@soybeanjs/ui 0.0.3 → 0.0.5-beta.1

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

@@ -2,26 +2,26 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
 import { SwitchProps } from "./types.js";
-import * as vue156 from "vue";
-import * as _soybeanjs_headless94 from "@soybeanjs/headless";
+import * as vue26 from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/switch/switch.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue156.PublicProps;
+  }> & vue26.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     leading?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless94.SwitchUi>;
+        ui: Partial<_soybeanjs_headless0.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless94.SwitchControlProps;
-        thumbProps: _soybeanjs_headless94.SwitchThumbProps;
+        controlProps: _soybeanjs_headless0.SwitchControlProps;
+        thumbProps: _soybeanjs_headless0.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -30,7 +30,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue156.StyleValue | undefined;
+        style: vue26.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -223,12 +223,12 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     default?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless94.SwitchUi>;
+        ui: Partial<_soybeanjs_headless0.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless94.SwitchControlProps;
-        thumbProps: _soybeanjs_headless94.SwitchThumbProps;
+        controlProps: _soybeanjs_headless0.SwitchControlProps;
+        thumbProps: _soybeanjs_headless0.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -237,7 +237,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue156.StyleValue | undefined;
+        style: vue26.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -430,12 +430,12 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     trailing?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless94.SwitchUi>;
+        ui: Partial<_soybeanjs_headless0.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless94.SwitchControlProps;
-        thumbProps: _soybeanjs_headless94.SwitchThumbProps;
+        controlProps: _soybeanjs_headless0.SwitchControlProps;
+        thumbProps: _soybeanjs_headless0.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -444,7 +444,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue156.StyleValue | undefined;
+        style: vue26.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -636,7 +636,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue156.VNode & {
+}>) => vue26.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,12 +1,12 @@
 import { TabsOptionData, TabsProps } from "./types.js";
-import * as vue220 from "vue";
+import * as vue277 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/tabs/tabs.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<T>>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<TabsProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue220.PublicProps;
+  }> & vue277.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue220.VNode & {
+}>) => vue277.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import { TagProps } from "./types.js";
-import * as vue161 from "vue";
+import * as vue169 from "vue";
 
 //#region src/components/tag/tag.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue161.DefineComponent<TagProps, {}, {}, {}, {}, vue161.ComponentOptionsMixin, vue161.ComponentOptionsMixin, {
+declare const __VLS_base: vue169.DefineComponent<TagProps, {}, {}, {}, {}, vue169.ComponentOptionsMixin, vue169.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue161.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue169.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue161.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue169.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { TextareaProps } from "./types.js";
-import * as vue104 from "vue";
+import * as vue174 from "vue";
 
 //#region src/components/textarea/textarea.vue.d.ts
 declare var __VLS_27: {
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue104.DefineComponent<TextareaProps, {}, {}, {}, {}, vue104.ComponentOptionsMixin, vue104.ComponentOptionsMixin, {
+declare const __VLS_base: vue174.DefineComponent<TextareaProps, {}, {}, {}, {}, vue174.ComponentOptionsMixin, vue174.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue104.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue174.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue104.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue174.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { TooltipProps } from "./types.js";
-import * as vue166 from "vue";
-import * as _soybeanjs_headless103 from "@soybeanjs/headless";
+import * as vue94 from "vue";
+import * as _soybeanjs_headless18 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
 declare var __VLS_15: {}, __VLS_27: {};
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue166.DefineComponent<TooltipProps, {}, {}, {}, {}, vue166.ComponentOptionsMixin, vue166.ComponentOptionsMixin, {
+declare const __VLS_base: vue94.DefineComponent<TooltipProps, {}, {}, {}, {}, vue94.ComponentOptionsMixin, vue94.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless103.PointerDownOutsideEvent) => any;
-}, string, vue166.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless18.PointerDownOutsideEvent) => any;
+}, string, vue94.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless103.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless18.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue166.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue94.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/tree/tree-virtualizer.vue.d.ts

@@ -1,6 +1,6 @@
 import { TreeVirtualizerProps } from "./types.js";
