@soybeanjs/ui 0.15.5 → 0.17.0

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},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};
+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/color-swatch-picker";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/color-swatch-picker/color-swatch-picker.vue.d.ts

@@ -16,14 +16,14 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<ColorSwatchPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (event: _$_soybeanjs_headless0.SelectEvent<string>) => any;
   "update:modelValue": (value: string | string[]) => any;
-  entryFocus: (event: CustomEvent<any>) => any;
   highlight: (payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any;
+  entryFocus: (event: CustomEvent<any>) => any;
   leave: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSwatchPickerProps> & Readonly<{
   onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
-  onEntryFocus?: ((event: CustomEvent<any>) => 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;
 }>, {
   shape: ColorSwatchPickerShape;

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

@@ -1,5 +1,4 @@
 import { ColorSwatchPickerShape } from "./variants.js";
 import { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps } from "./types.js";
 import { _default } from "./color-swatch-picker.vue.js";
-import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
-export { type ColorSwatchPickerItemEmits, type ColorSwatchPickerItemIndicatorProps, type ColorSwatchPickerItemProps, type ColorSwatchPickerItemSwatchProps, type ColorSwatchPickerRootEmits, type ColorSwatchPickerRootProps, type ColorSwatchPickerUi, type ColorSwatchPickerUiSlot };
+export * from "@soybeanjs/headless/color-swatch-picker";

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

@@ -1,20 +1,57 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ColorSwatchPickerShape } from "./variants.js";
-import { ClassValue, ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUiSlot, UiClass } from "@soybeanjs/headless";
+import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
+import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/color-swatch-picker/types.d.ts
+/**
+ * Additional UI slots for the color swatch picker component.
+ */
 type ColorSwatchPickerExtraUiSlot = 'checker' | 'fill';
+/**
+ * Extended UI class overrides for the color swatch picker component.
+ */
 type ColorSwatchPickerExtendedUi = UiClass<ColorSwatchPickerUiSlot | ColorSwatchPickerExtraUiSlot>;
+/**
+ * Props for the color swatch picker component.
+ */
 interface ColorSwatchPickerProps extends ColorSwatchPickerRootProps<boolean> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ColorSwatchPickerExtendedUi>;
+  /**
+   * Colors.
+   */
   colors?: string[];
+  /**
+   * Shape of the component.
+   */
   shape?: ColorSwatchPickerShape;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: Omit<ColorSwatchPickerItemProps, 'value'>;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: ColorSwatchPickerItemIndicatorProps;
+  /**
+   * Props forwarded to the swatch element.
+   */
   swatchProps?: ColorSwatchPickerItemSwatchProps;
 }
+/**
+ * Emits for the color swatch picker component.
+ */
 type ColorSwatchPickerEmits = ColorSwatchPickerRootEmits<boolean> & ColorSwatchPickerItemEmits;
 //#endregion
 export { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps };

package/dist/components/combobox/combobox.js

@@ -1 +1 @@
-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};
+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{keysOf as y}from"@soybeanjs/utils";import{ComboboxCompact as b,provideComboboxUi as x}from"@soybeanjs/headless/combobox";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(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(b),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/index.d.ts

@@ -1,4 +1,3 @@
 import { ComboboxEmits, ComboboxProps, ComboboxSlots } from "./types.js";
 import { _default } from "./combobox.vue.js";
-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 };
+export * from "@soybeanjs/headless/combobox";

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

@@ -1,14 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxUi } from "@soybeanjs/headless/combobox";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/combobox/types.d.ts
+/**
+ * Props for the combobox component.
+ */
 interface ComboboxProps<M extends boolean = false> extends ComboboxCompactProps<M> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ComboboxUi>;
 }
+/**
+ * Emits for the combobox component.
+ */
 type ComboboxEmits<M extends boolean = false> = ComboboxCompactEmits<M>;
+/**
+ * Slots for the combobox component.
+ */
 type ComboboxSlots<M extends boolean = false> = ComboboxCompactSlots<M>;
 //#endregion
 export { ComboboxEmits, ComboboxProps, ComboboxSlots };

package/dist/components/command/command.js

