@soybeanjs/ui 0.13.8 → 0.15.0-beta.1

package/dist/components/color-swatch-picker/variants.d.ts

@@ -0,0 +1,153 @@
+import * as _$tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/color-swatch-picker/variants.d.ts
+declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    sm: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    md: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    lg: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    xl: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    '2xl': {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+  };
+  shape: {
+    square: {
+      item: string;
+    };
+    circle: {
+      item: string;
+    };
+  };
+}, {
+  root: string;
+  item: string[];
+  itemIndicator: string;
+  swatch: string[];
+  checker: string;
+  fill: string;
+}, undefined, {
+  size: {
+    xs: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    sm: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    md: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    lg: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    xl: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    '2xl': {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+  };
+  shape: {
+    square: {
+      item: string;
+    };
+    circle: {
+      item: string;
+    };
+  };
+}, {
+  root: string;
+  item: string[];
+  itemIndicator: string;
+  swatch: string[];
+  checker: string;
+  fill: string;
+}, _$tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    sm: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    md: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    lg: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    xl: {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+    '2xl': {
+      root: string;
+      item: string;
+      itemIndicator: string;
+    };
+  };
+  shape: {
+    square: {
+      item: string;
+    };
+    circle: {
+      item: string;
+    };
+  };
+}, {
+  root: string;
+  item: string[];
+  itemIndicator: string;
+  swatch: string[];
+  checker: string;
+  fill: string;
+}, undefined, unknown, unknown, undefined>>;
+type ColorSwatchPickerVariants = VariantProps<typeof colorSwatchPickerVariants>;
+type ColorSwatchPickerShape = NonNullable<ColorSwatchPickerVariants['shape']>;
+//#endregion
+export { ColorSwatchPickerShape };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`grid`,item:[`relative inline-flex items-center justify-center rounded-full outline-none transition-[transform,box-shadow] duration-150`,`hover:scale-110 data-[highlighted]:scale-105 data-[disabled]:opacity-50`],itemIndicator:`pointer-events-none absolute inset-0 flex justify-center items-center text-muted`,swatch:[`relative isolate inline-flex size-full overflow-hidden rounded-[inherit] border border-input bg-background shadow-sm`,`data-[no-color]:bg-muted/40`],checker:`absolute inset-0 bg-[linear-gradient(45deg,rgba(0,0,0,0.08)_25%,transparent_25%,transparent_75%,rgba(0,0,0,0.08)_75%),linear-gradient(45deg,rgba(0,0,0,0.08)_25%,transparent_25%,transparent_75%,rgba(0,0,0,0.08)_75%)] bg-[length:8px_8px] bg-[position:0_0,4px_4px]`,fill:`absolute inset-0 bg-[var(--soybean-color-swatch-color)]`},variants:{size:{xs:{root:`grid-cols-[repeat(auto-fill,minmax(1.25rem,1fr))] gap-1.5 text-2xs`,item:`size-5`,itemIndicator:`text-4xs`},sm:{root:`grid-cols-[repeat(auto-fill,minmax(1.375rem,1fr))] gap-1.75 text-xs`,item:`size-5.5`,itemIndicator:`text-3xs`},md:{root:`grid-cols-[repeat(auto-fill,minmax(1.5rem,1fr))] gap-2 text-sm`,item:`size-6`,itemIndicator:`text-2xs`},lg:{root:`grid-cols-[repeat(auto-fill,minmax(1.625rem,1fr))] gap-2.5 text-base`,item:`size-6.5`,itemIndicator:`text-xs`},xl:{root:`grid-cols-[repeat(auto-fill,minmax(1.75rem,1fr))] gap-3 text-lg`,item:`size-7`,itemIndicator:`text-sm`},"2xl":{root:`grid-cols-[repeat(auto-fill,minmax(2rem,1fr))] gap-4 text-xl`,item:`size-8`,itemIndicator:`text-base`}},shape:{square:{item:`rounded-md`},circle:{item:`rounded-full`}}},defaultVariants:{size:`md`,shape:`square`}});export{t as colorSwatchPickerVariants};

