@soybeanjs/headless 0.18.0 → 0.19.0

package/dist/components/combobox/combobox-root.vue.d.ts

@@ -6,8 +6,8 @@ import * as _$vue from "vue";
 //#region src/components/combobox/combobox-root.vue.d.ts
 declare const __VLS_export: <M extends boolean = false>(__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<ComboboxRootProps<M> & {
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -26,11 +26,11 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   attrs: any;
   slots: {
     default?: (props: {
-      open: boolean | undefined;
+      open: boolean;
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/combobox/combobox-separator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxUi as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ComboboxSeparator`,__name:`combobox-separator`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=r,u=t(`separator`);return(t,r)=>(a(),n(s(e),i(l,{class:s(u),role:`separator`,"aria-orientation":`horizontal`,"data-slot":`separator`}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxUi as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ComboboxSeparator`,__name:`combobox-separator`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=r,u=t(`separator`);return(t,r)=>(a(),n(s(e),i(l,{"data-soybean-combobox-separator":``,class:s(u),role:`separator`,"aria-orientation":`horizontal`}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

package/dist/components/combobox/combobox-trigger.js

@@ -1 +1 @@
-import{useExposedElement as e}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,onMounted as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ComboboxTrigger`,__name:`combobox-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,{open:m,disabled:h,contentId:g,initContentId:_,onOpenChange:v,onTriggerElementChange:y}=n(`ComboboxTrigger`),[b,x]=e(y),S=r(`trigger`),C=r(`triggerIcon`);c(()=>{_()});let w=i(()=>p.disabled||h.value||!1),T=i(()=>p.as===`button`?`button`:void 0),E=()=>{w.value||v(!m.value)};return(e,n)=>(l(),a(d(t),{ref:d(x),as:o.as,"as-child":o.asChild,type:T.value,class:s(d(S)),"aria-haspopup":`listbox`,"aria-expanded":d(m)||!1,"aria-controls":d(g)||void 0,"aria-disabled":w.value||void 0,"data-state":d(m)?`open`:`closed`,"data-disabled":w.value?``:void 0,disabled:w.value,tabindex:`-1`,"data-slot":`trigger`,onClick:E},{default:f(()=>[u(e.$slots,`default`,{triggerIconClass:d(C)})]),_:3},8,[`as`,`as-child`,`type`,`class`,`aria-expanded`,`aria-controls`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`]))}});export{p as default};
+import{useExposedElement as e}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,onMounted as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ComboboxTrigger`,__name:`combobox-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,{open:m,disabled:h,contentId:g,initContentId:_,onOpenChange:v,onTriggerElementChange:y}=n(`ComboboxTrigger`),[b,x]=e(y),S=r(`trigger`),C=r(`triggerIcon`);c(()=>{_()});let w=i(()=>p.disabled||h.value||!1),T=i(()=>p.as===`button`?`button`:void 0),E=()=>{w.value||v(!m.value)};return(e,n)=>(l(),a(d(t),{ref:d(x),as:o.as,"as-child":o.asChild,"data-soybean-combobox-trigger":``,class:s(d(S)),type:T.value,"aria-haspopup":`listbox`,"aria-expanded":d(m)||!1,"aria-controls":d(g)||void 0,"aria-disabled":w.value||void 0,"data-state":d(m)?`open`:`closed`,"data-disabled":w.value?``:void 0,disabled:w.value,tabindex:`-1`,onClick:E},{default:f(()=>[u(e.$slots,`default`,{triggerIconClass:d(C)})]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-expanded`,`aria-controls`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`]))}});export{p as default};

package/dist/components/combobox/combobox-viewport.js

@@ -1 +1 @@
-import e from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ComboboxViewport`,__name:`combobox-viewport`,props:{nonce:{}},setup(n){return(n,s)=>(r(),t(a(e),{class:`soybean-headless-scrollbar-hidden`,"data-slot":`viewport`},{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};
+import e from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ComboboxViewport`,__name:`combobox-viewport`,props:{nonce:{}},setup(n){return(n,s)=>(r(),t(a(e),{"data-soybean-combobox-viewport":``,class:`soybean-headless-scrollbar-hidden`},{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};

package/dist/components/combobox/combobox-virtualizer.js

@@ -1 +1 @@
-import{useComboboxRootContext as e}from"./context.js";import t from"../listbox/listbox-virtualizer.js";import"../listbox/index.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,onUnmounted as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=r({name:`ComboboxVirtualizer`,__name:`combobox-virtualizer`,props:{options:{},overscan:{},estimateSize:{type:[Number,Function]},textContent:{type:Function}},setup(r){let f=r,{isVirtual:p}=e(`ComboboxVirtualizer`);return p.value=!0,s(()=>{p.value=!1}),(e,r)=>(c(),n(u(t),a(f,{"data-slot":`virtualizer`}),{default:d(t=>[l(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{f as default};
+import{useComboboxRootContext as e}from"./context.js";import t from"../listbox/listbox-virtualizer.js";import"../listbox/index.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,onUnmounted as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=r({name:`ComboboxVirtualizer`,__name:`combobox-virtualizer`,props:{options:{},overscan:{},estimateSize:{type:[Number,Function]},textContent:{type:Function}},setup(r){let f=r,{isVirtual:p}=e(`ComboboxVirtualizer`);return p.value=!0,s(()=>{p.value=!1}),(e,r)=>(c(),n(u(t),a(f,{"data-soybean-combobox-virtualizer":``}),{default:d(t=>[l(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{f as default};

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

@@ -1,11 +1,12 @@
-import { IconValue } from "../_icon/types.js";
 import { MaybeArray, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { IconValue } from "../_icon/types.js";
 import { ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/combobox/types.d.ts
 /**
  * Properties for the ComboboxRoot component.
@@ -56,7 +57,7 @@ type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'u
 /**
  * Properties for the ComboboxTrigger component.
  */
-interface ComboboxTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ComboboxTriggerProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
@@ -111,7 +112,7 @@ type ComboboxInputEmits = ListboxFilterEmits;
 /**
  * Properties for the ComboboxViewport component.
  */
-interface ComboboxViewportProps extends /** @vue-ignore */HTMLAttributes {
+interface ComboboxViewportProps extends BaseProps {
   /**
    * Nonce.
    */
@@ -133,15 +134,15 @@ type ComboboxItemEmits = ListboxItemEmits;
 /**
  * Properties for the ComboboxEmpty component.
  */
-interface ComboboxEmptyProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ComboboxEmptyProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ComboboxSeparator component.
  */
-interface ComboboxSeparatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ComboboxSeparatorProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ComboboxCancel component.
  */
-interface ComboboxCancelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ComboboxCancelProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */

package/dist/components/command/command-compact.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../listbox/listbox-group-label.js";import i from"../listbox/listbox-root.js";import a from"../listbox/listbox-content.js";import o from"../listbox/listbox-group.js";import s from"../listbox/listbox-item.js";import c from"../listbox/listbox-filter.js";import"../listbox/index.js";import l from"../kbd/kbd.js";import u from"../separator/separator-root.js";import{useCommandUi as d}from"./context.js";import{getCommandItemOptions as f,getCommandSearchOptions as p,isGroupOption as m}from"./shared.js";import{Fragment as h,computed as g,createBlock as _,createCommentVNode as v,createElementBlock as y,createElementVNode as b,createTextVNode as x,createVNode as S,defineComponent as C,guardReactiveProps as w,isRef as T,mergeProps as E,normalizeClass as D,normalizeProps as O,openBlock as k,renderList as A,renderSlot as j,toDisplayString as M,unref as N,withCtx as P}from"vue";import{useFuse as F}from"@vueuse/integrations/useFuse";import{defu as I}from"defu";const L=C({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{default:`No results found.`},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(C,{emit:L}){let R=C,z=L,B=t(R,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),V=e(()=>R.searchTerm,e=>{z(`update:searchTerm`,e??``)},R.inputProps?.defaultValue||``),H=g(()=>I(R.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:U}=F(V,g(()=>p(R.items)),H),W=g(()=>f(U.value.map(e=>e.item))),G=g(()=>({...R.inputProps,placeholder:R.placeholder??R.inputProps?.placeholder})),K=g(()=>({...R.listProps,"aria-label":R.listProps?.[`aria-label`]??R.placeholder??`Commands`})),q=d(),J=e=>m(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(k(),_(N(i),E(N(B),{"onUpdate:modelValue":t[3]||(t[3]=e=>z(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>z(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>z(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>z(`leave`,e))}),{default:P(()=>[S(N(c),E(G.value,{modelValue:N(V),"onUpdate:modelValue":t[0]||(t[0]=e=>T(V)?V.value=e:null),autofocus:``}),{leading:P(({clear:t})=>[j(e.$slots,`input-leading`,{clear:t},()=>[S(n,{icon:`lucide:search`})])]),trailing:P(({clear:t})=>[C.clearable?(k(),_(n,{key:0,icon:`lucide:x`,class:D(N(q).inputClearable),onClick:t},null,8,[`class`,`onClick`])):v(`v-if`,!0),j(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),S(N(a),O(w(K.value)),{default:P(()=>[W.value.length?v(`v-if`,!0):(k(),y(`div`,E({key:0},C.emptyProps,{class:N(q).empty}),[j(e.$slots,`empty`,{},()=>[x(M(C.emptyLabel),1)])],16)),(k(!0),y(h,null,A(W.value,i=>(k(),y(h,{key:J(i)},[N(m)(i)?(k(),y(h,{key:0},[S(N(o),E({ref_for:!0},C.groupProps),{default:P(()=>[S(N(r),E({ref_for:!0},C.groupLabelProps),{default:P(()=>[x(M(i.label),1)]),_:2},1040),(k(!0),y(h,null,A(i.items,r=>(k(),_(N(s),E({key:String(r.value)},{ref_for:!0},C.itemProps,{value:r.value,disabled:r.disabled,onSelect:t[1]||(t[1]=e=>z(`select`,e))}),{default:P(()=>[j(e.$slots,`item-leading`,{item:r},()=>[r.icon?(k(),_(n,{key:0,icon:r.icon},null,8,[`icon`])):v(`v-if`,!0)]),b(`span`,E({class:N(q).itemLabel},{ref_for:!0},C.itemLabelProps),[j(e.$slots,`item-label`,{item:r},()=>[x(M(r.label),1)])],16),j(e.$slots,`item-trailing`,{item:r}),r.shortcut?(k(),_(l,E({key:0,ref_for:!0},C.shortcutProps,{value:r.shortcut,class:N(q).shortcut}),null,16,[`value`,`class`])):v(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),i.separator?(k(),_(u,E({key:0,ref_for:!0},C.separatorProps,{decorative:``,class:N(q).separator}),null,16,[`class`])):v(`v-if`,!0)],64)):(k(),y(h,{key:1},[S(N(s),E({ref_for:!0},C.itemProps,{value:i.value,disabled:i.disabled,onSelect:t[2]||(t[2]=e=>z(`select`,e))}),{default:P(()=>[j(e.$slots,`item-leading`,{item:i},()=>[i.icon?(k(),_(n,{key:0,icon:i.icon},null,8,[`icon`])):v(`v-if`,!0)]),b(`span`,E({class:N(q).itemLabel},{ref_for:!0},C.itemLabelProps),[j(e.$slots,`item-label`,{item:i},()=>[x(M(i.label),1)])],16),j(e.$slots,`item-trailing`,{item:i}),i.shortcut?(k(),_(l,E({key:0,ref_for:!0},C.shortcutProps,{value:i.shortcut,class:N(q).shortcut}),null,16,[`value`,`class`])):v(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),i.separator?(k(),_(u,E({key:0,ref_for:!0},C.separatorProps,{decorative:``,class:N(q).separator}),null,16,[`class`])):v(`v-if`,!0)],64))],64))),128))]),_:3},16),j(e.$slots,`bottom`)]),_:3},16))}});export{L as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../listbox/listbox-group-label.js";import a from"../listbox/listbox-root.js";import o from"../listbox/listbox-content.js";import s from"../listbox/listbox-group.js";import c from"../listbox/listbox-item.js";import l from"../listbox/listbox-filter.js";import"../listbox/index.js";import u from"../kbd/kbd.js";import d from"../separator/separator-root.js";import{useCommandUi as f}from"./context.js";import{getCommandItemOptions as p,getCommandSearchOptions as m,isGroupOption as h}from"./shared.js";import{Fragment as g,computed as _,createBlock as v,createCommentVNode as y,createElementBlock as b,createElementVNode as x,createTextVNode as S,createVNode as C,defineComponent as w,guardReactiveProps as T,isRef as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";import{defu as I}from"defu";import{useFuse as L}from"@vueuse/integrations/useFuse";const R=w({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(w,{emit:R}){let z=w,B=R,V=n(z,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=t(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue??``),U=_(()=>I(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:W}=L(H,_(()=>m(z.items)),U),G=_(()=>p(W.value.map(e=>e.item))),K=_(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder})),q=_(()=>({...z.listProps,"aria-label":z.listProps?.[`aria-label`]??z.placeholder??`Commands`})),J=f(),Y=e(),X=e=>h(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(A(),v(P(a),D(P(V),{"onUpdate:modelValue":t[3]||(t[3]=e=>B(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>B(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>B(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>B(`leave`,e))}),{default:F(()=>[C(P(l),D(K.value,{modelValue:P(H),"onUpdate:modelValue":t[0]||(t[0]=e=>E(H)?H.value=e:null),autofocus:``}),{leading:F(({clear:t})=>[M(e.$slots,`input-leading`,{clear:t},()=>[C(r,{icon:`lucide:search`})])]),trailing:F(({clear:t})=>[w.clearable?(A(),v(r,{key:0,icon:`lucide:x`,class:O(P(J).inputClearable),onClick:t},null,8,[`class`,`onClick`])):y(`v-if`,!0),M(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),C(P(o),k(T(q.value)),{default:F(()=>[G.value.length?y(`v-if`,!0):(A(),b(`div`,D({key:0},w.emptyProps,{class:P(J).empty}),[M(e.$slots,`empty`,{},()=>[S(N(z.emptyLabel??P(Y).command.noResults),1)])],16)),(A(!0),b(g,null,j(G.value,n=>(A(),b(g,{key:X(n)},[P(h)(n)?(A(),b(g,{key:0},[C(P(s),D({ref_for:!0},w.groupProps),{default:F(()=>[C(P(i),D({ref_for:!0},w.groupLabelProps),{default:F(()=>[S(N(n.label),1)]),_:2},1040),(A(!0),b(g,null,j(n.items,n=>(A(),v(P(c),D({key:String(n.value)},{ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64)):(A(),b(g,{key:1},[C(P(c),D({ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[2]||(t[2]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64))],64))),128))]),_:3},16),M(e.$slots,`bottom`)]),_:3},16))}});export{R as default};

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

@@ -1,9 +1,9 @@
-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
@@ -44,7 +44,7 @@ type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionDa
 /**
  * Properties for the CommandItemLabel component.
  */
-interface CommandItemLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface CommandItemLabelProps extends BaseProps {}
 /**
  * Properties for the CommandShortcut component.
  */
@@ -73,7 +73,7 @@ type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOp
 /**
  * Properties for the CommandEmpty component.
  */
-interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
+interface CommandEmptyProps extends BaseProps {}
 /**
  * Available UI slots for the Command component.
  */

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;

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,5 +1,6 @@
-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";
 
@@ -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,22 +8,22 @@ 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;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   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: "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) & ((evt: "entryFocus", 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-compact.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, 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;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, 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) & ((evt: "entryFocus", 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-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-content.vue.d.ts

@@ -8,21 +8,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -8,22 +8,22 @@ 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;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   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: "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) & ((evt: "entryFocus", 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-menu-wrapper-compact.vue.d.ts

@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
   "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;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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/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,35 +1,27 @@
-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;
-  defaultPlaceholder: DateValue;
-  hourCycle: 12 | 24;
+  defaultValue: _$_internationalized_date0.DateValue;
+  defaultPlaceholder: _$_internationalized_date0.DateValue;
   granularity: Granularity;
-  hideTimeZone: boolean;
+  isDateUnavailable: DateMatcher;
   readonly: boolean;
-  isDateUnavailable: Matcher;
+  hourCycle: 12 | 24;
+  hideTimeZone: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/date-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 };