@soybeanjs/headless 0.18.0 → 0.20.0

package/dist/components/range-calendar/types.d.ts

@@ -1,488 +0,0 @@
-import { Direction, UiClass } from "../../types/common.js";
-import { PropsToContext } from "../../types/vue.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { DateRange, Grid, Matcher } from "../../date/types.js";
-import { WeekDayFormat, WeekStartsOn } from "../../date/calendar.js";
-import { Formatter } from "../../date/formatter.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
-import { DateValue } from "@internationalized/date";
-
-//#region src/components/range-calendar/types.d.ts
-/**
- * Properties for the RangeCalendarRoot component.
- */
-interface RangeCalendarRootProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
-  /**
-   * Default value.
-   */
-  defaultValue?: DateRange;
-  /**
-   * Default placeholder.
-   */
-  defaultPlaceholder?: DateValue;
-  /**
-   * Placeholder.
-   */
-  placeholder?: DateValue;
-  /**
-   * Current model value.
-   */
-  modelValue?: DateRange;
-  /**
-   * Whether to allow non contiguous ranges.
-   */
-  allowNonContiguousRanges?: boolean;
-  /**
-   * Whether paged navigation.
-   */
-  pagedNavigation?: boolean;
-  /**
-   * Whether prevent deselect.
-   */
-  preventDeselect?: boolean;
-  /**
-   * Maximum days.
-   */
-  maximumDays?: number;
-  /**
-   * Week starts on.
-   */
-  weekStartsOn?: WeekStartsOn;
-  /**
-   * Weekday format.
-   */
-  weekdayFormat?: WeekDayFormat;
-  /**
-   * Calendar label.
-   */
-  calendarLabel?: string;
-  /**
-   * Whether fixed weeks.
-   */
-  fixedWeeks?: boolean;
-  /**
-   * Max value.
-   */
-  maxValue?: DateValue;
-  /**
-   * Min value.
-   */
-  minValue?: DateValue;
-  /**
-   * Locale.
-   */
-  locale?: string;
-  /**
-   * Number of months.
-   */
-  numberOfMonths?: number;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Whether the component is readonly.
-   */
-  readonly?: boolean;
-  /**
-   * Whether initial focus.
-   */
-  initialFocus?: boolean;
-  /**
-   * Whether the date is disabled.
-   */
-  isDateDisabled?: Matcher;
-  /**
-   * Whether the date is unavailable.
-   */
-  isDateUnavailable?: Matcher;
-  /**
-   * Whether a date highlightable.
-   */
-  isDateHighlightable?: Matcher;
-  /**
-   * Reading direction of the component.
-   */
-  dir?: Direction;
-  /**
-   * Next page.
-   */
-  nextPage?: (placeholder: DateValue) => DateValue;
-  /**
-   * Prev page.
-   */
-  prevPage?: (placeholder: DateValue) => DateValue;
-  /**
-   * Whether to disable days outside current view.
-   */
-  disableDaysOutsideCurrentView?: boolean;
-  /**
-   * Fixed date.
-   */
-  fixedDate?: 'start' | 'end';
-}
-/**
- * Events for the RangeCalendarRoot component.
- */
-type RangeCalendarRootEmits = {
-  /**
-   * Emitted when the model value changes.
-   */
-  'update:modelValue': [range: DateRange];
-  /**
-   * Emitted when the placeholder value changes.
-   */
-  'update:placeholder': [date: DateValue];
-  /**
-   * Emitted when the start value changes.
-   */
-  'update:startValue': [date: DateValue | undefined];
-};
-/**
- * Properties for the RangeCalendarHeader component.
- */
-interface RangeCalendarHeaderProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarHeading component.
- */
-interface RangeCalendarHeadingProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarGrid component.
- */
-interface RangeCalendarGridProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarGridHead component.
- */
-interface RangeCalendarGridHeadProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarGridBody component.
- */
-interface RangeCalendarGridBodyProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarGridRow component.
- */
-interface RangeCalendarGridRowProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarHeadCell component.
- */
-interface RangeCalendarHeadCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
-/**
- * Properties for the RangeCalendarCell component.
- */
-interface RangeCalendarCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
-  /**
-   * Date.
-   */
-  date: DateValue;
-}
-/**
- * Properties for the RangeCalendarCellTrigger component.
- */
-interface RangeCalendarCellTriggerProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
-  /**
-   * Day.
-   */
-  day: DateValue;
-  /**
-   * Month.
-   */
-  month: DateValue;
-}
-/**
- * Properties for the RangeCalendarPrev component.
- */
-interface RangeCalendarPrevProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /**
-   * Prev page.
-   */
-  prevPage?: (placeholder: DateValue) => DateValue;
-}
-/**
- * Properties for the RangeCalendarNext component.
- */
-interface RangeCalendarNextProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /**
-   * Next page.
-   */
-  nextPage?: (placeholder: DateValue) => DateValue;
-}
-/**
- * Context for the RangeCalendarRoot component.
- */
-interface RangeCalendarRootContext extends PropsToContext<RangeCalendarRootProps, 'allowNonContiguousRanges' | 'disableDaysOutsideCurrentView' | 'disabled' | 'fixedWeeks' | 'initialFocus' | 'numberOfMonths' | 'pagedNavigation' | 'preventDeselect' | 'readonly'> {
-  /**
-   * Locale used by the component context.
-   */
-  locale: ComputedRef<string>;
-  /**
-   * Reading direction of the component.
-   */
-  dir: ComputedRef<Direction>;
-  /**
-   * Week starts on used by the component context.
-   */
-  weekStartsOn: ComputedRef<WeekStartsOn>;
-  /**
-   * Weekday format used by the component context.
-   */
-  weekdayFormat: ComputedRef<WeekDayFormat>;
-  /**
-   * Current model value.
-   */
-  modelValue: ShallowRef<DateRange>;
-  /**
-   * Placeholder used by the component context.
-   */
-  placeholder: ShallowRef<DateValue>;
-  /**
-   * Grid used by the component context.
-   */
-  grid: ShallowRef<Grid<DateValue>[]>;
-  /**
-   * Parent element used by the component context.
-   */
-  parentElement: ShallowRef<HTMLElement | undefined>;
-  /**
-   * Full calendar label used by the component context.
-   */
-  fullCalendarLabel: ComputedRef<string>;
-  /**
-   * Heading value used by the component context.
-   */
-  headingValue: ComputedRef<string>;
-  /**
-   * Whether the current value is invalid.
-   */
-  isInvalid: ComputedRef<boolean>;
-  /**
-   * Min value used by the component context.
-   */
-  minValue: ComputedRef<DateValue | undefined>;
-  /**
-   * Max value used by the component context.
-   */
-  maxValue: ComputedRef<DateValue | undefined>;
-  /**
-   * Whether the placeholder is focusable.
-   */
-  isPlaceholderFocusable: ComputedRef<boolean>;
-  /**
-   * First focusable date used by the component context.
-   */
-  firstFocusableDate: ComputedRef<DateValue | undefined>;
-  /**
-   * Whether the component has selected date.
-   */
-  hasSelectedDate: ComputedRef<boolean>;
-  /**
-   * Whether the selected date is disabled.
-   */
-  isSelectedDateDisabled: ComputedRef<boolean>;
-  /**
-   * Selected focusable date used by the component context.
-   */
-  selectedFocusableDate: ComputedRef<DateValue | undefined>;
-  /**
-   * Formatter used by the component context.
-   */
-  formatter: Formatter;
-  /**
-   * Highlighted range used by the component context.
-   */
-  highlightedRange: ComputedRef<DateRange | null>;
-  /**
-   * Fixed date used by the component context.
-   */
-  fixedDate: ComputedRef<'start' | 'end' | undefined>;
-  /**
-   * Maximum days used by the component context.
-   */
-  maximumDays: ComputedRef<number | undefined>;
-  /**
-   * Whether the date is unavailable.
-   */
-  isDateUnavailable?: Matcher;
-  /**
-   * Whether a date highlightable.
-   */
-  isDateHighlightable?: Matcher;
-  /**
-   * Callback invoked when the date changes.
-   */
-  onDateChange: (date: DateValue) => void;
-  /**
-   * Callback invoked when the placeholder changes.
-   */
-  onPlaceholderChange: (date: DateValue) => void;
-  /**
-   * Whether the date is disabled.
-   */
-  isDateDisabled: Matcher;
-  /**
-   * Whether the date is selected.
-   */
-  isDateSelected: Matcher;
-  /**
-   * Whether a selection start.
-   */
-  isSelectionStart: Matcher;
-  /**
-   * Whether a selection end.
-   */
-  isSelectionEnd: Matcher;
-  /**
-   * Whether a highlighted start.
-   */
-  isHighlightedStart: Matcher;
-  /**
-   * Whether a highlighted end.
-   */
-  isHighlightedEnd: Matcher;
-  /**
-   * Whether an outside visible view.
-   */
-  isOutsideVisibleView: (date: DateValue) => boolean;
-  /**
-   * Set hovered date used by the component context.
-   */
-  setHoveredDate: (date?: DateValue) => void;
-  /**
-   * Hovered date used by the component context.
-   */
-  hoveredDate: ShallowRef<DateValue | undefined>;
-  /**
-   * Prev page used by the component context.
-   */
-  prevPage: (prevPageFunc?: (date: DateValue) => DateValue) => void;
-  /**
-   * Next page used by the component context.
-   */
-  nextPage: (nextPageFunc?: (date: DateValue) => DateValue) => void;
-  /**
-   * Whether the previous button is disabled.
-   */
-  isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
-  /**
-   * Whether the next button is disabled.
-   */
-  isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
-}
-/**
- * Available UI slots for the RangeCalendar component.
- */
-type RangeCalendarUiSlot = 'root' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'gridHead' | 'gridBody' | 'gridRow' | 'headCell' | 'cell' | 'cellTrigger';
-/**
- * UI class overrides for the RangeCalendar component.
- */
-type RangeCalendarUi = UiClass<RangeCalendarUiSlot>;
-/**
- * Properties for the RangeCalendarCompact component.
- */
-interface RangeCalendarCompactProps extends RangeCalendarRootProps {
-  /**
-   * Properties forwarded to the header element.
-   */
-  headerProps?: RangeCalendarHeaderProps;
-  /**
-   * Properties forwarded to the heading element.
-   */
-  headingProps?: RangeCalendarHeadingProps;
-  /**
-   * Properties forwarded to the prev element.
-   */
-  prevProps?: RangeCalendarPrevProps;
-  /**
-   * Properties forwarded to the next element.
-   */
-  nextProps?: RangeCalendarNextProps;
-  /**
-   * Properties forwarded to the grid element.
-   */
-  gridProps?: RangeCalendarGridProps;
-  /**
-   * Properties forwarded to the grid head element.
-   */
-  gridHeadProps?: RangeCalendarGridHeadProps;
-  /**
-   * Properties forwarded to the grid body element.
-   */
-  gridBodyProps?: RangeCalendarGridBodyProps;
-  /**
-   * Properties forwarded to the grid row element.
-   */
-  gridRowProps?: RangeCalendarGridRowProps;
-  /**
-   * Properties forwarded to the head cell element.
-   */
-  headCellProps?: RangeCalendarHeadCellProps;
-  /**
-   * Properties forwarded to the cell element.
-   */
-  cellProps?: Omit<RangeCalendarCellProps, 'date'>;
-  /**
-   * Properties forwarded to the cell trigger element.
-   */
-  cellTriggerProps?: Omit<RangeCalendarCellTriggerProps, 'day' | 'month'>;
-}
-/**
- * Events for the RangeCalendarCompact component.
- */
-type RangeCalendarCompactEmits = RangeCalendarRootEmits;
-/**
- * Slots for the RangeCalendarCompact component.
- */
-type RangeCalendarCompactSlots = {
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    modelValue: DateRange;
-  }) => any;
-  /**
-   * Custom content for the prev slot.
-   */
-  prev?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the heading slot.
-   */
-  heading?: (props: {
-    headingValue: string;
-  }) => any;
-  /**
-   * Custom content for the next slot.
-   */
-  next?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the head cell slot.
-   */
-  'head-cell'?: (props: {
-    date: DateValue;
-    index: number;
-    label: string;
-  }) => any;
-  /**
-   * Custom content for the day slot.
-   */
-  day?: (props: {
-    day: DateValue;
-    month: DateValue;
-    dayValue: string;
-    disabled: boolean;
-    selected: boolean;
-    selectionStart: boolean;
-    selectionEnd: boolean;
-    highlighted: boolean;
-    highlightedStart: boolean;
-    highlightedEnd: boolean;
-    unavailable: boolean;
-    today: boolean;
-    outsideView: boolean;
-    outsideVisibleView: boolean;
-  }) => any;
-};
-//#endregion
-export { RangeCalendarCellProps, RangeCalendarCellTriggerProps, RangeCalendarCompactEmits, RangeCalendarCompactProps, RangeCalendarCompactSlots, RangeCalendarGridBodyProps, RangeCalendarGridHeadProps, RangeCalendarGridProps, RangeCalendarGridRowProps, RangeCalendarHeadCellProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNextProps, RangeCalendarPrevProps, RangeCalendarRootContext, RangeCalendarRootEmits, RangeCalendarRootProps, RangeCalendarUi, RangeCalendarUiSlot };

