@soybeanjs/headless 0.15.5 → 0.17.0

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
   orientation: DataOrientation;
   modelValue: DefinedValue | null;
   loop: boolean;
-  activationMode: TabsActivationMode;
   unmountOnHide: boolean;
+  activationMode: TabsActivationMode;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tabs/types.d.ts

@@ -5,7 +5,13 @@ import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/tabs/types.d.ts
+/**
+ * Type information for the tabs activation mode component.
+ */
 type TabsActivationMode = 'automatic' | 'manual';
+/**
+ * Props for the tabs root component.
+ */
 interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omit<RovingFocusGroupProps, 'as' | 'asChild' | 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus'> {
   /** The controlled value of the tab to activate. Can be bind as `v-model`. */
   modelValue?: T;
@@ -27,45 +33,114 @@ interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omi
    */
   unmountOnHide?: boolean;
 }
+/**
+ * Emits for the tabs root component.
+ */
 type TabsRootEmits<T = AcceptableValue> = {
   /** Event handler called when the value changes */'update:modelValue': [payload: NonNullable<T>];
 };
+/**
+ * Props for the tabs list component.
+ */
 interface TabsListProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the tabs content component.
+ */
 interface TabsContentProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {
   /** A unique value that associates the content with a trigger. */
   value: DefinedValue;
 }
+/**
+ * Props for the tabs trigger component.
+ */
 interface TabsTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** A unique value that associates the trigger with a content. */
   value: DefinedValue;
   /** When `true`, prevents the user from interacting with the tab. */
   disabled?: boolean;
 }
+/**
+ * Props for the tabs indicator component.
+ */
 interface TabsIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Option data for the tabs component.
+ */
 interface TabsOptionData<T extends DefinedValue = DefinedValue> {
+  /**
+   * Value associated with the current item.
+   */
   value: T;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Props for the tabs compact component.
+ */
 interface TabsCompactProps<T extends TabsOptionData = TabsOptionData> extends TabsRootProps<T['value'] | null> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
+  /**
+   * Whether to enable indicator.
+   */
   enableIndicator?: boolean;
+  /**
+   * Props forwarded to the list element.
+   */
   listProps?: TabsListProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: TabsTriggerProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: TabsContentProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: TabsIndicatorProps;
 }
+/**
+ * Emits for the tabs compact component.
+ */
 type TabsCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+/**
+ * Slots for the tabs compact component.
+ */
 type TabsCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: T & {
     active: boolean;
   }) => any;
+  /**
+   * Custom content for the content slot.
+   */
   content?: (props: T & {
     active: boolean;
   }) => any;
+  /**
+   * Custom content for the indicator slot.
+   */
   indicator?: () => any;
 };
+/**
+ * Available UI slots for the tabs component.
+ */
 type TabsUiSlot = 'root' | 'list' | 'trigger' | 'content' | 'indicator' | 'indicatorContent';
+/**
+ * UI class overrides for the tabs component.
+ */
 type TabsUi = UiClass<TabsUiSlot>;
 //#endregion
 export { TabsActivationMode, TabsCompactEmits, TabsCompactProps, TabsCompactSlots, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUi, TabsUiSlot };

package/dist/components/tag/types.d.ts

@@ -1,10 +1,22 @@
 import { HTMLAttributes } from "vue";
 
 //#region src/components/tag/types.d.ts
+/**
+ * Props for the tag component.
+ */
 interface TagProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
 }
+/**
+ * Emits for the tag component.
+ */
 type TagEmits = {
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
 //#endregion

package/dist/components/tags-input/types.d.ts

@@ -4,7 +4,13 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/tags-input/types.d.ts
+/**
+ * Type information for the tags input acceptable value component.
+ */
 type TagsInputAcceptableValue = string | number | bigint | Record<string, unknown>;
+/**
+ * Props for the tags input root component.
+ */
 interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** Id of the input element. */
   id?: string;
@@ -33,31 +39,88 @@ interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldComm
   /** Display the tag value. */
   displayValue?: (value: T) => string;
 }
