@skdx/vue 0.26.0

package/README.md

@@ -0,0 +1,81 @@
+# @skdx/vue
+
+Headless, accessible, unstyled Vue 3 components for the SkandaDX design system.
+
+Every component ships **behavior, accessibility, and state — no styles**. Components render plain semantic HTML decorated with `data-*` attributes; you (or a SkandaDX brand package) style them with CSS against those attributes, typically using the `--skdx-*` tokens from [`@skdx/tokens`](../tokens/README.md). One component tree, any brand.
+
+```text
+@skdx/vue (behavior) + --skdx-* variables (theme) + your CSS (skin) = branded UI
+```
+
+## Installation
+
+```sh
+pnpm add @skdx/vue
+# or: npm install @skdx/vue
+```
+
+Vue 3.3 or newer is required (`vue` is a peer dependency). The only runtime dependency is `@floating-ui/dom`, used for positioning overlays. The package ships ESM and CJS builds with TypeScript declarations and is tree-shakeable (`sideEffects: false`).
+
+## Quick start
+
+Components are exported from the package root, prefixed `Skdx`:
+
+```vue
+<script setup lang="ts">
+import {
+  SkdxDialog,
+  SkdxDialogTrigger,
+  SkdxDialogContent,
+  SkdxDialogTitle,
+  SkdxDialogDescription,
+  SkdxDialogClose,
+} from '@skdx/vue';
+</script>
+
+<template>
+  <SkdxDialog>
+    <SkdxDialogTrigger>Edit profile</SkdxDialogTrigger>
+    <SkdxDialogContent class="panel">
+      <SkdxDialogTitle>Edit profile</SkdxDialogTitle>
+      <SkdxDialogDescription>Make changes to your profile here.</SkdxDialogDescription>
+      <SkdxDialogClose>Close</SkdxDialogClose>
+    </SkdxDialogContent>
+  </SkdxDialog>
+</template>
+```
+
+Nothing is styled until you say so:
+
+```css
+.panel {
+  background: var(--skdx-color-semantic-surface);
+  color: var(--skdx-color-semantic-text);
+  border-radius: var(--skdx-radius-lg);
+  padding: var(--skdx-space-6);
+}
+.panel[data-state='open'] {
+  animation: fade-in var(--skdx-motion-duration-normal) var(--skdx-motion-easing);
+}
+```
+
+## Conventions
+
+- **Compound components.** Complex widgets are split into parts (`SkdxTabs` + `SkdxTabsList` + `SkdxTabsTrigger` + `SkdxTabsContent`) that talk to each other through `provide`/`inject`. You compose exactly the DOM you want.
+- **Data attributes are the styling API.** State is exposed as `data-state="open"`, `data-disabled`, `data-orientation="horizontal"`, … — never as class names. The same hooks, with the same values, exist in all five framework packages.
+- **`v-model:value`, not `v-model`.** Stateful components name their model prop after the thing it holds: `value` / `update:value` (`open` / `update:open` for overlays), so bind `v-model:value="selected"`. Omit the model binding and pass `defaultValue` instead to let the component own its state.
+- **Accessible by default.** Roles, ARIA wiring, focus trapping, roving tabindex, typeahead and <kbd>Esc</kbd>/outside-click dismissal are built in — see each component's Keyboard table in the docs.
+
+## Documentation
+
+Live demos, props tables, keyboard maps and styling hooks for every component (with a Vue tab on every example): <https://skdx.skandadx.dev/components/>.
+
+## Development
+
+```sh
+pnpm --filter @skdx/vue build       # vite → dist/
+pnpm --filter @skdx/vue test        # vitest + @vue/test-utils
+pnpm --filter @skdx/vue typecheck   # vue-tsc
+```
+
+Component demos live in the docs portal (`apps/docs`): `pnpm --filter @skdx/docs dev`.

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1 @@
+var o=Object.create,O=Object.defineProperty,b=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,P=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty,j=(e,r,_,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(var p=u(r),a=0,c=p.length,t;a<c;a++)t=p[a],!v.call(e,t)&&t!==_&&O(e,t,{get:(l=>r[l]).bind(null,t),enumerable:!(n=b(r,t))||n.enumerable});return e},f=(e,r,_)=>(_=e!=null?o(P(e)):{},j(r||!e||!e.__esModule?O(_,"default",{value:e,enumerable:!0}):_,e));exports.__toESM=f;

