@skdx/vue 0.28.0 → 0.29.0

package/dist/editable/EditableAnatomy.vue.d.cts

@@ -1,19 +1,17 @@
 /**
- * The anatomy a `SkdxEditable` draws: Preview, Input or Textarea depending on `multiline`,
- * and optional Submit/Cancel pair when `showControls` is set. `ariaLabel`/`ariaLabelledby` name the editor.
- * Not exported from the package — must stay in step with React `EditableAnatomy.tsx`.
+ * The anatomy a `SkdxEditable` draws: Preview, Input or Textarea, and an optional Submit/Cancel pair.
  * @internal
  */
 type __VLS_Props = {
-    multiline?: boolean;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    showControls?: boolean;
+    multiline?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+    showControls?: boolean | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    ariaLabel: string;
-    ariaLabelledby: string;
-    showControls: boolean;
-    multiline: boolean;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    showControls: boolean | undefined;
+    multiline: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableAnatomy.vue.d.ts

@@ -1,19 +1,17 @@
 /**
- * The anatomy a `SkdxEditable` draws: Preview, Input or Textarea depending on `multiline`,
- * and optional Submit/Cancel pair when `showControls` is set. `ariaLabel`/`ariaLabelledby` name the editor.
- * Not exported from the package — must stay in step with React `EditableAnatomy.tsx`.
+ * The anatomy a `SkdxEditable` draws: Preview, Input or Textarea, and an optional Submit/Cancel pair.
  * @internal
  */
 type __VLS_Props = {
-    multiline?: boolean;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    showControls?: boolean;
+    multiline?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+    showControls?: boolean | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    ariaLabel: string;
-    ariaLabelledby: string;
-    showControls: boolean;
-    multiline: boolean;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    showControls: boolean | undefined;
+    multiline: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableCancelTrigger.vue.d.cts

@@ -1,6 +1,5 @@
 /**
- * A button that discards the current draft and restores the pre-edit text.
- * Prevents default on mouse-down to keep focus in the input.
+ * Button that discards the current draft and restores the pre-edit text.
  *
  * @example
  * ```vue

package/dist/editable/EditableCancelTrigger.vue.d.ts

@@ -1,6 +1,5 @@
 /**
- * A button that discards the current draft and restores the pre-edit text.
- * Prevents default on mouse-down to keep focus in the input.
+ * Button that discards the current draft and restores the pre-edit text.
  *
  * @example
  * ```vue

package/dist/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var a=["disabled"],l=(0,e.defineComponent)({__name:"EditableCancelTrigger",setup(o){const n=(0,e.inject)(d.EDITABLE_CONTEXT);if(!n)throw new Error("<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");const r=n;return(i,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=u=>(0,e.unref)(r).cancel())},[(0,e.renderSlot)(i.$slots,"default")],40,a)):(0,e.createCommentVNode)("",!0)}});exports.default=l;
+const i=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var a=["disabled"],u=(0,e.defineComponent)({__name:"EditableCancelTrigger",setup(l){const r=i.injectRequired(d.EDITABLE_CONTEXT,"<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");return(n,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=o=>(0,e.unref)(r).cancel())},[(0,e.renderSlot)(n.$slots,"default")],40,a)):(0,e.createCommentVNode)("",!0)}});exports.default=u;

package/dist/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as n,inject as r,openBlock as s,renderSlot as d,unref as i,withModifiers as o}from"vue";var l=["disabled"],c=/* @__PURE__ */n({__name:"EditableCancelTrigger",setup(n){const c=r(e);if(!c)throw new Error("<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");const u=c;return(e,n)=>i(u).editing.value?(s(),a("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:i(u).disabled.value,onMousedown:n[0]||(n[0]=o(()=>{},["prevent"])),onClick:n[1]||(n[1]=e=>i(u).cancel())},[d(e.$slots,"default")],40,l)):t("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as a,createElementBlock as i,defineComponent as s,openBlock as d,renderSlot as n,unref as r,withModifiers as o}from"vue";var l=["disabled"],c=/* @__PURE__ */s({__name:"EditableCancelTrigger",setup(s){const c=e(t,"<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");return(e,t)=>r(c).editing.value?(d(),i("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:r(c).disabled.value,onMousedown:t[0]||(t[0]=o(()=>{},["prevent"])),onClick:t[1]||(t[1]=e=>r(c).cancel())},[n(e.$slots,"default")],40,l)):a("",!0)}});export{c as default};

package/dist/editable/EditableEditTrigger.vue.d.cts

@@ -1,8 +1,5 @@
 /**
- * Button to open edit from outside the preview (pencil icon, "Edit" item in toolbar).
- * Renders nothing while editing. Disabled when root is disabled or readOnly.
- * Focus moves to input when edit opens, returns to preview when closed.
- * Counterpart to `activationMode`: pair when preview is discoverable but dblclick is invisible.
+ * Button that opens edit mode from outside the preview; renders nothing while editing.
  *
  * @example
  * ```vue

package/dist/editable/EditableEditTrigger.vue.d.ts

@@ -1,8 +1,5 @@
 /**
- * Button to open edit from outside the preview (pencil icon, "Edit" item in toolbar).
- * Renders nothing while editing. Disabled when root is disabled or readOnly.
- * Focus moves to input when edit opens, returns to preview when closed.
- * Counterpart to `activationMode`: pair when preview is discoverable but dblclick is invisible.
+ * Button that opens edit mode from outside the preview; renders nothing while editing.
  *
  * @example
  * ```vue

package/dist/editable/EditableEditTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs");let e=require("vue");var n=["disabled","data-disabled","data-readonly"],l=(0,e.defineComponent)({__name:"EditableEditTrigger",setup(u){const d=(0,e.inject)(i.EDITABLE_CONTEXT);if(!d)throw new Error("<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");const t=d;return(a,r)=>(0,e.unref)(t).editing.value?(0,e.createCommentVNode)("",!0):((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:(0,e.unref)(t).disabled.value||(0,e.unref)(t).readOnly.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-readonly":(0,e.unref)(t).readOnly.value?"":void 0,onClick:r[0]||(r[0]=o=>(0,e.unref)(t).activate())},[(0,e.renderSlot)(a.$slots,"default")],8,n))}});exports.default=l;
+const a=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var n=["disabled","data-disabled","data-readonly"],u=(0,e.defineComponent)({__name:"EditableEditTrigger",setup(l){const t=a.injectRequired(i.EDITABLE_CONTEXT,"<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");return(r,d)=>(0,e.unref)(t).editing.value?(0,e.createCommentVNode)("",!0):((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:(0,e.unref)(t).disabled.value||(0,e.unref)(t).readOnly.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-readonly":(0,e.unref)(t).readOnly.value?"":void 0,onClick:d[0]||(d[0]=o=>(0,e.unref)(t).activate())},[(0,e.renderSlot)(r.$slots,"default")],8,n))}});exports.default=u;

package/dist/editable/EditableEditTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as t,defineComponent as d,inject as i,openBlock as r,renderSlot as l,unref as s}from"vue";var o=["disabled","data-disabled","data-readonly"],n=/* @__PURE__ */d({__name:"EditableEditTrigger",setup(d){const n=i(e);if(!n)throw new Error("<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");const u=n;return(e,d)=>s(u).editing.value?a("",!0):(r(),t("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:s(u).disabled.value||s(u).readOnly.value,"data-disabled":s(u).disabled.value?"":void 0,"data-readonly":s(u).readOnly.value?"":void 0,onClick:d[0]||(d[0]=e=>s(u).activate())},[l(e.$slots,"default")],8,o))}});export{n as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createCommentVNode as t,createElementBlock as d,defineComponent as i,openBlock as r,renderSlot as l,unref as s}from"vue";var o=["disabled","data-disabled","data-readonly"],n=/* @__PURE__ */i({__name:"EditableEditTrigger",setup(i){const n=e(a,"<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");return(e,a)=>s(n).editing.value?t("",!0):(r(),d("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:s(n).disabled.value||s(n).readOnly.value,"data-disabled":s(n).disabled.value?"":void 0,"data-readonly":s(n).readOnly.value?"":void 0,onClick:a[0]||(a[0]=e=>s(n).activate())},[l(e.$slots,"default")],8,o))}});export{n as default};

package/dist/editable/EditableInput.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * Single-line editor for `SkdxEditable` (renders in edit mode only). Escape
- * cancels, Enter/blur submit based on `submitMode`. Auto-focused. Needs
- * accessible name (not placeholder).
+ * Single-line, auto-focused editor for `SkdxEditable`; renders only in edit mode.
  *
  * @example
  * ```vue
@@ -12,5 +10,14 @@
  * ```
  */
 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 editor input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor input, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** 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/editable/EditableInput.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * Single-line editor for `SkdxEditable` (renders in edit mode only). Escape
- * cancels, Enter/blur submit based on `submitMode`. Auto-focused. Needs
- * accessible name (not placeholder).
+ * Single-line, auto-focused editor for `SkdxEditable`; renders only in edit mode.
  *
  * @example
  * ```vue
@@ -12,5 +10,14 @@
  * ```
  */
 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 editor input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor input, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** 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/editable/EditableInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("../utils/reassertValue.cjs"),v=require("./context.cjs");let a=require("vue");var s=["id","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],c=(0,a.defineComponent)({__name:"EditableInput",setup(f){const r=(0,a.inject)(v.EDITABLE_CONTEXT);if(!r)throw new Error("<SkdxEditableInput> must be used inside <SkdxEditable>.");const e=r;function i(t){const u=t.target;e.setValue(u.value),o.reassertValue(u,()=>e.value.value)}function n(t){if(t.key==="Escape"){t.preventDefault(),e.cancel();return}t.key==="Enter"&&(e.submitMode.value==="enter"||e.submitMode.value==="both")&&(t.preventDefault(),e.submit())}function l(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return(t,u)=>(0,a.unref)(e).editing.value?((0,a.openBlock)(),(0,a.createElementBlock)("input",{key:0,class:"skdx-editable__input","data-part":"input",ref:d=>(0,a.unref)(e).inputRef.value=d,type:"text",id:(0,a.unref)(e).editorId,value:(0,a.unref)(e).value.value,placeholder:(0,a.unref)(e).editPlaceholder.value,disabled:(0,a.unref)(e).disabled.value,readonly:(0,a.unref)(e).readOnly.value,required:(0,a.unref)(e).required.value,"aria-required":(0,a.unref)(e).required.value||void 0,"aria-invalid":(0,a.unref)(e).invalid.value||void 0,maxlength:(0,a.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,a.unref)(e).value.value===""?"":void 0,"data-invalid":(0,a.unref)(e).invalid.value?"":void 0,onInput:i,onKeydown:n,onBlur:l},null,40,s)):(0,a.createCommentVNode)("",!0)}});exports.default=c;
+const s=require("../utils/injectRequired.cjs"),v=require("../utils/composeRefs.cjs"),c=require("../utils/reassertValue.cjs"),f=require("./context.cjs");let u=require("vue");var p=["id","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],_=(0,u.defineComponent)({__name:"EditableInput",setup(m,{expose:i}){const e=s.injectRequired(f.EDITABLE_CONTEXT,"<SkdxEditableInput> must be used inside <SkdxEditable>."),a=(0,u.ref)(null),l=v.composeRefs(t=>{e.inputRef.value=t},a);function n(t){const r=t.target;e.setValue(r.value),c.reassertValue(r,()=>e.value.value)}function d(t){if(t.key==="Escape"){t.preventDefault(),e.cancel();return}t.key==="Enter"&&(e.submitMode.value==="enter"||e.submitMode.value==="both")&&(t.preventDefault(),e.submit())}function o(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return i({focus:t=>a.value?.focus(t),checkValidity:()=>a.value?.checkValidity()??!0,reportValidity:()=>a.value?.reportValidity()??!0,el:a}),(t,r)=>(0,u.unref)(e).editing.value?((0,u.openBlock)(),(0,u.createElementBlock)("input",{key:0,id:(0,u.unref)(e).editorId,ref:(0,u.unref)(l),class:"skdx-editable__input","data-part":"input",type:"text",value:(0,u.unref)(e).value.value,placeholder:(0,u.unref)(e).editPlaceholder.value,disabled:(0,u.unref)(e).disabled.value,readonly:(0,u.unref)(e).readOnly.value,required:(0,u.unref)(e).required.value,"aria-required":(0,u.unref)(e).required.value||void 0,"aria-invalid":(0,u.unref)(e).invalid.value||void 0,maxlength:(0,u.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,u.unref)(e).value.value===""?"":void 0,"data-invalid":(0,u.unref)(e).invalid.value?"":void 0,onInput:n,onKeydown:d,onBlur:o},null,40,p)):(0,u.createCommentVNode)("",!0)}});exports.default=_;

package/dist/editable/EditableInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createCommentVNode as t,createElementBlock as i,defineComponent as l,inject as u,openBlock as d,unref as r}from"vue";var n=["id","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],o=/* @__PURE__ */l({__name:"EditableInput",setup(l){const o=u(a);if(!o)throw new Error("<SkdxEditableInput> must be used inside <SkdxEditable>.");const s=o;function v(a){const t=a.target;s.setValue(t.value),e(t,()=>s.value.value)}function m(e){if("Escape"===e.key)return e.preventDefault(),void s.cancel();"Enter"===e.key&&("enter"===s.submitMode.value||"both"===s.submitMode.value)&&(e.preventDefault(),s.submit())}function p(){("blur"===s.submitMode.value||"both"===s.submitMode.value)&&s.submit()}return(e,a)=>r(s).editing.value?(d(),i("input",{key:0,class:"skdx-editable__input","data-part":"input",ref:e=>r(s).inputRef.value=e,type:"text",id:r(s).editorId,value:r(s).value.value,placeholder:r(s).editPlaceholder.value,disabled:r(s).disabled.value,readonly:r(s).readOnly.value,required:r(s).required.value,"aria-required":r(s).required.value||void 0,"aria-invalid":r(s).invalid.value||void 0,maxlength:r(s).maxLength.value,"data-state":"editing","data-empty":""===r(s).value.value?"":void 0,"data-invalid":r(s).invalid.value?"":void 0,onInput:v,onKeydown:m,onBlur:p},null,40,n)):t("",!0)}});export{o as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as a}from"../utils/composeRefs.js";import{reassertValue as t}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as i}from"./context.js";import{createCommentVNode as l,createElementBlock as u,defineComponent as d,openBlock as r,ref as n,unref as o}from"vue";var s=["id","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],v=/* @__PURE__ */d({__name:"EditableInput",setup(d,{expose:v}){const p=e(i,"<SkdxEditableInput> must be used inside <SkdxEditable>."),m=n(null),c=a(e=>{p.inputRef.value=e},m);function f(e){const a=e.target;p.setValue(a.value),t(a,()=>p.value.value)}function b(e){if("Escape"===e.key)return e.preventDefault(),void p.cancel();"Enter"===e.key&&("enter"===p.submitMode.value||"both"===p.submitMode.value)&&(e.preventDefault(),p.submit())}function y(){("blur"===p.submitMode.value||"both"===p.submitMode.value)&&p.submit()}return v({focus:e=>m.value?.focus(e),checkValidity:()=>m.value?.checkValidity()??!0,reportValidity:()=>m.value?.reportValidity()??!0,el:m}),(e,a)=>o(p).editing.value?(r(),u("input",{key:0,id:o(p).editorId,ref:o(c),class:"skdx-editable__input","data-part":"input",type:"text",value:o(p).value.value,placeholder:o(p).editPlaceholder.value,disabled:o(p).disabled.value,readonly:o(p).readOnly.value,required:o(p).required.value,"aria-required":o(p).required.value||void 0,"aria-invalid":o(p).invalid.value||void 0,maxlength:o(p).maxLength.value,"data-state":"editing","data-empty":""===o(p).value.value?"":void 0,"data-invalid":o(p).invalid.value?"":void 0,onInput:f,onKeydown:b,onBlur:y},null,40,s)):l("",!0)}});export{v as default};

package/dist/editable/EditableLabel.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * The accessible name for both halves of `SkdxEditable`. A real `<label>`
- * whose `for` targets the editor, and element `SkdxEditablePreview` points
- * `aria-labelledby` at. Renders in both modes (unlike editors/triggers).
- */
+/** A real `<label>` naming both halves of `SkdxEditable`, rendered in both preview and edit modes. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/editable/EditableLabel.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * The accessible name for both halves of `SkdxEditable`. A real `<label>`
- * whose `for` targets the editor, and element `SkdxEditablePreview` points
- * `aria-labelledby` at. Renders in both modes (unlike editors/triggers).
- */
+/** A real `<label>` naming both halves of `SkdxEditable`, rendered in both preview and edit modes. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/editable/EditableLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var n=["id","for"],d=(0,e.defineComponent)({__name:"EditableLabel",setup(o){const l=(0,e.inject)(a.EDITABLE_CONTEXT);if(!l)throw new Error("<SkdxEditableLabel> must be used inside <SkdxEditable>.");const t=l;return(0,e.onMounted)(()=>{t.labelPresent.value=!0}),(0,e.onBeforeUnmount)(()=>{t.labelPresent.value=!1}),(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-editable__label","data-part":"label",id:(0,e.unref)(t).labelId,for:(0,e.unref)(t).editorId},[(0,e.renderSlot)(r.$slots,"default")],8,n))}});exports.default=d;
+const r=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var n=["id","for"],u=(0,e.defineComponent)({__name:"EditableLabel",setup(d){const t=r.injectRequired(a.EDITABLE_CONTEXT,"<SkdxEditableLabel> must be used inside <SkdxEditable>.");return(0,e.onMounted)(()=>{t.labelPresent.value=!0}),(0,e.onBeforeUnmount)(()=>{t.labelPresent.value=!1}),(l,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{id:(0,e.unref)(t).labelId,class:"skdx-editable__label","data-part":"label",for:(0,e.unref)(t).editorId},[(0,e.renderSlot)(l.$slots,"default")],8,n))}});exports.default=u;

package/dist/editable/EditableLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as l,onBeforeUnmount as o,onMounted as s,openBlock as r,renderSlot as n,unref as d}from"vue";var i=["id","for"],b=/* @__PURE__ */t({__name:"EditableLabel",setup(t){const b=l(e);if(!b)throw new Error("<SkdxEditableLabel> must be used inside <SkdxEditable>.");const u=b;return s(()=>{u.labelPresent.value=!0}),o(()=>{u.labelPresent.value=!1}),(e,t)=>(r(),a("label",{class:"skdx-editable__label","data-part":"label",id:d(u).labelId,for:d(u).editorId},[n(e.$slots,"default")],8,i))}});export{b as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as l,onBeforeUnmount as s,onMounted as o,openBlock as r,renderSlot as d,unref as n}from"vue";var i=["id","for"],u=/* @__PURE__ */l({__name:"EditableLabel",setup(l){const u=e(a,"<SkdxEditableLabel> must be used inside <SkdxEditable>.");return o(()=>{u.labelPresent.value=!0}),s(()=>{u.labelPresent.value=!1}),(e,a)=>(r(),t("label",{id:n(u).labelId,class:"skdx-editable__label","data-part":"label",for:n(u).editorId},[d(e.$slots,"default")],8,i))}});export{u as default};

package/dist/editable/EditablePreview.vue.d.cts

@@ -14,7 +14,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the preview element, which is itself tabbable. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The rendered preview element, for focus and measurement. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/editable/EditablePreview.vue.d.ts

@@ -14,7 +14,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the preview element, which is itself tabbable. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The rendered preview element, for focus and measurement. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/editable/EditablePreview.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let a=require("vue");var v=["tabindex","aria-labelledby","aria-disabled","data-empty","data-disabled","data-readonly","data-invalid"],c=(0,a.defineComponent)({__name:"EditablePreview",setup(f){const i=(0,a.inject)(o.EDITABLE_CONTEXT);if(!i)throw new Error("<SkdxEditablePreview> must be used inside <SkdxEditable>.");const e=i;function l(){e.activationMode.value==="click"&&e.activate()}function d(){e.activationMode.value==="dblclick"&&e.activate()}function n(){e.activationMode.value==="focus"&&!e.returningFocus.value&&e.activate()}function r(t){t.key!=="Enter"&&t.key!==" "||(t.preventDefault(),e.activate())}return(t,s)=>(0,a.unref)(e).editing.value?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("span",{key:0,class:"skdx-editable__preview","data-part":"preview",ref:u=>(0,a.unref)(e).previewRef.value=u,role:"button",tabindex:(0,a.unref)(e).disabled.value?-1:0,"aria-labelledby":(0,a.unref)(e).labelPresent.value?(0,a.unref)(e).labelId:void 0,"aria-disabled":(0,a.unref)(e).disabled.value||(0,a.unref)(e).readOnly.value||void 0,"data-state":"preview","data-empty":(0,a.unref)(e).value.value===""?"":void 0,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,"data-readonly":(0,a.unref)(e).readOnly.value?"":void 0,"data-invalid":(0,a.unref)(e).invalid.value?"":void 0,onClick:l,onDblclick:d,onFocus:n,onKeydown:r},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(e).value.value||(0,a.unref)(e).previewPlaceholder.value),1)])],40,v))}});exports.default=c;
+const v=require("../utils/injectRequired.cjs"),c=require("../utils/composeRefs.cjs"),s=require("./context.cjs");let a=require("vue");var f=["tabindex","aria-labelledby","aria-disabled","data-empty","data-disabled","data-readonly","data-invalid"],b=(0,a.defineComponent)({__name:"EditablePreview",setup(p,{expose:l}){const e=v.injectRequired(s.EDITABLE_CONTEXT,"<SkdxEditablePreview> must be used inside <SkdxEditable>."),i=(0,a.ref)(null),r=c.composeRefs(e.previewRef,i);function n(){e.activationMode.value==="click"&&e.activate()}function d(){e.activationMode.value==="dblclick"&&e.activate()}function u(){e.activationMode.value==="focus"&&!e.returningFocus.value&&e.activate()}function o(t){t.key!=="Enter"&&t.key!==" "||(t.preventDefault(),e.activate())}return l({focus:t=>i.value?.focus(t),el:i}),(t,_)=>(0,a.unref)(e).editing.value?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("span",{key:0,ref:(0,a.unref)(r),class:"skdx-editable__preview","data-part":"preview",role:"button",tabindex:(0,a.unref)(e).disabled.value?-1:0,"aria-labelledby":(0,a.unref)(e).labelPresent.value?(0,a.unref)(e).labelId:void 0,"aria-disabled":(0,a.unref)(e).disabled.value||(0,a.unref)(e).readOnly.value||void 0,"data-state":"preview","data-empty":(0,a.unref)(e).value.value===""?"":void 0,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,"data-readonly":(0,a.unref)(e).readOnly.value?"":void 0,"data-invalid":(0,a.unref)(e).invalid.value?"":void 0,onClick:n,onDblclick:d,onFocus:u,onKeydown:o},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(e).value.value||(0,a.unref)(e).previewPlaceholder.value),1)])],40,f))}});exports.default=b;