+/**
+ * Emits for the tags input root component.
+ */
 type TagsInputRootEmits<T = TagsInputAcceptableValue> = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: T[]];
+  /**
+   * Emitted when invalid occurs.
+   */
   invalid: [value: T];
+  /**
+   * Emitted when add tag occurs.
+   */
   addTag: [value: T];
+  /**
+   * Emitted when remove tag occurs.
+   */
   removeTag: [value: T];
 };
+/**
+ * Props for the tags input input component.
+ */
 interface TagsInputInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Whether autofocus.
+   */
   autofocus?: boolean;
+  /**
+   * Maxlength.
+   */
   maxlength?: number;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Aria label.
+   */
   'aria-label'?: string;
+  /**
+   * Aria controls.
+   */
   'aria-controls'?: string;
 }
+/**
+ * Props for the tags input item component.
+ */
 interface TagsInputItemProps<T = TagsInputAcceptableValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'value'> {
   /** Value associated with the tag. */
   value: T;
   /** Whether to disable the tag item. */
   disabled?: boolean;
 }
+/**
+ * Props for the tags input item text component.
+ */
 interface TagsInputItemTextProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the tags input item delete component.
+ */
 interface TagsInputItemDeleteProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the tags input clear component.
+ */
 interface TagsInputClearProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the tags input component.
+ */
 type TagsInputUiSlot = 'root' | 'item' | 'itemText' | 'itemDelete' | 'input' | 'clear';
+/**
+ * UI class overrides for the tags input component.
+ */
 type TagsInputUi = UiClass<TagsInputUiSlot>;
 //#endregion
 export { TagsInputAcceptableValue, TagsInputClearProps, TagsInputInputProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot };

package/dist/components/textarea/types.d.ts

@@ -3,12 +3,18 @@ import { FormFieldCommonProps } from "../../types/component.js";
 import { ComputedRef, HTMLAttributes, ShallowRef, TextareaHTMLAttributes } from "vue";
 
 //#region src/components/textarea/types.d.ts
+/**
+ * Type information for the textarea autosize options component.
+ */
 interface TextareaAutosizeOptions {
   /** The minimum number of rows to display */
   minRows?: number;
   /** The maximum number of rows to display */
   maxRows?: number;
 }
+/**
+ * Props for the textarea base component.
+ */
 interface TextareaBaseProps {
   /** Id of the textarea element */
   id?: string;
@@ -25,6 +31,9 @@ interface TextareaBaseProps {
   /** When `true`, the textarea is read-only. */
   readonly?: boolean;
 }
+/**
+ * Props for the textarea root component.
+ */
 interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The default value of the textarea */
   defaultValue?: string;
@@ -33,12 +42,30 @@ interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, /**
   /** When `true` or an options object, enables auto-resizing based on content */
   autosize?: boolean | TextareaAutosizeOptions;
 }
+/**
+ * Emits for the textarea root component.
+ */
 type TextareaRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: string];
 };
+/**
+ * Props for the textarea control component.
+ */
 interface TextareaControlProps extends /** @vue-ignore */TextareaHTMLAttributes {}
+/**
+ * Props for the textarea counter component.
+ */
 interface TextareaCounterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the textarea component.
+ */
 type TextareaUiSlot = 'root' | 'control' | 'counter';
+/**
+ * UI class overrides for the textarea component.
+ */
 type TextareaUi = UiClass<TextareaUiSlot>;
 //#endregion
 export { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };

package/dist/components/time-field/context.d.ts

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { TimeFieldUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-field/context.d.ts
+declare const provideTimeFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<TimeFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TimeFieldUiSlot>>>, useTimeFieldUi: UseUiConsumer<TimeFieldUiSlot>;
+//#endregion
+export { provideTimeFieldUi };

package/dist/components/time-field/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`TimeFieldRoot`),[i,a]=t(`TimeFieldUi`);export{n as provideTimeFieldRootContext,i as provideTimeFieldUi,r as useTimeFieldRootContext,a as useTimeFieldUi};

