@skdx/vue 0.27.0 → 0.28.0

package/dist/tabs/Tabs.vue.d.cts

@@ -1,15 +1,20 @@
-import { type TabsActivationMode, type TabsOrientation } from './context.cjs';
+import { type TabsActivationMode, type TabsOrientation, type TabsValueChangeDetail } from './context.cjs';
+import type { TabsItem } from './types.cjs';
 /**
- * The Vue implementation of the shared Tabs contract (see `@skdx/shared`'s
- * `tabsContract`). Owns the selected value and `provide()`s it (plus
- * orientation/activation-mode and a trigger registry) so a nested
- * `<SkdxTabsList>` / `<SkdxTabsTrigger>` / `<SkdxTabsContent>` can `inject()`
- * it — Vue's equivalent of React context.
+ * Tabs root: owns selected value, provides to parts. Controlled or
+ * uncontrolled. Derives anatomy from `items` or renders slot.
  *
- * Works controlled (`v-model:value` / `:value` + `@update:value`) or
- * uncontrolled (`:default-value`). The default `v-model`/`modelValue`
- * convention is intentionally not used, so the prop name matches every other
- * framework's `value`/`valueChange` pair.
+ * ```vue
+ * <SkdxTabs
+ *   default-value="account"
+ *   :items="[
+ *     { value: 'account', label: 'Account', content: 'Your details.' },
+ *     { value: 'billing', label: 'Billing' },
+ *   ]"
+ * >
+ *   <template #panel="{ item }"><InvoiceTable v-if="item.value === 'billing'" /></template>
+ * </SkdxTabs>
+ * ```
  */
 type __VLS_Props = {
     /**
@@ -28,22 +33,51 @@ type __VLS_Props = {
      */
     orientation?: TabsOrientation;
     /**
-     * `'automatic'` selects a tab as soon as it receives focus. `'manual'`
-     * only selects on Enter/Space.
+     * `'automatic'` selects a tab as soon as arrow-key navigation focuses
+     * it; `'manual'` only selects on Enter/Space. Panels aren't rendered
+     * while inactive unless they set `force-mount`, so an author with
+     * expensive panels needs `"manual"` or `force-mount`, or an arrow-key
+     * browse mounts and unmounts a subtree per keystroke.
      */
     activationMode?: TabsActivationMode;
+    /**
+     * Disables every trigger in the tabbed interface. OR-ed with each
+     * trigger's own `disabled`, never overridden.
+     */
+    disabled?: boolean;
+    /**
+     * The tabs the interface renders, each supplying a derived trigger and its
+     * paired panel. Ignored once the default slot supplies its own parts.
+     * @default undefined — nothing is derived; compose the list, triggers and panels in the default slot.
+     */
+    items?: readonly TabsItem[];
+    /**
+     * Whether arrow-key navigation wraps from the last trigger back to the
+     * first, and vice versa. Only reaches the derived list — a default slot
+     * composing its own `SkdxTabsList` sets `loop` there.
+     * @default true — arrow keys wrap.
+     */
+    loop?: boolean;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — a `SkdxTabsList` with its triggers, then the panels. */
+    default?(): unknown;
+    /** Body of a derived panel, for markup an `items` entry's `content` string cannot express. */
+    panel?(props: {
+        item: TabsItem;
+        index: number;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string) => any;
-    "value-change": (value: string) => any;
+    "value-change": (detail: TabsValueChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((detail: TabsValueChangeDetail) => any) | undefined;
 }>, {
+    disabled: boolean;
+    loop: boolean;
+    items: readonly TabsItem[];
     orientation: TabsOrientation;
     activationMode: TabsActivationMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/tabs/Tabs.vue.d.ts

@@ -1,15 +1,20 @@
-import { type TabsActivationMode, type TabsOrientation } from './context.js';
+import { type TabsActivationMode, type TabsOrientation, type TabsValueChangeDetail } from './context.js';
+import type { TabsItem } from './types.js';
 /**
- * The Vue implementation of the shared Tabs contract (see `@skdx/shared`'s
- * `tabsContract`). Owns the selected value and `provide()`s it (plus
- * orientation/activation-mode and a trigger registry) so a nested
- * `<SkdxTabsList>` / `<SkdxTabsTrigger>` / `<SkdxTabsContent>` can `inject()`
- * it — Vue's equivalent of React context.
+ * Tabs root: owns selected value, provides to parts. Controlled or
+ * uncontrolled. Derives anatomy from `items` or renders slot.
  *
- * Works controlled (`v-model:value` / `:value` + `@update:value`) or
- * uncontrolled (`:default-value`). The default `v-model`/`modelValue`
- * convention is intentionally not used, so the prop name matches every other
- * framework's `value`/`valueChange` pair.
+ * ```vue
+ * <SkdxTabs
+ *   default-value="account"
+ *   :items="[
+ *     { value: 'account', label: 'Account', content: 'Your details.' },
+ *     { value: 'billing', label: 'Billing' },
+ *   ]"
+ * >
+ *   <template #panel="{ item }"><InvoiceTable v-if="item.value === 'billing'" /></template>
+ * </SkdxTabs>
+ * ```
  */
 type __VLS_Props = {
     /**
@@ -28,22 +33,51 @@ type __VLS_Props = {
      */
     orientation?: TabsOrientation;
     /**
-     * `'automatic'` selects a tab as soon as it receives focus. `'manual'`
-     * only selects on Enter/Space.
+     * `'automatic'` selects a tab as soon as arrow-key navigation focuses
+     * it; `'manual'` only selects on Enter/Space. Panels aren't rendered
+     * while inactive unless they set `force-mount`, so an author with
+     * expensive panels needs `"manual"` or `force-mount`, or an arrow-key
+     * browse mounts and unmounts a subtree per keystroke.
      */
     activationMode?: TabsActivationMode;
+    /**
+     * Disables every trigger in the tabbed interface. OR-ed with each
+     * trigger's own `disabled`, never overridden.
+     */
+    disabled?: boolean;
+    /**
+     * The tabs the interface renders, each supplying a derived trigger and its
+     * paired panel. Ignored once the default slot supplies its own parts.
+     * @default undefined — nothing is derived; compose the list, triggers and panels in the default slot.
+     */
+    items?: readonly TabsItem[];
+    /**
+     * Whether arrow-key navigation wraps from the last trigger back to the
+     * first, and vice versa. Only reaches the derived list — a default slot
+     * composing its own `SkdxTabsList` sets `loop` there.
+     * @default true — arrow keys wrap.
+     */
+    loop?: boolean;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — a `SkdxTabsList` with its triggers, then the panels. */
+    default?(): unknown;
+    /** Body of a derived panel, for markup an `items` entry's `content` string cannot express. */
+    panel?(props: {
+        item: TabsItem;
+        index: number;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string) => any;
-    "value-change": (value: string) => any;
+    "value-change": (detail: TabsValueChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((detail: TabsValueChangeDetail) => any) | undefined;
 }>, {
+    disabled: boolean;
+    loop: boolean;
+    items: readonly TabsItem[];
     orientation: TabsOrientation;
     activationMode: TabsActivationMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/tabs/Tabs.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let t=require("vue");var m=["data-orientation"],b=(0,t.defineComponent)({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"}},emits:["update:value","value-change"],setup(u,{emit:d}){const a=u,i=d,s=r.nextTabsBaseId(),l=(0,t.ref)(a.defaultValue),c=(0,t.computed)(()=>a.value!==void 0?a.value:l.value);function v(e){a.value===void 0&&(l.value=e),i("update:value",e),i("value-change",e)}const o=[];function f(){return o.find(e=>!e.disabled)?.value??null}function p(e,n){o.push({value:e,disabled:n})}function _(e){const n=o.findIndex(g=>g.value===e);n!==-1&&o.splice(n,1)}return(0,t.provide)(r.TABS_CONTEXT,{baseId:s,orientation:()=>a.orientation,activationMode:()=>a.activationMode,selectedValue:()=>c.value,firstEnabledValue:f,setValue:v,registerTrigger:p,unregisterTrigger:_}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":u.orientation},[(0,t.renderSlot)(e.$slots,"default")],8,m))}});exports.default=b;
+const v=require("./context.cjs"),C=require("./TabsAnatomy.vue.cjs");let a=require("vue");var h=["data-orientation","data-disabled"],q=(0,a.defineComponent)({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"},disabled:{type:Boolean,default:!1},items:{default:void 0},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(o,{emit:f}){const l=o,r=f,d=(0,a.useAttrs)(),b=(0,a.computed)(()=>d["aria-label"]),p=(0,a.computed)(()=>d["aria-labelledby"]),m=v.nextTabsBaseId(),s=(0,a.ref)(l.defaultValue),c=(0,a.computed)(()=>l.value!==void 0?l.value:s.value);function g(e,t){const i=c.value;i!==e&&(l.value===void 0&&(s.value=e),r("update:value",e),r("value-change",{value:e,previousValue:i??null,reason:t}))}const u=[];function y(){return u.find(e=>!e.disabled)?.value??null}function V(e,t){u.push({value:e,disabled:t})}function T(e){const t=u.findIndex(i=>i.value===e);t!==-1&&u.splice(t,1)}const n=(0,a.ref)([]);function k(e){n.value.includes(e)||(n.value=[...n.value,e])}function B(e){n.value=n.value.filter(t=>t!==e)}return(0,a.provide)(v.TABS_CONTEXT,{baseId:m,orientation:()=>l.orientation,activationMode:()=>l.activationMode,selectedValue:()=>c.value,firstEnabledValue:y,disabled:()=>l.disabled,arrowNavigating:{current:!1},isContentMounted:e=>n.value.includes(e),registerContent:k,unregisterContent:B,setValue:g,registerTrigger:V,unregisterTrigger:T}),(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":o.orientation,"data-disabled":o.disabled?"":void 0},[(0,a.renderSlot)(e.$slots,"default",{},()=>[o.items?((0,a.openBlock)(),(0,a.createBlock)(C.default,{key:0,items:o.items,loop:o.loop,"aria-label":b.value,"aria-labelledby":p.value},(0,a.createSlots)({_:2},[e.$slots.panel?{name:"panel",fn:(0,a.withCtx)(i=>[(0,a.renderSlot)(e.$slots,"panel",(0,a.normalizeProps)((0,a.guardReactiveProps)(i)))]),key:"0"}:void 0]),1032,["items","loop","aria-label","aria-labelledby"])):(0,a.createCommentVNode)("",!0)])],8,h))}});exports.default=q;

