@soybeanjs/headless 0.16.0 → 0.17.0

package/dist/components/context-menu/context-menu-radio-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuRadioCompact`,__name:`context-menu-radio-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuRadioCompact`,__name:`context-menu-radio-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

package/dist/components/context-menu/context-menu-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"../menu/menu-root.js";import"../menu/index.js";import{provideContextMenuRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,ref as o,renderSlot as s,unref as c,watch as l,withCtx as u}from"vue";const d=i({name:`ContextMenuRoot`,inheritAttrs:!1,__name:`context-menu-root`,props:{pressOpenDelay:{default:700},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(i,{emit:d}){let f=i,p=d,m=o(!1);return l(m,e=>{p(`update:open`,e)}),n({...e(f,[`dir`,`modal`,`pressOpenDelay`]),open:m}),(e,n)=>(a(),r(c(t),{open:m.value,"onUpdate:open":n[0]||(n[0]=e=>m.value=e),dir:i.dir,modal:i.modal},{default:u(()=>[s(e.$slots,`default`,{open:m.value})]),_:3},8,[`open`,`dir`,`modal`]))}});export{d as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"../menu/menu-root.js";import"../menu/index.js";import{provideContextMenuRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,ref as o,renderSlot as s,unref as c,watch as l,withCtx as u}from"vue";const d=i({name:`ContextMenuRoot`,inheritAttrs:!1,__name:`context-menu-root`,props:{pressOpenDelay:{default:700},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(i,{emit:d}){let f=i,p=d,m=o(!1);return l(m,e=>{p(`update:open`,e)}),n({...e(f,[`dir`,`modal`,`pressOpenDelay`]),open:m}),(e,n)=>(a(),r(c(t),{open:m.value,"onUpdate:open":n[0]||(n[0]=e=>m.value=e),dir:i.dir,modal:i.modal},{default:u(()=>[s(e.$slots,`default`,{open:m.value})]),_:3},8,[`open`,`dir`,`modal`]))}});export{d as default};

package/dist/components/context-menu/context-menu-wrapper-compact.js

@@ -1 +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"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./context-menu-root.js";import a from"./context-menu-trigger.js";import o from"./context-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ContextMenuWrapperCompact`,__name:`context-menu-wrapper-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};
+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"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./context-menu-root.js";import a from"./context-menu-trigger.js";import o from"./context-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ContextMenuWrapperCompact`,__name:`context-menu-wrapper-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};

package/dist/components/context-menu/types.d.ts

@@ -5,6 +5,9 @@ import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuC
 import { ShallowRef } from "vue";
 
 //#region src/components/context-menu/types.d.ts
+/**
+ * Props for the context menu root component.
+ */
 interface ContextMenuRootProps extends Omit<MenuRootProps, 'open' | 'defaultOpen'> {
   /**
    * The duration from when the trigger is pressed until the menu opens.
@@ -13,38 +16,113 @@ interface ContextMenuRootProps extends Omit<MenuRootProps, 'open' | 'defaultOpen
    */
   pressOpenDelay?: number;
 }
+/**
+ * Emits for the context menu root component.
+ */
 type ContextMenuRootEmits = MenuRootEmits;
+/**
+ * Props for the context menu content component.
+ */
 type ContextMenuContentProps = Omit<MenuContentProps, 'side' | 'sideOffset' | 'align' | 'arrowPadding' | 'updatePositionStrategy'>;
+/**
+ * Emits for the context menu content component.
+ */
 type ContextMenuContentEmits = MenuContentEmits;
+/**
+ * Props for the context menu trigger component.
+ */
 interface ContextMenuTriggerProps extends MenuTriggerProps {
   /**
    * The reference element for the context menu trigger.
    */
   reference?: HTMLElement | null;
 }
+/**
+ * Props for the context menu wrapper compact component.
+ */
 interface ContextMenuWrapperCompactProps extends ContextMenuRootProps {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: ContextMenuTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: ContextMenuContentProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: MenuPopupProps;
+  /**
+   * Props forwarded to the arrow element.
+   */
   arrowProps?: PopperArrowProps;
 }
+/**
+ * Emits for the context menu wrapper compact component.
+ */
 type ContextMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
+/**
+ * Props for the context menu compact component.
+ */
 interface ContextMenuCompactProps<T extends DefinedValue = DefinedValue> extends ContextMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
+/**
+ * Emits for the context menu compact component.
+ */
 type ContextMenuCompactEmits<T extends DefinedValue = DefinedValue> = ContextMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
+/**
+ * Slots for the context menu compact component.
+ */
 type ContextMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: () => any;
 };
+/**
+ * Props for the context menu checkbox compact component.
+ */
 interface ContextMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends ContextMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
+/**
+ * Emits for the context menu checkbox compact component.
+ */
 type ContextMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = ContextMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
+/**
+ * Slots for the context menu checkbox compact component.
+ */
 type ContextMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: () => any;
 };
+/**
+ * Props for the context menu radio compact component.
+ */
 interface ContextMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends ContextMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
+/**
+ * Emits for the context menu radio compact component.
+ */
 type ContextMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
+/**
+ * Slots for the context menu radio compact component.
+ */
 type ContextMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: () => any;
 };
 //#endregion

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

