srcdev-nuxt-components 9.4.11 → 9.5.0

package/.claude/hooks/refresh-component-ledger.sh

@@ -1,32 +0,0 @@
-#!/usr/bin/env bash
-# PostToolUse hook (Skill) — fires whenever /create-commit-message runs. If any staged file
-# touches app/components/, rebuilds the Component Ledger audit (.claude/component-ledger/) from
-# the current repo state and tells Claude to republish it to the stored artifact URL. See
-# project_component_compliance_standard.md / feedback_private_token_convention_clarified.md in
-# memory for what this ledger tracks and why.
-
-root="${CLAUDE_PROJECT_DIR:-$(pwd)}"
-cd "$root" || exit 0
-
-skill=$(jq -r '.tool_input.skill // empty')
-[[ "$skill" == "create-commit-message" ]] || exit 0
-
-# Only bother if something staged actually touches a component.
-staged_components=$(git diff --cached --name-only -- 'app/components/*' 2>/dev/null)
-[[ -n "$staged_components" ]] || exit 0
-
-node "$root/.claude/component-ledger/build.mjs" >/tmp/component-ledger-build.log 2>&1
-build_status=$?
-
-url_file="$root/.claude/component-ledger/artifact-url.txt"
-url=$(cat "$url_file" 2>/dev/null)
-
-if [[ $build_status -ne 0 ]]; then
-  msg="Staged changes touch component(s) (see: $staged_components), but rebuilding the Component Ledger failed — check /tmp/component-ledger-build.log. Fix before republishing."
-elif [[ -z "$url" ]]; then
-  msg="Staged changes touch component(s) (see: $staged_components). Component Ledger rebuilt at .claude/component-ledger/output.html, but no stored artifact URL was found at $url_file — ask the user for the ledger's URL, save it there, then republish."
-else
-  msg="Staged changes touch component(s): $(echo "$staged_components" | tr '\n' ' '). Component Ledger data rebuilt at .claude/component-ledger/output.html from the current repo state — republish it now via the Artifact tool with url=\"$url\" so the ledger reflects this change before finishing the commit message."
-fi
-
-jq -n --arg msg "$msg" '{hookSpecificOutput:{hookEventName:"PostToolUse",additionalContext:$msg}}'

package/.claude/settings.json