-import * as vue231 from "vue";
-import * as _soybeanjs_headless114 from "@soybeanjs/headless";
+import * as vue108 from "vue";
+import * as _soybeanjs_headless21 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   props: __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  }> & vue231.PublicProps;
+  }> & vue108.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     item?: (props: {
       key: number;
       virtualItem: _tanstack_vue_virtual0.VirtualItem;
-      item: _soybeanjs_headless114.FlattenedItem<T>;
+      item: _soybeanjs_headless21.FlattenedItem<T>;
       modelValue: U;
       expanded: string[];
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue231.VNode & {
+}>) => vue108.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
-import * as vue229 from "vue";
-import * as _soybeanjs_headless113 from "@soybeanjs/headless";
+import * as vue106 from "vue";
+import * as _soybeanjs_headless20 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
 
 //#region src/components/tree/tree.vue.d.ts
@@ -7,7 +7,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   props: __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  }> & vue229.PublicProps;
+  }> & vue106.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   } & {
     item?: (props: {
       key: string;
-      item: _soybeanjs_headless113.FlattenedItem<T>;
+      item: _soybeanjs_headless20.FlattenedItem<T>;
       modelValue: U | undefined;
       expanded: string[];
     }) => any;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue229.VNode & {
+}>) => vue106.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/tree-menu/tree-menu-item-wrapper.vue.d.ts

@@ -1,11 +1,11 @@
-import * as vue224 from "vue";
+import * as vue99 from "vue";
 
 //#region src/components/tree-menu/tree-menu-item-wrapper.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue224.DefineComponent<{}, {}, {}, {}, {}, vue224.ComponentOptionsMixin, vue224.ComponentOptionsMixin, {}, string, vue224.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue224.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue99.DefineComponent<{}, {}, {}, {}, {}, vue99.ComponentOptionsMixin, vue99.ComponentOptionsMixin, {}, string, vue99.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue99.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { TreeMenuGroupOptionData, TreeMenuOptionData, TreeMenuProps } from "./types.js";
-import * as vue222 from "vue";
+import * as vue104 from "vue";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -7,7 +7,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
-  }> & vue222.PublicProps;
+  }> & vue104.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -35,7 +35,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void);
-}>) => vue222.VNode & {
+}>) => vue104.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,10 @@
 import { VirtualizerProps } from "./types.js";
-import * as vue109 from "vue";
+import * as vue179 from "vue";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/virtualizer/virtualizer.vue.d.ts
 declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<VirtualizerProps<T>> & vue109.PublicProps;
+  props: __VLS_PrettifyLocal<VirtualizerProps<T>> & vue179.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     }) => any;
   };
   emit: {};
