srcdev-nuxt-components 9.6.18 → 9.6.20

package/app/components/01.atoms/animations/entry/.nuxt/types/nitro-nuxt.d.ts

@@ -1,64 +0,0 @@
-
-/// <reference path="nitro-layouts.d.ts" />
-/// <reference path="app.config.d.ts" />
-/// <reference path="runtime-config.d.ts" />
-/// <reference path="../../../../../../../node_modules/@nuxt/nitro-server/dist/index.d.mts" />
-/// <reference path="middleware.d.ts" />
-
-import type { RuntimeConfig } from 'nuxt/schema'
-import type { H3Event } from 'h3'
-import type { LogObject } from 'consola'
-import type { NuxtIslandContext, NuxtIslandResponse, NuxtRenderHTMLContext } from 'nuxt/app'
-
-declare module 'nitropack' {
-  interface NitroRuntimeConfigApp {
-    buildAssetsDir: string
-    cdnURL: string
-  }
-  interface NitroRuntimeConfig extends RuntimeConfig {}
-  interface NitroRouteConfig {
-    ssr?: boolean
-    noScripts?: boolean
-    /** @deprecated Use `noScripts` instead */
-    experimentalNoScripts?: boolean
-  }
-  interface NitroRouteRules {
-    ssr?: boolean
-    noScripts?: boolean
-    /** @deprecated Use `noScripts` instead */
-    experimentalNoScripts?: boolean
-    appMiddleware?: Record<string, boolean>
-    appLayout?: string | false
-  }
-  interface NitroRuntimeHooks {
-    'dev:ssr-logs': (ctx: { logs: LogObject[], path: string }) => void | Promise<void>
-    'render:html': (htmlContext: NuxtRenderHTMLContext, context: { event: H3Event }) => void | Promise<void>
-    'render:island': (islandResponse: NuxtIslandResponse, context: { event: H3Event, islandContext: NuxtIslandContext }) => void | Promise<void>
-  }
-}
-declare module 'nitropack/types' {
-  interface NitroRuntimeConfigApp {
-    buildAssetsDir: string
-    cdnURL: string
-  }
-  interface NitroRuntimeConfig extends RuntimeConfig {}
-  interface NitroRouteConfig {
-    ssr?: boolean
-    noScripts?: boolean
-    /** @deprecated Use `noScripts` instead */
-    experimentalNoScripts?: boolean
-  }
-  interface NitroRouteRules {
-    ssr?: boolean
-    noScripts?: boolean
-    /** @deprecated Use `noScripts` instead */
-    experimentalNoScripts?: boolean
-    appMiddleware?: Record<string, boolean>
-    appLayout?: string | false
-  }
-  interface NitroRuntimeHooks {
-    'dev:ssr-logs': (ctx: { logs: LogObject[], path: string }) => void | Promise<void>
-    'render:html': (htmlContext: NuxtRenderHTMLContext, context: { event: H3Event }) => void | Promise<void>
-    'render:island': (islandResponse: NuxtIslandResponse, context: { event: H3Event, islandContext: NuxtIslandContext }) => void | Promise<void>
-  }
-}

package/app/components/01.atoms/animations/entry/.nuxt/types/plugins.d.ts

@@ -1,29 +0,0 @@
-// Generated by Nuxt'
-import type { Plugin } from '#app'
-
-type Decorate<T extends Record<string, any>> = { [K in keyof T as K extends string ? `$${K}` : never]: T[K] }
-
-type InjectionType<A extends Plugin> = A extends {default: Plugin<infer T>} ? Decorate<T> : unknown
-
-type NuxtAppInjections = 
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/app/plugins/revive-payload.client.js")> &
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/plugins/unhead.js")> &
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/app/plugins/router.js")> &
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/app/plugins/navigation-repaint.client.js")> &
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js")> &
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/app/plugins/revive-payload.server.js")> &
-  InjectionType<typeof import("../../../../../../../node_modules/nuxt/dist/app/plugins/chunk-reload.client.js")>
-
-declare module '#app' {
-  interface NuxtApp extends NuxtAppInjections { }
-
-  interface NuxtAppLiterals {
-    pluginName: 'nuxt:revive-payload:client' | 'nuxt:head' | 'nuxt:router' | 'nuxt:revive-payload:server' | 'nuxt:chunk-reload' | 'nuxt:global-components'
-  }
-}
-
-declare module 'vue' {
-  interface ComponentCustomProperties extends NuxtAppInjections { }
-}
-
-export { }