@@ -1,134 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(grep -v \"^+\\\\s*$\\\\|^-\\\\s*$\")",
-      "Bash(python3 -c \"import json,sys; p=json.load\\(sys.stdin\\); print\\('main:', p.get\\('main'\\)\\); exp=p.get\\('exports',{}\\).get\\('.',{}\\); print\\('exports .:', exp\\)\")",
-      "Bash(node -e \"const p = require\\('/Users/simoncornforth/websites/nuxt-components/.output/server/node_modules/vue/package.json'\\); console.log\\(JSON.stringify\\(p.exports, null, 2\\)\\)\")",
-      "Bash(node .output/server/index.mjs)",
-      "Bash(curl -s -o /dev/null -w \"%{http_code}\" http://localhost:3000/)",
-      "Bash(kill %1)",
-      "Bash(xargs kill -9)",
-      "Edit(/.claude/skills/components/**)",
-      "Bash(command -v nvm)",
-      "Bash(command -v fnm)",
-      "Bash(command -v volta)",
-      "Bash(npm --version)",
-      "Bash(python3 -c ' *)",
-      "Bash(node -e ' *)",
-      "Bash(/usr/local/bin/node -e \"...\")",
-      "Bash(which node *)",
-      "Read(//usr/local/bin/**)",
-      "Read(//Users/simoncornforth/.nvm/versions/**)",
-      "Read(//opt/homebrew/**)",
-      "Read(//usr/**)",
-      "Bash(/usr/local/Cellar/node@24/24.16.0/bin/node -e ' *)",
-      "Bash(/usr/local/Cellar/node@24/24.16.0/bin/node --version)",
-      "Bash(/usr/local/Cellar/node@24/24.16.0/bin/npm --version)",
-      "Bash(git -C /Users/simoncornforth/websites/instepreflexology log --oneline -3)",
-      "Bash(git -C /Users/simoncornforth/websites/instepreflexology add package-lock.json .nvmrc)",
-      "Bash(git -C /Users/simoncornforth/websites/instepreflexology commit -m ' *)",
-      "Bash(git -C /Users/simoncornforth/websites/instepreflexology push)",
-      "Bash(node scripts/generate-ramps.mjs)",
-      "Bash(sed -i '' 's/var\\(--theme-input-border\\)/var\\(--theme-border\\)/g' app/components/05.forms/input-text/InputTextCore.vue app/components/05.forms/input-text/variants/InputTextAsNumberWithLabel.vue app/components/05.forms/input-textarea/InputTextareaCore.vue app/components/05.forms/input-select/InputSelectCore.vue app/components/05.forms/input-checkbox-radio/InputCheckboxRadioButton.vue app/components/05.forms/input-checkbox-radio/InputCheckboxRadioCore.vue app/components/05.forms/toggle-switch/ToggleSwitchCore.vue app/components/05.forms/triple-toggle-switch/TripleToggleSwitchCore.vue app/components/display-theme-switch/DisplayThemeSwitch.vue app/components/05.forms/input-copy/InputCopyCore.vue app/components/05.forms/input-number/InputNumberCore.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-input-outline\\);/transparent;/g' app/components/05.forms/input-text/InputTextCore.vue app/components/05.forms/input-textarea/InputTextareaCore.vue app/components/05.forms/input-select/InputSelectCore.vue app/components/05.forms/input-checkbox-radio/InputCheckboxRadioButton.vue app/components/05.forms/input-checkbox-radio/InputCheckboxRadioCore.vue app/components/05.forms/toggle-switch/ToggleSwitchCore.vue app/components/05.forms/triple-toggle-switch/TripleToggleSwitchCore.vue app/components/display-theme-switch/DisplayThemeSwitch.vue app/components/05.forms/input-number/InputNumberCore.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-input-outline-focus\\)/var\\(--theme-border-focus\\)/g' app/components/05.forms/input-text/InputTextCore.vue app/components/05.forms/input-textarea/InputTextareaCore.vue app/components/05.forms/input-select/InputSelectCore.vue app/components/05.forms/input-checkbox-radio/InputCheckboxRadioButton.vue app/components/05.forms/input-checkbox-radio/InputCheckboxRadioCore.vue app/components/05.forms/toggle-switch/ToggleSwitchCore.vue app/components/05.forms/input-copy/InputCopyCore.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-input-outline-hover\\)/var\\(--theme-ring\\)/g' app/components/05.forms/input-checkbox-radio/InputCheckboxRadioButton.vue app/components/05.forms/triple-toggle-switch/TripleToggleSwitchCore.vue app/components/display-theme-switch/DisplayThemeSwitch.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-checkbox-symbol-color\\)/var\\(--theme-text\\)/g' app/components/05.forms/input-checkbox-radio/InputCheckboxRadioCore.vue app/components/05.forms/toggle-switch/ToggleSwitchCore.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-input-surface-focus\\)/var\\(--theme-surface-subtle\\)/g' /Users/simoncornforth/websites/nuxt-components/app/components/05.forms/input-checkbox-radio/InputCheckboxRadioButton.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-checkbox-label-text-color\\)/var\\(--colour-text-default\\)/g' /Users/simoncornforth/websites/nuxt-components/app/components/05.forms/input-checkbox-radio/InputCheckboxRadioButton.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-button-border\\);/var\\(--theme-border\\);/g; s/var\\(--theme-button-outline\\);/var\\(--theme-ring\\);/g; s/var\\(--theme-button-border-hover\\);/var\\(--theme-surface\\);/g; s/var\\(--theme-button-outline-hover\\);/var\\(--theme-surface\\);/g' /Users/simoncornforth/websites/nuxt-components/app/components/display-tooltip/DisplayTooltip.vue)",
-      "Bash(sed -i '' 's/var\\(--theme-input-outline, red\\)/transparent/g' /Users/simoncornforth/websites/nuxt-components/app/components/05.forms/toggle-switch/ToggleSwitchCore.vue)",
-      "Bash(xargs ls -la)",
-      "Skill(code-review)",
-      "Skill(code-review:*)",
-      "Bash(cd /Users/simoncornforth/websites/nuxt-components/.vscode && rm srcdev-nuxt3-accordian-component.code-snippets srcdev-nuxt3-carousel-basic-component.code-snippets srcdev-nuxt3-carousel-flip-component.code-snippets srcdev-nuxt3-component-boilerplate.code-snippets srcdev-nuxt3-container-glow-component.code-snippets srcdev-nuxt3-display-banner-component.code-snippets srcdev-nuxt3-display-details-component.code-snippets srcdev-nuxt3-expanding-panel-component.code-snippets srcdev-nuxt3-layout-row.code-snippets srcdev-nuxt3-page-layout.code-snippets srcdev-nuxt3-responsive-header-component.code-snippets srcdev-nuxt3-tabs-component.code-snippets && ls *.code-snippets)",
-      "Bash(mv srcdev-nuxt3-dialog-component.code-snippets srcdev-component-dialog.code-snippets)",
-      "Bash(mv srcdev-nuxt3-display-prompt-component.code-snippets srcdev-component-display-prompt.code-snippets)",
-      "Bash(mv srcdev-nuxt3-display-toast-component.code-snippets srcdev-component-display-toast.code-snippets)",
-      "Bash(mv srcdev-nuxt3-pinia-store-setup.code-snippets srcdev-component-pinia-store.code-snippets)",
-      "Bash(SRCDEV_STANDALONE=true npx vitest run app/components/01.atoms/display-dialog)",
-      "Bash(ls /Users/simoncornforth/websites/nuxt-components/.claude/ && echo \"---\" && cat /Users/simoncornforth/websites/nuxt-components/.gitignore | grep -i \"claude\\\\|memory\\\\|projects\" && echo \"---gitignore done---\" && ls /Users/simoncornforth/.claude/projects/ 2>/dev/null | head -5)",
-      "Read(//Users/simoncornforth/.claude/projects/**)",
-      "Bash(cp /Users/simoncornforth/websites/nuxt-components/.claude/projects/-Users-simoncornforth-websites-nuxt-components/memory/project_app_config_defaults.md /Users/simoncornforth/.claude/projects/-Users-simoncornforth-websites-nuxt-components/memory/project_app_config_defaults.md)",
-      "Bash(rm -rf /Users/simoncornforth/websites/nuxt-components/.claude/projects/)",
-      "Bash(SRCDEV_STANDALONE=true npx vitest run app/components/01.atoms/toast)",
-      "Bash(SRCDEV_STANDALONE=true npx vitest run app/components/02.molecules/alert-content)",
-      "Bash(SRCDEV_STANDALONE=true npx vitest run app/components/01.atoms/prompt)",
-      "Bash(git fetch *)",
-      "Bash(python3 -m json.tool /Users/simoncornforth/websites/nuxt-components/.vscode/srcdev-component-services-section.code-snippets)",
-      "Bash(node -e \"JSON.parse\\(require\\('fs'\\).readFileSync\\('/Users/simoncornforth/websites/nuxt-components/.vscode/srcdev-component-services-section.code-snippets','utf8'\\)\\); console.log\\('valid json'\\)\")",
-      "WebFetch(domain:luxury-locs-by-natasha-nuxt3.vercel.app)",
-      "Bash(cd /Users/simoncornforth/websites/nuxt-components *)",
-      "Bash(node -e \"JSON.parse\\(require\\('fs'\\).readFileSync\\('/Users/simoncornforth/websites/nuxt-components/.vscode/srcdev-component-banner-video.code-snippets','utf8'\\)\\); console.log\\('valid json'\\)\")",
-      "Bash(python3 -c \"import json; json.load\\(open\\('/Users/simoncornforth/websites/nuxt-components/.vscode/srcdev-component-expanding-panel.code-snippets'\\)\\)\")",
-      "Bash(node -e \"JSON.parse\\(require\\('fs'\\).readFileSync\\('/Users/simoncornforth/websites/nuxt-components/.vscode/srcdev-component-expanding-panel.code-snippets','utf8'\\)\\); console.log\\('OK'\\)\")",
-      "Bash(npx eslint *)",
-      "Bash(git stash *)",
-      "Bash(rm /Users/simoncornforth/websites/nuxt-components/app/components/02.molecules/expandable/expanding-panel/tests/repro.spec.ts)",
-      "Bash(npx playwright *)",
-      "Bash(break)",
-      "Bash(cp /tmp/pw-test.mjs /Users/simoncornforth/websites/nuxt-components/pw-test.mjs)",
-      "Bash(node pw-test.mjs)",
-      "Bash(ls ~/Library/Caches/ms-playwright 2>/dev/null)",
-      "Read(//Users/simoncornforth/Library/Caches/ms-playwright/**)",
-      "Bash(lsof -nP -iTCP:3000 -sTCP:LISTEN)",
-      "Bash(ps -p 3241 -o pid,etime,command)",
-      "Bash(pkill -f \"nuxt dev\" -u simoncornforth)",
-      "Bash(lsof -nP -iTCP:3000,3001 -sTCP:LISTEN)",
-      "Bash(curl -s http://localhost:3000/ui/layout-grid-a -o /tmp/a.html -w \"%{http_code}\\\\n\")",
-      "Bash(curl -s http://localhost:3000/ui/layout-grid-b -o /tmp/b.html -w \"%{http_code}\\\\n\")",
-      "Bash(grep -o \"desktopCanvas[^,{]*{[^}]*}\" /tmp/a.html)",
-      "Bash(grep -o \"desktopCanvas[^,{]*{[^}]*}\" /tmp/b.html)",
-      "Bash(curl -s \"http://localhost:3000/_nuxt/components/canvas-switcher/CanvasSwitcher.vue?vue&type=style&index=0&lang.css\")",
-      "Bash(ps -p 9159 -o pid,command)",
-      "Bash(curl -s -o /dev/null -w \"%{http_code}\\\\n\" http://localhost:3000/ui/layout-content-docs)",
-      "Bash(node /private/tmp/claude-501/-Users-simoncornforth-websites-nuxt-components/3e6d42b1-c0ff-4b71-a082-656f9e15e24c/scratchpad/debug-breakpoints.mjs)",
-      "Bash(sed -i '' 's/from \"playwright\"/from \"@playwright\\\\/test\"/' /Users/simoncornforth/websites/nuxt-components/debug-breakpoints.mjs)",
-      "Bash(node debug-breakpoints.mjs)",
-      "Bash(grep -v \"ERR_PACKAGE_PATH_NOT_EXPORTED\\\\|Resolve plugin\\\\|at exportsNot\\\\|at packageExports\\\\|at resolveExports\\\\|at Module\\\\|at wrapResolve\\\\|at resolveForCJS\\\\|at resolve \\\\|at CompilerOptions\\\\|at Object.createParsed\\\\|code: 'ERR'\\\\|^}$\")",
-      "Bash(lsof -i :6006 -sTCP:LISTEN -t)",
-      "Bash(curl -s \"http://127.0.0.1:6006/index.json\")",
-      "Bash(curl -s \"http://127.0.0.1:6006/iframe.html?id=atoms-content-wrappers-contentdocs--default&viewMode=story\" -o /dev/null -w \"%{http_code}\\\\n\")",
-      "Bash(SRCDEV_STANDALONE=true npx playwright test app/components/01.atoms/content-wrappers/docs-pages/playwright/content-docs.playwright.ts --project=chromium --update-snapshots)",
-      "Bash(SRCDEV_STANDALONE=true npx playwright test app/components/01.atoms/content-wrappers/docs-pages/playwright/content-docs.playwright.ts --project=chromium)",
-      "Bash(git rm *)",
-      "Bash(awk '{print $1}')",
-      "Bash(git reset *)",
-      "Read(//Users/simoncornforth/.claude/**)",
-      "Bash(git push *)",
-      "Bash(node -e \"JSON.parse\\(require\\('fs'\\).readFileSync\\('.vscode/srcdev-component-pricing-card.code-snippets','utf8'\\)\\); console.log\\('valid json'\\)\")",
-      "Bash(rm /Users/simoncornforth/websites/nuxt-components/.claude/skills/create-release-notes.md)",
-      "Bash(node -e \"console.log\\('sanity: file exists and readable'\\)\")"
-    ],
-    "additionalDirectories": [
-      "/Users/simoncornforth/websites/instepreflexology",
-      "/Users/simoncornforth/websites/nuxt-components/.vscode",
-      "/Users/simoncornforth/websites/nuxt-components/.claude/skills/components",
-      "/Users/simoncornforth/websites/nuxt-components/.claude/skills"
-    ]
-  },
-  "hooks": {
-    "PostToolUse": [
-      {
-        "matcher": "Write|Edit",
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash \"${CLAUDE_PROJECT_DIR:-.}/.claude/hooks/check-component-update.sh\"",
-            "timeout": 15
-          }
-        ]
-      },
-      {
-        "matcher": "Skill",
-        "hooks": [
-          {
-            "type": "command",
-            "command": "bash \"${CLAUDE_PROJECT_DIR:-.}/.claude/hooks/refresh-component-ledger.sh\"",
-            "timeout": 30
-          }
-        ]
-      }
-    ]
-  }
-}