package/dist/components/combobox/combobox-group-option.js

@@ -0,0 +1 @@
+import e from"./combobox-single-option.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{ComboboxGroup as _,ComboboxGroupLabel as v,ComboboxSeparator as y}from"@soybeanjs/headless";const b=s({name:`SComboboxGroupOption`,__name:`combobox-group-option`,props:{item:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{}},emits:[`itemSelect`],setup(s,{emit:b}){let x=b,S=e=>{x(`itemSelect`,e)};return(b,x)=>(d(),i(t,null,[s.item.separator?(d(),n(h(y),u(l({key:0},s.separatorProps)),null,16)):r(`v-if`,!0),o(h(_),u(c(b.$attrs)),{default:g(()=>[o(h(v),u(c(s.groupLabelProps)),{default:g(()=>[p(b.$slots,`group-label`,{item:s.item},()=>[a(m(s.item.label),1)])]),_:3},16),(d(!0),i(t,null,f(s.item.items,t=>(d(),n(e,l({ref_for:!0},s.itemProps,{key:t.value,item:t,"item-indicator-props":s.itemIndicatorProps,"separator-props":s.separatorProps,onItemSelect:S}),{"item-leading":g(e=>[p(b.$slots,`item-leading`,{item:e.item})]),"item-text":g(e=>[p(b.$slots,`item-text`,{item:e.item})]),"item-trailing":g(e=>[p(b.$slots,`item-trailing`,{item:e.item})]),"item-indicator":g(e=>[p(b.$slots,`item-indicator`,{item:e.item})]),_:3},16,[`item`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16)],64))}});export{b as default};

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

@@ -0,0 +1 @@
+import e from"./combobox-single-option.js";import t from"./combobox-group-option.js";import{isGroupOption as n}from"./shared.js";import{computed as r,createBlock as i,createSlots as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toDisplayString as m,unref as h,useSlots as g,withCtx as _}from"vue";const v=s({name:`SComboboxOption`,__name:`combobox-option`,props:{item:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{}},emits:[`itemSelect`],setup(s,{emit:v}){let y=v,b=g(),x=r(()=>Object.keys(b).filter(e=>e!==`group-label`)),S=e=>{y(`itemSelect`,e)};return(r,g)=>h(n)(s.item)?(d(),i(t,l({key:0},s.groupProps,{item:s.item,"group-label-props":s.groupLabelProps,"item-props":s.itemProps,"item-indicator-props":s.itemIndicatorProps,"separator-props":s.separatorProps,onItemSelect:S}),a({"group-label":_(()=>[p(r.$slots,`group-label`,{item:s.item},()=>[o(m(s.item.label),1)])]),_:2},[f(x.value,e=>({name:e,fn:_(t=>[p(r.$slots,e,u(c(t)))])}))]),1040,[`item`,`group-label-props`,`item-props`,`item-indicator-props`,`separator-props`])):(d(),i(e,l({key:1},s.itemProps,{item:s.item,"item-indicator-props":s.itemIndicatorProps,"separator-props":s.separatorProps,onItemSelect:S}),a({_:2},[f(x.value,e=>({name:e,fn:_(()=>[p(r.$slots,e,{item:s.item})])}))]),1040,[`item`,`item-indicator-props`,`separator-props`]))}});export{v as default};

