@soybeanjs/ui 0.27.1 → 0.27.2

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

@@ -3,11 +3,11 @@ import { AlertProps, AlertSlots } from "./types.js";
 //#region src/components/alert/alert.vue.d.ts
 type __VLS_Slots = AlertSlots;
 declare const __VLS_base: import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  close: (event: PointerEvent) => any;
   "update:open": (open: boolean) => any;
+  close: (event: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
-  onClose?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onClose?: ((event: PointerEvent) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}
   icon: string;
   size: ThemeSize;
   color: ThemeColor;
-  shape: ButtonShape;
   variant: ButtonVariant;
+  shape: ButtonShape;
   shadow: ButtonShadow;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/button/button-icon.vue.d.ts

@@ -4,8 +4,8 @@ import { ButtonIconProps } from "./types.js";
 //#region src/components/button/button-icon.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ButtonIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
-  shape: ButtonShape;
   variant: ButtonVariant;
+  shape: ButtonShape;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/button/button-link.vue.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
-  replace: boolean;
   variant: ButtonVariant;
+  replace: boolean;
   disabled: boolean;
   external: boolean;
   viewTransition: boolean;

package/dist/components/button/button-loading.vue.d.ts

@@ -17,9 +17,9 @@ type __VLS_Slots = {} & {
   trailing?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
-  loadingIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  loadingIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-  }> | import("vue").Component | null;
+  }> | null;
   loadingPosition: Align;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/calendar/calendar.js