package/app/components/01.atoms/animations/entry/.nuxt/types/runtime-config.d.ts

@@ -1,32 +0,0 @@
-import { RuntimeConfig as UserRuntimeConfig, PublicRuntimeConfig as UserPublicRuntimeConfig } from 'nuxt/schema'
-  interface SharedRuntimeConfig {
-   app: {
-      buildId: string,
-
-      baseURL: string,
-
-      buildAssetsDir: string,
-
-      cdnURL: string,
-   },
-
-   nitro: {
-      envPrefix: string,
-   },
-  }
-  interface SharedPublicRuntimeConfig {
-
-  }
-declare module '@nuxt/schema' {
-  interface RuntimeConfig extends UserRuntimeConfig {}
-  interface PublicRuntimeConfig extends UserPublicRuntimeConfig {}
-}
-declare module 'nuxt/schema' {
-  interface RuntimeConfig extends SharedRuntimeConfig {}
-  interface PublicRuntimeConfig extends SharedPublicRuntimeConfig {}
-}
-declare module 'vue' {
-        interface ComponentCustomProperties {
-          $config: UserRuntimeConfig
-        }
-      }

package/app/components/01.atoms/animations/entry/.nuxt/types/shared-imports.d.ts

@@ -1,10 +0,0 @@
-// Generated by auto imports
-export {}
-declare global {
-  const useRuntimeConfig: (event?: import('h3').H3Event) => import('nuxt/schema').RuntimeConfig
-  const useAppConfig: () => import('nuxt/schema').AppConfig
-  const defineAppConfig: <C extends import('nuxt/schema').AppConfigInput>(config: C) => C
-  const createError: typeof import('h3')['createError']
-  const setResponseStatus: typeof import('h3')['setResponseStatus']
-
-}

package/app/components/01.atoms/animations/entry/.nuxtrc

@@ -1 +0,0 @@
-setups.@nuxt/test-utils="4.1.0"

package/app/components/01.atoms/animations/entry/node_modules/.cache/nuxt/chrome-workspace.json

@@ -1 +0,0 @@
-{"uuid":"4bddd330-9d58-42dc-984e-629f2c5338a9"}

package/app/components/01.atoms/animations/entry/node_modules/.cache/vite/client/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +0,0 @@
-{"version":"4.1.11","results":[[":tests/EntryAnimation.spec.ts",{"duration":0,"failed":true}]]}

package/app/components/02.molecules/expandable/accordian/CONSUMER-STYLING.md

