@skdx/vue 0.27.0 → 0.28.0

package/dist/utils/PopperAnchor.vue.d.ts

@@ -1,14 +1,6 @@
 /**
- * Positions floating content against a custom element instead of the
- * trigger. Renders a plain `<div>`; most consumers don't need this
- * directly, since trigger components (`SkdxPopoverTrigger`, etc.) register
- * themselves as the anchor automatically.
- *
- * This is the shared popper primitive, but it is public API: it ships as
- * `SkdxPopoverAnchor`, the `Anchor` part of the Popover contract
- * (`@skdx/shared` `contracts/popover.ts`), matching React's `PopoverAnchor`.
- * Do not mark this component internal — only the popper primitives it builds
- * on are.
+ * Positions floating content against a custom element. Trigger components
+ * register themselves automatically; use this for custom anchors.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/utils/Portal.vue.d.cts

@@ -1,15 +1,8 @@
 import type { PortalContainer } from './portal.cjs';
 /**
- * Teleports its children into a different part of the DOM (`document.body` by
- * default) — so overlay content escapes clipping/`overflow: hidden`
- * ancestors and any ancestor `transform`/`filter`/`contain` that would
- * otherwise become the containing block for `position: fixed` descendants.
- *
- * Thin wrapper over Vue's own `<Teleport>`, exposed publicly so consumers can
- * portal their own content the same way the overlay components portal theirs.
- * Every per-component `Skdx*Portal` part delegates here and forwards its own
- * `container`, so they all accept the same targets; this one is the bare
- * mechanism, with no family `open` state gating it.
+ * Teleports children into a different DOM part (default: body) to escape
+ * clipping/overflow/transform ancestors. Thin wrapper over Vue's Teleport.
+ * Bare mechanism (no state gating).
  *
  * @example
  * ```vue
@@ -24,7 +17,7 @@ type __VLS_Props = {
      * @default 'body'
      */
     container?: PortalContainer;
-    /** Renders the children in place instead of teleporting them — useful for SSR or for a temporary opt-out. */
+    /** Renders children in place (useful for SSR or opt-out). */
     disabled?: boolean;
 };
 declare var __VLS_5: {};

package/dist/utils/Portal.vue.d.ts

@@ -1,15 +1,8 @@
 import type { PortalContainer } from './portal.js';
 /**
- * Teleports its children into a different part of the DOM (`document.body` by
- * default) — so overlay content escapes clipping/`overflow: hidden`
- * ancestors and any ancestor `transform`/`filter`/`contain` that would
- * otherwise become the containing block for `position: fixed` descendants.
- *
- * Thin wrapper over Vue's own `<Teleport>`, exposed publicly so consumers can
- * portal their own content the same way the overlay components portal theirs.
- * Every per-component `Skdx*Portal` part delegates here and forwards its own
- * `container`, so they all accept the same targets; this one is the bare
- * mechanism, with no family `open` state gating it.
+ * Teleports children into a different DOM part (default: body) to escape
+ * clipping/overflow/transform ancestors. Thin wrapper over Vue's Teleport.
+ * Bare mechanism (no state gating).
  *
  * @example
  * ```vue
@@ -24,7 +17,7 @@ type __VLS_Props = {
      * @default 'body'
      */
     container?: PortalContainer;
-    /** Renders the children in place instead of teleporting them — useful for SSR or for a temporary opt-out. */
+    /** Renders children in place (useful for SSR or opt-out). */
     disabled?: boolean;
 };
 declare var __VLS_5: {};

package/dist/utils/Portal.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var a=(0,e.defineComponent)({__name:"Portal",props:{container:{default:null},disabled:{type:Boolean,default:!1}},setup(t){return(l,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:t.container??"body",disabled:t.disabled},[(0,e.renderSlot)(l.$slots,"default")],8,["to","disabled"]))}});exports.default=a;
+let e=require("vue");var o=(0,e.defineComponent)({__name:"Portal",props:{container:{default:null},disabled:{type:Boolean,default:!1}},setup(t){const l=(0,e.ref)(!1);return(0,e.onMounted)(()=>{l.value=!0}),(a,u)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:t.container??"body",disabled:t.disabled||!l.value},[(0,e.renderSlot)(a.$slots,"default")],8,["to","disabled"]))}});exports.default=o;

package/dist/utils/Portal.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{Teleport as e,createBlock as a,defineComponent as o,openBlock as t,renderSlot as l}from"vue";var d=/* @__PURE__ */o({__name:"Portal",props:{container:{default:null},disabled:{type:Boolean,default:!1}},setup:o=>(d,s)=>(t(),a(e,{to:o.container??"body",disabled:o.disabled},[l(d.$slots,"default")],8,["to","disabled"]))});export{d as default};
+import{Teleport as e,createBlock as a,defineComponent as o,onMounted as t,openBlock as l,ref as s,renderSlot as d}from"vue";var n=/* @__PURE__ */o({__name:"Portal",props:{container:{default:null},disabled:{type:Boolean,default:!1}},setup(o){const n=s(!1);return t(()=>{n.value=!0}),(t,s)=>(l(),a(e,{to:o.container??"body",disabled:o.disabled||!n.value},[d(t.$slots,"default")],8,["to","disabled"]))}});export{n as default};

package/dist/utils/SegmentedField.vue.d.cts