package/.claude/settings.local.json

@@ -1,38 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "WebSearch",
-      "WebFetch(domain:drafts.csswg.org)",
-      "mcp__ide__getDiagnostics",
-      "Bash(npm run:*)",
-      "Bash(npm install:*)",
-      "Bash(npm audit *)",
-      "Bash(npm ls *)",
-      "Bash(npx vitest:*)",
-      "Bash(npx tsc:*)",
-      "Bash(npx vue-tsc:*)",
-      "Bash(npx nuxi:*)",
-      "Bash(git add:*)",
-      "Bash(git mv:*)",
-      "Bash(git show:*)",
-      "Bash(git status *)",
-      "Bash(git log:*)",
-      "Bash(git diff:*)",
-      "Bash(git ls-tree *)",
-      "Bash(git commit:*)",
-      "Bash(gh release:*)",
-      "Edit(/.claude/skills/components/**)",
-      "Bash(git -C /Users/simoncornforth/websites/nuxt-components *)",
-      "Bash(ls -la /Users/simoncornforth/websites/luxury-locs-by-natasha-nuxt3/.env*)",
-      "Bash(ls /Users/simoncornforth/websites/nuxt-components/*.md)"
-    ],
-    "additionalDirectories": [
-      "/Users/simoncornforth/websites/nuxt-components/.claude/skills",
-      "/Users/simoncornforth/websites/nuxt-components/.claude/skills/components",
-      "/Users/simoncornforth/websites/nuxt-components/app/components/01.atoms",
-      "/Users/simoncornforth/websites/nuxt-components/app/assets/styles/extends-layer",
-      "/Users/simoncornforth/websites/luxury-locs-by-natasha-nuxt3/app/pages",
-      "/private/tmp"
-    ]
-  }
-}

