@skdx/vue 0.27.0 → 0.28.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SkandaDX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -25,11 +25,11 @@ Components are exported from the package root, prefixed `Skdx`:
 <script setup lang="ts">
 import {
   SkdxDialog,
-  SkdxDialogTrigger,
+  SkdxDialogClose,
   SkdxDialogContent,
-  SkdxDialogTitle,
   SkdxDialogDescription,
-  SkdxDialogClose,
+  SkdxDialogTitle,
+  SkdxDialogTrigger,
 } from '@skdx/vue';
 </script>
 

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

@@ -1,51 +1,73 @@
+import { type SelectionChangeDetail } from '../utils/useSelection.cjs';
+import type { AccordionItem } from './types.cjs';
 /**
- * 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).
+ * Accordion managing open item(s) and providing state to items via context.
+ * Arrow-key navigation between triggers (Home/End wrap to 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.
+ * ```vue
+ * <SkdxAccordion type="single" collapsible :items="sections" />
+ * ```
+ *
+ * Renders derived item anatomy (heading, trigger, indicator, panel) per entry
+ * in `items`, or uses default slot. Accepts `value`/`defaultValue` as bare
+ * `string` or `string[]`; always emits `string[]`.
  */
 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.
+     * Currently open item(s) for controlled usage; bare `string` or
+     * `string[]` under either type. Pair with `@value-change`.
+     * @default undefined — uncontrolled, tracks open item(s) internally.
      */
     value?: string | string[];
     /**
-     * Value(s) of the initially open item(s), for uncontrolled usage.
+     * Value(s) of the initially open item(s), for uncontrolled usage. Same
+     * lenient shape as `value`.
      * @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. */
+    /** Layout axis; controls arrow key direction for trigger navigation. */
     orientation?: 'horizontal' | 'vertical';
-    /** Allow closing the open item so all items can be closed (only meaningful when `type` is `'single'`). */
+    /** Allow closing the open item; all items can close (single type only). */
     collapsible?: boolean;
+    /**
+     * Sections rendered as derived items (heading, trigger, indicator, panel)
+     * per entry. Ignored when default slot provides its own items.
+     * @default undefined — no derived anatomy; compose items yourself.
+     */
+    items?: readonly AccordionItem[];
+    /**
+     * Heading element (`<h1>`–`<h6>`) rendered by derived headers.
+     * Default `3` suits `<h2>`; under `<h4>`, use `5` to avoid skipping a level.
+     * @default 3
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare var __VLS_1: {}, __VLS_6: {
+    item: AccordionItem;
+    index: number;
 };
-declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_6) => 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;
+    "update:value": (value: string[]) => any;
+    "value-change": (detail: SelectionChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string | string[]) => any) | undefined;
-    "onValue-change"?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:value"?: ((value: string[]) => any) | undefined;
+    "onValue-change"?: ((detail: SelectionChangeDetail) => any) | undefined;
 }>, {
     disabled: boolean;
     value: string | string[];
     defaultValue: string | string[];
+    items: readonly AccordionItem[];
     orientation: "horizontal" | "vertical";
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     collapsible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,51 +1,73 @@
+import { type SelectionChangeDetail } from '../utils/useSelection.js';
+import type { AccordionItem } from './types.js';
 /**
- * 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).
+ * Accordion managing open item(s) and providing state to items via context.
+ * Arrow-key navigation between triggers (Home/End wrap to 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.
+ * ```vue
+ * <SkdxAccordion type="single" collapsible :items="sections" />
+ * ```
+ *
+ * Renders derived item anatomy (heading, trigger, indicator, panel) per entry
+ * in `items`, or uses default slot. Accepts `value`/`defaultValue` as bare
+ * `string` or `string[]`; always emits `string[]`.
  */
 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.
+     * Currently open item(s) for controlled usage; bare `string` or
+     * `string[]` under either type. Pair with `@value-change`.
+     * @default undefined — uncontrolled, tracks open item(s) internally.
      */
     value?: string | string[];
     /**
-     * Value(s) of the initially open item(s), for uncontrolled usage.
+     * Value(s) of the initially open item(s), for uncontrolled usage. Same
+     * lenient shape as `value`.
      * @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. */
+    /** Layout axis; controls arrow key direction for trigger navigation. */
     orientation?: 'horizontal' | 'vertical';
