@soybeanjs/headless 0.15.4 → 0.16.0

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

@@ -0,0 +1,53 @@
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, SegmentPart, TimeGranularity, TimeMatcher, TimeRange } from "../../date/types.js";
+import { TimeRangeFieldRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-field/time-range-field-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: TimeRange;
+    startSegments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    endSegments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    isInvalid: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: TimeRange) => any;
+  "update:placeholder": (time: TimeValue) => any;
+  "update:startValue": (time: TimeValue | undefined) => any;
+  "update:endValue": (time: TimeValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<TimeRangeFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: TimeRange) => 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;
+  defaultPlaceholder: TimeValue;
+  hourCycle: 12 | 24;
+  granularity: TimeGranularity;
+  hideTimeZone: boolean;
+  readonly: boolean;
+  isTimeUnavailable: TimeMatcher;
+  startName: string;
+  endName: string;
+}, {}, {}, {}, 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-field/types.d.ts

@@ -0,0 +1,88 @@
+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
+interface TimeRangeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: TimeRange;
+  defaultPlaceholder?: TimeValue;
+  placeholder?: TimeValue;
+  modelValue?: TimeRange;
+  hourCycle?: HourCycle;
+  step?: DateStep;
+  granularity?: TimeGranularity;
+  hideTimeZone?: boolean;
+  maxValue?: TimeValue;
+  minValue?: TimeValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  isTimeUnavailable?: TimeMatcher;
+  id?: string;
+  dir?: Direction;
+  startName?: string;
+  endName?: string;
+}
+type TimeRangeFieldRootEmits = {
+  'update:modelValue': [range: TimeRange];
+  'update:placeholder': [time: TimeValue];
+  'update:startValue': [time: TimeValue | undefined];
+  'update:endValue': [time: TimeValue | undefined];
+};
+interface TimeRangeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  part: SegmentPart;
+  type?: 'start' | 'end';
+}
+interface TimeRangeFieldSegment {
+  part: SegmentPart;
+  value: string;
+}
+interface TimeRangeFieldRootContext extends PropsToContext<TimeRangeFieldRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<TimeRange>;
+  placeholder: ShallowRef<TimeValue>;
+  isTimeUnavailable?: TimeMatcher;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  hourCycle: HourCycle;
+  step: ComputedRef<DateStep>;
+  startSegmentValues: ShallowRef<SegmentValueObj>;
+  endSegmentValues: ShallowRef<SegmentValueObj>;
+  startSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
+  endSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
+  startInputType: ComputedRef<TimeInputType>;
+  endInputType: ComputedRef<TimeInputType>;
+  startInputValue: ComputedRef<string>;
+  endInputValue: ComputedRef<string>;
+  inputMaxValue: ComputedRef<string | undefined>;
+  inputMinValue: ComputedRef<string | undefined>;
+  startElements: ShallowRef<HTMLElement[]>;
+  endElements: ShallowRef<HTMLElement[]>;
+  focusedType: ShallowRef<'start' | 'end'>;
+  focusNext: (type: 'start' | 'end') => void;
+  setFocusedElement: (el: HTMLElement, type: 'start' | 'end') => void;
+}
+type TimeRangeFieldUiSlot = 'root' | 'input' | 'separator';
+type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
+interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
+  inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  separator?: string;
+}
+type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
+type TimeRangeFieldCompactSlots = {
+  default?: (props: {
+    startSegments: TimeRangeFieldSegment[];
+    endSegments: TimeRangeFieldSegment[];
+    modelValue: TimeRange;
+    isInvalid: boolean;
+  }) => any;
+  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:placeholder": (time: TimeValue) => any;
+  "update:open": (open: boolean) => 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:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => 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:placeholder": (time: TimeValue) => any;
+  "update:open": (open: boolean) => 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:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
+}>, {
+  placeholder: TimeValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: TimeRange;
+  defaultPlaceholder: TimeValue;
+  hourCycle: 12 | 24;
+  granularity: TimeGranularity;
+  hideTimeZone: boolean;
+  readonly: boolean;
+  open: boolean;
+  defaultOpen: boolean;
+  modal: 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 };

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

