@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,16 +1,13 @@
 /**
- * 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`.
+ * The anatomy a `SkdxTagsInput` draws: one tag per value with delete/editor, the draft field, and an optional clear button.
  * @internal
  */
 type __VLS_Props = {
-    inputLabel: string;
-    placeholder?: string;
-    clearable?: boolean;
+    placeholder?: string | undefined;
+    clearable?: boolean | undefined;
 };
 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;
+    placeholder: string | undefined;
+    clearable: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +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;
+const n=require("../utils/Glyph.vue.cjs"),l=require("../utils/injectRequired.cjs"),o=require("./context.cjs"),c=require("./TagsInputClear.vue.cjs"),i=require("./TagsInputInput.vue.cjs"),d=require("./TagsInputItem.vue.cjs"),p=require("./TagsInputItemDelete.vue.cjs"),s=require("./TagsInputItemInput.vue.cjs");let e=require("vue");var _=(0,e.defineComponent)({__name:"TagsInputAnatomy",props:{placeholder:{default:void 0},clearable:{type:Boolean,default:!1}},setup(r){const u=l.injectRequired(o.TAGS_INPUT_CONTEXT,"TagsInputAnatomy must be used within SkdxTagsInput.");return(q,m)=>((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,(a,t)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:t,index:t},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a)+" ",1),(0,e.createVNode)(p.default,{index:t},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{name:"close"})]),_:1},8,["index"]),(0,e.createVNode)(s.default,{index:t},null,8,["index"])]),_:2},1032,["index"]))),128)),(0,e.createVNode)(i.default,{placeholder:r.placeholder},null,8,["placeholder"]),r.clearable?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=_;

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

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

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

@@ -1 +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;
+const l=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var n=["disabled","data-disabled","data-readonly","data-empty"],s=(0,e.defineComponent)({__name:"TagsInputClear",setup(i){const a=l.injectRequired(d.TAGS_INPUT_CONTEXT,"<SkdxTagsInputClear> must be used inside <SkdxTagsInput>."),r=(0,e.computed)(()=>a.disabled.value||a.readOnly.value);function u(t){r.value||(d.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:u},[(0,e.renderSlot)(t.$slots,"default")],8,n))}});exports.default=s;

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

@@ -1 +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};
+import{injectRequired as a}from"../utils/injectRequired.js";import{TAGS_INPUT_CONTEXT as e,focusDraftField as t}from"./context.js";import{computed as d,createElementBlock as l,defineComponent as s,openBlock as r,renderSlot as n,unref as u}from"vue";var o=["disabled","data-disabled","data-readonly","data-empty"],i=/* @__PURE__ */s({__name:"TagsInputClear",setup(s){const i=a(e,"<SkdxTagsInputClear> must be used inside <SkdxTagsInput>."),c=d(()=>i.disabled.value||i.readOnly.value);function p(a){c.value||(t(a.currentTarget),i.clearTags())}return(a,e)=>(r(),l("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":u(i).disabled.value?"":void 0,"data-readonly":u(i).readOnly.value?"":void 0,"data-empty":0===u(i).value.value.length?"":void 0,onClick:p},[n(a.$slots,"default")],8,o))}});export{i as default};

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

@@ -1,7 +1,11 @@
 /**
- * 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.
+ * Input field for typing and committing tags, with draft text owned by the root via `v-model:input-value`.
  */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native tag entry input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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/TagsInputInput.vue.d.ts

@@ -1,7 +1,11 @@
 /**
- * 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.
+ * Input field for typing and committing tags, with draft text owned by the root via `v-model:input-value`.
  */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native tag entry input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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/TagsInputInput.vue_vue_type_script_setup_true_lang.cjs

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

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

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

@@ -1,6 +1,5 @@
 /**
- * Rendered tag in `SkdxTagsInput`. One Tab stop; arrow keys navigate. Delete
- * removes. Enter opens edit mode (if editable).
+ * Rendered tag in `SkdxTagsInput`: one Tab stop, arrow-key navigation, Delete to remove, Enter to edit.
  */
 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,6 +1,5 @@
 /**
- * Rendered tag in `SkdxTagsInput`. One Tab stop; arrow keys navigate. Delete
- * removes. Enter opens edit mode (if editable).
+ * Rendered tag in `SkdxTagsInput`: one Tab stop, arrow-key navigation, Delete to remove, Enter to edit.
  */
 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 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;