package/dist/components/combobox/combobox-single-option.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,withCtx as g}from"vue";import{ComboboxItem as _,ComboboxItemIndicator as v,ComboboxSeparator as y}from"@soybeanjs/headless";const b={class:`truncate`},x=s({name:`SComboboxSingleOption`,inheritAttrs:!1,__name:`combobox-single-option`,props:{item:{},itemIndicatorProps:{},separatorProps:{}},emits:[`itemSelect`],setup(s,{emit:x}){let S=x,C=h();return(h,x)=>(d(),i(t,null,[s.item.separator?(d(),n(m(y),u(l({key:0},s.separatorProps)),null,16)):r(`v-if`,!0),o(m(_),l(m(C),{value:s.item.value,"text-value":s.item.textValue??s.item.label,disabled:s.item.disabled,onSelect:x[0]||=e=>S(`itemSelect`,e)}),{default:g(()=>[f(h.$slots,`item-leading`,{item:s.item},()=>[s.item.icon?(d(),n(e,{key:0,icon:s.item.icon,"aria-hidden":!0},null,8,[`icon`])):r(`v-if`,!0)]),f(h.$slots,`item-text`,{item:s.item},()=>[a(`span`,b,p(s.item.label),1)]),f(h.$slots,`item-trailing`,{item:s.item}),o(m(v),u(c(s.itemIndicatorProps)),{default:g(()=>[f(h.$slots,`item-indicator`,{item:s.item},()=>[o(e,{icon:`lucide:check`,"aria-hidden":!0})])]),_:3},16)]),_:3},16,[`value`,`text-value`,`disabled`])],64))}});export{x as default};

package/dist/components/combobox/combobox.js

@@ -0,0 +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};

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