-}>) => vue109.VNode & {
+}>) => vue179.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/variants/alert.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/alert.d.ts
-declare const alertVariants: tailwind_variants0.TVReturnType<{
+declare const alertVariants: tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       root: string;
@@ -196,7 +196,7 @@ declare const alertVariants: tailwind_variants0.TVReturnType<{
   title: string;
   description: string;
   closable: string;
-}, tailwind_variants0.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       root: string;

package/dist/variants/badge.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants1 from "tailwind-variants";
+import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/badge.d.ts
-declare const badgeVariants: tailwind_variants1.TVReturnType<{
+declare const badgeVariants: tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       content: string;
@@ -130,7 +130,7 @@ declare const badgeVariants: tailwind_variants1.TVReturnType<{
 }, {
   root: string;
   content: string;
-}, tailwind_variants1.TVReturnType<{
+}, tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       content: string;

package/dist/variants/button.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants23 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/button.d.ts
-declare const buttonVariants: tailwind_variants23.TVReturnType<{
+declare const buttonVariants: tailwind_variants21.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -92,7 +92,7 @@ declare const buttonVariants: tailwind_variants23.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants23.TVReturnType<{
+}, undefined, tailwind_variants21.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/checkbox.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants27 from "tailwind-variants";
+import * as tailwind_variants25 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/checkbox.d.ts
-declare const checkboxVariants: tailwind_variants27.TVReturnType<{
+declare const checkboxVariants: tailwind_variants25.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants27.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants27.TVReturnType<{
+}, tailwind_variants25.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/kbd.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants19 from "tailwind-variants";
+import * as tailwind_variants5 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/kbd.d.ts
-declare const kbdVariants: tailwind_variants19.TVReturnType<{
+declare const kbdVariants: tailwind_variants5.TVReturnType<{
   variant: {
     solid: string;
     outline: string;
@@ -30,7 +30,7 @@ declare const kbdVariants: tailwind_variants19.TVReturnType<{
     xl: string;
     '2xl': string;
   };
-}, undefined, tailwind_variants19.TVReturnType<{
+}, undefined, tailwind_variants5.TVReturnType<{
   variant: {
     solid: string;
     outline: string;

package/dist/variants/pagination.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants31 from "tailwind-variants";
+import * as tailwind_variants17 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/pagination.d.ts
-declare const paginationVariants: tailwind_variants31.TVReturnType<{
+declare const paginationVariants: tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       list: string;
@@ -150,7 +150,7 @@ declare const paginationVariants: tailwind_variants31.TVReturnType<{
   ellipsis: string;
   button: string[];
   navigationButton: string[];
-}, tailwind_variants31.TVReturnType<{
+}, tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       list: string;

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants29 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/radio-group.d.ts
-declare const radioGroupVariants: tailwind_variants3.TVReturnType<{
+declare const radioGroupVariants: tailwind_variants29.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -180,7 +180,7 @@ declare const radioGroupVariants: tailwind_variants3.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants3.TVReturnType<{
+}, tailwind_variants29.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/separator.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants7 from "tailwind-variants";
+import * as tailwind_variants13 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/separator.d.ts
-declare const separatorVariants: tailwind_variants7.TVReturnType<{
+declare const separatorVariants: tailwind_variants13.TVReturnType<{
   size: {
     xs: {
       label: string;
@@ -114,7 +114,7 @@ declare const separatorVariants: tailwind_variants7.TVReturnType<{
 }, {
   root: string;
   label: string;
-}, tailwind_variants7.TVReturnType<{
+}, tailwind_variants13.TVReturnType<{
   size: {
     xs: {
       label: string;

package/dist/variants/switch.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants11 from "tailwind-variants";
+import * as tailwind_variants1 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/switch.d.ts
-declare const switchVariants: tailwind_variants11.TVReturnType<{
+declare const switchVariants: tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -136,7 +136,7 @@ declare const switchVariants: tailwind_variants11.TVReturnType<{
   root: string;
   control: string[];
   thumb: string;
-}, tailwind_variants11.TVReturnType<{
+}, tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/tabs.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants3 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tabs.d.ts
-declare const tabsVariants: tailwind_variants21.TVReturnType<{
+declare const tabsVariants: tailwind_variants3.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -148,7 +148,7 @@ declare const tabsVariants: tailwind_variants21.TVReturnType<{
   indicator: string;
   indicatorContent: string;
   content: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants3.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants15 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants9.TVReturnType<{
+declare const tagVariants: tailwind_variants15.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants9.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants9.TVReturnType<{
+}, undefined, tailwind_variants15.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/textarea.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/textarea.d.ts
-declare const textareaVariants: tailwind_variants17.TVReturnType<{
+declare const textareaVariants: tailwind_variants19.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -118,7 +118,7 @@ declare const textareaVariants: tailwind_variants17.TVReturnType<{
   control: string[];
   counter: string;
   clearable: string;
-}, tailwind_variants17.TVReturnType<{
+}, tailwind_variants19.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/toast.d.ts

@@ -1,9 +1,9 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants7 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/toast.d.ts
 
-declare const toastViewportVariants: tailwind_variants13.TVReturnType<{
+declare const toastViewportVariants: tailwind_variants7.TVReturnType<{
   size: {
     xs: string;
     sm: string;
@@ -37,7 +37,7 @@ declare const toastViewportVariants: tailwind_variants13.TVReturnType<{
     'bottom-left': string;
     'bottom-right': string;
   };
-}, undefined, tailwind_variants13.TVReturnType<{
+}, undefined, tailwind_variants7.TVReturnType<{
   size: {
     xs: string;
     sm: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5-beta.1",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -52,7 +52,7 @@
     "fuse.js": "^7.1.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.1.1",
-    "@soybeanjs/headless": "^0.0.3"
+    "@soybeanjs/headless": "^0.0.5-beta.1"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.1",