@skdx/vue 0.26.0

package/dist/floating-panel/index.d.ts

@@ -0,0 +1,11 @@
+export { default as SkdxFloatingPanel } from './FloatingPanel.vue.js';
+export { default as SkdxFloatingPanelTrigger } from './FloatingPanelTrigger.vue.js';
+export { default as SkdxFloatingPanelPortal } from './FloatingPanelPortal.vue.js';
+export { default as SkdxFloatingPanelContent } from './FloatingPanelContent.vue.js';
+export { default as SkdxFloatingPanelHeader } from './FloatingPanelHeader.vue.js';
+export { default as SkdxFloatingPanelTitle } from './FloatingPanelTitle.vue.js';
+export { default as SkdxFloatingPanelCloseTrigger } from './FloatingPanelCloseTrigger.vue.js';
+export { default as SkdxFloatingPanelResizeTrigger } from './FloatingPanelResizeTrigger.vue.js';
+export { default as SkdxFloatingPanelStageTrigger } from './FloatingPanelStageTrigger.vue.js';
+export { gestureAnnouncement } from './context.js';
+export type { FloatingPanelGeometry, FloatingPanelPosition, FloatingPanelResizeDirection, FloatingPanelSize, FloatingPanelStage, } from './context.js';

package/dist/floating-panel/index.js

@@ -0,0 +1 @@
+import{gestureAnnouncement as e}from"./context.js";import a from"./FloatingPanel.vue.js";import n from"./FloatingPanelTrigger.vue.js";import o from"./FloatingPanelPortal.vue.js";import t from"./FloatingPanelContent.vue.js";import r from"./FloatingPanelHeader.vue.js";import l from"./FloatingPanelTitle.vue.js";import i from"./FloatingPanelCloseTrigger.vue.js";import g from"./FloatingPanelResizeTrigger.vue.js";import s from"./FloatingPanelStageTrigger.vue.js";export{a as SkdxFloatingPanel,i as SkdxFloatingPanelCloseTrigger,t as SkdxFloatingPanelContent,r as SkdxFloatingPanelHeader,o as SkdxFloatingPanelPortal,g as SkdxFloatingPanelResizeTrigger,s as SkdxFloatingPanelStageTrigger,l as SkdxFloatingPanelTitle,n as SkdxFloatingPanelTrigger,e as gestureAnnouncement};

package/dist/form/Form.vue.cjs

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

package/dist/form/Form.vue.d.cts

@@ -0,0 +1,34 @@
+/**
+ * The Vue implementation of the shared Form contract (see `@skdx/shared`'s
+ * `formContract`). Renders a native `<form>` and wires the browser's native
+ * Constraint Validation API into a headless error-message system: on
+ * submit, `checkValidity()` runs across every field; if any fail, the
+ * native `invalid` event is captured (suppressing the browser's
+ * validation-bubble UI) to snapshot that field's validity via a
+ * capture-phase listener, the submit is prevented, and `submit` is not
+ * emitted. Fields are also re-validated on `blur` and `change`.
+ *
+ * No custom validators — `required`/`pattern`/`min`/`type="email"` etc. on
+ * the consumer's own input (rendered through `SkdxFormControl`) do the
+ * validating.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** The underlying native form element. */
+    el: import("vue").Ref<HTMLFormElement | null, HTMLFormElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/Form.vue.d.ts

@@ -0,0 +1,34 @@
+/**
+ * The Vue implementation of the shared Form contract (see `@skdx/shared`'s
+ * `formContract`). Renders a native `<form>` and wires the browser's native
+ * Constraint Validation API into a headless error-message system: on
+ * submit, `checkValidity()` runs across every field; if any fail, the
+ * native `invalid` event is captured (suppressing the browser's
+ * validation-bubble UI) to snapshot that field's validity via a
+ * capture-phase listener, the submit is prevented, and `submit` is not
+ * emitted. Fields are also re-validated on `blur` and `change`.
+ *
+ * No custom validators — `required`/`pattern`/`min`/`type="email"` etc. on
+ * the consumer's own input (rendered through `SkdxFormControl`) do the
+ * validating.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** The underlying native form element. */
+    el: import("vue").Ref<HTMLFormElement | null, HTMLFormElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/Form.vue.js

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