+const c=require("../utils/injectRequired.cjs"),s=require("../utils/direction.cjs"),u=require("./context.cjs");let i=require("vue");var f=["data-disabled","data-editing","tabindex"],x=(0,i.defineComponent)({__name:"TagsInputItem",props:{index:{}},setup(r){const d=r,e=c.injectRequired(u.TAGS_INPUT_CONTEXT,"<SkdxTagsInputItem> must be used inside <SkdxTagsInput>."),o=s.useDirection();function l(t){const n=t.currentTarget;if(t.target!==n)return;const a=s.directionalKey(t.key,n,o());if(a==="ArrowRight"||a==="ArrowLeft"){t.preventDefault(),u.focusTagStep(n,a==="ArrowRight"?1:-1);return}if(t.key==="Enter"){if(!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(n,d.index)),e.removeTag(d.index))}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)("span",{class:"skdx-tags-input__item","data-part":"item","data-skdx-tags-input-item":"","data-disabled":(0,i.unref)(e).disabled.value?"":void 0,"data-editing":(0,i.unref)(e).editingIndex.value===r.index?"":void 0,tabindex:!(0,i.unref)(e).disabled.value&&(0,i.unref)(e).tabStopIndex.value===r.index?0:-1,onFocus:n[0]||(n[0]=a=>(0,i.unref)(e).setActiveIndex(r.index)),onKeydown:l},[(0,i.renderSlot)(t.$slots,"default")],40,f))}});exports.default=x;

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

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

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

@@ -1,7 +1,5 @@
 /**
- * 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).
+ * Removes its parent tag on click; not itself a Tab stop (use Delete/Backspace instead).
  */
 type __VLS_Props = {
     /** Position of the tag to remove in the root's `value` array. */

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

@@ -1,7 +1,5 @@
 /**
- * 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).
+ * Removes its parent tag on click; not itself a Tab stop (use Delete/Backspace instead).
  */
 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 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;
+const i=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let t=require("vue");var s=["aria-label","disabled","data-disabled"],o=(0,t.defineComponent)({__name:"TagsInputItemDelete",props:{index:{}},setup(u){const a=u,e=i.injectRequired(n.TAGS_INPUT_CONTEXT,"<SkdxTagsInputItemDelete> must be used inside <SkdxTagsInput>."),l=(0,t.computed)(()=>`Remove ${e.value.value[a.index]??""}`.trim());function r(d){e.disabled.value||e.readOnly.value||(e.setActiveIndex(n.focusDeleteNeighbor(d.currentTarget,a.index)),e.removeTag(a.index))}return(d,c)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{class:"skdx-tags-input__item-delete","data-part":"item-delete",type:"button","aria-label":l.value,disabled:(0,t.unref)(e).disabled.value||(0,t.unref)(e).readOnly.value,tabindex:"-1","data-skdx-tags-input-delete":"","data-disabled":(0,t.unref)(e).disabled.value||(0,t.unref)(e).readOnly.value?"":void 0,onClick:r},[(0,t.renderSlot)(d.$slots,"default")],8,s))}});exports.default=o;

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

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

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

@@ -1,11 +1,14 @@
 /**
- * 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).
+ * Editor field for a tag, opening with Enter and named `Edit <tag>`; exits via Enter (commit), Escape, 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native tag editor input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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

@@ -1,11 +1,14 @@
 /**
- * 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).
+ * Editor field for a tag, opening with Enter and named `Edit <tag>`; exits via Enter (commit), Escape, 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native tag editor input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const x=require("../utils/injectRequired.cjs"),p=require("./context.cjs");let t=require("vue");var _=["aria-label","data-disabled","value"],g=(0,t.defineComponent)({__name:"TagsInputItemInput",props:{index:{}},setup(c,{expose:v}){const i=c,n=x.injectRequired(p.TAGS_INPUT_CONTEXT,"<SkdxTagsInputItemInput> must be used inside <SkdxTagsInput>."),s=(0,t.computed)(()=>n.editingIndex.value===i.index),l=(0,t.computed)(()=>n.value.value[i.index]??""),r=(0,t.ref)(l.value),a=(0,t.ref)(null);(0,t.watch)(s,async e=>{e&&(r.value=l.value,await(0,t.nextTick)(),a.value?.focus(),a.value?.select())});function d(e){p.returnFocusToTag(e),n.setEditingIndex(null)}function f(e){const u=e.currentTarget;e.key==="Enter"?(e.preventDefault(),n.setTagAtIndex(i.index,u.value),d(u)):e.key==="Escape"&&(e.preventDefault(),d(u))}return v({focus:e=>a.value?.focus(e),el:a}),(e,u)=>s.value?((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:0,ref_key:"el",ref:a,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,t.unref)(n).disabled.value?"":void 0,value:r.value,onInput:u[0]||(u[0]=o=>r.value=o.target.value),onKeydown:f,onBlur:u[1]||(u[1]=o=>(0,t.unref)(n).setEditingIndex(null))},null,40,_)):(0,t.createCommentVNode)("",!0)}});exports.default=g;

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

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

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

@@ -7,53 +7,33 @@ export declare const TAGS_INPUT_ITEM_SELECTOR = "[data-skdx-tags-input-item]";
 export declare const TAGS_INPUT_DELETE_SELECTOR = "[data-skdx-tags-input-delete]";
 /** @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.
- */
+/** Which refusal rule rejected a candidate tag and its trimmed value, carried by `value-invalid`. */
 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';