package/dist/editable/EditablePreview.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as t,createTextVNode as i,defineComponent as l,inject as d,openBlock as n,renderSlot as o,toDisplayString as v,unref as r}from"vue";var s=["tabindex","aria-labelledby","aria-disabled","data-empty","data-disabled","data-readonly","data-invalid"],u=/* @__PURE__ */l({__name:"EditablePreview",setup(l){const u=d(e);if(!u)throw new Error("<SkdxEditablePreview> must be used inside <SkdxEditable>.");const c=u;function b(){"click"===c.activationMode.value&&c.activate()}function p(){"dblclick"===c.activationMode.value&&c.activate()}function f(){"focus"===c.activationMode.value&&!c.returningFocus.value&&c.activate()}function y(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c.activate())}return(e,l)=>r(c).editing.value?a("",!0):(n(),t("span",{key:0,class:"skdx-editable__preview","data-part":"preview",ref:e=>r(c).previewRef.value=e,role:"button",tabindex:r(c).disabled.value?-1:0,"aria-labelledby":r(c).labelPresent.value?r(c).labelId:void 0,"aria-disabled":r(c).disabled.value||r(c).readOnly.value||void 0,"data-state":"preview","data-empty":""===r(c).value.value?"":void 0,"data-disabled":r(c).disabled.value?"":void 0,"data-readonly":r(c).readOnly.value?"":void 0,"data-invalid":r(c).invalid.value?"":void 0,onClick:b,onDblclick:p,onFocus:f,onKeydown:y},[o(e.$slots,"default",{},()=>[i(v(r(c).value.value||r(c).previewPlaceholder.value),1)])],40,s))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as a}from"../utils/composeRefs.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as i,createElementBlock as l,createTextVNode as d,defineComponent as o,openBlock as n,ref as s,renderSlot as r,toDisplayString as v,unref as u}from"vue";var c=["tabindex","aria-labelledby","aria-disabled","data-empty","data-disabled","data-readonly","data-invalid"],b=/* @__PURE__ */o({__name:"EditablePreview",setup(o,{expose:b}){const p=e(t,"<SkdxEditablePreview> must be used inside <SkdxEditable>."),f=s(null),m=a(p.previewRef,f);function y(){"click"===p.activationMode.value&&p.activate()}function k(){"dblclick"===p.activationMode.value&&p.activate()}function x(){"focus"===p.activationMode.value&&!p.returningFocus.value&&p.activate()}function w(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p.activate())}return b({focus:e=>f.value?.focus(e),el:f}),(e,a)=>u(p).editing.value?i("",!0):(n(),l("span",{key:0,ref:u(m),class:"skdx-editable__preview","data-part":"preview",role:"button",tabindex:u(p).disabled.value?-1:0,"aria-labelledby":u(p).labelPresent.value?u(p).labelId:void 0,"aria-disabled":u(p).disabled.value||u(p).readOnly.value||void 0,"data-state":"preview","data-empty":""===u(p).value.value?"":void 0,"data-disabled":u(p).disabled.value?"":void 0,"data-readonly":u(p).readOnly.value?"":void 0,"data-invalid":u(p).invalid.value?"":void 0,onClick:y,onDblclick:k,onFocus:x,onKeydown:w},[r(e.$slots,"default",{},()=>[d(v(u(p).value.value||u(p).previewPlaceholder.value),1)])],40,c))}});export{b as default};

package/dist/editable/EditableSubmitTrigger.vue.d.cts

@@ -1,6 +1,5 @@
 /**
- * Button to commit editable draft. Hides outside edit mode. Required when `submitMode="none"`.
- * Calls `preventDefault()` on mousedown to prevent blur-triggered submit.
+ * Button that commits the editable draft; renders only in edit mode.
  *
  * @example
  * ```vue

package/dist/editable/EditableSubmitTrigger.vue.d.ts

@@ -1,6 +1,5 @@
 /**
- * Button to commit editable draft. Hides outside edit mode. Required when `submitMode="none"`.
- * Calls `preventDefault()` on mousedown to prevent blur-triggered submit.
+ * Button that commits the editable draft; renders only in edit mode.
  *
  * @example
  * ```vue

package/dist/editable/EditableSubmitTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var d=["disabled"],o=(0,e.defineComponent)({__name:"EditableSubmitTrigger",setup(s){const i=(0,e.inject)(u.EDITABLE_CONTEXT);if(!i)throw new Error("<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");const r=i;return(n,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=a=>(0,e.unref)(r).submit())},[(0,e.renderSlot)(n.$slots,"default")],40,d)):(0,e.createCommentVNode)("",!0)}});exports.default=o;
+const u=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var n=["disabled"],s=(0,e.defineComponent)({__name:"EditableSubmitTrigger",setup(a){const r=u.injectRequired(d.EDITABLE_CONTEXT,"<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");return(i,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=o=>(0,e.unref)(r).submit())},[(0,e.renderSlot)(i.$slots,"default")],40,n)):(0,e.createCommentVNode)("",!0)}});exports.default=s;

package/dist/editable/EditableSubmitTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as i,inject as s,openBlock as r,renderSlot as d,unref as o,withModifiers as n}from"vue";var l=["disabled"],u=/* @__PURE__ */i({__name:"EditableSubmitTrigger",setup(i){const u=s(e);if(!u)throw new Error("<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");const b=u;return(e,i)=>o(b).editing.value?(r(),a("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:o(b).disabled.value,onMousedown:i[0]||(i[0]=n(()=>{},["prevent"])),onClick:i[1]||(i[1]=e=>o(b).submit())},[d(e.$slots,"default")],40,l)):t("",!0)}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as s,openBlock as d,renderSlot as r,unref as o,withModifiers as n}from"vue";var u=["disabled"],l=/* @__PURE__ */s({__name:"EditableSubmitTrigger",setup(s){const l=e(t,"<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");return(e,t)=>o(l).editing.value?(d(),a("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:o(l).disabled.value,onMousedown:t[0]||(t[0]=n(()=>{},["prevent"])),onClick:t[1]||(t[1]=e=>o(l).submit())},[r(e.$slots,"default")],40,u)):i("",!0)}});export{l as default};

