@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

package/dist/components/date-range-field/date-range-field-root.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n,hasTime as r,isBefore as i}from"../../date/comparators.js";import{useDateFormatter as a}from"../../date/formatter.js";import{getInputType as o,normalizeDateStep as s,normalizeHourCycle as ee,normalizeInputValue as c}from"../../date/utils.js";import{createContent as l,initializeSegmentValues as u,syncSegmentValues as d}from"../../date/parser.js";import{getSegmentElements as f}from"../../date/segment.js";import{useDirection as te,useLocale as ne}from"../config-provider/context.js";import{useLocaleMessages as re}from"../../locale/hooks.js";import"../../locale/index.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as p}from"../../composables/use-controllable-state.js";import{useForwardElement as m}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as h}from"../primitive/primitive.js";import"../primitive/index.js";import g from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideDateRangeFieldRootContext as _,useDateRangeFieldUi as v}from"./context.js";import{computed as y,createBlock as b,createVNode as x,defineComponent as S,nextTick as ie,normalizeClass as ae,onMounted as C,openBlock as w,renderSlot as oe,shallowRef as T,unref as E,watch as D,withCtx as O}from"vue";const k=S({name:`DateRangeFieldRoot`,__name:`date-range-field-root`,props:{defaultValue:{default:void 0},modelValue:{},startName:{default:void 0},endName:{default:void 0},id:{},granularity:{default:void 0},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},maxValue:{},minValue:{},isDateUnavailable:{type:Function,default:void 0},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(S,{emit:k}){let A=S,j=k,se=v(`root`),[M,ce]=m(),N=ne(()=>A.locale),P=te(()=>A.dir),F=re(),I=a(N.value,{hourCycle:ee(A.hourCycle)}),L=p(()=>A.modelValue,e=>{j(`update:modelValue`,e),j(`update:startValue`,e.start),j(`update:endValue`,e.end)},A.defaultValue??{}),R=n({defaultPlaceholder:A.placeholder,defaultValue:L.value.start,granularity:A.granularity,locale:A.locale}),z=p(()=>A.placeholder,e=>j(`update:placeholder`,e),A.defaultPlaceholder??R.copy()),B=y(()=>s(A.step)),V=y(()=>A.granularity?r(z.value)?A.granularity:`day`:r(z.value)?`minute`:`day`),H=y(()=>{let{start:e,end:t}=L.value;return!!(e&&t&&i(t,e)||e&&(A.isDateUnavailable?.(e)||A.minValue&&i(e,A.minValue)||A.maxValue&&i(A.maxValue,e))||t&&(A.isDateUnavailable?.(t)||A.minValue&&i(t,A.minValue)||A.maxValue&&i(A.maxValue,t)))}),U=T(L.value.start?{...d({value:L.value.start,formatter:I})}:{...u(V.value)}),W=T(L.value.end?{...d({value:L.value.end,formatter:I})}:{...u(V.value)}),le=y(()=>l({granularity:V.value,dateRef:z.value,formatter:I,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:U.value,locale:N,dateMessages:F.value.date}).arr),ue=y(()=>l({granularity:V.value,dateRef:z.value,formatter:I,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:W.value,locale:N,dateMessages:F.value.date}).arr),G=T([]),K=T([]),q=T(null),J=T(`start`),Y=()=>{if(!M.value)return;let e=M.value.querySelector(`[data-date-range-field-part="start"]`),t=M.value.querySelector(`[data-date-range-field-part="end"]`);e&&(G.value=f(e)),t&&(K.value=f(t))};D(N,e=>{I.getLocale()!==e&&I.setLocale(e),ie(Y)}),D(()=>L.value.start,t=>{!e(t)&&z.value.compare(t)!==0&&(z.value=t.copy())}),D([()=>L.value.start,N,V],([t])=>{if(!e(t)){U.value={...d({value:t,formatter:I})};return}Object.values(U.value).every(e=>e!==null)&&(U.value={...u(V.value)})}),D([()=>L.value.end,N,V],([t])=>{if(!e(t)){W.value={...d({value:t,formatter:I})};return}Object.values(W.value).every(e=>e!==null)&&(W.value={...u(V.value)})});let de=y(()=>(J.value===`start`?G.value:K.value).findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===q.value?.getAttribute(`data-soybean-date-field-segment`))),X=(e,t)=>{let n=P.value===`rtl`?-1:1,r=t===`next`?n:-n,i=e===`start`?G.value:K.value,a=de.value+r;a>=0&&a<i.length?i[a]?.focus():t===`next`&&e===`start`&&K.value.length>0?(J.value=`end`,K.value[0]?.focus()):t===`prev`&&e===`end`&&G.value.length>0&&(J.value=`start`,G.value[G.value.length-1]?.focus())},Z=y(()=>o(V.value)),fe=y(()=>c(L.value.start,V.value)),pe=y(()=>c(L.value.end,V.value)),Q=y(()=>A.maxValue?c(A.maxValue,V.value):void 0),$=y(()=>A.minValue?c(A.minValue,V.value):void 0),me=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),X(J.value,e.key===`ArrowRight`?`next`:`prev`))};return _({...t(A,[`disabled`,`readonly`]),modelValue:L,placeholder:z,isInvalid:H,formatter:I,hourCycle:A.hourCycle,step:B,startSegmentValues:U,endSegmentValues:W,focusNext(e){X(e,`next`)},setFocusedElement(e,t){q.value=e,J.value=t}}),C(Y),(e,t)=>(w(),b(E(h),{ref:E(ce),as:S.as,"as-child":S.asChild,"data-soybean-date-range-field-root":``,class:ae(E(se)),"data-disabled":S.disabled?``:void 0,"data-invalid":H.value?``:void 0,"data-readonly":S.readonly?``:void 0,dir:E(P),role:`group`,onKeydown:me},{default:O(()=>[oe(e.$slots,`default`,{endSegments:ue.value,isInvalid:H.value,modelValue:E(L),startSegments:le.value}),x(E(g),{id:S.id,as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:fe.value,name:S.startName||S.name,disabled:S.disabled,required:S.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>G.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`]),x(E(g),{as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:pe.value,name:S.endName,disabled:S.disabled,required:S.required,max:Q.value,min:$.value,onFocus:t[1]||(t[1]=e=>K.value[0]?.focus())},null,8,[`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};

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