package/dist/components/time-field/index.d.ts

@@ -0,0 +1,5 @@
+import { TimeFieldInputProps, TimeFieldRootContext, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldUi, TimeFieldUiSlot } from "./types.js";
+import { _default as _default$1 } from "./time-field-root.vue.js";
+import { _default } from "./time-field-input.vue.js";
+import { provideTimeFieldUi } from "./context.js";
+export { _default as TimeFieldInput, type TimeFieldInputProps, _default$1 as TimeFieldRoot, type TimeFieldRootContext, type TimeFieldRootEmits, type TimeFieldRootProps, type TimeFieldUi, type TimeFieldUiSlot, provideTimeFieldUi };

package/dist/components/time-field/index.js

@@ -0,0 +1 @@
+import{provideTimeFieldUi as e}from"./context.js";import t from"./time-field-root.js";import n from"./time-field-input.js";export{n as TimeFieldInput,t as TimeFieldRoot,e as provideTimeFieldUi};

package/dist/components/time-field/time-field-input.js

@@ -0,0 +1 @@
+import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeFieldRootContext as n,useTimeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`TimeFieldInput`,__name:`time-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`TimeFieldInput`),D=l(!0),O=l(!1),k=i(()=>!!g.value),A=i(()=>!!_.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:D,lastKeyZero:O,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:k,readonly:A,focusNext:C,modelValue:w}),F=i(()=>k.value||A.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),I=i(()=>m.part===`literal`?{}:{mousedown:M,keydown:P,focusout:()=>{D.value=!0,N()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(j),{"aria-disabled":k.value?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":A.value||o.part===`timeZoneName`?!0:void 0,class:f(h),contenteditable:F.value,"data-disabled":k.value?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":A.value||o.part===`timeZoneName`?``:void 0,"data-segment":o.part,"data-soybean-date-field-segment":o.part,"data-slot":`input`},d(I.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`class`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`,`data-soybean-date-field-segment`]))}});export{m as default};