@@ -1,100 +0,0 @@
-# AccordianCore — Consumer Styling Guide
-
-## No tokens of its own
-
-`AccordianCore` doesn't define any `--accordian-*` custom properties. It's a thin wrapper that
-renders `itemCount` copies of a panel component (`ExpandingPanel` by default, or
-`ExpandingPanelClassic` when `variant="classic"`) and forwards `name`/`animationDuration` to each
-one — all real styling surface lives on whichever panel component is active. See that
-component's own `CONSUMER-STYLING.md`:
-
-- [../expanding-panel/CONSUMER-STYLING.md](../expanding-panel/CONSUMER-STYLING.md) (default, `variant="modern"`)
-- [../expanding-panel-classic/CONSUMER-STYLING.md](../expanding-panel-classic/CONSUMER-STYLING.md) (`variant="classic"`)
-
-`--expanding-panel-*` tokens set at any scope (global, page) apply to `AccordianCore`'s panels
-too, since they're the same underlying component — no `AccordianCore`-specific override is
-needed for summary gap, icon size, etc.
-
----
-
-## The `.accordian-item` hook
-
-Every panel gets `style-class-passthrough="['accordian-item']"` automatically — this is the one
-`AccordianCore`-specific override surface, used to target *all* panels in the group without
-reaching into `ExpandingPanel`/`ExpandingPanelClassic` internals.
-
-```css
-/* In the consuming page's unscoped <style> block */
-.display-accordian {
-  .accordian-item.expanding-panel {
-    /* modern variant (default) */
-    border-block-end: 1px solid var(--theme-border, #e0e0e0);
-  }
-
-  /* If this instance uses variant="classic", target the classic root class instead: */
-  .accordian-item.expanding-panel-classic {
-    border-block-end: 1px solid var(--theme-border, #e0e0e0);
-  }
-}
-```
-
-Note the root class differs by variant (`.expanding-panel` vs `.expanding-panel-classic`) — a
-selector written for one won't match the other. If you switch `variant` on an existing instance,
-check any `.accordian-item.expanding-panel*` overrides still target the right class.
-
----
-
-## Local overrides
-
-There are no public tokens, so override the classes above with direct properties, scoped to an
-element you own (a page or section class, or a class added with `:style-class-passthrough`). Keep
-the block **unlayered** (no `@layer` wrapper) so it beats the library's `@layer components`. If your
-own file uses `<style scoped>`, selectors that reach inside the component need `:deep()`. Patterns
-and examples: `.claude/skills/component-local-style-override.md`.
-
-### Page or section
-
-No `:deep()` is required (component styles are unscoped).
-
-```css
-.faq-section {
-  .display-accordian {
-    max-width: 480px;
-
-    .accordian-item.expanding-panel {
-      --expanding-panel-summary-padding-block: 1.6rem;
-    }
-  }
-}
-```
-
-### One instance
-
-Use sparingly — prefer global or page-scoped CSS. `styleClassPassthrough` on `AccordianCore`
-targets the root `.display-accordian` element, not the individual panels (those already get
-`.accordian-item` automatically):
-
-```vue
-<AccordianCore name="faq" :item-count="3" :style-class-passthrough="['compact-faq']">
-  ...
-</AccordianCore>
-```
-
-```css
-.display-accordian.compact-faq {
-  max-width: 400px;
-}
-```
-
----
-
-## Notes
-
-- `variant` is group-wide: every panel in one `AccordianCore` renders the same component, so
-  there's no per-panel styling divergence caused by variant — just remember which root class
-  (`.expanding-panel` vs `.expanding-panel-classic`) your `.accordian-item` selectors need.
-- `contentIsOnTop` isn't exposed on `AccordianCore` — it isn't meaningful for a grouped accordion
-  (see `ExpandingPanel`'s own docs for why: it's for a single panel overlaying trailing page
-  content, not stacked/grouped panels). Use `ExpandingPanel`/`ExpandingPanelClassic` directly if
-  you need an overlay panel.
-

package/app/components/02.molecules/expandable/accordian/stories/AccordianCore.stories.ts

