@skdx/vue 0.26.0

package/dist/data-list/DataListLabel.vue.d.cts

@@ -0,0 +1,21 @@
+/**
+ * The key half of a pair. Renders a `<dt>`, which is what associates this term
+ * with the `<SkdxDataListValue>` (`<dd>`) that follows it. A `<span>` or a
+ * `<div>` with a class name looks identical and conveys nothing.
+ *
+ * Do not put a `<label>` here: nothing in a data list is a form control, and
+ * `<label>` without a control is a name with nothing to name.
+ */
+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/data-list/DataListLabel.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The key half of a pair. Renders a `<dt>`, which is what associates this term
+ * with the `<SkdxDataListValue>` (`<dd>`) that follows it. A `<span>` or a
+ * `<div>` with a class name looks identical and conveys nothing.
+ *
+ * Do not put a `<label>` here: nothing in a data list is a form control, and
+ * `<label>` without a control is a name with nothing to name.
+ */
+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/data-list/DataListLabel.vue.js

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

package/dist/data-list/DataListLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-data-list__label","data-part":"label"},l=(0,e.defineComponent)({__name:"DataListLabel",setup(_){return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("dt",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=l;

package/dist/data-list/DataListLabel.vue_vue_type_script_setup_true_lang.js

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

package/dist/data-list/DataListValue.vue.cjs

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

package/dist/data-list/DataListValue.vue.d.cts

@@ -0,0 +1,21 @@
+/**
+ * The value half of a pair. Renders a `<dd>`, describing the `<dt>` that
+ * precedes it.
+ *
+ * One `<dt>` may be followed by several `<dd>`s — that is how you express a key
+ * with multiple values (three email addresses, four tags) without repeating the
+ * label.
+ */
+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/data-list/DataListValue.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The value half of a pair. Renders a `<dd>`, describing the `<dt>` that
+ * precedes it.
+ *
+ * One `<dt>` may be followed by several `<dd>`s — that is how you express a key
+ * with multiple values (three email addresses, four tags) without repeating the
+ * label.
+ */
+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/data-list/DataListValue.vue.js

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

package/dist/data-list/DataListValue.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-data-list__value","data-part":"value"},_=(0,e.defineComponent)({__name:"DataListValue",setup(l){return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("dd",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/data-list/DataListValue.vue_vue_type_script_setup_true_lang.js

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

package/dist/data-list/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataList.vue.cjs"),t=require("./DataListItem.vue.cjs"),a=require("./DataListLabel.vue.cjs"),r=require("./DataListValue.vue.cjs");exports.SkdxDataList=e.default;exports.SkdxDataListItem=t.default;exports.SkdxDataListLabel=a.default;exports.SkdxDataListValue=r.default;

package/dist/data-list/index.d.cts

@@ -0,0 +1,5 @@
+export { default as SkdxDataList } from './DataList.vue.cjs';
+export { default as SkdxDataListItem } from './DataListItem.vue.cjs';
+export { default as SkdxDataListLabel } from './DataListLabel.vue.cjs';
+export { default as SkdxDataListValue } from './DataListValue.vue.cjs';
+export type { DataListOrientation } from './types.cjs';

package/dist/data-list/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SkdxDataList } from './DataList.vue.js';
+export { default as SkdxDataListItem } from './DataListItem.vue.js';
+export { default as SkdxDataListLabel } from './DataListLabel.vue.js';
+export { default as SkdxDataListValue } from './DataListValue.vue.js';
+export type { DataListOrientation } from './types.js';

package/dist/data-list/index.js

@@ -0,0 +1 @@
+import a from"./DataList.vue.js";import t from"./DataListItem.vue.js";import s from"./DataListLabel.vue.js";import i from"./DataListValue.vue.js";export{a as SkdxDataList,t as SkdxDataListItem,s as SkdxDataListLabel,i as SkdxDataListValue};

package/dist/data-list/types.d.cts