@@ -1 +1 @@
-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};
+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{keysOf as x}from"@soybeanjs/utils";import{CommandCompact as S,provideCommandUi as C}from"@soybeanjs/headless/command";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(()=>x(D));return C(i(()=>t(e(r({size:T.size}),{shortcut:n({size:T.size})}),T.ui,{root:T.class}))),(e,t)=>(f(),a(g(S),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,6 +1,7 @@
-import { CommandProps, CommandSingleOptionData, CommandSlots } from "./types.js";
+import { CommandProps, CommandSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
+import { CommandSingleOptionData } from "@soybeanjs/headless/command";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
@@ -8,8 +9,8 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   props: _$vue.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
     onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onEntryFocus?: ((event: CustomEvent<any>) => 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;
   }> & (typeof globalThis extends {
@@ -18,7 +19,7 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   expose: (exposed: {}) => void;
   attrs: 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);
+  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>;
 };

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

@@ -1,4 +1,3 @@
-import { CommandEmits, CommandGroupOptionData, CommandOptionData, CommandProps, CommandSearchOptionData, CommandSingleOptionData as CommandSingleOptionData$1, CommandSlots, CommandUi, HeadlessCommandUi } from "./types.js";
+import { CommandEmits, CommandProps, CommandSlots } 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 };
+export * from "@soybeanjs/headless/command";

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

@@ -1,16 +1,30 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
-import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandGroupOptionData, CommandOptionData, CommandSearchOptionData, CommandSingleOptionData, CommandSingleOptionData as CommandSingleOptionData$1, CommandUi as HeadlessCommandUi } from "@soybeanjs/headless/command";
+import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandSingleOptionData, CommandUi } from "@soybeanjs/headless/command";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/command/types.d.ts
-type CommandUi = HeadlessCommandUi;
+/**
+ * Props for the command component.
+ */
 interface CommandProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends CommandCompactProps<T> {
   /** Root class. */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CommandUi>;
 }
+/**
+ * Emits for the command component.
+ */
 type CommandEmits = CommandCompactEmits;
+/**
+ * Slots for the command component.
+ */
 type CommandSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = CommandCompactSlots<T>;
 //#endregion
-export { CommandEmits, type CommandGroupOptionData, type CommandOptionData, CommandProps, type CommandSearchOptionData, type CommandSingleOptionData$1 as CommandSingleOptionData, CommandSlots, CommandUi, type HeadlessCommandUi };
+export { CommandEmits, CommandProps, CommandSlots };

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