@@ -1,272 +0,0 @@
-import AccordianCore from "../AccordianCore.vue";
-import type { Meta, StoryObj } from "@nuxtjs/storybook";
-
-const meta: Meta<typeof AccordianCore> = {
-  title: "Molecules/Expandable/Accordian Core",
-  component: AccordianCore,
-  argTypes: {
-    name: {
-      control: { type: "text" },
-      description:
-        "Shared name attribute passed to each ExpandingPanel — used to group panels so only one can be open at a time (native <details> behaviour)",
-    },
-    itemCount: {
-      control: { type: "number", min: 0, step: 1 },
-      description: "Number of accordion panels to render",
-    },
-    animationDuration: {
-      control: { type: "number", min: 0, step: 50 },
-      description: "Expand/collapse animation duration in milliseconds",
-    },
-    variant: {
-      control: { type: "radio" },
-      options: ["modern", "classic"],
-      description:
-        "Which panel implementation to render: 'modern' (ExpandingPanel, ::details-content based) or " +
-        "'classic' (ExpandingPanelClassic, grid-template-rows based) — use classic when the open/close " +
-        "animation must run identically in every browser today",
-    },
-    styleClassPassthrough: {
-      control: "object",
-      description: "Additional CSS classes applied to the root element",
-    },
-  },
-  args: {
-    name: undefined,
-    itemCount: 3,
-    animationDuration: 300,
-    variant: "modern",
-    styleClassPassthrough: [],
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof AccordianCore>;
-
-// ─── Helpers ──────────────────────────────────────────────────────────────────
-
-/** Builds a slot object for N items with generic placeholder content. */
-function buildGenericSlots(count: number): Record<string, string> {
-  const slots: Record<string, string> = {};
-  for (let i = 0; i < count; i++) {
-    slots[`accordian-${i}-summary`] = `<span>Panel ${i + 1} — Summary</span>`;
-    slots[`accordian-${i}-icon`] = `<span>▸</span>`;
-    slots[`accordian-${i}-content`] =
-      `<p style="margin:0;padding:0.5rem 0">This is the content for panel ${i + 1}. ` +
-      `Add whatever you need here — text, images, components.</p>`;
-  }
-  return slots;
-}
-
-// ─── Stories ─────────────────────────────────────────────────────────────────
-
-export const Default: Story = {
-  args: {
-    itemCount: 3,
-    animationDuration: 300,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args, slots: buildGenericSlots(args.itemCount ?? 3) };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template v-for="(content, name) in slots" #[name] :key="name">
-          <span v-html="content" />
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const ClassicVariant: Story = {
-  name: "Classic Variant",
-  args: {
-    itemCount: 3,
-    animationDuration: 300,
-    variant: "classic",
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args, slots: buildGenericSlots(args.itemCount ?? 3) };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template v-for="(content, name) in slots" #[name] :key="name">
-          <span v-html="content" />
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const SinglePanel: Story = {
-  args: {
-    itemCount: 1,
-    animationDuration: 300,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template #accordian-0-summary>
-          <span>The only panel</span>
-        </template>
-        <template #accordian-0-content>
-          <p style="margin:0;padding:0.5rem 0">Content for the single panel.</p>
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-/** Panels share a name so the browser enforces only one open at a time. */
-export const ExclusiveOpen: Story = {
-  name: "Exclusive Open (name grouped)",
-  args: {
-    itemCount: 4,
-    name: "exclusive-group",
-    animationDuration: 300,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args, slots: buildGenericSlots(args.itemCount ?? 4) };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template v-for="(content, name) in slots" #[name] :key="name">
-          <span v-html="content" />
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const SlowAnimation: Story = {
-  name: "Slow Animation (800ms)",
-  args: {
-    itemCount: 3,
-    animationDuration: 800,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args, slots: buildGenericSlots(args.itemCount ?? 3) };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template v-for="(content, name) in slots" #[name] :key="name">
-          <span v-html="content" />
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const NoAnimation: Story = {
-  name: "No Animation (0ms)",
-  args: {
-    itemCount: 3,
-    animationDuration: 0,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args, slots: buildGenericSlots(args.itemCount ?? 3) };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template v-for="(content, name) in slots" #[name] :key="name">
-          <span v-html="content" />
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const WithStyleClassPassthrough: Story = {
-  name: "With styleClassPassthrough",
-  args: {
-    itemCount: 2,
-    styleClassPassthrough: ["custom-class", "another-class"],
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args, slots: buildGenericSlots(args.itemCount ?? 2) };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template v-for="(content, name) in slots" #[name] :key="name">
-          <span v-html="content" />
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const RichContent: Story = {
-  name: "Rich Slot Content",
-  args: {
-    itemCount: 3,
-    animationDuration: 300,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AccordianCore v-bind="args">
-        <template #accordian-0-summary>
-          <strong>Delivery &amp; Returns</strong>
-        </template>
-        <template #accordian-0-content>
-          <p style="margin:0;padding:0.5rem 0">
-            Free standard delivery on orders over £50. Returns accepted within 30 days.
-          </p>
-        </template>
-
-        <template #accordian-1-summary>
-          <strong>Materials &amp; Care</strong>
-        </template>
-        <template #accordian-1-content>
-          <ul style="margin:0;padding:0.5rem 0 0.5rem 1.2rem">
-            <li>100% organic cotton</li>
-            <li>Machine wash at 30°C</li>
-            <li>Do not tumble dry</li>
-          </ul>
-        </template>
-
-        <template #accordian-2-summary>
-          <strong>Sizing Guide</strong>
-        </template>
-        <template #accordian-2-content>
-          <p style="margin:0;padding:0.5rem 0">
-            Our pieces run true to size. If you're between sizes, we recommend sizing up.
-          </p>
-        </template>
-      </AccordianCore>
-    `,
-  }),
-};
-
-export const Empty: Story = {
-  name: "Zero Items",
-  args: {
-    itemCount: 0,
-  },
-  render: (args) => ({
-    components: { AccordianCore },
-    setup() {
-      return { args };
-    },
-    template: `<AccordianCore v-bind="args" />`,
-  }),
-};