package/.claude/skills/components/alert-content-inner.md

@@ -1,60 +0,0 @@
-# AlertContentInner
-
-## Overview
-
-Internal molecule used by `AlertContent` and `AlertMaskedContent`, which are in turn used by
-`DisplayToast` and `DisplayPrompt`. Renders the icon, title/body text, and optional dismiss button.
-Because it sits below multiple consumer components, icon customisation here applies everywhere.
-
-**Location**: `app/components/02.molecules/alert-content/AlertContentInner.vue`
-
-## Props
-
-| Prop | Type | Default | Notes |
-|---|---|---|---|
-| `theme` | `SemanticTheme` | — | **Required.** Drives the default icon and `data-theme` (set by parent `AlertContent`). |
-| `customIcon` | `string` | `undefined` | Icon name override passed down from the toast/prompt `config.content.customIcon`. |
-| `dismissible` | `boolean` | `false` | Shows the dismiss button when `true`. |
-| `contentId` | `string` | `undefined` | Sets `id` on `.alert-content-body` for `aria-describedby` wiring. |
-| `ariaLive` | `"polite" \| "assertive" \| "off"` | `undefined` | Sets `aria-live` on `.alert-content-body`. |
-
-## app.config defaults
-
-Icon names — both per-theme and the dismiss button — are configurable globally via `app.config`.
-One change here covers every toast, prompt, and any other component built on `AlertContentInner`.
-
-```ts
-// Consumer's app.config.ts
-export default defineAppConfig({
-  srcdev: {
-    alertContent: {
-      icons: {
-        info: "heroicons:information-circle",
-        success: "heroicons:check-circle",
-        warning: "heroicons:exclamation-triangle",
-        error: "heroicons:x-circle",
-      },
-      dismissIcon: "heroicons:x-mark",
-    },
-  },
-})
-```
-
-Resolution chain: **`customIcon` prop → app.config icons → hardcoded fallback**.
-
-The `dismissIcon` slot (`#dismissIcon` on `AlertContent`) always wins over app.config if provided.
-
-## Slots
-
-| Slot | Description |
-|---|---|
-| `#icon` | Replaces the entire icon region. |
-| `#title` | Title line inside `.alert-content-body`. |
-| `#content` | Body text inside `.alert-content-body`. |
-| `#dismissIcon` | Replaces the dismiss button icon. |
-| `#dismissLabel` | SR-only label for the dismiss button (default: `"Close"`). |
-
-## Notes
-
-- Do not use `AlertContentInner` directly in pages — use `AlertContent` or `AlertMaskedContent` instead.
-- `AlertMaskedContent` wraps `AlertContentInner` with a different background treatment (SVG glass border).

