@skdx/vue 0.27.0 → 0.28.0

package/dist/tags-input/TagsInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TAGS_INPUT_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,defineComponent as d,openBlock as l,provide as u,ref as n,renderSlot as i}from"vue";var o=["data-disabled","data-invalid","data-readonly"],v=/* @__PURE__ */d({__name:"TagsInput",props:{value:{default:void 0},defaultValue:{default:()=>[]},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},max:{default:void 0},delimiter:{default:","},addOnPaste:{type:Boolean,default:!0},validate:{type:Function,default:void 0},inputValue:{default:void 0},defaultInputValue:{default:""}},emits:["update:value","value-change","update:inputValue","input-value-change"],setup(d,{emit:v}){const s=d,p=v,f=n(s.defaultValue),r=e(()=>void 0===s.value?f.value:s.value),c=n(s.defaultInputValue),m=e(()=>void 0===s.inputValue?c.value:s.inputValue);function g(a){void 0===s.value&&(f.value=a),p("update:value",a),p("value-change",a)}function V(a){const e=r.value,t=[...e];for(const e of a){const a=e.trim();if(a&&!t.includes(a)){if(void 0!==s.max&&t.length>=s.max)break;!1!==s.validate?.(a,t)&&t.push(a)}}t.length!==e.length&&g(t)}return u(a,{value:r,inputValue:m,setInputValue:function(a){void 0===s.inputValue&&(c.value=a),p("update:inputValue",a),p("input-value-change",a)},disabled:e(()=>s.disabled),invalid:e(()=>s.invalid),readOnly:e(()=>s.readOnly),delimiter:e(()=>s.delimiter),addOnPaste:e(()=>s.addOnPaste),addTag:function(a){V([a])},addTags:V,removeTag:function(a){g(r.value.filter((e,t)=>t!==a))}}),(a,e)=>(l(),t("div",{class:"skdx-tags-input","data-part":"root","data-skdx-component":"tags-input","data-skdx-tags-input":"","data-disabled":d.disabled?"":void 0,"data-invalid":d.invalid?"":void 0,"data-readonly":d.readOnly?"":void 0},[i(a.$slots,"default")],8,o))}});export{v as default};
+import{useFormReset as e}from"../utils/useFormReset.js";import{mirroredFormValues as a}from"../utils/mirroredValues.js";import{DEFAULT_DELIMITER as l,TAGS_INPUT_CONTEXT as t}from"./context.js";import d from"./TagsInputAnatomy.vue.js";import{Fragment as u,computed as i,createCommentVNode as n,createElementBlock as o,createElementVNode as r,createVNode as s,defineComponent as v,mergeProps as p,openBlock as f,provide as c,ref as m,renderList as g,renderSlot as h}from"vue";var y=["data-disabled","data-invalid","data-readonly"],b=["name","^value","required","disabled","form"],V=/* @__PURE__ */v({inheritAttrs:!1,__name:"TagsInput",props:{value:{default:void 0},defaultValue:{default:()=>[]},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},max:{default:void 0},delimiter:{default:()=>l},blurBehavior:{default:"keep"},editable:{type:Boolean,default:!1},addOnPaste:{type:Boolean,default:!0},validate:{type:Function,default:void 0},allowDuplicates:{type:Boolean},inputValue:{default:void 0},defaultInputValue:{default:""},name:{default:void 0},required:{type:Boolean,default:!1},form:{default:void 0},inputLabel:{default:"Add a tag"},placeholder:{default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:value","value-change","update:inputValue","input-value-change","value-invalid"],setup(l,{expose:v,emit:V}){const x=l,B=V,I=m(x.defaultValue),T=i(()=>void 0===x.value?I.value:x.value),k=m(x.defaultInputValue),E=i(()=>void 0===x.inputValue?k.value:x.inputValue);function O(e){void 0===x.value&&(I.value=e),B("update:value",e),B("value-change",e)}function A(e){const a=T.value,l=[...a],t=[];for(const a of e){const e=a.trim();if(e)if(void 0!==x.max&&l.length>=x.max)t.push({tag:e,reason:"max"});else{const a=x.validate?.(e,l);!1===a?t.push({tag:e,reason:"validate"}):!0!==a&&!x.allowDuplicates&&l.includes(e)?t.push({tag:e,reason:"duplicate"}):l.push(e)}else t.push({tag:e,reason:"empty"})}for(const e of t)B("value-invalid",e);l.length!==a.length&&O(l)}const _=m(0),q=i(()=>Math.min(_.value,Math.max(T.value.length-1,0))),F=m(null),D=i(()=>x.editable&&null!==F.value&&F.value<T.value.length?F.value:null);c(t,{value:T,inputValue:E,setInputValue:function(e){void 0===x.inputValue&&(k.value=e),B("update:inputValue",e),B("input-value-change",e)},disabled:i(()=>x.disabled),invalid:i(()=>x.invalid),readOnly:i(()=>x.readOnly),delimiter:i(()=>x.delimiter),addOnPaste:i(()=>x.addOnPaste),blurBehavior:i(()=>x.blurBehavior),editable:i(()=>x.editable),editingIndex:D,setEditingIndex:e=>{F.value=e},setTagAtIndex:function(e,a){const l=T.value,t=l[e];if(void 0===t)return;const d=a.trim(),u=l.filter((a,l)=>l!==e),i=e=>B("value-invalid",{tag:d,reason:e});if(!d)return i("empty");const n=x.validate?.(d,u);return!1===n?i("validate"):!0!==n&&!x.allowDuplicates&&u.includes(d)?i("duplicate"):void(d!==t&&O(l.map((a,l)=>l===e?d:a)))},clearTags:function(){T.value.length>0&&O([])},addTag:function(e){A([e])},addTags:A,removeTag:function(e){O(T.value.filter((a,l)=>l!==e))},tabStopIndex:q,setActiveIndex:e=>{_.value=e}});const L=i(()=>a(T.value,{required:x.required})),N=m([]),P=x.value??x.defaultValue;return e(()=>N.value[0],()=>{void 0===x.value&&(I.value=P),B("update:value",P),B("value-change",P)}),v({checkValidity:()=>N.value[0]?.checkValidity()??!0,reportValidity:()=>N.value[0]?.reportValidity()??!0}),(e,a)=>(f(),o(u,null,[r("div",p({class:"skdx-tags-input","data-part":"root","data-skdx-component":"tags-input","data-skdx-tags-input":"","data-disabled":l.disabled?"":void 0,"data-invalid":l.invalid?"":void 0,"data-readonly":l.readOnly?"":void 0},e.$attrs),[h(e.$slots,"default",{},()=>[s(d,{"input-label":l.inputLabel,placeholder:l.placeholder,clearable:l.clearable},null,8,["input-label","placeholder","clearable"])])],16,y),l.name?(f(!0),o(u,{key:0},g(L.value,(e,a)=>(f(),o("input",{key:e||a,ref_for:!0,ref_key:"hiddenEls",ref:N,type:"text","aria-hidden":"true",tabindex:"-1",name:l.name,"^value":e,required:l.required,disabled:l.disabled,form:l.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,b))),128)):n("",!0)],64))}});export{V as default};

package/dist/tags-input/TagsInputAnatomy.vue.cjs

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

package/dist/tags-input/TagsInputAnatomy.vue.d.cts

@@ -0,0 +1,16 @@
+/**
+ * The anatomy a `SkdxTagsInput` draws: one tag per value with delete button and in-place editor,
+ * the draft field, and optional clear button. The editor mounts only for the tag being edited.
+ * Not exported from the package — must stay in step with React `TagsInputAnatomy.tsx`.
+ * @internal
+ */
+type __VLS_Props = {
+    inputLabel: string;
+    placeholder?: string;
+    clearable?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    placeholder: string;
+    clearable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/tags-input/TagsInputAnatomy.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The anatomy a `SkdxTagsInput` draws: one tag per value with delete button and in-place editor,
+ * the draft field, and optional clear button. The editor mounts only for the tag being edited.
+ * Not exported from the package — must stay in step with React `TagsInputAnatomy.tsx`.
+ * @internal
+ */
+type __VLS_Props = {
+    inputLabel: string;
+    placeholder?: string;
+    clearable?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    placeholder: string;
+    clearable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/tags-input/TagsInputAnatomy.vue.js

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

package/dist/tags-input/TagsInputAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs"),o=require("./TagsInputClear.vue.cjs"),c=require("./TagsInputInput.vue.cjs"),i=require("./TagsInputItem.vue.cjs"),d=require("./TagsInputItemDelete.vue.cjs"),p=require("./TagsInputItemInput.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TagsInputAnatomy",props:{inputLabel:{},placeholder:{default:void 0},clearable:{type:Boolean,default:!1}},setup(a){const u=(0,e.inject)(n.TAGS_INPUT_CONTEXT);if(!u)throw new Error("TagsInputAnatomy must be used within SkdxTagsInput.");return(f,t)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(u).value.value,(l,r)=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:r,index:r},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l)+" ",1),(0,e.createVNode)(d.default,{index:r},{default:(0,e.withCtx)(()=>[...t[0]||(t[0]=[(0,e.createTextVNode)("×",-1)])]),_:1},8,["index"]),(0,e.createVNode)(p.default,{index:r},null,8,["index"])]),_:2},1032,["index"]))),128)),(0,e.createVNode)(c.default,{"aria-label":a.inputLabel,placeholder:a.placeholder},null,8,["aria-label","placeholder"]),a.clearable?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0},{default:(0,e.withCtx)(()=>[...t[1]||(t[1]=[(0,e.createTextVNode)("×",-1)])]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=s;

package/dist/tags-input/TagsInputAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TAGS_INPUT_CONTEXT as e}from"./context.js";import a from"./TagsInputClear.vue.js";import t from"./TagsInputInput.vue.js";import l from"./TagsInputItem.vue.js";import n from"./TagsInputItemDelete.vue.js";import r from"./TagsInputItemInput.vue.js";import{Fragment as o,createBlock as s,createCommentVNode as u,createElementBlock as p,createTextVNode as i,createVNode as m,defineComponent as d,inject as c,openBlock as f,renderList as I,toDisplayString as T,unref as x,withCtx as g}from"vue";var v=/* @__PURE__ */d({__name:"TagsInputAnatomy",props:{inputLabel:{},placeholder:{default:void 0},clearable:{type:Boolean,default:!1}},setup(d){const v=c(e);if(!v)throw new Error("TagsInputAnatomy must be used within SkdxTagsInput.");return(e,c)=>(f(),p(o,null,[(f(!0),p(o,null,I(x(v).value.value,(e,a)=>(f(),s(l,{key:a,index:a},{default:g(()=>[i(T(e)+" ",1),m(n,{index:a},{default:g(()=>[...c[0]||(c[0]=[i("×",-1)])]),_:1},8,["index"]),m(r,{index:a},null,8,["index"])]),_:2},1032,["index"]))),128)),m(t,{"aria-label":d.inputLabel,placeholder:d.placeholder},null,8,["aria-label","placeholder"]),d.clearable?(f(),s(a,{key:0},{default:g(()=>[...c[1]||(c[1]=[i("×",-1)])]),_:1})):u("",!0)],64))}});export{v as default};

package/dist/tags-input/TagsInputClear.vue.cjs

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

package/dist/tags-input/TagsInputClear.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/tags-input/TagsInputClear.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/tags-input/TagsInputClear.vue.js

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

package/dist/tags-input/TagsInputClear.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var u=["disabled","data-disabled","data-readonly","data-empty"],n=(0,e.defineComponent)({__name:"TagsInputClear",setup(s){const a=(0,e.inject)(l.TAGS_INPUT_CONTEXT);if(!a)throw new Error("<SkdxTagsInputClear> must be used inside <SkdxTagsInput>.");const r=(0,e.computed)(()=>a.disabled.value||a.readOnly.value);function d(t){r.value||(l.focusDraftField(t.currentTarget),a.clearTags())}return(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tags-input__clear","data-part":"clear",type:"button","aria-label":"Clear tags","data-skdx-tags-input-clear":"",disabled:r.value,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly.value?"":void 0,"data-empty":(0,e.unref)(a).value.value.length===0?"":void 0,onClick:d},[(0,e.renderSlot)(t.$slots,"default")],8,u))}});exports.default=n;

package/dist/tags-input/TagsInputClear.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TAGS_INPUT_CONTEXT as a,focusDraftField as e}from"./context.js";import{computed as t,createElementBlock as d,defineComponent as l,inject as s,openBlock as r,renderSlot as n,unref as o}from"vue";var u=["disabled","data-disabled","data-readonly","data-empty"],i=/* @__PURE__ */l({__name:"TagsInputClear",setup(l){const i=s(a);if(!i)throw new Error("<SkdxTagsInputClear> must be used inside <SkdxTagsInput>.");const c=t(()=>i.disabled.value||i.readOnly.value);function p(a){c.value||(e(a.currentTarget),i.clearTags())}return(a,e)=>(r(),d("button",{class:"skdx-tags-input__clear","data-part":"clear",type:"button","aria-label":"Clear tags","data-skdx-tags-input-clear":"",disabled:c.value,"data-disabled":o(i).disabled.value?"":void 0,"data-readonly":o(i).readOnly.value?"":void 0,"data-empty":0===o(i).value.value.length?"":void 0,onClick:p},[n(a.$slots,"default")],8,u))}});export{i as default};

package/dist/tags-input/TagsInputInput.vue.d.cts

@@ -1,10 +1,6 @@
 /**
- * Text field for typing and committing new tags within a `SkdxTagsInput`. Its
- * draft text lives on the root (control it with the root's
- * `v-model:input-value`). Enter or the root's `delimiter` commits the draft as
- * a tag; Backspace on an empty field removes the last tag; pasting splits on
- * the delimiter and commits every piece at once while the root's `addOnPaste`
- * is set.
+ * Input field for typing and committing tags. Draft text lives on root (`v-model:input-value`).
+ * Enter or root's delimiter commits; Backspace on empty removes last tag; paste splits and commits.
  */
 type __VLS_Props = {};
 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>;

package/dist/tags-input/TagsInputInput.vue.d.ts

@@ -1,10 +1,6 @@
 /**
- * Text field for typing and committing new tags within a `SkdxTagsInput`. Its
- * draft text lives on the root (control it with the root's
- * `v-model:input-value`). Enter or the root's `delimiter` commits the draft as
- * a tag; Backspace on an empty field removes the last tag; pasting splits on
- * the delimiter and commits every piece at once while the root's `addOnPaste`
- * is set.
+ * Input field for typing and committing tags. Draft text lives on root (`v-model:input-value`).
+ * Enter or root's delimiter commits; Backspace on empty removes last tag; paste splits and commits.
  */
 type __VLS_Props = {};
 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>;

package/dist/tags-input/TagsInputInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("../utils/reassertValue.cjs"),s=require("./context.cjs");let a=require("vue");var v=["disabled","readonly","aria-invalid","aria-readonly","data-disabled","data-invalid","data-readonly","value"],o=(0,a.defineComponent)({__name:"TagsInputInput",setup(p){const e=(0,a.inject)(s.TAGS_INPUT_CONTEXT);if(!e)throw new Error("<SkdxTagsInputInput> must be used inside <SkdxTagsInput>.");const n=(0,a.computed)(()=>e.inputValue.value);function l(t){const u=t.target;e.setInputValue(u.value),i.reassertValue(u,()=>e.inputValue.value)}function d(t){e.disabled.value||(t.key==="Enter"||t.key===e.delimiter.value?(t.preventDefault(),e.addTag(n.value),e.setInputValue("")):t.key==="Backspace"&&n.value===""&&e.value.value.length>0&&e.removeTag(e.value.value.length-1))}function r(t){if(e.disabled.value||!e.addOnPaste.value)return;t.preventDefault();const u=t.clipboardData?.getData("text")??"";e.addTags(u.split(e.delimiter.value)),e.setInputValue("")}return(t,u)=>((0,a.openBlock)(),(0,a.createElementBlock)("input",{class:"skdx-tags-input__input","data-part":"input",type:"text","data-skdx-tags-input-field":"",disabled:(0,a.unref)(e).disabled.value,readonly:(0,a.unref)(e).readOnly.value,"aria-invalid":(0,a.unref)(e).invalid.value?!0:void 0,"aria-readonly":(0,a.unref)(e).readOnly.value?!0:void 0,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,"data-invalid":(0,a.unref)(e).invalid.value?"":void 0,"data-readonly":(0,a.unref)(e).readOnly.value?"":void 0,value:n.value,onInput:l,onKeydown:d,onPaste:r},null,40,v))}});exports.default=o;
+const o=require("../utils/reassertValue.cjs"),n=require("./context.cjs");let t=require("vue");var v=["disabled","readonly","aria-invalid","aria-readonly","data-disabled","data-invalid","data-readonly","value"],p=(0,t.defineComponent)({__name:"TagsInputInput",setup(c){const e=(0,t.inject)(n.TAGS_INPUT_CONTEXT);if(!e)throw new Error("<SkdxTagsInputInput> must be used inside <SkdxTagsInput>.");const l=(0,t.computed)(()=>e.inputValue.value);function d(a){const u=a.target;e.setInputValue(u.value),o.reassertValue(u,()=>e.inputValue.value)}function i(a){e.disabled.value||(a.key==="Enter"||n.commitsOnKey(a.key,e.delimiter.value)?(a.preventDefault(),e.addTag(l.value),e.setInputValue("")):a.key==="Backspace"&&l.value===""&&e.value.value.length>0&&e.removeTag(e.value.value.length-1))}function r(){const a=e.blurBehavior.value;e.disabled.value||e.readOnly.value||a==="keep"||(a==="commit"&&e.addTag(l.value),e.setInputValue(""))}function s(a){if(e.disabled.value||!e.addOnPaste.value)return;a.preventDefault();const u=a.clipboardData?.getData("text")??"";e.addTags(n.splitOnDelimiters(u,e.delimiter.value)),e.setInputValue("")}return(a,u)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{class:"skdx-tags-input__input","data-part":"input",type:"text","data-skdx-tags-input-field":"",disabled:(0,t.unref)(e).disabled.value,readonly:(0,t.unref)(e).readOnly.value,"aria-invalid":(0,t.unref)(e).invalid.value?!0:void 0,"aria-readonly":(0,t.unref)(e).readOnly.value?!0:void 0,"data-disabled":(0,t.unref)(e).disabled.value?"":void 0,"data-invalid":(0,t.unref)(e).invalid.value?"":void 0,"data-readonly":(0,t.unref)(e).readOnly.value?"":void 0,value:l.value,onInput:d,onKeydown:i,onBlur:r,onPaste:s},null,40,v))}});exports.default=p;

package/dist/tags-input/TagsInputInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as a}from"../utils/reassertValue.js";import{TAGS_INPUT_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as l,defineComponent as n,inject as d,openBlock as u,unref as i}from"vue";var s=["disabled","readonly","aria-invalid","aria-readonly","data-disabled","data-invalid","data-readonly","value"],r=/* @__PURE__ */n({__name:"TagsInputInput",setup(n){const r=d(e);if(!r)throw new Error("<SkdxTagsInputInput> must be used inside <SkdxTagsInput>.");const o=t(()=>r.inputValue.value);function v(e){const t=e.target;r.setInputValue(t.value),a(t,()=>r.inputValue.value)}function p(a){r.disabled.value||("Enter"===a.key||a.key===r.delimiter.value?(a.preventDefault(),r.addTag(o.value),r.setInputValue("")):"Backspace"===a.key&&""===o.value&&r.value.value.length>0&&r.removeTag(r.value.value.length-1))}function c(a){if(r.disabled.value||!r.addOnPaste.value)return;a.preventDefault();const e=a.clipboardData?.getData("text")??"";r.addTags(e.split(r.delimiter.value)),r.setInputValue("")}return(a,e)=>(u(),l("input",{class:"skdx-tags-input__input","data-part":"input",type:"text","data-skdx-tags-input-field":"",disabled:i(r).disabled.value,readonly:i(r).readOnly.value,"aria-invalid":!!i(r).invalid.value||void 0,"aria-readonly":!!i(r).readOnly.value||void 0,"data-disabled":i(r).disabled.value?"":void 0,"data-invalid":i(r).invalid.value?"":void 0,"data-readonly":i(r).readOnly.value?"":void 0,value:o.value,onInput:v,onKeydown:p,onPaste:c},null,40,s))}});export{r as default};
+import{reassertValue as a}from"../utils/reassertValue.js";import{TAGS_INPUT_CONTEXT as e,commitsOnKey as t,splitOnDelimiters as l}from"./context.js";import{computed as n,createElementBlock as u,defineComponent as d,inject as i,openBlock as s,unref as r}from"vue";var o=["disabled","readonly","aria-invalid","aria-readonly","data-disabled","data-invalid","data-readonly","value"],v=/* @__PURE__ */d({__name:"TagsInputInput",setup(d){const v=i(e);if(!v)throw new Error("<SkdxTagsInputInput> must be used inside <SkdxTagsInput>.");const p=n(()=>v.inputValue.value);function c(e){const t=e.target;v.setInputValue(t.value),a(t,()=>v.inputValue.value)}function m(a){v.disabled.value||("Enter"===a.key||t(a.key,v.delimiter.value)?(a.preventDefault(),v.addTag(p.value),v.setInputValue("")):"Backspace"===a.key&&""===p.value&&v.value.value.length>0&&v.removeTag(v.value.value.length-1))}function y(){const a=v.blurBehavior.value;v.disabled.value||v.readOnly.value||"keep"===a||("commit"===a&&v.addTag(p.value),v.setInputValue(""))}function f(a){if(v.disabled.value||!v.addOnPaste.value)return;a.preventDefault();const e=a.clipboardData?.getData("text")??"";v.addTags(l(e,v.delimiter.value)),v.setInputValue("")}return(a,e)=>(s(),u("input",{class:"skdx-tags-input__input","data-part":"input",type:"text","data-skdx-tags-input-field":"",disabled:r(v).disabled.value,readonly:r(v).readOnly.value,"aria-invalid":!!r(v).invalid.value||void 0,"aria-readonly":!!r(v).readOnly.value||void 0,"data-disabled":r(v).disabled.value?"":void 0,"data-invalid":r(v).invalid.value?"":void 0,"data-readonly":r(v).readOnly.value?"":void 0,value:p.value,onInput:c,onKeydown:m,onBlur:y,onPaste:f},null,40,o))}});export{v as default};

package/dist/tags-input/TagsInputItem.vue.d.cts

@@ -1,7 +1,6 @@
 /**
- * A single rendered tag within a `SkdxTagsInput`. Renders a plain `<span>`
- * with `data-disabled` mirroring the root; typically wraps the tag's label
- * and a `SkdxTagsInputItemDelete`.
+ * Rendered tag in `SkdxTagsInput`. One Tab stop; arrow keys navigate. Delete
+ * removes. Enter opens edit mode (if editable).
  */
 type __VLS_Props = {
     /** Position of this tag in the root's `value` array; passed through to `SkdxTagsInputItemDelete`. */

package/dist/tags-input/TagsInputItem.vue.d.ts

@@ -1,7 +1,6 @@
 /**
- * A single rendered tag within a `SkdxTagsInput`. Renders a plain `<span>`
- * with `data-disabled` mirroring the root; typically wraps the tag's label
- * and a `SkdxTagsInputItemDelete`.
+ * Rendered tag in `SkdxTagsInput`. One Tab stop; arrow keys navigate. Delete
+ * removes. Enter opens edit mode (if editable).
  */
 type __VLS_Props = {
     /** Position of this tag in the root's `value` array; passed through to `SkdxTagsInputItemDelete`. */

package/dist/tags-input/TagsInputItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var r=["data-disabled"],s=(0,e.defineComponent)({__name:"TagsInputItem",props:{index:{}},setup(u){const t=(0,e.inject)(n.TAGS_INPUT_CONTEXT);if(!t)throw new Error("<SkdxTagsInputItem> must be used inside <SkdxTagsInput>.");return(a,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tags-input__item","data-part":"item","data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(a.$slots,"default")],8,r))}});exports.default=s;
+const s=require("../utils/direction.cjs"),u=require("./context.cjs");let n=require("vue");var c=["data-disabled","data-editing","tabindex"],f=(0,n.defineComponent)({__name:"TagsInputItem",props:{index:{}},setup(r){const d=r,e=(0,n.inject)(u.TAGS_INPUT_CONTEXT);if(!e)throw new Error("<SkdxTagsInputItem> must be used inside <SkdxTagsInput>.");const o=s.useDirection();function l(t){const i=t.currentTarget,a=s.directionalKey(t.key,i,o());if(a==="ArrowRight"||a==="ArrowLeft"){t.preventDefault(),u.focusTagStep(i,a==="ArrowRight"?1:-1);return}if(t.key==="Enter"){if(t.defaultPrevented||!e.editable.value||e.disabled.value||e.readOnly.value)return;t.preventDefault(),e.setEditingIndex(d.index);return}t.key!=="Delete"&&t.key!=="Backspace"||e.disabled.value||e.readOnly.value||(t.preventDefault(),e.setActiveIndex(u.focusDeleteNeighbor(i,d.index)),e.removeTag(d.index))}return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)("span",{class:"skdx-tags-input__item","data-part":"item","data-skdx-tags-input-item":"","data-disabled":(0,n.unref)(e).disabled.value?"":void 0,"data-editing":(0,n.unref)(e).editingIndex.value===r.index?"":void 0,tabindex:!(0,n.unref)(e).disabled.value&&(0,n.unref)(e).tabStopIndex.value===r.index?0:-1,onFocus:i[0]||(i[0]=a=>(0,n.unref)(e).setActiveIndex(r.index)),onKeydown:l},[(0,n.renderSlot)(t.$slots,"default")],40,c))}});exports.default=f;

package/dist/tags-input/TagsInputItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TAGS_INPUT_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as s,openBlock as d,renderSlot as n,unref as o}from"vue";var r=["data-disabled"],i=/* @__PURE__ */a({__name:"TagsInputItem",props:{index:{}},setup(a){const i=s(e);if(!i)throw new Error("<SkdxTagsInputItem> must be used inside <SkdxTagsInput>.");return(e,a)=>(d(),t("span",{class:"skdx-tags-input__item","data-part":"item","data-disabled":o(i).disabled.value?"":void 0},[n(e.$slots,"default")],8,r))}});export{i as default};
+import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{TAGS_INPUT_CONTEXT as a,focusDeleteNeighbor as n,focusTagStep as d}from"./context.js";import{createElementBlock as i,defineComponent as s,inject as r,openBlock as o,renderSlot as u,unref as l}from"vue";var p=["data-disabled","data-editing","tabindex"],v=/* @__PURE__ */s({__name:"TagsInputItem",props:{index:{}},setup(s){const v=s,c=r(a);if(!c)throw new Error("<SkdxTagsInputItem> must be used inside <SkdxTagsInput>.");const x=t();function f(t){const a=t.currentTarget,i=e(t.key,a,x());if("ArrowRight"===i||"ArrowLeft"===i)return t.preventDefault(),void d(a,"ArrowRight"===i?1:-1);if("Enter"===t.key){if(t.defaultPrevented||!c.editable.value||c.disabled.value||c.readOnly.value)return;return t.preventDefault(),void c.setEditingIndex(v.index)}"Delete"!==t.key&&"Backspace"!==t.key||c.disabled.value||c.readOnly.value||(t.preventDefault(),c.setActiveIndex(n(a,v.index)),c.removeTag(v.index))}return(e,t)=>(o(),i("span",{class:"skdx-tags-input__item","data-part":"item","data-skdx-tags-input-item":"","data-disabled":l(c).disabled.value?"":void 0,"data-editing":l(c).editingIndex.value===s.index?"":void 0,tabindex:l(c).disabled.value||l(c).tabStopIndex.value!==s.index?-1:0,onFocus:t[0]||(t[0]=e=>l(c).setActiveIndex(s.index)),onKeydown:f},[u(e.$slots,"default")],40,p))}});export{v as default};

package/dist/tags-input/TagsInputItemDelete.vue.d.cts

@@ -1,12 +1,7 @@
 /**
- * Removes its parent `SkdxTagsInputItem` from the tag list on click. Renders
- * a `<button type="button">` with an auto-generated
- * `aria-label="Remove <tag>"`, disabled and `data-disabled` when the root
- * is disabled.
- *
- * Because the button is its own tab stop, it hands focus to the next delete
- * button (or the previous one, or the draft field) *before* signalling the
- * removal, so deleting a tag never drops focus onto `<body>`.
+ * Removes its parent tag on click. Button with auto-generated aria-label.
+ * Not a Tab stop (use Delete/Backspace for keyboard removal). Hands focus to
+ * next tag before removal (else pointer removal drops focus to body).
  */
 type __VLS_Props = {
     /** Position of the tag to remove in the root's `value` array. */

package/dist/tags-input/TagsInputItemDelete.vue.d.ts

@@ -1,12 +1,7 @@
 /**
- * Removes its parent `SkdxTagsInputItem` from the tag list on click. Renders
- * a `<button type="button">` with an auto-generated
- * `aria-label="Remove <tag>"`, disabled and `data-disabled` when the root
- * is disabled.
- *
- * Because the button is its own tab stop, it hands focus to the next delete
- * button (or the previous one, or the draft field) *before* signalling the
- * removal, so deleting a tag never drops focus onto `<body>`.
+ * Removes its parent tag on click. Button with auto-generated aria-label.
+ * Not a Tab stop (use Delete/Backspace for keyboard removal). Hands focus to
+ * next tag before removal (else pointer removal drops focus to body).
  */
 type __VLS_Props = {
     /** Position of the tag to remove in the root's `value` array. */

package/dist/tags-input/TagsInputItemDelete.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var s=["aria-label","disabled","data-disabled"],i=(0,e.defineComponent)({__name:"TagsInputItemDelete",props:{index:{}},setup(n){const d=n,t=(0,e.inject)(l.TAGS_INPUT_CONTEXT);if(!t)throw new Error("<SkdxTagsInputItemDelete> must be used inside <SkdxTagsInput>.");const u=(0,e.computed)(()=>`Remove ${t.value.value[d.index]??""}`.trim());function r(a){t.disabled.value||(l.focusDeleteNeighbor(a.currentTarget),t.removeTag(d.index))}return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tags-input__item-delete","data-part":"item-delete",type:"button","aria-label":u.value,disabled:(0,e.unref)(t).disabled.value,"data-skdx-tags-input-delete":"","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,onClick:r},[(0,e.renderSlot)(a.$slots,"default")],8,s))}});exports.default=i;
+const n=require("./context.cjs");let e=require("vue");var i=["aria-label","disabled","data-disabled"],s=(0,e.defineComponent)({__name:"TagsInputItemDelete",props:{index:{}},setup(l){const a=l,t=(0,e.inject)(n.TAGS_INPUT_CONTEXT);if(!t)throw new Error("<SkdxTagsInputItemDelete> must be used inside <SkdxTagsInput>.");const u=(0,e.computed)(()=>`Remove ${t.value.value[a.index]??""}`.trim());function r(d){t.disabled.value||(t.setActiveIndex(n.focusDeleteNeighbor(d.currentTarget,a.index)),t.removeTag(a.index))}return(d,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tags-input__item-delete","data-part":"item-delete",type:"button","aria-label":u.value,disabled:(0,e.unref)(t).disabled.value,tabindex:"-1","data-skdx-tags-input-delete":"","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,onClick:r},[(0,e.renderSlot)(d.$slots,"default")],8,i))}});exports.default=s;