@@ -0,0 +1,76 @@
+import { ComboboxGroupOptionData, ComboboxProps, ComboboxSingleOptionData } 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/combobox/combobox.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<ComboboxProps<M> & {
+    onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    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;
+    onHighlight?: ((payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onLeave?: ((event: Event) => 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: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,4 @@
+import { ComboboxEmits, ComboboxGroupOptionData, ComboboxGroupOptionEmits, ComboboxGroupOptionProps, ComboboxOptionData, ComboboxOptionEmits, ComboboxOptionProps, ComboboxProps, ComboboxSingleOptionData, ComboboxSingleOptionEmits, ComboboxSingleOptionProps } 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 };

package/dist/components/combobox/index.js

@@ -0,0 +1 @@
+import"./combobox.js";

package/dist/components/combobox/shared.js

@@ -0,0 +1 @@
+function e(e){return`items`in e}function t(t){return t.flatMap(t=>e(t)?t.items:t)}function n(e,n){let r=Array.isArray(e)?e:e?[e]:[],i=new Map;return t(n).forEach(e=>{i.set(e.value,e.label)}),r.map(e=>i.get(e)??e)}export{n as getSelectedLabels,e as isGroupOption};

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

@@ -0,0 +1,68 @@
+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";
+
+//#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> {
+  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;
+//#endregion
+export { ComboboxEmits, ComboboxGroupOptionData, ComboboxGroupOptionEmits, ComboboxGroupOptionProps, ComboboxOptionData, ComboboxOptionEmits, ComboboxOptionProps, ComboboxProps, ComboboxSingleOptionData, ComboboxSingleOptionEmits, ComboboxSingleOptionProps };

package/dist/components/combobox/variants.js

@@ -0,0 +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};

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

@@ -1,14 +1,14 @@
 import { CommandBaseOptionData, CommandProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+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<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
-    onSelect?: ((event: _soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
+    onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
+    onHighlight?: ((payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
   } & {
     bottom?: (props: {}) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
-}>) => vue.VNode & {
+  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

@@ -1,23 +1,23 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
-import * as _soybeanjs_shadcn_theme0 from "@soybeanjs/shadcn-theme";
+import * as _$vue from "vue";
+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: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: vue.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
   size: ThemeSize;
-  dir: _soybeanjs_headless0.Direction;
-  theme: _soybeanjs_shadcn_theme0.ThemeOptions;
+  dir: _$_soybeanjs_headless0.Direction;
+  theme: _$_soybeanjs_shadcn_theme0.ThemeOptions;
   iconify: {
     width?: string;
     height?: string;
   };
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

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

@@ -1 +1 @@
-import{computed as e,toValue as t}from"vue";import{useContext as n}from"@soybeanjs/headless/composables";const[r,i]=n(`UiConfigProvider`);function a(n){let r=i();return e(()=>t(n)||r?.size?.value||`md`)}export{r as provideConfigProviderContext,i as useConfigProvider,a as useThemeSize};
+import"vue";import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`UiConfigProvider`);export{t as provideConfigProviderContext,n as useConfigProvider};

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

@@ -1,5 +1,6 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ToastProviderProps as ToastProviderProps$1 } from "../toast/types.js";
+import { LoadingBarProviderProps } 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";
 
@@ -24,7 +25,18 @@ interface ConfigProviderProps$1 extends ConfigProviderProps {
      */
     height?: string;
   };
-  toast?: ToastProviderProps$1;
+  loadingBar?: LoadingBarProviderProps;
+  /** The global toast configuration of your application. This will be inherited by the related components. */
+  toast?: Partial<ToasterProps$1>;
+  /**
+   * Whether to use custom toast rendering. If set to `true`, the `Toaster` will not render the default toast UI, and you can import `Toaster` component to render custom toast UI.
+   *
+   * [是否使用自定义吐司渲染。如果设置为 `true`，`Toaster` 将不会渲染默认的吐司 UI，你可以导入 `Toaster` 组件来渲染自定义的吐司 UI。]
+   *
+   * @default false
+   * @type boolean
+   */
+  customToast?: boolean;
 }
 //#endregion
 export { ConfigProviderProps$1 as ConfigProviderProps, type ThemeOptions };

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

@@ -1 +1 @@
-import e from"./context-menu-wrapper.js";import t from"../menu/menu-checkbox-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";const b=o({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},indicatorPosition:{},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(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`indicatorPosition`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b 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},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

@@ -1,36 +1,29 @@
-import { MenuCheckboxOptionData } from "../menu/types.js";
-import { ContextMenuCheckboxProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { ContextMenuCheckboxProps, ContextMenuCheckboxSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-checkbox.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__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, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
+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:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    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;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    'item-trailing': (props: S) => any;
-    'item-indicator-icon': (props: S) => any;
-  };
-  emit: ((evt: "select", item: S, 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: _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);
-}>) => vue.VNode & {
+  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);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"./context-menu-wrapper.js";import t from"../menu/menu-radio-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";const b=o({name:`SContextMenuRadio`,__name:`context-menu-radio`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},indicatorPosition:{},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(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b 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},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

@@ -1,36 +1,29 @@
-import { MenuRadioOptionData } from "../menu/types.js";
-import { ContextMenuRadioProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { ContextMenuRadioProps, ContextMenuRadioSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-radio.vue.d.ts
-declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__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, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
+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:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    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;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    'item-trailing': (props: S) => any;
-    'item-indicator-icon': (props: S) => any;
-  };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => 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);
-}>) => vue.VNode & {
+  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);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideMenuExtraUi as t}from"../menu/context.js";import{menuVariants as n}from"../menu/variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ContextMenuArrow as v,ContextMenuContent as y,ContextMenuPortal as b,ContextMenuRoot as x,ContextMenuTrigger as S,Slot as C,provideMenuUi as w}from"@soybeanjs/headless";const T=s({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},indicatorPosition:{},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(s,{emit:T}){let E=s,D=T,O=_(E,[`class`,`size`,`ui`,`disabled`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),k=g(D),A=r(()=>({...E.contentProps,popupProps:E.popupProps??E.contentProps?.popupProps})),j=r(()=>e(n({size:E.size,indicatorPosition:E.indicatorPosition}),E.ui,{popup:E.class}));return w(j),t(j),(e,t)=>(d(),i(m(x),l(m(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[o(m(C),{size:s.size},{default:h(()=>[f(e.$slots,`trigger`)]),_:3},8,[`size`])]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(A.value,p(m(k))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T 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}},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};