@soybeanjs/headless 0.15.5 → 0.17.0

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

@@ -0,0 +1,280 @@
+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, TimeRange } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/time-range-field/types.d.ts
+/**
+ * Props for the time range field root component.
+ */
+interface TimeRangeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: TimeRange;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: TimeValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: TimeValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: TimeRange;
+  /**
+   * 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;
+  /**
+   * Start name.
+   */
+  startName?: string;
+  /**
+   * End name.
+   */
+  endName?: string;
+}
+/**
+ * Emits for the time range field root component.
+ */
+type TimeRangeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [range: TimeRange];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [time: TimeValue];
+  /**
+   * Emitted when the start value changes.
+   */
+  'update:startValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the end value changes.
+   */
+  'update:endValue': [time: TimeValue | undefined];
+};
+/**
+ * Props for the time range field input component.
+ */
+interface TimeRangeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Part.
+   */
+  part: SegmentPart;
+  /**
+   * Type.
+   */
+  type?: 'start' | 'end';
+}
+/**
+ * Type information for the time range field segment component.
+ */
+interface TimeRangeFieldSegment {
+  /**
+   * Part.
+   */
+  part: SegmentPart;
+  /**
+   * Value associated with the current item.
+   */
+  value: string;
+}
+/**
+ * Context for the time range field root component.
+ */
+interface TimeRangeFieldRootContext extends PropsToContext<TimeRangeFieldRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
+  locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<TimeRange>;
+  /**
+   * 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>;
+  /**
+   * Start segment values used by the component context.
+   */
+  startSegmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * End segment values used by the component context.
+   */
+  endSegmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * Start segment contents used by the component context.
+   */
+  startSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
+  /**
+   * End segment contents used by the component context.
+   */
+  endSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
+  /**
+   * Start input type used by the component context.
+   */
+  startInputType: ComputedRef<TimeInputType>;
+  /**
+   * End input type used by the component context.
+   */
+  endInputType: ComputedRef<TimeInputType>;
+  /**
+   * Start input value used by the component context.
+   */
+  startInputValue: ComputedRef<string>;
+  /**
+   * End input value used by the component context.
+   */
+  endInputValue: 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>;
+  /**
+   * Start elements used by the component context.
+   */
+  startElements: ShallowRef<HTMLElement[]>;
+  /**
+   * End elements used by the component context.
+   */
+  endElements: ShallowRef<HTMLElement[]>;
+  /**
+   * Focused type used by the component context.
+   */
+  focusedType: ShallowRef<'start' | 'end'>;
+  /**
+   * Focus next used by the component context.
+   */
+  focusNext: (type: 'start' | 'end') => void;
+  /**
+   * Set focused element used by the component context.
+   */
+  setFocusedElement: (el: HTMLElement, type: 'start' | 'end') => void;
+}
+/**
+ * Available UI slots for the time range field component.
+ */
+type TimeRangeFieldUiSlot = 'root' | 'input' | 'separator';
+/**
+ * UI class overrides for the time range field component.
+ */
+type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
+/**
+ * Props for the time range field compact component.
+ */
+interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
+  /**
+   * Props forwarded to the input element.
+   */
+  inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  /**
+   * Separator.
+   */
+  separator?: string;
+}
+/**
+ * Emits for the time range field compact component.
+ */
+type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
+/**
+ * Slots for the time range field compact component.
+ */
+type TimeRangeFieldCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    startSegments: TimeRangeFieldSegment[];
+    endSegments: TimeRangeFieldSegment[];
+    modelValue: TimeRange;
+    isInvalid: boolean;
+  }) => any;
+  /**
+   * Custom content for the separator slot.
+   */
+  separator?: () => any;
+};
+//#endregion
+export { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootContext, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldSegment, TimeRangeFieldUi, TimeRangeFieldUiSlot };

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

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

package/dist/components/time-range-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(`TimeRangePickerRoot`),[i,a]=t(`TimeRangePickerUi`);export{n as provideTimeRangePickerRootContext,i as provideTimeRangePickerUi,r as useTimeRangePickerRootContext,a as useTimeRangePickerUi};

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

@@ -0,0 +1,7 @@
+import { TimeRangePickerCompactEmits, TimeRangePickerCompactProps, TimeRangePickerCompactSlots, TimeRangePickerPopupProps, TimeRangePickerRootContext, TimeRangePickerRootEmits, TimeRangePickerRootProps, TimeRangePickerTriggerProps, TimeRangePickerUi, TimeRangePickerUiSlot } from "./types.js";
+import { _default } from "./time-range-picker-compact.vue.js";
+import { _default as _default$1 } from "./time-range-picker-popup.vue.js";
+import { _default as _default$2 } from "./time-range-picker-root.vue.js";
+import { _default as _default$3 } from "./time-range-picker-trigger.vue.js";
+import { provideTimeRangePickerUi } from "./context.js";
+export { _default as TimeRangePickerCompact, type TimeRangePickerCompactEmits, type TimeRangePickerCompactProps, type TimeRangePickerCompactSlots, _default$1 as TimeRangePickerPopup, type TimeRangePickerPopupProps, _default$2 as TimeRangePickerRoot, type TimeRangePickerRootContext, type TimeRangePickerRootEmits, type TimeRangePickerRootProps, _default$3 as TimeRangePickerTrigger, type TimeRangePickerTriggerProps, type TimeRangePickerUi, type TimeRangePickerUiSlot, provideTimeRangePickerUi };

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

