@soybeanjs/ui 0.28.2 → 0.29.0-beta.2

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

@@ -2,7 +2,6 @@ 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:modelValue": (range: import("@soybeanjs/headless").DateRange) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any;
@@ -10,10 +9,10 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
   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").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:modelValue"?: ((range: import("@soybeanjs/headless").DateRange) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -21,6 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
   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").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;
 }>, {
-  open: boolean;
   showClose: boolean;
+  open: 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;
 }>, {
-  open: boolean;
   showClose: boolean;
+  open: 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

@@ -5,7 +5,6 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -13,6 +12,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     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:modelValue", value: T[]) => 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: "entryFocus", event: Event) => void);
+  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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -5,7 +5,6 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -13,6 +12,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     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:modelValue", payload: Exclude<T, undefined>) => 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: "entryFocus", event: Event) => void);
+  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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -5,7 +5,6 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<MenubarProps<T> & {
     onSelect?: ((item: import("@soybeanjs/headless").MenuOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
@@ -13,6 +12,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     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:modelValue", value: T) => 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: "entryFocus", event: Event) => void);
+  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);
 }>) => 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

@@ -5,9 +5,9 @@ import { PageTabsOptionData } from "@soybeanjs/headless/page-tabs";
 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> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => 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;
 }>, {
-  open: boolean;
   showCancel: "onlyWarning" | boolean;
+  open: boolean;
   showArrow: boolean;
   showIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -5,18 +5,18 @@ import { DefinedValue } from "@soybeanjs/headless/types";
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
     onSelect?: ((event: import("@soybeanjs/headless").SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => 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:modelValue", value: M extends true ? T[] : 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);
+  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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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" | "content" | "close" | "description" | "root", NoInfer<{
+declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "description" | "content" | "close" | "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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
-  variant?: "outline" | "soft" | "ghost" | "solid" | "pure" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | 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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "link" | "pure" | "outline" | "soft" | "ghost" | "solid" | "dashed" | "plain" | undefined;
   shape?: "auto" | "rounded" | "square" | "circle" | undefined;
-  variant?: "link" | "outline" | "soft" | "ghost" | "solid" | "pure" | "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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/navigation-menu.js

@@ -1 +1 @@
-import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`group`,viewport:[`fixed z-50 origin-top-center overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg`,`start-[--soybean-navigation-menu-viewport-left] top-[--soybean-navigation-menu-viewport-top]`,`h-[--soybean-navigation-menu-viewport-height] w-[--soybean-navigation-menu-viewport-width]`,`data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95`,`group-data-[orientation=vertical]:mt-0`],content:[`start-0 top-0 w-auto md:absolute lt-md:w-full`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`,`rtl:data-[motion=from-end]:slide-in-from-left-52 rtl:data-[motion=from-start]:slide-in-from-right-52 rtl:data-[motion=to-end]:slide-out-to-left-52 rtl:data-[motion=to-start]:slide-out-to-right-52`],arrow:`w-1em h-0.5em fill-popover stroke-border rotate-180 group-data-[orientation=vertical]:rotate-90`,list:[`group grow flex items-center justify-center my-0 list-none`,`group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:items-stretch`],subList:`grid grid-cols-[auto_auto] list-none my-0`,item:`list-none m-0`,subItem:`list-none m-0`,itemIcon:`shrink-0 text-muted-foreground`,trigger:[`group inline-flex items-center rounded-md bg-background font-medium transition-colors-200 decoration-none outline-none`,`hover:bg-accent hover:text-accent-foreground`,`focus:bg-accent focus:text-accent-foreground`,`disabled:pointer-events-none disabled:opacity-50`,`data-[active]:bg-accent/50`,`data-[state=open]:bg-accent/50`],subItemContent:`flex items-start rounded-md outline-none cursor-default select-none`,triggerIcon:`ms-auto transition duration-200 group-data-[state=open]:rotate-180`,indicator:[`fixed start-[--soybean-navigation-menu-indicator-left] top-[--soybean-navigation-menu-indicator-top] z-50`,`flex w-[--soybean-navigation-menu-indicator-size] items-end justify-center overflow-hidden transition-transform-200 ease-out`,`data-[state=visible]:animate-in data-[state=visible]:fade-in-0 data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0`,`data-[orientation=vertical]:-rotate-90 [&[dir=rtl]]:data-[orientation=vertical]:rotate-90`],link:[`group relative w-full flex items-center rounded-md font-medium outline-none cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],subLink:[`flex items-start select-none rounded-md no-underline outline-none transition-colors-200 cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],linkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,subLinkContent:`grow flex flex-col items-start`,subLinkLabel:`font-medium leading-none`,subLinkDescription:`line-clamp-2 text-muted-foreground leading-snug m-0`},variants:{size:{xs:{viewport:`mt-1.75 group-data-[orientation=vertical]:ms-3.5`,list:`gap-1 text-2xs`,subList:`gap-1.5 p-1.5 text-2xs`,trigger:`gap-1 px-1 py-1`,indicator:`h-1.75`,arrow:`size-2.25`,link:`gap-1 px-1 py-1`,subItemContent:`gap-1 px-1 py-1`,subLink:`gap-1 px-1 py-1`,linkIcon:`size-2 -ms-1`,subLinkDescription:`mt-1.25`},sm:{viewport:`mt-2 group-data-[orientation=vertical]:ms-4`,list:`gap-1.25 text-xs`,subList:`gap-1.75 p-1.75 text-xs`,trigger:`gap-1.5 px-1.5 py-1`,indicator:`h-2`,arrow:`size-2.5`,link:`gap-1.5 px-1.5 py-1`,subItemContent:`gap-1.5 px-1.5 py-1`,subLink:`gap-1.5 px-1.5 py-1`,linkIcon:`size-2.5 -ms-1.5`,subLinkDescription:`mt-1.25`},md:{viewport:`mt-[calc(0.625rem-1px)] group-data-[orientation=vertical]:ms-5`,list:`gap-1.5 text-sm`,subList:`gap-2 p-2 text-sm`,trigger:`gap-2 px-2 py-1.5`,indicator:`h-2.5`,arrow:`size-3`,link:`gap-2 px-2 py-1.5`,subItemContent:`gap-2 px-2 py-1.5`,subLink:`gap-2 px-2 py-1.5`,linkIcon:`size-3 -ms-2`,subLinkDescription:`mt-1.5`},lg:{viewport:`mt-3 group-data-[orientation=vertical]:ms-6`,list:`gap-1.75 text-base`,subList:`gap-2.5 p-2.5 text-base`,trigger:`gap-2.5 px-2.5 py-1.5`,indicator:`h-3`,arrow:`size-3.5`,link:`gap-2.5 px-2.5 py-1.5`,subItemContent:`gap-2.5 px-2.5 py-1.5`,subLink:`gap-2.5 px-2.5 py-1.5`,linkIcon:`size-3.5 -ms-2.5`,subLinkDescription:`mt-1.75`},xl:{viewport:`mt-3.5 group-data-[orientation=vertical]:ms-7`,list:`gap-2 text-lg`,subList:`gap-3 p-3 text-lg`,trigger:`gap-3 px-3 py-2`,indicator:`h-3.5`,arrow:`size-4`,link:`gap-3 px-3 py-2`,subItemContent:`gap-3 px-3 py-2`,subLink:`gap-3 px-3 py-2`,linkIcon:`size-4 -ms-3`,subLinkDescription:`mt-2`},"2xl":{viewport:`mt-4 group-data-[orientation=vertical]:ms-8`,list:`gap-2.5 text-xl`,subList:`gap-3.5 p-3.5 text-xl`,trigger:`gap-3.5 px-3.5 py-2.5`,indicator:`h-4`,arrow:`size-4.5`,link:`gap-3.5 px-3.5 py-2.5`,subItemContent:`gap-3.5 px-3.5 py-2.5`,subLink:`gap-3.5 px-3.5 py-2.5`,linkIcon:`size-4.5 -ms-3.5`,subLinkDescription:`mt-2.5`}}},defaultVariants:{size:`md`}});export{t as navigationMenuVariants};
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`group`,viewport:[`fixed z-50 origin-top-center overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg`,`start-[--soybean-navigation-menu-viewport-left] top-[--soybean-navigation-menu-viewport-top]`,`h-[--soybean-navigation-menu-viewport-height] w-[--soybean-navigation-menu-viewport-width]`,`transition-all duration-200 ease-out`,`data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95`,`group-data-[orientation=vertical]:mt-0`],content:[`start-0 top-0 w-auto md:absolute lt-md:w-full`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`,`rtl:data-[motion=from-end]:slide-in-from-left-52 rtl:data-[motion=from-start]:slide-in-from-right-52 rtl:data-[motion=to-end]:slide-out-to-left-52 rtl:data-[motion=to-start]:slide-out-to-right-52`],arrow:`w-1em h-0.5em fill-popover stroke-border rotate-180 group-data-[orientation=vertical]:rotate-90`,list:[`group grow flex items-center justify-center my-0 list-none`,`group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:items-stretch`],subList:`grid grid-cols-[auto_auto] list-none my-0`,item:`list-none m-0`,subItem:`list-none m-0`,itemIcon:`shrink-0 text-muted-foreground`,trigger:[`group inline-flex items-center rounded-md bg-background font-medium transition-colors-200 decoration-none outline-none`,`hover:bg-accent hover:text-accent-foreground`,`focus:bg-accent focus:text-accent-foreground`,`disabled:pointer-events-none disabled:opacity-50`,`data-[active]:bg-accent/50`,`data-[state=open]:bg-accent/50`],subItemContent:`flex items-start rounded-md outline-none cursor-default select-none`,triggerIcon:`ms-auto transition duration-200 group-data-[state=open]:rotate-180`,indicator:[`fixed start-[--soybean-navigation-menu-indicator-left] top-[--soybean-navigation-menu-indicator-top] z-50`,`flex w-[--soybean-navigation-menu-indicator-size] items-end justify-center overflow-hidden transition-transform-200 ease-out`,`data-[state=visible]:animate-in data-[state=visible]:fade-in-0 data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0`,`data-[orientation=vertical]:-rotate-90 [&[dir=rtl]]:data-[orientation=vertical]:rotate-90`],link:[`group relative w-full flex items-center rounded-md font-medium outline-none cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],subLink:[`flex items-start select-none rounded-md no-underline outline-none transition-colors-200 cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],linkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,subLinkContent:`grow flex flex-col items-start`,subLinkLabel:`font-medium leading-none`,subLinkDescription:`line-clamp-2 text-muted-foreground leading-snug m-0`},variants:{size:{xs:{viewport:`mt-1.75 group-data-[orientation=vertical]:ms-3.5`,list:`gap-1 text-2xs`,subList:`gap-1.5 p-1.5 text-2xs`,trigger:`gap-1 px-1 py-1`,indicator:`h-1.75`,arrow:`size-2.25`,link:`gap-1 px-1 py-1`,subItemContent:`gap-1 px-1 py-1`,subLink:`gap-1 px-1 py-1`,linkIcon:`size-2 -ms-1`,subLinkDescription:`mt-1.25`},sm:{viewport:`mt-2 group-data-[orientation=vertical]:ms-4`,list:`gap-1.25 text-xs`,subList:`gap-1.75 p-1.75 text-xs`,trigger:`gap-1.5 px-1.5 py-1`,indicator:`h-2`,arrow:`size-2.5`,link:`gap-1.5 px-1.5 py-1`,subItemContent:`gap-1.5 px-1.5 py-1`,subLink:`gap-1.5 px-1.5 py-1`,linkIcon:`size-2.5 -ms-1.5`,subLinkDescription:`mt-1.25`},md:{viewport:`mt-[calc(0.625rem-1px)] group-data-[orientation=vertical]:ms-5`,list:`gap-1.5 text-sm`,subList:`gap-2 p-2 text-sm`,trigger:`gap-2 px-2 py-1.5`,indicator:`h-2.5`,arrow:`size-3`,link:`gap-2 px-2 py-1.5`,subItemContent:`gap-2 px-2 py-1.5`,subLink:`gap-2 px-2 py-1.5`,linkIcon:`size-3 -ms-2`,subLinkDescription:`mt-1.5`},lg:{viewport:`mt-3 group-data-[orientation=vertical]:ms-6`,list:`gap-1.75 text-base`,subList:`gap-2.5 p-2.5 text-base`,trigger:`gap-2.5 px-2.5 py-1.5`,indicator:`h-3`,arrow:`size-3.5`,link:`gap-2.5 px-2.5 py-1.5`,subItemContent:`gap-2.5 px-2.5 py-1.5`,subLink:`gap-2.5 px-2.5 py-1.5`,linkIcon:`size-3.5 -ms-2.5`,subLinkDescription:`mt-1.75`},xl:{viewport:`mt-3.5 group-data-[orientation=vertical]:ms-7`,list:`gap-2 text-lg`,subList:`gap-3 p-3 text-lg`,trigger:`gap-3 px-3 py-2`,indicator:`h-3.5`,arrow:`size-4`,link:`gap-3 px-3 py-2`,subItemContent:`gap-3 px-3 py-2`,subLink:`gap-3 px-3 py-2`,linkIcon:`size-4 -ms-3`,subLinkDescription:`mt-2`},"2xl":{viewport:`mt-4 group-data-[orientation=vertical]:ms-8`,list:`gap-2.5 text-xl`,subList:`gap-3.5 p-3.5 text-xl`,trigger:`gap-3.5 px-3.5 py-2.5`,indicator:`h-4`,arrow:`size-4.5`,link:`gap-3.5 px-3.5 py-2.5`,subItemContent:`gap-3.5 px-3.5 py-2.5`,subLink:`gap-3.5 px-3.5 py-2.5`,linkIcon:`size-4.5 -ms-3.5`,subLinkDescription:`mt-2.5`}}},defaultVariants:{size:`md`}});export{t as navigationMenuVariants};

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?: "pure" | "outline" | "soft" | "solid" | undefined;
   shape?: "rounded" | "square" | undefined;