@@ -0,0 +1,37 @@
+import { DateMatcher, DateRange, DateStep, Granularity } from "../../date/types.js";
+import { DateRangeFieldRootProps, DateRangeFieldRootSlots } from "./types.js";
+//#region src/components/date-range-field/date-range-field-root.vue.d.ts
+type __VLS_Slots = DateRangeFieldRootSlots;
+declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (range: DateRange) => any;
+  "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
+  "update:startValue": (date: import("@internationalized/date").DateValue | undefined) => any;
+  "update:endValue": (date: import("@internationalized/date").DateValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<DateRangeFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
+  "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
+}>, {
+  disabled: boolean;
+  placeholder: import("@internationalized/date").DateValue;
+  step: DateStep;
+  defaultValue: DateRange;
+  readonly: boolean;
+  defaultPlaceholder: import("@internationalized/date").DateValue;
+  isDateUnavailable: DateMatcher;
+  granularity: Granularity;
+  hourCycle: 12 | 24;
+  hideTimeZone: boolean;
+  startName: string;
+  endName: string;
+}, {}, {}, {}, string, import("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/date-range-field/index.d.ts

@@ -0,0 +1,6 @@
+import { DateRangeFieldCompactEmits, DateRangeFieldCompactProps, DateRangeFieldCompactSlots, DateRangeFieldInputProps, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldRootSlots, DateRangeFieldSlotProps, DateRangeFieldUi, DateRangeFieldUiSlot } from "./types.js";
+import { _default } from "./date-range-field-compact.vue.js";
+import { _default as _default$2 } from "./date-range-field-root.vue.js";
+import { _default as _default$1 } from "./date-range-field-input.vue.js";
+import { provideDateRangeFieldUi } from "./context.js";
+export { _default as DateRangeFieldCompact, type DateRangeFieldCompactEmits, type DateRangeFieldCompactProps, type DateRangeFieldCompactSlots, _default$1 as DateRangeFieldInput, type DateRangeFieldInputProps, _default$2 as DateRangeFieldRoot, type DateRangeFieldRootEmits, type DateRangeFieldRootProps, type DateRangeFieldRootSlots, type DateRangeFieldSlotProps, type DateRangeFieldUi, type DateRangeFieldUiSlot, provideDateRangeFieldUi };

package/dist/components/date-range-field/index.js

@@ -0,0 +1 @@
+import{provideDateRangeFieldUi as e}from"./context.js";import t from"./date-range-field-input.js";import n from"./date-range-field-root.js";import r from"./date-range-field-compact.js";export{r as DateRangeFieldCompact,t as DateRangeFieldInput,n as DateRangeFieldRoot,e as provideDateRangeFieldUi};

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

@@ -0,0 +1,133 @@
+import { UiClass } from "../../types/common.js";
+import { DateRange } from "../../date/types.js";
+import { DateFieldInputProps, DateFieldRootProps, DateFieldSegment } from "../date-field/types.js";
+import { ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/date-range-field/types.d.ts
+/**
+ * Properties for the DateRangeFieldRoot component.
+ */
+interface DateRangeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'defaultValue'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: DateRange;
+  /**
+   * Current model value.
+   */
+  modelValue?: DateRange;
+  /**
+   * Start name.
+   */
+  startName?: string;
+  /**
+   * End name.
+   */
+  endName?: string;
+}
+/**
+ * Events for the DateRangeFieldRoot component.
+ */
+type DateRangeFieldRootEmits = {
+  /**
+   * 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];
+  /**
+   * Emitted when the end value changes.
+   */
+  'update:endValue': [date: DateValue | undefined];
+};
+/**
+ * Slot properties for the DateRangeField component.
+ */
+interface DateRangeFieldSlotProps {
+  /**
+   * Start segments used by the component context.
+   */
+  startSegments: DateFieldSegment[];
+  /**
+   * End segments used by the component context.
+   */
+  endSegments: DateFieldSegment[];
+  /**
+   * Current model value.
+   */
+  modelValue: DateRange;
+  /**
+   * Whether the date is invalid.
+   */
+  isInvalid: boolean;
+}
+/**
+ * Slots for the DateRangeFieldRoot component.
+ */
+type DateRangeFieldRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: DateRangeFieldSlotProps) => any;
+};
+type DateRangeType = 'start' | 'end';
+/**
+ * Properties for the DateRangeFieldInput component.
+ */
+interface DateRangeFieldInputProps extends DateFieldInputProps {
+  /**
+   * Type.
+   */
+  type?: DateRangeType;
+}
+/**
+ * Available UI slots for the DateRangeField component.
+ */
+type DateRangeFieldUiSlot = 'root' | 'input' | 'startRoot' | 'endRoot' | 'separator';
+/**
+ * UI class overrides for the DateRangeField component.
+ */
+type DateRangeFieldUi = UiClass<DateRangeFieldUiSlot>;
+/**
+ * Properties for the DateRangeFieldCompact component.
+ */
+interface DateRangeFieldCompactProps extends DateRangeFieldRootProps {
+  /**
+   * Properties forwarded to the input element.
+   */
+  inputProps?: DateRangeFieldInputProps;
+  /**
+   * Separator.
+   */
+  separator?: string;
+}
+/**
+ * Events for the DateRangeFieldCompact component.
+ */
+type DateRangeFieldCompactEmits = DateRangeFieldRootEmits;
+/**
+ * Slots for the DateRangeFieldCompact component.
+ */
+type DateRangeFieldCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: () => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: () => any;
+  /**
+   * Custom content for the separator slot.
+   */
+  separator?: () => any;
+};
+//#endregion
+export { DateRangeFieldCompactEmits, DateRangeFieldCompactProps, DateRangeFieldCompactSlots, DateRangeFieldInputProps, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldRootSlots, DateRangeFieldSlotProps, DateRangeFieldUi, DateRangeFieldUiSlot, DateRangeType };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { DateRangePickerUiSlot } from "./types.js";
+//#region src/components/date-range-picker/context.d.ts
+declare const provideDateRangePickerUi: (ui: import("vue").ComputedRef<Partial<UiClass<DateRangePickerUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<DateRangePickerUiSlot>>>, useDateRangePickerUi: UseUiConsumer<DateRangePickerUiSlot>;
+//#endregion
+export { provideDateRangePickerUi };

package/dist/components/date-range-picker/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopoverUi as t}from"../popover/context.js";import{provideDateRangeFieldUi as n}from"../date-range-field/context.js";const[r,i]=e(`DateRangePickerUi`,e=>(t(e),n(e),e));export{r as provideDateRangePickerUi};

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-range-field/date-range-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarRangeProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};

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