@@ -1 +1 @@
-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/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,h as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,watch as _,watchEffect as v,withCtx as y}from"vue";import{useOmitProps as b}from"@soybeanjs/headless/composables";import{ConfigProvider as x}from"@soybeanjs/headless";import{useStorage as S,useStyleTag as C}from"@vueuse/core";import{isClient as w,transformPropsToContext as T}from"@soybeanjs/headless/shared";import{createShadcnTheme as E}from"@soybeanjs/shadcn-theme";const D=l({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(l){let D=l,O=b(D,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),k=D.iconRender??(e=>d(a,{icon:e}));i({...T(D),iconRender:k});let{getCss:A}=E(D.theme),j=()=>A(D.theme,D.theme.radius),M=S(`__SoybeanUI_themeVars`,j());C(M,{id:`__SoybeanUI_themeVars`});function N(t){if(!w)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return _(()=>D.size,e=>{N(e)},{immediate:!0,flush:`sync`}),v(()=>{M.value=j()}),(e,i)=>(m(),o(g(x),f(g(O),{"icon-render":g(k)}),{default:y(()=>[h(e.$slots,`default`),D.customToast?s(`v-if`,!0):(m(),o(r,p(f({key:0},D.toast)),null,16)),c(t),c(n,p(u(D.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{D 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/toast-provider.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{useStorage as C}from"@vueuse/core";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{Primitive as T}from"@soybeanjs/headless/primitive";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=C(`__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(w),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(T),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),g(e.$slots,`default`),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16)),l(t),l(n,m(d(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};

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

@@ -1,22 +1,19 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
+import { ConfigProviderProps } 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 _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => 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;
+declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   dir: _$_soybeanjs_headless0.Direction;
+  size: ThemeSize;
   theme: _$_soybeanjs_shadcn_theme0.ThemeOptions;
-  iconify: {
-    width?: string;
-    height?: string;
-  };
+  iconify: IconifyOptions;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,3 +1,4 @@
 import { ConfigProviderProps, ThemeOptions } from "./types.js";
 import { _default } from "./config-provider.vue.js";
-import { useConfigProvider } from "./context.js";
+import { useConfigProvider } from "./context.js";
+export * from "@soybeanjs/headless/config-provider";

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

@@ -1,34 +1,39 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ProgressProviderProps } from "../progress/types.js";
-import { ToastProviderProps as ToastProviderProps$1 } from "../toast/types.js";
-import { ConfigProviderProps, PropsToContext } from "@soybeanjs/headless";
+import { ToastProviderProps } from "../toast/types.js";
+import { ConfigProviderProps } from "@soybeanjs/headless/config-provider";
 import { ThemeOptions } from "@soybeanjs/shadcn-theme";
+import { PropsToContext } from "@soybeanjs/headless/types";
 
 //#region src/components/config-provider/types.d.ts
+interface IconifyOptions {
+  /**
+   * The default width of the icon.
+   *
+   * @defaultValue '1.25em'
+   */
+  width?: string;
+  /**
+   * The default height of the icon.
+   *
+   * @defaultValue '1.25em'
+   */
+  height?: string;
+}
+/**
+ * Props for the config provider component.
+ */
 interface ConfigProviderProps$1 extends ConfigProviderProps {
   /** The theme options. */
   theme?: ThemeOptions;
   /** The size options. */
   size?: ThemeSize;
   /** The iconify options. */
-  iconify?: {
-    /**
-     * The default width of the icon.
-     *
-     * @defaultValue '1.25em'
-     */
-    width?: string;
-    /**
-     * The default height of the icon.
-     *
-     * @defaultValue '1.25em'
-     */
-    height?: string;
-  };
+  iconify?: IconifyOptions;
   /** 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<ToastProviderProps$1>;
+  toast?: Partial<ToastProviderProps>;
   /**
    * Whether to use custom toast rendering. If set to `true`, the `ToastProvider` will not render the default toast UI, and you can import `ToastProvider` component to render custom toast UI.
    *

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},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};
+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{keysOf as _}from"@soybeanjs/utils";import{ContextMenuCheckboxCompact as v}from"@soybeanjs/headless/context-menu";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(()=>_(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(v),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,7 +1,7 @@
 import { ContextMenuCheckboxProps, ContextMenuCheckboxSlots } from "./types.js";
 import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless/types";
 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>(__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<{

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},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};
+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{keysOf as _}from"@soybeanjs/utils";import{ContextMenuRadioCompact as v}from"@soybeanjs/headless/context-menu";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(()=>_(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(v),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,7 +1,7 @@
 import { ContextMenuRadioProps, ContextMenuRadioSlots } from "./types.js";
 import * as _$vue from "vue";
+import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 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>(__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<{

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},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};
+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/context-menu";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};

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},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};
+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{keysOf as _}from"@soybeanjs/utils";import{ContextMenuCompact as v}from"@soybeanjs/headless/context-menu";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(()=>_(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(v),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.vue.d.ts

@@ -1,7 +1,7 @@
 import { ContextMenuProps, ContextMenuSlots } from "./types.js";
 import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu.vue.d.ts
 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<{

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

@@ -2,4 +2,5 @@ import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckbox
 import { _default } from "./context-menu-wrapper.vue.js";
 import { _default as _default$1 } from "./context-menu.vue.js";
 import { _default as _default$2 } from "./context-menu-checkbox.vue.js";
-import { _default as _default$3 } from "./context-menu-radio.vue.js";
+import { _default as _default$3 } from "./context-menu-radio.vue.js";
+export * from "@soybeanjs/headless/context-menu";

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

@@ -1,17 +1,51 @@
 import { MenuUiBaseProps } from "../menu/types.js";
-import { AcceptableBooleanValue, ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps, DefinedValue } from "@soybeanjs/headless";
+import { ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps } from "@soybeanjs/headless/context-menu";
+import { AcceptableBooleanValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/context-menu/types.d.ts
+/**
+ * Props for the context menu wrapper component.
+ */
 interface ContextMenuWrapperProps extends MenuUiBaseProps, ContextMenuWrapperCompactProps {}
+/**
+ * Emits for the context menu wrapper component.
+ */
 type ContextMenuWrapperEmits = ContextMenuWrapperCompactEmits;
+/**
+ * Props for the context menu component.
+ */
 type ContextMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & ContextMenuCompactProps<T>;
+/**
+ * Emits for the context menu component.
+ */
 type ContextMenuEmits<T extends DefinedValue = DefinedValue> = ContextMenuCompactEmits<T>;
+/**
+ * Slots for the context menu component.
+ */
 type ContextMenuSlots<T extends DefinedValue = DefinedValue> = ContextMenuCompactSlots<T>;
+/**
+ * Props for the context menu checkbox component.
+ */
 type ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & ContextMenuCheckboxCompactProps<T>;
+/**
+ * Emits for the context menu checkbox component.
+ */
 type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactEmits<T>;
+/**
+ * Slots for the context menu checkbox component.
+ */
 type ContextMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactSlots<T>;
+/**
+ * Props for the context menu radio component.
+ */
 type ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & ContextMenuRadioCompactProps<T>;
+/**
+ * Emits for the context menu radio component.
+ */
 type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactEmits<T>;
+/**
+ * Slots for the context menu radio component.
+ */
 type ContextMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactSlots<T>;
 //#endregion
 export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps };

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{DateFieldCompact as d,provideDateFieldUi as f}from"@soybeanjs/headless/date-field";const p=i({name:`SDateField`,__name:`date-field`,props:{class:{},size:{},ui:{},inputProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{type:Function},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({size:m.size}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),s(c(h))),null,16))}});export{p as default};

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

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

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

@@ -0,0 +1,3 @@
+import { DateFieldEmits, DateFieldProps } from "./types.js";
+import { _default } from "./date-field.vue.js";
+export * from "@soybeanjs/headless/date-field";

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

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

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

@@ -0,0 +1,28 @@
+import { ThemeSize } from "../../theme/types.js";
+import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldUi } from "@soybeanjs/headless/date-field";
+import { ClassValue } from "@soybeanjs/headless/types";
+
+//#region src/components/date-field/types.d.ts
+/**
+ * Props for the date field component.
+ */
+interface DateFieldProps extends DateFieldCompactProps {
+  /**
+   * Additional class names applied to the root element.
+   */
+  class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
+  size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<DateFieldUi>;
+}
+/**
+ * Emits for the date field component.
+ */
+type DateFieldEmits = DateFieldCompactEmits;
+//#endregion
+export { DateFieldEmits, DateFieldProps };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group inline-flex flex-wrap items-center w-fit 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`,`data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive/20`],input:[`inline-flex items-center justify-center rounded-sm px-0.5 text-center outline-none`,`tabular-nums leading-none`,`data-[segment=literal]:min-w-0 data-[segment=literal]:px-0 data-[segment=literal]:text-muted-foreground`,`data-[segment=timeZoneName]:min-w-fit data-[segment=timeZoneName]:px-1 data-[segment=timeZoneName]:text-muted-foreground`,`data-[placeholder]:text-muted-foreground`,`focus-visible:bg-accent/60 focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`]},variants:{size:{xs:{root:`min-h-6 px-1.5 text-2xs`,input:`min-h-4.5 min-w-4.5`},sm:{root:`min-h-7 px-2 text-xs`,input:`min-h-5 min-w-5`},md:{root:`min-h-8 px-2.5 text-sm`,input:`min-h-5.5 min-w-5.5`},lg:{root:`min-h-9 px-3 text-base`,input:`min-h-6 min-w-6`},xl:{root:`min-h-10 px-3.5 text-lg`,input:`min-h-6.5 min-w-6.5`},"2xl":{root:`min-h-12 px-4 text-xl`,input:`min-h-8 min-w-8`}}},defaultVariants:{size:`md`}});export{t as dateFieldVariants};

package/dist/components/date-picker/date-picker.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar/calendar.js";import{datePickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g,usePickProps as _}from"@soybeanjs/headless/composables";import{DatePickerCompact as v,provideDatePickerUi as y}from"@soybeanjs/headless/date-picker";const b=o({name:`SDatePicker`,__name:`date-picker`,props:{class:{},size:{},ui:{},triggerPlaceholder:{},positionerProps:{},popupProps:{},portalProps:{},triggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(o,{emit:b}){let x=o,S=h(b),C=g(x,[`class`,`size`,`ui`]),w=_(x,[`locale`,`dir`,`disabled`,`readonly`,`minValue`,`maxValue`,`isDateUnavailable`]);return y(r(()=>e(n({size:x.size}),x.ui,{root:x.class}))),(e,n)=>(u(),i(p(v),c(p(C),f(p(S))),{trigger:m(t=>[d(e.$slots,`trigger`,l(s(t)))]),default:m(e=>[a(t,c(p(w),{"model-value":e.modelValue,placeholder:e.placeholder,"data-slot":`calendar`,"onUpdate:modelValue":e.setDate,"onUpdate:placeholder":e.setPlaceholder}),null,16,[`model-value`,`placeholder`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,26 @@
+import { DatePickerProps, DatePickerSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/date-picker/date-picker.vue.d.ts
+type __VLS_Slots = DatePickerSlots;
+declare const __VLS_base: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+  "update:modelValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+}, string, _$vue.PublicProps, Readonly<DatePickerProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,3 @@
+import { DatePickerEmits, DatePickerProps, DatePickerSlots } from "./types.js";
+import { _default } from "./date-picker.vue.js";
+export * from "@soybeanjs/headless/date-picker";

package/dist/components/date-picker/index.js

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