package/dist/form/Form.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let t=require("vue");var c=(0,t.defineComponent)({__name:"Form",emits:["submit"],setup(p,{expose:f,emit:s}){const m=s,i=(0,t.ref)(null),o=(0,t.ref)({});function a(e){if(!e||!("validity"in e)||!("name"in e))return;const n=e;n.name&&(o.value={...o.value,[n.name]:d.snapshotValidity(n.validity)})}function l(e){e.preventDefault(),a(e.target)}function u(e){a(e.target)}let r=null;(0,t.onMounted)(()=>{const e=i.value;e&&(r=e,e.addEventListener("invalid",l,!0),e.addEventListener("blur",u,!0),e.addEventListener("change",u,!0))}),(0,t.onUnmounted)(()=>{r&&(r.removeEventListener("invalid",l,!0),r.removeEventListener("blur",u,!0),r.removeEventListener("change",u,!0))});function v(e){if(e.defaultPrevented)return;const n=i.value;if(n){if(!n.checkValidity()){e.preventDefault();return}m("submit",e)}}return(0,t.provide)(d.FORM_CONTEXT,{validities:o}),f({el:i}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("form",{class:"skdx-form","data-part":"root","data-skdx-component":"form",ref_key:"formRef",ref:i,onSubmit:v},[(0,t.renderSlot)(e.$slots,"default")],544))}});exports.default=c;

package/dist/form/Form.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FORM_CONTEXT as e,snapshotValidity as t}from"./context.js";import{createElementBlock as n,defineComponent as a,onMounted as r,onUnmounted as o,openBlock as i,provide as s,ref as l,renderSlot as u}from"vue";var d=/* @__PURE__ */a({__name:"Form",emits:["submit"],setup(a,{expose:d,emit:m}){const v=m,f=l(null),c=l({});function p(e){if(!e||!("validity"in e)||!("name"in e))return;const n=e;n.name&&(c.value={...c.value,[n.name]:t(n.validity)})}function E(e){e.preventDefault(),p(e.target)}function k(e){p(e.target)}let L=null;function b(e){if(e.defaultPrevented)return;const t=f.value;if(t){if(!t.checkValidity())return void e.preventDefault();v("submit",e)}}return r(()=>{const e=f.value;e&&(L=e,e.addEventListener("invalid",E,!0),e.addEventListener("blur",k,!0),e.addEventListener("change",k,!0))}),o(()=>{L&&(L.removeEventListener("invalid",E,!0),L.removeEventListener("blur",k,!0),L.removeEventListener("change",k,!0))}),s(e,{validities:c}),d({el:f}),(e,t)=>(i(),n("form",{class:"skdx-form","data-part":"root","data-skdx-component":"form",ref_key:"formRef",ref:f,onSubmit:b},[u(e.$slots,"default")],544))}});export{d as default};

package/dist/form/FormControl.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FormControl.vue_vue_type_script_lang.cjs");var r=e.default;exports.default=r;