@@ -24,12 +24,12 @@ declare const __VLS_base: _$vue.DefineComponent<DateFieldRootProps, {}, {}, {},
   disabled: boolean;
   step: DateStep;
   defaultValue: DateValue;
+  readonly: boolean;
   defaultPlaceholder: DateValue;
+  isDateUnavailable: Matcher;
   hourCycle: 12 | 24;
   granularity: Granularity;
   hideTimeZone: boolean;
-  readonly: boolean;
-  isDateUnavailable: Matcher;
 }, {}, {}, {}, 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/date-field/types.d.ts

@@ -8,60 +8,207 @@ import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 import { DateValue } from "@internationalized/date";
 
 //#region src/components/date-field/types.d.ts
+/**
+ * Props for the date field root component.
+ */
 interface DateFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: DateValue;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
   modelValue?: DateValue;
+  /**
+   * Hour cycle.
+   */
   hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
   step?: DateStep;
+  /**
+   * Granularity.
+   */
   granularity?: Granularity;
+  /**
+   * Whether hide time zone.
+   */
   hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
   maxValue?: DateValue;
+  /**
+   * Min value.
+   */
   minValue?: DateValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
 }
+/**
+ * Emits for the date field root component.
+ */
 type DateFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [date: DateValue];
 };
+/**
+ * Props for the date field input component.
+ */
 interface DateFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Part.
+   */
   part: SegmentPart;
 }
+/**
+ * Type information for the date field segment component.
+ */
 interface DateFieldSegment {
+  /**
+   * Part.
+   */
   part: SegmentPart;
+  /**
+   * Value associated with the current item.
+   */
   value: string;
 }
+/**
+ * Props for the date field compact component.
+ */
 interface DateFieldCompactProps extends DateFieldRootProps {
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: Omit<DateFieldInputProps, 'part'>;
 }
+/**
+ * Emits for the date field compact component.
+ */
 type DateFieldCompactEmits = DateFieldRootEmits;
+/**
+ * Context for the date field root component.
+ */
 interface DateFieldRootContext extends PropsToContext<DateFieldRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<DateValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
   formatter: Formatter;
+  /**
+   * Hour cycle used by the component context.
+   */
   hourCycle: HourCycle;
+  /**
+   * Step used by the component context.
+   */
   step: ComputedRef<DateStep>;
+  /**
+   * Segment values used by the component context.
+   */
   segmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * Segment contents used by the component context.
+   */
   segmentContents: ComputedRef<DateFieldSegment[]>;
