@soybeanjs/ui 0.1.6 → 0.1.7

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

@@ -1,10 +1,10 @@
 import { TabsOptionData, TabsProps } from "./types.js";
-import * as vue268 from "vue";
+import * as vue283 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue268.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue283.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue268.VNode & {
+}>) => vue283.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 vue285 from "vue";
+import * as vue242 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: vue285.DefineComponent<TagProps, {}, {}, {}, {}, vue285.ComponentOptionsMixin, vue285.ComponentOptionsMixin, {
+declare const __VLS_base: vue242.DefineComponent<TagProps, {}, {}, {}, {}, vue242.ComponentOptionsMixin, vue242.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue285.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue242.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue285.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue242.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 vue280 from "vue";
+import * as vue274 from "vue";
 
 //#region src/components/textarea/textarea.vue.d.ts
 declare var __VLS_28: {
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_base: vue280.DefineComponent<TextareaProps, {}, {}, {}, {}, vue280.ComponentOptionsMixin, vue280.ComponentOptionsMixin, {
+declare const __VLS_base: vue274.DefineComponent<TextareaProps, {}, {}, {}, {}, vue274.ComponentOptionsMixin, vue274.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue280.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue274.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue280.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue274.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 vue290 from "vue";
-import * as _soybeanjs_headless190 from "@soybeanjs/headless";
+import * as vue285 from "vue";
+import * as _soybeanjs_headless178 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {};
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: vue290.DefineComponent<TooltipProps, {}, {}, {}, {}, vue290.ComponentOptionsMixin, vue290.ComponentOptionsMixin, {
+declare const __VLS_base: vue285.DefineComponent<TooltipProps, {}, {}, {}, {}, vue285.ComponentOptionsMixin, vue285.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless190.PointerDownOutsideEvent) => any;
-}, string, vue290.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless178.PointerDownOutsideEvent) => any;
+}, string, vue285.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless190.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless178.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue290.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue285.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,12 +1,12 @@
 import { TreeVirtualizerProps } from "./types.js";
-import * as vue118 from "vue";
-import * as _soybeanjs_headless48 from "@soybeanjs/headless";
+import * as vue281 from "vue";
+import * as _soybeanjs_headless177 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/tree/tree-virtualizer.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__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: vue118.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
+  props: vue281.PublicProps & __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;
   }> & (typeof globalThis extends {
@@ -18,13 +18,13 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     item?: (props: {
       key: number;
       virtualItem: _tanstack_vue_virtual0.VirtualItem;
-      item: _soybeanjs_headless48.FlattenedItem<T>;
+      item: _soybeanjs_headless177.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);
-}>) => vue118.VNode & {
+}>) => vue281.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,10 @@
-import * as vue120 from "vue";
-import * as _soybeanjs_headless49 from "@soybeanjs/headless";
+import * as vue279 from "vue";
+import * as _soybeanjs_headless176 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
 
 //#region src/components/tree/tree.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__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: vue120.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+  props: vue279.PublicProps & __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;
   }> & (typeof globalThis extends {
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   } & {
     item?: (props: {
       key: string;
-      item: _soybeanjs_headless49.FlattenedItem<T>;
+      item: _soybeanjs_headless176.FlattenedItem<T>;
       modelValue: U | undefined;
       expanded: string[];
     }) => any;
@@ -25,7 +25,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);
-}>) => vue120.VNode & {
+}>) => vue279.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,12 +1,12 @@
 import { TreeMenuStyledItemProps } from "./types.js";
-import * as vue309 from "vue";
+import * as vue290 from "vue";
 
 //#region src/components/tree-menu/tree-menu-styled-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue309.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue309.ComponentOptionsMixin, vue309.ComponentOptionsMixin, {}, string, vue309.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue309.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue290.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue290.ComponentOptionsMixin, vue290.ComponentOptionsMixin, {}, string, vue290.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue290.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-menu/tree-menu.vue.d.ts

@@ -1,9 +1,9 @@
 import { TreeMenuBaseOptionData, TreeMenuProps } from "./types.js";
-import * as vue307 from "vue";
+import * as vue295 from "vue";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__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: vue307.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
+  props: vue295.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
-}>) => vue307.VNode & {
+}>) => vue295.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/styles.css