@@ -0,0 +1,103 @@
+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, TimeGranularity, TimeMatcher, TimeRange } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { TimePickerOption } from "../../shared/time-picker.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/time-range-picker/types.d.ts
+interface TimeRangePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: TimeRange;
+  defaultPlaceholder?: TimeValue;
+  placeholder?: TimeValue;
+  modelValue?: TimeRange;
+  hourCycle?: HourCycle;
+  step?: DateStep;
+  granularity?: TimeGranularity;
+  hideTimeZone?: boolean;
+  maxValue?: TimeValue;
+  minValue?: TimeValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  isTimeUnavailable?: TimeMatcher;
+  id?: string;
+  dir?: Direction;
+  defaultOpen?: boolean;
+  open?: boolean;
+  modal?: boolean;
+}
+type TimeRangePickerRootEmits = {
+  'update:modelValue': [range: TimeRange];
+  'update:placeholder': [time: TimeValue];
+  'update:startValue': [time: TimeValue | undefined];
+  'update:endValue': [time: TimeValue | undefined];
+  'update:open': [open: boolean];
+};
+interface TimeRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TimeRangePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TimeRangePickerRootContext extends PropsToContext<TimeRangePickerRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<TimeRange>;
+  placeholder: ShallowRef<TimeValue>;
+  isTimeUnavailable?: TimeMatcher;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  granularity: ComputedRef<TimeGranularity>;
+  hourCycle: HourCycle;
+  hideTimeZone: ComputedRef<boolean>;
+  open: ShallowRef<boolean | undefined>;
+  popupId: string;
+  displayValue: ComputedRef<string>;
+  focusedTime: ShallowRef<TimeValue>;
+  hoveredTime: ShallowRef<TimeValue | undefined>;
+  options: ComputedRef<TimePickerOption[]>;
+  minValue: ComputedRef<TimeValue | undefined>;
+  maxValue: ComputedRef<TimeValue | undefined>;
+  onRangeChange: (time: TimeValue) => void;
+  onPlaceholderChange: (time: TimeValue) => void;
+  isTimeDisabled: (time: TimeValue) => boolean;
+  isTimeSelected: (time: TimeValue) => boolean;
+  isTimeHighlighted: (time: TimeValue) => boolean;
+  isRangeStart: (time: TimeValue) => boolean;
+  isRangeEnd: (time: TimeValue) => boolean;
+  setOpen: (value: boolean) => void;
+  setFocusedTime: (time: TimeValue) => void;
+  setHoveredTime: (time: TimeValue | undefined) => void;
+}
+type TimeRangePickerUiSlot = 'root' | 'trigger' | 'popup' | 'list' | 'cellTrigger';
+type TimeRangePickerUi = UiClass<TimeRangePickerUiSlot>;
+interface TimeRangePickerCompactProps extends TimeRangePickerRootProps {
+  triggerProps?: TimeRangePickerTriggerProps;
+  popupProps?: TimeRangePickerPopupProps;
+}
+type TimeRangePickerCompactEmits = TimeRangePickerRootEmits;
+type TimeRangePickerCompactSlots = {
+  default?: (props: {
+    modelValue: TimeRange;
+    placeholder: TimeValue;
+    displayValue: string;
+    open: boolean;
+  }) => any;
+  trigger?: (props: {
+    displayValue: string;
+    modelValue: TimeRange;
+    open: boolean;
+  }) => any;
+  time?: (props: {
+    label: string;
+    time: TimeValue;
+    disabled: boolean;
+    focused: boolean;
+    highlighted: boolean;
+    selected: boolean;
+    rangeStart: boolean;
+    rangeEnd: boolean;
+  }) => any;
+};
+//#endregion
+export { TimeRangePickerCompactEmits, TimeRangePickerCompactProps, TimeRangePickerCompactSlots, TimeRangePickerPopupProps, TimeRangePickerRootContext, TimeRangePickerRootEmits, TimeRangePickerRootProps, TimeRangePickerTriggerProps, TimeRangePickerUi, TimeRangePickerUiSlot };