+  /**
+   * Input type used by the component context.
+   */
   inputType: ComputedRef<DateInputType>;
+  /**
+   * Input value used by the component context.
+   */
   inputValue: ComputedRef<string>;
+  /**
+   * Input max value used by the component context.
+   */
   inputMaxValue: ComputedRef<string | undefined>;
+  /**
+   * Input min value used by the component context.
+   */
   inputMinValue: ComputedRef<string | undefined>;
+  /**
+   * Elements used by the component context.
+   */
   elements: ShallowRef<HTMLElement[]>;
+  /**
+   * Focus next used by the component context.
+   */
   focusNext: () => void;
+  /**
+   * Set focused element used by the component context.
+   */
   setFocusedElement: (el: HTMLElement) => void;
 }
+/**
+ * Available UI slots for the date field component.
+ */
 type DateFieldUiSlot = 'root' | 'input';
+/**
+ * UI class overrides for the date field component.
+ */
 type DateFieldUi = UiClass<DateFieldUiSlot>;
 //#endregion
 export { DateFieldCompactEmits, DateFieldCompactProps, DateFieldInputProps, DateFieldRootContext, DateFieldRootEmits, DateFieldRootProps, DateFieldSegment, DateFieldUi, DateFieldUiSlot };

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

@@ -1 +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(`DatePickerRoot`),[i,a]=t(`DatePickerUi`);export{n as provideDatePickerRootContext,i as provideDatePickerUi,r as useDatePickerRootContext,a as useDatePickerUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopoverUi as n}from"../popover/context.js";const[r,i]=e(`DatePickerRoot`),[a,o]=t(`DatePickerUi`,e=>(n(e),e));export{r as provideDatePickerRootContext,a as provideDatePickerUi,i as useDatePickerRootContext,o as useDatePickerUi};