-    /** Allow closing the open item so all items can be closed (only meaningful when `type` is `'single'`). */
+    /** Allow closing the open item; all items can close (single type only). */
     collapsible?: boolean;
+    /**
+     * Sections rendered as derived items (heading, trigger, indicator, panel)
+     * per entry. Ignored when default slot provides its own items.
+     * @default undefined — no derived anatomy; compose items yourself.
+     */
+    items?: readonly AccordionItem[];
+    /**
+     * Heading element (`<h1>`–`<h6>`) rendered by derived headers.
+     * Default `3` suits `<h2>`; under `<h4>`, use `5` to avoid skipping a level.
+     * @default 3
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare var __VLS_1: {}, __VLS_6: {
+    item: AccordionItem;
+    index: number;
 };
-declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_6) => 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;
+    "update:value": (value: string[]) => any;
+    "value-change": (detail: SelectionChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string | string[]) => any) | undefined;
-    "onValue-change"?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:value"?: ((value: string[]) => any) | undefined;
+    "onValue-change"?: ((detail: SelectionChangeDetail) => any) | undefined;
 }>, {
     disabled: boolean;
     value: string | string[];
     defaultValue: string | string[];
+    items: readonly AccordionItem[];
     orientation: "horizontal" | "vertical";
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     collapsible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/accordion/Accordion.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const g=require("../utils/direction.cjs"),i=require("../utils/useSelection.cjs"),C=require("./context.cjs"),x=require("./AccordionAnatomy.vue.cjs");let e=require("vue");var B=["data-orientation"],O=(0,e.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},items:{default:void 0},headingLevel:{default:3}},emits:["update:value","value-change"],setup(a,{emit:h}){const o=a,s=h,d=(0,e.computed)(()=>o.type==="multiple"),f=(0,e.ref)(i.toSelectionValues(o.defaultValue,{multiple:o.type==="multiple",label:"Accordion defaultValue"})),u=(0,e.computed)(()=>o.value!==void 0?i.toSelectionValues(o.value,{multiple:d.value,label:"Accordion value"}):f.value),A=(0,e.computed)(()=>o.disabled);function v(t){i.sameSelection(t,u.value)||(o.value===void 0&&(f.value=t),s("update:value",t),s("value-change",{value:t,selectedValue:i.selectedValueOf(t)}))}function k(t){v(i.nextSelection(u.value,t,d.value))}function b(t){o.type==="single"&&!o.collapsible||v(i.nextSelection(u.value,t,d.value,!0))}(0,e.provide)(C.ACCORDION_CONTEXT,{value:u,onItemOpen:k,onItemClose:b,get type(){return o.type},get collapsible(){return o.collapsible},disabled:A,get orientation(){return o.orientation}});const m=(0,e.ref)(null),q=g.useDirection();function S(t){const r=g.directionalKey(t.key,t.currentTarget,q()),c=m.value;if(!c)return;const n=Array.from(c.querySelectorAll("[data-skdx-accordion-trigger]")).filter(w=>!w.hasAttribute("disabled"));if(n.length===0)return;const p=n.indexOf(document.activeElement),y=o.orientation==="vertical",_=y?["ArrowDown"]:["ArrowRight"],V=y?["ArrowUp"]:["ArrowLeft"];let l;_.includes(r)?(l=p+1,l>=n.length&&(l=0)):V.includes(r)?(l=p-1,l<0&&(l=n.length-1)):r==="Home"?l=0:r==="End"&&(l=n.length-1),l!==void 0&&(t.preventDefault(),n[l]?.focus())}return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-accordion","data-part":"root","data-skdx-component":"accordion",ref_key:"rootRef",ref:m,"data-orientation":a.orientation,onKeydown:S},[(0,e.renderSlot)(t.$slots,"default",{},()=>[a.items?((0,e.openBlock)(),(0,e.createBlock)(x.default,{key:0,items:a.items,"heading-level":a.headingLevel},(0,e.createSlots)({_:2},[t.$slots.content?{name:"content",fn:(0,e.withCtx)(c=>[(0,e.renderSlot)(t.$slots,"content",(0,e.normalizeProps)((0,e.guardReactiveProps)(c)))]),key:"0"}:void 0]),1032,["items","heading-level"])):(0,e.createCommentVNode)("",!0)])],40,B))}});exports.default=O;

package/dist/accordion/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -1 +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};
+import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{nextSelection as a,sameSelection as o,selectedValueOf as l,toSelectionValues as n}from"../utils/useSelection.js";import{ACCORDION_CONTEXT as i}from"./context.js";import r from"./AccordionAnatomy.vue.js";import{computed as s,createBlock as u,createCommentVNode as d,createElementBlock as c,createSlots as v,defineComponent as m,guardReactiveProps as p,normalizeProps as f,openBlock as g,provide as y,ref as h,renderSlot as A,withCtx as b}from"vue";var k=["data-orientation"],x=/* @__PURE__ */m({__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},items:{default:void 0},headingLevel:{default:3}},emits:["update:value","value-change"],setup(m,{emit:x}){const w=m,C=x,S=s(()=>"multiple"===w.type),V=h(n(w.defaultValue,{multiple:"multiple"===w.type,label:"Accordion defaultValue"})),O=s(()=>void 0!==w.value?n(w.value,{multiple:S.value,label:"Accordion value"}):V.value),B=s(()=>w.disabled);function _(e){o(e,O.value)||(void 0===w.value&&(V.value=e),C("update:value",e),C("value-change",{value:e,selectedValue:l(e)}))}y(i,{value:O,onItemOpen:function(e){_(a(O.value,e,S.value))},onItemClose:function(e){"single"===w.type&&!w.collapsible||_(a(O.value,e,S.value,!0))},get type(){return w.type},get collapsible(){return w.collapsible},disabled:B,get orientation(){return w.orientation}});const j=h(null),D=t();function E(t){const a=e(t.key,t.currentTarget,D()),o=j.value;if(!o)return;const l=Array.from(o.querySelectorAll("[data-skdx-accordion-trigger]")).filter(e=>!e.hasAttribute("disabled"));if(0===l.length)return;const n=l.indexOf(document.activeElement),i="vertical"===w.orientation,r=i?["ArrowUp"]:["ArrowLeft"];let s;(i?["ArrowDown"]:["ArrowRight"]).includes(a)?(s=n+1,s>=l.length&&(s=0)):r.includes(a)?(s=n-1,s<0&&(s=l.length-1)):"Home"===a?s=0:"End"===a&&(s=l.length-1),void 0!==s&&(t.preventDefault(),l[s]?.focus())}return(e,t)=>(g(),c("div",{class:"skdx-accordion","data-part":"root","data-skdx-component":"accordion",ref_key:"rootRef",ref:j,"data-orientation":m.orientation,onKeydown:E},[A(e.$slots,"default",{},()=>[m.items?(g(),u(r,{key:0,items:m.items,"heading-level":m.headingLevel},v({_:2},[e.$slots.content?{name:"content",fn:b(t=>[A(e.$slots,"content",f(p(t)))]),key:"0"}:void 0]),1032,["items","heading-level"])):d("",!0)])],40,k))}});export{x as default};