package/dist/tags-input/TagsInputItemDelete.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TAGS_INPUT_CONTEXT as e,focusDeleteNeighbor as a}from"./context.js";import{computed as t,createElementBlock as s,defineComponent as d,inject as l,openBlock as n,renderSlot as i,unref as o}from"vue";var r=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */d({__name:"TagsInputItemDelete",props:{index:{}},setup(d){const u=d,m=l(e);if(!m)throw new Error("<SkdxTagsInputItemDelete> must be used inside <SkdxTagsInput>.");const p=t(()=>`Remove ${m.value.value[u.index]??""}`.trim());function b(e){m.disabled.value||(a(e.currentTarget),m.removeTag(u.index))}return(e,a)=>(n(),s("button",{class:"skdx-tags-input__item-delete","data-part":"item-delete",type:"button","aria-label":p.value,disabled:o(m).disabled.value,"data-skdx-tags-input-delete":"","data-disabled":o(m).disabled.value?"":void 0,onClick:b},[i(e.$slots,"default")],8,r))}});export{u as default};
+import{TAGS_INPUT_CONTEXT as e,focusDeleteNeighbor as t}from"./context.js";import{computed as a,createElementBlock as d,defineComponent as s,inject as l,openBlock as n,renderSlot as i,unref as o}from"vue";var r=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */s({__name:"TagsInputItemDelete",props:{index:{}},setup(s){const u=s,m=l(e);if(!m)throw new Error("<SkdxTagsInputItemDelete> must be used inside <SkdxTagsInput>.");const p=a(()=>`Remove ${m.value.value[u.index]??""}`.trim());function b(e){m.disabled.value||(m.setActiveIndex(t(e.currentTarget,u.index)),m.removeTag(u.index))}return(e,t)=>(n(),d("button",{class:"skdx-tags-input__item-delete","data-part":"item-delete",type:"button","aria-label":p.value,disabled:o(m).disabled.value,tabindex:"-1","data-skdx-tags-input-delete":"","data-disabled":o(m).disabled.value?"":void 0,onClick:b},[i(e.$slots,"default")],8,r))}});export{u as default};