+    /** The rule that refused it, checked in order: `'empty'`, `'max'`, `'validator'`, `'duplicate'`. */
+    reason: 'empty' | 'max' | 'validator' | 'duplicate';
 }
 /**
- * Default delimiters. The newline enables pasting spreadsheet rows as tags
- * (it is never a `KeyboardEvent.key`, so it does not affect typing).
+ * Default delimiters; the newline enables pasting spreadsheet rows without affecting typed commits.
  * @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
- */
+/** @internal Normalizes delimiter(s) to a list, dropping empty entries. */
 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
- */
+/** @internal Splits text on every delimiter sequentially, not as a regex. */
 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).
+ * Whether a keystroke commits the draft; only single-character delimiters can match.
  * @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).
+ * Returns focus to the tag before its editor unmounts, avoiding a drift to `<body>`.
  * @internal
  */
 export declare function returnFocusToTag(editor: HTMLElement): void;
-/**
- * Move focus to the draft field (where it goes after clearing all tags).
- * @internal
- */
+/** @internal Moves focus to the draft field, where it goes after clearing all tags. */
 export declare function focusDraftField(origin: HTMLElement): void;
 /** @internal Injection key a TagsInput provides so its parts can read/drive shared state. */
 export interface TagsInputContext {
@@ -64,6 +44,8 @@ export interface TagsInputContext {
     disabled: ComputedRef<boolean>;
     invalid: ComputedRef<boolean>;
     readOnly: ComputedRef<boolean>;
+    /** Default accessible name for the draft field, so a hand-composed `TagsInputInput` is never unnamed. */
+    inputLabel: ComputedRef<string>;
     /** 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. */
@@ -72,32 +54,19 @@ export interface TagsInputContext {
     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.
-     */
+    /** Index of the tag currently open for editing, or `null`, clamped against tag count. */
     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.
-     */
+    /** Updates a tag at `index` through validation rules (minus `max`), judged against the list without it. */
     setTagAtIndex: (index: number, tag: string) => void;
     /** Empty the entire tag list (no-op if already empty). */
     clearTags: () => void;
     addTag: (tag: string) => void;
-    /**
-     * Commit multiple candidates in one pass, deduping and validating
-     * against ones already accepted in this 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.
-     */
+    /** Index of the tag holding the strip's single Tab stop, clamped against tag count. */
     tabStopIndex: ComputedRef<number>;
     /** Give the tab stop to the tag at `index`. */
     setActiveIndex: (index: number) => void;
@@ -105,22 +74,12 @@ export interface TagsInputContext {
 /** @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>;
 /**
- * Move focus off tag at `index` before removal, return new Tab stop index.
- *
- * 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.
+ * Moves focus off the tag at `index` before removal — next tag, previous if last, draft field if only one — and returns the new Tab stop index.
  * @internal
  */
 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.
+ * Moves focus one tag along in document-reading direction; forward past the last tag goes to the draft field.
  * @internal
  */
 export declare function focusTagStep(item: HTMLElement, delta: 1 | -1): void;

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

@@ -7,53 +7,33 @@ export declare const TAGS_INPUT_ITEM_SELECTOR = "[data-skdx-tags-input-item]";
 export declare const TAGS_INPUT_DELETE_SELECTOR = "[data-skdx-tags-input-delete]";
 /** @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.
- */
+/** Which refusal rule rejected a candidate tag and its trimmed value, carried by `value-invalid`. */
 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';
+    /** The rule that refused it, checked in order: `'empty'`, `'max'`, `'validator'`, `'duplicate'`. */
+    reason: 'empty' | 'max' | 'validator' | 'duplicate';
 }
 /**
- * Default delimiters. The newline enables pasting spreadsheet rows as tags
- * (it is never a `KeyboardEvent.key`, so it does not affect typing).
+ * Default delimiters; the newline enables pasting spreadsheet rows without affecting typed commits.
  * @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
- */
+/** @internal Normalizes delimiter(s) to a list, dropping empty entries. */
 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
- */
+/** @internal Splits text on every delimiter sequentially, not as a regex. */
 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).
+ * Whether a keystroke commits the draft; only single-character delimiters can match.
  * @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).
+ * Returns focus to the tag before its editor unmounts, avoiding a drift to `<body>`.
  * @internal
  */
 export declare function returnFocusToTag(editor: HTMLElement): void;
-/**
- * Move focus to the draft field (where it goes after clearing all tags).
- * @internal
- */
+/** @internal Moves focus to the draft field, where it goes after clearing all tags. */
 export declare function focusDraftField(origin: HTMLElement): void;
 /** @internal Injection key a TagsInput provides so its parts can read/drive shared state. */
 export interface TagsInputContext {
@@ -64,6 +44,8 @@ export interface TagsInputContext {
     disabled: ComputedRef<boolean>;
     invalid: ComputedRef<boolean>;
     readOnly: ComputedRef<boolean>;
+    /** Default accessible name for the draft field, so a hand-composed `TagsInputInput` is never unnamed. */
+    inputLabel: ComputedRef<string>;
     /** 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. */
@@ -72,32 +54,19 @@ export interface TagsInputContext {
     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.
-     */
+    /** Index of the tag currently open for editing, or `null`, clamped against tag count. */
     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.
-     */
+    /** Updates a tag at `index` through validation rules (minus `max`), judged against the list without it. */
     setTagAtIndex: (index: number, tag: string) => void;
     /** Empty the entire tag list (no-op if already empty). */
     clearTags: () => void;
     addTag: (tag: string) => void;
-    /**
-     * Commit multiple candidates in one pass, deduping and validating
-     * against ones already accepted in this 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.
-     */
+    /** Index of the tag holding the strip's single Tab stop, clamped against tag count. */
     tabStopIndex: ComputedRef<number>;
     /** Give the tab stop to the tag at `index`. */
     setActiveIndex: (index: number) => void;
@@ -105,22 +74,12 @@ export interface TagsInputContext {
 /** @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>;
 /**
- * Move focus off tag at `index` before removal, return new Tab stop index.
- *
- * 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.
+ * Moves focus off the tag at `index` before removal — next tag, previous if last, draft field if only one — and returns the new Tab stop index.
  * @internal
  */
 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.
+ * Moves focus one tag along in document-reading direction; forward past the last tag goes to the draft field.
  * @internal
  */
 export declare function focusTagStep(item: HTMLElement, delta: 1 | -1): void;

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

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxTagsInput` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxTagsInput` — the parts the recipe composes, for layouts the derived anatomy can't express.
  *
  * @example
  * ```vue

package/dist/tags-input/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxTagsInput` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxTagsInput` — the parts the recipe composes, for layouts the derived anatomy can't express.
  *
  * @example
  * ```vue

package/dist/text/Text.vue.d.cts

@@ -1,7 +1,6 @@
 import type { PolymorphicTag } from '../utils/polymorphic.cjs';
 /**
- * Typographic primitive: one element with `.skdx-text`, tag chosen via `as`.
- * Tone, weight, scale are attributes (`data-*`), not props — skin owns appearance.
+ * Typographic primitive: one element with `.skdx-text`, whose tag is chosen via `as` and whose appearance is data-attribute driven.
  *
  * @example
  * ```vue
@@ -12,11 +11,25 @@ import type { PolymorphicTag } from '../utils/polymorphic.cjs';
  */
 type __VLS_Props = {
     /**
-     * Element name to render, from the library's tag allowlist. The tag *is*
-     * the semantics — this component supplies none of its own.
+     * Element name to render, from the library's tag allowlist; the tag itself carries all the semantics.
      * @default 'span'
      */
     as?: PolymorphicTag;
+    /**
+     * Size rung the skin renders the text at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Colour role the skin gives the text, reflected as `data-tone`.
+     * @default undefined — falls back to a `data-tone` attribute.
+     */
+    tone?: 'default' | 'muted' | 'accent' | 'danger' | 'success' | 'warning' | 'info' | (string & {}) | undefined;
+    /**
+     * Visual style family the skin gives the text, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'body' | 'numeric' | 'mono' | (string & {}) | undefined;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {