@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,14 +1,14 @@
-import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUiSlot } from "../listbox/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.
+ * Option data for the CommandSingle component.
  */
 interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disabled'> {
   /**
@@ -29,7 +29,7 @@ interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disa
   shortcut?: KbdValue | KbdValue[];
 }
 /**
- * Option data for the command group component.
+ * Option data for the CommandGroup component.
  */
 interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> extends Pick<CommandSingleOptionData, 'value' | 'label' | 'separator'> {
   /**
@@ -38,23 +38,23 @@ interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSing
   items: T[];
 }
 /**
- * Option data for the command component.
+ * Option data for the Command component.
  */
 type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T | CommandGroupOptionData<T>;
 /**
- * Props for the command item label component.
+ * Properties for the CommandItemLabel component.
  */
-interface CommandItemLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface CommandItemLabelProps extends BaseProps {}
 /**
- * Props for the command shortcut component.
+ * Properties for the CommandShortcut component.
  */
 interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
 /**
- * Props for the command separator component.
+ * Properties for the CommandSeparator component.
  */
 interface CommandSeparatorProps extends SeparatorRootProps {}
 /**
- * Option data for the command search component.
+ * Option data for the CommandSearch component.
  */
 type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T & {
   /**
@@ -71,19 +71,19 @@ type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOp
   groupSeparator?: boolean;
 };
 /**
- * Props for the command empty component.
+ * Properties for the CommandEmpty component.
  */
-interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
+interface CommandEmptyProps extends BaseProps {}
 /**
- * Available UI slots for the command component.
+ * 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.
+ * UI class overrides for the Command component.
  */
 type CommandUi = UiClass<CommandUiSlot>;
 /**
- * Props for the command compact component.
+ * Properties for the CommandCompact component.
  */
 interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends Omit<ListboxRootProps, 'onSelect'> {
   /**
@@ -107,39 +107,39 @@ interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleO
    */
   fuseOptions?: UseFuseOptions<CommandSearchOptionData<T>>;
   /**
-   * Props forwarded to the list element.
+   * Properties forwarded to the list element.
    */
   listProps?: ListboxContentProps;
   /**
-   * Props forwarded to the item element.
+   * Properties forwarded to the item element.
    */
   itemProps?: ListboxItemProps;
   /**
-   * Props forwarded to the item label element.
+   * Properties forwarded to the item label element.
    */
   itemLabelProps?: CommandItemLabelProps;
   /**
-   * Props forwarded to the group element.
+   * Properties forwarded to the group element.
    */
   groupProps?: ListboxGroupProps;
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: ListboxGroupLabelProps;
   /**
-   * Props forwarded to the shortcut element.
+   * Properties forwarded to the shortcut element.
    */
   shortcutProps?: CommandShortcutProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: CommandSeparatorProps;
   /**
-   * Props forwarded to the input element.
+   * Properties forwarded to the input element.
    */
   inputProps?: ListboxFilterProps;
   /**
-   * Props forwarded to the empty element.
+   * Properties forwarded to the empty element.
    */
   emptyProps?: CommandEmptyProps;
   /**
@@ -148,7 +148,7 @@ interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleO
   emptyLabel?: string;
 }
 /**
- * Emits for the command search term component.
+ * Events for the CommandSearchTerm component.
  */
 type CommandSearchTermEmits = {
   /**
@@ -157,11 +157,11 @@ type CommandSearchTermEmits = {
   'update:searchTerm': [value: string];
 };
 /**
- * Emits for the command compact component.
+ * Events for the CommandCompact component.
  */
 type CommandCompactEmits = ListboxRootEmits & ListboxItemEmits & CommandSearchTermEmits;
 /**
- * Slot props for the command compact input component.
+ * Slot properties for the CommandCompactInput component.
  */
 interface CommandCompactInputSlotProps {
   /**
@@ -170,7 +170,7 @@ interface CommandCompactInputSlotProps {
   clear: () => void;
 }
 /**
- * Slot props for the command compact item component.
+ * Slot properties for the CommandCompactItem component.
  */
 interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = CommandSingleOptionData> {
   /**
@@ -179,7 +179,7 @@ interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = Comman
   item: T;
 }
 /**
- * Slots for the command compact component.
+ * Slots for the CommandCompact component.
  */
 type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = {
   /**

package/dist/components/config-provider/config-provider.js

@@ -1,4 +1,4 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{provideConfigProviderContext as t}from"./context.js";import{defineComponent as n,renderSlot as r,watchEffect as i}from"vue";import{useStyleTag as a,useTextDirection as o}from"@vueuse/core";const s=n({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{default:`ltr`},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{}},setup(n){let s=n;t({...e(s),iconRender:s.iconRender});let c=o({initialValue:s.dir});return a(`
+import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConfigProviderContext as t}from"./context.js";import"../../shared/index.js";import{defineComponent as n,renderSlot as r,watchEffect as i}from"vue";import{useStyleTag as a,useTextDirection as o}from"@vueuse/core";const s=n({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{default:`ltr`},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(n){let s=n;t({...e(s),iconRender:s.iconRender});let c=o({initialValue:s.dir});return a(`
 .soybean-headless-scrollbar-hidden {
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -12,4 +12,16 @@ import{transformPropsToContext as e}from"../../shared/vue.js";import"../../share
 .soybean-headless-overflow-y-hidden {
   overflow-y: hidden;
 }
+
+.soybean-headless-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 `,{id:`__SoybeanHeadless_Styles`}),i(()=>{c.value!==s.dir&&(c.value=s.dir)}),(e,t)=>r(e.$slots,`default`)}});export{s as default};

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;
-  nonce: string;
   locale: string;
+  nonce: 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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as t,toValue as n}from"vue";const[r,i]=e(`ConfigProvider`);function a(e){let r=i();return t(()=>n(e)||r?.dir?.value||`ltr`)}function o(e){let r=i();return t(()=>n(e)||r?.locale?.value||`en`)}export{r as provideConfigProviderContext,i as useConfigProvider,a as useDirection,o as useLocale};
+import{useContext as e}from"../../composables/use-context.js";import{computed as t,toValue as n}from"vue";const[r,i]=e(`ConfigProvider`);function a(e){let r=i();return t(()=>n(e)||r?.dir?.value||`ltr`)}function o(e){let r=i();return t(()=>n(e)||r?.locale?.value||`en`)}export{r as provideConfigProviderContext,i as useConfigProvider,a as useDirection,o as useLocale};

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

@@ -1,11 +1,12 @@
-import { IconValue } from "../_icon/types.js";
 import { Direction } from "../../types/common.js";
+import { IconValue } from "../_icon/types.js";
+import { LocaleMessagesOverrides } from "../../locale/types.js";
 import { TooltipProviderProps } from "../tooltip/types.js";
 import { VNode } from "vue";
 
 //#region src/components/config-provider/types.d.ts
 /**
- * Props for the config provider component.
+ * Properties for the ConfigProvider component.
  */
 interface ConfigProviderProps {
   /**
@@ -44,6 +45,13 @@ interface ConfigProviderProps {
    * @param icon The icon to be rendered. It can be a string, a VNode, or a Component.
    */
   iconRender?: (icon: IconValue) => VNode;
+  /**
+   * Overrides for built-in component locale messages. Merged on top of the locale selected by the
+   * `locale` prop, so you only need to supply the keys you want to change.
+   *
+   * @type LocaleMessagesOverrides
+   */
+  messages?: LocaleMessagesOverrides;
 }
 //#endregion
 export { ConfigProviderProps };

package/dist/components/context-menu/context-menu-checkbox-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<ContextMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => 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: "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);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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-content.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../menu/menu-content.js";import"../menu/index.js";import{useContextMenuRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";const d=i({name:`ContextMenuContent`,__name:`context-menu-content`,props:{popupProps:{},placement:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(i,{emit:d}){let f=i,p=e(d),{modal:m,triggerElement:h}=n(`ContextMenuContent`),g=!1;function _(e){!e.defaultPrevented&&g&&e.preventDefault(),g=!1}function v(e){e.detail.originalEvent.button===2&&e.target===h.value&&e.preventDefault(),!e.defaultPrevented&&!m.value&&(g=!0)}return(e,n)=>(o(),r(l(t),a(f,{side:`right`,"side-offset":2,align:`start`,"update-position-strategy":`always`},c(l(p)),{onCloseAutoFocus:_,onInteractOutside:v}),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{d as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../menu/menu-content.js";import"../menu/index.js";import{useContextMenuRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";const d=i({name:`ContextMenuContent`,__name:`context-menu-content`,props:{popupProps:{},placement:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(i,{emit:d}){let f=i,p=e(d),{modal:m,triggerElement:h}=n(`ContextMenuContent`),g=!1;function _(e){!e.defaultPrevented&&g&&e.preventDefault(),g=!1}function v(e){e.detail.originalEvent.button===2&&e.target===h.value&&e.preventDefault(),!e.defaultPrevented&&!m.value&&(g=!0)}return(e,n)=>(o(),r(l(t),a(f,{"data-soybean-context-menu-content":``,side:`right`,"side-offset":2,align:`start`,"update-position-strategy":`always`},c(l(p)),{onCloseAutoFocus:_,onInteractOutside:v}),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{d as default};

package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts

@@ -8,8 +8,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => 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: "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);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => 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-trigger.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../menu/index.js";import{useContextMenuRootContext as i}from"./context.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onWatcherCleanup as m,openBlock as h,ref as g,renderSlot as _,unref as v,useAttrs as y,watchEffect as b,withCtx as x}from"vue";const S=d({name:`ContextMenuTrigger`,inheritAttrs:!1,__name:`context-menu-trigger`,props:{reference:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},setup(d){let S=d,C=t(S,[`reference`],y()),{dataState:w,pressOpenDelay:T,onOpenChange:E,onTriggerElementChange:D}=i(`ContextMenuTrigger`),[O,k]=e(e=>{D(e)}),A=o(()=>S.disabled?``:void 0),j=g({x:0,y:0}),M=o(()=>({getBoundingClientRect:()=>({width:0,height:0,left:j.value.x,right:j.value.x,top:j.value.y,bottom:j.value.y,...j.value})})),N=null,P=()=>{N&&(window.clearTimeout(N),N=null)},F=e=>{let{clientX:t,clientY:n}=e;j.value={x:t,y:n},E(!0)},I=e=>e.pointerType!==`mouse`,L=async e=>{S.disabled||(await p(),!e.defaultPrevented&&(P(),F(e),e.preventDefault()))},R=async e=>{S.disabled||(await p(),!e.defaultPrevented&&I(e)&&(P(),N=window.setTimeout(()=>{F(e)},T.value)))},z=async e=>{S.disabled||(await p(),!e.defaultPrevented&&I(e)&&P())};return b(()=>{S.reference&&(D(S.reference),S.reference.addEventListener(`contextmenu`,L),S.reference.addEventListener(`pointerdown`,R),S.reference.addEventListener(`pointermove`,z),S.reference.addEventListener(`pointercancel`,z),S.reference.addEventListener(`pointerup`,z),m(()=>{S.reference?.removeEventListener(`contextmenu`,L),S.reference?.removeEventListener(`pointerdown`,R),S.reference?.removeEventListener(`pointermove`,z),S.reference?.removeEventListener(`pointercancel`,z),S.reference?.removeEventListener(`pointerup`,z)}))}),(e,t)=>(h(),l(a,null,[u(v(r),{as:`template`,reference:M.value},null,8,[`reference`]),d.reference?c(`v-if`,!0):(h(),s(v(n),f({key:0,ref:v(k)},v(C),{"data-disabled":A.value,"data-state":v(w),style:{WebkitTouchCallout:`none`,pointerEvents:`auto`},onContextmenu:L,onPointerdown:R,onPointermove:z,onPointercancel:z,onPointerup:z}),{default:x(()=>[_(e.$slots,`default`)]),_:3},16,[`data-disabled`,`data-state`]))],64))}});export{S as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../menu/index.js";import{useContextMenuRootContext as i}from"./context.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onWatcherCleanup as m,openBlock as h,ref as g,renderSlot as _,unref as v,useAttrs as y,watchEffect as b,withCtx as x}from"vue";const S=d({name:`ContextMenuTrigger`,inheritAttrs:!1,__name:`context-menu-trigger`,props:{reference:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},setup(d){let S=d,C=t(S,[`reference`],y()),{dataState:w,pressOpenDelay:T,onOpenChange:E,onTriggerElementChange:D}=i(`ContextMenuTrigger`),[O,k]=e(e=>{D(e)}),A=o(()=>S.disabled?``:void 0),j=g({x:0,y:0}),M=o(()=>({getBoundingClientRect:()=>({width:0,height:0,left:j.value.x,right:j.value.x,top:j.value.y,bottom:j.value.y,...j.value})})),N=null,P=()=>{N&&(window.clearTimeout(N),N=null)},F=e=>{let{clientX:t,clientY:n}=e;j.value={x:t,y:n},E(!0)},I=e=>e.pointerType!==`mouse`,L=async e=>{S.disabled||(await p(),!e.defaultPrevented&&(P(),F(e),e.preventDefault()))},R=async e=>{S.disabled||(await p(),!e.defaultPrevented&&I(e)&&(P(),N=window.setTimeout(()=>{F(e)},T.value)))},z=async e=>{S.disabled||(await p(),!e.defaultPrevented&&I(e)&&P())};return b(()=>{S.reference&&(D(S.reference),S.reference.addEventListener(`contextmenu`,L),S.reference.addEventListener(`pointerdown`,R),S.reference.addEventListener(`pointermove`,z),S.reference.addEventListener(`pointercancel`,z),S.reference.addEventListener(`pointerup`,z),m(()=>{S.reference?.removeEventListener(`contextmenu`,L),S.reference?.removeEventListener(`pointerdown`,R),S.reference?.removeEventListener(`pointermove`,z),S.reference?.removeEventListener(`pointercancel`,z),S.reference?.removeEventListener(`pointerup`,z)}))}),(e,t)=>(h(),l(a,null,[u(v(r),{as:`template`,reference:M.value},null,8,[`reference`]),d.reference?c(`v-if`,!0):(h(),s(v(n),f({key:0,ref:v(k)},v(C),{"data-soybean-context-menu-trigger":``,"data-disabled":A.value,"data-state":v(w),style:{WebkitTouchCallout:`none`,pointerEvents:`auto`},onContextmenu:L,onPointerdown:R,onPointermove:z,onPointercancel:z,onPointerup:z}),{default:x(()=>[_(e.$slots,`default`)]),_:3},16,[`data-disabled`,`data-state`]))],64))}});export{S as default};

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

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";import{computed as r,shallowRef as i}from"vue";const[a,o]=t(`ContextMenuRoot`,t=>{let{open:a}=t,o=e=>{a.value=e},s=n(t.dir),c=r(()=>e(a.value)),l=i(null),u=e=>{l.value=e};return{...t,dir:s,dataState:c,onOpenChange:o,triggerElement:l,onTriggerElementChange:u}});export{a as provideContextMenuRootContext,o as useContextMenuRootContext};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import"../../composables/index.js";import{computed as r,shallowRef as i}from"vue";const[a,o]=t(`ContextMenuRoot`,t=>{let{open:a}=t,o=e=>{a.value=e},s=n(t.dir),c=r(()=>e(a.value)),l=i(null),u=e=>{l.value=e};return{...t,dir:s,dataState:c,onOpenChange:o,triggerElement:l,onTriggerElementChange:u}});export{a as provideContextMenuRootContext,o as useContextMenuRootContext};

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

@@ -6,7 +6,7 @@ import { ShallowRef } from "vue";
 
 //#region src/components/context-menu/types.d.ts
 /**
- * Props for the context menu root component.
+ * Properties for the ContextMenuRoot component.
  */
 interface ContextMenuRootProps extends Omit<MenuRootProps, 'open' | 'defaultOpen'> {
   /**
@@ -17,19 +17,19 @@ interface ContextMenuRootProps extends Omit<MenuRootProps, 'open' | 'defaultOpen
   pressOpenDelay?: number;
 }
 /**
- * Emits for the context menu root component.
+ * Events for the ContextMenuRoot component.
  */
 type ContextMenuRootEmits = MenuRootEmits;
 /**
- * Props for the context menu content component.
+ * Properties for the ContextMenuContent component.
  */
 type ContextMenuContentProps = Omit<MenuContentProps, 'side' | 'sideOffset' | 'align' | 'arrowPadding' | 'updatePositionStrategy'>;
 /**
- * Emits for the context menu content component.
+ * Events for the ContextMenuContent component.
  */
 type ContextMenuContentEmits = MenuContentEmits;
 /**
- * Props for the context menu trigger component.
+ * Properties for the ContextMenuTrigger component.
  */
 interface ContextMenuTriggerProps extends MenuTriggerProps {
   /**
@@ -38,7 +38,7 @@ interface ContextMenuTriggerProps extends MenuTriggerProps {
   reference?: HTMLElement | null;
 }
 /**
- * Props for the context menu wrapper compact component.
+ * Properties for the ContextMenuWrapperCompact component.
  */
 interface ContextMenuWrapperCompactProps extends ContextMenuRootProps {
   /**
@@ -50,40 +50,40 @@ interface ContextMenuWrapperCompactProps extends ContextMenuRootProps {
    */
   showArrow?: boolean;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: ContextMenuTriggerProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: ContextMenuContentProps;
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: MenuPopupProps;
   /**
-   * Props forwarded to the arrow element.
+   * Properties forwarded to the arrow element.
    */
   arrowProps?: PopperArrowProps;
 }
 /**
- * Emits for the context menu wrapper compact component.
+ * Events for the ContextMenuWrapperCompact component.
  */
 type ContextMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
 /**
- * Props for the context menu compact component.
+ * Properties for the ContextMenuCompact component.
  */
 interface ContextMenuCompactProps<T extends DefinedValue = DefinedValue> extends ContextMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
 /**
- * Emits for the context menu compact component.
+ * Events for the ContextMenuCompact component.
  */
 type ContextMenuCompactEmits<T extends DefinedValue = DefinedValue> = ContextMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
 /**
- * Slots for the context menu compact component.
+ * Slots for the ContextMenuCompact component.
  */
 type ContextMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
   /**
@@ -92,15 +92,15 @@ type ContextMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOption
   trigger: () => any;
 };
 /**
- * Props for the context menu checkbox compact component.
+ * Properties for the ContextMenuCheckboxCompact component.
  */
 interface ContextMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends ContextMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
 /**
- * Emits for the context menu checkbox compact component.
+ * Events for the ContextMenuCheckboxCompact component.
  */
 type ContextMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = ContextMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
 /**
- * Slots for the context menu checkbox compact component.
+ * Slots for the ContextMenuCheckboxCompact component.
  */
 type ContextMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
   /**
@@ -109,15 +109,15 @@ type ContextMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = Me
   trigger: () => any;
 };
 /**
- * Props for the context menu radio compact component.
+ * Properties for the ContextMenuRadioCompact component.
  */
 interface ContextMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends ContextMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
 /**
- * Emits for the context menu radio compact component.
+ * Events for the ContextMenuRadioCompact component.
  */
 type ContextMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
 /**
- * Slots for the context menu radio compact component.
+ * Slots for the ContextMenuRadioCompact component.
  */
 type ContextMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
   /**

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

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

@@ -3,13 +3,25 @@ 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;
+declare var __VLS_8: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_8) => any;
+} & {
+  trailing?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DateFieldCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (value: _$_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;
+  "onUpdate:modelValue"?: ((value: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((value: _$_internationalized_date0.DateValue) => any) | undefined;
 }>, {}, {}, {}, {}, 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-input.js

@@ -1 +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};
+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`),{modelValue:g,disabled:_,readonly:v,placeholder:y,hourCycle:b,step:x,segmentValues:S,formatter:C,isInvalid:w,focusNext:T,setFocusedElement:E}=n(`DateFieldInput`),D=l(!0),{attributes:O,handleSegmentClick:k,handleSegmentFocusOut:A,handleSegmentKeydown:j}=e({hasLeftFocus:D,lastKeyZero:l(!1),placeholder:y,hourCycle:b,step:x,segmentValues:S,formatter:C,part:m.part,disabled:_,readonly:v,focusNext:T,modelValue:g}),M=i(()=>_.value||v.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),N=i(()=>m.part===`literal`?{}:{mousedown:k,keydown:j,focusout:()=>{D.value=!0,A()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(O),{"data-soybean-date-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(_)?!0:void 0,"aria-invalid":f(w)?!0:void 0,"aria-readonly":f(v)||o.part===`timeZoneName`?!0:void 0,contenteditable:M.value,"data-disabled":f(_)?``:void 0,"data-invalid":f(w)?``:void 0,"data-readonly":f(v)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(N.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};

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

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

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

@@ -1,34 +1,26 @@
-import { DateStep, DateValue, Granularity, Matcher, SegmentPart } from "../../date/types.js";
-import { DateFieldRootProps } from "./types.js";
+import { DateMatcher, DateStep, Granularity } from "../../date/types.js";
+import { DateFieldRootProps, DateFieldRootSlots } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
 
 //#region src/components/date-field/date-field-root.vue.d.ts
-type __VLS_Slots = {
-  default?: (props: {
-    modelValue: DateValue | undefined;
-    segments: {
-      part: SegmentPart;
-      value: string;
-    }[];
-    isInvalid: boolean;
-  }) => any;
-};
+type __VLS_Slots = DateFieldRootSlots;
 declare const __VLS_base: _$vue.DefineComponent<DateFieldRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (date: DateValue | undefined) => any;
-  "update:placeholder": (date: DateValue) => any;
+  "update:modelValue": (value: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (value: _$_internationalized_date0.DateValue) => any;
 }, string, _$vue.PublicProps, Readonly<DateFieldRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((value: _$_internationalized_date0.DateValue) => any) | undefined;
 }>, {
-  placeholder: DateValue;
+  placeholder: _$_internationalized_date0.DateValue;
   disabled: boolean;
   step: DateStep;
-  defaultValue: DateValue;
+  defaultValue: _$_internationalized_date0.DateValue;
+  defaultPlaceholder: _$_internationalized_date0.DateValue;
+  granularity: Granularity;
+  isDateUnavailable: DateMatcher;
   readonly: boolean;
-  defaultPlaceholder: DateValue;
-  isDateUnavailable: Matcher;
   hourCycle: 12 | 24;
-  granularity: Granularity;
   hideTimeZone: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/date-field/index.d.ts

@@ -1,6 +1,6 @@
-import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldInputProps, DateFieldRootContext, DateFieldRootEmits, DateFieldRootProps, DateFieldSegment, DateFieldUi, DateFieldUiSlot } from "./types.js";
+import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldInputProps, DateFieldRootEmits, DateFieldRootProps, DateFieldRootSlotProps, DateFieldRootSlots, DateFieldSegment, DateFieldUi, DateFieldUiSlot } from "./types.js";
 import { _default } from "./date-field-compact.vue.js";
-import { _default as _default$1 } from "./date-field-input.vue.js";
 import { _default as _default$2 } from "./date-field-root.vue.js";
+import { _default as _default$1 } from "./date-field-input.vue.js";
 import { provideDateFieldUi } from "./context.js";
-export { _default as DateFieldCompact, type DateFieldCompactEmits, type DateFieldCompactProps, _default$1 as DateFieldInput, type DateFieldInputProps, _default$2 as DateFieldRoot, type DateFieldRootContext, type DateFieldRootEmits, type DateFieldRootProps, type DateFieldSegment, type DateFieldUi, type DateFieldUiSlot, provideDateFieldUi };
+export { _default as DateFieldCompact, type DateFieldCompactEmits, type DateFieldCompactProps, _default$1 as DateFieldInput, type DateFieldInputProps, _default$2 as DateFieldRoot, type DateFieldRootEmits, type DateFieldRootProps, type DateFieldRootSlotProps, type DateFieldRootSlots, type DateFieldSegment, type DateFieldUi, type DateFieldUiSlot, provideDateFieldUi };