package/dist/editable/EditableTextarea.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * Multi-line editor inside SkdxEditable. Controlled textarea with
- * auto-resize (optional maxRows/minRows). Cmd/Ctrl+Enter submits; Enter
- * inserts newline. Accessible name required (aria-label/labelledby or label).
+ * Multi-line, auto-resizing editor for `SkdxEditable`; Cmd/Ctrl+Enter submits, plain Enter inserts a newline.
  *
  * @example
  * ```vue
@@ -13,21 +11,33 @@
  */
 type __VLS_Props = {
     /**
-     * Grow to fit content instead of scrolling. @default false
+     * Grows to fit content instead of scrolling.
+     * @default false
      */
     autoResize?: boolean;
     /**
-     * Cap auto-resize growth (past cap, scrolls). @default undefined
+     * Caps auto-resize growth; past the cap, the field scrolls instead.
+     * @default undefined
      */
-    maxRows?: number;
+    maxRows?: number | undefined;
     /**
-     * Opening size and minimum height for auto-resize growth. @default 2
+     * Opening size and minimum height for auto-resize growth.
+     * @default 2
      */
     minRows?: number;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native editor textarea. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor textarea, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** The underlying native `<textarea>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     autoResize: boolean;
-    maxRows: number;
+    maxRows: number | undefined;
     minRows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableTextarea.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * Multi-line editor inside SkdxEditable. Controlled textarea with
