npm - @skdx/vue - Versions diffs - 0.26.0 → 0.28.0 - Mend

@skdx/vue 0.26.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3287) hide show

package/dist/tag-group/TagGroup.vue.d.cts CHANGED Viewed

@@ -1,35 +1,60 @@
-import { type TagGroupOrientation } from './context.cjs';
+import { type TagGroupOrientation, type TagRemovedDetail } from './context.cjs';
+import type { TagGroupTag } from './types.cjs';
 /**
- * The Vue implementation of the shared TagGroup contract (see `@skdx/shared`'s
- * `tagGroupContract`). A keyboard-navigable list of `<SkdxTag>`s: renders
- * `<div role="list">` and gives the whole group a *single* Tab stop, with the
- * arrow keys (plus `Home`/`End`) moving between tags.
+ * Keyboard-navigable list of `<SkdxTag>`s with single Tab stop. Arrow keys
+ * navigate between tags; when deleted, focus moves to the next tag instead of
+ * falling back to `<body>`.
  *
- * Its real job is the other half of that: when a tag is deleted, focus moves
- * to the neighbouring tag (or to the group when the last one goes) instead of
- * falling back to `<body>`, so deleting three tags in a row takes three
- * `Delete` presses rather than three trips back through the document.
+ * Auto-derives `SkdxTag` items from `tags` prop, or use the default slot to
+ * compose. Requires `aria-label` or `aria-labelledby` since `role="list"` has
+ * no implicit name.
  *
- * The group holds no tag data — each `<SkdxTag>` emits its own `delete`, so the
- * list can come from anywhere. Name the group with `aria-label` or
- * `aria-labelledby`; `role="list"` has no implicit name.
+ * @example
+ * ```vue
+ * <SkdxTagGroup
+ *   aria-label="Topics"
+ *   :tags="[{ value: 'react', label: 'react' }]"
+ *   @remove="onRemove"
+ * />
+ * ```
  */
 type __VLS_Props = {
-    /** Layout axis, exposed as `data-orientation` and used to pick Arrow Left/Right vs. Arrow Up/Down. */
+    /** Layout axis for arrow-key navigation, exposed as `data-orientation`. */
     orientation?: TagGroupOrientation;
-    /** Whether arrow-key navigation wraps from the last tag back to the first, and vice versa. */
+    /** Whether arrow-key navigation wraps at group boundaries. */
     loop?: boolean;
-    /** Disables every tag in the group: none can be removed, and each mirrors `data-disabled`. */
+    /**
+     * Disables every tag in the group: none can be removed, each mirrors
+     * `data-disabled`, and arrow-key navigation skips them all.
+     */
     disabled?: boolean;
+    /**
+     * The tags the group renders, one derived `SkdxTag` each, in this order —
+     * which is the roving order too. Ignored once the default slot supplies
+     * its own tags.
+     * @default undefined — nothing is derived; compose the tags in the default slot.
+     */
+    tags?: readonly TagGroupTag[];
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => any;
+} & {
+    list?: (props: typeof __VLS_5) => any;
+} & {
+    empty?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: (detail: TagRemovedDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((detail: TagRemovedDetail) => any) | undefined;
+}>, {
     disabled: boolean;
-    orientation: TagGroupOrientation;
     loop: boolean;
+    orientation: TagGroupOrientation;
+    tags: readonly TagGroupTag[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tag-group/TagGroup.vue.d.ts CHANGED Viewed

@@ -1,35 +1,60 @@
-import { type TagGroupOrientation } from './context.js';
+import { type TagGroupOrientation, type TagRemovedDetail } from './context.js';
+import type { TagGroupTag } from './types.js';
 /**
- * The Vue implementation of the shared TagGroup contract (see `@skdx/shared`'s
- * `tagGroupContract`). A keyboard-navigable list of `<SkdxTag>`s: renders
- * `<div role="list">` and gives the whole group a *single* Tab stop, with the
- * arrow keys (plus `Home`/`End`) moving between tags.
+ * Keyboard-navigable list of `<SkdxTag>`s with single Tab stop. Arrow keys
+ * navigate between tags; when deleted, focus moves to the next tag instead of
+ * falling back to `<body>`.
  *
- * Its real job is the other half of that: when a tag is deleted, focus moves
- * to the neighbouring tag (or to the group when the last one goes) instead of
- * falling back to `<body>`, so deleting three tags in a row takes three
- * `Delete` presses rather than three trips back through the document.
+ * Auto-derives `SkdxTag` items from `tags` prop, or use the default slot to
+ * compose. Requires `aria-label` or `aria-labelledby` since `role="list"` has
+ * no implicit name.
  *
- * The group holds no tag data — each `<SkdxTag>` emits its own `delete`, so the
- * list can come from anywhere. Name the group with `aria-label` or
- * `aria-labelledby`; `role="list"` has no implicit name.
+ * @example
+ * ```vue
+ * <SkdxTagGroup
+ *   aria-label="Topics"
+ *   :tags="[{ value: 'react', label: 'react' }]"
+ *   @remove="onRemove"
+ * />
+ * ```
  */
 type __VLS_Props = {
-    /** Layout axis, exposed as `data-orientation` and used to pick Arrow Left/Right vs. Arrow Up/Down. */
+    /** Layout axis for arrow-key navigation, exposed as `data-orientation`. */
     orientation?: TagGroupOrientation;
-    /** Whether arrow-key navigation wraps from the last tag back to the first, and vice versa. */
+    /** Whether arrow-key navigation wraps at group boundaries. */
     loop?: boolean;
-    /** Disables every tag in the group: none can be removed, and each mirrors `data-disabled`. */
+    /**
+     * Disables every tag in the group: none can be removed, each mirrors
+     * `data-disabled`, and arrow-key navigation skips them all.
+     */
     disabled?: boolean;
+    /**
+     * The tags the group renders, one derived `SkdxTag` each, in this order —
+     * which is the roving order too. Ignored once the default slot supplies
+     * its own tags.
+     * @default undefined — nothing is derived; compose the tags in the default slot.
+     */
+    tags?: readonly TagGroupTag[];
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => any;
+} & {
+    list?: (props: typeof __VLS_5) => any;
+} & {
+    empty?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: (detail: TagRemovedDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((detail: TagRemovedDetail) => any) | undefined;
+}>, {
     disabled: boolean;
-    orientation: TagGroupOrientation;
     loop: boolean;
+    orientation: TagGroupOrientation;
+    tags: readonly TagGroupTag[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tag-group/TagGroup.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const s=require("../utils/useRovingFocus.cjs"),i=require("./context.cjs");let e=require("vue");var p=["data-orientation","data-disabled"],v=(0,e.defineComponent)({__name:"TagGroup",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},setup(o){const a=o,n=(0,e.ref)(0),t=(0,e.ref)(0),d=(0,e.computed)(()=>s.useRovingFocus({orientation:a.orientation,loop:a.loop,itemSelector:i.TAG_SELECTOR}));return(0,e.provide)(i.TAG_GROUP_CONTEXT,{tabStopIndex:(0,e.computed)(()=>t.value~~===~~0?n.~~value:Math.min~~(n.value,t.value~~-1))~~,~~setActiveIndex~~(r){n.value=r},~~register~~(){return t.value+=1,()=>{t.value-=1}},disabled:(0,e.computed)(()=>a.disabled)}),(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-tag-group","data-part":"root","data-skdx-component":"tag-group",role:"list","data-skdx-tag-group":"","data-orientation":o.orientation,"data-disabled":o.disabled?"":void 0,tabindex:-1,onKeydown:u[0]\|\|(u[0]=(...l)=>d.value&&d.value(...l))},[(0,e.renderSlot)(r.$slots,"default")],40,p))}});exports.default=v;
1	+ const G=require("../utils/useRovingFocus.cjs"),n=require("./context.cjs"),I=require("./TagGroupAnatomy.vue.cjs");let e=require("vue");var O=["role","data-orientation","data-disabled","aria-labelledby"],q=(0,e.defineComponent)({__name:"TagGroup",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},tags:{default:void 0}},emits:["remove"],setup(r,{emit:S}){const i=r,_=S,g=(0,e.useAttrs)(),w=(0,e.getCurrentInstance)(),A=()=>w?.vnode.props?.onRemove!=null,s=(0,e.ref)(0),l=(0,e.ref)(0),u=(0,e.ref)(void 0),d=(0,e.ref)(0),c=(0,e.computed)(()=>d.value>0),y=new Map,v=(0,e.ref)(null),T=(0,e.computed)(()=>({"aria-label":g["aria-label"],"aria-labelledby":u.value??g["aria-labelledby"]}));let m=null;const R=(0,e.computed)(()=>l.value===0?s.value:Math.min(s.value,l.value-1));(0,e.watch)(l,async(t,a)=>{if(t>=a)return;await(0,e.nextTick)();const o=v.value,C=m;if(!o\|\|!C\|\|C.isConnected)return;const E=o.ownerDocument,p=E.activeElement;if(p&&p!==E.body&&p.isConnected)return;m=null;const b=Array.from(o.querySelectorAll(n.TAG_SELECTOR)),f=b[Math.min(R.value,b.length-1)];(f??o).focus(),f&&(s.value=b.indexOf(f))});const k=(0,e.computed)(()=>G.useRovingFocus({orientation:i.orientation,loop:i.loop,itemSelector:n.TAG_SELECTOR,scopeSelector:n.TAG_GROUP_SELECTOR}));return(0,e.provide)(n.TAG_GROUP_CONTEXT,{tabStopIndex:R,setActiveIndex(t){s.value=t;const a=v.value,o=a?.ownerDocument.activeElement;a&&o&&a.contains(o)&&(m=o)},register(t){return l.value+=1,n.warnOnDuplicateIndex(y,t,1),()=>{l.value-=1,n.warnOnDuplicateIndex(y,t,-1)}},onTagRemoved(t){_("remove",t)},count:(0,e.computed)(()=>l.value),labelId:(0,e.computed)(()=>u.value),registerLabel(t){return u.value=t,()=>{u.value===t&&(u.value=void 0)}},hasList:c,registerList(){return d.value+=1,()=>{d.value-=1}},labelling:T,orientation:(0,e.computed)(()=>i.orientation),disabled:(0,e.computed)(()=>i.disabled)}),(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-tag-group","data-part":"root","data-skdx-component":"tag-group",role:c.value?void 0:"list","data-skdx-tag-group":"","data-orientation":r.orientation,"data-disabled":r.disabled?"":void 0,"aria-labelledby":c.value?void 0:T.value["aria-labelledby"],tabindex:-1,ref_key:"rootRef",ref:v,onKeydown:a[0]\|\|(a[0]=(...o)=>k.value&&k.value(...o))},[(0,e.renderSlot)(t.$slots,"default",{},()=>[r.tags?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.renderSlot)(t.$slots,"label"),(0,e.renderSlot)(t.$slots,"list",{},()=>[(0,e.createVNode)(I.default,{tags:r.tags,removable:A()},null,8,["tags","removable"])]),l.value===0?(0,e.renderSlot)(t.$slots,"empty",{key:0}):(0,e.createCommentVNode)("",!0)],64)):(0,e.createCommentVNode)("",!0)])],40,O))}});exports.default=q;

package/dist/tag-group/TagGroup.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useRovingFocus as a}from"../utils/useRovingFocus.js";import{TAG_GROUP_CONTEXT as e,TAG_SELECTOR as o}from"./context.js";import{computed as t,createElementBlock as d,defineComponent as s,openBlock as l,provide as i,ref as n,renderSlot as r}from"vue";var u=["data-orientation","data-disabled"],p=/* @__PURE__ */s({__name:"TagGroup",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},setup(s){const p=s,v=n(0),m=n(0),c=t(()=>a({orientation:p.orientation,loop:p.loop,itemSelector:o}));return i(e,{tabStopIndex:t(()=>~~0===m~~.value?v.value:~~Math.min~~(v.value,m.value-1)),~~setActiveIndex~~(a){v.value=a},~~register~~:()=>(m.value+=1,()=>{m.value-=1}),disabled:t(()=>p.disabled)}),(a,e)=>(l(),d("div",{class:"skdx-tag-group","data-part":"root","data-skdx-component":"tag-group",role:"list","data-skdx-tag-group":"","data-orientation":s.orientation,"data-disabled":s.disabled?"":void 0,tabindex:-1,onKeydown:e[0]\|\|(e[0]=(...a)=>c.value&&c.value(...a))},[r(a.$slots,"default")],40,u))}});export{p as default};
1	+ import{useRovingFocus as e}from"../utils/useRovingFocus.js";import{TAG_GROUP_CONTEXT as a,TAG_GROUP_SELECTOR as t,TAG_SELECTOR as o,warnOnDuplicateIndex as l}from"./context.js";import n from"./TagGroupAnatomy.vue.js";import{Fragment as s,computed as r,createCommentVNode as i,createElementBlock as u,createVNode as d,defineComponent as v,getCurrentInstance as c,nextTick as m,openBlock as p,provide as b,ref as g,renderSlot as f,useAttrs as y,watch as x}from"vue";var T=["role","data-orientation","data-disabled","aria-labelledby"],k=/* @__PURE__ /v({__name:"TagGroup",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},tags:{default:void 0}},emits:["remove"],setup(v,{emit:k}){const R=v,A=k,C=y(),E=c(),_=g(0),w=g(0),G=g(void 0),O=g(0),S=r(()=>O.value>0),h=/ @__PURE__ */new Map,I=g(null),L=r(()=>({"aria-label":C["aria-label"],"aria-labelledby":G.value??C["aria-labelledby"]}));let B=null;const $=r(()=>0===w.value?_.value:Math.min(_.value,w.value-1));x(w,async(e,a)=>{if(e>=a)return;await m();const t=I.value;if(!t\|\|!B\|\|B.isConnected)return;const l=t.ownerDocument,n=l.activeElement;if(n&&n!==l.body&&n.isConnected)return;B=null;const s=Array.from(t.querySelectorAll(o)),r=s[Math.min($.value,s.length-1)];(r??t).focus(),r&&(_.value=s.indexOf(r))});const j=r(()=>e({orientation:R.orientation,loop:R.loop,itemSelector:o,scopeSelector:t}));return b(a,{tabStopIndex:$,setActiveIndex(e){_.value=e;const a=I.value,t=a?.ownerDocument.activeElement;a&&t&&a.contains(t)&&(B=t)},register:e=>(w.value+=1,l(h,e,1),()=>{w.value-=1,l(h,e,-1)}),onTagRemoved(e){A("remove",e)},count:r(()=>w.value),labelId:r(()=>G.value),registerLabel:e=>(G.value=e,()=>{G.value===e&&(G.value=void 0)}),hasList:S,registerList:()=>(O.value+=1,()=>{O.value-=1}),labelling:L,orientation:r(()=>R.orientation),disabled:r(()=>R.disabled)}),(e,a)=>(p(),u("div",{class:"skdx-tag-group","data-part":"root","data-skdx-component":"tag-group",role:S.value?void 0:"list","data-skdx-tag-group":"","data-orientation":v.orientation,"data-disabled":v.disabled?"":void 0,"aria-labelledby":S.value?void 0:L.value["aria-labelledby"],tabindex:-1,ref_key:"rootRef",ref:I,onKeydown:a[0]\|\|(a[0]=(...e)=>j.value&&j.value(...e))},[f(e.$slots,"default",{},()=>[v.tags?(p(),u(s,{key:0},[f(e.$slots,"label"),f(e.$slots,"list",{},()=>[d(n,{tags:v.tags,removable:null!=E?.vnode.props?.onRemove},null,8,["tags","removable"])]),0===w.value?f(e.$slots,"empty",{key:0}):i("",!0)],64)):i("",!0)])],40,T))}});export{k as default};

package/dist/tag-group/TagGroupAnatomy.vue.cjs ADDED Viewed

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

package/dist/tag-group/TagGroupAnatomy.vue.d.cts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { TagGroupTag } from './types.cjs';
+/**
+ * Anatomy when default slot empty: one tag per entry (with roving position, delete if removable).
+ * React port's `TagGroupAnatomy.tsx` must stay synchronized.
+ * @internal
+ */
+type __VLS_Props = {
+    tags: readonly TagGroupTag[];
+    removable: boolean;
+};
+declare const _default: 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>;
+export default _default;

package/dist/tag-group/TagGroupAnatomy.vue.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { TagGroupTag } from './types.js';
+/**
+ * Anatomy when default slot empty: one tag per entry (with roving position, delete if removable).
+ * React port's `TagGroupAnatomy.tsx` must stay synchronized.
+ * @internal
+ */
+type __VLS_Props = {
+    tags: readonly TagGroupTag[];
+    removable: boolean;
+};
+declare const _default: 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>;
+export default _default;

package/dist/tag-group/TagGroupAnatomy.vue.js ADDED Viewed

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

package/dist/tag-group/TagGroupAnatomy.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const l=require("../tag/TagDelete.vue.cjs"),u=require("../tag/TagDeleteIcon.vue.cjs"),o=require("../tag/Tag.vue.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"TagGroupAnatomy",props:{tags:{},removable:{type:Boolean}},setup(r){return(c,d)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.tags,(t,a)=>((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:t.value,index:a,label:t.label,disabled:t.disabled},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label)+" ",1),r.removable?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default)]),_:1})):(0,e.createCommentVNode)("",!0)]),_:2},1032,["index","label","disabled"]))),128))}});exports.default=n;

package/dist/tag-group/TagGroupAnatomy.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"../tag/TagDelete.vue.js";import a from"../tag/TagDeleteIcon.vue.js";import t from"../tag/Tag.vue.js";import{Fragment as o,createBlock as l,createCommentVNode as s,createElementBlock as r,createTextVNode as m,createVNode as d,defineComponent as n,openBlock as i,renderList as p,toDisplayString as g,withCtx as u}from"vue";var b=/* @__PURE__ */n({__name:"TagGroupAnatomy",props:{tags:{},removable:{type:Boolean}},setup:n=>(b,c)=>(i(!0),r(o,null,p(n.tags,(o,r)=>(i(),l(t,{key:o.value,index:r,label:o.label,disabled:o.disabled},{default:u(()=>[m(g(o.label)+" ",1),n.removable?(i(),l(e,{key:0},{default:u(()=>[d(a)]),_:1})):s("",!0)]),_:2},1032,["index","label","disabled"]))),128))});export{b as default};

package/dist/tag-group/TagGroupEmpty.vue.cjs ADDED Viewed

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

package/dist/tag-group/TagGroupEmpty.vue.d.cts ADDED Viewed

@@ -0,0 +1,18 @@
+/**
+ * Content rendered when the tag group holds no tags. Shows/hides with the tag
+ * list itself, not a separate flag. Not a `listitem`: an empty list has no
+ * items.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tag-group/TagGroupEmpty.vue.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+/**
+ * Content rendered when the tag group holds no tags. Shows/hides with the tag
+ * list itself, not a separate flag. Not a `listitem`: an empty list has no
+ * items.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tag-group/TagGroupEmpty.vue.js ADDED Viewed

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

package/dist/tag-group/TagGroupEmpty.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const u=require("./context.cjs");let e=require("vue");var o={key:0,class:"skdx-tag-group__empty","data-part":"empty"},a=(0,e.defineComponent)({__name:"TagGroupEmpty",setup(n){const t=(0,e.inject)(u.TAG_GROUP_CONTEXT);if(!t)throw new Error("<SkdxTagGroupEmpty> must be used inside <SkdxTagGroup>.");return(r,_)=>(0,e.unref)(t).count.value===0?((0,e.openBlock)(),(0,e.createElementBlock)("div",o,[(0,e.renderSlot)(r.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=a;

package/dist/tag-group/TagGroupEmpty.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{TAG_GROUP_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as o,inject as r,openBlock as s,renderSlot as n,unref as p}from"vue";var m={key:0,class:"skdx-tag-group__empty","data-part":"empty"},u=/* @__PURE__ */o({__name:"TagGroupEmpty",setup(o){const u=r(e);if(!u)throw new Error("<SkdxTagGroupEmpty> must be used inside <SkdxTagGroup>.");return(e,o)=>0===p(u).count.value?(s(),a("div",m,[n(e.$slots,"default")])):t("",!0)}});export{u as default};

package/dist/tag-group/TagGroupLabel.vue.cjs ADDED Viewed

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

package/dist/tag-group/TagGroupLabel.vue.d.cts ADDED Viewed

@@ -0,0 +1,19 @@
+/** Visible heading and name for tag group via aria-labelledby. Pairs with `<SkdxTagGroupList>`. */
+type __VLS_Props = {
+    /** Explicit id, if the consumer needs to reference it themselves. @default a generated id */
+    id?: string;
+};
+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<{}>, {
+    id: 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/tag-group/TagGroupLabel.vue.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+/** Visible heading and name for tag group via aria-labelledby. Pairs with `<SkdxTagGroupList>`. */
+type __VLS_Props = {
+    /** Explicit id, if the consumer needs to reference it themselves. @default a generated id */
+    id?: string;
+};
+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<{}>, {
+    id: 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/tag-group/TagGroupLabel.vue.js ADDED Viewed

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

package/dist/tag-group/TagGroupLabel.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const l=require("./context.cjs");let e=require("vue");var n=["id"],d=(0,e.defineComponent)({__name:"TagGroupLabel",props:{id:{default:void 0}},setup(a){const o=a,t=(0,e.inject)(l.TAG_GROUP_CONTEXT);if(!t)throw new Error("<SkdxTagGroupLabel> must be used inside <SkdxTagGroup>.");const r=o.id??(0,e.useId)()??"skdx-tag-group-label";return(0,e.onUnmounted)(t.registerLabel(r)),(u,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tag-group__label","data-part":"label",id:(0,e.unref)(r)},[(0,e.renderSlot)(u.$slots,"default")],8,n))}});exports.default=d;

package/dist/tag-group/TagGroupLabel.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{TAG_GROUP_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as s,inject as o,onUnmounted as t,openBlock as r,renderSlot as d,unref as n,useId as l}from"vue";var u=["id"],p=/* @__PURE__ */s({__name:"TagGroupLabel",props:{id:{default:void 0}},setup(s){const p=s,i=o(e);if(!i)throw new Error("<SkdxTagGroupLabel> must be used inside <SkdxTagGroup>.");const m=p.id??l()??"skdx-tag-group-label";return t(i.registerLabel(m)),(e,s)=>(r(),a("span",{class:"skdx-tag-group__label","data-part":"label",id:n(m)},[d(e.$slots,"default")],8,u))}});export{p as default};

package/dist/tag-group/TagGroupList.vue.cjs ADDED Viewed

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

package/dist/tag-group/TagGroupList.vue.d.cts ADDED Viewed

@@ -0,0 +1,14 @@
+/** The `<ul>` holding tags when group has a visible heading. Optional; pairs with `<SkdxTagGroupLabel>`. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tag-group/TagGroupList.vue.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+/** The `<ul>` holding tags when group has a visible heading. Optional; pairs with `<SkdxTagGroupLabel>`. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tag-group/TagGroupList.vue.js ADDED Viewed

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

package/dist/tag-group/TagGroupList.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const l=require("./context.cjs");let e=require("vue");var r=["data-orientation","data-disabled","aria-label","aria-labelledby"],i=(0,e.defineComponent)({__name:"TagGroupList",setup(n){const a=(0,e.inject)(l.TAG_GROUP_CONTEXT);if(!a)throw new Error("<SkdxTagGroupList> must be used inside <SkdxTagGroup>.");return(0,e.onUnmounted)(a.registerList()),(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("ul",{class:"skdx-tag-group__list","data-part":"list",role:"list","data-orientation":(0,e.unref)(a).orientation.value,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"aria-label":(0,e.unref)(a).labelling.value["aria-label"],"aria-labelledby":(0,e.unref)(a).labelling.value["aria-labelledby"],tabindex:-1},[(0,e.renderSlot)(t.$slots,"default")],8,r))}});exports.default=i;

package/dist/tag-group/TagGroupList.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{TAG_GROUP_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as l,inject as t,onUnmounted as i,openBlock as r,renderSlot as o,unref as s}from"vue";var d=["data-orientation","data-disabled","aria-label","aria-labelledby"],n=/* @__PURE__ */l({__name:"TagGroupList",setup(l){const n=t(a);if(!n)throw new Error("<SkdxTagGroupList> must be used inside <SkdxTagGroup>.");return i(n.registerList()),(a,l)=>(r(),e("ul",{class:"skdx-tag-group__list","data-part":"list",role:"list","data-orientation":s(n).orientation.value,"data-disabled":s(n).disabled.value?"":void 0,"aria-label":s(n).labelling.value["aria-label"],"aria-labelledby":s(n).labelling.value["aria-labelledby"],tabindex:-1},[o(a.$slots,"default")],8,d))}});export{n as default};

package/dist/tag-group/context.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- var g="[data-skdx-tag-group]",c="[data-skdx-tag]",n=Symbol("skdx-tag-group-context");function u(o,T){const t=o?.closest("[data-skdx-tag-group]")??null,a=t?Array.from(t.querySelectorAll(c)):[],r=o?a.indexOf(o):-1,s=r===-1?void 0:a[r+1];return(s??a[r-1]??~~t)?.focus()~~,s?T:Math.max(T-1,0)}exports.TAG_GROUP_CONTEXT=n;exports.TAG_GROUP_SELECTOR=g;exports.TAG_SELECTOR=c;exports.~~focusTagNeighbor~~=u;
1	+ const u=require("../utils/is-dev-mode.cjs");var d="[data-skdx-tag-group]",s="[data-skdx-tag]";function g(t,r,o){const e=(t.get(r)??0)+o;e<=0?t.delete(r):t.set(r,e),o===1&&e>1&&u.isDevMode()&&console.warn(`[skdx] TagGroup: ${e} mounted Tags report index={${r}}. \`index\` must match render order — pass the array index from the v-for that produced the tags. Duplicates put more than one tag in the tab order; a gap leaves the group with none.`)}var T=Symbol("skdx-tag-group-context");function i(t,r){const o=t?.closest("[data-skdx-tag-group]")??null,e=o?Array.from(o.querySelectorAll(s)):[],a=t?e.indexOf(t):-1,n=a===-1?void 0:e[a+1];return{target:n??e[a-1]??o,index:n?r:Math.max(r-1,0)}}exports.TAG_GROUP_CONTEXT=T;exports.TAG_GROUP_SELECTOR=d;exports.TAG_SELECTOR=s;exports.resolveTagNeighbor=i;exports.warnOnDuplicateIndex=g;

package/dist/tag-group/context.d.cts CHANGED Viewed

@@ -1,41 +1,71 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /**
- * Layout axis of a `SkdxTagGroup`, which also picks the arrow-key axis. Mirrors
- * React's `TagGroupOrientation` (`packages/react/src/tag-group/types.ts:4`).
+ * Layout axis of a TagGroup; also picks the arrow-key axis.
  */
 export type TagGroupOrientation = 'horizontal' | 'vertical';
 /** @internal Marks the TagGroup root, so a tag being removed can find the group to fall back to. */
 export declare const TAG_GROUP_SELECTOR = "[data-skdx-tag-group]";
 /** @internal Marks a tag, so the group can discover its items from the DOM without a registration round-trip. */
 export declare const TAG_SELECTOR = "[data-skdx-tag]";
-/** @internal Shape a TagGroup provides so its `SkdxTag` children can join its single roving tab stop. */
+/** What a `SkdxTagGroup`'s `remove` event carries about the tag that just went. */
+export interface TagRemovedDetail {
+    /** The removed tag's own text, as it was passed to `SkdxTag`'s `label`. */
+    label: string;
+    /** The index the removed tag held. */
+    index: number;
+}
+/** @internal Context shape for TagGroup's roving tab stop and state. */
 export interface TagGroupContext {
-    /** Index of the tag that currently owns the group's single tab stop, clamped to the number of mounted tags. */
+    /** Current tab-stop index, clamped to mounted tag count. */
     tabStopIndex: ComputedRef<number>;
-    /** Claims the tab stop for the tag at `index` — on focus, and again after a removal shifts the indices. */
+    /** Claim tab stop for tag at index; called on focus and after removal shifts indices. */
     setActiveIndex: (index: number) => void;
-    /** Registers a mounted tag so the group knows how many exist; returns its unregister. */
-    register: () => () => void;
-    /** Whether the whole group is disabled. */
+    /** Register a tag; returns unregister. Catches duplicate indices. */
+    register: (index: number) => () => void;
+    /** Report un-prevented removal to the group. */
+    onTagRemoved: (detail: TagRemovedDetail) => void;
+    /** Mounted tag count. */
+    count: ComputedRef<number>;
+    /** TagGroupLabel id, if rendered, for aria-labelledby. */
+    labelId: ComputedRef<string | undefined>;
+    /** Register a label's id; returns unregister. */
+    registerLabel: (id: string) => () => void;
+    /** Whether TagGroupList is rendered; moves role="list" off root. */
+    hasList: ComputedRef<boolean>;
+    /** Register a list; returns unregister. */
+    registerList: () => () => void;
+    /** Root's aria-label/aria-labelledby, forwarded to List when present. */
+    labelling: ComputedRef<{
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+    }>;
+    /** Layout axis for data-orientation. */
+    orientation: ComputedRef<TagGroupOrientation>;
+    /** Group-level disabled state. */
     disabled: ComputedRef<boolean>;
 }
+/**
+ * Warn once when two tags claim the same index. Duplicates break roving tabindex;
+ * gaps make the group unreachable. Index must match render order. @internal
+ */
+export declare function warnOnDuplicateIndex(claimed: Map<number, number>, index: number, delta: 1 | -1): void;
 /** @internal Injection key a TagGroup provides so its tags share the roving tab stop and the group-level disabled flag. */
 export declare const TAG_GROUP_CONTEXT: InjectionKey<TagGroupContext>;
+/** @internal Where focus goes when the tag at some index is removed, and the index the newly focused tag will then hold. */
+export interface TagNeighbor {
+    /** The element to focus: the following tag, the preceding one, or the group root when this was the only tag. */
+    target: HTMLElement | null;
+    /** The index that element will hold once the removal lands. */
+    index: number;
+}
+/**
+ * Where focus goes when tag at index is removed: next tag, previous if last,
+ * or group root if only one. Doesn't move focus (delete event is cancelable).
+ * @internal
+ */
+export declare function resolveTagNeighbor(tag: HTMLElement | null, index: number): TagNeighbor;
 /**
- * Moves focus off the tag at `index` *before* it is removed, and returns the
- * index the newly focused tag will hold once the removal lands.
- *
- * Focus moves to the following tag, or to the preceding one when the removed
- * tag was last, or to the group itself when it was the only one — never to
- * `<body>`, which is what happens by default when the focused element is
- * unmounted. Focus is moved first and the removal is left to the consumer, so
- * this works the same whether their state update is synchronous or not: the
- * neighbour element survives the re-render, so it keeps the focus it was
- * given.
- *
- * Mirrors `packages/react/src/tag-group/TagGroup.tsx`'s `focusTagNeighbor` —
- * duplicated rather than shared, because no framework package imports
- * `@skdx/shared` at runtime.
+ * Resolve and move focus in one call (used where no cancelable event follows).
  * @internal
  */
 export declare function focusTagNeighbor(tag: HTMLElement | null, index: number): number;

package/dist/tag-group/context.d.ts CHANGED Viewed

@@ -1,41 +1,71 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /**
- * Layout axis of a `SkdxTagGroup`, which also picks the arrow-key axis. Mirrors
- * React's `TagGroupOrientation` (`packages/react/src/tag-group/types.ts:4`).
+ * Layout axis of a TagGroup; also picks the arrow-key axis.
  */
 export type TagGroupOrientation = 'horizontal' | 'vertical';
 /** @internal Marks the TagGroup root, so a tag being removed can find the group to fall back to. */
 export declare const TAG_GROUP_SELECTOR = "[data-skdx-tag-group]";
 /** @internal Marks a tag, so the group can discover its items from the DOM without a registration round-trip. */
 export declare const TAG_SELECTOR = "[data-skdx-tag]";
-/** @internal Shape a TagGroup provides so its `SkdxTag` children can join its single roving tab stop. */
+/** What a `SkdxTagGroup`'s `remove` event carries about the tag that just went. */
+export interface TagRemovedDetail {
+    /** The removed tag's own text, as it was passed to `SkdxTag`'s `label`. */
+    label: string;
+    /** The index the removed tag held. */
+    index: number;
+}
+/** @internal Context shape for TagGroup's roving tab stop and state. */
 export interface TagGroupContext {
-    /** Index of the tag that currently owns the group's single tab stop, clamped to the number of mounted tags. */
+    /** Current tab-stop index, clamped to mounted tag count. */
     tabStopIndex: ComputedRef<number>;
-    /** Claims the tab stop for the tag at `index` — on focus, and again after a removal shifts the indices. */
+    /** Claim tab stop for tag at index; called on focus and after removal shifts indices. */
     setActiveIndex: (index: number) => void;
-    /** Registers a mounted tag so the group knows how many exist; returns its unregister. */
-    register: () => () => void;
-    /** Whether the whole group is disabled. */
+    /** Register a tag; returns unregister. Catches duplicate indices. */
+    register: (index: number) => () => void;
+    /** Report un-prevented removal to the group. */
+    onTagRemoved: (detail: TagRemovedDetail) => void;
+    /** Mounted tag count. */
+    count: ComputedRef<number>;
+    /** TagGroupLabel id, if rendered, for aria-labelledby. */
+    labelId: ComputedRef<string | undefined>;
+    /** Register a label's id; returns unregister. */
+    registerLabel: (id: string) => () => void;
+    /** Whether TagGroupList is rendered; moves role="list" off root. */
+    hasList: ComputedRef<boolean>;
+    /** Register a list; returns unregister. */
+    registerList: () => () => void;
+    /** Root's aria-label/aria-labelledby, forwarded to List when present. */
+    labelling: ComputedRef<{
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+    }>;
+    /** Layout axis for data-orientation. */
+    orientation: ComputedRef<TagGroupOrientation>;
+    /** Group-level disabled state. */
     disabled: ComputedRef<boolean>;
 }
+/**
+ * Warn once when two tags claim the same index. Duplicates break roving tabindex;
+ * gaps make the group unreachable. Index must match render order. @internal
+ */
+export declare function warnOnDuplicateIndex(claimed: Map<number, number>, index: number, delta: 1 | -1): void;
 /** @internal Injection key a TagGroup provides so its tags share the roving tab stop and the group-level disabled flag. */
 export declare const TAG_GROUP_CONTEXT: InjectionKey<TagGroupContext>;
+/** @internal Where focus goes when the tag at some index is removed, and the index the newly focused tag will then hold. */
+export interface TagNeighbor {
+    /** The element to focus: the following tag, the preceding one, or the group root when this was the only tag. */
+    target: HTMLElement | null;
+    /** The index that element will hold once the removal lands. */
+    index: number;
+}
+/**
+ * Where focus goes when tag at index is removed: next tag, previous if last,
+ * or group root if only one. Doesn't move focus (delete event is cancelable).
+ * @internal
+ */
+export declare function resolveTagNeighbor(tag: HTMLElement | null, index: number): TagNeighbor;
 /**
- * Moves focus off the tag at `index` *before* it is removed, and returns the
- * index the newly focused tag will hold once the removal lands.
- *
- * Focus moves to the following tag, or to the preceding one when the removed
- * tag was last, or to the group itself when it was the only one — never to
- * `<body>`, which is what happens by default when the focused element is
- * unmounted. Focus is moved first and the removal is left to the consumer, so
- * this works the same whether their state update is synchronous or not: the
- * neighbour element survives the re-render, so it keeps the focus it was
- * given.
- *
- * Mirrors `packages/react/src/tag-group/TagGroup.tsx`'s `focusTagNeighbor` —
- * duplicated rather than shared, because no framework package imports
- * `@skdx/shared` at runtime.
+ * Resolve and move focus in one call (used where no cancelable event follows).
  * @internal
  */
 export declare function focusTagNeighbor(tag: HTMLElement | null, index: number): number;

package/dist/tag-group/context.js CHANGED Viewed

	@@ -1 +1 @@
1	- var a="[data-skdx-tag-group]",t="[data-skdx-tag]",o=/* @__PURE__ */Symbol("skdx-tag-group-context");function r(a,o){const r=a?.closest("[data-skdx-tag-group]")??null,s=r?Array.from(r.querySelectorAll(t)):[],d=a?s.indexOf(a):-1,e=-1===d?void 0:s[d+1];return(e??s[d-1]??r~~)?.focus()~~,e?o:Math.max(o-1,0)}export{o as TAG_GROUP_CONTEXT,a as TAG_GROUP_SELECTOR,t as TAG_SELECTOR,r as ~~focusTagNeighbor~~};
1	+ import{isDevMode as e}from"../utils/is-dev-mode.js";var t="[data-skdx-tag-group]",a="[data-skdx-tag]";function r(t,a,r){const o=(t.get(a)??0)+r;o<=0?t.delete(a):t.set(a,o),1===r&&o>1&&e()&&console.warn(`[skdx] TagGroup: ${o} mounted Tags report index={${a}}. \`index\` must match render order — pass the array index from the v-for that produced the tags. Duplicates put more than one tag in the tab order; a gap leaves the group with none.`)}var o=/* @__PURE__ */Symbol("skdx-tag-group-context");function s(e,t){const r=e?.closest("[data-skdx-tag-group]")??null,o=r?Array.from(r.querySelectorAll(a)):[],s=e?o.indexOf(e):-1,n=-1===s?void 0:o[s+1];return{target:n??o[s-1]??r,index:n?t:Math.max(t-1,0)}}export{o as TAG_GROUP_CONTEXT,t as TAG_GROUP_SELECTOR,a as TAG_SELECTOR,s as resolveTagNeighbor,r as warnOnDuplicateIndex};

package/dist/tag-group/index.d.cts CHANGED Viewed

@@ -1,2 +1,3 @@
 export { default as SkdxTagGroup } from './TagGroup.vue.cjs';
-export type { TagGroupOrientation } from './context.cjs';
+export type { TagGroupTag } from './types.cjs';
+export type { TagGroupOrientation, TagRemovedDetail } from './context.cjs';

package/dist/tag-group/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export { default as SkdxTagGroup } from './TagGroup.vue.js';
-export type { TagGroupOrientation } from './context.js';
+export type { TagGroupTag } from './types.js';
+export type { TagGroupOrientation, TagRemovedDetail } from './context.js';