package/dist/accordion/AccordionAnatomy.vue.cjs

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

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

@@ -0,0 +1,43 @@
+import type { AccordionItem } from './types.cjs';
+/**
+ * Anatomy when default slot empty: one item per entry, heading-wrapped trigger
+ * with indicator over region. React port's `AccordionAnatomy.tsx` must stay synchronized.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly AccordionItem[];
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare var __VLS_7: {
+    item: AccordionItem;
+    index: number;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}, __VLS_12: {
+    item: AccordionItem;
+    index: number;
+}, __VLS_14: {
+    item: AccordionItem;
+    index: number;
+}, __VLS_22: {
+    item: AccordionItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_7) => any;
+} & {
+    trigger?: (props: typeof __VLS_12) => any;
+} & {
+    indicator?: (props: typeof __VLS_14) => any;
+} & {
+    content?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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/AccordionAnatomy.vue.d.ts

@@ -0,0 +1,43 @@
+import type { AccordionItem } from './types.js';
+/**
+ * Anatomy when default slot empty: one item per entry, heading-wrapped trigger
+ * with indicator over region. React port's `AccordionAnatomy.tsx` must stay synchronized.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly AccordionItem[];
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare var __VLS_7: {
+    item: AccordionItem;
+    index: number;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}, __VLS_12: {
+    item: AccordionItem;
+    index: number;
+}, __VLS_14: {
+    item: AccordionItem;
+    index: number;
+}, __VLS_22: {
+    item: AccordionItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_7) => any;
+} & {
+    trigger?: (props: typeof __VLS_12) => any;
+} & {
+    indicator?: (props: typeof __VLS_14) => any;
+} & {
+    content?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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/AccordionAnatomy.vue.js

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

package/dist/accordion/AccordionAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./AccordionContent.vue.cjs"),a=require("./AccordionHeader.vue.cjs"),d=require("./AccordionIndicator.vue.cjs"),u=require("./AccordionItem.vue.cjs"),c=require("./AccordionTrigger.vue.cjs");let e=require("vue");var i=(0,e.defineComponent)({__name:"AccordionAnatomy",props:{items:{},headingLevel:{default:3}},setup(o){return(t,s)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.items,(r,l)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:r.value,value:r.value,disabled:r.disabled},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a.default,{level:o.headingLevel},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"header",{item:r,index:l,level:o.headingLevel},()=>[(0,e.createVNode)(c.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trigger",{item:r,index:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.title),1)]),(0,e.renderSlot)(t.$slots,"indicator",{item:r,index:l},()=>[(0,e.createVNode)(d.default)])]),_:2},1024)])]),_:2},1032,["level"]),(0,e.createVNode)(n.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"content",{item:r,index:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.content),1)])]),_:2},1024)]),_:2},1032,["value","disabled"]))),128))}});exports.default=i;

package/dist/accordion/AccordionAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./AccordionContent.vue.js";import t from"./AccordionHeader.vue.js";import o from"./AccordionIndicator.vue.js";import a from"./AccordionItem.vue.js";import i from"./AccordionTrigger.vue.js";import{Fragment as l,createBlock as r,createElementBlock as n,createTextVNode as d,createVNode as s,defineComponent as m,openBlock as c,renderList as u,renderSlot as v,toDisplayString as f,withCtx as p}from"vue";var g=/* @__PURE__ */m({__name:"AccordionAnatomy",props:{items:{},headingLevel:{default:3}},setup:m=>(g,x)=>(c(!0),n(l,null,u(m.items,(l,n)=>(c(),r(a,{key:l.value,value:l.value,disabled:l.disabled},{default:p(()=>[s(t,{level:m.headingLevel},{default:p(()=>[v(g.$slots,"header",{item:l,index:n,level:m.headingLevel},()=>[s(i,null,{default:p(()=>[v(g.$slots,"trigger",{item:l,index:n},()=>[d(f(l.title),1)]),v(g.$slots,"indicator",{item:l,index:n},()=>[s(o)])]),_:2},1024)])]),_:2},1032,["level"]),s(e,null,{default:p(()=>[v(g.$slots,"content",{item:l,index:n},()=>[d(f(l.content),1)])]),_:2},1024)]),_:2},1032,["value","disabled"]))),128))});export{g as default};

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