- * auto-resize (optional maxRows/minRows). Cmd/Ctrl+Enter submits; Enter
- * inserts newline. Accessible name required (aria-label/labelledby or label).
+ * Multi-line, auto-resizing editor for `SkdxEditable`; Cmd/Ctrl+Enter submits, plain Enter inserts a newline.
  *
  * @example
  * ```vue
@@ -13,21 +11,33 @@
  */
 type __VLS_Props = {
     /**
-     * Grow to fit content instead of scrolling. @default false
+     * Grows to fit content instead of scrolling.
+     * @default false
      */
     autoResize?: boolean;
     /**
-     * Cap auto-resize growth (past cap, scrolls). @default undefined
+     * Caps auto-resize growth; past the cap, the field scrolls instead.
+     * @default undefined
      */
-    maxRows?: number;
+    maxRows?: number | undefined;
     /**
-     * Opening size and minimum height for auto-resize growth. @default 2
+     * Opening size and minimum height for auto-resize growth.
+     * @default 2
      */
     minRows?: number;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native editor textarea. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor textarea, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** The underlying native `<textarea>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     autoResize: boolean;
-    maxRows: number;
+    maxRows: number | undefined;
     minRows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableTextarea.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const y=require("../utils/reassertValue.cjs"),w=require("./context.cjs");let t=require("vue");var _=["id","rows","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],R=(0,t.defineComponent)({__name:"EditableTextarea",props:{autoResize:{type:Boolean,default:!1},maxRows:{default:void 0},minRows:{default:2}},setup(l){const u=l,s=(0,t.inject)(w.EDITABLE_CONTEXT);if(!s)throw new Error("<SkdxEditableTextarea> must be used inside <SkdxEditable>.");const e=s,c=(0,t.ref)(null);function v(){const a=c.value;if(!a||!u.autoResize)return;const i=getComputedStyle(a),r=d=>parseFloat(d)||0,f=r(i.borderTopWidth)+r(i.borderBottomWidth),m=r(i.paddingTop)+r(i.paddingBottom),h=i.boxSizing==="border-box",o=r(i.lineHeight),x=d=>d*o+(h?m+f:0);a.style.height="auto";let n=a.scrollHeight+(h?f:-m);u.minRows!=null&&o>0&&(n=Math.max(n,x(u.minRows))),u.maxRows!=null&&o>0&&(n=Math.min(n,x(u.maxRows))),a.style.height=`${n}px`}(0,t.watch)([()=>e.editing.value,()=>e.value.value],async()=>{await(0,t.nextTick)(),v()},{immediate:!0});function b(a){const i=a.target;e.setValue(i.value),v(),y.reassertValue(i,()=>e.value.value)}function p(a){if(a.key==="Escape"){a.preventDefault(),e.cancel();return}a.key==="Enter"&&(!a.metaKey&&!a.ctrlKey||e.submitMode.value!=="enter"&&e.submitMode.value!=="both"||(a.preventDefault(),e.submit()))}function g(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return(a,i)=>(0,t.unref)(e).editing.value?((0,t.openBlock)(),(0,t.createElementBlock)("textarea",{key:0,class:"skdx-editable__textarea","data-part":"textarea",ref:r=>{(0,t.unref)(e).inputRef.value=r,c.value=r},id:(0,t.unref)(e).editorId,rows:l.autoResize?void 0:l.minRows,style:(0,t.normalizeStyle)(l.autoResize?{overflow:"hidden",resize:"none"}:void 0),value:(0,t.unref)(e).value.value,placeholder:(0,t.unref)(e).editPlaceholder.value,disabled:(0,t.unref)(e).disabled.value,readonly:(0,t.unref)(e).readOnly.value,required:(0,t.unref)(e).required.value,"aria-required":(0,t.unref)(e).required.value||void 0,"aria-invalid":(0,t.unref)(e).invalid.value||void 0,maxlength:(0,t.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,t.unref)(e).value.value===""?"":void 0,"data-invalid":(0,t.unref)(e).invalid.value?"":void 0,onInput:b,onKeydown:p,onBlur:g},null,44,_)):(0,t.createCommentVNode)("",!0)}});exports.default=R;
+const g=require("../utils/injectRequired.cjs"),q=require("../utils/reassertValue.cjs"),w=require("./context.cjs");let t=require("vue");var R=["id","rows","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],_=(0,t.defineComponent)({__name:"EditableTextarea",props:{autoResize:{type:Boolean,default:!1},maxRows:{default:void 0},minRows:{default:2}},setup(o,{expose:h}){const l=o,e=g.injectRequired(w.EDITABLE_CONTEXT,"<SkdxEditableTextarea> must be used inside <SkdxEditable>."),u=(0,t.ref)(null);function c(){const a=u.value;if(!a||!l.autoResize)return;const i=getComputedStyle(a),r=s=>parseFloat(s)||0,v=r(i.borderTopWidth)+r(i.borderBottomWidth),f=r(i.paddingTop)+r(i.paddingBottom),m=i.boxSizing==="border-box",d=r(i.lineHeight),p=s=>s*d+(m?f+v:0);a.style.height="auto";let n=a.scrollHeight+(m?v:-f);l.minRows!=null&&d>0&&(n=Math.max(n,p(l.minRows))),l.maxRows!=null&&d>0&&(n=Math.min(n,p(l.maxRows))),a.style.height=`${n}px`}(0,t.watch)([()=>e.editing.value,()=>e.value.value],async()=>{await(0,t.nextTick)(),c()},{immediate:!0});function x(a){const i=a.target;e.setValue(i.value),c(),q.reassertValue(i,()=>e.value.value)}function b(a){if(a.key==="Escape"){a.preventDefault(),e.cancel();return}a.key==="Enter"&&(!a.metaKey&&!a.ctrlKey||e.submitMode.value!=="enter"&&e.submitMode.value!=="both"||(a.preventDefault(),e.submit()))}function y(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return h({focus:a=>u.value?.focus(a),checkValidity:()=>u.value?.checkValidity()??!0,reportValidity:()=>u.value?.reportValidity()??!0,el:u}),(a,i)=>(0,t.unref)(e).editing.value?((0,t.openBlock)(),(0,t.createElementBlock)("textarea",{key:0,id:(0,t.unref)(e).editorId,ref:r=>{(0,t.unref)(e).inputRef.value=r,u.value=r},class:"skdx-editable__textarea","data-part":"textarea",rows:o.autoResize?void 0:o.minRows,style:(0,t.normalizeStyle)(o.autoResize?{overflow:"hidden",resize:"none"}:void 0),value:(0,t.unref)(e).value.value,placeholder:(0,t.unref)(e).editPlaceholder.value,disabled:(0,t.unref)(e).disabled.value,readonly:(0,t.unref)(e).readOnly.value,required:(0,t.unref)(e).required.value,"aria-required":(0,t.unref)(e).required.value||void 0,"aria-invalid":(0,t.unref)(e).invalid.value||void 0,maxlength:(0,t.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,t.unref)(e).value.value===""?"":void 0,"data-invalid":(0,t.unref)(e).invalid.value?"":void 0,onInput:x,onKeydown:b,onBlur:y},null,44,R)):(0,t.createCommentVNode)("",!0)}});exports.default=_;

package/dist/editable/EditableTextarea.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createCommentVNode as t,createElementBlock as i,defineComponent as l,inject as o,nextTick as d,normalizeStyle as r,openBlock as u,ref as n,unref as s,watch as v}from"vue";var m=["id","rows","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],c=/* @__PURE__ */l({__name:"EditableTextarea",props:{autoResize:{type:Boolean,default:!1},maxRows:{default:void 0},minRows:{default:2}},setup(l){const c=l,p=o(a);if(!p)throw new Error("<SkdxEditableTextarea> must be used inside <SkdxEditable>.");const b=p,f=n(null);function h(){const e=f.value;if(!e||!c.autoResize)return;const a=getComputedStyle(e),t=e=>parseFloat(e)||0,i=t(a.borderTopWidth)+t(a.borderBottomWidth),l=t(a.paddingTop)+t(a.paddingBottom),o="border-box"===a.boxSizing,d=t(a.lineHeight),r=e=>e*d+(o?l+i:0);e.style.height="auto";let u=e.scrollHeight+(o?i:-l);null!=c.minRows&&d>0&&(u=Math.max(u,r(c.minRows))),null!=c.maxRows&&d>0&&(u=Math.min(u,r(c.maxRows))),e.style.height=`${u}px`}function x(a){const t=a.target;b.setValue(t.value),h(),e(t,()=>b.value.value)}function y(e){if("Escape"===e.key)return e.preventDefault(),void b.cancel();"Enter"===e.key&&(!e.metaKey&&!e.ctrlKey||"enter"!==b.submitMode.value&&"both"!==b.submitMode.value||(e.preventDefault(),b.submit()))}function g(){("blur"===b.submitMode.value||"both"===b.submitMode.value)&&b.submit()}return v([()=>b.editing.value,()=>b.value.value],async()=>{await d(),h()},{immediate:!0}),(e,a)=>s(b).editing.value?(u(),i("textarea",{key:0,class:"skdx-editable__textarea","data-part":"textarea",ref:e=>{s(b).inputRef.value=e,f.value=e},id:s(b).editorId,rows:l.autoResize?void 0:l.minRows,style:r(l.autoResize?{overflow:"hidden",resize:"none"}:void 0),value:s(b).value.value,placeholder:s(b).editPlaceholder.value,disabled:s(b).disabled.value,readonly:s(b).readOnly.value,required:s(b).required.value,"aria-required":s(b).required.value||void 0,"aria-invalid":s(b).invalid.value||void 0,maxlength:s(b).maxLength.value,"data-state":"editing","data-empty":""===s(b).value.value?"":void 0,"data-invalid":s(b).invalid.value?"":void 0,onInput:x,onKeydown:y,onBlur:g},null,44,m)):t("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{reassertValue as a}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as i,createElementBlock as l,defineComponent as o,nextTick as d,normalizeStyle as u,openBlock as r,ref as n,unref as s,watch as v}from"vue";var m=["id","rows","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],c=/* @__PURE__ */o({__name:"EditableTextarea",props:{autoResize:{type:Boolean,default:!1},maxRows:{default:void 0},minRows:{default:2}},setup(o,{expose:c}){const p=o,f=e(t,"<SkdxEditableTextarea> must be used inside <SkdxEditable>."),b=n(null);function h(){const e=b.value;if(!e||!p.autoResize)return;const a=getComputedStyle(e),t=e=>parseFloat(e)||0,i=t(a.borderTopWidth)+t(a.borderBottomWidth),l=t(a.paddingTop)+t(a.paddingBottom),o="border-box"===a.boxSizing,d=t(a.lineHeight),u=e=>e*d+(o?l+i:0);e.style.height="auto";let r=e.scrollHeight+(o?i:-l);null!=p.minRows&&d>0&&(r=Math.max(r,u(p.minRows))),null!=p.maxRows&&d>0&&(r=Math.min(r,u(p.maxRows))),e.style.height=`${r}px`}function x(e){const t=e.target;f.setValue(t.value),h(),a(t,()=>f.value.value)}function y(e){if("Escape"===e.key)return e.preventDefault(),void f.cancel();"Enter"===e.key&&(!e.metaKey&&!e.ctrlKey||"enter"!==f.submitMode.value&&"both"!==f.submitMode.value||(e.preventDefault(),f.submit()))}function g(){("blur"===f.submitMode.value||"both"===f.submitMode.value)&&f.submit()}return v([()=>f.editing.value,()=>f.value.value],async()=>{await d(),h()},{immediate:!0}),c({focus:e=>b.value?.focus(e),checkValidity:()=>b.value?.checkValidity()??!0,reportValidity:()=>b.value?.reportValidity()??!0,el:b}),(e,a)=>s(f).editing.value?(r(),l("textarea",{key:0,id:s(f).editorId,ref:e=>{s(f).inputRef.value=e,b.value=e},class:"skdx-editable__textarea","data-part":"textarea",rows:o.autoResize?void 0:o.minRows,style:u(o.autoResize?{overflow:"hidden",resize:"none"}:void 0),value:s(f).value.value,placeholder:s(f).editPlaceholder.value,disabled:s(f).disabled.value,readonly:s(f).readOnly.value,required:s(f).required.value,"aria-required":s(f).required.value||void 0,"aria-invalid":s(f).invalid.value||void 0,maxlength:s(f).maxLength.value,"data-state":"editing","data-empty":""===s(f).value.value?"":void 0,"data-invalid":s(f).invalid.value?"":void 0,onInput:x,onKeydown:y,onBlur:g},null,44,m)):i("",!0)}});export{c as default};

package/dist/editable/context.d.cts

@@ -1,10 +1,7 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
 /** The element `SkdxEditableInput` or `SkdxEditableTextarea` renders — whichever one the consumer mounted. */
 export type EditableInputElement = HTMLInputElement | HTMLTextAreaElement;
-/**
- * How to enter edit mode from preview. Enter/Space always work (button tab stop,
- * can't remove activation on focusable control).
- */
+/** How to enter edit mode from preview; Enter/Space always work regardless. */
 export type EditableActivationMode = 'click' | 'dblclick' | 'focus' | 'none';
 /** `value-revert` emit payload. */
 export interface EditableRevertDetail {
@@ -47,10 +44,7 @@ export interface EditableContext {
     inputRef: Ref<EditableInputElement | null>;
     /** Preview ref (root returns focus on exit edit). */
     previewRef: Ref<HTMLElement | null>;
-    /**
-     * Instant root returns focus to preview (`activationMode="focus"` reads it
-     * to avoid re-entering edit loop).
-     */
+    /** True while the root is returning focus to preview, so `activationMode="focus"` doesn't re-enter edit mode. */
     returningFocus: Ref<boolean>;
     /** Mounted editor's id (`SkdxEditableLabel` `for` target). */
     editorId: string;
@@ -65,10 +59,7 @@ export interface EditableContext {
 }
 /** @internal Injection key for Editable parts. */
 export declare const EDITABLE_CONTEXT: InjectionKey<EditableContext>;
-/**
- * @internal Split `placeholder` union into edit and preview strings.
- * Plain string sets both; object form separates for different roles.
- */
+/** @internal Splits the `placeholder` union into edit and preview strings. */
 export declare function splitPlaceholder(placeholder: string | EditablePlaceholder | undefined): {
     edit: string | undefined;
     preview: string | undefined;

package/dist/editable/context.d.ts

@@ -1,10 +1,7 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
 /** The element `SkdxEditableInput` or `SkdxEditableTextarea` renders — whichever one the consumer mounted. */
 export type EditableInputElement = HTMLInputElement | HTMLTextAreaElement;
-/**
- * How to enter edit mode from preview. Enter/Space always work (button tab stop,
- * can't remove activation on focusable control).
- */
+/** How to enter edit mode from preview; Enter/Space always work regardless. */
 export type EditableActivationMode = 'click' | 'dblclick' | 'focus' | 'none';
 /** `value-revert` emit payload. */
 export interface EditableRevertDetail {
@@ -47,10 +44,7 @@ export interface EditableContext {
     inputRef: Ref<EditableInputElement | null>;
     /** Preview ref (root returns focus on exit edit). */
     previewRef: Ref<HTMLElement | null>;
-    /**
-     * Instant root returns focus to preview (`activationMode="focus"` reads it
-     * to avoid re-entering edit loop).
-     */
+    /** True while the root is returning focus to preview, so `activationMode="focus"` doesn't re-enter edit mode. */
     returningFocus: Ref<boolean>;
     /** Mounted editor's id (`SkdxEditableLabel` `for` target). */
     editorId: string;
@@ -65,10 +59,7 @@ export interface EditableContext {
 }
 /** @internal Injection key for Editable parts. */
 export declare const EDITABLE_CONTEXT: InjectionKey<EditableContext>;
-/**
- * @internal Split `placeholder` union into edit and preview strings.
- * Plain string sets both; object form separates for different roles.
- */
+/** @internal Splits the `placeholder` union into edit and preview strings. */
 export declare function splitPlaceholder(placeholder: string | EditablePlaceholder | undefined): {
     edit: string | undefined;
     preview: string | undefined;

package/dist/editable/primitives.d.cts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for `SkdxEditable` — the parts the recipe composes.
- * Use when you need a different structure. Editable here is the barrel export,
- * derives anatomy when given no children.
+ * Advanced primitives for `SkdxEditable` — the parts the recipe composes into a custom structure.
  *
  * @example
  * ```vue

package/dist/editable/primitives.d.ts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for `SkdxEditable` — the parts the recipe composes.
- * Use when you need a different structure. Editable here is the barrel export,
- * derives anatomy when given no children.
+ * Advanced primitives for `SkdxEditable` — the parts the recipe composes into a custom structure.
  *
  * @example
  * ```vue