fix: update demo link to the current hosted URL in README and package metadata

Author: snwolak

.changeset/late-seas-juggle.md

@@ -0,0 +1,7 @@
+---
+'@protohiro/effects': patch
+---
+
+Update the package demo link to `https://protohiro.com/labs/effects` in the npm metadata and published README.
+
+This keeps the npm package page aligned with the current hosted demo URL.

README.md

@@ -4,6 +4,8 @@ Protohiro Effects is a zero-wrapper React library for hard CSS effects on existi
 
 Built for design systems and app UIs that need premium effects without extra DOM nodes, layout shifts, or runtime layout measurements.
 
+Demo: [protohiro.com/labs/effects](https://protohiro.com/labs/effects)
+
 ## Packages
 
 - `@protohiro/effects-core`: shared runtime utilities.
@@ -53,6 +55,7 @@ Protohiro Effects packages those effects as React hooks that mutate only `classL
 Single-element gradient border with `border-radius` support and a graceful Safari fallback.
 
 Options:
+
 - `thickness?: string | number`
 - `radius?: string | number`
 - `colors?: string`
@@ -64,6 +67,7 @@ Options:
 Adds a restrained glass highlight layer tuned for premium dark surfaces.
 
 Options:
+
 - `color?: string`
 - `edgeOpacity?: number`
 - `sheenOpacity?: number`
@@ -80,6 +84,7 @@ Options:
 Lightweight supporting glow for composition. Useful, but simpler than the core hard effects.
 
 Options:
+
 - `color?: string`
 - `blur?: string | number`
 - `spread?: string | number`
@@ -91,6 +96,7 @@ Options:
 Noise overlay for textured surfaces and layered compositions.
 
 Options:
+
 - `size?: string | number`
 - `intensity?: number`
 - `disabled?: boolean`
@@ -100,6 +106,7 @@ Options:
 Interactive spotlight and reveal effect for premium cards, media, and CTA surfaces.
 
 Options:
+
 - `mode?: 'glow' | 'reveal'`
 - `size?: string | number`
 - `intensity?: number`

packages/react/README.md

@@ -18,6 +18,7 @@ npm install @protohiro/effects
 ```
 
 Peer dependencies:
+
 - `react: ^18 || ^19`
 - `react-dom: ^18 || ^19`
 
@@ -32,6 +33,10 @@ export function Button() {
 }
 ```
 
+## Demo
+
+[protohiro.com/labs/effects](https://protohiro.com/labs/effects)
+
 ## Why use it
 
 - no extra DOM nodes
@@ -63,6 +68,7 @@ Interactive spotlight and reveal overlay for cards, media surfaces, and CTA bloc
 Adds a restrained glass highlight layer with edge light, soft sheen, tint, and optional backdrop blur for dark premium surfaces.
 
 Options:
+
 - `color?: string`
 - `edgeOpacity?: number`
 - `sheenOpacity?: number`
@@ -75,7 +81,7 @@ Options:
 - `disabled?: boolean`
 
 Live demo:
-[libs.protohiro.com/effects](https://libs.protohiro.com/effects/)
+[protohiro.com/labs/effects](https://protohiro.com/labs/effects)
 
 For full docs and demos, see:
 [github.com/protohiro-com/effects](https://github.com/protohiro-com/effects)

packages/react/package.json

@@ -12,10 +12,13 @@
     "url": "git+https://github.com/protohiro-com/effects.git",
     "directory": "packages/react"
   },
-  "homepage": "https://github.com/protohiro-com/effects#readme",
+  "homepage": "https://protohiro.com/labs/effects",
   "bugs": {
     "url": "https://github.com/protohiro-com/effects/issues"
   },
+  "funding": {
+    "url": "https://protohiro.com/labs/effects"
+  },
   "keywords": [
     "protohiro-effects",
     "protohiro",