package/dist/accordion/Accordion.vue.cjs

@@ -0,0 +1 @@
+const e=require("./Accordion.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/accordion/Accordion.vue.d.cts

@@ -0,0 +1,57 @@
+/**
+ * The Vue implementation of the shared Accordion contract (see
+ * `@skdx/shared`'s `accordionContract`). Owns which item(s) are open and
+ * `provide()`s state to `<SkdxAccordionItem>`s. Renders a plain `<div>` with
+ * `data-orientation`, and wires up roving-focus arrow-key navigation between
+ * triggers (Home/End jump to the first/last trigger; wraps at the ends).
+ *
+ * Accepts `value`/`defaultValue` as `string | string[]` regardless of
+ * `type`, normalized internally — an intentional difference from React's
+ * discriminated-union props (`type="single"` → string, `type="multiple"` →
+ * string[]), since Vue's type system can't express that discrimination at
+ * the prop level as cleanly.
+ */
+type __VLS_Props = {
+    /** Restricts the accordion to a single open item (`'single'`) or allows any number open at once (`'multiple'`). */
+    type: 'single' | 'multiple';
+    /**
+     * Value(s) of the currently open item(s), for controlled usage. Pair with `@value-change`.
+     * @default undefined — uncontrolled, tracks its own open item(s) internally.
+     */
+    value?: string | string[];
+    /**
+     * Value(s) of the initially open item(s), for uncontrolled usage.
+     * @default undefined — starts with every item closed.
+     */
+    defaultValue?: string | string[];
+    /** Prevents every item's trigger from opening/closing when set. */
+    disabled?: boolean;
+    /** Layout axis, used to pick Arrow Left/Right vs Arrow Up/Down for keyboard navigation between triggers. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Allow closing the open item so all items can be closed (only meaningful when `type` is `'single'`). */
+    collapsible?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string | string[]) => any;
+    "value-change": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string | string[]) => any) | undefined;
+    "onValue-change"?: ((value: string | string[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: string | string[];
+    defaultValue: string | string[];
+    orientation: "horizontal" | "vertical";
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/Accordion.vue.d.ts

@@ -0,0 +1,57 @@
+/**
+ * The Vue implementation of the shared Accordion contract (see
+ * `@skdx/shared`'s `accordionContract`). Owns which item(s) are open and
+ * `provide()`s state to `<SkdxAccordionItem>`s. Renders a plain `<div>` with
+ * `data-orientation`, and wires up roving-focus arrow-key navigation between
+ * triggers (Home/End jump to the first/last trigger; wraps at the ends).
+ *
+ * Accepts `value`/`defaultValue` as `string | string[]` regardless of
+ * `type`, normalized internally — an intentional difference from React's
+ * discriminated-union props (`type="single"` → string, `type="multiple"` →
+ * string[]), since Vue's type system can't express that discrimination at
+ * the prop level as cleanly.
+ */
+type __VLS_Props = {
+    /** Restricts the accordion to a single open item (`'single'`) or allows any number open at once (`'multiple'`). */
+    type: 'single' | 'multiple';
+    /**
+     * Value(s) of the currently open item(s), for controlled usage. Pair with `@value-change`.
+     * @default undefined — uncontrolled, tracks its own open item(s) internally.
+     */
+    value?: string | string[];
+    /**
+     * Value(s) of the initially open item(s), for uncontrolled usage.
+     * @default undefined — starts with every item closed.
+     */
+    defaultValue?: string | string[];
+    /** Prevents every item's trigger from opening/closing when set. */
+    disabled?: boolean;
+    /** Layout axis, used to pick Arrow Left/Right vs Arrow Up/Down for keyboard navigation between triggers. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Allow closing the open item so all items can be closed (only meaningful when `type` is `'single'`). */
+    collapsible?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string | string[]) => any;
+    "value-change": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string | string[]) => any) | undefined;
+    "onValue-change"?: ((value: string | string[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: string | string[];
+    defaultValue: string | string[];
+    orientation: "horizontal" | "vertical";
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/Accordion.vue.js

@@ -0,0 +1 @@
+import e from"./Accordion.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/accordion/Accordion.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const m=require("../utils/direction.cjs"),B=require("./context.cjs");let r=require("vue");var C=["data-orientation"],I=(0,r.defineComponent)({__name:"Accordion",props:{type:{},value:{default:void 0},defaultValue:{default:void 0},disabled:{type:Boolean,default:!1},orientation:{default:"vertical"},collapsible:{type:Boolean,default:!1}},emits:["update:value","value-change"],setup(a,{emit:g}){const t=a,u=g;function c(e){return e===void 0?[]:Array.isArray(e)?e:[e].filter(Boolean)}const d=(0,r.ref)(c(t.defaultValue)),l=(0,r.computed)(()=>t.value!==void 0?c(t.value):d.value),_=(0,r.computed)(()=>t.disabled);function s(e){t.value===void 0&&(d.value=e);const o=t.type==="single"?e[0]??"":e;u("update:value",o),u("value-change",o)}function A(e){s(t.type==="single"?[e]:[...l.value,e])}function h(e){t.type==="single"&&!t.collapsible||s(l.value.filter(o=>o!==e))}(0,r.provide)(B.ACCORDION_CONTEXT,{value:l,onItemOpen:A,onItemClose:h,get type(){return t.type},get collapsible(){return t.collapsible},disabled:_,get orientation(){return t.orientation}});const f=(0,r.ref)(null),b=m.useDirection();function k(e){const o=m.directionalKey(e.key,e.currentTarget,b()),p=f.value;if(!p)return;const i=Array.from(p.querySelectorAll("[data-skdx-accordion-trigger]")).filter(q=>!q.hasAttribute("disabled"));if(i.length===0)return;const v=i.indexOf(document.activeElement),y=t.orientation==="vertical",w=y?["ArrowDown"]:["ArrowRight"],x=y?["ArrowUp"]:["ArrowLeft"];let n;w.includes(o)?(n=v+1,n>=i.length&&(n=0)):x.includes(o)?(n=v-1,n<0&&(n=i.length-1)):o==="Home"?n=0:o==="End"&&(n=i.length-1),n!==void 0&&(e.preventDefault(),i[n]?.focus())}return(e,o)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:"skdx-accordion","data-part":"root","data-skdx-component":"accordion",ref_key:"rootRef",ref:f,"data-orientation":a.orientation,onKeydown:k},[(0,r.renderSlot)(e.$slots,"default")],40,C))}});exports.default=I;

package/dist/accordion/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{ACCORDION_CONTEXT as o}from"./context.js";import{computed as a,createElementBlock as n,defineComponent as r,openBlock as l,provide as i,ref as u,renderSlot as d}from"vue";var s=["data-orientation"],c=/* @__PURE__ */r({__name:"Accordion",props:{type:{},value:{default:void 0},defaultValue:{default:void 0},disabled:{type:Boolean,default:!1},orientation:{default:"vertical"},collapsible:{type:Boolean,default:!1}},emits:["update:value","value-change"],setup(r,{emit:c}){const f=r,p=c;function v(e){return void 0===e?[]:Array.isArray(e)?e:[e].filter(Boolean)}const m=u(v(f.defaultValue)),g=a(()=>void 0!==f.value?v(f.value):m.value),y=a(()=>f.disabled);function A(e){void 0===f.value&&(m.value=e);const t="single"===f.type?e[0]??"":e;p("update:value",t),p("value-change",t)}i(o,{value:g,onItemOpen:function(e){A("single"===f.type?[e]:[...g.value,e])},onItemClose:function(e){"single"===f.type&&!f.collapsible||A(g.value.filter(t=>t!==e))},get type(){return f.type},get collapsible(){return f.collapsible},disabled:y,get orientation(){return f.orientation}});const b=u(null),h=t();function k(t){const o=e(t.key,t.currentTarget,h()),a=b.value;if(!a)return;const n=Array.from(a.querySelectorAll("[data-skdx-accordion-trigger]")).filter(e=>!e.hasAttribute("disabled"));if(0===n.length)return;const r=n.indexOf(document.activeElement),l="vertical"===f.orientation,i=l?["ArrowUp"]:["ArrowLeft"];let u;(l?["ArrowDown"]:["ArrowRight"]).includes(o)?(u=r+1,u>=n.length&&(u=0)):i.includes(o)?(u=r-1,u<0&&(u=n.length-1)):"Home"===o?u=0:"End"===o&&(u=n.length-1),void 0!==u&&(t.preventDefault(),n[u]?.focus())}return(e,t)=>(l(),n("div",{class:"skdx-accordion","data-part":"root","data-skdx-component":"accordion",ref_key:"rootRef",ref:b,"data-orientation":r.orientation,onKeydown:k},[d(e.$slots,"default")],40,s))}});export{c as default};

package/dist/accordion/AccordionContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./AccordionContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/accordion/AccordionContent.vue.d.cts

@@ -0,0 +1,46 @@
+/**
+ * Panel for a `SkdxAccordionItem`. Renders `<div role="region">` with the id
+ * referenced by its trigger's `aria-controls`, `aria-labelledby` pointing
+ * back at the trigger, `data-state`/`data-disabled`/`data-orientation`, and
+ * the `hidden` attribute while closed. Unmounts when closed unless
+ * `forceMount` or `hiddenUntilFound` is set.
+ *
+ * `forceMount` and `hiddenUntilFound` are not two spellings of the same
+ * thing. Both keep the panel mounted, but `forceMount` hides it outright
+ * (`hidden=""` — out of the accessibility tree and out of find-in-page),
+ * while `hiddenUntilFound` renders `hidden="until-found"` so the browser can
+ * still search the closed panel's text and reveal it. `hiddenUntilFound`
+ * implies `forceMount`.
+ */
+type __VLS_Props = {
+    /** Keep this panel mounted (hidden via the `hidden` attribute) even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /**
+     * Keep this panel mounted while closed as `hidden="until-found"` instead
+     * of `hidden=""`, so browser find-in-page can search the closed panel's
+     * text and expand the item to reveal a match. Implies `forceMount`.
+     *
+     * Support caveat: `hidden="until-found"` and its `beforematch` event are
+     * Chromium-first and still uneven across browsers. Where unsupported the
+     * attribute degrades to a plain `hidden`, so you lose find-in-page, not
+     * correctness. It also applies `content-visibility: hidden` rather than
+     * `display: none`, so a brand layer must not additionally set
+     * `display: none` on closed panels or the text becomes unsearchable again.
+     */
+    hiddenUntilFound?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    hiddenUntilFound: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Panel for a `SkdxAccordionItem`. Renders `<div role="region">` with the id
+ * referenced by its trigger's `aria-controls`, `aria-labelledby` pointing
+ * back at the trigger, `data-state`/`data-disabled`/`data-orientation`, and
+ * the `hidden` attribute while closed. Unmounts when closed unless
+ * `forceMount` or `hiddenUntilFound` is set.
+ *
+ * `forceMount` and `hiddenUntilFound` are not two spellings of the same
+ * thing. Both keep the panel mounted, but `forceMount` hides it outright
+ * (`hidden=""` — out of the accessibility tree and out of find-in-page),
+ * while `hiddenUntilFound` renders `hidden="until-found"` so the browser can
+ * still search the closed panel's text and reveal it. `hiddenUntilFound`
+ * implies `forceMount`.
+ */
+type __VLS_Props = {
+    /** Keep this panel mounted (hidden via the `hidden` attribute) even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /**
+     * Keep this panel mounted while closed as `hidden="until-found"` instead
+     * of `hidden=""`, so browser find-in-page can search the closed panel's
+     * text and expand the item to reveal a match. Implies `forceMount`.
+     *
+     * Support caveat: `hidden="until-found"` and its `beforematch` event are
+     * Chromium-first and still uneven across browsers. Where unsupported the
+     * attribute degrades to a plain `hidden`, so you lose find-in-page, not
+     * correctness. It also applies `content-visibility: hidden` rather than
+     * `display: none`, so a brand layer must not additionally set
+     * `display: none` on closed panels or the text becomes unsearchable again.
+     */
+    hiddenUntilFound?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    hiddenUntilFound: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionContent.vue.js

@@ -0,0 +1 @@
+import t from"./AccordionContent.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/accordion/AccordionContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("./context.cjs");let e=require("vue");var f=["id","aria-labelledby","data-state","data-disabled","data-orientation","hidden"],v=(0,e.defineComponent)({__name:"AccordionContent",props:{forceMount:{type:Boolean,default:!1},hiddenUntilFound:{type:Boolean,default:!1}},setup(o){const u=o,d=(0,e.inject)(c.ACCORDION_CONTEXT),t=(0,e.inject)(c.ACCORDION_ITEM_CONTEXT);if(!d||!t)throw new Error("<SkdxAccordionContent> must be used inside <SkdxAccordionItem>.");const s=d,a=t,i=(0,e.ref)(null);return(0,e.watchEffect)(r=>{const n=i.value;if(!u.hiddenUntilFound||!n)return;a.open.value?n.removeAttribute("hidden"):n.setAttribute("hidden","until-found");const l=()=>s.onItemOpen(a.value);n.addEventListener("beforematch",l),r(()=>n.removeEventListener("beforematch",l))},{flush:"post"}),(r,n)=>o.forceMount||o.hiddenUntilFound||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-accordion__content","data-part":"content",ref_key:"contentEl",ref:i,role:"region",id:(0,e.unref)(t).contentId,"aria-labelledby":(0,e.unref)(t).triggerId,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-orientation":(0,e.unref)(d).orientation,hidden:!(0,e.unref)(t).open.value},[(0,e.renderSlot)(r.$slots,"default")],8,f)):(0,e.createCommentVNode)("",!0)}});exports.default=v;

package/dist/accordion/AccordionContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as t}from"./context.js";import{createCommentVNode as n,createElementBlock as o,defineComponent as a,inject as d,openBlock as r,ref as i,renderSlot as l,unref as s,watchEffect as c}from"vue";var u=["id","aria-labelledby","data-state","data-disabled","data-orientation","hidden"],f=/* @__PURE__ */a({__name:"AccordionContent",props:{forceMount:{type:Boolean,default:!1},hiddenUntilFound:{type:Boolean,default:!1}},setup(a){const f=a,p=d(e),m=d(t);if(!p||!m)throw new Error("<SkdxAccordionContent> must be used inside <SkdxAccordionItem>.");const v=p,b=m,h=i(null);return c(e=>{const t=h.value;if(!f.hiddenUntilFound||!t)return;b.open.value?t.removeAttribute("hidden"):t.setAttribute("hidden","until-found");const n=()=>v.onItemOpen(b.value);t.addEventListener("beforematch",n),e(()=>t.removeEventListener("beforematch",n))},{flush:"post"}),(e,t)=>a.forceMount||a.hiddenUntilFound||s(m).open.value?(r(),o("div",{key:0,class:"skdx-accordion__content","data-part":"content",ref_key:"contentEl",ref:h,role:"region",id:s(m).contentId,"aria-labelledby":s(m).triggerId,"data-state":s(m).open.value?"open":"closed","data-disabled":s(m).disabled.value?"":void 0,"data-orientation":s(p).orientation,hidden:!s(m).open.value},[l(e.$slots,"default")],8,u)):n("",!0)}});export{f as default};

package/dist/accordion/AccordionHeader.vue.cjs

@@ -0,0 +1 @@
+const e=require("./AccordionHeader.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/accordion/AccordionHeader.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Heading wrapper for a `SkdxAccordionTrigger`, giving the section an `<h3>`
+ * in the accessibility tree. Mirrors its `SkdxAccordionItem`'s
+ * `data-state`/`data-disabled`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionHeader.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Heading wrapper for a `SkdxAccordionTrigger`, giving the section an `<h3>`
+ * in the accessibility tree. Mirrors its `SkdxAccordionItem`'s
+ * `data-state`/`data-disabled`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionHeader.vue.js

@@ -0,0 +1 @@
+import e from"./AccordionHeader.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/accordion/AccordionHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var d=["data-state","data-disabled"],o=(0,e.defineComponent)({__name:"AccordionHeader",setup(n){const t=(0,e.inject)(a.ACCORDION_ITEM_CONTEXT);if(!t)throw new Error("<SkdxAccordionHeader> must be used inside <SkdxAccordionItem>.");return(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("h3",{class:"skdx-accordion__header","data-part":"header","data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(r.$slots,"default")],8,d))}});exports.default=o;

