@soybeanjs/ui 0.15.0-beta.2 → 0.15.0-beta.4

package/dist/components/color-field/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group flex items-center rounded-md border border-input bg-background transition-all-150`,`focus-within:outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:opacity-60 data-[readonly]:bg-muted/40`],input:[`flex-1 min-w-0 bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{root:`h-6 px-1.5 text-2xs gap-1`},sm:{root:`h-7 px-2 text-xs gap-1.5`},md:{root:`h-8 px-2.5 text-sm gap-2`},lg:{root:`h-9 px-3 text-base gap-2.5`},xl:{root:`h-10 px-3.5 text-lg gap-3`},"2xl":{root:`h-12 px-4 text-xl gap-3.5`}}},defaultVariants:{size:`md`}});export{t as colorFieldVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group flex items-center rounded-md border border-input bg-background transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:opacity-60 data-[readonly]:bg-muted/40`],input:[`flex-1 min-w-0 bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{root:`h-6 px-1.5 text-2xs gap-1`},sm:{root:`h-7 px-2 text-xs gap-1.5`},md:{root:`h-8 px-2.5 text-sm gap-2`},lg:{root:`h-9 px-3 text-base gap-2.5`},xl:{root:`h-10 px-3.5 text-lg gap-3`},"2xl":{root:`h-12 px-4 text-xl gap-3.5`}}},defaultVariants:{size:`md`}});export{t as colorFieldVariants};

package/dist/components/color-picker/color-picker.vue.d.ts

@@ -16,26 +16,26 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
+  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
   "update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
