@abuzareal/contour-ui 0.6.2 → 0.6.4

package/examples/catalogue/theme-copy.tsx

@@ -0,0 +1,32 @@
+import {
+  Button,
+  ThemeToggle,
+  useMotionPreference,
+  useClipboardCopy,
+} from "@abuzareal/contour-ui";
+
+export default function PreferencesAndCopy({
+  animate = true,
+  command = "npm install @abuzareal/contour-ui@0.6.4 --save-exact",
+}: {
+  animate?: boolean;
+  command?: string;
+}) {
+  const reducedMotion = useMotionPreference();
+  const { status, copy } = useClipboardCopy(command);
+  return (
+    <>
+      <ThemeToggle animate={animate && !reducedMotion} />
+      <Button loading={status === "copying"} onClick={() => void copy()}>
+        Copy install command
+      </Button>
+      <p role="status">
+        {status === "copied"
+          ? "Copied."
+          : status === "error"
+            ? "Copy failed. Select the command manually."
+            : ""}
+      </p>
+    </>
+  );
+}

package/examples/catalogue/toasts.tsx

@@ -0,0 +1,21 @@
+import { Button, ToastProvider, useToast } from "@abuzareal/contour-ui";
+
+function DemoNotice() {
+  const { show } = useToast();
+  return (
+    <Button
+      onClick={() =>
+        show({ title: "Example notification", message: "No data was saved." })
+      }
+    >
+      Show example
+    </Button>
+  );
+}
+export default function App() {
+  return (
+    <ToastProvider>
+      <DemoNotice />
+    </ToastProvider>
+  );
+}

package/examples/reproduction/package.json

@@ -13,7 +13,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@abuzareal/contour-ui": "0.6.2",
+    "@abuzareal/contour-ui": "0.6.4",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
@@ -22,6 +22,6 @@
     "@types/react-dom": "18.3.7",
     "@types/node": "26.6.5",
     "typescript": "5.9.3",
-    "vite": "8.3.2"
+    "vite": "8.3.5"
   }
 }

package/examples/starters/next/README.md

@@ -9,7 +9,7 @@ npm run build
 npm start
 ```
 
-Direct versions: Contour 0.6.1, Next 16.4.0, React/React DOM 19.3.0, TypeScript 7.0.2; webpack explicitly selected. Commit the generated application lockfile and use npm ci afterward. There are no workspace aliases, optional Three/Lenis peers, fonts or required providers. To opt into branded fonts, import `@abuzareal/contour-ui/fonts-latin.css` in app/layout.tsx. Root CSS and route composition belong to the application.
+Direct versions: Contour 0.6.4, Next 16.4.3, React/React DOM 19.3.0, TypeScript 7.0.2; webpack explicitly selected. Commit the generated application lockfile and use npm ci afterward. There are no workspace aliases, optional Three/Lenis peers, fonts or required providers. To opt into branded fonts, import `@abuzareal/contour-ui/fonts-latin.css` in app/layout.tsx. Root CSS and route composition belong to the application.
 
 layout.tsx and the page are server components. Demo.tsx owns client state, refs and handlers. The pure theme-bootstrap subpath is server-safe; before-paint script changes only the root theme attribute and theme-color. The root's suppressHydrationWarning is narrowly for this attribute, not a workaround for arbitrary mismatches.
 

package/examples/starters/next/package.json

@@ -13,10 +13,10 @@
     "start": "next start"
   },
   "dependencies": {
-    "@abuzareal/contour-ui": "0.6.2",
+    "@abuzareal/contour-ui": "0.6.4",
     "react": "19.3.0",
     "react-dom": "19.3.0",
-    "next": "16.4.0"
+    "next": "16.4.3"
   },
   "devDependencies": {
     "@types/react": "19.3.0",

package/examples/starters/vite/README.md

@@ -9,7 +9,7 @@ npm run build
 npm run preview
 ```
 
-Uses Contour 0.6.1, React/React DOM 18.3.1, TypeScript 5.9.3 and Vite 8.3.2. No aliases, workspace links, optional peers, font download, private catalogue or provider are required. Scoped CSS includes tokens and component families without the legacy global reset. The application owns the small body/layout stylesheet. Optional branded fonts: import `@abuzareal/contour-ui/fonts-latin.css` once.
+Uses Contour 0.6.4, React/React DOM 18.3.1, TypeScript 5.9.3 and Vite 8.3.5. No aliases, workspace links, optional peers, font download, private catalogue or provider are required. Scoped CSS includes tokens and component families without the legacy global reset. The application owns the small body/layout stylesheet. Optional branded fonts: import `@abuzareal/contour-ui/fonts-latin.css` once.
 
 The Vite config inserts the exact released theme bootstrap before the application, with a calculated CSP script hash. Keep the placeholder in index.html; recalculate through the build after upgrades. Script execution is restricted; style attributes are allowed because popup positioning and some components use inline styles. Extend connect-src intentionally for your service/development socket. An HTTP CSP header may replace this meta policy if it contains the same hash. See the package GETTING-STARTED.md for embedded themes and optional features.
 

package/examples/starters/vite/package.json

@@ -13,7 +13,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@abuzareal/contour-ui": "0.6.2",
+    "@abuzareal/contour-ui": "0.6.4",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
@@ -22,6 +22,6 @@
     "@types/react-dom": "18.3.7",
     "@types/node": "26.6.5",
     "typescript": "5.9.3",
-    "vite": "8.3.2"
+    "vite": "8.3.5"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abuzareal/contour-ui",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "private": false,
   "description": "Editorial React components, themes, restrained motion, and optional Three.js objects.",
   "type": "module",
@@ -42,7 +42,10 @@
     "MANUAL-QA.md",
     "docs/prop-metadata.json",
     "examples/onboarding",
-    "examples/reference"
+    "examples/reference",
+    "docs/component-guides.json",
+    "COMPONENT-GUIDES.md",
+    "examples/catalogue"
   ],
   "sideEffects": [
     "**/*.css"
@@ -153,7 +156,7 @@
     "react-dom": "18.3.1",
     "three": "^0.186.1",
     "typescript": "^5.5.3",
-    "vite": "^8.3.2"
+    "vite": "^8.3.5"
   },
   "engines": {
     "node": ">=22"