@@ -0,0 +1 @@
+import{provideTimeRangePickerUi as e}from"./context.js";import t from"./time-range-picker-root.js";import n from"./time-range-picker-trigger.js";import r from"./time-range-picker-popup.js";import i from"./time-range-picker-compact.js";export{i as TimeRangePickerCompact,r as TimeRangePickerPopup,t as TimeRangePickerRoot,n as TimeRangePickerTrigger,e as provideTimeRangePickerUi};

package/dist/components/time-range-picker/time-range-picker-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./time-range-picker-root.js";import r from"./time-range-picker-trigger.js";import i from"./time-range-picker-popup.js";import{createBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=s({name:`TimeRangePickerCompact`,__name:`time-range-picker-compact`,props:{triggerProps:{},popupProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isTimeUnavailable:{},id:{},dir:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(s,{emit:g}){let _=s,v=g,y=t(_,[`triggerProps`,`popupProps`]),b=e(v);return(e,t)=>(d(),a(n,l(m(y),p(m(b))),{default:h(t=>[o(r,u(c(s.triggerProps)),{default:h(()=>[f(e.$slots,`trigger`,{displayValue:t.displayValue,modelValue:t.modelValue,open:t.open})]),_:2},1040),o(i,u(c(s.popupProps)),{time:h(t=>[f(e.$slots,`time`,u(c(t)))]),_:3},16),f(e.$slots,`default`,u(c(t)))]),_:3},16))}});export{g as default};

package/dist/components/time-range-picker/time-range-picker-compact.vue.d.ts