package/dist/form/FormControl.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Injects `id`, `name`, `aria-invalid`, and `aria-describedby` (pointing at
+ * the field's `SkdxFormMessage`) onto its single default-slot child, without
+ * adding a wrapper DOM element. Must be rendered inside a `SkdxFormField`,
+ * and typically inside a `SkdxForm` so validity is tracked.
+ *
+ * This is the Vue-idiomatic equivalent of React's `asChild`/`Slot` pattern:
+ * Vue has no template-level "render props onto my single child" primitive,
+ * so this uses `cloneVNode` + `mergeProps` on the single default-slot vnode
+ * in a plain render function — the first component in this package needing
+ * that approach (every other compound component here renders its own real
+ * DOM element).
+ */
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/form/FormControl.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Injects `id`, `name`, `aria-invalid`, and `aria-describedby` (pointing at
+ * the field's `SkdxFormMessage`) onto its single default-slot child, without
+ * adding a wrapper DOM element. Must be rendered inside a `SkdxFormField`,
+ * and typically inside a `SkdxForm` so validity is tracked.
+ *
+ * This is the Vue-idiomatic equivalent of React's `asChild`/`Slot` pattern:
+ * Vue has no template-level "render props onto my single child" primitive,
+ * so this uses `cloneVNode` + `mergeProps` on the single default-slot vnode
+ * in a plain render function — the first component in this package needing
+ * that approach (every other compound component here renders its own real
+ * DOM element).
+ */
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/form/FormControl.vue.js

@@ -0,0 +1 @@
+import r from"./FormControl.vue_vue_type_script_lang.js";var o=r;export{o as default};

package/dist/form/FormControl.vue_vue_type_script_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let r=require("vue");var a=(0,r.defineComponent)({name:"SkdxFormControl",setup(s,{slots:l}){const e=(0,r.inject)(d.FORM_FIELD_CONTEXT);if(!e)throw new Error("<SkdxFormControl> must be used inside <SkdxFormField>.");const t=(0,r.inject)(d.FORM_CONTEXT);if(!t)throw new Error("<SkdxFormControl> must be used inside <SkdxForm>.");return()=>{const o=l.default?.()?.[0];if(!o)throw new Error("<SkdxFormControl> requires exactly one child element.");const i=t.validities.value[e.name],n=i?!i.valid:!1;return(0,r.cloneVNode)(o,(0,r.mergeProps)({id:e.id,name:e.name,"aria-invalid":n||void 0,"aria-describedby":n?e.messageId:void 0,class:"skdx-form__control","data-part":"control"},o.props??{}))}}});exports.default=a;

package/dist/form/FormControl.vue_vue_type_script_lang.js

@@ -0,0 +1 @@
+import{FORM_CONTEXT as o,FORM_FIELD_CONTEXT as r}from"./context.js";import{cloneVNode as e,defineComponent as t,inject as s,mergeProps as n}from"vue";var a=t({name:"SkdxFormControl",setup(t,{slots:a}){const d=s(r);if(!d)throw new Error("<SkdxFormControl> must be used inside <SkdxFormField>.");const i=s(o);if(!i)throw new Error("<SkdxFormControl> must be used inside <SkdxForm>.");return()=>{const o=a.default?.()?.[0];if(!o)throw new Error("<SkdxFormControl> requires exactly one child element.");const r=i.validities.value[d.name],t=!!r&&!r.valid;return e(o,n({id:d.id,name:d.name,"aria-invalid":t||void 0,"aria-describedby":t?d.messageId:void 0,class:"skdx-form__control","data-part":"control"},o.props??{}))}}});export{a as default};

package/dist/form/FormErrorSummary.vue.cjs

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

package/dist/form/FormErrorSummary.vue.d.cts

@@ -0,0 +1,43 @@
+/**
+ * The GOV.UK error summary for a `SkdxForm`: a `role="alert"` container listing
+ * one in-page link per currently-failing `SkdxField`, focused the first time it
+ * appears so a keyboard or screen-reader user lands on the errors rather than
+ * back at the top of the page.
+ *
+ * It keeps no field registry. It scans its form for
+ * `[data-skdx-field][data-invalid]` and re-scans whenever a Field's bubbling
+ * `validity-change` event reaches it, so any Field anywhere in the form is
+ * listed without registering itself. Clicking a link focuses that field's
+ * control — or, when the field is a group, the first control *inside* the
+ * group, which is the GOV.UK rule.
+ *
+ * Rendered (empty and `hidden`) even with nothing to report, so the alert fires
+ * when its content appears.
+ *
+ * @example
+ * ```vue
+ * <SkdxForm @submit="save">
+ *   <SkdxFormErrorSummary><h2>There is a problem</h2></SkdxFormErrorSummary>
+ *   <SkdxField :validate="required">…</SkdxField>
+ *   <SkdxFormSubmit>Save</SkdxFormSubmit>
+ * </SkdxForm>
+ * ```
+ */
+type __VLS_Props = {
+    /** Whether to take focus the first time the summary has something to report. */
+    autoFocus?: boolean;
+};
+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<{}>, {
+    autoFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormErrorSummary.vue.d.ts

@@ -0,0 +1,43 @@
+/**
+ * The GOV.UK error summary for a `SkdxForm`: a `role="alert"` container listing
+ * one in-page link per currently-failing `SkdxField`, focused the first time it
+ * appears so a keyboard or screen-reader user lands on the errors rather than
+ * back at the top of the page.
+ *
+ * It keeps no field registry. It scans its form for
+ * `[data-skdx-field][data-invalid]` and re-scans whenever a Field's bubbling
+ * `validity-change` event reaches it, so any Field anywhere in the form is
+ * listed without registering itself. Clicking a link focuses that field's
+ * control — or, when the field is a group, the first control *inside* the
+ * group, which is the GOV.UK rule.
+ *
+ * Rendered (empty and `hidden`) even with nothing to report, so the alert fires
+ * when its content appears.
+ *
+ * @example
+ * ```vue
+ * <SkdxForm @submit="save">
+ *   <SkdxFormErrorSummary><h2>There is a problem</h2></SkdxFormErrorSummary>
+ *   <SkdxField :validate="required">…</SkdxField>
+ *   <SkdxFormSubmit>Save</SkdxFormSubmit>
+ * </SkdxForm>
+ * ```
+ */
+type __VLS_Props = {
+    /** Whether to take focus the first time the summary has something to report. */
+    autoFocus?: boolean;
+};
+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<{}>, {
+    autoFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormErrorSummary.vue.js

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

package/dist/form/FormErrorSummary.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../field/fieldCore.cjs");let e=require("vue");var m=["hidden"],_={class:"skdx-form__error-summary-list"},f=["href","onClick"],p=(0,e.defineComponent)({__name:"FormErrorSummary",props:{autoFocus:{type:Boolean,default:!0}},setup(i){const c=i,a=(0,e.ref)(null),o=(0,e.ref)([]);let r=null;function d(){r&&(o.value=n.collectFieldErrors(r))}const u=()=>{(0,e.nextTick)(d)};(0,e.onMounted)(()=>{const t=a.value;t&&(r=n.errorSummaryScope(t),u(),r.addEventListener(n.FIELD_VALIDITY_CHANGE_EVENT,u))}),(0,e.onUnmounted)(()=>{r?.removeEventListener(n.FIELD_VALIDITY_CHANGE_EVENT,u),r=null});let s=!1;return(0,e.watch)(o,t=>{if(t.length===0){s=!1;return}s||(s=!0,c.autoFocus&&a.value?.focus())},{flush:"post"}),(t,v)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-form__error-summary","data-part":"error-summary",ref_key:"rootRef",ref:a,role:"alert",tabindex:"-1","data-skdx-error-summary":"",hidden:o.value.length===0},[o.value.length>0?(0,e.renderSlot)(t.$slots,"default",{key:0}):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("ul",_,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.value,l=>((0,e.openBlock)(),(0,e.createElementBlock)("li",{key:l.id},[(0,e.createElementVNode)("a",{class:"skdx-form__error-summary-link",href:`#${l.id}`,onClick:(0,e.withModifiers)(E=>(0,e.unref)(n.focusFieldTarget)(l.id),["prevent"])},(0,e.toDisplayString)(l.message),9,f)]))),128))])],8,m))}});exports.default=p;