package/dist/tags-input/TagsInputItemInput.vue.cjs

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

package/dist/tags-input/TagsInputItemInput.vue.d.cts

@@ -0,0 +1,11 @@
+/**
+ * Editor field for a tag (mounts with text selected). Opens with Enter on the
+ * tag, named `Edit <tag>` for screen readers. Exit with Enter (commit), Escape
+ * (abandon), or blur (abandon).
+ */
+type __VLS_Props = {
+    /** Position of the tag this editor edits, in the root's `value` array. */
+    index: number;
+};
+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/tags-input/TagsInputItemInput.vue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Editor field for a tag (mounts with text selected). Opens with Enter on the
+ * tag, named `Edit <tag>` for screen readers. Exit with Enter (commit), Escape
+ * (abandon), or blur (abandon).
+ */
+type __VLS_Props = {
+    /** Position of the tag this editor edits, in the root's `value` array. */
+    index: number;
+};
+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/tags-input/TagsInputItemInput.vue.js

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

package/dist/tags-input/TagsInputItemInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const p=require("./context.cjs");let e=require("vue");var f=["aria-label","data-disabled","value"],x=(0,e.defineComponent)({__name:"TagsInputItemInput",props:{index:{}},setup(c){const a=c,u=(0,e.inject)(p.TAGS_INPUT_CONTEXT);if(!u)throw new Error("<SkdxTagsInputItemInput> must be used inside <SkdxTagsInput>.");const d=(0,e.computed)(()=>u.editingIndex.value===a.index),l=(0,e.computed)(()=>u.value.value[a.index]??""),i=(0,e.ref)(l.value),r=(0,e.ref)(null);(0,e.watch)(d,async t=>{t&&(i.value=l.value,await(0,e.nextTick)(),r.value?.focus(),r.value?.select())});function s(t){p.returnFocusToTag(t),u.setEditingIndex(null)}function v(t){const n=t.currentTarget;t.key==="Enter"?(t.preventDefault(),u.setTagAtIndex(a.index,n.value),s(n)):t.key==="Escape"&&(t.preventDefault(),s(n))}return(t,n)=>d.value?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,ref_key:"el",ref:r,class:"skdx-tags-input__item-input","data-part":"item-input",type:"text","data-skdx-tags-input-item-input":"","aria-label":`Edit ${l.value}`.trim(),"data-disabled":(0,e.unref)(u).disabled.value?"":void 0,value:i.value,onInput:n[0]||(n[0]=o=>i.value=o.target.value),onKeydown:v,onBlur:n[1]||(n[1]=o=>(0,e.unref)(u).setEditingIndex(null))},null,40,f)):(0,e.createCommentVNode)("",!0)}});exports.default=x;