-  variant?: "outline" | "soft" | "solid" | "pure" | 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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "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

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/switch.d.ts
-declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "thumb" | "control", NoInfer<{
+declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "control" | "thumb", NoInfer<{
   color: {
     primary: {
       control: "data-[state=checked]:bg-primary focus-visible:ring-primary/30";
@@ -66,7 +66,7 @@ declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "thumb
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "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<"fixed" | "content" | "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<{
+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<{
   size: {
     xs: {
       root: "text-2xs";
@@ -113,8 +113,8 @@ declare const tableVariants: import("@soybeanjs/cva").SCVResult<"fixed" | "conte
   };
 }>, {
   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";

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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | "raw" | undefined;
   shape?: "auto" | "rounded" | undefined;
-  variant?: "outline" | "soft" | "ghost" | "solid" | "pure" | "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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "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?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
-  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "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.28.2",
+  "version": "0.29.0-beta.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": {
@@ -49,47 +49,26 @@
     "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/shadcn-theme": "^0.3.4",
     "@soybeanjs/utils": "^0.1.1",
-    "valibot": "^1.4.1",
-    "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.28.2"
+    "@soybeanjs/headless": "^0.29.0-beta.2"
   },
   "devDependencies": {
-    "@nuxt/kit": "^4.4.6",
-    "@soybeanjs/cli": "^1.7.2",
-    "@soybeanjs/eslint-config-vue": "^0.1.0",
-    "@soybeanjs/oxc-config": "^0.2.0",
-    "@soybeanjs/unocss-preset": "^0.2.0",
+    "@nuxt/kit": "^4.4.8",
     "@soybeanjs/unocss-shadcn": "^0.7.0",
-    "@types/node": "^25.9.1",
+    "@types/node": "^25.9.2",
     "@unocss/cli": "^66.7.0",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vitejs/plugin-vue-jsx": "^5.1.5",
-    "@vitest/coverage-v8": "^4.1.7",
-    "@vue/test-utils": "^2.4.10",
-    "axe-core": "^4.11.4",
-    "cac": "^7.0.0",
-    "eslint": "^10.4.1",
-    "happy-dom": "^20.9.0",
-    "lint-staged": "^17.0.5",
-    "nuxt": ">=4.4.6",
-    "oxfmt": "^0.52.0",
-    "oxlint": "^1.67.0",
-    "simple-git-hooks": "^2.13.1",
-    "tsdown": "0.22.1",
-    "tsx": "^4.22.3",
-    "typedoc": "^0.28.19",
+    "@vue/test-utils": "^2.4.11",
+    "axe-core": "^4.12.0",
+    "happy-dom": "^20.10.2",
+    "nuxt": "^4.4.8",
     "typescript": "^6.0.3",
     "unocss": "^66.7.0",
     "unocss-preset-animations": "^1.3.0",
-    "unplugin-auto-import": "^21.0.0",
-    "unplugin-vue": "7.2.0",
+    "unplugin-vue": "^7.2.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.0.14",
-    "vite-plugin-vue-meta-layouts": "^0.6.1",
-    "vitest": "^4.1.7",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
     "vue": "^3.5.35",
     "vue-router": "^5.1.0",
-    "vue-tsc": "^3.3.2"
+    "vue-tsc": "^3.3.4"
   },
   "peerDependencies": {
     "@nuxt/kit": "^4.3.0",
@@ -116,37 +95,13 @@
       "optional": true
     }
   },
-  "simple-git-hooks": {
-    "commit-msg": "pnpm soy git-commit-verify",
-    "pre-commit": "pnpm typecheck && pnpm lint-staged"
-  },
-  "lint-staged": {
-    "*": "oxlint . --fix && oxfmt"
-  },
   "scripts": {
-    "build": "pnpm build:headless && pnpm build:ui && pnpm build:css && pnpm sui skills",
+    "build": "vp pack && pnpm build:css",
     "build:css": "unocss 'src/styles/**/*.ts' -o dist/styles.css --minify",
-    "build:docs": "pnpm --filter @soybeanjs/ui-docs build",
-    "build:headless": "pnpm --filter @soybeanjs/headless build",
-    "build:play": "vite build",
-    "build:ui": "pnpm tsdown",
-    "commit": "soy git-commit",
-    "dev": "vite",
-    "dev:docs": "pnpm --filter @soybeanjs/ui-docs dev",
-    "fmt": "oxfmt",
-    "lint": "oxlint --fix && eslint --fix headless/ src/",
-    "preview": "vite preview",
-    "preview:docs": "pnpm --filter @soybeanjs/ui-docs preview",
-    "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",
-    "test:ui": "vitest --ui",
-    "test:watch": "vitest watch",
-    "typecheck": "vue-tsc --noEmit --skipLibCheck",
-    "upkg": "soy ncu"
+    "test": "vp test run",
+    "test:coverage": "vp test run --coverage",
+    "test:ui": "vp test --ui",
+    "test:watch": "vp test watch",
+    "typecheck": "vue-tsc --noEmit --skipLibCheck"
   }
 }