package/dist/form/FormErrorSummary.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FIELD_VALIDITY_CHANGE_EVENT as e,collectFieldErrors as r,errorSummaryScope as a,focusFieldTarget as s}from"../field/fieldCore.js";import{Fragment as o,createCommentVNode as t,createElementBlock as l,createElementVNode as n,defineComponent as u,nextTick as d,onMounted as m,onUnmounted as i,openBlock as c,ref as f,renderList as p,renderSlot as k,toDisplayString as v,unref as y,watch as _,withModifiers as h}from"vue";var E=["hidden"],g={class:"skdx-form__error-summary-list"},x=["href","onClick"],F=/* @__PURE__ */u({__name:"FormErrorSummary",props:{autoFocus:{type:Boolean,default:!0}},setup(u){const F=u,C=f(null),L=f([]);let S=null;function N(){S&&(L.value=r(S))}const T=()=>{d(N)};m(()=>{const r=C.value;r&&(S=a(r),T(),S.addEventListener(e,T))}),i(()=>{S?.removeEventListener(e,T),S=null});let V=!1;return _(L,e=>{0!==e.length?V||(V=!0,F.autoFocus&&C.value?.focus()):V=!1},{flush:"post"}),(e,r)=>(c(),l("div",{class:"skdx-form__error-summary","data-part":"error-summary",ref_key:"rootRef",ref:C,role:"alert",tabindex:"-1","data-skdx-error-summary":"",hidden:0===L.value.length},[L.value.length>0?k(e.$slots,"default",{key:0}):t("",!0),n("ul",g,[(c(!0),l(o,null,p(L.value,e=>(c(),l("li",{key:e.id},[n("a",{class:"skdx-form__error-summary-link",href:`#${e.id}`,onClick:h(r=>y(s)(e.id),["prevent"])},v(e.message),9,x)]))),128))])],8,E))}});export{F as default};