package/dist/components/time-field/time-field-input.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TimeFieldInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-field/time-field-input.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeFieldInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimeFieldInputProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-field/time-field-root.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n,isEqualValue as ee}from"../../date/comparators.js";import{getTimeInputType as r,normalizeDateStep as i,normalizeHourCycle as te,normalizeTimeInputValue as a}from"../../date/utils.js";import{useDateFormatter as ne}from"../../date/formatter.js";import{createContent as re,syncTimeSegmentValues as o}from"../../date/parser.js";import{getSegmentElements as s}from"../../date/segment.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import{useForwardElement as l}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as u,useLocale as d}from"../config-provider/context.js";import{Primitive as f}from"../primitive/primitive.js";import"../primitive/index.js";import p from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideTimeFieldRootContext as m,useTimeFieldUi as h}from"./context.js";import{computed as g,createBlock as _,createVNode as v,defineComponent as y,nextTick as b,normalizeClass as x,onMounted as S,openBlock as C,renderSlot as w,shallowRef as T,unref as E,watch as D,withCtx as ie}from"vue";const O=y({name:`TimeFieldRoot`,__name:`time-field-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},hourCycle:{default:void 0},step:{default:void 0},granularity:{default:void 0},hideTimeZone:{type:Boolean,default:!1},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},isTimeUnavailable:{type:Function,default:void 0},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`],setup(y,{emit:O}){let k=y,A=O,j=h(`root`),[M,N]=l(),P=d(()=>k.locale),F=u(()=>k.dir),I=ne(P.value,{hourCycle:te(k.hourCycle)}),L=c(()=>k.modelValue,e=>A(`update:modelValue`,e),k.defaultValue),R=t({defaultPlaceholder:k.placeholder,defaultValue:L.value}),z=c(()=>k.placeholder,e=>A(`update:placeholder`,e),k.defaultPlaceholder??R.copy()),B=g(()=>k.granularity??`minute`),V=g(()=>i(k)),H=g(()=>L.value?!!(k.isTimeUnavailable?.(L.value)||k.minValue&&n(L.value,k.minValue)||k.maxValue&&n(k.maxValue,L.value)):!1),U=T(L.value?{...o({value:L.value,formatter:I})}:{...o({value:z.value,formatter:I})}),W=g(()=>re({granularity:B.value,dateRef:z.value,formatter:I,hideTimeZone:k.hideTimeZone,hourCycle:k.hourCycle,segmentValues:U.value,locale:P,isTimeValue:!0}).arr),G=T([]),K=T(null),q=()=>{M.value&&(G.value=s(M.value))};D(P,e=>{I.getLocale()!==e&&I.setLocale(e),b(q)}),D(L,t=>{!e(t)&&!ee(z.value,t)&&(z.value=t.copy())}),D([L,P,B],([t])=>{if(!e(t)){U.value={...o({value:t,formatter:I})};return}U.value={...o({value:z.value,formatter:I})}});let J=g(()=>G.value.findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===K.value?.getAttribute(`data-soybean-date-field-segment`))),Y=e=>{let t=F.value===`rtl`?-1:1,n=e===`next`?t:-t;G.value[J.value+n]?.focus()},X=g(()=>r(B.value)),Z=g(()=>a(L.value,B.value)),Q=g(()=>k.maxValue?a(k.maxValue,B.value):void 0),$=g(()=>k.minValue?a(k.minValue,B.value):void 0),ae=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),Y(e.key===`ArrowRight`?`next`:`prev`))};return m({locale:P,dir:F,modelValue:L,placeholder:z,isTimeUnavailable:k.isTimeUnavailable,isInvalid:H,disabled:g(()=>k.disabled),readonly:g(()=>k.readonly),formatter:I,hourCycle:k.hourCycle,step:V,segmentValues:U,segmentContents:W,inputType:X,inputValue:Z,inputMaxValue:Q,inputMinValue:$,elements:G,focusNext(){Y(`next`)},setFocusedElement(e){K.value=e}}),S(q),(e,t)=>(C(),_(E(f),{ref:E(N),as:y.as,"as-child":y.asChild,class:x(E(j)),"data-disabled":y.disabled?``:void 0,"data-invalid":H.value?``:void 0,"data-readonly":y.readonly?``:void 0,dir:E(F),"data-slot":`root`,role:`group`,onKeydown:ae},{default:ie(()=>[w(e.$slots,`default`,{isInvalid:H.value,modelValue:E(L),segments:W.value}),v(E(p),{id:y.id,as:`input`,feature:`focusable`,type:X.value,tabindex:`-1`,value:Z.value,name:y.name,disabled:y.disabled,required:y.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>G.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{O as default};

package/dist/components/time-field/time-field-root.vue.d.ts