@@ -0,0 +1,11 @@
+/**
+ * Layout axis of a `SkdxDataList`. Mirrors React's `DataListOrientation`
+ * (`packages/react/src/data-list/types.ts:4`) and the web components'
+ * (`packages/web-components/src/data-list/DataList.ts:7`), so the value can be
+ * typed once and passed across packages.
+ *
+ * `data-list` has no injection context of its own — its parts are pure
+ * markup — so this lives in a `types.ts` the way the React reference does,
+ * rather than in a `context.ts` that would exist only to hold it.
+ */
+export type DataListOrientation = 'horizontal' | 'vertical';

package/dist/data-list/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Layout axis of a `SkdxDataList`. Mirrors React's `DataListOrientation`
+ * (`packages/react/src/data-list/types.ts:4`) and the web components'
+ * (`packages/web-components/src/data-list/DataList.ts:7`), so the value can be
+ * typed once and passed across packages.
+ *
+ * `data-list` has no injection context of its own — its parts are pure
+ * markup — so this lives in a `types.ts` the way the React reference does,
+ * rather than in a `context.ts` that would exist only to hold it.
+ */
+export type DataListOrientation = 'horizontal' | 'vertical';

package/dist/date-field/DateField.vue.cjs

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

package/dist/date-field/DateField.vue.d.cts