package/dist/tags-input/TagsInputItemInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TAGS_INPUT_CONTEXT as e,returnFocusToTag as t}from"./context.js";import{computed as a,createCommentVNode as n,createElementBlock as u,defineComponent as l,inject as s,nextTick as i,openBlock as d,ref as r,unref as o,watch as p}from"vue";var v=["aria-label","data-disabled","value"],c=/* @__PURE__ */l({__name:"TagsInputItemInput",props:{index:{}},setup(l){const c=l,m=s(e);if(!m)throw new Error("<SkdxTagsInputItemInput> must be used inside <SkdxTagsInput>.");const x=a(()=>m.editingIndex.value===c.index),f=a(()=>m.value.value[c.index]??""),I=r(f.value),g=r(null);function T(e){t(e),m.setEditingIndex(null)}function k(e){const t=e.currentTarget;"Enter"===e.key?(e.preventDefault(),m.setTagAtIndex(c.index,t.value),T(t)):"Escape"===e.key&&(e.preventDefault(),T(t))}return p(x,async e=>{e&&(I.value=f.value,await i(),g.value?.focus(),g.value?.select())}),(e,t)=>x.value?(d(),u("input",{key:0,ref_key:"el",ref:g,class:"skdx-tags-input__item-input","data-part":"item-input",type:"text","data-skdx-tags-input-item-input":"","aria-label":`Edit ${f.value}`.trim(),"data-disabled":o(m).disabled.value?"":void 0,value:I.value,onInput:t[0]||(t[0]=e=>I.value=e.target.value),onKeydown:k,onBlur:t[1]||(t[1]=e=>o(m).setEditingIndex(null))},null,40,v)):n("",!0)}});export{c as default};

