@soybeanjs/headless 0.15.5 → 0.17.0

package/dist/components/command/types.d.ts

@@ -1,67 +1,214 @@
 import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
 import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUiSlot } from "../listbox/types.js";
-import { SeparatorRootProps } from "../separator/types.js";
 import { KbdProps, KbdValue } from "../kbd/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
 import { HTMLAttributes } from "vue";
 import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 
 //#region src/components/command/types.d.ts
+/**
+ * Option data for the command single component.
+ */
 interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disabled'> {
+  /**
+   * Icon rendered by the component.
+   */
   icon?: IconValue;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Whether separator.
+   */
   separator?: boolean;
+  /**
+   * Shortcut.
+   */
   shortcut?: KbdValue | KbdValue[];
 }
+/**
+ * Option data for the command group component.
+ */
 interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> extends Pick<CommandSingleOptionData, 'value' | 'label' | 'separator'> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
 }
+/**
+ * Option data for the command component.
+ */
 type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T | CommandGroupOptionData<T>;
+/**
+ * Props for the command item label component.
+ */
 interface CommandItemLabelProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the command shortcut component.
+ */
 interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
+/**
+ * Props for the command separator component.
+ */
 interface CommandSeparatorProps extends SeparatorRootProps {}
+/**
+ * Option data for the command search component.
+ */
 type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T & {
+  /**
+   * Group value.
+   */
   groupValue?: string;
+  /**
+   * Group label.
+   */
   groupLabel?: string;
+  /**
+   * Whether group separator.
+   */
   groupSeparator?: boolean;
 };
+/**
+ * Props for the command empty component.
+ */
 interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the command component.
+ */
 type CommandUiSlot = Extract<ListboxUiSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl' | 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
+/**
+ * UI class overrides for the command component.
+ */
 type CommandUi = UiClass<CommandUiSlot>;
+/**
+ * Props for the command compact component.
+ */
 interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends Omit<ListboxRootProps, 'onSelect'> {
+  /**
+   * Items rendered by the component.
+   */
   items: CommandOptionData<T>[];
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Search term.
+   */
   searchTerm?: string;
+  /**
+   * Whether clearable.
+   */
   clearable?: boolean;
+  /**
+   * Fuse options.
+   */
   fuseOptions?: UseFuseOptions<CommandSearchOptionData<T>>;
+  /**
+   * Props forwarded to the list element.
+   */
   listProps?: ListboxContentProps;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: ListboxItemProps;
+  /**
+   * Props forwarded to the item label element.
+   */
   itemLabelProps?: CommandItemLabelProps;
+  /**
+   * Props forwarded to the group element.
+   */
   groupProps?: ListboxGroupProps;
+  /**
+   * Props forwarded to the group label element.
+   */
   groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Props forwarded to the shortcut element.
+   */
   shortcutProps?: CommandShortcutProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: CommandSeparatorProps;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: ListboxFilterProps;
+  /**
+   * Props forwarded to the empty element.
+   */
   emptyProps?: CommandEmptyProps;
+  /**
+   * Empty label.
+   */
   emptyLabel?: string;
 }
+/**
+ * Emits for the command search term component.
+ */
 type CommandSearchTermEmits = {
+  /**
+   * Emitted when the search term value changes.
+   */
   'update:searchTerm': [value: string];
 };
+/**
+ * Emits for the command compact component.
+ */
 type CommandCompactEmits = ListboxRootEmits & ListboxItemEmits & CommandSearchTermEmits;
+/**
+ * Slot props for the command compact input component.
+ */
 interface CommandCompactInputSlotProps {
+  /**
+   * Clear exposed in the slot scope.
+   */
   clear: () => void;
 }
+/**
+ * Slot props for the command compact item component.
+ */
 interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = CommandSingleOptionData> {
+  /**
+   * Current item data.
+   */
   item: T;
 }
+/**
+ * Slots for the command compact component.
+ */
 type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = {
+  /**
+   * Custom content for the input leading slot.
+   */
   'input-leading'?: (props: CommandCompactInputSlotProps) => any;
+  /**
+   * Custom content for the input trailing slot.
+   */
   'input-trailing'?: (props: CommandCompactInputSlotProps) => any;
+  /**
+   * Custom content for the empty slot.
+   */
   empty?: () => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item label slot.
+   */
   'item-label'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the bottom slot.
+   */
   bottom?: () => any;
 };
 //#endregion

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   nuxt: boolean;
   dir: Direction;
-  locale: string;
   nonce: string;
+  locale: string;
 }, {}, {}, {}, 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/config-provider/types.d.ts

@@ -4,6 +4,9 @@ import { TooltipProviderProps } from "../tooltip/types.js";
 import { VNode } from "vue";
 
 //#region src/components/config-provider/types.d.ts