@@ -0,0 +1,115 @@
+import { type Granularity, type HourCycle, type SegmentType } from '../utils/dateSegments.cjs';
+/**
+ * The Vue implementation of the shared DateField contract (see `@skdx/shared`'s
+ * `dateFieldContract`). Segmented keyboard entry of a date — the typed
+ * counterpart of `SkdxCalendar`, and the typed-input part of `SkdxDatePicker`.
+ * Renders a `role="group"` holding one `role="spinbutton"` per segment,
+ * interleaved with the locale's own separators: both the segment order and
+ * those separators come from `Intl.DateTimeFormat.formatToParts`, so `en-US`
+ * reads `mm/dd/yyyy` and `de-DE` reads `dd.mm.yyyy` with no bundled locale
+ * table.
+ *
+ * Arrow Up/Down step the focused segment (wrapping at its bounds), Arrow
+ * Left/Right move between segments (mirrored under `dir="rtl"`), digits type
+ * with roll-over — typing `1` then `5` into a month gives `05`, not a rejected
+ * keystroke — and Backspace/Delete clear a segment back to its placeholder.
+ * `value-change` only ever fires with a complete date or `null`, never a
+ * half-typed one.
+ *
+ * Works controlled (`v-model:value` / `@value-change`) or uncontrolled
+ * (`defaultValue`).
+ *
+ * With a `name`, a visually-hidden input submits the date with the surrounding
+ * `<form>`, and `checkValidity()`/`reportValidity()` — exposed on this root —
+ * delegate to it. Resetting the form restores the date the field was declared
+ * with, emitting `value-change` so a controlled parent follows it.
+ */
+type __VLS_Props = {
+    /** Current date, for controlled usage. Pair with `v-model:value` or `@value-change`. `null` while any segment is still untyped. */
+    value?: Date | null;
+    /** Initial date, for uncontrolled usage. Omitted: every segment starts on its placeholder. */
+    defaultValue?: Date | null;
+    /**
+     * How far down the field is editable. `'day'` is date-only; anything past it
+     * appends hour/minute (and, at `'second'`, seconds) — the `datetime-local`
+     * equivalent.
+     */
+    granularity?: Granularity;
+    /**
+     * Forces 12-hour (with an AM/PM segment) or 24-hour time segments. Display
+     * only — the submitted value is always 24 hour. Omitted: whatever the locale
+     * resolves to.
+     */
+    hourCycle?: HourCycle;
+    /**
+     * BCP-47 locale deciding segment order, the literals between segments and the
+     * AM/PM names — `en-US` orders month/day/year, `de-DE` orders day.month.year.
+     * Omitted: the runtime's default locale.
+     */
+    locale?: string;
+    /** Disables the field and drops every segment out of the tab order. */
+    disabled?: boolean;
+    /** Segments stay focusable and readable but refuse every edit. */
+    readOnly?: boolean;
+    /** Marks the field invalid, exposed as `aria-invalid`/`data-invalid`. */
+    invalid?: boolean;
+    /** Marks the field required — an incomplete field is `valueMissing`. */
+    required?: boolean;
+    /**
+     * Form field name. With it the date submits as `YYYY-MM-DD`, or
+     * `YYYY-MM-DDTHH:mm[:ss]` past `day` granularity. Without it the field
+     * submits nothing.
+     */
+    name?: string;
+    /**
+     * Writing direction, which decides whether ArrowLeft moves to the previous or
+     * the next segment. Omitted: read off the nearest `[dir]` ancestor or
+     * `document.dir`.
+     */
+    dir?: 'ltr' | 'rtl';
+    /**
+     * Words the accessible name of one segment. Called per segment type
+     * (`'year'`, `'month'`, `'dayPeriod'`, …).
+     *
+     * One of the only two strings here that `locale` cannot translate: segment
+     * order, the literals between segments and the AM/PM names all come from
+     * `Intl.DateTimeFormat` already, but these describe the widget rather than
+     * the value, so no locale data carries them.
+     * @default undefined — the built-in English names ('year', 'month', 'AM/PM', …).
+     */
+    getSegmentLabel?: (type: SegmentType) => string;
+    /**
+     * The `aria-valuetext` an untyped segment announces instead of a number it
+     * does not have — `aria-valuenow` has to stay present for a spinbutton, so
+     * this is the text that is actually read.
+     * @default 'Empty'
+     */
+    emptySegmentText?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the hidden form input satisfies its constraints. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: Date | null) => any;
+    "value-change": (value: Date | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: Date | null) => any) | undefined;
+    "onValue-change"?: ((value: Date | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    value: Date | null;
+    invalid: boolean;
+    defaultValue: Date | null;
+    dir: "ltr" | "rtl";
+    readOnly: boolean;
+    locale: string;
+    hourCycle: HourCycle;
+    granularity: Granularity;
+    getSegmentLabel: (type: SegmentType) => string;
+    emptySegmentText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/date-field/DateField.vue.d.ts

@@ -0,0 +1,115 @@
+import { type Granularity, type HourCycle, type SegmentType } from '../utils/dateSegments.js';
+/**
+ * The Vue implementation of the shared DateField contract (see `@skdx/shared`'s
+ * `dateFieldContract`). Segmented keyboard entry of a date — the typed
+ * counterpart of `SkdxCalendar`, and the typed-input part of `SkdxDatePicker`.
+ * Renders a `role="group"` holding one `role="spinbutton"` per segment,
+ * interleaved with the locale's own separators: both the segment order and
+ * those separators come from `Intl.DateTimeFormat.formatToParts`, so `en-US`
+ * reads `mm/dd/yyyy` and `de-DE` reads `dd.mm.yyyy` with no bundled locale
+ * table.
+ *
+ * Arrow Up/Down step the focused segment (wrapping at its bounds), Arrow
+ * Left/Right move between segments (mirrored under `dir="rtl"`), digits type
+ * with roll-over — typing `1` then `5` into a month gives `05`, not a rejected
+ * keystroke — and Backspace/Delete clear a segment back to its placeholder.
+ * `value-change` only ever fires with a complete date or `null`, never a
+ * half-typed one.
+ *
+ * Works controlled (`v-model:value` / `@value-change`) or uncontrolled
+ * (`defaultValue`).
+ *
+ * With a `name`, a visually-hidden input submits the date with the surrounding
+ * `<form>`, and `checkValidity()`/`reportValidity()` — exposed on this root —
+ * delegate to it. Resetting the form restores the date the field was declared
+ * with, emitting `value-change` so a controlled parent follows it.
+ */
+type __VLS_Props = {
+    /** Current date, for controlled usage. Pair with `v-model:value` or `@value-change`. `null` while any segment is still untyped. */
+    value?: Date | null;
+    /** Initial date, for uncontrolled usage. Omitted: every segment starts on its placeholder. */
+    defaultValue?: Date | null;
+    /**
+     * How far down the field is editable. `'day'` is date-only; anything past it
+     * appends hour/minute (and, at `'second'`, seconds) — the `datetime-local`
+     * equivalent.
+     */
+    granularity?: Granularity;
+    /**
+     * Forces 12-hour (with an AM/PM segment) or 24-hour time segments. Display
+     * only — the submitted value is always 24 hour. Omitted: whatever the locale
+     * resolves to.
+     */
+    hourCycle?: HourCycle;
+    /**
+     * BCP-47 locale deciding segment order, the literals between segments and the
+     * AM/PM names — `en-US` orders month/day/year, `de-DE` orders day.month.year.
+     * Omitted: the runtime's default locale.
+     */
+    locale?: string;
+    /** Disables the field and drops every segment out of the tab order. */
+    disabled?: boolean;
+    /** Segments stay focusable and readable but refuse every edit. */
+    readOnly?: boolean;
+    /** Marks the field invalid, exposed as `aria-invalid`/`data-invalid`. */
+    invalid?: boolean;
+    /** Marks the field required — an incomplete field is `valueMissing`. */
+    required?: boolean;
+    /**
+     * Form field name. With it the date submits as `YYYY-MM-DD`, or
+     * `YYYY-MM-DDTHH:mm[:ss]` past `day` granularity. Without it the field
+     * submits nothing.
+     */
+    name?: string;
+    /**
+     * Writing direction, which decides whether ArrowLeft moves to the previous or
+     * the next segment. Omitted: read off the nearest `[dir]` ancestor or
+     * `document.dir`.
+     */
+    dir?: 'ltr' | 'rtl';
+    /**
+     * Words the accessible name of one segment. Called per segment type
+     * (`'year'`, `'month'`, `'dayPeriod'`, …).
+     *
+     * One of the only two strings here that `locale` cannot translate: segment
+     * order, the literals between segments and the AM/PM names all come from
+     * `Intl.DateTimeFormat` already, but these describe the widget rather than
+     * the value, so no locale data carries them.
+     * @default undefined — the built-in English names ('year', 'month', 'AM/PM', …).
+     */
+    getSegmentLabel?: (type: SegmentType) => string;
+    /**
+     * The `aria-valuetext` an untyped segment announces instead of a number it
+     * does not have — `aria-valuenow` has to stay present for a spinbutton, so
+     * this is the text that is actually read.
+     * @default 'Empty'
+     */
+    emptySegmentText?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the hidden form input satisfies its constraints. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: Date | null) => any;
+    "value-change": (value: Date | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: Date | null) => any) | undefined;
+    "onValue-change"?: ((value: Date | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    value: Date | null;
+    invalid: boolean;
+    defaultValue: Date | null;
+    dir: "ltr" | "rtl";
+    readOnly: boolean;
+    locale: string;
+    hourCycle: HourCycle;
+    granularity: Granularity;
+    getSegmentLabel: (type: SegmentType) => string;
+    emptySegmentText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/date-field/DateField.vue.js

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

package/dist/date-field/DateField.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const q=require("../utils/useFormReset.cjs"),d=require("../utils/dateSegments.cjs"),T=require("../utils/SegmentedField.vue.cjs");let t=require("vue");var b=(0,t.defineComponent)({__name:"DateField",props:{value:{default:void 0},defaultValue:{default:null},granularity:{default:"day"},hourCycle:{default:void 0},locale:{default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:d.EMPTY_VALUE_TEXT}},emits:["update:value","value-change"],setup(a,{expose:g,emit:p}){const e=a,v=p,r=(0,t.computed)(()=>d.resolveHourCycle(e.locale,e.hourCycle)),f=(0,t.ref)(e.defaultValue??null),n=(0,t.computed)(()=>e.value!==void 0?e.value:f.value),i=(0,t.ref)(n.value?d.dateToValues(n.value,r.value):{}),m=(0,t.computed)(()=>n.value?n.value.getTime():null);function y(u,l){return d.isComplete(d.buildSegments({kind:"date",granularity:e.granularity,locale:e.locale,hourCycle:l,values:u}))?d.valuesToDate(u,l):null}(0,t.watch)([m,r],([u,l])=>{const s=y(i.value,l);if(u===null){s!==null&&(i.value={});return}s!==null&&s.getTime()===u||(i.value=d.dateToValues(new Date(u),l))});const V=(0,t.computed)(()=>n.value?d.dateToFormValue(n.value,e.granularity):null);function h(u){i.value=u;const l=y(u,r.value);(l?l.getTime():null)!==m.value&&(e.value===void 0&&(f.value=l),v("update:value",l),v("value-change",l))}const c=(0,t.ref)(null),o=e.value??e.defaultValue??null;return q.useFormReset(()=>c.value?.inputEl,()=>{i.value=o?d.dateToValues(o,r.value):{},e.value===void 0&&(f.value=o),v("update:value",o),v("value-change",o)}),g({checkValidity:()=>c.value?.inputEl?.checkValidity()??!0,reportValidity:()=>c.value?.inputEl?.reportValidity()??!0}),(u,l)=>((0,t.openBlock)(),(0,t.createBlock)(T.default,{family:"date-field",class:"skdx-date-field","data-part":"root","data-skdx-component":"date-field",ref_key:"fieldRef",ref:c,kind:"date",granularity:a.granularity,locale:a.locale,"hour-cycle":r.value,values:i.value,"form-value":V.value,disabled:a.disabled,"read-only":a.readOnly,invalid:a.invalid,required:a.required,name:a.name,dir:a.dir,"get-segment-label":a.getSegmentLabel,"empty-segment-text":a.emptySegmentText,onValuesChange:h},null,8,["granularity","locale","hour-cycle","values","form-value","disabled","read-only","invalid","required","name","dir","get-segment-label","empty-segment-text"]))}});exports.default=b;

package/dist/date-field/DateField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useFormReset as e}from"../utils/useFormReset.js";import{EMPTY_VALUE_TEXT as l,buildSegments as a,dateToFormValue as u,dateToValues as t,isComplete as d,resolveHourCycle as n,valuesToDate as i}from"../utils/dateSegments.js";import o from"../utils/SegmentedField.vue.js";import{computed as r,createBlock as v,defineComponent as s,openBlock as m,ref as c,watch as f}from"vue";var y=/* @__PURE__ */s({__name:"DateField",props:{value:{default:void 0},defaultValue:{default:null},granularity:{default:"day"},hourCycle:{default:void 0},locale:{default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:l}},emits:["update:value","value-change"],setup(l,{expose:s,emit:y}){const p=l,g=y,h=r(()=>n(p.locale,p.hourCycle)),T=c(p.defaultValue??null),V=r(()=>void 0!==p.value?p.value:T.value),b=c(V.value?t(V.value,h.value):{}),k=r(()=>V.value?V.value.getTime():null);function x(e,l){return d(a({kind:"date",granularity:p.granularity,locale:p.locale,hourCycle:l,values:e}))?i(e,l):null}f([k,h],([e,l])=>{const a=x(b.value,l);null!==e?null!==a&&a.getTime()===e||(b.value=t(new Date(e),l)):null!==a&&(b.value={})});const C=r(()=>V.value?u(V.value,p.granularity):null);function S(e){b.value=e;const l=x(e,h.value);(l?l.getTime():null)!==k.value&&(void 0===p.value&&(T.value=l),g("update:value",l),g("value-change",l))}const B=c(null),E=p.value??p.defaultValue??null;return e(()=>B.value?.inputEl,()=>{b.value=E?t(E,h.value):{},void 0===p.value&&(T.value=E),g("update:value",E),g("value-change",E)}),s({checkValidity:()=>B.value?.inputEl?.checkValidity()??!0,reportValidity:()=>B.value?.inputEl?.reportValidity()??!0}),(e,a)=>(m(),v(o,{family:"date-field",class:"skdx-date-field","data-part":"root","data-skdx-component":"date-field",ref_key:"fieldRef",ref:B,kind:"date",granularity:l.granularity,locale:l.locale,"hour-cycle":h.value,values:b.value,"form-value":C.value,disabled:l.disabled,"read-only":l.readOnly,invalid:l.invalid,required:l.required,name:l.name,dir:l.dir,"get-segment-label":l.getSegmentLabel,"empty-segment-text":l.emptySegmentText,onValuesChange:S},null,8,["granularity","locale","hour-cycle","values","form-value","disabled","read-only","invalid","required","name","dir","get-segment-label","empty-segment-text"]))}});export{y as default};

package/dist/date-field/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateField.vue.cjs");exports.SkdxDateField=e.default;

package/dist/date-field/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxDateField } from './DateField.vue.cjs';
+export type { Granularity, HourCycle, SegmentType, SegmentValues } from '../utils/dateSegments.cjs';

package/dist/date-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxDateField } from './DateField.vue.js';
+export type { Granularity, HourCycle, SegmentType, SegmentValues } from '../utils/dateSegments.js';