@@ -1,39 +1,31 @@
 /**
- * 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`.
+ * Panel for item; renders `<div role="region">` with aria-labelledby pointing
+ * to trigger. Hidden while closed unless `forceMount` or `hiddenUntilFound`.
+ * `forceMount` hides outright; `hiddenUntilFound` uses `hidden="until-found"`
+ * for browser find-in-page (Chromium-first).
  */
 type __VLS_Props = {
-    /** Keep this panel mounted (hidden via the `hidden` attribute) even while closed, instead of unmounting it. */
+    /** Keep panel mounted hidden while closed instead of unmounting. */
     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.
+     * Mount as `hidden="until-found"` to enable find-in-page on closed content
+     * (Chromium-first, degrades to `hidden=""` if unsupported). Implies `forceMount`.
+     * Uses `content-visibility: hidden`; styling must not override with `display: none`.
      */
     hiddenUntilFound?: boolean;
+    /**
+     * Panel landmark role: `region` clutters the landmark list when many panels
+     * are open. Use `"group"` for long accordions; trigger's `aria-labelledby`
+     * labels the panel either way.
+     */
+    role?: 'region' | 'group';
 };
 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<{}>, {
+    role: "region" | "group";
     forceMount: boolean;
     hiddenUntilFound: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,39 +1,31 @@
 /**
- * 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`.
+ * Panel for item; renders `<div role="region">` with aria-labelledby pointing
+ * to trigger. Hidden while closed unless `forceMount` or `hiddenUntilFound`.
+ * `forceMount` hides outright; `hiddenUntilFound` uses `hidden="until-found"`
+ * for browser find-in-page (Chromium-first).
  */
 type __VLS_Props = {
-    /** Keep this panel mounted (hidden via the `hidden` attribute) even while closed, instead of unmounting it. */
+    /** Keep panel mounted hidden while closed instead of unmounting. */
     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.
+     * Mount as `hidden="until-found"` to enable find-in-page on closed content
+     * (Chromium-first, degrades to `hidden=""` if unsupported). Implies `forceMount`.
+     * Uses `content-visibility: hidden`; styling must not override with `display: none`.
      */
     hiddenUntilFound?: boolean;
+    /**
+     * Panel landmark role: `region` clutters the landmark list when many panels
+     * are open. Use `"group"` for long accordions; trigger's `aria-labelledby`
+     * labels the panel either way.
+     */
+    role?: 'region' | 'group';
 };
 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<{}>, {
+    role: "region" | "group";
     forceMount: boolean;
     hiddenUntilFound: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/accordion/AccordionContent.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/accordion/AccordionContent.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,14 +1,19 @@
 /**
- * Heading wrapper for a `SkdxAccordionTrigger`, giving the section an `<h3>`
- * in the accessibility tree. Mirrors its `SkdxAccordionItem`'s
- * `data-state`/`data-disabled`.
+ * Heading wrapper for trigger; renders `<h1>`–`<h6>` per `level` (default `<h3>`).
+ * Set `level` to match document outline—default assumes `<h2>` above;
+ * under `<h4>`, use `5` to avoid skipping a level.
  */
-type __VLS_Props = {};
-declare var __VLS_1: {};
+type __VLS_Props = {
+    /** Which heading element to render, h1 through h6. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_6) => 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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 & {

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

@@ -1,14 +1,19 @@
 /**
- * Heading wrapper for a `SkdxAccordionTrigger`, giving the section an `<h3>`
- * in the accessibility tree. Mirrors its `SkdxAccordionItem`'s
- * `data-state`/`data-disabled`.
+ * Heading wrapper for trigger; renders `<h1>`–`<h6>` per `level` (default `<h3>`).
+ * Set `level` to match document outline—default assumes `<h2>` above;
+ * under `<h4>`, use `5` to avoid skipping a level.
  */
-type __VLS_Props = {};
-declare var __VLS_1: {};
+type __VLS_Props = {
+    /** Which heading element to render, h1 through h6. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_6) => 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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 & {

package/dist/accordion/AccordionHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const n=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"AccordionHeader",props:{level:{default:3}},setup(a){const d=a,t=(0,e.inject)(n.ACCORDION_ITEM_CONTEXT);if(!t)throw new Error("<SkdxAccordionHeader> must be used inside <SkdxAccordionItem>.");const r=(0,e.computed)(()=>`h${d.level}`);return(o,l)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(r.value),{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},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},8,["data-state","data-disabled"]))}});exports.default=c;

package/dist/accordion/AccordionHeader.vue_vue_type_script_setup_true_lang.js

@@ -1 +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};
+import{ACCORDION_ITEM_CONTEXT as e}from"./context.js";import{computed as a,createBlock as t,defineComponent as o,inject as d,openBlock as s,renderSlot as r,resolveDynamicComponent as n,unref as l,withCtx as c}from"vue";var i=/* @__PURE__ */o({__name:"AccordionHeader",props:{level:{default:3}},setup(o){const i=o,u=d(e);if(!u)throw new Error("<SkdxAccordionHeader> must be used inside <SkdxAccordionItem>.");const p=a(()=>`h${i.level}`);return(e,a)=>(s(),t(n(p.value),{class:"skdx-accordion__header","data-part":"header","data-state":l(u).open.value?"open":"closed","data-disabled":l(u).disabled.value?"":void 0},{default:c(()=>[r(e.$slots,"default")]),_:3},8,["data-state","data-disabled"]))}});export{i as default};

package/dist/accordion/AccordionIndicator.vue.cjs

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

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

@@ -0,0 +1,18 @@
+/**
+ * Disclosure affordance inside trigger (chevron/caret); renders `<span>` with
+ * data-state/data-disabled/data-orientation. Skin's rotation rule selects it;
+ * headless package ships no glyph. Put icon in slot.
+ */
+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;
+    };
+};