package/dist/tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABS_CONTEXT as e,nextTabsBaseId as a}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as n,openBlock as i,provide as u,ref as l,renderSlot as s}from"vue";var d=["data-orientation"],r=/* @__PURE__ */n({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"}},emits:["update:value","value-change"],setup(n,{emit:r}){const v=n,c=r,f=a(),p=l(v.defaultValue),m=t(()=>void 0!==v.value?v.value:p.value),b=[];return u(e,{baseId:f,orientation:()=>v.orientation,activationMode:()=>v.activationMode,selectedValue:()=>m.value,firstEnabledValue:function(){return b.find(e=>!e.disabled)?.value??null},setValue:function(e){void 0===v.value&&(p.value=e),c("update:value",e),c("value-change",e)},registerTrigger:function(e,a){b.push({value:e,disabled:a})},unregisterTrigger:function(e){const a=b.findIndex(a=>a.value===e);-1!==a&&b.splice(a,1)}}),(e,a)=>(i(),o("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":n.orientation},[s(e.$slots,"default")],8,d))}});export{r as default};
+import{TABS_CONTEXT as e,nextTabsBaseId as a}from"./context.js";import t from"./TabsAnatomy.vue.js";import{computed as l,createBlock as o,createCommentVNode as i,createElementBlock as n,createSlots as s,defineComponent as u,guardReactiveProps as d,normalizeProps as r,openBlock as v,provide as c,ref as p,renderSlot as f,useAttrs as b,withCtx as m}from"vue";var g=["data-orientation","data-disabled"],y=/* @__PURE__ */u({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"},disabled:{type:Boolean,default:!1},items:{default:void 0},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(u,{emit:y}){const T=u,k=y,x=b(),B=l(()=>x["aria-label"]),C=l(()=>x["aria-labelledby"]),V=a(),h=p(T.defaultValue),M=l(()=>void 0!==T.value?T.value:h.value),_=[],A=p([]);return c(e,{baseId:V,orientation:()=>T.orientation,activationMode:()=>T.activationMode,selectedValue:()=>M.value,firstEnabledValue:function(){return _.find(e=>!e.disabled)?.value??null},disabled:()=>T.disabled,arrowNavigating:{current:!1},isContentMounted:e=>A.value.includes(e),registerContent:function(e){A.value.includes(e)||(A.value=[...A.value,e])},unregisterContent:function(e){A.value=A.value.filter(a=>a!==e)},setValue:function(e,a){const t=M.value;t!==e&&(void 0===T.value&&(h.value=e),k("update:value",e),k("value-change",{value:e,previousValue:t??null,reason:a}))},registerTrigger:function(e,a){_.push({value:e,disabled:a})},unregisterTrigger:function(e){const a=_.findIndex(a=>a.value===e);-1!==a&&_.splice(a,1)}}),(e,a)=>(v(),n("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":u.orientation,"data-disabled":u.disabled?"":void 0},[f(e.$slots,"default",{},()=>[u.items?(v(),o(t,{key:0,items:u.items,loop:u.loop,"aria-label":B.value,"aria-labelledby":C.value},s({_:2},[e.$slots.panel?{name:"panel",fn:m(a=>[f(e.$slots,"panel",r(d(a)))]),key:"0"}:void 0]),1032,["items","loop","aria-label","aria-labelledby"])):i("",!0)])],8,g))}});export{y as default};

package/dist/tabs/TabsAnatomy.vue.cjs

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

package/dist/tabs/TabsAnatomy.vue.d.cts

@@ -0,0 +1,31 @@
+import type { TabsItem } from './types.cjs';
+/**
+ * The anatomy a `SkdxTabs` draws: trigger list and one panel per entry in `items`.
+ * Triggers and panels come from the same array so `aria-controls` always points at an existing panel.
+ * Not exported from the package — must stay in step with React `TabsAnatomy.tsx`.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly TabsItem[];
+    loop?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+type __VLS_Slots = {
+    panel?(props: {
+        item: TabsItem;
+        index: number;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ariaLabel: string;
+    loop: boolean;
+    ariaLabelledby: string;
+}, {}, {}, {}, 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/tabs/TabsAnatomy.vue.d.ts

@@ -0,0 +1,31 @@
+import type { TabsItem } from './types.js';
+/**
+ * The anatomy a `SkdxTabs` draws: trigger list and one panel per entry in `items`.
+ * Triggers and panels come from the same array so `aria-controls` always points at an existing panel.
+ * Not exported from the package — must stay in step with React `TabsAnatomy.tsx`.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly TabsItem[];
+    loop?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+type __VLS_Slots = {
+    panel?(props: {
+        item: TabsItem;
+        index: number;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ariaLabel: string;
+    loop: boolean;
+    ariaLabelledby: string;
+}, {}, {}, {}, 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/tabs/TabsAnatomy.vue.js

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

package/dist/tabs/TabsAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./TabsContent.vue.cjs"),o=require("./TabsList.vue.cjs"),n=require("./TabsTrigger.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"TabsAnatomy",props:{items:{},loop:{type:Boolean,default:!0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(l){return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(o.default,{loop:l.loop,"aria-label":l.ariaLabel,"aria-labelledby":l.ariaLabelledby},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.items,a=>((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:a.value,value:a.value,disabled:a.disabled},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["loop","aria-label","aria-labelledby"]),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.items,(a,r)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:a.value,value:a.value},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"panel",{item:a,index:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.content),1)])]),_:2},1032,["value"]))),128))],64))}});exports.default=d;

package/dist/tabs/TabsAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./TabsContent.vue.js";import a from"./TabsList.vue.js";import l from"./TabsTrigger.vue.js";import{Fragment as t,createBlock as o,createElementBlock as s,createTextVNode as r,createVNode as i,defineComponent as d,openBlock as u,renderList as n,renderSlot as b,toDisplayString as m,withCtx as p}from"vue";var v=/* @__PURE__ */d({__name:"TabsAnatomy",props:{items:{},loop:{type:Boolean,default:!0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup:d=>(v,f)=>(u(),s(t,null,[i(a,{loop:d.loop,"aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledby},{default:p(()=>[(u(!0),s(t,null,n(d.items,e=>(u(),o(l,{key:e.value,value:e.value,disabled:e.disabled},{default:p(()=>[r(m(e.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["loop","aria-label","aria-labelledby"]),(u(!0),s(t,null,n(d.items,(a,l)=>(u(),o(e,{key:a.value,value:a.value},{default:p(()=>[b(v.$slots,"panel",{item:a,index:l},()=>[r(m(a.content),1)])]),_:2},1032,["value"]))),128))],64))});export{v as default};

package/dist/tabs/TabsContent.vue.d.cts

@@ -1,15 +1,19 @@
 /**
- * Panel shown when its `value` matches the parent `SkdxTabs`' selected
- * value. Renders `role="tabpanel"`, is not rendered while inactive unless
- * `forceMount` is set, and is a focusable landmark (`tabindex="0"`) so
- * keyboard users can tab from the trigger straight into the panel's
- * content.
+ * Panel shown when its `value` matches the selected value. Renders
+ * `role="tabpanel"`, hidden while inactive unless `forceMount` is set, and
+ * focusable (`tabindex="0"` by default) so keyboard users can tab into it.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the `SkdxTabsTrigger` that reveals this panel. */
     value: string;
     /** Keep this panel mounted (hidden via the `hidden` attribute) even while inactive, instead of unmounting it. */
     forceMount?: boolean;
+    /**
+     * Whether the panel itself is a tab stop. APG asks for `0` only when the
+     * panel contains no focusable elements; pass `-1` for a panel whose own
+     * content is focusable, or it gets an extra contentless stop in front of it.
+     */
+    tabIndex?: 0 | -1;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -17,6 +21,7 @@ type __VLS_Slots = {} & {
 };
 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;
+    tabIndex: 0 | -1;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tabs/TabsContent.vue.d.ts

@@ -1,15 +1,19 @@
 /**
- * Panel shown when its `value` matches the parent `SkdxTabs`' selected
- * value. Renders `role="tabpanel"`, is not rendered while inactive unless
- * `forceMount` is set, and is a focusable landmark (`tabindex="0"`) so
- * keyboard users can tab from the trigger straight into the panel's
- * content.
+ * Panel shown when its `value` matches the selected value. Renders
+ * `role="tabpanel"`, hidden while inactive unless `forceMount` is set, and
+ * focusable (`tabindex="0"` by default) so keyboard users can tab into it.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the `SkdxTabsTrigger` that reveals this panel. */
     value: string;
     /** Keep this panel mounted (hidden via the `hidden` attribute) even while inactive, instead of unmounting it. */
     forceMount?: boolean;
+    /**
+     * Whether the panel itself is a tab stop. APG asks for `0` only when the
+     * panel contains no focusable elements; pass `-1` for a panel whose own
+     * content is focusable, or it gets an extra contentless stop in front of it.
+     */
+    tabIndex?: 0 | -1;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -17,6 +21,7 @@ type __VLS_Slots = {} & {
 };
 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;
+    tabIndex: 0 | -1;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tabs/TabsContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var s=["id","aria-labelledby","data-state","data-orientation","hidden"],c=(0,e.defineComponent)({__name:"TabsContent",props:{value:{},forceMount:{type:Boolean,default:!1}},setup(d){const a=d,t=(0,e.inject)(o.TABS_CONTEXT);if(!t)throw new Error("SkdxTabsContent must be used within SkdxTabs");const n=(0,e.computed)(()=>t.selectedValue()===a.value),r=(0,e.computed)(()=>o.makeContentId(t.baseId,a.value)),l=(0,e.computed)(()=>o.makeTriggerId(t.baseId,a.value));return(u,i)=>d.forceMount||n.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tabs__content","data-part":"content",role:"tabpanel",id:r.value,"aria-labelledby":l.value,"data-state":n.value?"active":"inactive","data-orientation":(0,e.unref)(t).orientation(),hidden:!n.value,tabindex:"0"},[(0,e.renderSlot)(u.$slots,"default")],8,s)):(0,e.createCommentVNode)("",!0)}});exports.default=c;
+const u=require("./context.cjs");let e=require("vue");var i=["id","aria-labelledby","data-state","data-orientation","hidden","tabindex"],v=(0,e.defineComponent)({__name:"TabsContent",props:{value:{},forceMount:{type:Boolean,default:!1},tabIndex:{default:0}},setup(o){const n=o,t=(0,e.inject)(u.TABS_CONTEXT);if(!t)throw new Error("SkdxTabsContent must be used within SkdxTabs");const a=(0,e.computed)(()=>t.selectedValue()===n.value),s=(0,e.computed)(()=>u.makeContentId(t.baseId,n.value)),c=(0,e.computed)(()=>u.makeTriggerId(t.baseId,n.value)),r=(0,e.computed)(()=>n.forceMount||a.value),l=d=>{d?t.registerContent(n.value):t.unregisterContent(n.value)};return(0,e.onMounted)(()=>l(r.value)),(0,e.watch)(r,l),(0,e.onUnmounted)(()=>t.unregisterContent(n.value)),(d,b)=>o.forceMount||a.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tabs__content","data-part":"content",role:"tabpanel",id:s.value,"aria-labelledby":c.value,"data-state":a.value?"active":"inactive","data-orientation":(0,e.unref)(t).orientation(),hidden:!a.value,tabindex:o.tabIndex},[(0,e.renderSlot)(d.$slots,"default")],8,i)):(0,e.createCommentVNode)("",!0)}});exports.default=v;

package/dist/tabs/TabsContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABS_CONTEXT as e,makeContentId as a,makeTriggerId as t}from"./context.js";import{computed as n,createCommentVNode as o,createElementBlock as s,defineComponent as d,inject as l,openBlock as r,renderSlot as i,unref as u}from"vue";var c=["id","aria-labelledby","data-state","data-orientation","hidden"],v=/* @__PURE__ */d({__name:"TabsContent",props:{value:{},forceMount:{type:Boolean,default:!1}},setup(d){const v=d,b=l(e);if(!b)throw new Error("SkdxTabsContent must be used within SkdxTabs");const m=n(()=>b.selectedValue()===v.value),p=n(()=>a(b.baseId,v.value)),f=n(()=>t(b.baseId,v.value));return(e,a)=>d.forceMount||m.value?(r(),s("div",{key:0,class:"skdx-tabs__content","data-part":"content",role:"tabpanel",id:p.value,"aria-labelledby":f.value,"data-state":m.value?"active":"inactive","data-orientation":u(b).orientation(),hidden:!m.value,tabindex:"0"},[i(e.$slots,"default")],8,c)):o("",!0)}});export{v as default};
+import{TABS_CONTEXT as e,makeContentId as a,makeTriggerId as t}from"./context.js";import{computed as n,createCommentVNode as o,createElementBlock as s,defineComponent as d,inject as r,onMounted as l,onUnmounted as u,openBlock as i,renderSlot as c,unref as v,watch as b}from"vue";var m=["id","aria-labelledby","data-state","data-orientation","hidden","tabindex"],f=/* @__PURE__ */d({__name:"TabsContent",props:{value:{},forceMount:{type:Boolean,default:!1},tabIndex:{default:0}},setup(d){const f=d,p=r(e);if(!p)throw new Error("SkdxTabsContent must be used within SkdxTabs");const x=n(()=>p.selectedValue()===f.value),C=n(()=>a(p.baseId,f.value)),k=n(()=>t(p.baseId,f.value)),T=n(()=>f.forceMount||x.value),I=e=>{e?p.registerContent(f.value):p.unregisterContent(f.value)};return l(()=>I(T.value)),b(T,I),u(()=>p.unregisterContent(f.value)),(e,a)=>d.forceMount||x.value?(i(),s("div",{key:0,class:"skdx-tabs__content","data-part":"content",role:"tabpanel",id:C.value,"aria-labelledby":k.value,"data-state":x.value?"active":"inactive","data-orientation":v(p).orientation(),hidden:!x.value,tabindex:d.tabIndex},[c(e.$slots,"default")],8,m)):o("",!0)}});export{f as default};

package/dist/tabs/TabsList.vue.d.cts

@@ -1,7 +1,6 @@
 /**
- * Container for a `SkdxTabs`' triggers. Renders `role="tablist"` and drives
- * roving-focus keyboard navigation (Arrow Left/Right for horizontal, Arrow
- * Up/Down for vertical, plus Home/End) across its `SkdxTabsTrigger` children.
+ * Container for `SkdxTabs`' triggers. Renders `role="tablist"` with roving-focus
+ * navigation (Arrow keys, Home, End).
  */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first (and vice versa). */

package/dist/tabs/TabsList.vue.d.ts

@@ -1,7 +1,6 @@
 /**
- * Container for a `SkdxTabs`' triggers. Renders `role="tablist"` and drives
- * roving-focus keyboard navigation (Arrow Left/Right for horizontal, Arrow
- * Up/Down for vertical, plus Home/End) across its `SkdxTabsTrigger` children.
+ * Container for `SkdxTabs`' triggers. Renders `role="tablist"` with roving-focus
+ * navigation (Arrow keys, Home, End).
  */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first (and vice versa). */

package/dist/tabs/TabsList.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const b=require("./context.cjs"),d=require("../utils/direction.cjs");let t=require("vue");var w=["aria-orientation","data-orientation"],x=(0,t.defineComponent)({__name:"TabsList",props:{loop:{type:Boolean,default:!0}},setup(f){const s=f,i=(0,t.inject)(b.TABS_CONTEXT);if(!i)throw new Error("SkdxTabsList must be used within SkdxTabs");const l=(0,t.ref)(null),_=d.useDirection(),p=n=>{const o=d.directionalKey(n.key,n.currentTarget,_()),a=l.value;if(!a)return;const r=Array.from(a.querySelectorAll('[role="tab"]')).filter(v=>!v.hasAttribute("disabled"));if(r.length===0)return;const c=r.indexOf(document.activeElement),u=i.orientation()==="vertical",h=u?["ArrowDown"]:["ArrowRight"],y=u?["ArrowUp"]:["ArrowLeft"];let e;h.includes(o)?(e=c+1,e>=r.length&&(e=s.loop?0:r.length-1)):y.includes(o)?(e=c-1,e<0&&(e=s.loop?r.length-1:0)):o==="Home"?e=0:o==="End"&&(e=r.length-1),e!==void 0&&(n.preventDefault(),r[e]?.focus())};return(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-tabs__list","data-part":"list",ref_key:"listRef",ref:l,role:"tablist","aria-orientation":(0,t.unref)(i).orientation(),"data-orientation":(0,t.unref)(i).orientation(),onKeydown:p},[(0,t.renderSlot)(n.$slots,"default")],40,w))}});exports.default=x;
+const w=require("./context.cjs"),f=require("../utils/direction.cjs");let t=require("vue");var h=["aria-orientation","data-orientation"],b=(0,t.defineComponent)({__name:"TabsList",props:{loop:{type:Boolean,default:!0}},setup(_){const s=_,n=(0,t.inject)(w.TABS_CONTEXT);if(!n)throw new Error("SkdxTabsList must be used within SkdxTabs");const l=(0,t.ref)(null),p=f.useDirection(),y=o=>{const i=f.directionalKey(o.key,o.currentTarget,p()),c=l.value;if(!c)return;const r=Array.from(c.querySelectorAll('[role="tab"]')).filter(a=>!a.hasAttribute("disabled"));if(r.length===0)return;const u=r.indexOf(document.activeElement),d=n.orientation()==="vertical",g=d?["ArrowDown"]:["ArrowRight"],v=d?["ArrowUp"]:["ArrowLeft"];let e;if(g.includes(i)?(e=u+1,e>=r.length&&(e=s.loop?0:r.length-1)):v.includes(i)?(e=u-1,e<0&&(e=s.loop?r.length-1:0)):i==="Home"?e=0:i==="End"&&(e=r.length-1),e!==void 0){o.preventDefault();const a=r[e];n.arrowNavigating.current=!0;try{a?.focus()}finally{n.arrowNavigating.current=!1}a?.scrollIntoView?.({block:"nearest",inline:"nearest"})}};return(o,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-tabs__list","data-part":"list",ref_key:"listRef",ref:l,role:"tablist","aria-orientation":(0,t.unref)(n).orientation(),"data-orientation":(0,t.unref)(n).orientation(),onKeydown:y},[(0,t.renderSlot)(o.$slots,"default")],40,h))}});exports.default=b;

package/dist/tabs/TabsList.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABS_CONTEXT as t}from"./context.js";import{directionalKey as e,useDirection as o}from"../utils/direction.js";import{createElementBlock as r,defineComponent as n,inject as a,openBlock as i,ref as s,renderSlot as l,unref as d}from"vue";var u=["aria-orientation","data-orientation"],c=/* @__PURE__ */n({__name:"TabsList",props:{loop:{type:Boolean,default:!0}},setup(n){const c=n,f=a(t);if(!f)throw new Error("SkdxTabsList must be used within SkdxTabs");const p=s(null),m=o(),b=t=>{const o=e(t.key,t.currentTarget,m()),r=p.value;if(!r)return;const n=Array.from(r.querySelectorAll('[role="tab"]')).filter(t=>!t.hasAttribute("disabled"));if(0===n.length)return;const a=n.indexOf(document.activeElement),i="vertical"===f.orientation(),s=i?["ArrowUp"]:["ArrowLeft"];let l;(i?["ArrowDown"]:["ArrowRight"]).includes(o)?(l=a+1,l>=n.length&&(l=c.loop?0:n.length-1)):s.includes(o)?(l=a-1,l<0&&(l=c.loop?n.length-1:0)):"Home"===o?l=0:"End"===o&&(l=n.length-1),void 0!==l&&(t.preventDefault(),n[l]?.focus())};return(t,e)=>(i(),r("div",{class:"skdx-tabs__list","data-part":"list",ref_key:"listRef",ref:p,role:"tablist","aria-orientation":d(f).orientation(),"data-orientation":d(f).orientation(),onKeydown:b},[l(t.$slots,"default")],40,u))}});export{c as default};
+import{TABS_CONTEXT as t}from"./context.js";import{directionalKey as e,useDirection as r}from"../utils/direction.js";import{createElementBlock as o,defineComponent as n,inject as a,openBlock as i,ref as s,renderSlot as l,unref as c}from"vue";var u=["aria-orientation","data-orientation"],d=/* @__PURE__ */n({__name:"TabsList",props:{loop:{type:Boolean,default:!0}},setup(n){const d=n,f=a(t);if(!f)throw new Error("SkdxTabsList must be used within SkdxTabs");const p=s(null),m=r(),w=t=>{const r=e(t.key,t.currentTarget,m()),o=p.value;if(!o)return;const n=Array.from(o.querySelectorAll('[role="tab"]')).filter(t=>!t.hasAttribute("disabled"));if(0===n.length)return;const a=n.indexOf(document.activeElement),i="vertical"===f.orientation(),s=i?["ArrowUp"]:["ArrowLeft"];let l;if((i?["ArrowDown"]:["ArrowRight"]).includes(r)?(l=a+1,l>=n.length&&(l=d.loop?0:n.length-1)):s.includes(r)?(l=a-1,l<0&&(l=d.loop?n.length-1:0)):"Home"===r?l=0:"End"===r&&(l=n.length-1),void 0!==l){t.preventDefault();const e=n[l];f.arrowNavigating.current=!0;try{e?.focus()}finally{f.arrowNavigating.current=!1}e?.scrollIntoView?.({block:"nearest",inline:"nearest"})}};return(t,e)=>(i(),o("div",{class:"skdx-tabs__list","data-part":"list",ref_key:"listRef",ref:p,role:"tablist","aria-orientation":c(f).orientation(),"data-orientation":c(f).orientation(),onKeydown:w},[l(t.$slots,"default")],40,u))}});export{d as default};

package/dist/tabs/TabsTrigger.vue.d.cts

@@ -1,13 +1,15 @@
 /**
- * A single tab button. Renders `role="tab"` with `aria-selected` and
- * `data-state="active" | "inactive"` for styling; selecting it (click, or
- * focus when `activationMode="automatic"`) updates the parent `SkdxTabs`'
- * value.
+ * Tab button, renders `role="tab"` with `aria-selected` and `data-state`.
+ * Selecting updates parent `SkdxTabs` value via click or focus (if automatic).
  */
 type __VLS_Props = {
     /** Unique identifier matched against a sibling `SkdxTabsContent`'s `value`. */
     value: string;
-    /** Excludes this trigger from focus/arrow-key navigation and selection. */
+    /**
+     * Excludes this trigger from focus/arrow-key navigation and selection, and
+     * keeps it out of the tab order. OR-ed with the root's `disabled`, never
+     * overridden.
+     */
     disabled?: boolean;
 };
 declare var __VLS_1: {};

package/dist/tabs/TabsTrigger.vue.d.ts

@@ -1,13 +1,15 @@
 /**
- * A single tab button. Renders `role="tab"` with `aria-selected` and
- * `data-state="active" | "inactive"` for styling; selecting it (click, or
- * focus when `activationMode="automatic"`) updates the parent `SkdxTabs`'
- * value.
+ * Tab button, renders `role="tab"` with `aria-selected` and `data-state`.
+ * Selecting updates parent `SkdxTabs` value via click or focus (if automatic).
  */
 type __VLS_Props = {
     /** Unique identifier matched against a sibling `SkdxTabsContent`'s `value`. */
     value: string;
-    /** Excludes this trigger from focus/arrow-key navigation and selection. */
+    /**
+     * Excludes this trigger from focus/arrow-key navigation and selection, and
+     * keeps it out of the tab order. OR-ed with the root's `disabled`, never
+     * overridden.
+     */
     disabled?: boolean;
 };
 declare var __VLS_1: {};

package/dist/tabs/TabsTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let t=require("vue");var b=["id","aria-selected","aria-controls","data-state","data-disabled","data-orientation","data-value","disabled","tabindex"],g=(0,t.defineComponent)({__name:"TabsTrigger",props:{value:{},disabled:{type:Boolean,default:!1}},setup(l){const e=l,a=(0,t.inject)(r.TABS_CONTEXT);if(!a)throw new Error("SkdxTabsTrigger must be used within SkdxTabs");a.registerTrigger(e.value,e.disabled),(0,t.onUnmounted)(()=>a.unregisterTrigger(e.value));const n=(0,t.computed)(()=>a.selectedValue()===e.value),i=(0,t.computed)(()=>r.makeTriggerId(a.baseId,e.value)),u=(0,t.computed)(()=>r.makeContentId(a.baseId,e.value)),s=(0,t.computed)(()=>n.value||a.selectedValue()===void 0&&a.firstEnabledValue()===e.value?0:-1),o=()=>{e.disabled||a.setValue(e.value)},c=()=>{a.activationMode()==="automatic"&&!e.disabled&&!n.value&&a.setValue(e.value)},v=d=>{(d.key===" "||d.key==="Enter")&&!e.disabled&&(d.preventDefault(),a.setValue(e.value))};return(d,f)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{class:"skdx-tabs__trigger","data-part":"trigger",type:"button",role:"tab",id:i.value,"aria-selected":n.value,"aria-controls":u.value,"data-state":n.value?"active":"inactive","data-disabled":l.disabled?"":null,"data-orientation":(0,t.unref)(a).orientation(),"data-value":l.value,disabled:l.disabled,tabindex:s.value,onClick:o,onFocus:c,onKeydown:v},[(0,t.renderSlot)(d.$slots,"default")],40,b))}});exports.default=g;
+const u=require("./context.cjs");let a=require("vue");var m=["id","aria-selected","aria-controls","data-state","data-disabled","data-orientation","data-value","disabled","tabindex"],k=(0,a.defineComponent)({__name:"TabsTrigger",props:{value:{},disabled:{type:Boolean,default:!1}},setup(d){const t=d,e=(0,a.inject)(u.TABS_CONTEXT);if(!e)throw new Error("SkdxTabsTrigger must be used within SkdxTabs");const l=(0,a.computed)(()=>e.disabled()||t.disabled);e.registerTrigger(t.value,t.disabled),(0,a.onUnmounted)(()=>e.unregisterTrigger(t.value));const r=(0,a.computed)(()=>e.selectedValue()===t.value),i=(0,a.computed)(()=>u.makeTriggerId(e.baseId,t.value)),s=(0,a.computed)(()=>u.makeContentId(e.baseId,t.value)),c=(0,a.computed)(()=>r.value||e.isContentMounted(t.value)?s.value:void 0),v=(0,a.computed)(()=>l.value?-1:r.value||e.selectedValue()===void 0&&e.firstEnabledValue()===t.value?0:-1),o=(0,a.ref)(!1),b=()=>{o.value=!0},g=()=>{o.value=!1},p=()=>{l.value||e.setValue(t.value,"pointer")},f=()=>{const n=o.value||e.arrowNavigating.current;e.activationMode()==="automatic"&&n&&!l.value&&!r.value&&e.setValue(t.value,o.value?"pointer":"keyboard")},_=n=>{(n.key===" "||n.key==="Enter")&&!l.value&&(n.preventDefault(),e.setValue(t.value,"keyboard"))};return(n,T)=>((0,a.openBlock)(),(0,a.createElementBlock)("button",{class:"skdx-tabs__trigger","data-part":"trigger",type:"button",role:"tab",id:i.value,"aria-selected":r.value,"aria-controls":c.value,"data-state":r.value?"active":"inactive","data-disabled":l.value?"":null,"data-orientation":(0,a.unref)(e).orientation(),"data-value":d.value,disabled:l.value,tabindex:v.value,onPointerdown:b,onBlur:g,onClick:p,onFocus:f,onKeydown:_},[(0,a.renderSlot)(n.$slots,"default")],40,m))}});exports.default=k;

package/dist/tabs/TabsTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABS_CONTEXT as e,makeContentId as a,makeTriggerId as t}from"./context.js";import{computed as l,createElementBlock as d,defineComponent as s,inject as i,onUnmounted as r,openBlock as o,renderSlot as n,unref as u}from"vue";var v=["id","aria-selected","aria-controls","data-state","data-disabled","data-orientation","data-value","disabled","tabindex"],b=/* @__PURE__ */s({__name:"TabsTrigger",props:{value:{},disabled:{type:Boolean,default:!1}},setup(s){const b=s,c=i(e);if(!c)throw new Error("SkdxTabsTrigger must be used within SkdxTabs");c.registerTrigger(b.value,b.disabled),r(()=>c.unregisterTrigger(b.value));const g=l(()=>c.selectedValue()===b.value),m=l(()=>t(c.baseId,b.value)),p=l(()=>a(c.baseId,b.value)),T=l(()=>g.value||void 0===c.selectedValue()&&c.firstEnabledValue()===b.value?0:-1),f=()=>{b.disabled||c.setValue(b.value)},k=()=>{"automatic"===c.activationMode()&&!b.disabled&&!g.value&&c.setValue(b.value)},x=e=>{(" "===e.key||"Enter"===e.key)&&!b.disabled&&(e.preventDefault(),c.setValue(b.value))};return(e,a)=>(o(),d("button",{class:"skdx-tabs__trigger","data-part":"trigger",type:"button",role:"tab",id:m.value,"aria-selected":g.value,"aria-controls":p.value,"data-state":g.value?"active":"inactive","data-disabled":s.disabled?"":null,"data-orientation":u(c).orientation(),"data-value":s.value,disabled:s.disabled,tabindex:T.value,onClick:f,onFocus:k,onKeydown:x},[n(e.$slots,"default")],40,v))}});export{b as default};
+import{TABS_CONTEXT as e,makeContentId as a,makeTriggerId as t}from"./context.js";import{computed as l,createElementBlock as o,defineComponent as r,inject as u,onUnmounted as d,openBlock as n,ref as s,renderSlot as i,unref as v}from"vue";var c=["id","aria-selected","aria-controls","data-state","data-disabled","data-orientation","data-value","disabled","tabindex"],b=/* @__PURE__ */r({__name:"TabsTrigger",props:{value:{},disabled:{type:Boolean,default:!1}},setup(r){const b=r,g=u(e);if(!g)throw new Error("SkdxTabsTrigger must be used within SkdxTabs");const p=l(()=>g.disabled()||b.disabled);g.registerTrigger(b.value,b.disabled),d(()=>g.unregisterTrigger(b.value));const m=l(()=>g.selectedValue()===b.value),k=l(()=>t(g.baseId,b.value)),f=l(()=>a(g.baseId,b.value)),T=l(()=>m.value||g.isContentMounted(b.value)?f.value:void 0),x=l(()=>p.value?-1:m.value||void 0===g.selectedValue()&&g.firstEnabledValue()===b.value?0:-1),y=s(!1),w=()=>{y.value=!0},V=()=>{y.value=!1},B=()=>{p.value||g.setValue(b.value,"pointer")},C=()=>{const e=y.value||g.arrowNavigating.current;"automatic"===g.activationMode()&&e&&!p.value&&!m.value&&g.setValue(b.value,y.value?"pointer":"keyboard")},E=e=>{(" "===e.key||"Enter"===e.key)&&!p.value&&(e.preventDefault(),g.setValue(b.value,"keyboard"))};return(e,a)=>(n(),o("button",{class:"skdx-tabs__trigger","data-part":"trigger",type:"button",role:"tab",id:k.value,"aria-selected":m.value,"aria-controls":T.value,"data-state":m.value?"active":"inactive","data-disabled":p.value?"":null,"data-orientation":v(g).orientation(),"data-value":r.value,disabled:p.value,tabindex:x.value,onPointerdown:w,onBlur:V,onClick:B,onFocus:C,onKeydown:E},[i(e.$slots,"default")],40,c))}});export{b as default};

package/dist/tabs/context.d.cts

@@ -1,4 +1,17 @@
 import type { InjectionKey } from 'vue';
+/** Change reason: keyboard, pointer, or programmatic. */
+export type TabsChangeReason = 'keyboard' | 'pointer' | 'programmatic';
+/**
+ * Value-change event: new/previous values + driver.
+ */
+export interface TabsValueChangeDetail {
+    /** Now-selected tab. */
+    value: string;
+    /** Previously selected tab or null. */
+    previousValue: string | null;
+    /** Change driver. */
+    reason: TabsChangeReason;
+}
 /** @internal Whether a Tabs list runs horizontally or vertically. */
 export type TabsOrientation = 'horizontal' | 'vertical';
 /** @internal Whether focusing a tab selects it immediately (automatic) or only on Enter/Space (manual). */
@@ -17,7 +30,30 @@ export interface TabsContext {
     activationMode: () => TabsActivationMode;
     selectedValue: () => string | undefined;
     firstEnabledValue: () => string | null;
-    setValue(value: string): void;
+    /** The root's `disabled`, OR-ed into every trigger's own. */
+    disabled: () => boolean;
+    /**
+     * Whether the focus currently being dispatched was moved by the tablist's own
+     * Arrow/Home/End handling. Raised and lowered by `SkdxTabsList` around the
+     * synchronous `focus()` call, and read by a trigger's focus handler so
+     * automatic activation fires for a keyboard *browse* and not for every focus
+     * event. A plain mutable object rather than a `ref`: it is a fact about the
+     * event being dispatched right now, read synchronously inside that dispatch,
+     * and nothing renders from it.
+     */
+    arrowNavigating: {
+        current: boolean;
+    };
+    /**
+     * Whether the panel for `value` is currently in the DOM, so a trigger only
+     * publishes `aria-controls` for one that exists. The panels report
+     * themselves: `forceMount` lives on the panel and a trigger cannot see it.
+     */
+    isContentMounted(value: string): boolean;
+    registerContent(value: string): void;
+    unregisterContent(value: string): void;
+    /** Selects `value` and reports it, tagged with what drove the selection. */
+    setValue(value: string, reason: TabsChangeReason): void;
     registerTrigger(value: string, disabled: boolean): void;
     unregisterTrigger(value: string): void;
 }

package/dist/tabs/context.d.ts

@@ -1,4 +1,17 @@
 import type { InjectionKey } from 'vue';
+/** Change reason: keyboard, pointer, or programmatic. */
+export type TabsChangeReason = 'keyboard' | 'pointer' | 'programmatic';
+/**
+ * Value-change event: new/previous values + driver.
+ */
+export interface TabsValueChangeDetail {
+    /** Now-selected tab. */
+    value: string;
+    /** Previously selected tab or null. */
+    previousValue: string | null;
+    /** Change driver. */
+    reason: TabsChangeReason;
+}
 /** @internal Whether a Tabs list runs horizontally or vertically. */
 export type TabsOrientation = 'horizontal' | 'vertical';
 /** @internal Whether focusing a tab selects it immediately (automatic) or only on Enter/Space (manual). */
@@ -17,7 +30,30 @@ export interface TabsContext {
     activationMode: () => TabsActivationMode;
     selectedValue: () => string | undefined;
     firstEnabledValue: () => string | null;
-    setValue(value: string): void;
+    /** The root's `disabled`, OR-ed into every trigger's own. */
+    disabled: () => boolean;
+    /**
+     * Whether the focus currently being dispatched was moved by the tablist's own
+     * Arrow/Home/End handling. Raised and lowered by `SkdxTabsList` around the
+     * synchronous `focus()` call, and read by a trigger's focus handler so
+     * automatic activation fires for a keyboard *browse* and not for every focus
+     * event. A plain mutable object rather than a `ref`: it is a fact about the
+     * event being dispatched right now, read synchronously inside that dispatch,
+     * and nothing renders from it.
+     */
+    arrowNavigating: {
+        current: boolean;
+    };
+    /**
+     * Whether the panel for `value` is currently in the DOM, so a trigger only
+     * publishes `aria-controls` for one that exists. The panels report
+     * themselves: `forceMount` lives on the panel and a trigger cannot see it.
+     */
+    isContentMounted(value: string): boolean;
+    registerContent(value: string): void;
+    unregisterContent(value: string): void;
+    /** Selects `value` and reports it, tagged with what drove the selection. */
+    setValue(value: string, reason: TabsChangeReason): void;
     registerTrigger(value: string, disabled: boolean): void;
     unregisterTrigger(value: string): void;
 }

package/dist/tabs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tabs.vue.cjs"),r=require("./TabsList.vue.cjs"),t=require("./TabsTrigger.vue.cjs"),a=require("./TabsContent.vue.cjs");exports.SkdxTabs=e.default;exports.SkdxTabsContent=a.default;exports.SkdxTabsList=r.default;exports.SkdxTabsTrigger=t.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tabs.vue.cjs");exports.SkdxTabs=e.default;

package/dist/tabs/index.d.cts

@@ -1,4 +1,3 @@
 export { default as SkdxTabs } from './Tabs.vue.cjs';
-export { default as SkdxTabsList } from './TabsList.vue.cjs';
-export { default as SkdxTabsTrigger } from './TabsTrigger.vue.cjs';
-export { default as SkdxTabsContent } from './TabsContent.vue.cjs';
+export type { TabsItem } from './types.cjs';
+export type { TabsChangeReason, TabsValueChangeDetail } from './context.cjs';