package/dist/components/tags-input/tags-input-input.js

@@ -1 +0,0 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,nextTick as o,normalizeClass as s,openBlock as c,ref as l,renderSlot as u,unref as d,withCtx as f,withKeys as p}from"vue";const m=a({name:`TagsInputInput`,__name:`tags-input-input`,props:{id:{},placeholder:{},autofocus:{type:Boolean},maxlength:{},disabled:{type:Boolean},"aria-label":{},"aria-controls":{},asChild:{type:Boolean},as:{default:`input`}},setup(a){let m=a,h=n(`input`),{id:g,addOnPaste:_,addOnBlur:v,addOnTab:y,delimiter:b,disabled:x,isInvalidInput:S,onAddValue:C,onInputKeydown:w,selectedElement:T}=t(`TagsInputInput`),E=l(!1),D=r(()=>!m.asChild&&(m.as===void 0||m.as===`input`)),O=e=>{if(T.value=void 0,!v.value)return;let t=e.target,n=e.relatedTarget,r=t.getAttribute(`aria-controls`);if(r&&n?.closest(`#${r}`)||!t.value)return;let i=t.value.trim();if(!i){t.value=``;return}C(i)&&(t.value=``)},k=e=>{if(S.value=!1,e.data===null)return;let t=b.value??`,`;if(!(typeof t==`string`?t===e.data:new RegExp(t).test(e.data)))return;let n=e.target;n.value=n.value.replace(t,``);let r=n.value.trim();if(!r){n.value=``;return}C(r)&&(n.value=``)},A=e=>{if(!_.value)return;e.preventDefault();let t=e.clipboardData;if(!t)return;let n=t.getData(`text`),r=b.value??`,`;(typeof r==`string`?n.split(r):n.split(new RegExp(r))).forEach(e=>{let t=e.trim();t&&C(t)})},j=async e=>{if(E.value||e.defaultPrevented)return;await o();let t=e.target;if(!t.value)return;let n=t.value.trim();if(!n){t.value=``,e.preventDefault();return}C(n)&&(t.value=``),e.preventDefault()},M=e=>{y.value&&j(e)},N=()=>{E.value=!0},P=()=>{o(()=>{E.value=!1})};return(t,n)=>(c(),i(d(e),{id:m.id||d(g),as:m.as,"as-child":m.asChild,class:s(d(h)),type:D.value?`text`:void 0,autocomplete:D.value?`off`:void 0,autocorrect:D.value?`off`:void 0,autocapitalize:D.value?`off`:void 0,autofocus:D.value?m.autofocus:void 0,placeholder:D.value?m.placeholder:void 0,maxlength:D.value?m.maxlength:void 0,"aria-label":m[`aria-label`],"aria-controls":m[`aria-controls`],disabled:d(x)||m.disabled,"data-invalid":d(S)?``:void 0,onInput:k,onKeydown:[p(j,[`enter`]),p(M,[`tab`]),d(w)],onBlur:O,onPaste:A,onCompositionstart:N,onCompositionend:P},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`class`,`type`,`autocomplete`,`autocorrect`,`autocapitalize`,`autofocus`,`placeholder`,`maxlength`,`aria-label`,`aria-controls`,`disabled`,`data-invalid`,`onKeydown`]))}});export{m as default};

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

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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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};

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

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

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

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

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

@@ -1 +0,0 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimePickerRootContext as t,useTimePickerUi 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:`TimePickerTrigger`,__name:`time-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(`TimePickerTrigger`),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-picker/time-picker-trigger.vue.d.ts

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