@@ -1 +1 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../icon/icon.js";import{calendarVariants as n}from"../../styles/calendar.js";import r from"../select/select.js";import{computed as i,createBlock as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{useLocaleMessages as x}from"@soybeanjs/headless";import{CalendarCompact as S,provideCalendarUi as C}from"@soybeanjs/headless/calendar";const w=l({name:`SCalendar`,__name:`calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(l,{emit:w}){let T=l,E=w,D=b(T,[`class`,`size`,`ui`]),O=y(E),k=x(),A=i(()=>({"aria-label":k.value.calendar.selectMonth})),j=i(()=>({"aria-label":k.value.calendar.selectYear})),M=i(()=>n({size:T.size},T.ui,{root:T.class})),N=i(()=>e[T.size||`md`]);return C(M),(e,n)=>(p(),a(_(S),d(_(D),g(_(O))),o({prev:v(n=>[m(e.$slots,`prev`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-left`})])]),next:v(n=>[m(e.$slots,`next`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-right`})])]),"head-cell":v(t=>[m(e.$slots,`head-cell`,f(u(t)),()=>[s(h(t.label),1)])]),day:v(t=>[m(e.$slots,`day`,f(u(t)),()=>[s(h(t.dayValue),1)])]),default:v(t=>[m(e.$slots,`default`,f(u(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:v(t=>[m(e.$slots,`heading`,f(u(t)))]),key:`0`}:{name:`heading`,fn:v(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":A.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":j.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{w as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../icon/icon.js";import{calendarVariants as n}from"../../styles/calendar.js";import r from"../select/select.js";import{computed as i,createBlock as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{useLocaleMessages as x}from"@soybeanjs/headless";import{CalendarCompact as S,provideCalendarUi as C}from"@soybeanjs/headless/calendar";const w=l({name:`SCalendar`,__name:`calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(l,{emit:w}){let T=l,E=w,D=b(T,[`class`,`size`,`ui`]),O=y(E),k=x(),A=i(()=>({"aria-label":k.value.calendar.selectMonth})),j=i(()=>({"aria-label":k.value.calendar.selectYear})),M=i(()=>n({size:T.size},T.ui,{root:T.class})),N=i(()=>e[T.size||`md`]);return C(M),(e,n)=>(p(),a(_(S),d(_(D),g(_(O))),o({prev:v(n=>[m(e.$slots,`prev`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-left`})])]),next:v(n=>[m(e.$slots,`next`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-right`})])]),"head-cell":v(t=>[m(e.$slots,`head-cell`,f(u(t)),()=>[s(h(t.label),1)])]),day:v(t=>[m(e.$slots,`day`,f(u(t)),()=>[s(h(t.dayValue),1)])]),default:v(t=>[m(e.$slots,`default`,f(u(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:v(t=>[m(e.$slots,`heading`,f(u(t)))]),key:`0`}:{name:`heading`,fn:v(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":A.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":j.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{w as default};

package/dist/components/calendar-range/calendar-range.vue.d.ts

@@ -3,11 +3,11 @@ import { CalendarRangeProps, CalendarRangeSlots } from "./types.js";
 //#region src/components/calendar-range/calendar-range.vue.d.ts
 type __VLS_Slots = CalendarRangeSlots;
 declare const __VLS_base: import("vue").DefineComponent<CalendarRangeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (range: import("@soybeanjs/headless/date").DateRange) => any;
+  "update:modelValue": (range: import("@soybeanjs/headless").DateRange) => any;
   "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
   "update:startValue": (date: import("@internationalized/date").DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarRangeProps> & Readonly<{
-  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless/date").DateRange) => any) | undefined;
+  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless").DateRange) => any) | undefined;
   "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -3,25 +3,25 @@ import { ColorPickerProps } from "./types.js";
 //#region src/components/color-picker/color-picker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
   "update:color": (value: import("@soybeanjs/headless/types").NormalizedColor) => any;
   "update:format": (value: import("@soybeanjs/headless/types").ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: import("@soybeanjs/headless/types").NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: import("@soybeanjs/headless/types").ColorFormat) => any) | undefined;

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

@@ -5,13 +5,13 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxProps<M> & {
     onSelect?: ((event: import("@soybeanjs/headless").SelectEvent<string>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onHighlight?: ((payload?: import("@soybeanjs/headless/composables").CollectionItemData<import("@soybeanjs/headless").ListboxCollectionItemData> | undefined) => any) | undefined;
     onPlaced?: (() => any) | undefined;
   }> & (typeof globalThis extends {
@@ -20,7 +20,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxSlots<M>;
-  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: import("@soybeanjs/headless/composables").CollectionItemData<import("@soybeanjs/headless").ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
+  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "highlight", payload?: import("@soybeanjs/headless/composables").CollectionItemData<import("@soybeanjs/headless").ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

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

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

@@ -1 +1 @@
-import e from"../calendar/calendar.js";import{datePickerVariants as t}from"../../styles/date-picker.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{DatePickerCompact as p,provideDatePickerUi as m}from"@soybeanjs/headless/date-picker";const h=a({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},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},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(a,{emit:h}){let g=a,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>t({size:g.size},g.ui,{root:g.class}))),(t,n)=>(s(),r(l(p),o(l(v),c(l(y))),{default:u(({calendarProps:t,close:n,onUpdateModelValue:r,onUpdatePlaceholder:s})=>[i(e,o(t,{size:a.size,ui:a.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":s}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{h as default};
+import e from"../calendar/calendar.js";import{datePickerVariants as t}from"../../styles/date-picker.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{DatePickerCompact as p,provideDatePickerUi as m}from"@soybeanjs/headless/date-picker";const h=a({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},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},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(a,{emit:h}){let g=a,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>t({size:g.size},g.ui,{root:g.class}))),(t,n)=>(s(),r(l(p),o(l(v),c(l(y))),{default:u(({calendarProps:t,close:n,onUpdateModelValue:r,onUpdatePlaceholder:s})=>[i(e,o(t,{size:a.size,ui:a.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":s}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{h as default};

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

@@ -3,23 +3,23 @@ import { DatePickerProps } from "./types.js";
 //#region src/components/date-picker/date-picker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  "update:modelValue": (date: import("@internationalized/date").DateValue | undefined) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (date: import("@internationalized/date").DateValue | undefined) => any;
   "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
 }>, {
   open: boolean;

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

@@ -3,12 +3,12 @@ import { DateRangeFieldProps, DateRangeFieldSlots } from "./types.js";
 //#region src/components/date-range-field/date-range-field.vue.d.ts
 type __VLS_Slots = DateRangeFieldSlots;
 declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (range: import("@soybeanjs/headless/date").DateRange) => any;
+  "update:modelValue": (range: import("@soybeanjs/headless").DateRange) => any;
   "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
   "update:startValue": (date: import("@internationalized/date").DateValue | undefined) => any;
   "update:endValue": (date: import("@internationalized/date").DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangeFieldProps> & Readonly<{
-  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless/date").DateRange) => any) | undefined;
+  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless").DateRange) => any) | undefined;
   "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;

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

@@ -3,24 +3,24 @@ import { DateRangePickerProps } from "./types.js";
 //#region src/components/date-range-picker/date-range-picker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  "update:modelValue": (range: import("@soybeanjs/headless").DateRange) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (range: import("@soybeanjs/headless/date").DateRange) => any;
   "update:placeholder": (date: import("@internationalized/date").DateValue) => any;
   "update:startValue": (date: import("@internationalized/date").DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless").DateRange) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless/date").DateRange) => any) | undefined;
   "onUpdate:placeholder"?: ((date: import("@internationalized/date").DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
 }>, {

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

@@ -3,10 +3,10 @@ import { DialogProps, DialogSlots } from "./types.js";
 //#region src/components/dialog/dialog.vue.d.ts
 type __VLS_Slots = DialogSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   close: (event: MouseEvent) => any;
   cancel: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
-  "update:open": (value: boolean) => any;
   click: (event: PointerEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: ((event: MouseEvent) => any) | undefined;
   onCancel?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  showClose: boolean;
   open: boolean;
+  showClose: boolean;
   modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -3,10 +3,10 @@ import { DrawerProps, DrawerSlots } from "./types.js";
 //#region src/components/drawer/drawer.vue.d.ts
 type __VLS_Slots = DrawerSlots;
 declare const __VLS_base: import("vue").DefineComponent<DrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   close: (event: MouseEvent) => any;
   cancel: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
-  "update:open": (value: boolean) => any;
   click: (event: PointerEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<DrawerProps, {}, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<DrawerProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: ((event: MouseEvent) => any) | undefined;
   onCancel?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<DrawerProps, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  showClose: boolean;
   open: boolean;
+  showClose: boolean;
   modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

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

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

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

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

@@ -6,13 +6,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: import("vue").PublicProps & __VLS_PrettifyLocal<MenubarProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarSlots<T>;
-  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: import("@soybeanjs/headless").MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/navigation-menu/navigation-menu.vue.d.ts

@@ -6,20 +6,20 @@ declare const __VLS_base: import("vue").DefineComponent<NavigationMenuProps, {},
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
+  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
   interactOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any;
-  "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<NavigationMenuProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent | import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -4,10 +4,10 @@ import { PageTabsOptionData } from "@soybeanjs/headless/page-tabs";
 //#region src/components/page-tabs/page-tabs.vue.d.ts
 declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
-    onClose?: ((tab: T) => any) | undefined;
     onContextmenu?: ((tab: T) => any) | undefined;
-    onClick?: ((tab: T) => any) | undefined;
+    onClose?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClick?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     onSelectContextMenu?: ((menu: import("@soybeanjs/headless").PageTabsContextMenuOptionData, tab: T) => any) | undefined;

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

@@ -3,9 +3,9 @@ import { PopconfirmProps, PopconfirmSlots } from "./types.js";
 //#region src/components/popconfirm/popconfirm.vue.d.ts
 type __VLS_Slots = PopconfirmSlots;
 declare const __VLS_base: import("vue").DefineComponent<PopconfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   cancel: (event: PointerEvent) => any;
   confirm: (event: PointerEvent) => any;
-  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
   focusOutside: (event: import("@soybeanjs/headless").FocusOutsideEvent) => any;
@@ -13,9 +13,9 @@ declare const __VLS_base: import("vue").DefineComponent<PopconfirmProps, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<PopconfirmProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onCancel?: ((event: PointerEvent) => any) | undefined;
   onConfirm?: ((event: PointerEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: import("@soybeanjs/headless").FocusOutsideEvent) => any) | undefined;
@@ -23,8 +23,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopconfirmProps, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  showCancel: "onlyWarning" | boolean;
   open: boolean;
+  showCancel: "onlyWarning" | boolean;
   showArrow: boolean;
   showIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -6,17 +6,17 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
     onSelect?: ((event: import("@soybeanjs/headless").SelectItemEvent<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectSlots<T, M>;
-  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
+  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/splitter/splitter-resize-handle.vue.d.ts

@@ -402,9 +402,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
   onDragging?: ((_value: boolean) => any) | undefined;
 }>, {
   class: import("@soybeanjs/headless").ClassValue;
+  tabindex: number;
   asChild: boolean;
   as: string | Function | Record<string, any>;
-  tabindex: number;
   disabled: boolean;
   withHandle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -2,11 +2,11 @@ import { TimeFieldProps } from "./types.js";
 
 //#region src/components/time-field/time-field.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<TimeFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (time: import("@soybeanjs/headless/date").TimeValue | undefined) => any;
-  "update:placeholder": (time: import("@soybeanjs/headless/date").TimeValue) => any;
+  "update:modelValue": (time: import("@soybeanjs/headless").TimeValue | undefined) => any;
+  "update:placeholder": (time: import("@soybeanjs/headless").TimeValue) => any;
 }, string, import("vue").PublicProps, Readonly<TimeFieldProps> & Readonly<{
-  "onUpdate:modelValue"?: ((time: import("@soybeanjs/headless/date").TimeValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: import("@soybeanjs/headless/date").TimeValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((time: import("@soybeanjs/headless").TimeValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: import("@soybeanjs/headless").TimeValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/time-range-field/time-range-field.vue.d.ts

@@ -4,14 +4,14 @@ import { TimeRangeFieldProps, TimeRangeFieldSlots } from "./types.js";
 type __VLS_Slots = TimeRangeFieldSlots;
 declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (range: import("@soybeanjs/headless/date").TimeRange) => any;
-  "update:placeholder": (time: import("@soybeanjs/headless/date").TimeValue) => any;
-  "update:startValue": (time: import("@soybeanjs/headless/date").TimeValue | undefined) => any;
-  "update:endValue": (time: import("@soybeanjs/headless/date").TimeValue | undefined) => any;
+  "update:placeholder": (time: import("@soybeanjs/headless").TimeValue) => any;
+  "update:startValue": (time: import("@soybeanjs/headless").TimeValue | undefined) => any;
+  "update:endValue": (time: import("@soybeanjs/headless").TimeValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<TimeRangeFieldProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: import("@soybeanjs/headless/date").TimeRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: import("@soybeanjs/headless/date").TimeValue) => any) | undefined;
-  "onUpdate:startValue"?: ((time: import("@soybeanjs/headless/date").TimeValue | undefined) => any) | undefined;
-  "onUpdate:endValue"?: ((time: import("@soybeanjs/headless/date").TimeValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: import("@soybeanjs/headless").TimeValue) => any) | undefined;
+  "onUpdate:startValue"?: ((time: import("@soybeanjs/headless").TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: import("@soybeanjs/headless").TimeValue | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/styles/alert.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/alert.d.ts
-declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "description" | "content" | "close" | "root", NoInfer<{
+declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "content" | "close" | "description" | "root", NoInfer<{
   color: {
     primary: {
       root: "border-primary text-primary";
@@ -93,8 +93,8 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
-  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "solid" | "pure" | "outline" | "soft" | "ghost" | undefined;
 }>;
 type AlertVariants = VariantProps<typeof alertVariants>;
 type AlertVariant = NonNullable<AlertVariants['variant']>;

package/dist/styles/badge.d.ts

@@ -64,7 +64,7 @@ declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "roo
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
 }>;
 type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/styles/button.d.ts

@@ -48,9 +48,9 @@ declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "link" | "solid" | "pure" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
   shape?: "auto" | "rounded" | "square" | "circle" | undefined;
-  variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
   shadow?: "sm" | "md" | "lg" | "none" | undefined;
   fitContent?: boolean | undefined;
 }>;

package/dist/styles/checkbox.d.ts

@@ -78,7 +78,7 @@ declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "ro
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/pagination.d.ts

@@ -62,8 +62,8 @@ declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "n
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  variant?: "solid" | "pure" | "outline" | "soft" | undefined;
   shape?: "rounded" | "square" | undefined;
-  variant?: "pure" | "solid" | "outline" | "soft" | undefined;
   actionAsSelected?: boolean | undefined;
 }>;
 type PaginationVariants = VariantProps<typeof paginationVariants>;

package/dist/styles/radio-group.d.ts

@@ -86,7 +86,7 @@ declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "dot" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/skeleton.d.ts

@@ -20,8 +20,8 @@ declare const skeletonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  animated?: boolean | undefined;
   shape?: "auto" | "rounded" | undefined;
+  animated?: boolean | undefined;
 }>;
 type SkeletonVariants = VariantProps<typeof skeletonVariants>;
 type SkeletonShape = NonNullable<SkeletonVariants['shape']>;

package/dist/styles/switch.d.ts

@@ -66,7 +66,7 @@ declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "contr
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
 }>;
 type SwitchVariants = VariantProps<typeof switchVariants>;

package/dist/styles/table.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/table.d.ts
-declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "selection" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
+declare const tableVariants: import("@soybeanjs/cva").SCVResult<"content" | "fixed" | "header" | "footer" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -113,8 +113,8 @@ declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "cont
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  rounded?: boolean | undefined;
   variant?: "default" | "simple" | undefined;
+  rounded?: boolean | undefined;
   bordered?: boolean | undefined;
   striped?: boolean | undefined;
 }>;

package/dist/styles/tabs.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/tabs.d.ts
-declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "indicator" | "trigger" | "indicatorContent", NoInfer<{
+declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "trigger" | "indicator" | "indicatorContent", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -68,8 +68,8 @@ declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   fill?: "auto" | "full" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
   enableIndicator?: boolean | undefined;

package/dist/styles/tag.d.ts

@@ -34,9 +34,9 @@ declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "solid" | "pure" | "outline" | "soft" | "ghost" | "raw" | undefined;
   shape?: "auto" | "rounded" | undefined;
-  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | "raw" | undefined;
 }>;
 type TagVariants = VariantProps<typeof tagVariants>;
 type TagVariant = NonNullable<TagVariants['variant']>;

package/dist/styles/toggle-group.d.ts

@@ -69,7 +69,7 @@ declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "soft" | "ghost" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/toggle.d.ts

@@ -33,9 +33,9 @@ declare const toggleVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
-  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "soft" | "ghost" | undefined;
+  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
 }>;
 type ToggleVariants = VariantProps<typeof toggleVariants>;
 type ToggleVariant = NonNullable<ToggleVariants['variant']>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.27.1",
+  "version": "0.27.2",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -51,7 +51,7 @@
     "@soybeanjs/utils": "^0.1.1",
     "valibot": "^1.4.1",
     "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.27.1"
+    "@soybeanjs/headless": "^0.27.2"
   },
   "devDependencies": {
     "@nuxt/kit": "^4.4.6",
@@ -140,6 +140,7 @@
     "publish-pkg": "pnpm publish -r --access public",
     "release": "soy release -e 'pnpm release-execute'",
     "release-execute": "pnpm soy changelog && pnpm sui skills && pnpm sui changelog && pnpm sui changelog-translate",
+    "stub": "tsx scripts/stub.ts",
     "sui": "tsx scripts/cli.ts",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",