package/.claude/skills/components/navigation-horizontal.md

@@ -1,99 +0,0 @@
-# NavigationHorizontal
-
-## Overview
-
-A horizontal navigation bar that renders a flat list of links with an animated glow/underline effect on the active link. Fully themeable via CSS custom properties.
-
-## Types
-
-Import from the layer package root — do **not** use `~/types/...` (that resolves to the consuming app, not the layer):
-
-```ts
-import type { NavItemData } from "srcdev-nuxt-components"
-```
-
-```ts
-interface NavItem {
-  text: string;
-  href?: string;
-  isExternal?: boolean; // adds target="_blank" rel behaviour via NuxtLink
-  iconName?: string;    // icon set name, rendered as <Icon name="icon-{iconName}" />
-  cssName?: string;     // extra CSS class on the <li>
-}
-
-interface NavItemData {
-  [key: string]: NavItem[]; // key name is arbitrary; component reads navItemData.main
-}
-```
-
-**Important:** The component only iterates `navItemData.main`. Other keys in the object are ignored unless you fork the component.
-
-## Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `navItemData` | `NavItemData` | required | Navigation link data |
-| `tag` | `"ul" \| "ol" \| "div"` | `"ul"` | HTML element for the list |
-| `styleClassPassthrough` | `string \| string[]` | `[]` | Extra CSS classes on the root `<nav>` |
-
-## Basic usage
-
-```vue
-<NavigationHorizontal :nav-item-data="navLinks" />
-```
-
-```ts
-import type { NavItemData } from "srcdev-nuxt-components"
-
-const navLinks: NavItemData = {
-  main: [
-    { text: "Home", href: "/" },
-    { text: "Services", href: "/services/" },
-    { text: "Contact", href: "/contact" },
-    { text: "GitHub", href: "https://github.com/example", isExternal: true },
-  ],
-}
-```
-
-## CSS token API
-
-Override these custom properties on a wrapping selector to theme the nav without touching component internals:
-
-```css
-.your-wrapper {
-  /* Colours */
-  --nav-active-colour: lime;                  /* glow + border-bottom colour on hover/focus */
-  --nav-link-colour: hsl(0 0% 100%);          /* link text colour */
-  --nav-link-bg: hsl(0 0% 20%);              /* link background */
-  --nav-border-colour: hsl(0 0% 100% / 0.2); /* top/bottom border on the list */
-
-  /* Borders */
-  --nav-border-start: 0px;   /* block-start border thickness */
-  --nav-border-end: 3px;     /* block-end border thickness */
-
-  /* Layout */
-  --nav-list-padding: 2rem;
-  --nav-list-gap: 1rem;
-  --nav-link-padding-block: 0.5rem;
-  --nav-link-padding-inline: 1rem;
-  --nav-link-border-radius: 0.2rem;
-
-  /* Glow effect */
-  --nav-glow-pos-x: 50%;
-  --nav-glow-pos-y: 100%;
-  --nav-glow-inner-stop: 10%;
-  --nav-glow-outer-stop: 75%;
-  --nav-glow-size: 32px;
-  --nav-glow-opacity: 0.5;
-  --nav-anchor-offset: 40px;
-
-  /* Animation */
-  --nav-transition-duration: 300ms;
-}
-```
-
-## Notes
-
-- The glow effect uses CSS Anchor Positioning (`anchor-name`, `position-anchor`). The layer ships `@oddbird/css-anchor-positioning` as a polyfill for browsers that don't support it yet.
-- The `--nav-active-colour` token drives both the border-bottom and the radial glow — set it to your brand accent colour.
-- `isExternal: true` on a `NavItem` passes `:external="true"` to `<NuxtLink>`, which adds `target="_blank"` and `rel="noopener noreferrer"` automatically.