package/dist/date-field/index.js

@@ -0,0 +1 @@
+import e from"./DateField.vue.js";export{e as SkdxDateField};

package/dist/date-picker/DatePicker.vue.cjs

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

package/dist/date-picker/DatePicker.vue.d.cts

@@ -0,0 +1,109 @@
+import { type CalendarSelectionMode, type CalendarValue } from '../calendar/dateMath.cjs';
+import type { Granularity } from '../utils/dateSegments.cjs';
+/**
+ * Root of a date picker: composes Popover's open/positioning machinery with
+ * `SkdxCalendar`'s date-grid logic — a date picker is just "a Calendar shown
+ * in a Popper popup that closes on selection". Owns the selected `value`
+ * and the popup's `open` state, handing both down to every other
+ * `SkdxDatePicker*` part via context. Renders no DOM of its own.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxDatePickerContent`'s enter
+ * or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:value`, `v-model:open`) or uncontrolled
+ * (`default-value`, `default-open`).
+ *
+ * With a `name`, the selection is submitted by the surrounding `<form>` as
+ * local-time `YYYY-MM-DD` strings, exactly like `<input type="date">` — one
+ * entry in `single` mode, one entry per date in `multiple`, and start then end
+ * in `range`. `required` reports `valueMissing` while nothing is selected, and
+ * `checkValidity()`/`reportValidity()` — exposed on this root — delegate to
+ * those inputs. Resetting the owning `<form>` restores the selection the picker
+ * was declared with, emitting `value-change` so a controlled parent follows it.
+ */
+type __VLS_Props = {
+    /**
+     * Disables `SkdxDatePickerTrigger` and prevents the popup opening.
+     *
+     * Part of the shared DatePicker contract, and it was missing here: without
+     * it a disabled date picker could not be expressed at all in Vue, and
+     * `_trigger.css` — which keys the whole disabled treatment on
+     * `[data-disabled]` — painted it as an enabled control, hover included, in
+     * every theme.
+     */
+    disabled?: boolean;
+    /**
+     * How many dates the composed calendar selects at once, which decides the
+     * shape of `value` — see `CalendarSelectionMode`. Also decides when the
+     * popup auto-closes: immediately in `single`, once the range is closed in
+     * `range`, never in `multiple`.
+     */
+    selectionMode?: CalendarSelectionMode;
+    /** Current selection, for controlled usage. Pair with `v-model:value`. Its shape follows `selectionMode`. */
+    value?: CalendarValue;
+    /** Initial selection, for uncontrolled usage. Its shape follows `selectionMode`. */
+    defaultValue?: CalendarValue;
+    /** Whether the popup is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /**
+     * How far down `SkdxDatePickerInput` and `SkdxDatePickerTimeField` are
+     * editable. `'day'` is date-only; anything past it is date-time mode, which
+     * also stops the popup auto-closing on a calendar selection — the user
+     * still has a time to set.
+     */
+    granularity?: Granularity;
+    /**
+     * Form field name. The selection is submitted under it as local-time
+     * `YYYY-MM-DD` strings — one entry in `single` mode, one entry per date in
+     * `multiple`, and start then end in `range`.
+     */
+    name?: string;
+    /**
+     * Marks the picker required: with nothing selected it reports
+     * `valueMissing`. A range still anchored on its start counts as nothing
+     * selected. Only meaningful alongside `name`.
+     */
+    required?: boolean;
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the hidden form inputs satisfy their constraints. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "update:value": (value: CalendarValue) => any;
+    "value-change": (value: CalendarValue) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: CalendarValue) => any) | undefined;
+    "onValue-change"?: ((value: CalendarValue) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    required: boolean;
+    name: string;
+    value: CalendarValue;
+    defaultValue: CalendarValue;
+    selectionMode: CalendarSelectionMode;
+    granularity: Granularity;
+}, {}, {}, {}, 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;
+    };
+};