package/dist/components/toast/shared.js

@@ -1 +1 @@
-import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};

package/dist/components/toast/toaster.vue.d.ts

@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
   offset: ToastOffset;
-  position: ToastPosition;
   duration: number;
   gap: number;
   hotkey: string[];
   containerAriaLabel: string;
+  position: ToastPosition;
   visibleCounts: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-import{providePopperUi as e}from"../popper/context.js";import t from"../popper/popper-arrow.js";import n from"../portal/portal.js";import r from"./tooltip-root.js";import i from"./tooltip-trigger.js";import a from"./tooltip-positioner.js";import o from"./tooltip-popup.js";export{t as TooltipArrow,o as TooltipPopup,n as TooltipPortal,a as TooltipPositioner,r as TooltipRoot,i as TooltipTrigger,e as provideTooltipUi};
+import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-root.js";import i from"./tooltip-trigger.js";import a from"./tooltip-positioner.js";import o from"./tooltip-popup.js";export{n as TooltipArrow,o as TooltipPopup,t as TooltipPortal,a as TooltipPositioner,r as TooltipRoot,i as TooltipTrigger,e as provideTooltipUi};

package/dist/components/tooltip/tooltip-popup.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../visually-hidden/visually-hidden.js";import{popperCssVars as n}from"../popper/shared.js";import r from"../popper/popper-popup.js";import"../popper/index.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${n.transformOrigin})`,[a.availableWidth]:`var(${n.availableWidth})`,[a.availableHeight]:`var(${n.availableHeight})`,[a.anchorWidth]:`var(${n.anchorWidth})`,[a.anchorHeight]:`var(${n.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,n)=>(d(),s(m(r),{ref:m(S),"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(t),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${t.transformOrigin})`,[a.availableWidth]:`var(${t.availableWidth})`,[a.availableHeight]:`var(${t.availableHeight})`,[a.anchorWidth]:`var(${t.anchorWidth})`,[a.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};

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

@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<TooltipRootProps, {}, {}, {}, {}
 }, string, _$vue.PublicProps, Readonly<TooltipRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
 }, {}, {}, {}, 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/year-picker/context.d.ts

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

package/dist/components/year-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(`YearPickerRoot`),[i,a]=t(`YearPickerUi`);export{n as provideYearPickerRootContext,i as provideYearPickerUi,r as useYearPickerRootContext,a as useYearPickerUi};

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

@@ -0,0 +1,6 @@
+import { YearPickerPopupProps, YearPickerRootContext, YearPickerRootEmits, YearPickerRootProps, YearPickerTriggerProps, YearPickerUi, YearPickerUiSlot } from "./types.js";
+import { _default } from "./year-picker-popup.vue.js";
+import { _default as _default$1 } from "./year-picker-root.vue.js";
+import { _default as _default$2 } from "./year-picker-trigger.vue.js";
+import { provideYearPickerUi } from "./context.js";
+export { _default as YearPickerPopup, type YearPickerPopupProps, _default$1 as YearPickerRoot, type YearPickerRootContext, type YearPickerRootEmits, type YearPickerRootProps, _default$2 as YearPickerTrigger, type YearPickerTriggerProps, type YearPickerUi, type YearPickerUiSlot, provideYearPickerUi };

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

@@ -0,0 +1 @@
+import{provideYearPickerUi as e}from"./context.js";import t from"./year-picker-popup.js";import n from"./year-picker-root.js";import r from"./year-picker-trigger.js";export{t as YearPickerPopup,n as YearPickerRoot,r as YearPickerTrigger,e as provideYearPickerUi};

package/dist/components/year-picker/types.d.ts

@@ -0,0 +1,63 @@
+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 { Grid } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/year-picker/types.d.ts
+interface YearPickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: DateValue;
+  defaultPlaceholder?: DateValue;
+  placeholder?: DateValue;
+  modelValue?: DateValue;
+  minValue?: DateValue;
+  maxValue?: DateValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  id?: string;
+  dir?: Direction;
+  defaultOpen?: boolean;
+  open?: boolean;
+  modal?: boolean;
+}
+type YearPickerRootEmits = {
+  'update:modelValue': [date: DateValue | undefined];
+  'update:placeholder': [date: DateValue];
+  'update:open': [open: boolean];
+};
+interface YearPickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface YearPickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface YearPickerRootContext extends PropsToContext<YearPickerRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<DateValue | undefined>;
+  placeholder: ShallowRef<DateValue>;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  open: ShallowRef<boolean | undefined>;
+  popupId: string;
+  displayValue: ComputedRef<string>;
+  headingValue: ComputedRef<string>;
+  focusedYear: ShallowRef<DateValue>;
+  yearGrid: ComputedRef<Grid<DateValue>>;
+  minValue: ComputedRef<DateValue | undefined>;
+  maxValue: ComputedRef<DateValue | undefined>;
+  onYearChange: (date: DateValue) => void;
+  onPlaceholderChange: (date: DateValue) => void;
+  isYearDisabled: (date: DateValue) => boolean;
+  isYearSelected: (date: DateValue) => boolean;
+  setOpen: (value: boolean) => void;
+  setFocusedYear: (date: DateValue) => void;
+  prevPage: () => void;
+  nextPage: () => void;
+  isPrevButtonDisabled: () => boolean;
+  isNextButtonDisabled: () => boolean;
+}
+type YearPickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
+type YearPickerUi = UiClass<YearPickerUiSlot>;
+//#endregion
+export { YearPickerPopupProps, YearPickerRootContext, YearPickerRootEmits, YearPickerRootProps, YearPickerTriggerProps, YearPickerUi, YearPickerUiSlot };

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useYearPickerRootContext as n,useYearPickerUi as r}from"./context.js";import{Fragment as ee,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,openBlock as f,renderList as p,renderSlot as m,toDisplayString as h,unref as g,useId as _,watch as v,withCtx as y}from"vue";const te=[`data-disabled`,`disabled`],b=[`id`],x=[`data-disabled`,`disabled`],ne=[`aria-label`,`aria-pressed`,`data-disabled`,`data-focused`,`data-selected`,`data-year-value`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`],S=l({name:`YearPickerPopup`,__name:`year-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(l){let S=r(`popup`),C=r(`header`),w=r(`heading`),T=r(`prev`),E=r(`next`),D=r(`grid`),O=r(`cellTrigger`),{yearGrid:k,isYearDisabled:A,setFocusedYear:j,isNextButtonDisabled:M,nextPage:N,isPrevButtonDisabled:P,prevPage:F,focusedYear:I,onYearChange:L,dir:R,open:z,popupId:B,headingValue:V,formatter:H,isYearSelected:U}=n(`YearPickerPopup`),[W,G]=e(),K=_(),q=k,J=e=>{(W.value?.querySelector(`[data-year-value='${e.toString()}']`))?.focus()},Y=(e,t)=>{let n=e;for(;n>=0&&n<q.value.cells.length;){let e=q.value.cells[n];if(!A(e))return j(e),u(()=>{J(e)}),!0;n+=t}return!1},X=e=>{let t=q.value.cells.findIndex(t=>t.year===e.year),n=t===-1?0:t;Y(n,1)||Y(n,-1)},re=(e,t)=>{if(t>0){if(M())return;N()}else{if(P())return;F()}u(()=>{Y(e,t)})},Z=(e,t)=>{let n=e+t,r=t>=0?1:-1;if(n>=0&&n<q.value.cells.length){Y(n,r);return}re(n<0?q.value.cells.length+n:n-q.value.cells.length,r)},Q=()=>{P()||(F(),u(()=>{X(I.value)}))},$=()=>{M()||(N(),u(()=>{X(I.value)}))},ie=e=>{j(e)},ae=e=>{A(e)||L(e)},oe=(e,t,n)=>{if(A(e))return;let r=R.value===`rtl`?-1:1;switch(n.key){case`ArrowRight`:n.preventDefault(),Z(t,r);break;case`ArrowLeft`:n.preventDefault(),Z(t,-r);break;case`ArrowDown`:n.preventDefault(),Z(t,4);break;case`ArrowUp`:n.preventDefault(),Z(t,-4);break;case`Home`:n.preventDefault(),Y(t-t%4,1);break;case`End`:n.preventDefault(),Y(t+(3-t%4),-1);break;case`PageUp`:n.preventDefault(),Q();break;case`PageDown`:n.preventDefault(),$();break;case`Enter`:case` `:n.preventDefault(),L(e);break;default:break}};return v(()=>z.value,e=>{e&&u(()=>{X(I.value)})}),(e,n)=>g(z)?(f(),i(g(t),{key:0,id:g(B),ref:g(G),as:l.as,"as-child":l.asChild,"aria-labelledby":g(K),class:d(g(S)),"data-slot":`popup`,role:`dialog`},{default:y(()=>[s(`div`,{class:d(g(C)),"data-slot":`header`},[s(`button`,{"aria-label":`Previous years`,class:d(g(T)),"data-disabled":g(P)()?``:void 0,"data-slot":`prev`,disabled:g(P)(),type:`button`,onClick:Q},[m(e.$slots,`prev`,{disabled:g(P)()},()=>[n[0]||(n[0]=c(`Prev`,-1))])],10,te),s(`div`,{id:g(K),class:d(g(w)),"data-slot":`heading`},[m(e.$slots,`heading`,{headingValue:g(V)},()=>[c(h(g(V)),1)])],10,b),s(`button`,{"aria-label":`Next years`,class:d(g(E)),"data-disabled":g(M)()?``:void 0,"data-slot":`next`,disabled:g(M)(),type:`button`,onClick:$},[m(e.$slots,`next`,{disabled:g(M)()},()=>[n[1]||(n[1]=c(`Next`,-1))])],10,x)],2),s(`div`,{class:d(g(D)),"data-slot":`grid`},[(f(!0),o(ee,null,p(g(q).cells,(t,n)=>(f(),o(`button`,{key:t.toString(),"aria-label":g(H).fullYear(new Date(t.year,0,1)),"aria-pressed":g(U)(t)?!0:void 0,class:d(g(O)),"data-disabled":g(A)(t)?``:void 0,"data-focused":t.year===g(I).year?``:void 0,"data-selected":g(U)(t)?``:void 0,"data-slot":`cell-trigger`,"data-year-value":t.toString(),disabled:g(A)(t),tabindex:t.year===g(I).year&&!g(A)(t)?0:-1,type:`button`,onClick:e=>ae(t),onFocus:e=>ie(t),onKeydown:e=>oe(t,n,e)},[m(e.$slots,`year`,{date:t,disabled:g(A)(t),focused:t.year===g(I).year,label:String(t.year),selected:g(U)(t)},()=>[c(h(t.year),1)])],42,ne))),128))],2)]),_:3},8,[`id`,`as`,`as-child`,`aria-labelledby`,`class`])):a(`v-if`,!0)}});export{S as default};

package/dist/components/year-picker/year-picker-popup.vue.d.ts

@@ -0,0 +1,36 @@
+import { AsTag } from "../primitive/types.js";
+import { YearPickerPopupProps } from "./types.js";
+import * as _$vue from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/year-picker/year-picker-popup.vue.d.ts
+type __VLS_Slots = {
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  year?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    selected: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<YearPickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<YearPickerPopupProps> & 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 };