srcdev-nuxt-components 9.4.11 → 9.5.0

package/app/types/app-config.d.ts

@@ -1,4 +1,5 @@
 import type { SemanticTheme, DisplayPromptTheme, DisplayToastTheme, DisplayToastPosition, DisplayToastAlignment } from "./components"
+import type { InputLabelIndicator } from "./forms/types.forms"
 
 declare module "@nuxt/schema" {
   interface AppConfigInput {
@@ -12,6 +13,7 @@ declare module "@nuxt/schema" {
         dismissible?: boolean
         useAutoFocus?: boolean
         masked?: boolean
+        closeLabel?: string
       }
       displayToast?: {
         appearance?: {
@@ -35,6 +37,14 @@ declare module "@nuxt/schema" {
         allowContentScroll?: boolean
         theme?: SemanticTheme
         closeIcon?: string
+        closeLabel?: string
+      }
+      inputLabel?: {
+        indicator?: InputLabelIndicator
+        requiredText?: string
+        optionalText?: string
+        requiredIcon?: string
+        optionalIcon?: string
       }
     }
   }

package/app/types/components/cookie-consent-banner.d.ts

@@ -4,5 +4,8 @@ export type CookieConsentStatus = "unset" | "granted" | "denied"
 
 export interface CookieConsentBannerProps {
   theme?: SemanticTheme
+  ariaLabel?: string
+  icon?: string
+  showIcon?: boolean
   styleClassPassthrough?: string | string[]
 }

package/app/types/components/index.ts

@@ -11,7 +11,7 @@ export * from "./qr-code.d"
 export * from "./alert-mask-core.d"
 export * from "./container-glow.d"
 export * from "./hero-text"
-export * from "./navigation-horizontal.d"
+export * from "./nav-item.d"
 export * from "./social-icons-list.d"
 export * from "./content-docs.d"
 export * from "./breadcrumb"
@@ -21,3 +21,8 @@ export * from "./marquee-scroller.d"
 export * from "./rotating-carousel-image.d"
 export * from "./skip-links.d"
 export * from "./select-menu.d"
+export * from "./price-list.d"
+export * from "./opening-hours.d"
+export * from "./samaritan-prompt.d"
+export * from "./profile-section.d"
+export * from "./services-card.d"

package/app/types/components/opening-hours.d.ts

@@ -0,0 +1,48 @@
+/** 0 = Monday ... 6 = Sunday */
+export type OpeningWeekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+
+export type OpeningStatus = "open" | "closed" | "24-hours" | "by-appointment";
+
+export interface OpeningSession {
+  /** 24-hour "HH:MM" */
+  opens: string;
+  /** 24-hour "HH:MM"; earlier than `opens` means it closes after midnight */
+  closes: string;
+  label?: string;
+}
+
+export interface OpeningDay {
+  day: OpeningWeekday;
+  /** Defaults to "open" when sessions are given, otherwise "closed" */
+  status?: OpeningStatus;
+  sessions?: OpeningSession[];
+  note?: string;
+}
+
+export interface OpeningException {
+  /** "YYYY-MM-DD" */
+  from: string;
+  /** "YYYY-MM-DD", inclusive; omit for a single day */
+  to?: string;
+  label?: string;
+  status?: OpeningStatus;
+  sessions?: OpeningSession[];
+  note?: string;
+}
+
+export interface OpeningHoursStructuredData {
+  /** schema.org type, e.g. "HairSalon", "Restaurant" */
+  type?: string;
+  name?: string;
+  /** Match the @id of the site's main business JSON-LD so search engines merge them */
+  id?: string;
+}
+
+export interface OpeningHoursSpecification {
+  "@type": "OpeningHoursSpecification";
+  dayOfWeek?: string | string[];
+  opens: string;
+  closes: string;
+  validFrom?: string;
+  validThrough?: string;
+}

package/app/types/components/price-list.d.ts

@@ -0,0 +1,11 @@
+export interface PriceItem {
+  description: string;
+  price: string;
+  from?: boolean;
+}
+
+export interface PriceListData {
+  headingtext: string;
+  headingIcon?: string;
+  items: PriceItem[];
+}

package/app/types/components/profile-section.d.ts

@@ -0,0 +1,6 @@
+export interface ProfilePicture {
+  src: string;
+  alt: string;
+  width?: number;
+  height?: number;
+}

package/app/types/components/samaritan-prompt.d.ts

@@ -0,0 +1,13 @@
+export type SamaritanPromptEffect = "typewriter" | "word-pulse";
+
+export interface SamaritanPromptMessageConfig {
+  text: string;
+  effect?: SamaritanPromptEffect;
+  typeSpeed?: number;
+  deleteSpeed?: number;
+  holdDuration?: number;
+  pauseDuration?: number;
+  wordDuration?: number;
+  fadeDuration?: number;
+  hideCursorInCycle?: boolean;
+}

package/app/types/components/services-card.d.ts

@@ -0,0 +1,9 @@
+export interface ServicesCardEyebrowConfig {
+  tag?: "p" | "div" | "span";
+  fontSize?: "large" | "medium" | "small";
+}
+
+export interface ServicesCardHeroConfig {
+  tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+  fontSize?: "display" | "title" | "heading" | "subheading" | "label";
+}

package/app/types/components/slider-gallery.d.ts

@@ -10,4 +10,6 @@ export interface IGalleryData {
     description: string
   }
   textBrightness: "light" | "dark"
+  /** Link for the slide's call-to-action; no link is rendered without it. */
+  href?: string
 }

package/app/types/components/social-icons-list.d.ts

@@ -3,4 +3,6 @@ export interface ISocialIcon {
   iconName: string;
   baseHref: string;
   profileId: string;
+  /** Accessible name for the link; overrides the list's linkLabelTemplate. */
+  label?: string;
 }

package/app/types/forms/types.forms.d.ts

@@ -10,6 +10,9 @@ export type InputButtonVariant = "primary" | "secondary" | "tertiary" | "inline"
 // Input variant types for form components
 export type InputUiVariant = "normal" | "outlined" | "underlined";
 
+// Which fields InputLabel marks: required ones, optional ones, or neither
+export type InputLabelIndicator = "none" | "required" | "optional";
+
 // Other form-specific types
 export type CheckboxAppearance = null | "with-decorator";
 export type CheckboxStyle = "check" | "cross";

package/app/types/forms/types.zodFormControl.d.ts

@@ -2,9 +2,6 @@ import type {
   IFieldsInitialState,
   IFormFieldsState,
   IFormFieldsC12,
-  IFormFieldC12,
-  IApiErrorMessages,
-  ICustomErrorMessage,
   IErrorMessagesArr,
 } from "../../app/types/forms/types.forms"
 

package/app/utils/opening-hours.ts

@@ -0,0 +1,44 @@
+import type {
+  OpeningDay,
+  OpeningException,
+  OpeningHoursSpecification,
+  OpeningSession,
+  OpeningStatus,
+} from "~/types/components/opening-hours";
+
+const SCHEMA_DAYS = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
+
+export const resolveOpeningStatus = (entry: { status?: OpeningStatus; sessions?: OpeningSession[] }): OpeningStatus =>
+  entry.status ?? (entry.sessions?.length ? "open" : "closed");
+
+const specsFor = (
+  entry: { status?: OpeningStatus; sessions?: OpeningSession[] },
+  extra: Partial<OpeningHoursSpecification>
+): OpeningHoursSpecification[] => {
+  switch (resolveOpeningStatus(entry)) {
+    case "open":
+      return (entry.sessions ?? []).map(({ opens, closes }) => ({
+        "@type": "OpeningHoursSpecification",
+        ...extra,
+        opens,
+        closes,
+      }));
+    case "24-hours":
+      return [{ "@type": "OpeningHoursSpecification", ...extra, opens: "00:00", closes: "23:59" }];
+    case "closed":
+      // schema.org marks a closed special date with opens === closes
+      return extra.validFrom ? [{ "@type": "OpeningHoursSpecification", ...extra, opens: "00:00", closes: "00:00" }] : [];
+    default:
+      return [];
+  }
+};
+
+export const buildOpeningHoursSpecification = (
+  days: OpeningDay[],
+  exceptions: OpeningException[] = []
+): OpeningHoursSpecification[] => [
+  ...days.flatMap((day) => specsFor(day, { dayOfWeek: `https://schema.org/${SCHEMA_DAYS[day.day]}` })),
+  ...exceptions.flatMap((exception) =>
+    specsFor(exception, { validFrom: exception.from, validThrough: exception.to ?? exception.from })
+  ),
+];

package/nuxt.config.ts

@@ -57,6 +57,10 @@ export default defineNuxtConfig({
   imports: {
     dirs: ["./stores"],
   },
+  icon: {
+    // Must stay listed before `components` in the @layer order in app/assets/styles/setup/index.css
+    cssLayer: "icons",
+  },
   app: {
     head: {
       htmlAttrs: {
@@ -146,7 +150,7 @@ export default defineNuxtConfig({
     // "esbuild". lightningcss has an open bug where it drops the unprefixed `backdrop-filter`
     // once autoprefixer adds `-webkit-backdrop-filter` alongside it, breaking glass/blur effects
     // (see https://github.com/vitejs/vite/issues/22649) — this repo relies on backdrop-filter in
-    // several components (GlassPanel, SiteNavigation, TabNavigation, DisplayDialog, ColourFinder,
+    // several components (GlassPanel, SiteNavigation, TabNavigation, DisplayDialog,
     // MagneticNavigation). Pin back to esbuild until upstream fixes it.
     build: {
       cssMinify: "esbuild",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-components",
   "type": "module",
-  "version": "9.4.11",
+  "version": "9.5.0",
   "main": "nuxt.config.ts",
   "types": "types.d.ts",
   "license": "MIT",
@@ -35,7 +35,7 @@
     "playwright:update": "SRCDEV_STANDALONE=true npx playwright test --update-snapshots"
   },
   "files": [
-    ".claude/",
+    ".claude/skills/",
     ".vscode/",
     "app/",
     "modules/",

package/ramps.config.mjs

@@ -22,7 +22,7 @@ export const ramps = {
   red:    { hue: 30,  chroma: 0.24 },
   green:  { hue: 157, chroma: 0.19 },
   amber:  { hue: 75,  chroma: 0.19 },
-  orange: { hue: 60,  chroma: 0.15 },
+  orange: { hue: 55,  chroma: 0.19 },
   sunset: { hue: 50,  chroma: 0.22, drift: -25 },
   slate:  { hue: 260, chroma: 0.02 },
 };

package/.claude/commands/create-commit-message.md

@@ -1,13 +0,0 @@
----
-description: Draft a commit message from staged changes only — never runs git add/commit/push
----
-
-Draft a commit message for the currently staged changes. Do not run `git add`, `git commit`, or `git push` — this command only produces the message text for review.
-
-Steps:
-1. Run `git status` and `git diff --staged` to see what's staged. If nothing is staged, say so and stop.
-2. Run `git log --oneline -10` to match this repo's existing commit message style (e.g. `type(scope): summary`).
-3. Draft a concise message: a short summary line, plus a body only if the change needs context not obvious from the diff. Focus on *why*, not a restatement of the diff.
-4. Present the message in a fenced code block. Do not commit it.
-
-If the user's request also explicitly says "commit this" or "run it", that's authorization to act — use the `/run-commit` flow instead of stopping at the draft.

package/.claude/commands/create-release-notes.md

@@ -1,34 +0,0 @@
----
-description: Produce release notes as a fenced markdown block, scoped to commits since the last release
----
-
-Produce release notes for the commits since the last `chore(release):` commit. Always output them as a single fenced ` ```markdown ` code block so the content can be copied directly into a git tag, GitHub release, or changelog — never render it as plain markdown.
-
-Steps:
-
-1. **Determine the range.** Run `git log --oneline -20` and find the most recent `chore(release): release vX.Y.Z` commit — that's the boundary. Also check `package.json` for the current version if you need to confirm what's already shipped vs pending.
-2. **Review each commit since that boundary.** Run `git show <commit> --stat` (and the message) for each one to understand what changed. Skip other `chore(release):` commits themselves, and skip purely internal/tooling commits (e.g. adding slash commands, promoting doc gotchas) unless they're user-facing.
-3. **Draft the notes** using the format below. Only include sections that have content — omit empty headings. Keep each bullet to one line where possible. Lead with the most user-facing changes (New, Fixed) before internal ones (Changed, Documentation). Fold minor follow-up commits (e.g. a test/docs completion commit for a feature shipped a commit earlier) into the same bullet as the feature rather than giving them their own line — unless the follow-up is substantial enough to warrant one.
-4. **Output** the result wrapped in a ` ```markdown ` fence. Do not commit, tag, or push anything — this command only produces text for review.
-
-## Format
-
-```markdown
-## vX.Y.Z
-
-### New
-
-- **`ComponentOrComposableName`** — one-line description of what it does and why it exists
-
-### Fixed
-
-- Short description of what was wrong and what was corrected
-
-### Changed
-
-- Short description of intentional behaviour or API changes
-
-### Documentation
-
-- **`skill-name` skill** — new/updated: what it covers
-```

package/.claude/commands/migrate-component.md

@@ -1,169 +0,0 @@
----
-description: Bring one component up to the current compliance standard (tier, styling doc, tokens, tests, story, skill doc, snippet)
----
-
-Migrate a single component to full compliance with the standard in CLAUDE.md (Development
-Workflow, Styling Methodology, Vue Template Conventions) — see also `project_component_compliance_standard`
-and `feedback_private_token_convention_clarified` in memory for the token rule specifically.
-
-## 1. Pick the component
-
-If the user gave an argument (a component name or path — e.g. `/migrate-component input-copy`),
-resolve it against `app/components/` (match on folder name or `.vue` filename, case-insensitively).
-If it doesn't resolve uniquely, ask which one they meant.
-
-**Check before you migrate.** Whenever a component was named explicitly — or the user's wording is
-a status question ("is X done?", "check X", "does X still need work?") rather than an instruction
-to migrate — run `node .claude/component-ledger/build.mjs` and look up that component's row in
-`.claude/component-ledger/audit.json` first:
-
-- **Already fully compliant** (`score: 5`, placed in a real tier, `variants: false`,
-  `legacy_props: false`, `story_args_bug: false`, `eslint_issues: false`): skip straight to
-  reporting — state its ledger row (tier, score, and confirmation the four non-scored checks are
-  also clean) and stop. Don't run step 2's `AskUserQuestion` or the step 3 checklist for a
-  component that already passes every check; that flow is for when there's actual work to decide
-  about.
-- **Not fully compliant, or the user asked to migrate/fix it outright** (not just check): proceed
-  to step 2 as normal.
-
-Otherwise, auto-pick the next worst offender:
-
-1. Run `node .claude/component-ledger/build.mjs` to refresh the audit data.
-2. Read `.claude/component-ledger/audit.json`. Pick in this priority order, first match wins:
-   - Any group with `"tier": "NONE"` (unplaced) — pick the one with the lowest `score`, ties broken alphabetically by `compdir`.
-   - Else any group with `"variants": true` — same tie-break.
-   - Else any group with `"legacy_props": true` (still options-style `defineProps({...})`, not
-     `defineProps<Props>()`) — same tie-break. This one doesn't move the 5-point `score`, so it
-     would otherwise hide forever behind an already-complete-looking component.
-   - Else any group with `"story_args_bug": true` (a story destructures/refs Storybook's `args` at
-     setup-time — see checklist item 6a) — same tie-break. Also doesn't move the 5-point `score`,
-     for the same reason as `legacy_props`.
-   - Else any group with `"eslint_issues": true` (`npx eslint` reports at least one error or
-     warning on a `.vue` file in the group) — same tie-break. Also doesn't move the 5-point
-     `score`, for the same reason as `legacy_props`/`story_args_bug`. Run
-     `npx eslint <files in the group>` to see the actual finding(s) before deciding the fix — don't
-     guess. A common one: `const props = withDefaults(defineProps<Props>(), {...})` where nothing
-     ever reads `.props` because the template uses Vue's automatic prop-shorthand binding
-     (`:id`, `:name`, etc. resolve directly, no destructuring needed) — fix by dropping the
-     `props =` assignment, not by inventing a use for it. Another common one on this specific
-     ruleset: `vue/require-default-prop` firing on a `defineModel()`-declared prop — this is a
-     known false positive (the rule predates `defineModel` and has no way to exempt model props);
-     the fix is `defineModel<T>({ required: true })` where the native element genuinely can't be
-     meaningfully empty (see `InputRangeCore`/`InputRangeDefault`), not a blanket rule disable and
-     not an artificial default value that would change real behaviour.
-   - Else the lowest `score` overall — same tie-break.
-3. State which component was picked and why in one line (e.g. "Picked `input-select` — unplaced isn't the issue here, it forks a `variants/` subfolder and scores 2/5.") before doing anything else, so the user can redirect you if they'd rather do a different one next.
-
-## 2. Confirm it's still wanted
-
-Before starting the checklist, confirm with the user that this component should actually be
-migrated — a low score isn't proof it's still needed. Use AskUserQuestion with these options:
-
-- **Migrate it** (recommended default) — proceed to step 3.
-- **Leave it untouched** — skip it this run. If it was auto-picked, say so and go back to step 1
-  to pick the next worst offender instead; if the user named it explicitly, just stop.
-- **Delete it** — it's unused, superseded by another component, or otherwise no longer wanted.
-  Run the `check-component-usage` skill against the component's name first, across every consumer
-  repo, and report the results before deleting anything. A clean scan is good evidence, not proof
-  (see the skill's own caveat on dynamic `:is` usage etc.) — if it finds a real consumer, surface
-  that back to the user with an `AskUserQuestion` rather than auto-aborting or auto-proceeding;
-  the user may still want it deleted (e.g. the consumer repo is itself defunct or being retired).
-  Once confirmed, delete the component file(s) and every trace this command would otherwise have
-  created or touched for it — tests, stories, `CONSUMER-STYLING.md`, skill doc, VS Code snippet,
-  any `.claude/skills/index.md` entry, and any direct references elsewhere in the repo (e.g. a
-  `MIGRATION.md` row) — then skip the rest of this command for that component.
-
-## 3. Work the checklist
-
-Go through each point below. Skip a point only when it genuinely doesn't apply (state why,
-briefly) — don't skip silently.
-
-1. **Tier folder** — if the component lives outside `01.atoms`–`05.forms`, move it with `git mv`
-   into the tier that fits (see `project_component_tiers` in memory for what each tier means).
-   If none fits cleanly, ask the user rather than guessing.
-2. **Props pattern** — confirm `interface Props` + `withDefaults(defineProps<Props>(), {...})`,
-   not options-style `defineProps({...})`. Migrate if needed.
-3. **CSS tokens** — audit every custom property in the component's `<style>` block against the
-   corrected rule (consumer relevance, not reuse count):
-   - A value a consumer could plausibly want to override — including a per-state variant like a
-     hover-only width or a dark-theme colour — must be a **public** token (`--component-name-x`),
-     consumed directly at its point of use, even if used only once.
-   - A value with no plausible consumer relevance stays **private** (`--_x`), even if used only
-     once — don't strip the prefix just because reuse is low.
-   - Fix the actual bug class this catches: a consumer-relevant value that's currently private
-     with no public fallback. That's the thing to promote, not every `--_` var you find.
-4. **CONSUMER-STYLING.md** — create or update so every public token the component exposes is
-   documented, with its default. Skip only if the component genuinely has no override surface at
-   all (no CSS custom properties, no class passthrough).
-5. **Tests** — create or bring up to date in `tests/`, following the Testing Requirements section
-   (mountSuspended, fake-timer rules, etc.). Skip only for a trivial presentational component with
-   no logic worth testing — say so explicitly if you skip.
-6. **Storybook story** — create or update `stories/*.stories.ts` with controls for props/slots
-   that warrant them (see `.claude/skills/storybook-add-story.md`).
-6a. **Storybook Controls-panel reactivity** — check every story `Template`/`render` function in
-    the component's `stories/*.stories.ts` files for this bug: `@storybook/vue3` mounts the story
-    component **once** and, on every Controls-panel change, mutates the same reactive `args`
-    object in place — it never re-runs `setup()`. A story that destructures or spreads `args` into
-    local variables/a ref at setup-time (the tell-tale shape: `const { modelValue, ...otherArgs }
-    = args;`, whether or not it's then fed into a `ref()`) takes a one-time snapshot, so most
-    Controls silently stop updating the rendered story after first render — often alongside a
-    prop-name typo in `argTypes` that compounds it (e.g. a control literally named differently
-    from the real component prop it's meant to drive — check that too). Fix by binding the
-    template directly to the live object (`v-model="args.modelValue"`, `v-bind="componentArgs"`
-    where `componentArgs` is a `computed()` that strips only genuinely non-prop extra args) rather
-    than copying values out in `setup()` — a destructure/spread from `args` is only safe when it's
-    inside a `computed()`. The ledger's `story_args_bug` column flags this automatically (any
-    `{...} = args;` spread not wrapped in a `computed()`); still eyeball each story file yourself,
-    since a differently-shaped variant of the same mistake may not match that exact heuristic.
-7. **Skill doc** — create or update `.claude/skills/components/<component-name>.md`. If the
-   component still forks `variants/` files, fold each variant's behaviour into this doc as a
-   "Variants" section per `feedback_variants_deprecated_as_own_skill_docs` — don't delete the
-   variant files yourself without asking, since consumers may still import them directly; flag it
-   to the user as a follow-up decision instead.
-8. **VS Code snippet** — create or update `.vscode/srcdev-component-{name}.code-snippets`.
-9. **Accessibility** — check for gaps beyond what already-passing tests would catch:
-   - Interactive controls (buttons, toggles, custom form-like widgets) have an accessible name —
-     visible text, `aria-label`, or `aria-labelledby`.
-   - Keyboard behaviour matches what's actually implemented — no keydown case that only calls
-     `event.preventDefault()` with a comment like "could add this later", and no screen-reader
-     copy (visible or `sr-only`) that describes an interaction the component doesn't actually
-     perform. Cross-check every claim in the copy against the handler that's supposed to back it.
-   - Focus is visible (`:focus-visible`, not a suppressed outline) on anything focusable.
-   - Live-updating or auto-advancing content (carousels, marquees, auto-dismissing toasts) has a
-     way to pause it, per WCAG 2.2.2 — a visible control, or pause-on-hover/focus at minimum.
-   - `prefers-reduced-motion` is respected for any animation that isn't purely decorative.
-10. **Localisation (no hardcoded consumer-facing text)** — grep the template and script for
-    user-visible string literals (button copy, `aria-label`/`aria-description` text, placeholder
-    text, empty-state messages, etc.) that aren't already props. This library has no i18n
-    framework dependency (see `MarqueeScroller`'s `playLabel`/`pauseLabel`/`ariaLabel`/
-    `ariaDescription` for the pattern) — promote any hardcoded copy to a string prop with the
-    existing English text as its default, so a consumer can pass translated strings from their own
-    i18n solution. Icon-only controls should also get an icon-override prop or slot (see
-    `playIcon`/`pauseIcon`/`toggle-icon`) alongside the label prop, not just the label.
-11. **No `light-dark()` CSS function in the component's own values** — grep the `<style>` block
-    (and any `v-bind()`-fed script constants) for `light-dark(`. Older iPads/Safari versions don't
-    support it, so this library's own default values must never rely on it — use the existing
-    `--theme-*` token convention (pitfall #14) where one already fits. Where none fits and you're
-    replacing a literal `light-dark(light-value, dark-value)` call directly, keep the **light**
-    value only — don't invent a dark-mode fallback scheme, and don't ask which of the two to keep.
-    The mechanism stays available for consumers: a consumer app is free to define its own public
-    token overrides using `light-dark()` inside its own CSS, since that's their own browser-support
-    decision to make, not this library's default.
-12. **Add the component to the Migrated Fields Form story** — once the component reaches 5/5,
-    add one field for it to
-    `app/components/05.forms/patterns/stories/MigratedFieldsForm.stories.ts` (import the
-    component, add a field to the demo form, wire minimal state/error handling matching the
-    existing fields). This story is a living migration-progress tracker, not just a demo — its own
-    top-of-file comment lists which components are currently included and must be updated too
-    (add the new component to the list, bump the "As of `<date>`" note). Skip only if the
-    component's shape genuinely doesn't fit a form field (e.g. a non-form-input `05.forms` helper
-    component) — state why if you skip.
-
-## 4. Wrap up
-
-- Run the relevant test file(s), `npx eslint <touched files>`, and `npx vue-tsc` (or the project's
-  usual type-check command) to confirm nothing broke.
-- Summarize what changed and what you deliberately skipped (with reasons).
-- Don't stage, commit, or push — that's the user's call. Mention that running
-  `/create-commit-message` next will trigger the Component Ledger refresh automatically via the
-  existing hook, since this touches `app/components/`.

package/.claude/commands/run-commit.md

@@ -1,13 +0,0 @@
----
-description: Stage named files, commit, and push — the full flow (explicit authorization to act)
----
-
-Run the full commit flow: stage, commit, and push. Unlike `/create-commit-message`, this command is explicit authorization to execute git commands, not just draft text.
-
-Steps:
-1. Run `git status`, `git diff`, and `git diff --staged` to see the full picture before staging anything.
-2. Stage files by name (never `git add -A` or `git add .`) so nothing unexpected — stray build output, `.env`, credentials — gets swept in. Confirm with the user if it's unclear which changed files belong in this commit.
-3. Draft the commit message following the repo's existing style (`git log --oneline -10`), and create the commit with a HEREDOC so formatting is preserved, ending with the `Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>` trailer.
-4. Push to the current branch's tracked remote. If the branch has no upstream yet, ask before setting one with `-u`. Never force-push without explicit user instruction.
-
-Never use `--no-verify`, `--no-gpg-sign`, or otherwise skip hooks/signing. If a pre-commit hook fails, fix the underlying issue and create a **new** commit — never amend to work around a failed hook.

package/.claude/component-ledger/artifact-url.txt

@@ -1 +0,0 @@
-https://claude.ai/code/artifact/d3c33630-20d5-4fda-b9df-2ba2ee7f8256

package/.claude/component-ledger/audit.json

@@ -1 +0,0 @@
-{"auditedAt":"2026-09-23","rows":[{"compdir":"01.atoms/alert-mask","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":5,"score":5},{"compdir":"01.atoms/animations/animated-svg-text","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/animations/clip-element","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"01.atoms/animations/container-glow","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":7,"score":5},{"compdir":"01.atoms/animations/entry","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":4},{"compdir":"01.atoms/animations/glowing-border","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":7,"score":5},{"compdir":"01.atoms/animations/marquee-scroller","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":2,"score":5},{"compdir":"01.atoms/animations/rotating-carousel-image","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":5,"score":5},{"compdir":"01.atoms/animations/scroll-reveal-frame","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":3,"score":3},{"compdir":"01.atoms/animations/scroll-reveal-image","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":1,"score":3},{"compdir":"01.atoms/animations/section-parallax","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/animations/view-timeline","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/banner-video","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":4,"score":5},{"compdir":"01.atoms/canvas-switcher","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/card","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":13,"score":5},{"compdir":"01.atoms/clipped-panel","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"01.atoms/content-wrappers/content-columns-2","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":0,"score":2},{"compdir":"01.atoms/content-wrappers/content-width","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":0,"score":2},{"compdir":"01.atoms/content-wrappers/docs-pages","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":51,"score":4},{"compdir":"01.atoms/content-wrappers/layout-grid/dashboard-quad-grid","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/content-wrappers/layout-grid/dashboard-stats-grid","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/content-wrappers/layout-grid/layout-grid-by-cols","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":1,"score":3},{"compdir":"01.atoms/content-wrappers/layout-grid/layout-grid-by-width","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":1,"score":2},{"compdir":"01.atoms/cookie-consent-banner","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":7,"score":3},{"compdir":"01.atoms/display-avatar","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"01.atoms/display-banner","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/display-dialog","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":21,"score":4},{"compdir":"01.atoms/display-pill","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":14,"score":3},{"compdir":"01.atoms/display-tooltip","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"01.atoms/glass-panel","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":true,"snippet":false,"priv_tokens":4,"score":1},{"compdir":"01.atoms/grids/auto-grid","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"01.atoms/grids/column-flow-grid","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":2,"score":5},{"compdir":"01.atoms/grids/grid-stack","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"01.atoms/grids/masonry-grid","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":5,"score":5},{"compdir":"01.atoms/navigation/breadcrumb","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":7,"score":5},{"compdir":"01.atoms/navigation/skip-links","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/navigation/tabs","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":9,"score":5},{"compdir":"01.atoms/page-row","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":5,"score":4},{"compdir":"01.atoms/pop-over","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"01.atoms/prompt","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":4},{"compdir":"01.atoms/qr-code","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"01.atoms/text-block","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":0},{"compdir":"01.atoms/text-blocks/eyebrow-text","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"01.atoms/text-blocks/header-block","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"01.atoms/text-blocks/hero-text","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":4},{"compdir":"01.atoms/text-blocks/link-text","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"01.atoms/toast","tier":"01.atoms","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":6,"score":5},{"compdir":"01.atoms/ui-block-decorated","tier":"01.atoms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"02.molecules/action-menu","tier":"02.molecules","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":21,"score":4},{"compdir":"02.molecules/alert-content","tier":"02.molecules","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":1,"score":3},{"compdir":"02.molecules/alert-masked-content","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":1,"score":2},{"compdir":"02.molecules/display-chip","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":1,"score":3},{"compdir":"02.molecules/display-theme-switch","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":2,"score":5},{"compdir":"02.molecules/display-tooltip-defined","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"02.molecules/expandable/accordian","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"02.molecules/expandable/expanding-panel","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"02.molecules/expandable/expanding-panel-classic","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"02.molecules/input-copy","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":16,"score":5},{"compdir":"02.molecules/navigation/deep-expanding-menu","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":2,"score":5},{"compdir":"02.molecules/navigation/deep-expanding-menu-classic","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"02.molecules/navigation/navigation-horizontal","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":20,"score":3},{"compdir":"02.molecules/navigation/site-navigation","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":45,"score":4},{"compdir":"02.molecules/navigation/tab-navigation","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":28,"score":5},{"compdir":"02.molecules/price-list","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":8,"score":2},{"compdir":"02.molecules/pricing-card","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":28,"score":5},{"compdir":"02.molecules/profile-section","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"02.molecules/qr-code","tier":"02.molecules","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"02.molecules/samaritan-prompt","tier":"02.molecules","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":false,"skill":true,"snippet":false,"priv_tokens":14,"score":2},{"compdir":"02.molecules/social-icons-list","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":2,"score":3},{"compdir":"02.molecules/stepper-list","tier":"02.molecules","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":22,"score":4},{"compdir":"03.organisms/colour-finder","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":false,"snippet":false,"priv_tokens":20,"score":0},{"compdir":"03.organisms/image-galleries/carousel-flip","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"03.organisms/image-galleries/slider-gallery","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":false,"tests":true,"stories":true,"skill":false,"snippet":true,"priv_tokens":12,"score":3},{"compdir":"03.organisms/responsive-header","tier":"03.organisms","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":18,"score":5},{"compdir":"03.organisms/services/service-detail","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"03.organisms/services/service-summary","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"03.organisms/services/services-card","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"03.organisms/services/services-grids","tier":"03.organisms","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"03.organisms/site-header","tier":"03.organisms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"04.templates/page-hero-highlights","tier":"04.templates","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":true,"skill":true,"snippet":false,"priv_tokens":0,"score":3},{"compdir":"05.forms/form-errors","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":1},{"compdir":"05.forms/form-field","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":false,"snippet":false,"priv_tokens":4,"score":0},{"compdir":"05.forms/form-fieldset","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":0},{"compdir":"05.forms/form-wrapper","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":0},{"compdir":"05.forms/input-button","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":2,"score":3},{"compdir":"05.forms/input-checkbox","tier":"05.forms","n_vue":2,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":false,"tests":true,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":1},{"compdir":"05.forms/input-checkbox-radio","tier":"05.forms","n_vue":3,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":true,"tests":true,"stories":true,"skill":false,"snippet":false,"priv_tokens":3,"score":3},{"compdir":"05.forms/input-description","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":1},{"compdir":"05.forms/input-label","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":true,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":1},{"compdir":"05.forms/input-number","tier":"05.forms","n_vue":2,"variants":true,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":4,"score":5},{"compdir":"05.forms/input-radio","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":false,"tests":true,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":1},{"compdir":"05.forms/input-range","tier":"05.forms","n_vue":2,"variants":true,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":0,"score":5},{"compdir":"05.forms/input-select","tier":"05.forms","n_vue":2,"variants":true,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":2,"score":5},{"compdir":"05.forms/input-text","tier":"05.forms","n_vue":4,"variants":true,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":5,"score":5},{"compdir":"05.forms/input-textarea","tier":"05.forms","n_vue":2,"variants":true,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":1,"score":5},{"compdir":"05.forms/pending-effect","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":false,"tests":false,"stories":false,"skill":false,"snippet":false,"priv_tokens":0,"score":0},{"compdir":"05.forms/toggle-switch","tier":"05.forms","n_vue":3,"variants":true,"legacy_props":false,"story_args_bug":false,"eslint_issues":false,"consumer_styling":true,"tests":true,"stories":true,"skill":true,"snippet":true,"priv_tokens":14,"score":5},{"compdir":"05.forms/triple-toggle-switch","tier":"05.forms","n_vue":1,"variants":false,"legacy_props":false,"story_args_bug":false,"eslint_issues":true,"consumer_styling":true,"tests":false,"stories":true,"skill":false,"snippet":false,"priv_tokens":11,"score":2}]}