package/dist/tags-input/context.cjs

@@ -1 +1,2 @@
-var o="[data-skdx-tags-input]",s="[data-skdx-tags-input-delete]",_="[data-skdx-tags-input-field]",a=Symbol("skdx-tags-input-context");function S(E){const t=E.closest(o),T=t?Array.from(t.querySelectorAll(s)):[],e=T.indexOf(E);((e===-1?void 0:T[e+1])??T[e-1]??t?.querySelector("[data-skdx-tags-input-field]"))?.focus()}exports.TAGS_INPUT_CONTEXT=a;exports.TAGS_INPUT_DELETE_SELECTOR=s;exports.TAGS_INPUT_FIELD_SELECTOR=_;exports.TAGS_INPUT_SELECTOR=o;exports.focusDeleteNeighbor=S;
+var T="[data-skdx-tags-input]",i="[data-skdx-tags-input-item]",u="[data-skdx-tags-input-field]",f=[",",`
+`];function c(t){return(Array.isArray(t)?t:[t]).filter(Boolean)}function E(t,s){return c(s).reduce((n,o)=>n.flatMap(e=>e.split(o)),[t])}function _(t,s){return c(s).includes(t)}function d(t){t.closest(i)?.focus()}function S(t){t.closest(T)?.querySelector(u)?.focus()}var I=Symbol("skdx-tags-input-context");function l(t){const s=t?.closest("[data-skdx-tags-input]")??null;return{root:s,items:s?Array.from(s.querySelectorAll(i)):[]}}function p(t,s){const{root:n,items:o}=l(t),e=t?.closest("[data-skdx-tags-input-item]")??null,r=e?o.indexOf(e):-1,a=r===-1?void 0:o[r+1];return(a??o[r-1]??n?.querySelector("[data-skdx-tags-input-field]"))?.focus(),a?s:Math.max(s-1,0)}function O(t,s){const{root:n,items:o}=l(t),e=o.indexOf(t);if(e===-1)return;const r=s===1?n?.querySelector(u):null;(o[e+s]??r)?.focus()}exports.DEFAULT_DELIMITER=f;exports.TAGS_INPUT_CONTEXT=I;exports.TAGS_INPUT_FIELD_SELECTOR=u;exports.TAGS_INPUT_ITEM_SELECTOR=i;exports.TAGS_INPUT_SELECTOR=T;exports.commitsOnKey=_;exports.delimiterList=c;exports.focusDeleteNeighbor=p;exports.focusDraftField=S;exports.focusTagStep=O;exports.returnFocusToTag=d;exports.splitOnDelimiters=E;