@@ -0,0 +1,43 @@
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, SegmentPart, TimeGranularity, TimeMatcher } from "../../date/types.js";
+import { TimeFieldRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-field/time-field-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: TimeValue | undefined;
+    segments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    isInvalid: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeFieldRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (time: TimeValue | undefined) => any;
+  "update:placeholder": (time: TimeValue) => any;
+}, string, _$vue.PublicProps, Readonly<TimeFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+}>, {
+  placeholder: TimeValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: TimeValue;
+  readonly: boolean;
+  defaultPlaceholder: TimeValue;
+  hourCycle: 12 | 24;
+  granularity: TimeGranularity;
+  hideTimeZone: boolean;
+  isTimeUnavailable: TimeMatcher;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-field/types.d.ts

@@ -0,0 +1,201 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, HourCycle, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/time-field/types.d.ts
+/**
+ * Props for the time field root component.
+ */
+interface TimeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: TimeValue;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: TimeValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: TimeValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: TimeValue;
+  /**
+   * Hour cycle.
+   */
+  hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
+  step?: DateStep;
+  /**
+   * Granularity.
+   */
+  granularity?: TimeGranularity;
+  /**
+   * Whether hide time zone.
+   */
+  hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
+  maxValue?: TimeValue;
+  /**
+   * Min value.
+   */
+  minValue?: TimeValue;
+  /**
+   * Locale.
+   */
+  locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
+  readonly?: boolean;
+  /**
+   * Whether the time is unavailable.
+   */
+  isTimeUnavailable?: TimeMatcher;
+  /**
+   * Id.
+   */
+  id?: string;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+}
+/**
+ * Emits for the time field root component.
+ */
+type TimeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [time: TimeValue];
+};
+/**
+ * Props for the time field input component.
+ */
+interface TimeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Part.
+   */
+  part: SegmentPart;
+}
+/**
+ * Type information for the time field segment component.
+ */
+interface TimeFieldSegment {
+  /**
+   * Part.
+   */
+  part: SegmentPart;
+  /**
+   * Value associated with the current item.
+   */
+  value: string;
+}
+/**
+ * Context for the time field root component.
+ */
+interface TimeFieldRootContext extends PropsToContext<TimeFieldRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
+  locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<TimeValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
+  placeholder: ShallowRef<TimeValue>;
+  /**
+   * Whether the time is unavailable.
+   */
+  isTimeUnavailable?: TimeMatcher;
+  /**
+   * Whether the current value is invalid.
+   */
+  isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
+  formatter: Formatter;
+  /**
+   * Hour cycle used by the component context.
+   */
+  hourCycle: HourCycle;
+  /**
+   * Step used by the component context.
+   */
+  step: ComputedRef<DateStep>;
+  /**
+   * Segment values used by the component context.
+   */
+  segmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * Segment contents used by the component context.
+   */
+  segmentContents: ComputedRef<TimeFieldSegment[]>;
+  /**
+   * Input type used by the component context.
+   */
+  inputType: ComputedRef<TimeInputType>;
+  /**
+   * Input value used by the component context.
+   */
+  inputValue: ComputedRef<string>;
+  /**
+   * Input max value used by the component context.
+   */
+  inputMaxValue: ComputedRef<string | undefined>;
+  /**
+   * Input min value used by the component context.
+   */
+  inputMinValue: ComputedRef<string | undefined>;
+  /**
+   * Elements used by the component context.
+   */
+  elements: ShallowRef<HTMLElement[]>;
+  /**
+   * Focus next used by the component context.
+   */
+  focusNext: () => void;
+  /**
+   * Set focused element used by the component context.
+   */
+  setFocusedElement: (el: HTMLElement) => void;
+}
+/**
+ * Available UI slots for the time field component.
+ */
+type TimeFieldUiSlot = 'root' | 'input';
+/**
+ * UI class overrides for the time field component.
+ */
+type TimeFieldUi = UiClass<TimeFieldUiSlot>;
+//#endregion
+export { TimeFieldInputProps, TimeFieldRootContext, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldUi, TimeFieldUiSlot };

package/dist/components/time-picker/context.d.ts

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { TimePickerUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-picker/context.d.ts
+declare const provideTimePickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<TimePickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TimePickerUiSlot>>>, useTimePickerUi: UseUiConsumer<TimePickerUiSlot>;
+//#endregion
+export { provideTimePickerUi };

package/dist/components/time-picker/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`TimePickerRoot`),[i,a]=t(`TimePickerUi`);export{n as provideTimePickerRootContext,i as provideTimePickerUi,r as useTimePickerRootContext,a as useTimePickerUi};

package/dist/components/time-picker/index.d.ts

@@ -0,0 +1,6 @@
+import { TimePickerPopupProps, TimePickerRootContext, TimePickerRootEmits, TimePickerRootProps, TimePickerTriggerProps, TimePickerUi, TimePickerUiSlot } from "./types.js";
+import { _default } from "./time-picker-popup.vue.js";
+import { _default as _default$1 } from "./time-picker-root.vue.js";
+import { _default as _default$2 } from "./time-picker-trigger.vue.js";
+import { provideTimePickerUi } from "./context.js";
+export { _default as TimePickerPopup, type TimePickerPopupProps, _default$1 as TimePickerRoot, type TimePickerRootContext, type TimePickerRootEmits, type TimePickerRootProps, _default$2 as TimePickerTrigger, type TimePickerTriggerProps, type TimePickerUi, type TimePickerUiSlot, provideTimePickerUi };