@@ -1,12 +1,9 @@
-import { type Granularity, type HourCycle, type SegmentType, type SegmentValues } from './dateSegments.cjs';
+import { type Granularity, type HourCycle, type SegmentPlaceholderResolver, type SegmentType, type SegmentValues } from './dateSegments.cjs';
 import { type Direction } from './direction.cjs';
 type __VLS_Props = {
     /**
-     * @internal The field rendering this, so each segment can name its own part
-     * — `skdx-date-field__segment` / `skdx-time-field__segment`. Shared code
-     * cannot hard-code one family, and a segment with no class is a segment the
-     * skin cannot reach: mirrors React's `segmentedField.tsx`, which takes the
-     * same prop for the same reason.
+     * @internal Field family name for segment part classes, since shared code
+     * cannot hard-code one family.
      */
     family: 'date-field' | 'time-field';
     /** `'date'` renders year/month/day ahead of the time segments. */
@@ -15,17 +12,48 @@ type __VLS_Props = {
     granularity: Granularity;
     /** Current per-segment values. */
     values: SegmentValues;
+    /**
+     * The root's `shouldForceLeadingZeros`: whether a one-digit month, day or
+     * hour renders zero-padded.
+     * @default true
+     */
+    shouldForceLeadingZeros?: boolean;
+    /**
+     * The root's `step`, in seconds — it drives both the finest segment's arrow
+     * increment and the mirrored input's `step` attribute.
+     * @default undefined — every segment steps by one unit and nothing constrains the grid.
+     */
+    step?: number;
     /** Value submitted by the hidden input; `null` submits an empty entry. */
     formValue: string | null;
+    /**
+     * Input type (`date` / `datetime-local` / `time`); not cosmetic—enables
+     * native browser validation of `min`/`max` via `rangeUnderflow`/`rangeOverflow`.
+     */
+    formType: 'date' | 'datetime-local' | 'time';
     /** BCP-47 locale deciding segment order, literals and AM/PM names. */
     locale?: string;
     /** Forced hour cycle; omitted follows the locale. */
     hourCycle?: HourCycle;
+    /** `min` of the mirrored input, in the same wire shape as `formValue`. */
+    formMin?: string;
+    /** `max` of the mirrored input, in the same wire shape as `formValue`. */
+    formMax?: string;
+    /**
+     * Callback to clamp Home/End values inside the field's own `min`/`max`;
+     * typing and arrow-stepping must reach out-of-range values for validation.
+     */
+    clampEdgeValues?: (values: SegmentValues) => SegmentValues;
     disabled?: boolean;
     readOnly?: boolean;
     invalid?: boolean;
     required?: boolean;
     name?: string;
+    /**
+     * Form id for a field rendered outside its form; bound to the hidden
+     * input's `form` attribute, resolved via that input's `.form` property.
+     */
+    form?: string;
     /** Writing direction override; without it, direction is read off the DOM. */
     dir?: Direction;
     /**
@@ -40,6 +68,12 @@ type __VLS_Props = {
      * @default 'Empty'
      */
     emptySegmentText?: string;
+    /**
+     * The root's `getSegmentPlaceholder`, which words the letters a segment
+     * shows before it has been typed.
+     * @default undefined — the built-in English letters ('yyyy', 'mm', 'dd', …).
+     */
+    getSegmentPlaceholder?: SegmentPlaceholderResolver;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     inputEl: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
@@ -48,15 +82,22 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onValues-change"?: ((values: Partial<Record<SegmentType, number | null>>) => any) | undefined;
 }>, {
+    form: string;
     disabled: boolean;
+    dir: Direction;
+    readOnly: boolean;
     required: boolean;
     name: string;
     invalid: boolean;
-    dir: Direction;
-    readOnly: boolean;
+    step: number;
     locale: string;
     hourCycle: HourCycle;
+    shouldForceLeadingZeros: boolean;
+    formMin: string;
+    formMax: string;
+    clampEdgeValues: (values: SegmentValues) => SegmentValues;
     getSegmentLabel: (type: SegmentType) => string;
     emptySegmentText: string;
+    getSegmentPlaceholder: SegmentPlaceholderResolver;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/utils/SegmentedField.vue.d.ts

@@ -1,12 +1,9 @@
-import { type Granularity, type HourCycle, type SegmentType, type SegmentValues } from './dateSegments.js';
+import { type Granularity, type HourCycle, type SegmentPlaceholderResolver, type SegmentType, type SegmentValues } from './dateSegments.js';
 import { type Direction } from './direction.js';
 type __VLS_Props = {
     /**
-     * @internal The field rendering this, so each segment can name its own part
-     * — `skdx-date-field__segment` / `skdx-time-field__segment`. Shared code
-     * cannot hard-code one family, and a segment with no class is a segment the
-     * skin cannot reach: mirrors React's `segmentedField.tsx`, which takes the
-     * same prop for the same reason.
+     * @internal Field family name for segment part classes, since shared code
+     * cannot hard-code one family.
      */
     family: 'date-field' | 'time-field';
     /** `'date'` renders year/month/day ahead of the time segments. */
@@ -15,17 +12,48 @@ type __VLS_Props = {
     granularity: Granularity;
     /** Current per-segment values. */
     values: SegmentValues;
+    /**
+     * The root's `shouldForceLeadingZeros`: whether a one-digit month, day or
+     * hour renders zero-padded.
+     * @default true
+     */
+    shouldForceLeadingZeros?: boolean;
+    /**
+     * The root's `step`, in seconds — it drives both the finest segment's arrow
+     * increment and the mirrored input's `step` attribute.
+     * @default undefined — every segment steps by one unit and nothing constrains the grid.
+     */
+    step?: number;
     /** Value submitted by the hidden input; `null` submits an empty entry. */
     formValue: string | null;
+    /**
+     * Input type (`date` / `datetime-local` / `time`); not cosmetic—enables
+     * native browser validation of `min`/`max` via `rangeUnderflow`/`rangeOverflow`.
+     */
+    formType: 'date' | 'datetime-local' | 'time';
     /** BCP-47 locale deciding segment order, literals and AM/PM names. */
     locale?: string;
     /** Forced hour cycle; omitted follows the locale. */
     hourCycle?: HourCycle;
+    /** `min` of the mirrored input, in the same wire shape as `formValue`. */
+    formMin?: string;
+    /** `max` of the mirrored input, in the same wire shape as `formValue`. */
+    formMax?: string;
+    /**
+     * Callback to clamp Home/End values inside the field's own `min`/`max`;
+     * typing and arrow-stepping must reach out-of-range values for validation.
+     */
+    clampEdgeValues?: (values: SegmentValues) => SegmentValues;
     disabled?: boolean;
     readOnly?: boolean;
     invalid?: boolean;
     required?: boolean;
     name?: string;
+    /**
+     * Form id for a field rendered outside its form; bound to the hidden
+     * input's `form` attribute, resolved via that input's `.form` property.
+     */
+    form?: string;
     /** Writing direction override; without it, direction is read off the DOM. */
     dir?: Direction;
     /**
@@ -40,6 +68,12 @@ type __VLS_Props = {
      * @default 'Empty'
      */
     emptySegmentText?: string;
+    /**
+     * The root's `getSegmentPlaceholder`, which words the letters a segment
+     * shows before it has been typed.
+     * @default undefined — the built-in English letters ('yyyy', 'mm', 'dd', …).
+     */
+    getSegmentPlaceholder?: SegmentPlaceholderResolver;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     inputEl: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
@@ -48,15 +82,22 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onValues-change"?: ((values: Partial<Record<SegmentType, number | null>>) => any) | undefined;
 }>, {
+    form: string;
     disabled: boolean;
+    dir: Direction;
+    readOnly: boolean;
     required: boolean;
     name: string;
     invalid: boolean;
-    dir: Direction;
-    readOnly: boolean;
+    step: number;
     locale: string;
     hourCycle: HourCycle;
+    shouldForceLeadingZeros: boolean;
+    formMin: string;
+    formMax: string;
+    clampEdgeValues: (values: SegmentValues) => SegmentValues;
     getSegmentLabel: (type: SegmentType) => string;
     emptySegmentText: string;
+    getSegmentPlaceholder: SegmentPlaceholderResolver;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/utils/SegmentedField.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const E=require("./direction.cjs"),u=require("./dateSegments.cjs");let t=require("vue");var S=["aria-disabled","aria-invalid","data-disabled","data-readonly","data-invalid","dir"],w=["tabindex","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-disabled","aria-readonly","aria-required","data-segment","data-placeholder","onKeydown"],q=["name","^value","required","disabled"],D=(0,t.defineComponent)({__name:"SegmentedField",props:{family:{},kind:{},granularity:{},values:{},formValue:{},locale:{default:void 0},hourCycle:{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:u.EMPTY_VALUE_TEXT}},emits:["values-change"],setup(l,{expose:v,emit:k}){const i=l,b=k;function p(a){const r=a.type;return i.getSegmentLabel?i.getSegmentLabel(r):u.SEGMENT_LABELS[r]}const f=(0,t.ref)(null),s=(0,t.ref)(null);v({inputEl:s});const h=(0,t.computed)(()=>u.buildSegments({kind:i.kind,granularity:i.granularity,locale:i.locale,hourCycle:i.hourCycle,values:i.values}));let d=0;function g(){d=0}function c(a,r){if(i.readOnly)return;const e={...i.values,[a]:r};(a==="month"||a==="year")&&e.day!=null&&(e.day=Math.min(e.day,u.daysInMonth(e.year,e.month))),b("values-change",e),(0,t.nextTick)(()=>{f.value?.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}function x(){return f.value?Array.from(f.value.querySelectorAll('[role="spinbutton"][data-segment]')):[]}function m(a,r){const e=x(),n=e[e.indexOf(a)+r];n&&(d=0,n.focus())}function B(a,r){const e=r.type,n=a.currentTarget,y=E.directionalKey(a.key,n,i.dir);if(y==="ArrowLeft"||y==="ArrowRight"){a.preventDefault(),m(n,y==="ArrowRight"?1:-1);return}if(!i.readOnly){if(a.key==="ArrowUp"||a.key==="ArrowDown"){a.preventDefault(),d=0,c(e,u.stepSegment(r,a.key==="ArrowUp"?1:-1));return}if(a.key==="Home"||a.key==="End"){a.preventDefault(),d=0,c(e,a.key==="Home"?r.min:r.max);return}if(a.key==="Backspace"||a.key==="Delete"){a.preventDefault(),d=0,c(e,null);return}if(e==="dayPeriod"){const o=a.key.toLowerCase();(o==="a"||o==="p")&&(a.preventDefault(),c(e,o==="a"?0:1));return}if(/^\d$/.test(a.key)){a.preventDefault();const o=u.typeDigit(r,d,Number(a.key));d=o.buffer,c(e,o.value),o.advance&&m(n,1)}}}return(a,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:f,role:"group","data-skdx-field-control":"","aria-disabled":l.disabled?!0:void 0,"aria-invalid":l.invalid?!0:void 0,"data-disabled":l.disabled?"":void 0,"data-readonly":l.readOnly?"":void 0,"data-invalid":l.invalid?"":void 0,dir:l.dir},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(h.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:e.isEditable?e.type:`literal-${n}`},[e.isEditable?((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:0,class:(0,t.normalizeClass)(`skdx-${l.family}__segment`),"data-part":"segment",role:"spinbutton",tabindex:l.disabled?-1:0,"aria-label":p(e),"aria-valuenow":e.value??e.min,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuetext":e.isPlaceholder?l.emptySegmentText:e.text,"aria-disabled":l.disabled?!0:void 0,"aria-readonly":l.readOnly?!0:void 0,"aria-required":l.required?!0:void 0,"data-segment":e.type,"data-placeholder":e.isPlaceholder?"":void 0,onKeydown:y=>B(y,e),onFocus:g},(0,t.toDisplayString)(e.text),43,w)):((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:1,class:(0,t.normalizeClass)(`skdx-${l.family}__segment`),"data-part":"segment","aria-hidden":"true","data-segment":"literal"},(0,t.toDisplayString)(e.text),3))],64))),128)),l.name?((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:0,ref_key:"inputEl",ref:s,"aria-hidden":"true",tabindex:"-1",name:l.name,"^value":l.formValue??"",required:l.required,disabled:l.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,q)):(0,t.createCommentVNode)("",!0)],8,S))}});exports.default=D;
+const S=require("./direction.cjs"),n=require("./dateSegments.cjs");let t=require("vue");var B=["aria-disabled","aria-invalid","data-disabled","data-readonly","data-invalid","dir"],w=["tabindex","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-disabled","aria-readonly","aria-required","data-segment","data-placeholder","onKeydown"],F=["type","min","max","step","name","form","^value","required","disabled"],q=(0,t.defineComponent)({__name:"SegmentedField",props:{family:{},kind:{},granularity:{},values:{},shouldForceLeadingZeros:{type:Boolean,default:!0},step:{default:void 0},formValue:{},formType:{},locale:{default:void 0},hourCycle:{default:void 0},formMin:{default:void 0},formMax:{default:void 0},clampEdgeValues:{type:Function,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},form:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:n.EMPTY_VALUE_TEXT},getSegmentPlaceholder:{type:Function,default:void 0}},emits:["values-change"],setup(l,{expose:v,emit:g}){const r=l,k=g;function b(e){const d=e.type;return r.getSegmentLabel?r.getSegmentLabel(d):n.SEGMENT_LABELS[d]}const y=(0,t.ref)(null),m=(0,t.ref)(null);v({inputEl:m});const h=(0,t.computed)(()=>n.buildSegments({kind:r.kind,granularity:r.granularity,locale:r.locale,hourCycle:r.hourCycle,values:r.values,getSegmentPlaceholder:r.getSegmentPlaceholder,shouldForceLeadingZeros:r.shouldForceLeadingZeros}));let o=0;function p(){o=0}function c(e,d,a=!1){if(r.readOnly)return;let i={...r.values,[e]:d};(e==="month"||e==="year")&&i.day!=null&&(i.day=Math.min(i.day,n.daysInMonth(i.year,i.month))),a&&r.clampEdgeValues&&(i=r.clampEdgeValues(i)),k("values-change",i),(0,t.nextTick)(()=>{y.value?.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}function x(){return y.value?Array.from(y.value.querySelectorAll('[role="spinbutton"][data-segment]')):[]}function s(e,d){const a=x(),i=a[a.indexOf(e)+d];i&&(o=0,i.focus())}function E(e,d){const a=d.type,i=e.currentTarget,f=S.directionalKey(e.key,i,r.dir);if(f==="ArrowLeft"||f==="ArrowRight"){e.preventDefault(),s(i,f==="ArrowRight"?1:-1);return}if(!r.readOnly){if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.preventDefault(),o=0,c(a,n.stepSegment(d,e.key==="ArrowUp"?1:-1,n.segmentStepFor(a,r.granularity,r.step)));return}if(e.key==="Home"||e.key==="End"){e.preventDefault(),o=0,c(a,e.key==="Home"?d.min:d.max,!0);return}if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault(),o=0,c(a,null);return}if(a==="dayPeriod"){const u=n.dayPeriodFromKey(e.key,r.locale);u!==null&&(e.preventDefault(),c(a,u));return}if(/^\d$/.test(e.key)){e.preventDefault();const u=n.typeDigit(d,o,Number(e.key));o=u.buffer,c(a,u.value),u.advance&&s(i,1)}}}return(e,d)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:y,role:"group","data-skdx-field-control":"","aria-disabled":l.disabled?!0:void 0,"aria-invalid":l.invalid?!0:void 0,"data-disabled":l.disabled?"":void 0,"data-readonly":l.readOnly?"":void 0,"data-invalid":l.invalid?"":void 0,dir:l.dir},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(h.value,(a,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:a.isEditable?a.type:`literal-${i}`},[a.isEditable?((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:0,class:(0,t.normalizeClass)(`skdx-${l.family}__segment`),"data-part":"segment",role:"spinbutton",tabindex:l.disabled?-1:0,"aria-label":b(a),"aria-valuenow":(0,t.unref)(n.segmentValueNow)(a),"aria-valuemin":a.min,"aria-valuemax":a.max,"aria-valuetext":a.isPlaceholder?l.emptySegmentText:a.text,"aria-disabled":l.disabled?!0:void 0,"aria-readonly":l.readOnly?!0:void 0,"aria-required":l.required?!0:void 0,"data-segment":a.type,"data-placeholder":a.isPlaceholder?"":void 0,onKeydown:f=>E(f,a),onFocus:p},(0,t.toDisplayString)(a.text),43,w)):((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:1,class:(0,t.normalizeClass)(`skdx-${l.family}__segment`),"data-part":"segment","aria-hidden":"true","data-segment":"literal"},(0,t.toDisplayString)(a.text),3))],64))),128)),l.name||l.required?((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:0,ref_key:"inputEl",ref:m,"aria-hidden":"true",tabindex:"-1",type:l.formType,min:l.formMin,max:l.formMax,step:l.step,name:l.name,form:l.form,"^value":l.formValue??"",required:l.required,disabled:l.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,F)):(0,t.createCommentVNode)("",!0)],8,B))}});exports.default=q;

package/dist/utils/SegmentedField.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e}from"./direction.js";import{EMPTY_VALUE_TEXT as a,SEGMENT_LABELS as t,buildSegments as i,daysInMonth as n,stepSegment as r,typeDigit as l}from"./dateSegments.js";import{Fragment as d,computed as o,createCommentVNode as s,createElementBlock as u,defineComponent as m,nextTick as y,normalizeClass as v,openBlock as p,ref as f,renderList as c,toDisplayString as g}from"vue";var b=["aria-disabled","aria-invalid","data-disabled","data-readonly","data-invalid","dir"],k=["tabindex","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-disabled","aria-readonly","aria-required","data-segment","data-placeholder","onKeydown"],x=["name","^value","required","disabled"],h=/* @__PURE__ */m({__name:"SegmentedField",props:{family:{},kind:{},granularity:{},values:{},formValue:{},locale:{default:void 0},hourCycle:{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:a}},emits:["values-change"],setup(a,{expose:m,emit:h}){const w=a,E=h;function S(e){const a=e.type;return w.getSegmentLabel?w.getSegmentLabel(a):t[a]}const _=f(null),A=f(null);m({inputEl:A});const D=o(()=>i({kind:w.kind,granularity:w.granularity,locale:w.locale,hourCycle:w.hourCycle,values:w.values}));let L=0;function q(){L=0}function B(e,a){if(w.readOnly)return;const t={...w.values,[e]:a};("month"===e||"year"===e)&&null!=t.day&&(t.day=Math.min(t.day,n(t.year,t.month))),E("values-change",t),y(()=>{_.value?.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}function T(e,a){const t=_.value?Array.from(_.value.querySelectorAll('[role="spinbutton"][data-segment]')):[],i=t[t.indexOf(e)+a];i&&(L=0,i.focus())}return(t,i)=>(p(),u("div",{ref_key:"rootRef",ref:_,role:"group","data-skdx-field-control":"","aria-disabled":!!a.disabled||void 0,"aria-invalid":!!a.invalid||void 0,"data-disabled":a.disabled?"":void 0,"data-readonly":a.readOnly?"":void 0,"data-invalid":a.invalid?"":void 0,dir:a.dir},[(p(!0),u(d,null,c(D.value,(t,i)=>(p(),u(d,{key:t.isEditable?t.type:`literal-${i}`},[t.isEditable?(p(),u("span",{key:0,class:v(`skdx-${a.family}__segment`),"data-part":"segment",role:"spinbutton",tabindex:a.disabled?-1:0,"aria-label":S(t),"aria-valuenow":t.value??t.min,"aria-valuemin":t.min,"aria-valuemax":t.max,"aria-valuetext":t.isPlaceholder?a.emptySegmentText:t.text,"aria-disabled":!!a.disabled||void 0,"aria-readonly":!!a.readOnly||void 0,"aria-required":!!a.required||void 0,"data-segment":t.type,"data-placeholder":t.isPlaceholder?"":void 0,onKeydown:a=>function(a,t){const i=t.type,n=a.currentTarget,d=e(a.key,n,w.dir);if("ArrowLeft"===d||"ArrowRight"===d)return a.preventDefault(),void T(n,"ArrowRight"===d?1:-1);if(!w.readOnly){if("ArrowUp"===a.key||"ArrowDown"===a.key)return a.preventDefault(),L=0,void B(i,r(t,"ArrowUp"===a.key?1:-1));if("Home"===a.key||"End"===a.key)return a.preventDefault(),L=0,void B(i,"Home"===a.key?t.min:t.max);if("Backspace"===a.key||"Delete"===a.key)return a.preventDefault(),L=0,void B(i,null);if("dayPeriod"===i){const e=a.key.toLowerCase();return void(("a"===e||"p"===e)&&(a.preventDefault(),B(i,"a"===e?0:1)))}if(/^\d$/.test(a.key)){a.preventDefault();const e=l(t,L,Number(a.key));L=e.buffer,B(i,e.value),e.advance&&T(n,1)}}}(a,t),onFocus:q},g(t.text),43,k)):(p(),u("span",{key:1,class:v(`skdx-${a.family}__segment`),"data-part":"segment","aria-hidden":"true","data-segment":"literal"},g(t.text),3))],64))),128)),a.name?(p(),u("input",{key:0,ref_key:"inputEl",ref:A,"aria-hidden":"true",tabindex:"-1",name:a.name,"^value":a.formValue??"",required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,x)):s("",!0)],8,b))}});export{h as default};
+import{directionalKey as e}from"./direction.js";import{EMPTY_VALUE_TEXT as a,SEGMENT_LABELS as t,buildSegments as i,dayPeriodFromKey as l,daysInMonth as r,segmentStepFor as d,segmentValueNow as n,stepSegment as o,typeDigit as s}from"./dateSegments.js";import{Fragment as u,computed as m,createCommentVNode as y,createElementBlock as f,defineComponent as p,nextTick as v,normalizeClass as c,openBlock as g,ref as b,renderList as k,toDisplayString as h,unref as x}from"vue";var E=["aria-disabled","aria-invalid","data-disabled","data-readonly","data-invalid","dir"],S=["tabindex","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-disabled","aria-readonly","aria-required","data-segment","data-placeholder","onKeydown"],w=["type","min","max","step","name","form","^value","required","disabled"],F=/* @__PURE__ */p({__name:"SegmentedField",props:{family:{},kind:{},granularity:{},values:{},shouldForceLeadingZeros:{type:Boolean,default:!0},step:{default:void 0},formValue:{},formType:{},locale:{default:void 0},hourCycle:{default:void 0},formMin:{default:void 0},formMax:{default:void 0},clampEdgeValues:{type:Function,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},form:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:a},getSegmentPlaceholder:{type:Function,default:void 0}},emits:["values-change"],setup(a,{expose:p,emit:F}){const L=a,_=F;function A(e){const a=e.type;return L.getSegmentLabel?L.getSegmentLabel(a):t[a]}const D=b(null),T=b(null);p({inputEl:T});const q=m(()=>i({kind:L.kind,granularity:L.granularity,locale:L.locale,hourCycle:L.hourCycle,values:L.values,getSegmentPlaceholder:L.getSegmentPlaceholder,shouldForceLeadingZeros:L.shouldForceLeadingZeros}));let B=0;function M(){B=0}function P(e,a,t=!1){if(L.readOnly)return;let i={...L.values,[e]:a};("month"===e||"year"===e)&&null!=i.day&&(i.day=Math.min(i.day,r(i.year,i.month))),t&&L.clampEdgeValues&&(i=L.clampEdgeValues(i)),_("values-change",i),v(()=>{D.value?.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}function V(e,a){const t=D.value?Array.from(D.value.querySelectorAll('[role="spinbutton"][data-segment]')):[],i=t[t.indexOf(e)+a];i&&(B=0,i.focus())}return(t,i)=>(g(),f("div",{ref_key:"rootRef",ref:D,role:"group","data-skdx-field-control":"","aria-disabled":!!a.disabled||void 0,"aria-invalid":!!a.invalid||void 0,"data-disabled":a.disabled?"":void 0,"data-readonly":a.readOnly?"":void 0,"data-invalid":a.invalid?"":void 0,dir:a.dir},[(g(!0),f(u,null,k(q.value,(t,i)=>(g(),f(u,{key:t.isEditable?t.type:`literal-${i}`},[t.isEditable?(g(),f("span",{key:0,class:c(`skdx-${a.family}__segment`),"data-part":"segment",role:"spinbutton",tabindex:a.disabled?-1:0,"aria-label":A(t),"aria-valuenow":x(n)(t),"aria-valuemin":t.min,"aria-valuemax":t.max,"aria-valuetext":t.isPlaceholder?a.emptySegmentText:t.text,"aria-disabled":!!a.disabled||void 0,"aria-readonly":!!a.readOnly||void 0,"aria-required":!!a.required||void 0,"data-segment":t.type,"data-placeholder":t.isPlaceholder?"":void 0,onKeydown:a=>function(a,t){const i=t.type,r=a.currentTarget,n=e(a.key,r,L.dir);if("ArrowLeft"===n||"ArrowRight"===n)return a.preventDefault(),void V(r,"ArrowRight"===n?1:-1);if(!L.readOnly){if("ArrowUp"===a.key||"ArrowDown"===a.key)return a.preventDefault(),B=0,void P(i,o(t,"ArrowUp"===a.key?1:-1,d(i,L.granularity,L.step)));if("Home"===a.key||"End"===a.key)return a.preventDefault(),B=0,void P(i,"Home"===a.key?t.min:t.max,!0);if("Backspace"===a.key||"Delete"===a.key)return a.preventDefault(),B=0,void P(i,null);if("dayPeriod"===i){const e=l(a.key,L.locale);return void(null!==e&&(a.preventDefault(),P(i,e)))}if(/^\d$/.test(a.key)){a.preventDefault();const e=s(t,B,Number(a.key));B=e.buffer,P(i,e.value),e.advance&&V(r,1)}}}(a,t),onFocus:M},h(t.text),43,S)):(g(),f("span",{key:1,class:c(`skdx-${a.family}__segment`),"data-part":"segment","aria-hidden":"true","data-segment":"literal"},h(t.text),3))],64))),128)),a.name||a.required?(g(),f("input",{key:0,ref_key:"inputEl",ref:T,"aria-hidden":"true",tabindex:"-1",type:a.formType,min:a.formMin,max:a.formMax,step:a.step,name:a.name,form:a.form,"^value":a.formValue??"",required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,w)):y("",!0)],8,E))}});export{F as default};

package/dist/utils/cardNesting.cjs

@@ -0,0 +1 @@
+const i=require("./tabbable.cjs"),a=require("./is-dev-mode.cjs");var o='input[type="checkbox"], input[type="radio"]';function c(r,n){if(!n)return;const e=Array.from(n.querySelectorAll(i.TABBABLE_SELECTOR)).filter(t=>!t.matches(o));e.length!==0&&a.isDevMode()&&console.warn(`[skdx] ${r}: found ${e.length} focusable element(s) nested inside the card — ${e.map(t=>`<${t.localName}>`).join(", ")}. The card root is a <label>, so clicking one of these also toggles the card, and a <label> may not contain interactive content. Put actions beside the card, never inside it.`)}exports.warnOnNestedInteractive=c;

package/dist/utils/cardNesting.d.cts

@@ -0,0 +1,10 @@
+/**
+ * Warns when card root contains focusable descendant that's not its Control.
+ * Root is <label>, so nested interactive elements are HTML violations and
+ * usability bugs (clicking inner control toggles label). Warning post-mount
+ * so it sees rendered subtree.
+ * @param family Card family.
+ * @param root Card root element.
+ * @internal
+ */
+export declare function warnOnNestedInteractive(family: 'CheckboxCard' | 'RadioCard', root: Element | null): void;

package/dist/utils/cardNesting.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Warns when card root contains focusable descendant that's not its Control.
+ * Root is <label>, so nested interactive elements are HTML violations and
+ * usability bugs (clicking inner control toggles label). Warning post-mount
+ * so it sees rendered subtree.
+ * @param family Card family.
+ * @param root Card root element.
+ * @internal
+ */
+export declare function warnOnNestedInteractive(family: 'CheckboxCard' | 'RadioCard', root: Element | null): void;

package/dist/utils/cardNesting.js

@@ -0,0 +1 @@
+import{TABBABLE_SELECTOR as e}from"./tabbable.js";import{isDevMode as t}from"./is-dev-mode.js";function n(n,o){if(!o)return;const a=Array.from(o.querySelectorAll(e)).filter(e=>!e.matches('input[type="checkbox"], input[type="radio"]'));0!==a.length&&t()&&console.warn(`[skdx] ${n}: found ${a.length} focusable element(s) nested inside the card — ${a.map(e=>`<${e.localName}>`).join(", ")}. The card root is a <label>, so clicking one of these also toggles the card, and a <label> may not contain interactive content. Put actions beside the card, never inside it.`)}export{n as warnOnNestedInteractive};

package/dist/utils/composeRefs.d.cts

@@ -8,27 +8,20 @@ export type PossibleRef<T> = Ref<T | null> | ((node: T | null) => void) | null |
 /** The value Vue hands to a function template ref on mount and on unmount. */
 export type TemplateRefValue = Element | ComponentPublicInstance | null;
 /**
- * Merges any number of refs into a single **function template ref**, the Vue
- * counterpart of this package's React `composeRefs`. Bind the result with
- * `:ref="..."` wherever a component both keeps its own ref on a node and has
- * to publish that node somewhere else — a parent's context, most often.
+ * Merges any number of refs into a single function template ref, the Vue
+ * counterpart of this package's React `composeRefs`. Bind with `:ref="..."`
+ * wherever a component both keeps its own ref on a node and has to publish
+ * that node elsewhere — a parent's context, most often.
  *
- * The point is *when* the write happens. Vue invokes a function template ref
- * synchronously from inside the patch that mounts the element, and again with
- * `null` from inside the patch that unmounts it, exactly like React committing
- * a callback ref. Publishing through a `watchEffect` instead costs a full tick
- * (the effect is a pre-flush job, so it lands on the flush *after* the ref is
- * assigned), which is long enough for a keyboard handler on an already-open
- * popup to read an empty context ref and no-op. The unmount half matters just
- * as much: a component's effect scope is stopped *before* its subtree is
- * unmounted, so a watcher never observes the ref going back to `null` and the
- * context is left holding a detached element.
+ * Timing matters: Vue invokes a function template ref synchronously from the
+ * mount patch (and again with `null` on unmount), like React committing a
+ * callback ref. A `watchEffect` instead lands a tick late — long enough for a
+ * keyboard handler on an already-open popup to read an empty context ref —
+ * and on unmount, a stopped effect scope never observes the ref going back to
+ * `null`, leaving a detached element behind.
  *
- * Targets are written in the order given, which matters only for a setter that
- * compares against another target's previous value — list it first.
- *
- * Refs are only ever invoked on the client — Vue does not set template refs
- * while server-rendering — so this stays SSR-safe.
+ * Targets are written in the order given; refs are only invoked client-side,
+ * so this stays SSR-safe.
  *
  * @example
  * ```ts

package/dist/utils/composeRefs.d.ts

@@ -8,27 +8,20 @@ export type PossibleRef<T> = Ref<T | null> | ((node: T | null) => void) | null |
 /** The value Vue hands to a function template ref on mount and on unmount. */
 export type TemplateRefValue = Element | ComponentPublicInstance | null;
 /**
- * Merges any number of refs into a single **function template ref**, the Vue
- * counterpart of this package's React `composeRefs`. Bind the result with
- * `:ref="..."` wherever a component both keeps its own ref on a node and has
- * to publish that node somewhere else — a parent's context, most often.
+ * Merges any number of refs into a single function template ref, the Vue
+ * counterpart of this package's React `composeRefs`. Bind with `:ref="..."`
+ * wherever a component both keeps its own ref on a node and has to publish
+ * that node elsewhere — a parent's context, most often.
  *
- * The point is *when* the write happens. Vue invokes a function template ref
- * synchronously from inside the patch that mounts the element, and again with
- * `null` from inside the patch that unmounts it, exactly like React committing
- * a callback ref. Publishing through a `watchEffect` instead costs a full tick
- * (the effect is a pre-flush job, so it lands on the flush *after* the ref is
- * assigned), which is long enough for a keyboard handler on an already-open
- * popup to read an empty context ref and no-op. The unmount half matters just
- * as much: a component's effect scope is stopped *before* its subtree is
- * unmounted, so a watcher never observes the ref going back to `null` and the
- * context is left holding a detached element.
+ * Timing matters: Vue invokes a function template ref synchronously from the
+ * mount patch (and again with `null` on unmount), like React committing a
+ * callback ref. A `watchEffect` instead lands a tick late — long enough for a
+ * keyboard handler on an already-open popup to read an empty context ref —
+ * and on unmount, a stopped effect scope never observes the ref going back to
+ * `null`, leaving a detached element behind.
  *
- * Targets are written in the order given, which matters only for a setter that
- * compares against another target's previous value — list it first.
- *
- * Refs are only ever invoked on the client — Vue does not set template refs
- * while server-rendering — so this stays SSR-safe.
+ * Targets are written in the order given; refs are only invoked client-side,
+ * so this stays SSR-safe.
  *
  * @example
  * ```ts

package/dist/utils/dateSegments.cjs

@@ -1 +1 @@
-var f={year:"yyyy",month:"mm",day:"dd",hour:"hh",minute:"mm",second:"ss",dayPeriod:"--"},S="Empty",p={year:"year",month:"month",day:"day",hour:"hour",minute:"minute",second:"second",dayPeriod:"AM/PM"},D={year:4,month:2,day:2,hour:2,minute:2,second:2,dayPeriod:0},v=Date.UTC(2024,0,15,13,45,56),m=new Map,d=new Map;function c(e){return e??new Intl.DateTimeFormat().resolvedOptions().locale}function y(e,t){if(t===12||t===24)return t;const n=new Intl.DateTimeFormat(c(e),{hour:"numeric"}).resolvedOptions(),r=n.hourCycle??(n.hour12?"h12":"h23");return r==="h11"||r==="h12"?12:24}function h(e,t){const n=e==="date"?["year","month","day"]:[];return(e==="time"||t!=="day")&&(n.push("hour","minute"),t==="second"&&n.push("second")),n}function g(e,t){return!e||!t?31:new Date(e,t,0).getDate()}function T(e,t,n){switch(e){case"year":return{min:1,max:9999};case"month":return{min:1,max:12};case"day":return{min:1,max:g(t.year,t.month)};case"hour":return n===12?{min:1,max:12}:{min:0,max:23};case"minute":case"second":return{min:0,max:59};case"dayPeriod":return{min:0,max:1}}}function E(e){const t=c(e),n=d.get(t);if(n)return n;const r=new Intl.DateTimeFormat(t,{hour:"numeric",hourCycle:"h12",timeZone:"UTC"}),o=u=>r.formatToParts(Date.UTC(2024,0,15,u)).find(a=>a.type==="dayPeriod")?.value??(u<12?"AM":"PM"),i=[o(1),o(13)];return d.set(t,i),i}function x(e,t){const n={timeZone:"UTC"};return e.includes("year")&&(n.year="numeric"),e.includes("month")&&(n.month="2-digit"),e.includes("day")&&(n.day="2-digit"),e.includes("hour")&&(n.hour="2-digit",n.hourCycle=t===12?"h12":"h23"),e.includes("minute")&&(n.minute="2-digit"),e.includes("second")&&(n.second="2-digit"),n}function M(e,t,n){const r=`${e}|${t.join(",")}|${n}`,o=m.get(r);if(o)return o;const i=new Intl.DateTimeFormat(e,x(t,n)).formatToParts(v),u=[];for(const a of i)a.type==="literal"?u.push({type:"literal",text:a.value.replace(/[\u202F\u2009\u00A0]/g," "),value:null,min:0,max:0,isPlaceholder:!1,isEditable:!1}):(a.type==="dayPeriod"||t.includes(a.type))&&u.push({type:a.type,text:"",value:null,min:0,max:0,isPlaceholder:!0,isEditable:!0});return m.set(r,u),u}function P(e,t,n){return t===null?f[e]:e==="dayPeriod"?E(n)[t===0?0:1]:String(t).padStart(D[e],"0")}function $(e){const t=c(e.locale),n=y(t,e.hourCycle);return M(t,h(e.kind,e.granularity),n).map(r=>{if(!r.isEditable)return r;const o=r.type,i=e.values[o]??null,{min:u,max:a}=T(o,e.values,n);return{type:o,text:P(o,i,t),value:i,min:u,max:a,isPlaceholder:i===null,isEditable:!0}})}function F(e,t){const{min:n,max:r}=e;if(e.value===null)return e.type==="year"?new Date().getFullYear():n;const o=r-n+1;return n+((e.value-n+t)%o+o)%o}function C(e,t,n){let r=t*10+n;r>e.max&&(r=n);const o=r*10>e.max;return{value:r,buffer:o?0:r,advance:o}}function b(e){return e.every(t=>!t.isEditable||t.value!==null&&t.value>=t.min&&t.value<=t.max)}function s(e,t,n){return n===24?e:e%12+(t===1?12:0)}function l(e,t){return t===24?[e,null]:[e%12===0?12:e%12,e<12?0:1]}function L(e,t){const{year:n,month:r,day:o}=e;if(!n||!r||!o)return null;const i=e.hour==null?0:s(e.hour,e.dayPeriod,t),u=new Date(n,r-1,o,i,e.minute??0,e.second??0,0);return n<100&&u.setFullYear(n),u}function A(e,t){const[n,r]=l(e.getHours(),t);return{year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:n,minute:e.getMinutes(),second:e.getSeconds(),dayPeriod:r}}function N(e,t,n){if(e.hour==null||e.minute==null||n===12&&e.dayPeriod==null)return null;const r=i=>String(i).padStart(2,"0"),o=`${r(s(e.hour,e.dayPeriod,n))}:${r(e.minute)}`;return t!=="second"?o:e.second==null?null:`${o}:${r(e.second)}`}function w(e,t){const n=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(e.trim());if(!n)return{};const r=Number(n[1]),o=Number(n[2]),i=n[3]===void 0?0:Number(n[3]);if(r>23||o>59||i>59)return{};const[u,a]=l(r,t);return{hour:u,minute:o,second:i,dayPeriod:a}}function H(e,t){const n=(i,u=2)=>String(i).padStart(u,"0"),r=`${n(e.getFullYear(),4)}-${n(e.getMonth()+1)}-${n(e.getDate())}`;if(t==="day")return r;const o=`${n(e.getHours())}:${n(e.getMinutes())}`;return t==="second"?`${r}T${o}:${n(e.getSeconds())}`:`${r}T${o}`}exports.EMPTY_VALUE_TEXT=S;exports.SEGMENT_LABELS=p;exports.SEGMENT_PLACEHOLDERS=f;exports.buildSegments=$;exports.dateToFormValue=H;exports.dateToValues=A;exports.daysInMonth=g;exports.formatSegmentText=P;exports.from24Hour=l;exports.getDayPeriodNames=E;exports.isComplete=b;exports.resolveHourCycle=y;exports.resolveLocale=c;exports.segmentRange=T;exports.segmentTypesFor=h;exports.stepSegment=F;exports.timeStringToValues=w;exports.to24Hour=s;exports.typeDigit=C;exports.valuesToDate=L;exports.valuesToTimeString=N;
+var T={year:"yyyy",month:"mm",day:"dd",hour:"hh",minute:"mm",second:"ss",dayPeriod:"--"},b="Empty",$={year:"year",month:"month",day:"day",hour:"hour",minute:"minute",second:"second",dayPeriod:"AM/PM"},E={year:4,month:2,day:2,hour:2,minute:2,second:2,dayPeriod:0},w={...E,month:1,day:1,hour:1},x=Date.UTC(2024,0,15,13,45,56),y=new Map,g=new Map;function l(e){return e??new Intl.DateTimeFormat().resolvedOptions().locale}function S(e,t){if(t===12||t===24)return t;const n=new Intl.DateTimeFormat(l(e),{hour:"numeric"}).resolvedOptions(),r=n.hourCycle??(n.hour12?"h12":"h23");return r==="h11"||r==="h12"?12:24}function P(e,t){const n=e==="date"?["year","month","day"]:[];return(e==="time"||t!=="day")&&(n.push("hour","minute"),t==="second"&&n.push("second")),n}function p(e,t){return!e||!t?31:new Date(e,t,0).getDate()}function M(e,t,n){switch(e){case"year":return{min:1,max:9999};case"month":return{min:1,max:12};case"day":return{min:1,max:p(t.year,t.month)};case"hour":return n===12?{min:1,max:12}:{min:0,max:23};case"minute":case"second":return{min:0,max:59};case"dayPeriod":return{min:0,max:1}}}function d(e){const t=l(e),n=g.get(t);if(n)return n;const r=new Intl.DateTimeFormat(t,{hour:"numeric",hourCycle:"h12",timeZone:"UTC"}),o=i=>r.formatToParts(Date.UTC(2024,0,15,i)).find(a=>a.type==="dayPeriod")?.value??(i<12?"AM":"PM"),u=[o(1),o(13)];return g.set(t,u),u}function V(e,t){if([...e].length!==1)return null;const n=e.toLowerCase();if(n==="a")return 0;if(n==="p")return 1;const r=d(t),o=a=>{const h=[...a][0];return h!==void 0&&h.localeCompare(e,t,{sensitivity:"base"})===0},u=o(r[0]),i=o(r[1]);return u&&i?null:u?0:i?1:null}function C(e,t){const n={timeZone:"UTC"};return e.includes("year")&&(n.year="numeric"),e.includes("month")&&(n.month="2-digit"),e.includes("day")&&(n.day="2-digit"),e.includes("hour")&&(n.hour="2-digit",n.hourCycle=t===12?"h12":"h23"),e.includes("minute")&&(n.minute="2-digit"),e.includes("second")&&(n.second="2-digit"),n}function R(e,t,n){const r=`${e}|${t.join(",")}|${n}`,o=y.get(r);if(o)return o;const u=new Intl.DateTimeFormat(e,C(t,n)).formatToParts(x),i=[];for(const a of u)a.type==="literal"?i.push({type:"literal",text:a.value.replace(/[\u202F\u2009\u00A0]/g," "),value:null,min:0,max:0,isPlaceholder:!1,isEditable:!1}):(a.type==="dayPeriod"||t.includes(a.type))&&i.push({type:a.type,text:"",value:null,min:0,max:0,isPlaceholder:!0,isEditable:!0});return y.set(r,i),i}function D(e,t,n,r,o=!0){if(t===null)return r?.(e)??T[e];if(e==="dayPeriod")return d(n)[t===0?0:1];const u=o?E:w;return String(t).padStart(u[e],"0")}function L(e){const t=l(e.locale),n=S(t,e.hourCycle);return R(t,P(e.kind,e.granularity),n).map(r=>{if(!r.isEditable)return r;const o=r.type,u=e.values[o]??null,{min:i,max:a}=M(o,e.values,n);return{type:o,text:D(o,u,t,e.getSegmentPlaceholder,e.shouldForceLeadingZeros??!0),value:u,min:i,max:a,isPlaceholder:u===null,isEditable:!0}})}function A(e){const t=new Date;switch(e.type){case"year":return t.getFullYear();case"hour":{const n=t.getHours();return e.min===1?n%12===0?12:n%12:n}case"minute":return t.getMinutes();case"second":return t.getSeconds();case"dayPeriod":return t.getHours()<12?0:1;default:return e.min}}function H(e,t,n){const r=t==="second"?"second":"minute",o=t==="second"?1:60;if(e!==r||n===void 0||!Number.isFinite(n)||n<=0||n%o!==0)return 1;const u=n/o;return u<60?u:1}function _(e,t,n=1){const{min:r,max:o}=e;if(e.value===null)return r+Math.floor((A(e)-r)/n)*n;const u=Math.floor((o-r)/n)+1,i=e.value-r;return r+(((t>0?Math.floor(i/n):Math.ceil(i/n))+t)%u+u)%u*n}function O(e){return Math.min(Math.max(e.value??e.min,e.min),e.max)}function U(e,t,n){let r=t*10+n;r>e.max&&(r=n);const o=r*10>e.max;return{value:r,buffer:o?0:r,advance:o}}function Y(e){return e.every(t=>!t.isEditable||t.value!==null&&t.value>=t.min&&t.value<=t.max)}function m(e,t,n){return n===24?e:e%12+(t===1?12:0)}function f(e,t){return t===24?[e,null]:[e%12===0?12:e%12,e<12?0:1]}function G(e,t){const{year:n,month:r,day:o}=e;if(!n||!r||!o)return null;const u=e.hour==null?0:m(e.hour,e.dayPeriod,t),i=new Date(n,r-1,o,u,e.minute??0,e.second??0,0);return n<100&&i.setFullYear(n),i}function I(e,t){const[n,r]=f(e.getHours(),t);return{year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:n,minute:e.getMinutes(),second:e.getSeconds(),dayPeriod:r}}function F(e,t,n){if(e.hour==null||e.minute==null||n===12&&e.dayPeriod==null)return null;const r=u=>String(u).padStart(2,"0"),o=`${r(m(e.hour,e.dayPeriod,n))}:${r(e.minute)}`;return t!=="second"?o:e.second==null?null:`${o}:${r(e.second)}`}function N(e,t){const n=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(e.trim());if(!n)return{};const r=Number(n[1]),o=Number(n[2]),u=n[3]===void 0?0:Number(n[3]);if(r>23||o>59||u>59)return{};const[i,a]=f(r,t);return{hour:i,minute:o,second:u,dayPeriod:a}}function c(e,t){const n=(u,i=2)=>String(u).padStart(i,"0"),r=`${n(e.getFullYear(),4)}-${n(e.getMonth()+1)}-${n(e.getDate())}`;if(t==="day")return r;const o=`${n(e.getHours())}:${n(e.getMinutes())}`;return t==="second"?`${r}T${o}:${n(e.getSeconds())}`:`${r}T${o}`}function B(e){const t=/^(\d{4,})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2})(?::(\d{2}))?)?$/.exec(e.trim());if(!t)return null;const n=Number(t[1]),r=new Date(n,Number(t[2])-1,Number(t[3]),Number(t[4]??0),Number(t[5]??0),Number(t[6]??0));return n<100&&r.setFullYear(n),Number.isNaN(r.getTime())?null:r}function s(e){const t=/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(e.trim());if(!t)return null;const n=r=>r.padStart(2,"0");return`${n(t[1])}:${t[2]}:${n(t[3]??"00")}`}function v(e,t,n){if(!e)return null;const r=s(e);if(r===null)return null;const o=t?s(t):null;if(o!==null&&r<o)return"underflow";const u=n?s(n):null;return u!==null&&r>u?"overflow":null}function Z(e,t,n,r,o){const u=v(F(e,t,n),r,o);return u===null?e:{...e,...N(u==="underflow"?r:o,n)}}function z(e,t,n,r){if(!e)return null;const o=c(e,t);return n&&o<c(n,t)?"underflow":r&&o>c(r,t)?"overflow":null}exports.EMPTY_VALUE_TEXT=b;exports.SEGMENT_LABELS=$;exports.SEGMENT_PLACEHOLDERS=T;exports.buildSegments=L;exports.clampValuesToTimeRange=Z;exports.dateRangeViolation=z;exports.dateToFormValue=c;exports.dateToValues=I;exports.dayPeriodFromKey=V;exports.daysInMonth=p;exports.formatSegmentText=D;exports.from24Hour=f;exports.getDayPeriodNames=d;exports.isComplete=Y;exports.parseDateFormValue=B;exports.resolveHourCycle=S;exports.resolveLocale=l;exports.segmentRange=M;exports.segmentStepFor=H;exports.segmentTypesFor=P;exports.segmentValueNow=O;exports.stepSegment=_;exports.timeRangeViolation=v;exports.timeStringToValues=N;exports.to24Hour=m;exports.typeDigit=U;exports.valuesToDate=G;exports.valuesToTimeString=F;