package/dist/accordion/AccordionHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ACCORDION_ITEM_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as d,inject as t,openBlock as o,renderSlot as r,unref as s}from"vue";var n=["data-state","data-disabled"],c=/* @__PURE__ */d({__name:"AccordionHeader",setup(d){const c=t(e);if(!c)throw new Error("<SkdxAccordionHeader> must be used inside <SkdxAccordionItem>.");return(e,d)=>(o(),a("h3",{class:"skdx-accordion__header","data-part":"header","data-state":s(c).open.value?"open":"closed","data-disabled":s(c).disabled.value?"":void 0},[r(e.$slots,"default")],8,n))}});export{c as default};

package/dist/accordion/AccordionItem.vue.cjs

@@ -0,0 +1 @@
+const e=require("./AccordionItem.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/accordion/AccordionItem.vue.d.cts

@@ -0,0 +1,26 @@
+/**
+ * A single expandable section within a `SkdxAccordion`. Renders a plain
+ * `<div>` with `data-state`/`data-disabled`/`data-orientation`, and
+ * `provide()`s the item's open/disabled state and generated ids to its
+ * `SkdxAccordionHeader`/`SkdxAccordionTrigger`/`SkdxAccordionContent`.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the accordion root's open value(s). */
+    value: string;
+    /** Prevents this item's trigger from opening/closing, independent of the accordion root's `disabled`. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * A single expandable section within a `SkdxAccordion`. Renders a plain
+ * `<div>` with `data-state`/`data-disabled`/`data-orientation`, and
+ * `provide()`s the item's open/disabled state and generated ids to its
+ * `SkdxAccordionHeader`/`SkdxAccordionTrigger`/`SkdxAccordionContent`.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the accordion root's open value(s). */
+    value: string;
+    /** Prevents this item's trigger from opening/closing, independent of the accordion root's `disabled`. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionItem.vue.js

@@ -0,0 +1 @@
+import e from"./AccordionItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var c=["data-state","data-disabled","data-orientation"],l=(0,e.defineComponent)({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(r){const a=r,t=(0,e.inject)(o.ACCORDION_CONTEXT);if(!t)throw new Error("<SkdxAccordionItem> must be used inside <SkdxAccordion>.");const d=(0,e.computed)(()=>t.value.value.includes(a.value)),n=(0,e.computed)(()=>t.disabled.value||a.disabled);return(0,e.provide)(o.ACCORDION_ITEM_CONTEXT,{open:d,disabled:n,triggerId:o.nextAccordionId("trigger"),contentId:o.nextAccordionId("content"),get value(){return a.value}}),(i,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-accordion__item","data-part":"item","data-state":d.value?"open":"closed","data-disabled":n.value?"":void 0,"data-orientation":(0,e.unref)(t).orientation},[(0,e.renderSlot)(i.$slots,"default")],8,c))}});exports.default=l;

package/dist/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as a,nextAccordionId as t}from"./context.js";import{computed as o,createElementBlock as d,defineComponent as n,inject as s,openBlock as r,provide as i,renderSlot as l,unref as c}from"vue";var u=["data-state","data-disabled","data-orientation"],p=/* @__PURE__ */n({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(n){const p=n,v=s(e);if(!v)throw new Error("<SkdxAccordionItem> must be used inside <SkdxAccordion>.");const m=o(()=>v.value.value.includes(p.value)),f=o(()=>v.disabled.value||p.disabled);return i(a,{open:m,disabled:f,triggerId:t("trigger"),contentId:t("content"),get value(){return p.value}}),(e,a)=>(r(),d("div",{class:"skdx-accordion__item","data-part":"item","data-state":m.value?"open":"closed","data-disabled":f.value?"":void 0,"data-orientation":c(v).orientation},[l(e.$slots,"default")],8,u))}});export{p as default};

package/dist/accordion/AccordionTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./AccordionTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/accordion/AccordionTrigger.vue.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Toggle button for a `SkdxAccordionItem`. Renders `<button type="button">`
+ * with `aria-controls`/`aria-expanded`/`data-state`/`data-disabled`/
+ * `data-orientation`, marked `data-skdx-accordion-trigger` so the root's
+ * roving focus can find it. Part of the roving tab stop the root manages —
+ * clicking (or Enter/Space) opens or closes the item.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Toggle button for a `SkdxAccordionItem`. Renders `<button type="button">`
+ * with `aria-controls`/`aria-expanded`/`data-state`/`data-disabled`/
+ * `data-orientation`, marked `data-skdx-accordion-trigger` so the root's
+ * roving focus can find it. Part of the roving tab stop the root manages —
+ * clicking (or Enter/Space) opens or closes the item.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/accordion/AccordionTrigger.vue.js

@@ -0,0 +1 @@
+import r from"./AccordionTrigger.vue_vue_type_script_setup_true_lang.js";var e=r;export{e as default};

package/dist/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var d=["id","aria-controls","aria-expanded","data-state","data-disabled","data-orientation","disabled"],i=(0,e.defineComponent)({__name:"AccordionTrigger",setup(u){const r=(0,e.inject)(a.ACCORDION_CONTEXT),t=(0,e.inject)(a.ACCORDION_ITEM_CONTEXT);if(!r||!t)throw new Error("<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>.");function n(){t.open.value?r.onItemClose(t.value):r.onItemOpen(t.value)}return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-accordion__trigger","data-part":"trigger",type:"button",id:(0,e.unref)(t).triggerId,"aria-controls":(0,e.unref)(t).contentId,"aria-expanded":(0,e.unref)(t).open.value,"data-skdx-accordion-trigger":"","data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-orientation":(0,e.unref)(r).orientation,disabled:(0,e.unref)(t).disabled.value,onClick:n},[(0,e.renderSlot)(o.$slots,"default")],8,d))}});exports.default=i;

package/dist/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as o,inject as d,openBlock as n,renderSlot as r,unref as i}from"vue";var s=["id","aria-controls","aria-expanded","data-state","data-disabled","data-orientation","disabled"],l=/* @__PURE__ */o({__name:"AccordionTrigger",setup(o){const l=d(e),c=d(a);if(!l||!c)throw new Error("<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>.");function u(){c.open.value?l.onItemClose(c.value):l.onItemOpen(c.value)}return(e,a)=>(n(),t("button",{class:"skdx-accordion__trigger","data-part":"trigger",type:"button",id:i(c).triggerId,"aria-controls":i(c).contentId,"aria-expanded":i(c).open.value,"data-skdx-accordion-trigger":"","data-state":i(c).open.value?"open":"closed","data-disabled":i(c).disabled.value?"":void 0,"data-orientation":i(l).orientation,disabled:i(c).disabled.value,onClick:u},[r(e.$slots,"default")],8,s))}});export{l as default};

package/dist/accordion/context.cjs

@@ -0,0 +1 @@
+const c=require("../utils/id.cjs");var n=Symbol("skdx-accordion-context"),r=Symbol("skdx-accordion-item-context");function C(o){return c.nextId(`accordion-${o}`)}exports.ACCORDION_CONTEXT=n;exports.ACCORDION_ITEM_CONTEXT=r;exports.nextAccordionId=C;

package/dist/accordion/context.d.cts

@@ -0,0 +1,25 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/** @internal Injection key an Accordion provides so its items can read/drive shared state. */
+export interface AccordionContext {
+    value: Readonly<Ref<string[]>>;
+    onItemOpen: (value: string) => void;
+    onItemClose: (value: string) => void;
+    type: 'single' | 'multiple';
+    collapsible: boolean;
+    disabled: Readonly<Ref<boolean>>;
+    orientation: 'horizontal' | 'vertical';
+}
+/** @internal Injection key an Accordion provides so its items can read the open set and request open/close. */
+export declare const ACCORDION_CONTEXT: InjectionKey<AccordionContext>;
+/** @internal Injection key an AccordionItem provides so its header/trigger/content can read shared state. */
+export interface AccordionItemContext {
+    open: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    triggerId: string;
+    contentId: string;
+    value: string;
+}
+/** @internal Injection key an AccordionItem provides so its trigger/content can read open/disabled state and shared ids. */
+export declare const ACCORDION_ITEM_CONTEXT: InjectionKey<AccordionItemContext>;
+/** @internal Generates a unique id for one of an AccordionItem's parts. */
+export declare function nextAccordionId(part: 'trigger' | 'content'): string;

package/dist/accordion/context.d.ts

@@ -0,0 +1,25 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/** @internal Injection key an Accordion provides so its items can read/drive shared state. */
+export interface AccordionContext {
+    value: Readonly<Ref<string[]>>;
+    onItemOpen: (value: string) => void;
+    onItemClose: (value: string) => void;
+    type: 'single' | 'multiple';
+    collapsible: boolean;
+    disabled: Readonly<Ref<boolean>>;
+    orientation: 'horizontal' | 'vertical';
+}
+/** @internal Injection key an Accordion provides so its items can read the open set and request open/close. */
+export declare const ACCORDION_CONTEXT: InjectionKey<AccordionContext>;
+/** @internal Injection key an AccordionItem provides so its header/trigger/content can read shared state. */
+export interface AccordionItemContext {
+    open: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    triggerId: string;
+    contentId: string;
+    value: string;
+}
+/** @internal Injection key an AccordionItem provides so its trigger/content can read open/disabled state and shared ids. */
+export declare const ACCORDION_ITEM_CONTEXT: InjectionKey<AccordionItemContext>;
+/** @internal Generates a unique id for one of an AccordionItem's parts. */
+export declare function nextAccordionId(part: 'trigger' | 'content'): string;

package/dist/accordion/context.js

@@ -0,0 +1 @@
+import{nextId as o}from"../utils/id.js";var t=/* @__PURE__ */Symbol("skdx-accordion-context"),c=/* @__PURE__ */Symbol("skdx-accordion-item-context");function n(t){return o(`accordion-${t}`)}export{t as ACCORDION_CONTEXT,c as ACCORDION_ITEM_CONTEXT,n as nextAccordionId};

package/dist/accordion/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion.vue.cjs"),r=require("./AccordionItem.vue.cjs"),o=require("./AccordionHeader.vue.cjs"),c=require("./AccordionTrigger.vue.cjs"),d=require("./AccordionContent.vue.cjs");exports.SkdxAccordion=e.default;exports.SkdxAccordionContent=d.default;exports.SkdxAccordionHeader=o.default;exports.SkdxAccordionItem=r.default;exports.SkdxAccordionTrigger=c.default;

package/dist/accordion/index.d.cts

@@ -0,0 +1,5 @@
+export { default as SkdxAccordion } from './Accordion.vue.cjs';
+export { default as SkdxAccordionItem } from './AccordionItem.vue.cjs';
+export { default as SkdxAccordionHeader } from './AccordionHeader.vue.cjs';
+export { default as SkdxAccordionTrigger } from './AccordionTrigger.vue.cjs';
+export { default as SkdxAccordionContent } from './AccordionContent.vue.cjs';

package/dist/accordion/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SkdxAccordion } from './Accordion.vue.js';
+export { default as SkdxAccordionItem } from './AccordionItem.vue.js';
+export { default as SkdxAccordionHeader } from './AccordionHeader.vue.js';
+export { default as SkdxAccordionTrigger } from './AccordionTrigger.vue.js';
+export { default as SkdxAccordionContent } from './AccordionContent.vue.js';

package/dist/accordion/index.js

@@ -0,0 +1 @@
+import o from"./Accordion.vue.js";import r from"./AccordionItem.vue.js";import c from"./AccordionHeader.vue.js";import d from"./AccordionTrigger.vue.js";import i from"./AccordionContent.vue.js";export{o as SkdxAccordion,i as SkdxAccordionContent,c as SkdxAccordionHeader,r as SkdxAccordionItem,d as SkdxAccordionTrigger};

package/dist/affix/Affix.vue.cjs

@@ -0,0 +1 @@
+const e=require("./Affix.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;