@soybeanjs/ui 0.17.0 → 0.19.0

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

@@ -1,6 +1,6 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ColorSwatchPickerShape } from "./variants.js";
-import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
+import { ColorSwatchPickerCompactEmits, ColorSwatchPickerCompactProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
 import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/color-swatch-picker/types.d.ts
@@ -9,13 +9,13 @@ import { ClassValue, UiClass } from "@soybeanjs/headless/types";
  */
 type ColorSwatchPickerExtraUiSlot = 'checker' | 'fill';
 /**
- * Extended UI class overrides for the color swatch picker component.
+ * Extended UI class overrides for the ColorSwatchPicker component.
  */
 type ColorSwatchPickerExtendedUi = UiClass<ColorSwatchPickerUiSlot | ColorSwatchPickerExtraUiSlot>;
 /**
- * Props for the color swatch picker component.
+ * Properties for the ColorSwatchPicker component.
  */
-interface ColorSwatchPickerProps extends ColorSwatchPickerRootProps<boolean> {
+interface ColorSwatchPickerProps extends ColorSwatchPickerCompactProps<boolean> {
   /**
    * Additional class names applied to the root element.
    */
@@ -28,30 +28,14 @@ interface ColorSwatchPickerProps extends ColorSwatchPickerRootProps<boolean> {
    * 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.
+ * Events for the ColorSwatchPicker component.
  */
-type ColorSwatchPickerEmits = ColorSwatchPickerRootEmits<boolean> & ColorSwatchPickerItemEmits;
+type ColorSwatchPickerEmits = ColorSwatchPickerCompactEmits<boolean>;
 //#endregion
 export { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps };

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

@@ -47,9 +47,9 @@ declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
   root: string;
   item: string[];
   itemIndicator: string;
-  swatch: string[];
-  checker: string;
-  fill: string;
+  swatchRoot: string;
+  swatchChecker: string;
+  swatchFill: string;
 }, undefined, {
   size: {
     xs: {
@@ -95,9 +95,9 @@ declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
   root: string;
   item: string[];
   itemIndicator: string;
-  swatch: string[];
-  checker: string;
-  fill: string;
+  swatchRoot: string;
+  swatchChecker: string;
+  swatchFill: string;
 }, _$tailwind_variants0.TVReturnType<{
   size: {
     xs: {
@@ -143,9 +143,9 @@ declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
   root: string;
   item: string[];
   itemIndicator: string;
-  swatch: string[];
-  checker: string;
-  fill: string;
+  swatchRoot: string;
+  swatchChecker: string;
+  swatchFill: string;
 }, undefined, unknown, unknown, undefined>>;
 type ColorSwatchPickerVariants = VariantProps<typeof colorSwatchPickerVariants>;
 type ColorSwatchPickerShape = NonNullable<ColorSwatchPickerVariants['shape']>;

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

@@ -1 +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};
+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`,swatchRoot:``,swatchChecker:``,swatchFill:``},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.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{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};
+import{mergeVariants 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:{type:[Boolean,null,String,Object,Array]},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/types.d.ts

@@ -4,7 +4,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/combobox/types.d.ts
 /**
- * Props for the combobox component.
+ * Properties for the Combobox component.
  */
 interface ComboboxProps<M extends boolean = false> extends ComboboxCompactProps<M> {
   /**
@@ -21,11 +21,11 @@ interface ComboboxProps<M extends boolean = false> extends ComboboxCompactProps<
   ui?: Partial<ComboboxUi>;
 }
 /**
- * Emits for the combobox component.
+ * Events for the Combobox component.
  */
 type ComboboxEmits<M extends boolean = false> = ComboboxCompactEmits<M>;
 /**
- * Slots for the combobox component.
+ * Slots for the Combobox component.
  */
 type ComboboxSlots<M extends boolean = false> = ComboboxCompactSlots<M>;
 //#endregion

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{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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as t}from"../kbd/variants.js";import{commandVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{keysOf as b}from"@soybeanjs/utils";import{CommandCompact as x,provideCommandUi as S}from"@soybeanjs/headless/command";const C=s({name:`SCommand`,__name:`command`,props:{class:{type:[Boolean,null,String,Object,Array]},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(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`size`,`ui`]),O=v(T),k=r(()=>b(E));return S(r(()=>e(Object.assign(n({size:w.size}),{$base:{shortcut:t({size:w.size})}}),w.ui,{root:w.class}))),(e,t)=>(d(),i(h(x),l(h(D),{items:s.items},m(h(O))),o({_:2},[f(k.value,t=>({name:t,fn:_(n=>[a(` @vue-ignore ignore vue slot props type `),p(e.$slots,t,u(c(n)))])}))]),1040,[`items`]))}});export{C as default};

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

@@ -1,8 +1,8 @@
 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";
+import { CommandSingleOptionData } from "@soybeanjs/headless/command";
 
 //#region src/components/command/command.vue.d.ts
 declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -4,7 +4,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/command/types.d.ts
 /**
- * Props for the command component.
+ * Properties for the Command component.
  */
 interface CommandProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends CommandCompactProps<T> {
   /** Root class. */
@@ -19,11 +19,11 @@ interface CommandProps<T extends CommandSingleOptionData = CommandSingleOptionDa
   ui?: Partial<CommandUi>;
 }
 /**
- * Emits for the command component.
+ * Events for the Command component.
  */
 type CommandEmits = CommandCompactEmits;
 /**
- * Slots for the command component.
+ * Slots for the Command component.
  */
 type CommandSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = CommandCompactSlots<T>;
 //#endregion

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,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};
+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:{},messages:{}},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

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
-  dir: _$_soybeanjs_headless0.Direction;
   size: ThemeSize;
+  dir: _$_soybeanjs_headless0.Direction;
   theme: _$_soybeanjs_shadcn_theme0.ThemeOptions;
   iconify: IconifyOptions;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1,10 +1,8 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ProgressProviderProps } from "../progress/types.js";
+import { index_d_exports } from "../progress/index.js";
 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 {
   /**
@@ -21,7 +19,7 @@ interface IconifyOptions {
   height?: string;
 }
 /**
- * Props for the config provider component.
+ * Properties for the ConfigProvider component.
  */
 interface ConfigProviderProps$1 extends ConfigProviderProps {
   /** The theme options. */
@@ -31,7 +29,7 @@ interface ConfigProviderProps$1 extends ConfigProviderProps {
   /** The iconify options. */
   iconify?: IconifyOptions;
   /** The global top progress configuration of your application. */
-  progress?: Partial<ProgressProviderProps>;
+  progress?: Partial<index_d_exports.ProgressProviderProps>;
   /** The global toast configuration of your application. This will be inherited by the related components. */
   toast?: Partial<ToastProviderProps>;
   /**

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{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};
+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:{type:[Boolean,null,String,Object,Array]},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/types";
 
 //#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{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};
+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:{type:[Boolean,null,String,Object,Array]},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/types";
 
 //#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<{
@@ -14,7 +14,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update: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: Exclude<T, undefined>) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,toHandlers as o,unref as s,withCtx as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{ContextMenuWrapperCompact as d}from"@soybeanjs/headless/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};
+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:{type:[Boolean,null,String,Object,Array]},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{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};
+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:{type:[Boolean,null,String,Object,Array]},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/types";
 
 //#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

@@ -1,6 +1,6 @@
 import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./types.js";
-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 } from "./context-menu.vue.js";
+import { _default as _default$1 } from "./context-menu-checkbox.vue.js";
+import { _default as _default$2 } from "./context-menu-radio.vue.js";
+import { _default as _default$3 } from "./context-menu-wrapper.vue.js";
 export * from "@soybeanjs/headless/context-menu";

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

@@ -1 +1 @@
-import"./context-menu-wrapper.js";import"./context-menu.js";import"./context-menu-checkbox.js";import"./context-menu-radio.js";
+import"./context-menu.js";import"./context-menu-checkbox.js";import"./context-menu-radio.js";import"./context-menu-wrapper.js";

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

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

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

@@ -1 +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};
+import{mergeVariants 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:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},modelValue:{},defaultValue:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(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

@@ -4,11 +4,11 @@ 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;
+  "update:modelValue": (value: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (value: _$_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;
+  "onUpdate:modelValue"?: ((value: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((value: _$_internationalized_date0.DateValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -4,7 +4,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/date-field/types.d.ts
 /**
- * Props for the date field component.
+ * Properties for the DateField component.
  */
 interface DateFieldProps extends DateFieldCompactProps {
   /**
@@ -21,7 +21,7 @@ interface DateFieldProps extends DateFieldCompactProps {
   ui?: Partial<DateFieldUi>;
 }
 /**
- * Emits for the date field component.
+ * Events for the DateField component.
  */
 type DateFieldEmits = DateFieldCompactEmits;
 //#endregion

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

@@ -1 +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};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group inline-flex items-center w-fit lt-md:max-w-auto 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-50 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 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:`gap-0.5 h-6 px-1.5 text-2xs`,input:`min-w-4.5 p-0.5 data-[segment=timeZoneName]:px-0.5`},sm:{root:`gap-0.75 h-7 px-2 text-xs`,input:`min-w-5 p-0.5 data-[segment=timeZoneName]:px-0.75`},md:{root:`gap-1 h-8 px-2.5 text-sm`,input:`min-w-5.5 p-0.625 data-[segment=timeZoneName]:px-1`},lg:{root:`gap-1.25 h-9 px-3 text-base`,input:`min-w-6 p-0.75 data-[segment=timeZoneName]:px-1.25`},xl:{root:`gap-1.5 h-10 px-3.5 text-lg`,input:`min-w-6.5 p-0.875 data-[segment=timeZoneName]:px-1.5`},"2xl":{root:`gap-2 h-12 px-4 text-xl`,input:`min-w-8 p-1 data-[segment=timeZoneName]:px-2`}}},defaultVariants:{size:`md`}});export{t as dateFieldVariants};

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

@@ -1 +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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar/calendar.js";import{dateFieldVariants as n}from"../date-field/variants.js";import{datePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{DatePickerCompact as h,provideDatePickerUi as g}from"@soybeanjs/headless/date-picker";const _=s({name:`SDatePicker`,__name:`date-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(s,{emit:_}){let v=s,y=_,b=m(v,[`class`,`size`,`ui`]),x=p(y);return g(i(()=>{let t=r({size:v.size}),i=n({size:v.size});return e(Object.assign(t,i),v.ui,{root:v.class})})),(e,n)=>(l(),a(d(h),c(d(b),u(d(x))),{default:f(({calendarProps:e,close:n,onUpdateModelValue:r,onUpdatePlaceholder:i})=>[o(t,c(e,{size:s.size,ui:s.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":i}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{_ as default};

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

@@ -1,26 +1,32 @@
-import { DatePickerProps, DatePickerSlots } from "./types.js";
+import { DatePickerProps } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 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;
+declare const __VLS_export: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => 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: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"?: ((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

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

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

@@ -1,10 +1,11 @@
 import { ThemeSize } from "../../theme/types.js";
-import { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlots, DatePickerUi } from "@soybeanjs/headless/date-picker";
+import { CalendarUi } from "@soybeanjs/headless/calendar";
+import { DatePickerCompactEmits, DatePickerCompactProps, DatePickerUi } from "@soybeanjs/headless/date-picker";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/date-picker/types.d.ts
 /**
- * Props for the date picker component.
+ * Properties for the DatePicker component.
  */
 interface DatePickerProps extends DatePickerCompactProps {
   /**
@@ -19,14 +20,14 @@ interface DatePickerProps extends DatePickerCompactProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<DatePickerUi>;
+  /**
+   * Per-slot class overrides for the Calendar component within the DatePicker.
+   */
+  calendarUi?: Partial<CalendarUi>;
 }
 /**
- * Emits for the date picker component.
+ * Events for the DatePicker component.
  */
 type DatePickerEmits = DatePickerCompactEmits;
-/**
- * Slots for the date picker component.
- */
-type DatePickerSlots = DatePickerCompactSlots;
 //#endregion
-export { DatePickerEmits, DatePickerProps, DatePickerSlots };
+export { DatePickerEmits, DatePickerProps };

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

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex`,trigger:[`inline-flex items-center justify-start rounded-md border border-input bg-background  shadow-sm transition-colors`,`hover:bg-accent/50 hover:text-accent-foreground`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground outline-none z-50 will-change-transform`,`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`]},variants:{size:{xs:{root:`text-2xs`,popup:`text-2xs`,trigger:`gap-1 h-6 px-1.5`},sm:{root:`text-xs`,popup:`text-xs`,trigger:`gap-1.5 h-7 px-2`},md:{root:`text-sm`,popup:`text-sm`,trigger:`gap-2 h-8 px-2.5`},lg:{root:`text-base`,popup:`text-base`,trigger:`gap-2.5 h-9 px-3`},xl:{root:`text-lg`,popup:`text-lg`,trigger:`gap-3 h-10 px-3.5`},"2xl":{root:`text-xl`,popup:`text-xl`,trigger:`gap-3.5 h-12 px-4`}}},defaultVariants:{size:`md`}});export{t as datePickerVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{trigger:`ml-auto data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`,positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground outline-none z-50 will-change-transform`,`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`]},variants:{size:{xs:{popup:`text-2xs`},sm:{popup:`text-xs`},md:{popup:`text-sm`},lg:{popup:`text-base`},xl:{popup:`text-lg`},"2xl":{popup:`text-xl`}}},defaultVariants:{size:`md`}});export{t as datePickerVariants};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateRangeFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DateRangeFieldCompact as v,provideDateRangeFieldUi as y}from"@soybeanjs/headless/date-range-field";const b=o({name:`SDateRangeField`,__name:`date-range-field`,props:{class:{},size:{},ui:{},inputProps:{},separator:{default:`–`}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=g(b),C=_(x,[`class`,`size`,`ui`,`inputProps`,`separator`]);return y(n(()=>e(t({size:x.size}),x.ui,{root:x.class}))),(e,t)=>(u(),r(m(v),c({...m(C),inputProps:o.inputProps,separator:o.separator},p(m(S))),i({separator:h(()=>[d(e.$slots,`separator`,{},()=>[a(f(o.separator),1)])]),_:2},[e.$slots.default?{name:`default`,fn:h(t=>[d(e.$slots,`default`,l(s(t)))]),key:`0`}:void 0]),1040))}});export{b as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"../date-field/variants.js";import{dateRangeFieldVariants as n}from"./variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,mergeProps 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{DateRangeFieldCompact as v,provideDateRangeFieldUi as y}from"@soybeanjs/headless/date-range-field";const b=o({name:`SDateRangeField`,__name:`date-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=b,C=p(),w=h(S),T=g(x,[`class`,`size`,`ui`]),E=r(()=>_(C));return y(r(()=>{let r=n({size:x.size}),i=t({size:x.size});return e(Object.assign(r,i),x.ui,{root:x.class})})),(e,t)=>(c(),i(f(v),s(f(T),d(f(w))),a({_:2},[l(E.value,t=>({name:t,fn:m(()=>[u(e.$slots,t)])}))]),1040))}});export{b as default};