package/.claude/skills/components/samaritan-prompt-mixed.md

@@ -1,139 +0,0 @@
----
-name: SamaritanPromptMixed
-description: SamaritanPromptMixed animated text prompt — props, MessageConfig API, typewriter/word-pulse effects, accessibility (aria-live), CSS tokens, consumer styling
-type: reference
----
-
-# SamaritanPromptMixed
-
-## Overview
-
-`SamaritanPromptMixed` cycles through a list of messages using animated text effects. Each message can independently use either a `typewriter` effect (characters typed and deleted one-by-one) or a `word-pulse` effect (full text fades in, holds, then fades out). Effects and timing can be set globally via props and overridden per-message via `MessageConfig`.
-
-The component uses `useCancellableTimer` for all async timing — the loop exits cleanly on `onUnmounted` without dangling promises.
-
-### Accessibility
-
-- The visual animated content (`.samaritan-prompt__content`) carries `aria-hidden="true"` — screen readers never hear incremental characters.
-- A visually hidden `aria-live="polite"` `aria-atomic="true"` span announces the complete message at the moment it is fully displayed:
-  - **Typewriter**: announced after all characters are typed (before the hold/delete phase).
-  - **Word-pulse**: announced when `textOpacity` reaches `1` (fade-in complete).
-- `announcedText` is cleared to `""` before each deletion/fade-out, so the same message announced again in the next cycle fires a new announcement (value changes `"" → text`).
-- `prefers-reduced-motion: reduce` disables the content fade transition and the cursor pulse animation via a CSS media query.
-
-## Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `messageConfigs` | `MessageConfig[]` | — | Array of message objects. **Required.** |
-| `effect` | `"typewriter" \| "word-pulse"` | `"typewriter"` | Default effect for all messages. |
-| `typeSpeed` | `number` | `80` | ms per character typed. |
-| `deleteSpeed` | `number` | `40` | ms per character deleted. |
-| `holdDuration` | `number` | `7000` | ms to hold the fully typed text before deleting. |
-| `pauseDuration` | `number` | `1000` | ms pause after a message completes, before the next begins. |
-| `wordDuration` | `number` | `1200` | ms the word-pulse text stays fully visible. |
-| `fadeDuration` | `number` | `400` | ms for the word-pulse fade-in / fade-out CSS transition. |
-| `introDelay` | `number` | `2000` | ms delay before the first message starts on mount. Set to `0` to start immediately. |
-| `hideCursorInCycle` | `boolean` | `true` | Hide the cursor during text animation; show it during pause/hold. Per-message override available. |
-| `styleClassPassthrough` | `string \| string[]` | `[]` | Extra classes applied to the root element. |
-
-## MessageConfig
-
-Each entry in `messageConfigs` accepts:
-
-```typescript
-interface MessageConfig {
-  text: string;
-  effect?: "typewriter" | "word-pulse";  // overrides global prop
-  typeSpeed?: number;
-  deleteSpeed?: number;
-  holdDuration?: number;
-  pauseDuration?: number;
-  wordDuration?: number;
-  fadeDuration?: number;
-  hideCursorInCycle?: boolean;
-}
-```
-
-Any field omitted falls back to the corresponding component prop.
-
-## Basic usage
-
-```vue
-<SamaritanPromptMixed
-  :message-configs="[
-    { text: 'INITIALISING SYSTEM' },
-    { text: 'LOADING PROFILE' },
-    { text: 'ACCESS GRANTED' },
-  ]"
-/>
-```
-
-## Mixed effects
-
-```vue
-<SamaritanPromptMixed
-  :message-configs="[
-    { text: 'INITIALISING SYSTEM', effect: 'typewriter', hold-duration: 3000 },
-    { text: 'STAND BY', effect: 'word-pulse', word-duration: 2000 },
-    { text: 'CONNECTED', effect: 'typewriter' },
-  ]"
-/>
-```
-
-## Fast intro, no delay
-
-```vue
-<SamaritanPromptMixed
-  :intro-delay="0"
-  :type-speed="50"
-  :message-configs="[{ text: 'READY' }]"
-/>
-```
-
-## CSS custom properties
-
-| Token | Default | Description |
-|-------|---------|-------------|
-| `--samaritan-font-size` | `2rem` | Text size. |
-| `--samaritan-color-text` | `#ffffff` | Text colour. |
-| `--samaritan-color-underline` | `#ffffff` | Underline bar colour. |
-| `--samaritan-color-cursor` | `#cc0000` | Cursor colour (peak of pulse). |
-| `--samaritan-color-cursor-off` | `transparent` | Cursor colour (trough of pulse). |
-| `--samaritan-font-family` | `"Mono MMM 5", "Nova Mono", "Courier New", monospace` | Font stack. |
-| `--samaritan-letter-spacing` | `0.08em` | Letter spacing. |
-
-The custom font `Mono MMM 5` is loaded via `@font-face` inside the component's unscoped `<style>` block from `/fonts/monoMMM_5.ttf`.
-
-## Consumer styling
-
-Use an unscoped style block scoped by a page or section wrapper. No `:deep()` needed.
-
-```vue
-<style>
-.my-page .samaritan-prompt {
-  --samaritan-font-size: 3.2rem;
-  --samaritan-color-text: #00ff88;
-  --samaritan-color-cursor: #ff4400;
-}
-</style>
-```
-
-## CSS classes
-
-| Class | Notes |
-|-------|-------|
-| `.samaritan-prompt` | Root element. |
-| `.samaritan-prompt__content` | Wraps text + underline. `aria-hidden="true"`. Opacity transitions on word-pulse effect. |
-| `.samaritan-prompt__stage` | Centers the text span; min-height prevents layout shift. |
-| `.samaritan-prompt__text` | The visible animated text. `text-transform: uppercase`. |
-| `.samaritan-prompt__underline` | Horizontal rule below text. |
-| `.samaritan-prompt__cursor` | `▲` glyph; pulses via `samaritan-pulse` keyframe. `aria-hidden="true"`. |
-| `.samaritan-prompt__sr-text` | Visually hidden `aria-live` region for screen reader announcements. |
-
-## Notes
-
-- The `introDelay` only applies at the start of the loop, not between messages. Between messages, `pauseDuration` applies.
-- The cursor pulse animation uses the `samaritan-pulse` keyframe (defined in the component's global style). The cursor hides/shows during cycles via `cursorVisible` + opacity transition, not `display`.
-- `prefers-reduced-motion: reduce` suppresses the opacity transition on `.samaritan-prompt__content` and the `animation` on `.samaritan-prompt__cursor`. The `aria-live` announcements continue to fire regardless.
-- The `MessageConfig` type is exported from the component: `import type { MessageConfig } from 'srcdev-nuxt-components/components/02.molecules/samaritan-prompt/SamaritanPromptMixed.vue'`.

package/app/components/01.atoms/content-wrappers/content-columns-2/ContentColumns2.vue

@@ -1,51 +0,0 @@
-<template>
-  <component :is="tag" class="content-columns-2" :class="[elementClasses]" :data-testid="dataTestid">
-    <div class="inner">
-      <div v-if="hasSlot1" class="col-1">
-        <slot name="slot1"></slot>
-      </div>
-      <div v-if="hasSlot2" class="col-2">
-        <slot name="slot2"></slot>
-      </div>
-    </div>
-  </component>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  tag?: "div" | "section" | "article" | "main";
-  dataTestid?: string;
-  styleClassPassthrough?: string | string[];
-}
-const props = withDefaults(defineProps<Props>(), {
-  tag: "div",
-  dataTestid: "content-columns-2",
-  styleClassPassthrough: () => [],
-});
-
-const slots = useSlots();
-const hasSlot1 = computed(() => !!slots.slot1);
-const hasSlot2 = computed(() => !!slots.slot2);
-
-const { elementClasses } = useStyleClassPassthrough(props.styleClassPassthrough);
-</script>
-
-<style lang="css">
-@layer components {
-  .content-columns-2 {
-    container-type: inline-size;
-    container-name: contentColumns2;
-
-    .inner {
-      display: grid;
-      grid-auto-flow: row;
-      gap: 1.6rem;
-
-      @container contentColumns2 (width >= 768px) {
-        gap: 1.6rem;
-        grid-template-columns: repeat(2, 1fr);
-      }
-    }
-  }
-}
-</style>