@@ -0,0 +1,310 @@
+import { Direction } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { BaseProps } from "../../types/vue.js";
+import { AsTag } from "../primitive/types.js";
+import { PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { DateMatcher, DateRange, DateValue, WeekDayFormat, WeekStartsOn } from "../../date/types.js";
+import { PopoverCloseProps, PopoverPopupProps, PopoverPositionerProps, PopoverTriggerProps } from "../popover/types.js";
+import { CalendarRangeCellProps, CalendarRangeCellTriggerProps, CalendarRangeGridBodyProps, CalendarRangeGridHeadProps, CalendarRangeGridProps, CalendarRangeGridRowProps, CalendarRangeHeadCellProps, CalendarRangeHeaderProps, CalendarRangeHeadingProps, CalendarRangeNextProps, CalendarRangePrevProps } from "../calendar-range/types.js";
+import { DateRangePickerCompactProps } from "./types.js";
+//#region src/components/date-range-picker/date-range-picker-compact.vue.d.ts
+declare var __VLS_25: {
+  open: boolean;
+  close: () => void;
+  calendarRangeProps: Omit<Readonly<{
+    [x: `data-${string}`]: unknown;
+    dateFieldProps: BaseProps;
+    placement: PopperPositionerProps["placement"];
+    showArrow: boolean;
+    triggerProps: PopoverTriggerProps;
+    portalProps: PortalProps;
+    positionerProps: PopoverPositionerProps;
+    popupProps: PopoverPopupProps;
+    arrowProps: PopperArrowProps;
+    closeProps: PopoverCloseProps;
+    disabled: boolean;
+    dir: Direction;
+    defaultOpen: boolean;
+    modal: boolean;
+    headerProps: CalendarRangeHeaderProps;
+    headingProps: CalendarRangeHeadingProps;
+    prevProps: CalendarRangePrevProps;
+    nextProps: CalendarRangeNextProps;
+    gridProps: CalendarRangeGridProps;
+    gridHeadProps: CalendarRangeGridHeadProps;
+    gridBodyProps: CalendarRangeGridBodyProps;
+    gridRowProps: CalendarRangeGridRowProps;
+    headCellProps: CalendarRangeHeadCellProps;
+    cellProps: CalendarRangeCellProps;
+    cellTriggerProps: CalendarRangeCellTriggerProps;
+    defaultValue: DateRange;
+    defaultPlaceholder: DateValue;
+    placeholder: DateValue;
+    modelValue: DateRange;
+    allowNonContiguousRanges: boolean;
+    pagedNavigation: boolean;
+    preventDeselect: boolean;
+    maximumDays: number;
+    weekStartsOn: WeekStartsOn;
+    weekdayFormat: WeekDayFormat;
+    calendarLabel: string;
+    fixedWeeks: boolean;
+    maxValue: DateValue;
+    minValue: DateValue;
+    locale: string;
+    numberOfMonths: number;
+    readonly: boolean;
+    initialFocus: boolean;
+    isDateDisabled: DateMatcher;
+    isDateUnavailable: DateMatcher;
+    isDateHighlightable: DateMatcher;
+    nextPage: (placeholder: DateValue) => DateValue;
+    prevPage: (placeholder: DateValue) => DateValue;
+    disableDaysOutsideCurrentView: boolean;
+    fixedDate: "start" | "end";
+    onCopy: ((payload: ClipboardEvent) => void) | undefined;
+    onCut: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate: ((payload: CompositionEvent) => void) | undefined;
+    onDrag: ((payload: DragEvent) => void) | undefined;
+    onDragend: ((payload: DragEvent) => void) | undefined;
+    onDragenter: ((payload: DragEvent) => void) | undefined;
+    onDragexit: ((payload: DragEvent) => void) | undefined;
+    onDragleave: ((payload: DragEvent) => void) | undefined;
+    onDragover: ((payload: DragEvent) => void) | undefined;
+    onDragstart: ((payload: DragEvent) => void) | undefined;
+    onDrop: ((payload: DragEvent) => void) | undefined;
+    onFocus: ((payload: FocusEvent) => void) | undefined;
+    onFocusin: ((payload: FocusEvent) => void) | undefined;
+    onFocusout: ((payload: FocusEvent) => void) | undefined;
+    onBlur: ((payload: FocusEvent) => void) | undefined;
+    onChange: ((payload: Event) => void) | undefined;
+    onBeforeinput: ((payload: InputEvent) => void) | undefined;
+    onFormdata: ((payload: FormDataEvent) => void) | undefined;
+    onInput: ((payload: InputEvent) => void) | undefined;
+    onReset: ((payload: Event) => void) | undefined;
+    onSubmit: ((payload: SubmitEvent) => void) | undefined;
+    onInvalid: ((payload: Event) => void) | undefined;
+    onFullscreenchange: ((payload: Event) => void) | undefined;
+    onFullscreenerror: ((payload: Event) => void) | undefined;
+    onLoad: ((payload: Event) => void) | undefined;
+    onError: ((payload: Event) => void) | undefined;
+    onKeydown: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup: ((payload: KeyboardEvent) => void) | undefined;
+    onDblclick: ((payload: MouseEvent) => void) | undefined;
+    onMousedown: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave: ((payload: MouseEvent) => void) | undefined;
+    onMousemove: ((payload: MouseEvent) => void) | undefined;
+    onMouseout: ((payload: MouseEvent) => void) | undefined;
+    onMouseover: ((payload: MouseEvent) => void) | undefined;
+    onMouseup: ((payload: MouseEvent) => void) | undefined;
+    onAbort: ((payload: UIEvent) => void) | undefined;
+    onCanplay: ((payload: Event) => void) | undefined;
+    onCanplaythrough: ((payload: Event) => void) | undefined;
+    onDurationchange: ((payload: Event) => void) | undefined;
+    onEmptied: ((payload: Event) => void) | undefined;
+    onEncrypted: ((payload: MediaEncryptedEvent) => void) | undefined;
+    onEnded: ((payload: Event) => void) | undefined;
+    onLoadeddata: ((payload: Event) => void) | undefined;
+    onLoadedmetadata: ((payload: Event) => void) | undefined;
+    onLoadstart: ((payload: Event) => void) | undefined;
+    onPause: ((payload: Event) => void) | undefined;
+    onPlay: ((payload: Event) => void) | undefined;
+    onPlaying: ((payload: Event) => void) | undefined;
+    onProgress: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+    onRatechange: ((payload: Event) => void) | undefined;
+    onSeeked: ((payload: Event) => void) | undefined;
+    onSeeking: ((payload: Event) => void) | undefined;
+    onStalled: ((payload: Event) => void) | undefined;
+    onSuspend: ((payload: Event) => void) | undefined;
+    onTimeupdate: ((payload: Event) => void) | undefined;
+    onVolumechange: ((payload: Event) => void) | undefined;
+    onWaiting: ((payload: Event) => void) | undefined;
+    onSelect: ((payload: Event) => void) | undefined;
+    onScroll: ((payload: Event) => void) | undefined;
+    onScrollend: ((payload: Event) => void) | undefined;
+    onTouchcancel: ((payload: TouchEvent) => void) | undefined;
+    onTouchend: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart: ((payload: TouchEvent) => void) | undefined;
+    onAuxclick: ((payload: PointerEvent) => void) | undefined;
+    onClick: ((payload: PointerEvent) => void) | undefined;
+    onContextmenu: ((payload: PointerEvent) => void) | undefined;
+    onGotpointercapture: ((payload: PointerEvent) => void) | undefined;
+    onLostpointercapture: ((payload: PointerEvent) => void) | undefined;
+    onPointerdown: ((payload: PointerEvent) => void) | undefined;
+    onPointermove: ((payload: PointerEvent) => void) | undefined;
+    onPointerup: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave: ((payload: PointerEvent) => void) | undefined;
+    onPointerover: ((payload: PointerEvent) => void) | undefined;
+    onPointerout: ((payload: PointerEvent) => void) | undefined;
+    onBeforetoggle: ((payload: ToggleEvent) => void) | undefined;
+    onToggle: ((payload: ToggleEvent) => void) | undefined;
+    onWheel: ((payload: WheelEvent) => void) | undefined;
+    onAnimationcancel: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationstart: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration: ((payload: AnimationEvent) => void) | undefined;
+    onSecuritypolicyviolation: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+    onTransitioncancel: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionend: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionrun: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart: ((payload: TransitionEvent) => void) | undefined;
+    innerHTML: string | undefined;
+    class: import("vue").ClassValue | undefined;
+    style: import("vue").StyleValue | undefined;
+    accesskey: string | undefined;
+    contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextmenu: string | undefined;
+    draggable: (boolean | "true" | "false") | undefined;
+    enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    enterKeyHint: import("vue").HTMLAttributes["enterkeyhint"];
+    hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+    id: string | undefined;
+    inert: (boolean | "true" | "false") | undefined;
+    lang: string | undefined;
+    spellcheck: (boolean | "true" | "false") | undefined;
+    tabindex: (string | number) | undefined;
+    title: string | undefined;
+    translate: "yes" | "no" | undefined;
+    radiogroup: string | undefined;
+    role: string | undefined;
+    about: string | undefined;
+    datatype: string | undefined;
+    inlist: any;
+    prefix: string | undefined;
+    property: string | undefined;
+    resource: string | undefined;
+    typeof: string | undefined;
+    vocab: string | undefined;
+    autocapitalize: string | undefined;
+    autocorrect: string | undefined;
+    autosave: string | undefined;
+    color: string | undefined;
+    itemprop: string | undefined;
+    itemscope: (boolean | "true" | "false") | undefined;
+    itemtype: string | undefined;
+    itemid: string | undefined;
+    itemref: string | undefined;
+    results: (string | number) | undefined;
+    security: string | undefined;
+    unselectable: "on" | "off" | undefined;
+    inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is: string | undefined;
+    exportparts: string;
+    part: string;
+    'aria-activedescendant': string | undefined;
+    'aria-atomic': (boolean | "true" | "false") | undefined;
+    'aria-autocomplete': "none" | "inline" | "list" | "both" | undefined;
+    'aria-busy': (boolean | "true" | "false") | undefined;
+    'aria-checked': (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-colcount': (string | number) | undefined;
+    'aria-colindex': (string | number) | undefined;
+    'aria-colspan': (string | number) | undefined;
+    'aria-controls': string | undefined;
+    'aria-current': (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby': string | undefined;
+    'aria-details': string | undefined;
+    'aria-disabled': (boolean | "true" | "false") | undefined;
+    'aria-dropeffect': "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    'aria-errormessage': string | undefined;
+    'aria-expanded': (boolean | "true" | "false") | undefined;
+    'aria-flowto': string | undefined;
+    'aria-grabbed': (boolean | "true" | "false") | undefined;
+    'aria-haspopup': (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    'aria-hidden': (boolean | "true" | "false") | undefined;
+    'aria-invalid': (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts': string | undefined;
+    'aria-label': string | undefined;
+    'aria-labelledby': string | undefined;
+    'aria-level': (string | number) | undefined;
+    'aria-live': "off" | "assertive" | "polite" | undefined;
+    'aria-modal': (boolean | "true" | "false") | undefined;
+    'aria-multiline': (boolean | "true" | "false") | undefined;
+    'aria-multiselectable': (boolean | "true" | "false") | undefined;
+    'aria-orientation': "horizontal" | "vertical" | undefined;
+    'aria-owns': string | undefined;
+    'aria-placeholder': string | undefined;
+    'aria-posinset': (string | number) | undefined;
+    'aria-pressed': (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-readonly': (boolean | "true" | "false") | undefined;
+    'aria-relevant': "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    'aria-required': (boolean | "true" | "false") | undefined;
+    'aria-roledescription': string | undefined;
+    'aria-rowcount': (string | number) | undefined;
+    'aria-rowindex': (string | number) | undefined;
+    'aria-rowspan': (string | number) | undefined;
+    'aria-selected': (boolean | "true" | "false") | undefined;
+    'aria-setsize': (string | number) | undefined;
+    'aria-sort': "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax': (string | number) | undefined;
+    'aria-valuemin': (string | number) | undefined;
+    'aria-valuenow': (string | number) | undefined;
+    'aria-valuetext': string | undefined;
+    asChild: boolean;
+    as: AsTag | import("vue").Component;
+  }> & {
+    readonly open: boolean | undefined;
+  } & {
+    readonly disabled: boolean;
+    readonly inlist: boolean;
+    readonly open: boolean | undefined;
+    readonly asChild: boolean;
+    readonly readonly: boolean;
+    readonly showArrow: boolean;
+    readonly defaultOpen: boolean;
+    readonly modal: boolean;
+    readonly pagedNavigation: boolean;
+    readonly preventDeselect: boolean;
+    readonly fixedWeeks: boolean;
+    readonly initialFocus: boolean;
+    readonly disableDaysOutsideCurrentView: boolean;
+    readonly allowNonContiguousRanges: boolean;
+  }, "open" | "triggerProps" | "positionerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  onUpdateModelValue: (value: DateRange) => void;
+  onUpdatePlaceholder: (placeholder: DateValue) => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  "update:modelValue": (range: DateRange) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  "update:placeholder": (date: DateValue) => any;
+  "update:startValue": (date: DateValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+  "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, import("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/date-range-picker/index.d.ts

@@ -0,0 +1,5 @@
+import { DateRange } from "../../date/types.js";
+import { DateRangePickerCompactEmits, DateRangePickerCompactProps, DateRangePickerUi, DateRangePickerUiSlot } from "./types.js";
+import { _default } from "./date-range-picker-compact.vue.js";
+import { provideDateRangePickerUi } from "./context.js";
+export { type DateRange, _default as DateRangePickerCompact, type DateRangePickerCompactEmits, type DateRangePickerCompactProps, type DateRangePickerUi, type DateRangePickerUiSlot, provideDateRangePickerUi };

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

@@ -0,0 +1 @@
+import e from"./date-range-picker-compact.js";import{provideDateRangePickerUi as t}from"./context.js";export{e as DateRangePickerCompact,t as provideDateRangePickerUi};

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

@@ -0,0 +1,28 @@
+import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { DateRange } from "../../date/types.js";
+import { PopoverCompactEmits, PopoverCompactProps, PopoverUiSlot } from "../popover/types.js";
+import { CalendarRangeCompactEmits, CalendarRangeCompactProps } from "../calendar-range/types.js";
+import { DateRangeFieldUiSlot } from "../date-range-field/types.js";
+
+//#region src/components/date-range-picker/types.d.ts
+/**
+ * Properties for the DateRangePickerCompact component.
+ */
+interface DateRangePickerCompactProps extends PopoverCompactProps, CalendarRangeCompactProps {
+  dateFieldProps?: BaseProps;
+}
+/**
+ * Events for the DateRangePickerCompact component.
+ */
+type DateRangePickerCompactEmits = PopoverCompactEmits & CalendarRangeCompactEmits;
+/**
+ * Slots for the DateRangePickerCompact component.
+ */
+type DateRangePickerUiSlot = PopoverUiSlot | DateRangeFieldUiSlot;
+/**
+ * UI class for the DateRangePicker component.
+ */
+type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
+//#endregion
+export { DateRangePickerCompactEmits, DateRangePickerCompactProps, DateRangePickerUi, DateRangePickerUiSlot };

package/dist/components/dialog/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { DialogUiSlot } from "./types.js";
+//#region src/components/dialog/context.d.ts
+declare const provideDialogUi: (ui: import("vue").ComputedRef<Partial<UiClass<DialogUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<DialogUiSlot>>>, _useDialogUi: UseUiConsumer<DialogUiSlot>;
+//#endregion
+export { provideDialogUi };

package/dist/components/dialog/context.js

@@ -0,0 +1 @@
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),[p,m]=n(),{open:h}=t,g=e=>{h.value=e},_=()=>{h.value=!h.value},v=i(()=>e(h.value)),y=o(``),b=`soybean-dialog-popup-${s()}`,x=()=>{y.value||(y.value=b)},S=o(``),C=`soybean-dialog-title-${s()}`,w=()=>{S.value||(S.value=C)},T=o(``),E=`soybean-dialog-description-${s()}`,D=()=>{T.value||(T.value=E)},O=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:g,onOpenToggle:_,dataState:v,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,popupId:y,initPopupId:x,titleId:S,initTitleId:w,descriptionId:T,initDescriptionId:D,focusCancel:O}}),[u,d]=t(`DialogProvider`,e=>{let{dialogs:t}=e;return{dialogs:t,getCurrentDialog:e=>t.value.find(t=>String(t.id)===String(e))}}),[f,p]=t(`DialogCompact`,e=>{let{dialog:t}=e;return{dialog:t}}),[m,h]=r(`DialogUi`),g=(e=>{if(!e)return h();let t=p(),n=h(e);return i(()=>{let r=t?.dialog?.value?.ui?.[e];return[n.value,r].filter(Boolean).join(` `)})});export{f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};

package/dist/components/dialog/dialog-cancel.js

@@ -0,0 +1 @@
+import e from"../button/button.js";import{useDialogRootContext as t,useDialogUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`DialogCancel`,__name:`dialog-cancel`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`cancel`],setup(i,{emit:u}){let d=i,f=u,p=n(`cancel`),{setCancelElement:m,onOpenChange:h}=t(`DialogCancel`),g=async e=>{f(`cancel`,e),h(!1)};return(t,n)=>(o(),r(e,a({ref:c(m)},d,{"data-soybean-dialog-cancel":``,class:c(p),onClick:g}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

package/dist/components/dialog/dialog-cancel.vue.d.ts

@@ -0,0 +1,24 @@
+import { AsTag } from "../primitive/types.js";
+import { DialogCancelProps } from "./types.js";
+
+//#region src/components/dialog/dialog-cancel.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogCancelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  cancel: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DialogCancelProps> & Readonly<{
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("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/dialog/dialog-close.js

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import t from"../button/button.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(o,{emit:f}){let p=o,m=f,h=r(`close`),{onOpenChange:g}=n(`DialogClose`),_=async e=>{m(`close`,e),g(!1)};return(n,r)=>(c(),i(t,s(p,{"data-soybean-dialog-close":``,class:u(h),onClick:_}),{default:d(()=>[l(n.$slots,`default`,{},()=>[a(e,{icon:`lucide:x`})])]),_:3},16,[`class`]))}});export{f as default};

package/dist/components/dialog/dialog-close.vue.d.ts

@@ -0,0 +1,24 @@
+import { AsTag } from "../primitive/types.js";
+import { DialogCloseProps } from "./types.js";
+
+//#region src/components/dialog/dialog-close.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  close: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DialogCloseProps> & Readonly<{
+  onClose?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("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 };