@@ -244,6 +244,13 @@
 .ml-3\.5{margin-left:0.875rem;}
 .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:ml-4{margin-left:1rem;}
 .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:mt-0{margin-top:0;}
+.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:mb-0{margin-bottom:0;}
+.mb-0\.75{margin-bottom:0.1875rem;}
+.mb-0\.875{margin-bottom:0.21875rem;}
+.mb-1{margin-bottom:0.25rem;}
+.mb-1\.25{margin-bottom:0.3125rem;}
+.mb-1\.5{margin-bottom:0.375rem;}
+.mb-2{margin-bottom:0.5rem;}
 .ml-\[--soybean-tree-menu-indent\]{margin-left:var(--soybean-tree-menu-indent);}
 .ml-1\.5{margin-left:0.375rem;}
 .ml-auto{margin-left:auto;}

package/dist/variants/checkbox.d.ts

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

package/dist/variants/kbd.d.ts

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

package/dist/variants/pagination.d.ts

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

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

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

package/dist/variants/separator.d.ts

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

package/dist/variants/switch.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/switch.d.ts
-declare const switchVariants: tailwind_variants25.TVReturnType<{
+declare const switchVariants: tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -136,7 +136,7 @@ declare const switchVariants: tailwind_variants25.TVReturnType<{
   root: string;
   control: string[];
   thumb: string;
-}, tailwind_variants25.TVReturnType<{
+}, tailwind_variants19.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_variants17 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tabs.d.ts
-declare const tabsVariants: tailwind_variants21.TVReturnType<{
+declare const tabsVariants: tailwind_variants17.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_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants23 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_variants23.TVReturnType<{
+declare const tagVariants: tailwind_variants15.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants23.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants23.TVReturnType<{
+}, undefined, tailwind_variants15.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/textarea.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/textarea.d.ts
-declare const textareaVariants: tailwind_variants27.TVReturnType<{
+declare const textareaVariants: tailwind_variants25.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -118,7 +118,7 @@ declare const textareaVariants: tailwind_variants27.TVReturnType<{
   control: string[];
   counter: string;
   clearable: string;
-}, tailwind_variants27.TVReturnType<{
+}, tailwind_variants25.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/toast.d.ts

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

package/dist/variants/tree-menu.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:``,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active=true]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active=true]/button:text-primary`,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-2 p-1.5 text-2xs data-[state=collapsed]:gap-0.75`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.75`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.75 px-1.5 pt-0.75`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`gap-2.5 p-1.75 text-xs data-[state=collapsed]:gap-0.875`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-0.875`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-0.875 px-1.75 pt-0.875`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`gap-3 p-2 text-sm data-[state=collapsed]:gap-1`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1 px-2 pt-1`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`gap-3.5 p-2.25 text-base data-[state=collapsed]:gap-1.25`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.25`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.25 px-2.25 pt-1.25`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`gap-4 p-2.5 text-lg data-[state=collapsed]:gap-1.5`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,group:`gap-1.5`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-1.5 px-2.5 pt-1.5`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`gap-5 p-3 text-xl data-[state=collapsed]:gap-2`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2 px-3 pt-2`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:`group-data-[state=collapsed]:mb-0`,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active=true]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active=true]/button:text-primary`,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-2 p-1.5 text-2xs data-[state=collapsed]:gap-0.75`,groupRoot:`mb-0.75`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.75`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.75 px-1.5 pt-0.75`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`gap-2.5 p-1.75 text-xs data-[state=collapsed]:gap-0.875`,groupRoot:`mb-0.875`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-0.875`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-0.875 px-1.75 pt-0.875`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`gap-1 p-2 text-sm data-[state=collapsed]:gap-1`,groupRoot:`mb-1`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1 px-2 pt-1`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`gap-3.5 p-2.25 text-base data-[state=collapsed]:gap-1.25`,groupRoot:`mb-1.25`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.25`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.25 px-2.25 pt-1.25`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`gap-4 p-2.5 text-lg data-[state=collapsed]:gap-1.5`,groupRoot:`mb-1.5`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,group:`gap-1.5`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-1.5 px-2.5 pt-1.5`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`gap-5 p-3 text-xl data-[state=collapsed]:gap-2`,groupRoot:`mb-2`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2 px-3 pt-2`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -55,7 +55,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.1.6"
+    "@soybeanjs/headless": "^0.1.7"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.4",