package/dist/form/FormField.vue.cjs

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

package/dist/form/FormField.vue.d.cts

@@ -0,0 +1,21 @@
+/**
+ * Groups one field's `SkdxFormLabel`, `SkdxFormControl`, and
+ * `SkdxFormMessage`(s), generating the shared `id`/`messageId` pair and
+ * distributing them plus `name` via context. Renders a plain `<div>`.
+ */
+type __VLS_Props = {
+    /** Field name, matched against the name attribute of the native input rendered inside FormControl. */
+    name: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormField.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Groups one field's `SkdxFormLabel`, `SkdxFormControl`, and
+ * `SkdxFormMessage`(s), generating the shared `id`/`messageId` pair and
+ * distributing them plus `name` via context. Renders a plain `<div>`.
+ */
+type __VLS_Props = {
+    /** Field name, matched against the name attribute of the native input rendered inside FormControl. */
+    name: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormField.vue.js

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

package/dist/form/FormField.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("../utils/id.cjs"),r=require("./context.cjs");let e=require("vue");var s={class:"skdx-form__field","data-part":"field"},a=(0,e.defineComponent)({__name:"FormField",props:{name:{}},setup(d){const o=d,t=i.stableUid();return(0,e.provide)(r.FORM_FIELD_CONTEXT,{get name(){return o.name},id:r.nextFormFieldId("control",t),messageId:r.nextFormFieldId("message",t)}),(n,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",s,[(0,e.renderSlot)(n.$slots,"default")]))}});exports.default=a;

package/dist/form/FormField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{stableUid as e}from"../utils/id.js";import{FORM_FIELD_CONTEXT as s,nextFormFieldId as a}from"./context.js";import{createElementBlock as t,defineComponent as o,openBlock as r,provide as d,renderSlot as m}from"vue";var n={class:"skdx-form__field","data-part":"field"},l=/* @__PURE__ */o({__name:"FormField",props:{name:{}},setup(o){const l=o,i=e();return d(s,{get name(){return l.name},id:a("control",i),messageId:a("message",i)}),(e,s)=>(r(),t("div",n,[m(e.$slots,"default")]))}});export{l as default};

package/dist/form/FormLabel.vue.cjs

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

package/dist/form/FormLabel.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * A `<label>` for a `SkdxFormField`'s control. Reads the field's `id` from
+ * context and sets `for` to it. Must be rendered inside a `SkdxFormField`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormLabel.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A `<label>` for a `SkdxFormField`'s control. Reads the field's `id` from
+ * context and sets `for` to it. Must be rendered inside a `SkdxFormField`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormLabel.vue.js

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

package/dist/form/FormLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var o=["for"],_=(0,e.defineComponent)({__name:"FormLabel",setup(a){const r=(0,e.inject)(l.FORM_FIELD_CONTEXT);if(!r)throw new Error("<SkdxFormLabel> must be used inside <SkdxFormField>.");return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-form__label","data-part":"label",for:(0,e.unref)(r).id},[(0,e.renderSlot)(t.$slots,"default")],8,o))}});exports.default=_;

package/dist/form/FormLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FORM_FIELD_CONTEXT as e}from"./context.js";import{createElementBlock as r,defineComponent as a,inject as o,openBlock as t,renderSlot as s,unref as l}from"vue";var n=["for"],d=/* @__PURE__ */a({__name:"FormLabel",setup(a){const d=o(e);if(!d)throw new Error("<SkdxFormLabel> must be used inside <SkdxFormField>.");return(e,a)=>(t(),r("label",{class:"skdx-form__label","data-part":"label",for:l(d).id},[s(e.$slots,"default")],8,n))}});export{d as default};

package/dist/form/FormMessage.vue.cjs

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

package/dist/form/FormMessage.vue.d.cts

@@ -0,0 +1,30 @@
+import { type ValiditySnapshot } from './context.cjs';
+/**
+ * A validation message for a `SkdxFormField`, rendered as a `<span>` whose
+ * `id` matches the field's `aria-describedby`. Renders nothing until either
+ * `forceMatch` is set, or the field has a validity snapshot that matches:
+ * with `match`, only when that specific `ValidityState` flag (e.g.
+ * `valueMissing`) is true; without it, whenever the field is invalid at
+ * all. Must be used inside a `SkdxFormField`, typically inside a `SkdxForm`.
+ */
+type __VLS_Props = {
+    /** Which ValidityState flag to show this message for; omit to match any invalid state. */
+    match?: keyof ValiditySnapshot;
+    /** Always render regardless of native validity — for async/server errors. */
+    forceMatch?: boolean;
+};
+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<{}>, {
+    match: keyof ValiditySnapshot;
+    forceMatch: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormMessage.vue.d.ts

@@ -0,0 +1,30 @@
+import { type ValiditySnapshot } from './context.js';
+/**
+ * A validation message for a `SkdxFormField`, rendered as a `<span>` whose
+ * `id` matches the field's `aria-describedby`. Renders nothing until either
+ * `forceMatch` is set, or the field has a validity snapshot that matches:
+ * with `match`, only when that specific `ValidityState` flag (e.g.
+ * `valueMissing`) is true; without it, whenever the field is invalid at
+ * all. Must be used inside a `SkdxFormField`, typically inside a `SkdxForm`.
+ */
+type __VLS_Props = {
+    /** Which ValidityState flag to show this message for; omit to match any invalid state. */
+    match?: keyof ValiditySnapshot;
+    /** Always render regardless of native validity — for async/server errors. */
+    forceMatch?: boolean;
+};
+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<{}>, {
+    match: keyof ValiditySnapshot;
+    forceMatch: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormMessage.vue.js

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

package/dist/form/FormMessage.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var u=["id"],i=(0,e.defineComponent)({__name:"FormMessage",props:{match:{default:void 0},forceMatch:{type:Boolean,default:!1}},setup(n){const r=n,s=(0,e.inject)(o.FORM_FIELD_CONTEXT);if(!s)throw new Error("<SkdxFormMessage> must be used inside <SkdxFormField>.");const a=(0,e.inject)(o.FORM_CONTEXT);if(!a)throw new Error("<SkdxFormMessage> must be used inside <SkdxForm>.");const d=(0,e.computed)(()=>{if(r.forceMatch)return!0;const t=a.validities.value[s.name];return t?r.match?t[r.match]===!0:!t.valid:!1});return(t,c)=>d.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-form__message","data-part":"message",id:(0,e.unref)(s).messageId},[(0,e.renderSlot)(t.$slots,"default")],8,u)):(0,e.createCommentVNode)("",!0)}});exports.default=i;

package/dist/form/FormMessage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FORM_CONTEXT as e,FORM_FIELD_CONTEXT as s}from"./context.js";import{computed as a,createCommentVNode as t,createElementBlock as o,defineComponent as r,inject as d,openBlock as m,renderSlot as n,unref as c}from"vue";var i=["id"],u=/* @__PURE__ */r({__name:"FormMessage",props:{match:{default:void 0},forceMatch:{type:Boolean,default:!1}},setup(r){const u=r,l=d(s);if(!l)throw new Error("<SkdxFormMessage> must be used inside <SkdxFormField>.");const f=d(e);if(!f)throw new Error("<SkdxFormMessage> must be used inside <SkdxForm>.");const p=a(()=>{if(u.forceMatch)return!0;const e=f.validities.value[l.name];return!!e&&(u.match?!0===e[u.match]:!e.valid)});return(e,s)=>p.value?(m(),o("span",{key:0,class:"skdx-form__message","data-part":"message",id:c(l).messageId},[n(e.$slots,"default")],8,i)):t("",!0)}});export{u as default};

package/dist/form/FormSubmit.vue.cjs

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

package/dist/form/FormSubmit.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * A `type="submit"` button for a `SkdxForm`. No context reads — submitting
+ * triggers the form's native `checkValidity()` pass.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormSubmit.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A `type="submit"` button for a `SkdxForm`. No context reads — submitting
+ * triggers the form's native `checkValidity()` pass.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormSubmit.vue.js

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

package/dist/form/FormSubmit.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-form__submit","data-part":"submit",type:"submit"},u=(0,e.defineComponent)({__name:"FormSubmit",setup(_){return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=u;

package/dist/form/FormSubmit.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as t,defineComponent as e,openBlock as a,renderSlot as s}from"vue";var o={class:"skdx-form__submit","data-part":"submit",type:"submit"},m=/* @__PURE__ */e({__name:"FormSubmit",setup:e=>(e,m)=>(a(),t("button",o,[s(e.$slots,"default")]))});export{m as default};

package/dist/form/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var t=Symbol("skdx-form-context"),n=Symbol("skdx-form-field-context");function s(o,r){return r?`skdx-form-field-${o}-${r}`:e.nextId(`form-field-${o}`)}function m(o){return{badInput:o.badInput,customError:o.customError,patternMismatch:o.patternMismatch,rangeOverflow:o.rangeOverflow,rangeUnderflow:o.rangeUnderflow,stepMismatch:o.stepMismatch,tooLong:o.tooLong,tooShort:o.tooShort,typeMismatch:o.typeMismatch,valueMissing:o.valueMissing,valid:o.valid}}exports.FORM_CONTEXT=t;exports.FORM_FIELD_CONTEXT=n;exports.nextFormFieldId=s;exports.snapshotValidity=m;

package/dist/form/context.d.cts

@@ -0,0 +1,48 @@
+import type { InjectionKey, Ref } from 'vue';
+/** A plain-object mirror of the native `ValidityState` for one field. */
+export interface ValiditySnapshot {
+    badInput: boolean;
+    customError: boolean;
+    patternMismatch: boolean;
+    rangeOverflow: boolean;
+    rangeUnderflow: boolean;
+    stepMismatch: boolean;
+    tooLong: boolean;
+    tooShort: boolean;
+    typeMismatch: boolean;
+    valueMissing: boolean;
+    valid: boolean;
+}
+/** @internal Injection key a Form provides so its descendants can read per-field validity. */
+export interface FormContext {
+    validities: Ref<Record<string, ValiditySnapshot | undefined>>;
+}
+/** @internal Injection key the Form root provides so its descendant fields can read the per-field validity map. */
+export declare const FORM_CONTEXT: InjectionKey<FormContext>;
+/** @internal Injection key a FormField provides so FormLabel/FormControl/FormMessage can read field identity. */
+export interface FormFieldContext {
+    name: string;
+    id: string;
+    messageId: string;
+}
+/** @internal Injection key a FormField provides so its Label, Control, and Message share the field name and part ids. */
+export declare const FORM_FIELD_CONTEXT: InjectionKey<FormFieldContext>;
+/**
+ * @internal Generates a unique id for a FormField's control/message pair.
+ *
+ * Prefers Vue 3.5's `useId()`, which yields the same value on the server and
+ * on the client. The module-level counter does not: `SkdxFormControl` clones
+ * its child vnode, so the child keeps the static patch flag it was compiled
+ * with and hydration never writes the fresh `id` onto the real `<input>` —
+ * leaving the SSR id on the control while the label's genuinely-dynamic
+ * `for` was patched to the client counter's value, and the two stopped
+ * matching. Falls back to the counter on Vue < 3.5 (the declared peer range);
+ * `stableUid` in `utils/id.ts` owns that feature detection now.
+ *
+ * The single `uid` shared by both parts is what keeps the pair derivable from
+ * one `useId()` call, so `SkdxFormControl`'s clone and `SkdxFormLabel`'s `for`
+ * cannot drift apart.
+ */
+export declare function nextFormFieldId(part: 'control' | 'message', uid?: string): string;
+/** @internal Copies a live ValidityState into a plain, serializable ValiditySnapshot object. */
+export declare function snapshotValidity(validity: ValidityState): ValiditySnapshot;

package/dist/form/context.d.ts

@@ -0,0 +1,48 @@
+import type { InjectionKey, Ref } from 'vue';
+/** A plain-object mirror of the native `ValidityState` for one field. */
+export interface ValiditySnapshot {
+    badInput: boolean;
+    customError: boolean;
+    patternMismatch: boolean;
+    rangeOverflow: boolean;
+    rangeUnderflow: boolean;
+    stepMismatch: boolean;
+    tooLong: boolean;
+    tooShort: boolean;
+    typeMismatch: boolean;
+    valueMissing: boolean;
+    valid: boolean;
+}
+/** @internal Injection key a Form provides so its descendants can read per-field validity. */
+export interface FormContext {
+    validities: Ref<Record<string, ValiditySnapshot | undefined>>;
+}
+/** @internal Injection key the Form root provides so its descendant fields can read the per-field validity map. */
+export declare const FORM_CONTEXT: InjectionKey<FormContext>;
+/** @internal Injection key a FormField provides so FormLabel/FormControl/FormMessage can read field identity. */
+export interface FormFieldContext {
+    name: string;
+    id: string;
+    messageId: string;
+}
+/** @internal Injection key a FormField provides so its Label, Control, and Message share the field name and part ids. */
+export declare const FORM_FIELD_CONTEXT: InjectionKey<FormFieldContext>;
+/**
+ * @internal Generates a unique id for a FormField's control/message pair.
+ *
+ * Prefers Vue 3.5's `useId()`, which yields the same value on the server and
+ * on the client. The module-level counter does not: `SkdxFormControl` clones
+ * its child vnode, so the child keeps the static patch flag it was compiled
+ * with and hydration never writes the fresh `id` onto the real `<input>` —
+ * leaving the SSR id on the control while the label's genuinely-dynamic
+ * `for` was patched to the client counter's value, and the two stopped
+ * matching. Falls back to the counter on Vue < 3.5 (the declared peer range);
+ * `stableUid` in `utils/id.ts` owns that feature detection now.
+ *
+ * The single `uid` shared by both parts is what keeps the pair derivable from
+ * one `useId()` call, so `SkdxFormControl`'s clone and `SkdxFormLabel`'s `for`
+ * cannot drift apart.
+ */
+export declare function nextFormFieldId(part: 'control' | 'message', uid?: string): string;
+/** @internal Copies a live ValidityState into a plain, serializable ValiditySnapshot object. */
+export declare function snapshotValidity(validity: ValidityState): ValiditySnapshot;

package/dist/form/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var o=/* @__PURE__ */Symbol("skdx-form-context"),r=/* @__PURE__ */Symbol("skdx-form-field-context");function e(o,r){return r?`skdx-form-field-${o}-${r}`:t(`form-field-${o}`)}function a(t){return{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing,valid:t.valid}}export{o as FORM_CONTEXT,r as FORM_FIELD_CONTEXT,e as nextFormFieldId,a as snapshotValidity};

package/dist/form/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Form.vue.cjs"),e=require("./FormField.vue.cjs"),o=require("./FormLabel.vue.cjs"),u=require("./FormControl.vue.cjs"),t=require("./FormMessage.vue.cjs"),m=require("./FormSubmit.vue.cjs"),i=require("./FormErrorSummary.vue.cjs");exports.SkdxForm=r.default;exports.SkdxFormControl=u.default;exports.SkdxFormErrorSummary=i.default;exports.SkdxFormField=e.default;exports.SkdxFormLabel=o.default;exports.SkdxFormMessage=t.default;exports.SkdxFormSubmit=m.default;