package/dist/components/date-picker/date-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"../_icon/icon.js";import r from"../popover/popover-trigger.js";import i from"./date-picker-content.js";import a from"./date-picker-root.js";import{computed as o,createBlock as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b={key:0},x={key:1},S=u({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{triggerPlaceholder:{default:`Pick a date`},positionerProps:{},popupProps:{},portalProps:{},triggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(u,{emit:S}){let C=u,w=e(S),T=t(C,[`triggerPlaceholder`,`triggerProps`,`popupProps`,`portalProps`,`positionerProps`]),E=o(()=>({side:`bottom`,align:`start`,sideOffset:4,portalProps:C.portalProps,popupProps:C.popupProps,...C.positionerProps}));return(e,t)=>(m(),s(a,f(v(T),_(v(w))),{default:y(t=>[l(r,p(d(u.triggerProps)),{default:y(()=>[h(e.$slots,`trigger`,{open:t.open,modelValue:t.modelValue},()=>[l(n,{icon:`lucide:calendar`}),t.modelValue?(m(),c(`span`,b,g(t.modelValue.toString()),1)):(m(),c(`span`,x,g(u.triggerPlaceholder),1))])]),_:2},1040),l(i,p(d(E.value)),{default:y(t=>[h(e.$slots,`default`,p(d(t)))]),_:3},16)]),_:3},16))}});export{S as default};

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

@@ -0,0 +1,27 @@
+import { DatePickerCompactProps, DatePickerCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/date-picker/date-picker-compact.vue.d.ts
+type __VLS_Slots = DatePickerCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<DatePickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:open": (open: boolean) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+}, string, _$vue.PublicProps, Readonly<DatePickerCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+}>, {
+  open: boolean;
+  triggerPlaceholder: 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/date-picker/date-picker-content.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"../portal/portal.js";import r from"../popover/popover-positioner.js";import i from"../popover/popover-popup.js";import"../popover/index.js";import{useDatePickerRootContext as a}from"./context.js";import{createBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=c({name:`DatePickerContent`,__name:`date-picker-content`,props:{popupProps:{},portalProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:_}){let v=c,y=_,b=t(v,[`popupProps`,`portalProps`]),x=e(y),{modelValue:S,open:C,placeholder:w,onDateChange:T,onPlaceholderChange:E}=a(`DatePickerContent`);return(e,t)=>(f(),o(h(n),d(l(c.portalProps)),{default:g(()=>[s(h(r),u(h(b),m(h(x))),{default:g(()=>[s(h(i),d(l(c.popupProps)),{default:g(()=>[p(e.$slots,`default`,{open:h(C),modelValue:h(S),placeholder:h(w),setDate:h(T),setPlaceholder:h(E)})]),_:3},16)]),_:3},16)]),_:3},16))}});export{_ as default};

package/dist/components/date-picker/date-picker-content.vue.d.ts

@@ -0,0 +1,33 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DatePickerContentProps, DatePickerContentSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-picker/date-picker-content.vue.d.ts
+type __VLS_Slots = DatePickerContentSlots;
+declare const __VLS_base: _$vue.DefineComponent<DatePickerContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  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;
+}, string, _$vue.PublicProps, Readonly<DatePickerContentProps> & Readonly<{
+  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;
+}>, {
+  avoidCollisions: boolean;
+  prioritizePosition: 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/date-picker/date-picker-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{getDefaultDate as t,isBefore as n}from"../../date/comparators.js";import{normalizeDateStep as r,normalizeHourCycle as i}from"../../date/utils.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as o}from"../../composables/use-controllable-state.js";import{useForwardElement as s}from"../../composables/use-forward-element.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{provideDatePickerRootContext as d,useDatePickerUi 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,watch as b,withCtx as x}from"vue";const S=h({name:`DatePickerRoot`,__name:`date-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},isDateUnavailable:{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:S}){let C=h,w=S,T=f(`root`),[E,D]=s(),O=l(()=>C.locale),k=c(()=>C.dir),A=a(O.value,{hourCycle:i(C.hourCycle)}),j=o(()=>C.modelValue,e=>w(`update:modelValue`,e),C.defaultValue),M=t({defaultPlaceholder:C.placeholder,defaultValue:j.value,granularity:C.granularity,locale:C.locale}),N=o(()=>C.placeholder,e=>w(`update:placeholder`,e),C.defaultPlaceholder??M.copy()),P=o(()=>C.open,e=>{w(`update:open`,e??!1)},C.defaultOpen),F=p(()=>r(C)),I=p(()=>j.value?!!(C.isDateUnavailable?.(j.value)||C.minValue&&n(j.value,C.minValue)||C.maxValue&&n(C.maxValue,j.value)):!1),L=p(()=>C.minValue),R=p(()=>C.maxValue),z=e=>!!(C.disabled||C.isDateUnavailable?.(e)||L.value&&n(e,L.value)||R.value&&n(R.value,e)),B=e=>j.value?j.value.compare(e)===0:!1,V=p(()=>!e(j.value)),H=p(()=>j.value?z(j.value):!1),U=p(()=>!z(N.value));return b(O,e=>{A.getLocale()!==e&&A.setLocale(e)}),b(j,t=>{!e(t)&&N.value.compare(t)!==0&&(N.value=t.copy())}),d({locale:O,dir:k,modelValue:j,placeholder:N,isDateUnavailable:C.isDateUnavailable,isInvalid:I,disabled:p(()=>C.disabled),readonly:p(()=>C.readonly),formatter:A,hourCycle:C.hourCycle,step:F,open:P,isPlaceholderFocusable:U,hasSelectedDate:V,isSelectedDateDisabled:H,minValue:L,maxValue:R,onDateChange:e=>{j.value=e.copy(),P.value=!1},onPlaceholderChange:e=>{N.value=e.copy()},isDateDisabled:z,isDateSelected:B,setOpen(e){P.value=e}}),(e,t)=>(_(),m(y(u),{ref:y(D),as:h.as,"as-child":h.asChild,class:g(y(T)),"data-disabled":h.disabled?``:void 0,"data-invalid":I.value?``:void 0,"data-readonly":h.readonly?``:void 0,dir:y(k),"data-slot":`root`},{default:x(()=>[v(e.$slots,`default`,{modelValue:y(j),open:!!y(P)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{S as default};
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultDate as t,isBefore as n}from"../../date/comparators.js";import{normalizeDateStep as r,normalizeHourCycle as i}from"../../date/utils.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as o}from"../../composables/use-controllable-state.js";import{useForwardElement as s}from"../../composables/use-forward-element.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 d from"../popover/popover-root.js";import{provideDatePickerRootContext as f,useDatePickerUi as p}from"./context.js";import{computed as m,createBlock as h,createVNode as g,defineComponent as _,isRef as v,mergeProps as y,openBlock as b,renderSlot as x,unref as S,useAttrs as C,watch as w,withCtx as T}from"vue";const E=_({name:`DatePickerRoot`,inheritAttrs:!1,__name:`date-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},isDateUnavailable:{type:Function,default:void 0},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(_,{emit:E}){let D=_,O=E,k=C(),A=p(`root`),[j,M]=s(),N=l(()=>D.locale),P=c(()=>D.dir),F=a(N.value,{hourCycle:i(D.hourCycle)}),I=o(()=>D.modelValue,e=>O(`update:modelValue`,e),D.defaultValue),L=t({defaultPlaceholder:D.placeholder,defaultValue:I.value,granularity:D.granularity,locale:D.locale}),R=o(()=>D.placeholder,e=>O(`update:placeholder`,e),D.defaultPlaceholder??L.copy()),z=o(()=>D.open,e=>{O(`update:open`,e??!1)},D.defaultOpen),B=m(()=>r(D)),V=m(()=>I.value?!!(D.isDateUnavailable?.(I.value)||D.minValue&&n(I.value,D.minValue)||D.maxValue&&n(D.maxValue,I.value)):!1),H=m(()=>D.minValue),U=m(()=>D.maxValue),W=e=>!!(D.disabled||D.isDateUnavailable?.(e)||H.value&&n(e,H.value)||U.value&&n(U.value,e)),G=e=>I.value?I.value.compare(e)===0:!1,K=m(()=>!e(I.value)),q=m(()=>I.value?W(I.value):!1),J=m(()=>!W(R.value));w(N,e=>{F.getLocale()!==e&&F.setLocale(e)}),w(I,t=>{!e(t)&&R.value.compare(t)!==0&&(R.value=t.copy())});let Y=e=>{I.value=e?.copy(),e&&(z.value=!1)},X=e=>{R.value=e.copy()};return f({locale:N,dir:P,modelValue:I,placeholder:R,isDateUnavailable:D.isDateUnavailable,isInvalid:V,disabled:m(()=>D.disabled),readonly:m(()=>D.readonly),formatter:F,hourCycle:D.hourCycle,step:B,isPlaceholderFocusable:J,hasSelectedDate:K,isSelectedDateDisabled:q,minValue:H,maxValue:U,onDateChange:Y,onPlaceholderChange:X,isDateDisabled:W,isDateSelected:G,open:z,setOpen(e){z.value=e}}),(e,t)=>(b(),h(d,{open:S(z),"onUpdate:open":t[0]||(t[0]=e=>v(z)?z.value=e:null),disabled:_.disabled,modal:_.modal},{default:T(()=>[g(S(u),y({ref:S(M)},S(k),{as:_.as,"as-child":_.asChild,class:S(A),"data-disabled":_.disabled?``:void 0,"data-invalid":V.value?``:void 0,"data-readonly":_.readonly?``:void 0,dir:S(P),"data-slot":`root`}),{default:T(()=>[x(e.$slots,`default`,{modelValue:S(I),placeholder:S(R),setDate:Y,setPlaceholder:X,open:!!S(z)})]),_:3},16,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`])]),_:3},8,[`open`,`disabled`,`modal`]))}});export{E as default};

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

@@ -1,36 +1,31 @@
 import { DateStep, DateValue, Granularity, Matcher } from "../../date/types.js";
-import { DatePickerRootProps } from "./types.js";
+import { DatePickerRootProps, DatePickerRootSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/date-picker/date-picker-root.vue.d.ts
-type __VLS_Slots = {
-  default?: (props: {
-    modelValue: DateValue | undefined;
-    open: boolean;
-  }) => any;
-};
+type __VLS_Slots = DatePickerRootSlots;
 declare const __VLS_base: _$vue.DefineComponent<DatePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (date: DateValue | undefined) => any;
-  "update:placeholder": (date: DateValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (date: DateValue) => any;
 }, string, _$vue.PublicProps, Readonly<DatePickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
 }>, {
   placeholder: DateValue;
   disabled: boolean;
   step: DateStep;
   defaultValue: DateValue;
+  open: boolean;
+  defaultOpen: boolean;
+  readonly: boolean;
   defaultPlaceholder: DateValue;
+  isDateUnavailable: Matcher;
+  modal: boolean;
   hourCycle: 12 | 24;
   granularity: Granularity;
   hideTimeZone: boolean;
-  readonly: boolean;
-  isDateUnavailable: Matcher;
-  open: boolean;
-  defaultOpen: boolean;
-  modal: 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/date-picker/index.d.ts

@@ -1,6 +1,9 @@
-import { DatePickerPopupProps, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi, DatePickerUiSlot } from "./types.js";
-import { _default as _default$1 } from "./date-picker-root.vue.js";
-import { _default as _default$2 } from "./date-picker-trigger.vue.js";
-import { _default } from "./date-picker-popup.vue.js";
+import { PopperPopupProps } from "../popper/types.js";
+import { PopoverTriggerProps } from "../popover/types.js";
+import { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlots, DatePickerContentProps, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerUi, DatePickerUiSlot } from "./types.js";
+import { _default } from "./date-picker-compact.vue.js";
+import { _default as _default$1 } from "./date-picker-content.vue.js";
+import { _default as _default$2 } from "./date-picker-root.vue.js";
+import { _default as _default$3 } from "../popover/popover-trigger.vue.js";
 import { provideDatePickerUi } from "./context.js";
-export { _default as DatePickerPopup, type DatePickerPopupProps, _default$1 as DatePickerRoot, type DatePickerRootContext, type DatePickerRootEmits, type DatePickerRootProps, _default$2 as DatePickerTrigger, type DatePickerTriggerProps, type DatePickerUi, type DatePickerUiSlot, provideDatePickerUi };
+export { _default as DatePickerCompact, type DatePickerCompactEmits, type DatePickerCompactProps, type DatePickerCompactSlots, _default$1 as DatePickerContent, type DatePickerContentProps, _default$2 as DatePickerRoot, type DatePickerRootContext, type DatePickerRootEmits, type DatePickerRootProps, _default$3 as DatePickerTrigger, type PopoverTriggerProps as DatePickerTriggerProps, type DatePickerUi, type DatePickerUiSlot, type PopperPopupProps, provideDatePickerUi };

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

@@ -1 +1 @@
-import{provideDatePickerUi as e}from"./context.js";import t from"./date-picker-root.js";import n from"./date-picker-trigger.js";import r from"./date-picker-popup.js";export{r as DatePickerPopup,t as DatePickerRoot,n as DatePickerTrigger,e as provideDatePickerUi};
+import e from"../popover/popover-trigger.js";import{provideDatePickerUi as t}from"./context.js";import n from"./date-picker-content.js";import r from"./date-picker-root.js";import i from"./date-picker-compact.js";export{i as DatePickerCompact,n as DatePickerContent,r as DatePickerRoot,e as DatePickerTrigger,t as provideDatePickerUi};