+/**
+ * Props for the config provider component.
+ */
 interface ConfigProviderProps {
   /**
    * The global reading direction of your application. This will be inherited by all components.

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

@@ -1 +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{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-checkbox-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:`ContextMenuCheckboxCompact`,__name:`context-menu-checkbox-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:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},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=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(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-checkbox-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:`ContextMenuCheckboxCompact`,__name:`context-menu-checkbox-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},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-checkbox-compact.vue.d.ts

@@ -9,8 +9,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +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{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-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:`ContextMenuCompact`,__name:`context-menu-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:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(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-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:`ContextMenuCompact`,__name:`context-menu-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`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-compact.vue.d.ts

@@ -8,8 +8,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +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{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/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=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(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-radio-compact.vue.d.ts

@@ -9,8 +9,8 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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"../popper/popper-arrow.js";import r from"../portal/portal.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(r),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(n),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/context-menu-wrapper-compact.vue.d.ts

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -19,8 +19,8 @@ declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps,
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -1,9 +1,9 @@
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { SeparatorRootProps } from "../separator/types.js";
+import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$11 } from "../portal/portal.vue.js";
+import { SeparatorRootProps } from "../separator/types.js";
 import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
-import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
 import { _default as _default$7 } from "../menu/menu-group.vue.js";
 import { _default as _default$8 } from "../menu/menu-group-label.vue.js";

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

@@ -1 +1 @@
-import e from"../popper/popper-anchor.js";import t from"../popper/popper-arrow.js";import n from"../portal/portal.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./context-menu-root.js";import g from"./context-menu-trigger.js";import _ from"./context-menu-content.js";import v from"./context-menu-wrapper-compact.js";import y from"./context-menu-compact.js";import b from"./context-menu-checkbox-compact.js";import x from"./context-menu-radio-compact.js";export{e as ContextMenuAnchor,t as ContextMenuArrow,b as ContextMenuCheckboxCompact,p as ContextMenuCheckboxGroup,c as ContextMenuCheckboxItem,y as ContextMenuCompact,_ as ContextMenuContent,i as ContextMenuGroup,a as ContextMenuGroupLabel,o as ContextMenuItem,s as ContextMenuItemIndicator,n as ContextMenuPortal,x as ContextMenuRadioCompact,m as ContextMenuRadioGroup,l as ContextMenuRadioItem,h as ContextMenuRoot,r as ContextMenuSeparator,u as ContextMenuSub,f as ContextMenuSubContent,d as ContextMenuSubTrigger,g as ContextMenuTrigger,v as ContextMenuWrapperCompact};
+import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./context-menu-root.js";import g from"./context-menu-trigger.js";import _ from"./context-menu-content.js";import v from"./context-menu-wrapper-compact.js";import y from"./context-menu-compact.js";import b from"./context-menu-checkbox-compact.js";import x from"./context-menu-radio-compact.js";export{e as ContextMenuAnchor,n as ContextMenuArrow,b as ContextMenuCheckboxCompact,p as ContextMenuCheckboxGroup,c as ContextMenuCheckboxItem,y as ContextMenuCompact,_ as ContextMenuContent,i as ContextMenuGroup,a as ContextMenuGroupLabel,o as ContextMenuItem,s as ContextMenuItemIndicator,t as ContextMenuPortal,x as ContextMenuRadioCompact,m as ContextMenuRadioGroup,l as ContextMenuRadioItem,h as ContextMenuRoot,r as ContextMenuSeparator,u as ContextMenuSub,f as ContextMenuSubContent,d as ContextMenuSubTrigger,g as ContextMenuTrigger,v as ContextMenuWrapperCompact};

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/context.d.ts

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

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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`DateFieldRoot`),[i,a]=t(`DateFieldUi`);export{n as provideDateFieldRootContext,i as provideDateFieldUi,r as useDateFieldRootContext,a as useDateFieldUi};

package/dist/components/date-field/date-field-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"./date-field-input.js";import r from"./date-field-root.js";import{Fragment as i,createBlock as a,createElementBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=c({name:`DateFieldCompact`,__name:`date-field-compact`,props:{inputProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{type:Function},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`],setup(c,{emit:g}){let _=c,v=g,y=t(_,[`inputProps`]),b=e(v);return(e,t)=>(u(),a(r,l(m(y),p(m(b))),{default:h(e=>[(u(!0),o(i,null,d(e.segments,(e,t)=>(u(),a(n,l({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},c.inputProps),{default:h(()=>[s(f(e.value),1)]),_:2},1040,[`part`]))),128))]),_:1},16))}});export{g as default};

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

@@ -0,0 +1,15 @@
+import { DateFieldCompactProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/date-field/date-field-compact.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<DateFieldCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+}, string, _$vue.PublicProps, Readonly<DateFieldCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/date-field/date-field-input.js

@@ -0,0 +1 @@
+import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useDateFieldRootContext as n,useDateFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`DateFieldInput`,__name:`date-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`DateFieldInput`),D=l(!0),O=l(!1),k=i(()=>!!g.value),A=i(()=>!!_.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:D,lastKeyZero:O,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:k,readonly:A,focusNext:C,modelValue:w}),F=i(()=>k.value||A.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),I=i(()=>m.part===`literal`?{}:{mousedown:M,keydown:P,focusout:()=>{D.value=!0,N()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(j),{"aria-disabled":k.value?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":A.value||o.part===`timeZoneName`?!0:void 0,class:f(h),contenteditable:F.value,"data-disabled":k.value?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":A.value||o.part===`timeZoneName`?``:void 0,"data-segment":o.part,"data-soybean-date-field-segment":o.part,"data-slot":`input`},d(I.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`class`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`,`data-soybean-date-field-segment`]))}});export{m as default};

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

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

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