@@ -0,0 +1,31 @@
+import { TimeValue } from "../../date/comparators.js";
+import { TimeRange } from "../../date/types.js";
+import { TimeRangePickerCompactProps, TimeRangePickerCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-picker/time-range-picker-compact.vue.d.ts
+type __VLS_Slots = TimeRangePickerCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: TimeRange) => any;
+  "update:open": (open: boolean) => any;
+  "update:placeholder": (time: TimeValue) => any;
+  "update:startValue": (time: TimeValue | undefined) => any;
+  "update:endValue": (time: TimeValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<TimeRangePickerCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, 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-range-picker/time-range-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{useTimeRangePickerRootContext as r,useTimeRangePickerUi 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-highlighted`,`data-range-end`,`data-range-start`,`data-selected`,`data-time-key`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`,`onMouseenter`],S=d({name:`TimeRangePickerPopup`,__name:`time-range-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(d){let S=i(`popup`),C=i(`list`),w=i(`cellTrigger`),{focusedTime:T,isRangeEnd:E,isRangeStart:D,isTimeDisabled:O,isTimeHighlighted:k,isTimeSelected:A,modelValue:j,onRangeChange:M,open:N,options:P,popupId:F,setFocusedTime:I,setHoveredTime:L}=r(`TimeRangePickerPopup`),[R,z]=t(),B=e=>{let t=R.value?.querySelector(`[data-time-key='${e}']`);t?.focus(),t?.scrollIntoView({block:`nearest`})},V=(e,t)=>{let n=P.value,r=e;for(;r>=0&&r<n.length;){let e=n[r];if(!O(e.value))return I(e.value),f(()=>{B(e.key)}),!0;r+=t}return!1},H=()=>{let t=e(P.value,j.value.end??j.value.start??T.value);if(!t)return;let n=P.value.findIndex(e=>e.key===t.key);V(n===-1?0:n,1)},U=(e,t)=>{let n=e+t,r=t>=0?1:-1;n<0||n>=P.value.length||V(n,r)},W=e=>{O(e)||M(e)},G=e=>{I(e)},K=e=>{j.value.start&&!j.value.end&&!O(e)&&L(e)},q=(e,t,n)=>{if(!O(e))switch(n.key){case`ArrowDown`:n.preventDefault(),U(t,1);break;case`ArrowUp`:n.preventDefault(),U(t,-1);break;case`Home`:n.preventDefault(),V(0,1);break;case`End`:n.preventDefault(),V(P.value.length-1,-1);break;case`Enter`:case` `:n.preventDefault(),M(e);break;default:break}};return y(()=>N.value,e=>{e&&f(()=>{H()})}),(e,t)=>v(N)?(m(),o(v(n),{key:0,id:v(F),ref:v(z),as:d.as,"as-child":d.asChild,"aria-label":`Time range picker`,class:p(v(S)),"data-slot":`popup`,role:`dialog`,onMouseleave:t[0]||(t[0]=e=>v(L)(void 0))},{default:b(()=>[l(`div`,{class:p(v(C)),"data-slot":`list`},[(m(!0),c(a,null,h(v(P),(t,n)=>(m(),c(`button`,{key:t.key,"aria-label":t.label,"aria-pressed":v(A)(t.value)?!0:void 0,class:p(v(w)),"data-disabled":v(O)(t.value)?``:void 0,"data-focused":t.value.toString()===v(T).toString()?``:void 0,"data-highlighted":v(k)(t.value)?``:void 0,"data-range-end":v(E)(t.value)?``:void 0,"data-range-start":v(D)(t.value)?``:void 0,"data-selected":v(A)(t.value)?``:void 0,"data-slot":`cell-trigger`,"data-time-key":t.key,disabled:v(O)(t.value),tabindex:t.value.toString()===v(T).toString()&&!v(O)(t.value)?0:-1,type:`button`,onClick:e=>W(t.value),onFocus:e=>G(t.value),onKeydown:e=>q(t.value,n,e),onMouseenter:e=>K(t.value)},[g(e.$slots,`time`,{disabled:v(O)(t.value),focused:t.value.toString()===v(T).toString(),highlighted:v(k)(t.value),label:t.label,rangeEnd:v(E)(t.value),rangeStart:v(D)(t.value),selected:v(A)(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};

package/dist/components/time-range-picker/time-range-picker-popup.vue.d.ts

@@ -0,0 +1,30 @@
+import { AsTag } from "../primitive/types.js";
+import { TimeValue } from "../../date/comparators.js";
+import { TimeRangePickerPopupProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-picker/time-range-picker-popup.vue.d.ts
+type __VLS_Slots = {
+  time?: (props: {
+    disabled: boolean;
+    focused: boolean;
+    highlighted: boolean;
+    label: string;
+    rangeEnd: boolean;
+    rangeStart: boolean;
+    selected: boolean;
+    time: TimeValue;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimeRangePickerPopupProps> & 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-range-picker/time-range-picker-root.js

@@ -0,0 +1 @@
+import{getDefaultTime as e,isBefore as t}from"../../date/comparators.js";import{normalizeHourCycle as n}from"../../date/utils.js";import{useDateFormatter as r}from"../../date/formatter.js";import"../../date/index.js";import{compareTimeValues as i,createTimeOptions as a,formatTimeValue as o,isTimeBetweenInclusive as s}from"../../shared/time-picker.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as l,useLocale as u}from"../config-provider/context.js";import{Primitive as d}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTimeRangePickerRootContext as f,useTimeRangePickerUi as p}from"./context.js";import{computed as m,createBlock as h,defineComponent as g,normalizeClass as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useId as S,watch as C,withCtx as w}from"vue";const T=g({name:`TimeRangePickerRoot`,__name:`time-range-picker-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:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},modal:{type:Boolean,default:!1},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(g,{emit:T}){let E=g,D=T,O=p(`root`),k=S(),A=u(()=>E.locale),j=l(()=>E.dir),M=r(A.value,{hourCycle:n(E.hourCycle)}),N=m(()=>E.granularity??`minute`),P=m(()=>E.hideTimeZone),F=c(()=>E.modelValue,e=>{D(`update:modelValue`,e),D(`update:startValue`,e.start),D(`update:endValue`,e.end)},E.defaultValue??{}),I=e({defaultPlaceholder:E.placeholder,defaultValue:F.value.start}),L=c(()=>E.placeholder,e=>D(`update:placeholder`,e),E.defaultPlaceholder??I.copy()),R=c(()=>E.open,e=>D(`update:open`,e??!1),E.defaultOpen),z=b(F.value.end?.copy()??F.value.start?.copy()??L.value.copy()),B=b(),V=m(()=>E.minValue),H=m(()=>E.maxValue),U=e=>!!(E.disabled||E.isTimeUnavailable?.(e)||V.value&&t(e,V.value)||H.value&&t(H.value,e)),W=(e,t)=>i(e,t)<=0?{start:e.copy(),end:t.copy()}:{start:t.copy(),end:e.copy()},G=e=>F.value.start?F.value.start.toString()===e.toString():!1,K=e=>F.value.end?F.value.end.toString()===e.toString():!1,q=e=>{let{start:t,end:n}=F.value;return!t&&!n?!1:t&&!n?t.toString()===e.toString():t&&n?s(e,t,n):!1},J=e=>{let{start:t,end:n}=F.value;if(!t||n||!B.value)return!1;let r=W(t,B.value);return s(e,r.start,r.end)},Y=m(()=>{let{start:e,end:t}=F.value;return!!(e&&U(e)||t&&U(t)||e&&t&&i(t,e)<0)}),X=m(()=>{let{start:e,end:t}=F.value;return e&&t?`${o({formatter:M,granularity:N.value,hideTimeZone:P.value,hourCycle:E.hourCycle,value:e})} – ${o({formatter:M,granularity:N.value,hideTimeZone:P.value,hourCycle:E.hourCycle,value:t})}`:e?`${o({formatter:M,granularity:N.value,hideTimeZone:P.value,hourCycle:E.hourCycle,value:e})} – ...`:``}),Z=m(()=>a({formatter:M,granularity:N.value,hideTimeZone:P.value,hourCycle:E.hourCycle,isTimeUnavailable:E.isTimeUnavailable,maxValue:H.value,minValue:V.value,reference:F.value.start??L.value,step:E.step})),Q=e=>{L.value=e.copy(),z.value=e.copy()};return C(A,e=>{M.getLocale()!==e&&M.setLocale(e)}),C(()=>F.value.start,e=>{e&&L.value.toString()!==e.toString()&&(L.value=e.copy())}),C(F,e=>{z.value=e.end?.copy()??e.start?.copy()??L.value.copy()},{deep:!0}),f({locale:A,dir:j,modelValue:F,placeholder:L,isTimeUnavailable:E.isTimeUnavailable,isInvalid:Y,formatter:M,granularity:N,hourCycle:E.hourCycle,hideTimeZone:P,open:R,popupId:k,displayValue:X,focusedTime:z,hoveredTime:B,options:Z,minValue:V,maxValue:H,onRangeChange:e=>{if(E.readonly||U(e))return;let{start:t,end:n}=F.value;if(!t||n){F.value={start:e.copy(),end:void 0},z.value=e.copy(),B.value=void 0,Q(e);return}let r=W(t,e);F.value=r,z.value=e.copy(),B.value=void 0,Q(r.start),R.value=!1},onPlaceholderChange:Q,isTimeDisabled:U,isTimeSelected:q,isTimeHighlighted:J,isRangeStart:G,isRangeEnd:K,setOpen(e){R.value=e},setFocusedTime:e=>{z.value=e.copy()},setHoveredTime:e=>{B.value=e?.copy()},disabled:m(()=>E.disabled),readonly:m(()=>E.readonly)}),(e,t)=>(v(),h(x(d),{as:g.as,"as-child":g.asChild,class:_(x(O)),"data-disabled":g.disabled?``:void 0,"data-invalid":Y.value?``:void 0,"data-readonly":g.readonly?``:void 0,dir:x(j),"data-slot":`root`},{default:w(()=>[y(e.$slots,`default`,{displayValue:X.value,modelValue:x(F),open:!!x(R),placeholder:x(L)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{T as default};

package/dist/components/time-range-picker/time-range-picker-root.vue.d.ts

@@ -0,0 +1,50 @@
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, TimeGranularity, TimeMatcher, TimeRange } from "../../date/types.js";
+import { TimeRangePickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-picker/time-range-picker-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    displayValue: string;
+    modelValue: TimeRange;
+    open: boolean;
+    placeholder: TimeValue;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: TimeRange) => any;
+  "update:open": (open: boolean) => any;
+  "update:placeholder": (time: TimeValue) => any;
+  "update:startValue": (time: TimeValue | undefined) => any;
+  "update:endValue": (time: TimeValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<TimeRangePickerRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
+}>, {
+  placeholder: TimeValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: TimeRange;
+  open: boolean;
+  defaultOpen: boolean;
+  readonly: boolean;
+  defaultPlaceholder: TimeValue;
+  modal: boolean;
+  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-range-picker/time-range-picker-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeRangePickerRootContext as t,useTimeRangePickerUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TimeRangePickerTrigger`,__name:`time-range-picker-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=n(`trigger`),{disabled:d,readonly:f,open:p,setOpen:m,popupId:h}=t(`TimeRangePickerTrigger`),g=()=>{d.value||f.value||m(!p.value)};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"aria-controls":c(h),"aria-disabled":c(d)?!0:void 0,"aria-expanded":!!c(p),class:a(c(u)),"data-disabled":c(d)?``:void 0,"data-state":c(p)?`open`:`closed`,"data-slot":`trigger`,type:`button`,onClick:g},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-controls`,`aria-disabled`,`aria-expanded`,`class`,`data-disabled`,`data-state`]))}});export{u as default};

package/dist/components/time-range-picker/time-range-picker-trigger.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TimeRangePickerTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-picker/time-range-picker-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimeRangePickerTriggerProps> & 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 };