-  change: (value: string) => any;
+  "update:open": (value: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
+  modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
   placement: _$_soybeanjs_headless0.Placement;
   showArrow: boolean;
-  modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   format: ColorFormat;
   defaultFormat: ColorFormat;
   colorSpace: ColorSpace;

package/dist/components/color-slider/color-slider.vue.d.ts

@@ -5,14 +5,14 @@ import * as _$_soybeanjs_headless_shared0 from "@soybeanjs/headless/shared";
 
 //#region src/components/color-slider/color-slider.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorSliderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
   "update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
-  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderProps> & Readonly<{
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   size: ThemeSize;

package/dist/components/color-swatch-picker/color-swatch-picker.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{colorSwatchPickerVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ColorSwatchPickerItem as b,ColorSwatchPickerItemIndicator as x,ColorSwatchPickerItemSwatch as S,ColorSwatchPickerRoot as C,provideColorSwatchPickerUi as w}from"@soybeanjs/headless";const T=l({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{},size:{},ui:{},colors:{},shape:{default:`square`},itemProps:{},indicatorProps:{},swatchProps:{},asChild:{type:Boolean},as:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(l,{emit:T}){let E=l,D=v(T),O=y(E,[`class`,`size`,`ui`,`colors`,`shape`,`itemProps`,`indicatorProps`,`swatchProps`]),k=i(()=>e(n({size:E.size,shape:E.shape}),E.ui,{root:E.class}));return w(k),(e,n)=>(f(),a(g(C),u(g(O),h(g(D))),{default:_(()=>[l.colors?.length?(f(!0),o(r,{key:0},p(l.colors,n=>(f(),a(g(b),u({key:n,value:n},{ref_for:!0},l.itemProps),{default:_(()=>[c(g(S),u({ref_for:!0},l.swatchProps),{default:_(()=>[s(`span`,{class:d(k.value.checker)},null,2),s(`span`,{class:d(k.value.fill)},null,2)]),_:1},16),c(g(x),u({ref_for:!0},l.indicatorProps),{default:_(()=>[m(e.$slots,`indicator`,{color:n},()=>[c(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):m(e.$slots,`default`,{key:1})]),_:3},16))}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{colorSwatchPickerVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ColorSwatchPickerItem as b,ColorSwatchPickerItemIndicator as x,ColorSwatchPickerItemSwatch as S,ColorSwatchPickerRoot as C,provideColorSwatchPickerUi as w}from"@soybeanjs/headless";const T=l({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{},size:{},ui:{},colors:{},shape:{default:`square`},itemProps:{},indicatorProps:{},swatchProps:{},asChild:{type:Boolean},as:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(l,{emit:T}){let E=l,D=v(T),O=y(E,[`class`,`size`,`ui`,`colors`,`shape`,`itemProps`,`indicatorProps`,`swatchProps`]),k=i(()=>e(n({size:E.size,shape:E.shape}),E.ui,{root:E.class}));return w(k),(e,n)=>(f(),a(g(C),u(g(O),h(g(D))),{default:_(()=>[l.colors?.length?(f(!0),o(r,{key:0},p(l.colors,n=>(f(),a(g(b),u({key:n,value:n},{ref_for:!0},l.itemProps),{default:_(()=>[c(g(S),u({ref_for:!0},l.swatchProps),{default:_(()=>[s(`span`,{class:d(k.value.checker)},null,2),s(`span`,{class:d(k.value.fill)},null,2)]),_:1},16),c(g(x),u({ref_for:!0},l.indicatorProps),{default:_(()=>[m(e.$slots,`indicator`,{color:n},()=>[c(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):m(e.$slots,`default`,{key:1})]),_:3},16))}});export{T as default};

package/dist/components/combobox/combobox.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{getSelectedLabels as n}from"./shared.js";import r from"./combobox-option.js";import{comboboxVariants as i}from"./variants.js";import{Fragment as a,computed as o,createBlock as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,withCtx as C}from"vue";import{useForwardListeners as w,useOmitProps as T}from"@soybeanjs/headless/composables";import{ComboboxContent as E,ComboboxEmpty as D,ComboboxInput as O,ComboboxPortal as k,ComboboxRoot as A,ComboboxTrigger as j,ComboboxViewport as M,provideComboboxUi as N}from"@soybeanjs/headless";const P={class:`grow truncate text-left`},F=f({name:`SCombobox`,__name:`combobox`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchPlaceholder:{},emptyLabel:{default:`No results found.`},triggerProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},ignoreFilter:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`select`],setup(f,{emit:F}){let I=f,L=F,R=T(I,[`class`,`size`,`ui`,`items`,`placeholder`,`searchPlaceholder`,`emptyLabel`,`triggerProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),z=w(L),B=o(()=>e(i({size:I.size}),I.ui,{trigger:I.class})),V=o(()=>n(I.modelValue,I.items)),H=o(()=>V.value.length?V.value.join(`, `):I.placeholder),U=o(()=>({...I.inputProps,controlProps:{...I.inputProps?.controlProps,"aria-label":I.inputProps?.controlProps?.[`aria-label`]??I.searchPlaceholder??I.placeholder??`Search`},placeholder:I.searchPlaceholder??I.inputProps?.placeholder,autofocus:I.inputProps?.autofocus??!0})),W=o(()=>({...I.viewportProps,"aria-label":I.viewportProps?.[`aria-label`]??I.placeholder??`Options`})),G=o(()=>({...I.triggerProps,"aria-label":I.triggerProps?.[`aria-label`]??H.value,"data-placeholder":V.value.length?void 0:``}));return N(B),(e,n)=>(_(),s(S(A),m(S(R),x(S(z))),{default:C(()=>[d(S(j),g(p(G.value)),{default:C(()=>[y(e.$slots,`trigger-leading`),y(e.$slots,`trigger-value`,{modelValue:f.modelValue,selectedLabels:V.value,slotText:H.value},()=>[l(`span`,P,b(H.value),1)]),y(e.$slots,`trigger-trailing`),y(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`,class:h(B.value.triggerIcon),"aria-hidden":!0},null,8,[`class`])])]),_:3},16),d(S(k),g(p(f.portalProps)),{default:C(()=>[d(S(E),m(f.contentProps,{onCloseAutoFocus:n[1]||=e=>L(`closeAutoFocus`,e),onEscapeKeyDown:n[2]||=e=>L(`escapeKeyDown`,e),onPointerDownOutside:n[3]||=e=>L(`pointerDownOutside`,e),onFocusOutside:n[4]||=e=>L(`focusOutside`,e),onInteractOutside:n[5]||=e=>L(`interactOutside`,e)}),{default:C(()=>[d(S(O),g(p(U.value)),{leading:C(n=>[y(e.$slots,`input-leading`,g(p(n)),()=>[d(t,{icon:`lucide:search`,class:`mr-2 shrink-0 opacity-50`,"aria-hidden":!0})])]),trailing:C(t=>[y(e.$slots,`input-trailing`,g(p(t)))]),_:3},16),d(S(D),g(p(f.emptyProps)),{default:C(()=>[y(e.$slots,`empty`,{},()=>[u(b(f.emptyLabel),1)])]),_:3},16),d(S(M),g(p(W.value)),{default:C(()=>[(_(!0),c(a,null,v(f.items,t=>(_(),s(r,{key:`items`in t?`group-${t.label}`:t.value,item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onItemSelect:n[0]||=e=>L(`select`,e)},{"group-label":C(t=>[y(e.$slots,`group-label`,m({ref_for:!0},t))]),"item-leading":C(t=>[y(e.$slots,`item-leading`,m({ref_for:!0},t))]),"item-text":C(t=>[y(e.$slots,`item-text`,m({ref_for:!0},t))]),"item-trailing":C(t=>[y(e.$slots,`item-trailing`,m({ref_for:!0},t))]),"item-indicator":C(t=>[y(e.$slots,`item-indicator`,m({ref_for:!0},t))]),_:3},8,[`item`,`group-props`,`group-label-props`,`item-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{F as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{comboboxVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{ComboboxCompact as y,provideComboboxUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SCombobox`,__name:`combobox`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(y),c(m(E),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-expect-error ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};

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

@@ -1,4 +1,4 @@
-import { ComboboxGroupOptionData, ComboboxProps, ComboboxSingleOptionData } from "./types.js";
+import { ComboboxProps, ComboboxSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
@@ -7,6 +7,7 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 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<ComboboxProps<M> & {
     onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -14,59 +15,15 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
-    onLeave?: ((event: Event) => any) | undefined;
+    onPlaced?: (() => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    'trigger-leading'?: (props: {}) => any;
-  } & {
-    'trigger-value'?: (props: {
-      modelValue: (M extends true ? string[] : string) | undefined;
-      selectedLabels: string[];
-      slotText: string | undefined;
-    }) => any;
-  } & {
-    'trigger-trailing'?: (props: {}) => any;
-  } & {
-    'trigger-icon'?: (props: {}) => any;
-  } & {
-    'input-leading'?: (props: {
-      clear: () => void;
-    }) => any;
-  } & {
-    'input-trailing'?: (props: {
-      clear: () => void;
-    }) => any;
-  } & {
-    empty?: (props: {}) => any;
-  } & {
-    'group-label'?: (props: {
-      item: ComboboxGroupOptionData;
-    }) => any;
-  } & {
-    'item-leading'?: (props: {
-      item: ComboboxSingleOptionData;
-    }) => any;
-  } & {
-    'item-text'?: (props: {
-      item: ComboboxSingleOptionData;
-    }) => any;
-  } & {
-    'item-trailing'?: (props: {
-      item: ComboboxSingleOptionData;
-    }) => any;
-  } & {
-    'item-indicator'?: (props: {
-      item: ComboboxSingleOptionData;
-    }) => any;
-  };
-  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+  slots: ComboboxSlots<M>;
+  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,4 +1,4 @@
-import { ComboboxEmits, ComboboxGroupOptionData, ComboboxGroupOptionEmits, ComboboxGroupOptionProps, ComboboxOptionData, ComboboxOptionEmits, ComboboxOptionProps, ComboboxProps, ComboboxSingleOptionData, ComboboxSingleOptionEmits, ComboboxSingleOptionProps } from "./types.js";
+import { ComboboxEmits, ComboboxProps, ComboboxSlots } from "./types.js";
 import { _default } from "./combobox.vue.js";
-import { ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxPortalProps, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps } from "@soybeanjs/headless/combobox";
-export { type ComboboxContentEmits, type ComboboxContentProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxInputEmits, type ComboboxInputProps, type ComboboxItemEmits, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxPortalProps, type ComboboxRootEmits, type ComboboxRootProps, type ComboboxSeparatorProps, type ComboboxTriggerProps, type ComboboxUi, type ComboboxUiSlot, type ComboboxViewportProps };
+import { ComboboxAnchorProps, ComboboxCancelProps, ComboboxCompactEmits as ComboboxCompactEmits$1, ComboboxCompactProps as ComboboxCompactProps$1, ComboboxCompactSlots as ComboboxCompactSlots$1, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupOptionData, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxOptionData, ComboboxPortalProps, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi as ComboboxUi$1, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps } from "@soybeanjs/headless/combobox";
+export { type ComboboxAnchorProps, type ComboboxCancelProps, type ComboboxCompactEmits$1 as ComboboxCompactEmits, type ComboboxCompactProps$1 as ComboboxCompactProps, type ComboboxCompactSlots$1 as ComboboxCompactSlots, type ComboboxContentEmits, type ComboboxContentProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupOptionData, type ComboboxGroupProps, type ComboboxInputEmits, type ComboboxInputProps, type ComboboxItemEmits, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxOptionData, type ComboboxPortalProps, type ComboboxRootEmits, type ComboboxRootProps, type ComboboxSeparatorProps, type ComboboxSingleOptionData, type ComboboxTriggerProps, type ComboboxUi$1 as ComboboxUi, type ComboboxUiSlot, type ComboboxViewportProps, type ComboboxVirtualizerProps };

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

@@ -1,68 +1,14 @@
 import { ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
-import { HTMLAttributes } from "vue";
-import { ClassValue, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxPortalProps, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxViewportProps } from "@soybeanjs/headless";
+import { ClassValue } from "@soybeanjs/headless";
+import { ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxUi } from "@soybeanjs/headless/combobox";
 
 //#region src/components/combobox/types.d.ts
-interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
-  value: string;
-  icon?: IconValue;
-  label: string;
-  separator?: boolean;
-}
-interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
-  items: ComboboxSingleOptionData[];
-}
-type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
-interface ComboboxSingleOptionProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
-  item: ComboboxSingleOptionData;
-  itemIndicatorProps?: ComboboxItemIndicatorProps;
-  separatorProps?: ComboboxSeparatorProps;
-}
-type ComboboxSingleOptionEmits = {
-  itemSelect: [event: ComboboxItemEmits['select'][0]];
-};
-interface ComboboxGroupOptionProps extends ComboboxGroupProps {
-  item: ComboboxGroupOptionData;
-  groupLabelProps?: ComboboxGroupLabelProps;
-  itemProps?: ComboboxItemProps;
-  itemIndicatorProps?: ComboboxItemIndicatorProps;
-  separatorProps?: ComboboxSeparatorProps;
-}
-type ComboboxGroupOptionEmits = {
-  itemSelect: [event: ComboboxItemEmits['select'][0]];
-};
-interface ComboboxOptionProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
-  item: ComboboxOptionData;
-  groupProps?: ComboboxGroupProps;
-  groupLabelProps?: ComboboxGroupLabelProps;
-  itemProps?: ComboboxItemProps;
-  itemIndicatorProps?: ComboboxItemIndicatorProps;
-  separatorProps?: ComboboxSeparatorProps;
-}
-type ComboboxOptionEmits = {
-  itemSelect: [event: ComboboxItemEmits['select'][0]];
-};
-interface ComboboxProps<M extends boolean = false> extends ComboboxRootProps<M> {
+interface ComboboxProps<M extends boolean = false> extends ComboboxCompactProps<M> {
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<ComboboxUi>;
-  items: ComboboxOptionData[];
-  placeholder?: string;
-  searchPlaceholder?: string;
-  emptyLabel?: string;
-  triggerProps?: ComboboxTriggerProps;
-  portalProps?: ComboboxPortalProps;
-  contentProps?: ComboboxContentProps;
-  viewportProps?: ComboboxViewportProps;
-  inputProps?: ComboboxInputProps;
-  emptyProps?: ComboboxEmptyProps;
-  groupProps?: ComboboxGroupProps;
-  groupLabelProps?: ComboboxGroupLabelProps;
-  itemProps?: ComboboxItemProps;
-  itemIndicatorProps?: ComboboxItemIndicatorProps;
-  separatorProps?: ComboboxSeparatorProps;
 }
-type ComboboxEmits<M extends boolean = false> = ComboboxRootEmits<M> & ComboboxContentEmits & ComboboxItemEmits;
+type ComboboxEmits<M extends boolean = false> = ComboboxCompactEmits<M>;
+type ComboboxSlots<M extends boolean = false> = ComboboxCompactSlots<M>;
 //#endregion
-export { ComboboxEmits, ComboboxGroupOptionData, ComboboxGroupOptionEmits, ComboboxGroupOptionProps, ComboboxOptionData, ComboboxOptionEmits, ComboboxOptionProps, ComboboxProps, ComboboxSingleOptionData, ComboboxSingleOptionEmits, ComboboxSingleOptionProps };
+export { ComboboxEmits, ComboboxProps, ComboboxSlots };

package/dist/components/combobox/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{trigger:[`flex w-full items-center justify-between rounded-md border border-input bg-background transition-all-150`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30 focus:ring-3 focus:ring-offset-background focus:ring-primary/30 disabled:pointer-events-none disabled:opacity-50`,`data-[placeholder]:text-muted-foreground`],triggerIcon:`shrink-0 text-muted-foreground opacity-70`,positioner:``,popup:[`relative z-50 min-w-32 rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:`overflow-x-hidden overflow-y-auto`,inputRoot:`group flex items-center border-b`,inputControl:`flex w-full rounded-md bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`,group:`overflow-hidden text-foreground`,groupLabel:`font-medium text-muted-foreground`,item:[`relative flex w-full cursor-default select-none items-center rounded-sm outline-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemIndicator:`ml-auto shrink-0 text-muted-foreground`,empty:`py-4 text-center text-sm text-muted-foreground`,separator:`h-px bg-muted`},variants:{size:{xs:{trigger:`h-6 gap-1 px-1.5 text-2xs`,triggerIcon:`text-3xs`,popup:`w-[--soybean-combobox-trigger-width] text-2xs`,inputRoot:`px-1.5 py-0.5`,inputControl:`h-6`,viewport:`max-h-70 p-0.75`,groupLabel:`p-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.375`},sm:{trigger:`h-7 gap-1.5 px-2 text-xs`,triggerIcon:`text-2xs`,popup:`w-[--soybean-combobox-trigger-width] text-xs`,inputRoot:`px-2 py-0.625`,inputControl:`h-7`,viewport:`max-h-75 p-0.875`,groupLabel:`p-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1`,separator:`-mx-0.875 my-0.4375`},md:{trigger:`h-8 gap-2 px-2.5 text-sm`,triggerIcon:`text-xs`,popup:`w-[--soybean-combobox-trigger-width] text-sm`,inputRoot:`px-2.5 py-0.75`,inputControl:`h-8`,viewport:`max-h-80 p-1`,groupLabel:`p-1.75 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-0.5`},lg:{trigger:`h-9 gap-2.5 px-3 text-base`,triggerIcon:`text-sm`,popup:`w-[--soybean-combobox-trigger-width] text-base`,inputRoot:`px-3 py-0.875`,inputControl:`h-9`,viewport:`max-h-90 p-1.25`,groupLabel:`p-2 text-sm`,item:`gap-2.5 px-2.5 py-1.5`,separator:`-mx-1.25 my-0.625`},xl:{trigger:`h-10 gap-3 px-3.5 text-lg`,triggerIcon:`text-base`,popup:`w-[--soybean-combobox-trigger-width] text-lg`,inputRoot:`px-3.5 py-1`,inputControl:`h-10`,viewport:`max-h-100 p-1.5`,groupLabel:`p-2.5 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-0.75`},"2xl":{trigger:`h-12 gap-3.5 px-4 text-xl`,triggerIcon:`text-lg`,popup:`w-[--soybean-combobox-trigger-width] text-xl`,inputRoot:`px-4 py-1.25`,inputControl:`h-12`,viewport:`max-h-115 p-1.75`,groupLabel:`p-3 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-0.875`}}},defaultVariants:{size:`md`}});export{t as comboboxVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{anchor:``,trigger:[`flex w-full items-center justify-between rounded-md border border-input bg-background transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30 focus:ring-3 focus:ring-offset-background focus:ring-primary/30 disabled:pointer-events-none disabled:opacity-50`,`data-[placeholder]:text-muted-foreground`],triggerIcon:`shrink-0 text-muted-foreground opacity-70`,cancel:[`flex shrink-0 items-center justify-center rounded-md bg-transparent text-accent-foreground hover:bg-accent-foreground/10 active:bg-accent-foreground/20`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-accent-foreground/20`,`disabled:cursor-not-allowed disabled:opacity-40`],positioner:``,popup:[`relative z-50 min-w-32 w-[--soybean-combobox-trigger-width] rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`fill-popover`,viewport:`overflow-x-hidden overflow-y-auto`,inputRoot:`group flex items-center border-b`,inputControl:`flex w-full rounded-md bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`,group:`overflow-hidden text-foreground`,groupLabel:`font-medium text-muted-foreground`,item:[`relative flex w-full cursor-default select-none items-center rounded-sm outline-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemIndicator:`ms-auto shrink-0 text-muted-foreground`,empty:`py-4 text-center text-sm text-muted-foreground`,separator:`h-px bg-muted`},variants:{size:{xs:{trigger:`h-6 gap-1 px-1.5 text-2xs`,triggerIcon:`text-3xs`,popup:`text-2xs`,cancel:`p-0.75`,inputRoot:`px-1.5 py-0.5`,inputControl:`h-6`,viewport:`max-h-70 p-0.75`,groupLabel:`p-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.375`},sm:{trigger:`h-7 gap-1.5 px-2 text-xs`,triggerIcon:`text-2xs`,popup:`text-xs`,cancel:`p-0.875`,inputRoot:`px-2 py-0.625`,inputControl:`h-7`,viewport:`max-h-75 p-0.875`,groupLabel:`p-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1`,separator:`-mx-0.875 my-0.4375`},md:{trigger:`h-8 gap-2 px-2.5 text-sm`,triggerIcon:`text-xs`,popup:`text-sm`,cancel:`p-1`,inputRoot:`px-2.5 py-0.75`,inputControl:`h-8`,viewport:`max-h-80 p-1`,groupLabel:`p-1.75 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-0.5`},lg:{trigger:`h-9 gap-2.5 px-3 text-base`,triggerIcon:`text-sm`,popup:`text-base`,cancel:`p-1.25`,inputRoot:`px-3 py-0.875`,inputControl:`h-9`,viewport:`max-h-90 p-1.25`,groupLabel:`p-2 text-sm`,item:`gap-2.5 px-2.5 py-1.5`,separator:`-mx-1.25 my-0.625`},xl:{trigger:`h-10 gap-3 px-3.5 text-lg`,triggerIcon:`text-base`,popup:`text-lg`,cancel:`p-1.5`,inputRoot:`px-3.5 py-1`,inputControl:`h-10`,viewport:`max-h-100 p-1.5`,groupLabel:`p-2.5 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-0.75`},"2xl":{trigger:`h-12 gap-3.5 px-4 text-xl`,triggerIcon:`text-lg`,popup:`text-xl`,cancel:`p-1.75`,inputRoot:`px-4 py-1.25`,inputControl:`h-12`,viewport:`max-h-115 p-1.75`,groupLabel:`p-3 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-0.875`}}},defaultVariants:{size:`md`}});export{t as comboboxVariants};

package/dist/components/command/command.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{provideCommandExtraUi as n}from"./context.js";import{commandVariants as r}from"./variants.js";import i from"./command-option.js";import{getCommandHighlightSearchOption as a,getCommandItemOptions as o,getCommandSearchOptions as s}from"./shared.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxUi as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";const R=h({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`class`,`size`,`ui`,`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>s(z.items)),G),q=l(()=>o(K.value.map(e=>a(e.item,W.value)))),J=l(()=>e(r({size:z.size}),z.ui,{root:z.class})),Y=l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``})),X=l(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder}));return F(Y),n(J),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(X.value,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(i,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16),C(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as n}from"../kbd/variants.js";import{commandVariants as r}from"./variants.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{CommandCompact as x,provideCommandUi as S}from"@soybeanjs/headless";import{keysOf as C}from"@soybeanjs/utils";const w=c({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},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(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=i(()=>C(D));return S(i(()=>t(e(r({size:T.size}),{shortcut:n({size:T.size})}),T.ui,{root:T.class}))),(e,t)=>(f(),a(g(x),u(g(O),{items:c.items},h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[o(` @vue-ignore ignore vue slot props type `),m(e.$slots,t,d(l(n)))])}))]),1040,[`items`]))}});export{w as default};

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

@@ -1,10 +1,10 @@
-import { CommandBaseOptionData, CommandProps } from "./types.js";
+import { CommandProps, CommandSingleOptionData, CommandSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
-declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOptionData>(__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<{
+declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOptionData>(__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<CommandProps<T> & {
     onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -17,27 +17,7 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    'input-leading'?: (props: {}) => any;
-  } & {
-    'input-trailing'?: (props: {}) => any;
-  } & {
-    empty?: (props: {}) => any;
-  } & {
-    'item-leading'?: (props: {
-      item: CommandBaseOptionData;
-    }) => any;
-  } & {
-    'item-trailing'?: (props: {
-      item: CommandBaseOptionData;
-    }) => any;
-  } & {
-    'item-label'?: (props: {
-      item: CommandBaseOptionData;
-    }) => any;
-  } & {
-    bottom?: (props: {}) => any;
-  };
+  slots: CommandSlots<T>;
   emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -1,2 +1,4 @@
-import { CommandBaseOptionData, CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, CommandGroupLabelProps, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot } from "./types.js";
-import { _default } from "./command.vue.js";
+import { CommandEmits, CommandGroupOptionData, CommandOptionData, CommandProps, CommandSearchOptionData, CommandSingleOptionData as CommandSingleOptionData$1, CommandSlots, CommandUi, HeadlessCommandUi } from "./types.js";
+import { _default } from "./command.vue.js";
+import { CommandEmptyProps, CommandGroupLabelProps, CommandGroupProps, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandRootEmits, CommandRootProps, CommandSeparatorProps, CommandShortcutProps } from "@soybeanjs/headless/command";
+export { type CommandEmptyProps, type CommandGroupLabelProps, type CommandGroupProps, type CommandInputProps, type CommandItemEmits, type CommandItemLabelProps, type CommandItemProps, type CommandListProps, type CommandRootEmits, type CommandRootProps, type CommandSeparatorProps, type CommandShortcutProps };

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

@@ -1,98 +1,16 @@
 import { ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
-import { HTMLAttributes } from "vue";
-import { ClassValue, KbdProps, KbdValue, ListboxContentProps as CommandListProps, ListboxFilterProps as CommandInputProps, ListboxGroupLabelProps as CommandGroupLabelProps, ListboxGroupProps as CommandGroupProps, ListboxItemEmits as CommandItemEmits, ListboxItemProps as CommandItemProps, ListboxRootEmits as CommandRootEmits, ListboxRootProps as CommandRootProps, ListboxUiSlot, SeparatorRootProps, UiClass } from "@soybeanjs/headless";
-import { UseFuseOptions } from "@vueuse/integrations/useFuse";
+import { ClassValue } from "@soybeanjs/headless";
+import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandGroupOptionData, CommandOptionData, CommandSearchOptionData, CommandSingleOptionData, CommandSingleOptionData as CommandSingleOptionData$1, CommandUi as HeadlessCommandUi } from "@soybeanjs/headless/command";
 
 //#region src/components/command/types.d.ts
-interface CommandBaseOptionData extends Pick<CommandItemProps, 'value' | 'disabled'> {
-  /**
-   * The icon of the command item.
-   *
-   * if it is a string, it will be used as the icon name of the iconify.
-   */
-  icon?: IconValue;
-  /** The label to display in the command item. */
-  label: string;
-  /** whether to show a separator above this option */
-  separator?: boolean;
-  /** The shortcut of the command item. */
-  shortcut?: KbdValue | KbdValue[];
-}
-type CommandOptionData<T extends CommandBaseOptionData = CommandBaseOptionData> = T & {
-  /**
-   * The group option data. only the first level can be a group.
-   */
-  items?: T[];
-};
-interface CommandItemLabelProps extends /** @vue-ignore */HTMLAttributes {}
-interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
-interface CommandSeparatorProps extends SeparatorRootProps {}
-interface CommandSingleOptionProps extends Omit<CommandItemProps, 'value' | 'disabled'> {
-  item: CommandBaseOptionData;
-  itemLabelProps?: CommandItemLabelProps;
-  shortcutProps?: CommandShortcutProps;
-  separatorProps?: CommandSeparatorProps;
-}
-type CommandSingleOptionEmits = CommandItemEmits;
-interface CommandGroupOptionProps extends Omit<CommandGroupProps, 'onSelect'> {
-  item: CommandOptionData;
-  groupLabelProps?: CommandGroupLabelProps;
-  itemProps?: CommandItemProps;
-  itemLabelProps?: CommandItemLabelProps;
-  shortcutProps?: CommandShortcutProps;
-  separatorProps?: CommandSeparatorProps;
-}
-type CommandGroupOptionEmits = CommandItemEmits;
-interface CommandOptionProps {
-  item: CommandOptionData;
-  groupProps?: CommandGroupProps;
-  groupLabelProps?: CommandGroupLabelProps;
-  itemProps?: CommandItemProps;
-  itemLabelProps?: CommandItemLabelProps;
-  shortcutProps?: CommandShortcutProps;
-  separatorProps?: CommandSeparatorProps;
-}
-type CommandOptionEmits = CommandItemEmits;
-interface CommandSearchOptionData extends CommandBaseOptionData {
-  groupValue?: string;
-  groupLabel?: string;
-  groupSeparator?: boolean;
-}
-interface CommandHighlightSearchOptionData extends CommandSearchOptionData {
-  labelHtml?: string;
-}
-interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
-type CommandUiSlot = Extract<ListboxUiSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl';
-type CommandExtraUiSlot = 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
-type CommandExtraUi = UiClass<CommandExtraUiSlot>;
-type CommandUi = UiClass<CommandUiSlot | CommandExtraUiSlot>;
-interface CommandProps<T extends CommandBaseOptionData = CommandBaseOptionData> extends Omit<CommandRootProps, 'onSelect'> {
-  /**
-   * root class
-   */
+type CommandUi = HeadlessCommandUi;
+interface CommandProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends CommandCompactProps<T> {
+  /** Root class. */
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<CommandUi>;
-  items: CommandOptionData<T>[];
-  placeholder?: string;
-  searchTerm?: string;
-  clearable?: boolean;
-  fuseOptions?: UseFuseOptions<CommandSearchOptionData>;
-  listProps?: CommandListProps;
-  itemProps?: CommandItemProps;
-  itemLabelProps?: CommandItemLabelProps;
-  groupProps?: CommandGroupProps;
-  groupLabelProps?: CommandGroupLabelProps;
-  shortcutProps?: CommandShortcutProps;
-  separatorProps?: CommandSeparatorProps;
-  inputProps?: CommandInputProps;
-  emptyProps?: CommandEmptyProps;
-  emptyLabel?: string;
 }
-type CommandSearchTermEmits = {
-  'update:searchTerm': [value: string];
-};
-type CommandEmits = CommandRootEmits & CommandOptionEmits & CommandSearchTermEmits;
+type CommandEmits = CommandCompactEmits;
+type CommandSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = CommandCompactSlots<T>;
 //#endregion
-export { CommandBaseOptionData, CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, type CommandGroupLabelProps, CommandGroupOptionEmits, CommandGroupOptionProps, type CommandGroupProps, CommandHighlightSearchOptionData, type CommandInputProps, type CommandItemEmits, CommandItemLabelProps, type CommandItemProps, type CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, type CommandRootEmits, type CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot };
+export { CommandEmits, type CommandGroupOptionData, type CommandOptionData, CommandProps, type CommandSearchOptionData, type CommandSingleOptionData$1 as CommandSingleOptionData, CommandSlots, CommandUi, type HeadlessCommandUi };

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

@@ -1 +1 @@
-import{themeSizes as e}from"../../constants/common.js";import t from"../alert-dialog/dialog-provider.js";import n from"../progress/loading-bar.js";import r from"../toast/toaster.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,h as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{ConfigProvider as C,Primitive as w}from"@soybeanjs/headless";import{useStorage as T}from"@vueuse/core";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=u({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},loadingBar:{},toast:{},customToast:{type:Boolean},dir:{default:`ltr`},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{}},setup(u){let k=u,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`loadingBar`,`toast`,`customToast`]),j=k.iconRender??(e=>f(a,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>M(k.theme,k.theme.radius),P=T(`__SoybeanUI_themeVars`,N());function F(t){if(!E)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return y(()=>k.size,e=>{F(e)},{immediate:!0,flush:`sync`}),b(()=>{P.value=N()}),(e,i)=>(h(),o(v(C),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(w),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),l(t,null,{default:x(()=>[l(n,m(d(u.loadingBar)),{default:x(()=>[g(e.$slots,`default`)]),_:3},16)]),_:3}),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16))]),_:3},16,[`icon-render`]))}});export{k as default};
+import{themeSizes as e}from"../../constants/common.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toaster.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,h as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{ConfigProvider as C,Primitive as w}from"@soybeanjs/headless";import{useStorage as T}from"@vueuse/core";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=u({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{default:`ltr`},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{}},setup(u){let k=u,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>f(a,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>M(k.theme,k.theme.radius),P=T(`__SoybeanUI_themeVars`,N());function F(t){if(!E)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return y(()=>k.size,e=>{F(e)},{immediate:!0,flush:`sync`}),b(()=>{P.value=N()}),(e,i)=>(h(),o(v(C),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(w),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),g(e.$slots,`default`),l(n,m(d(k.progress)),null,16),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16)),l(t)]),_:3},16,[`icon-render`]))}});export{k as default};

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

@@ -5,9 +5,9 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import * as _$_soybeanjs_shadcn_theme0 from "@soybeanjs/shadcn-theme";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
-declare var __VLS_26: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_26) => any;
+  default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
   size: ThemeSize;

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

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { LoadingBarProviderProps } from "../progress/types.js";
+import { ProgressProviderProps } from "../progress/types.js";
 import { ToasterProps as ToasterProps$1 } from "../toast/types.js";
 import { ConfigProviderProps, PropsToContext } from "@soybeanjs/headless";
 import { ThemeOptions } from "@soybeanjs/shadcn-theme";
@@ -25,7 +25,8 @@ interface ConfigProviderProps$1 extends ConfigProviderProps {
      */
     height?: string;
   };
-  loadingBar?: LoadingBarProviderProps;
+  /** The global top progress configuration of your application. */
+  progress?: Partial<ProgressProviderProps>;
   /** The global toast configuration of your application. This will be inherited by the related components. */
   toast?: Partial<ToasterProps$1>;
   /**

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

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ContextMenuCheckboxCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`,`indicatorPosition`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};
+import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ContextMenuCheckboxCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`,`indicatorPosition`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};

package/dist/components/context-menu/context-menu-checkbox.vue.d.ts

@@ -7,6 +7,7 @@ import { DefinedValue } from "@soybeanjs/headless";
 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<ContextMenuCheckboxProps<T> & {
     onSelect?: ((item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -14,7 +15,6 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.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: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -7,6 +7,7 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless";
 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<ContextMenuRadioProps<T> & {
     onSelect?: ((item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -14,7 +15,6 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.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: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,toHandlers as o,unref as s,withCtx as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{ContextMenuWrapperCompact as d}from"@soybeanjs/headless";const f=n({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(n,{emit:f}){let p=n,m=f,h=u(p,[`class`,`size`,`ui`,`indicatorPosition`]),g=l(m);return e(()=>p),(e,n)=>(i(),t(s(d),r(s(h),o(s(g))),{trigger:c(()=>[a(e.$slots,`trigger`)]),default:c(()=>[a(e.$slots,`default`)]),_:3},16))}});export{f as default};
+import{provideMenuUi as e}from"../menu/context.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,toHandlers as o,unref as s,withCtx as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{ContextMenuWrapperCompact as d}from"@soybeanjs/headless";const f=n({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(n,{emit:f}){let p=n,m=f,h=u(p,[`class`,`size`,`ui`,`indicatorPosition`]),g=l(m);return e(()=>p),(e,n)=>(i(),t(s(d),r(s(h),o(s(g))),{trigger:c(()=>[a(e.$slots,`trigger`)]),default:c(()=>[a(e.$slots,`default`)]),_:3},16))}});export{f as default};

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

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ContextMenuCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenu`,__name:`context-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};
+import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ContextMenuCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenu`,__name:`context-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};