package/dist/components/time-picker/index.js

@@ -0,0 +1 @@
+import{provideTimePickerUi as e}from"./context.js";import t from"./time-picker-popup.js";import n from"./time-picker-root.js";import r from"./time-picker-trigger.js";export{t as TimePickerPopup,n as TimePickerRoot,r as TimePickerTrigger,e as provideTimePickerUi};

package/dist/components/time-picker/time-picker-popup.js

@@ -0,0 +1 @@
+import{findClosestTimeOption as e}from"../../shared/time-picker.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimePickerRootContext as r,useTimePickerUi as i}from"./context.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,defineComponent as d,nextTick as f,normalizeClass as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,withCtx as b}from"vue";const x=[`aria-label`,`aria-pressed`,`data-disabled`,`data-focused`,`data-selected`,`data-time-key`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`],S=d({name:`TimePickerPopup`,__name:`time-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(d){let S=i(`popup`),C=i(`list`),w=i(`cellTrigger`),{focusedTime:T,isTimeDisabled:E,isTimeSelected:D,modelValue:O,onTimeChange:k,open:A,options:j,popupId:M,setFocusedTime:N}=r(`TimePickerPopup`),[P,F]=t(),I=e=>{let t=P.value?.querySelector(`[data-time-key='${e}']`);t?.focus(),t?.scrollIntoView({block:`nearest`})},L=(e,t)=>{let n=j.value,r=e;for(;r>=0&&r<n.length;){let e=n[r];if(!E(e.value))return N(e.value),f(()=>{I(e.key)}),!0;r+=t}return!1},R=()=>{let t=e(j.value,O.value??T.value);if(!t)return;let n=j.value.findIndex(e=>e.key===t.key);L(n===-1?0:n,1)},z=(e,t)=>{let n=e+t,r=t>=0?1:-1;n<0||n>=j.value.length||L(n,r)},B=e=>{E(e)||k(e)},V=e=>{N(e)},H=(e,t,n)=>{if(!E(e))switch(n.key){case`ArrowDown`:n.preventDefault(),z(t,1);break;case`ArrowUp`:n.preventDefault(),z(t,-1);break;case`Home`:n.preventDefault(),L(0,1);break;case`End`:n.preventDefault(),L(j.value.length-1,-1);break;case`Enter`:case` `:n.preventDefault(),k(e);break;default:break}};return y(()=>A.value,e=>{e&&f(()=>{R()})}),(e,t)=>v(A)?(m(),o(v(n),{key:0,id:v(M),ref:v(F),as:d.as,"as-child":d.asChild,"aria-label":`Time picker`,class:p(v(S)),"data-slot":`popup`,role:`dialog`},{default:b(()=>[l(`div`,{class:p(v(C)),"data-slot":`list`},[(m(!0),c(a,null,h(v(j),(t,n)=>(m(),c(`button`,{key:t.key,"aria-label":t.label,"aria-pressed":v(D)(t.value)?!0:void 0,class:p(v(w)),"data-disabled":v(E)(t.value)?``:void 0,"data-focused":t.value.toString()===v(T).toString()?``:void 0,"data-selected":v(D)(t.value)?``:void 0,"data-slot":`cell-trigger`,"data-time-key":t.key,disabled:v(E)(t.value),tabindex:t.value.toString()===v(T).toString()&&!v(E)(t.value)?0:-1,type:`button`,onClick:e=>B(t.value),onFocus:e=>V(t.value),onKeydown:e=>H(t.value,n,e)},[g(e.$slots,`time`,{disabled:v(E)(t.value),focused:t.value.toString()===v(T).toString(),label:t.label,selected:v(D)(t.value),time:t.value},()=>[u(_(t.label),1)])],42,x))),128))],2)]),_:3},8,[`id`,`as`,`as-child`,`class`])):s(`v-if`,!0)}});export{S as default};