package/dist/tags-input/context.d.cts

@@ -1,51 +1,126 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /** @internal Marks the TagsInput root, so a delete button being removed can find its siblings and the draft field. */
 export declare const TAGS_INPUT_SELECTOR = "[data-skdx-tags-input]";
-/** @internal Marks a delete button — each one is its own tab stop, so removal has to hand focus on. */
+/** @internal Marks a rendered tag for roving order and deletion without registration. */
+export declare const TAGS_INPUT_ITEM_SELECTOR = "[data-skdx-tags-input-item]";
+/** @internal Marks a delete button (`tabindex="-1"`, non-focusable). */
 export declare const TAGS_INPUT_DELETE_SELECTOR = "[data-skdx-tags-input-delete]";
-/** @internal Marks the draft field, the last place focus can go when the removed tag was the only one. */
+/** @internal Marks the draft field (fallback focus when last tag is removed). */
 export declare const TAGS_INPUT_FIELD_SELECTOR = "[data-skdx-tags-input-field]";
+/**
+ * Which refusal rule rejected a candidate tag and its trimmed value.
+ * Carried by `value-invalid`, once per refused candidate.
+ */
+export interface TagsInputInvalidDetail {
+    /** The trimmed candidate text. */
+    tag: string;
+    /**
+     * The rule that refused it, in the fixed order the contract's
+     * `validationBehavior` sets: `'empty'`, `'max'`, `'validate'`, `'duplicate'`.
+     */
+    reason: 'empty' | 'max' | 'validate' | 'duplicate';
+}
+/**
+ * Default delimiters. The newline enables pasting spreadsheet rows as tags
+ * (it is never a `KeyboardEvent.key`, so it does not affect typing).
+ * @internal
+ */
+export declare const DEFAULT_DELIMITER: string[];
+/**
+ * Normalize delimiter(s) to a list, dropping empty entries
+ * (splitting on `''` would explode pastes into individual characters).
+ * @internal
+ */
+export declare function delimiterList(delimiter: string | string[]): string[];
+/**
+ * Split text on every delimiter sequentially (not as a regex, avoiding
+ * the escaping mistakes that turn `.` into "split every character").
+ * @internal
+ */
+export declare function splitOnDelimiters(text: string, delimiter: string | string[]): string[];
+/**
+ * Whether a keystroke commits the draft. Only single-character delimiters
+ * can match (multi-char ones like `'\n'` are not `KeyboardEvent.key` values).
+ * @internal
+ */
+export declare function commitsOnKey(key: string, delimiter: string | string[]): boolean;
+/**
+ * Return focus to the tag's editor (before editor unmounts, to avoid
+ * focus drifting to `<body>` and breaking Tabbing order).
+ * @internal
+ */
+export declare function returnFocusToTag(editor: HTMLElement): void;
+/**
+ * Move focus to the draft field (where it goes after clearing all tags).
+ * @internal
+ */
+export declare function focusDraftField(origin: HTMLElement): void;
 /** @internal Injection key a TagsInput provides so its parts can read/drive shared state. */
 export interface TagsInputContext {
     value: ComputedRef<string[]>;
-    /** The draft text in `SkdxTagsInputInput`, owned by the root so it can be controlled. */
+    /** Draft field text (root-owned for control). */
     inputValue: ComputedRef<string>;
     setInputValue: (value: string) => void;
     disabled: ComputedRef<boolean>;
     invalid: ComputedRef<boolean>;
     readOnly: ComputedRef<boolean>;
-    /** Character that commits the draft while typing, and that pasted text is split on. */
-    delimiter: ComputedRef<string>;
-    /** Whether pasted text is committed as tags instead of dropped into the draft. */
+    /** Characters that commit the draft or split pasted text. */
+    delimiter: ComputedRef<string | string[]>;
+    /** Whether pasted text is committed as tags or dropped into the draft. */
     addOnPaste: ComputedRef<boolean>;
+    /** Unfocused draft behavior: `'keep'`, `'clear'`, or `'commit'`. */
+    blurBehavior: ComputedRef<'keep' | 'clear' | 'commit'>;
+    /** Whether tags can be opened for editing. */
+    editable: ComputedRef<boolean>;
+    /**
+     * Index of tag currently open for editing, or `null`.
+     * Clamped against tag count to avoid stale indices.
+     */
+    editingIndex: ComputedRef<number | null>;
+    /** Open (or close with `null`) the editor at that index. */
+    setEditingIndex: (index: number | null) => void;
+    /**
+     * Update a tag at `index` through validation rules (minus `max`).
+     * Candidate is judged against the list without the edited tag,
+     * so re-committing it unchanged is not a duplicate.
+     */
+    setTagAtIndex: (index: number, tag: string) => void;
+    /** Empty the entire tag list (no-op if already empty). */
+    clearTags: () => void;
     addTag: (tag: string) => void;
     /**
-     * Commits several candidates in one pass, deduping and validating each
-     * against the ones already accepted earlier in the same batch.
+     * Commit multiple candidates in one pass, deduping and validating
+     * against ones already accepted in this batch.
      */
     addTags: (tags: string[]) => void;
     removeTag: (index: number) => void;
+    /**
+     * Index of the tag holding the strip's single Tab stop.
+     * Clamped against tag count to maintain tab order on removal.
+     */
+    tabStopIndex: ComputedRef<number>;
+    /** Give the tab stop to the tag at `index`. */
+    setActiveIndex: (index: number) => void;
 }
 /** @internal Injection key a TagsInput provides so its Input/Item parts share the tag list and add/remove actions. */
 export declare const TAGS_INPUT_CONTEXT: InjectionKey<TagsInputContext>;
 /**
- * Moves focus off `button` *before* the tag it deletes is removed.
- *
- * Focus goes to the next tag's delete button, to the previous one when the
- * removed tag was last, or to the draft input when it was the only one —
- * never to `<body>`, which is where focus lands by default once the button
- * holding it unmounts, and which makes clearing several tags in a row
- * unusable from the keyboard.
+ * Move focus off tag at `index` before removal, return new Tab stop index.
  *
- * This can't reuse `TagGroup`'s `focusTagNeighbor`: there the tag is the
- * single tab stop and its delete button is `tabindex="-1"`, whereas here every
- * delete button is its own tab stop and the draft input — not the root — is
- * the natural landing spot, since deleting a tag usually precedes typing
- * another.
- *
- * Mirrors `packages/react/src/tags-input/TagsInput.tsx`'s `focusDeleteNeighbor`
- * — duplicated rather than shared, because no framework package imports
+ * Focuses next tag, previous if last, or draft field if only one — never
+ * `<body>` (the default when focus unmounts, breaking keyboard navigation).
+ * Uses the tag DOM (not delete buttons), walks tags not buttons
+ * (`tabindex="-1"` ones), and falls back to draft field (unlike TagGroup's
+ * `focusTagNeighbor` which falls back to the group). Mirrors React's
+ * `focusDeleteNeighbor` — duplicated because framework packages don't import
  * `@skdx/shared` at runtime.
  * @internal
  */
-export declare function focusDeleteNeighbor(button: HTMLElement): void;
+export declare function focusDeleteNeighbor(origin: HTMLElement | null, index: number): number;
+/**
+ * Move focus one tag along in document-reading direction (delta resolved
+ * through `directionalKey` for LTR / RTL). Forward past last tag goes to
+ * draft field (continuous strip); backward from first stays in place.
+ * @internal
+ */
+export declare function focusTagStep(item: HTMLElement, delta: 1 | -1): void;