@soybeanjs/ui 0.0.7 → 0.0.9

package/dist/variants/pagination.d.ts

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

package/dist/variants/popover.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{content:[`w-auto rounded-md border bg-popover  text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{content:`p-3 text-2xs`,arrow:`text-3xs`},sm:{content:`p-3.5 text-xs`,arrow:`text-2xs`},md:{content:`p-4 text-sm`,arrow:`text-xs`},lg:{content:`p-4.5 text-base`,arrow:`text-sm`},xl:{content:`p-5 text-lg`,arrow:`text-base`},"2xl":{content:`p-5.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover  text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`},md:{popup:`p-4 text-sm`,arrow:`text-xs`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`},xl:{popup:`p-5 text-lg`,arrow:`text-base`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};

package/dist/variants/radio-group.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/radio-group.d.ts
-declare const radioGroupVariants: tailwind_variants23.TVReturnType<{
+declare const radioGroupVariants: tailwind_variants15.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -180,7 +180,7 @@ declare const radioGroupVariants: tailwind_variants23.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants23.TVReturnType<{
+}, tailwind_variants15.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/select.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{trigger:[`flex items-center justify-between w-full rounded-md border border-input bg-background`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-primary disabled:pointer-events-none disabled:opacity-50`,`placeholder:text-muted-foreground data-[placeholder]:text-muted-foreground`],triggerIcon:`shrink-0 text-muted-foreground opacity-70`,value:`truncate`,content:[`relative z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:``,group:``,groupLabel:`font-medium text-muted-foreground`,item:[`relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemText:``,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-muted`,scrollUpButton:`flex items-center justify-center cursor-default`,scrollDownButton:`flex items-center justify-center cursor-default`,arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{content:`max-h-70 text-2xs`,trigger:`h-6 px-1.5 text-2xs`,viewport:`p-0.75`,item:`gap-1 px-1 py-1`,groupLabel:`p-1 text-3xs`,separator:`-mx-0.75 my-0.375`,scrollUpButton:`py-0.75`,scrollDownButton:`py-0.75`,arrow:`text-3xs`},sm:{content:`max-h-75 text-xs`,trigger:`h-7 px-2 text-xs`,viewport:`p-0.875`,item:`gap-1.5 px-1.5 py-1`,separator:`-mx-0.875 my-0.4375`,groupLabel:`p-1.25 text-2xs`,scrollUpButton:`py-0.875`,scrollDownButton:`py-0.875`,arrow:`text-2xs`},md:{content:`max-h-80 text-sm`,trigger:`h-8 px-2.5 text-sm`,viewport:`p-1`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-0.5`,groupLabel:`p-1.75 text-xs`,scrollUpButton:`py-1`,scrollDownButton:`py-1`,arrow:`text-xs`},lg:{content:`max-h-90 text-base`,trigger:`h-9 px-3 text-base`,viewport:`p-1.25`,item:`gap-2.5 px-2.5 py-1.5`,separator:`-mx-1.25 my-0.625`,groupLabel:`p-2 text-sm`,scrollUpButton:`py-1.25`,scrollDownButton:`py-1.25`,arrow:`text-sm`},xl:{content:`max-h-100 text-lg`,trigger:`h-10 px-3.5 text-lg`,viewport:`p-1.5`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-0.75`,groupLabel:`p-2.5 text-base`,scrollUpButton:`py-1.5`,scrollDownButton:`py-1.5`,arrow:`text-base`},"2xl":{content:`max-h-115 text-xl`,trigger:`h-12 px-4 text-xl`,viewport:`p-1.75`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-0.875`,groupLabel:`p-3 text-lg`,scrollUpButton:`py-1.75`,scrollDownButton:`py-1.75`,arrow:`text-lg`}},position:{popper:{content:`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,viewport:`h-[--soybean-select-trigger-height] w-full min-w-[--soybean-select-trigger-width]`},"item-aligned":``}},defaultVariants:{size:`md`,position:`popper`}});export{t as selectVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{trigger:[`flex items-center justify-between w-full rounded-md border border-input bg-background`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-primary disabled:pointer-events-none disabled:opacity-50`,`placeholder:text-muted-foreground data-[placeholder]:text-muted-foreground`],triggerIcon:`shrink-0 text-muted-foreground opacity-70`,value:`truncate`,positioner:``,popup:[`relative z-50 min-w-32 rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:``,group:``,groupLabel:`font-medium text-muted-foreground`,item:[`relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemText:``,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-muted`,scrollUpButton:`flex items-center justify-center cursor-default`,scrollDownButton:`flex items-center justify-center cursor-default`,arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`max-h-70 text-2xs`,trigger:`h-6 px-1.5 text-2xs`,viewport:`p-0.75`,item:`gap-1 px-1 py-1`,groupLabel:`p-1 text-3xs`,separator:`-mx-0.75 my-0.375`,scrollUpButton:`py-0.75`,scrollDownButton:`py-0.75`,arrow:`text-3xs`},sm:{popup:`max-h-75 text-xs`,trigger:`h-7 px-2 text-xs`,viewport:`p-0.875`,item:`gap-1.5 px-1.5 py-1`,separator:`-mx-0.875 my-0.4375`,groupLabel:`p-1.25 text-2xs`,scrollUpButton:`py-0.875`,scrollDownButton:`py-0.875`,arrow:`text-2xs`},md:{popup:`max-h-80 text-sm`,trigger:`h-8 px-2.5 text-sm`,viewport:`p-1`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-0.5`,groupLabel:`p-1.75 text-xs`,scrollUpButton:`py-1`,scrollDownButton:`py-1`,arrow:`text-xs`},lg:{popup:`max-h-90 text-base`,trigger:`h-9 px-3 text-base`,viewport:`p-1.25`,item:`gap-2.5 px-2.5 py-1.5`,separator:`-mx-1.25 my-0.625`,groupLabel:`p-2 text-sm`,scrollUpButton:`py-1.25`,scrollDownButton:`py-1.25`,arrow:`text-sm`},xl:{popup:`max-h-100 text-lg`,trigger:`h-10 px-3.5 text-lg`,viewport:`p-1.5`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-0.75`,groupLabel:`p-2.5 text-base`,scrollUpButton:`py-1.5`,scrollDownButton:`py-1.5`,arrow:`text-base`},"2xl":{popup:`max-h-115 text-xl`,trigger:`h-12 px-4 text-xl`,viewport:`p-1.75`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-0.875`,groupLabel:`p-3 text-lg`,scrollUpButton:`py-1.75`,scrollDownButton:`py-1.75`,arrow:`text-lg`}},position:{popper:{popup:`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,viewport:`h-[--soybean-select-trigger-height] w-full min-w-[--soybean-select-trigger-width]`},"item-aligned":``}},defaultVariants:{size:`md`,position:`popper`}});export{t as selectVariants};

package/dist/variants/separator.d.ts

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

package/dist/variants/switch.d.ts

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

package/dist/variants/tabs.d.ts

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

package/dist/variants/tag.d.ts

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

package/dist/variants/textarea.d.ts

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

package/dist/variants/toast.d.ts

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

package/dist/variants/tooltip.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{content:[`w-auto rounded-md border bg-popover  text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`animate-in fade-in-0 zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{content:`px-2 py-1 text-2xs`,arrow:`text-3xs`},sm:{content:`px-2.5 py-1.25 text-xs`,arrow:`text-2xs`},md:{content:`px-3 py-1.5 text-sm`,arrow:`text-xs`},lg:{content:`px-3.5 py-1.75 text-base`,arrow:`text-sm`},xl:{content:`px-4 py-2 text-lg`,arrow:`text-base`},"2xl":{content:`px-4.5 py-2.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as tooltipVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover  text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`animate-in fade-in-0 zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`px-2 py-1 text-2xs`,arrow:`text-3xs`},sm:{popup:`px-2.5 py-1.25 text-xs`,arrow:`text-2xs`},md:{popup:`px-3 py-1.5 text-sm`,arrow:`text-xs`},lg:{popup:`px-3.5 py-1.75 text-base`,arrow:`text-sm`},xl:{popup:`px-4 py-2 text-lg`,arrow:`text-base`},"2xl":{popup:`px-4.5 py-2.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as tooltipVariants};

package/dist/variants/tree-menu.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 size-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out data-[state=collapsed]:space-y-0`,groupLabel:`flex items-center text-foreground/70 list-none 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 rounded-sm outline-none cursor-pointer select-none list-none`,`data-[selected]:bg-primary/10 data-[selected]:text-primary`,`[&:not([data-selected])]:hover:bg-accent [&:not([data-selected])]:hover:text-accent-foreground`,`[&:not([data-selected])]:focus:bg-accent [&:not([data-selected])]:focus:text-accent-foreground`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`group-data-[state=collapsed]:overflow-hidden`],itemContent:`flex items-center w-full outline-none data-[link]:decoration-none`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1`,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`,collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 data-[expanded]:rotate-90`},variants:{size:{xs:{root:`space-y-0.75 p-1.5 text-2xs`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,item:`h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6 text-2xs ml-[calc(var(--soybean-tree-menu-indent)*0.75rem)]`,itemContent:`gap-1.5`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`space-y-0.875 p-1.75 text-xs`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,item:`h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7 text-xs ml-[calc(var(--soybean-tree-menu-indent)*0.875rem)]`,itemContent:`gap-1.75`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`space-y-1 p-2 text-sm`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,item:`h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8 text-sm ml-[calc(var(--soybean-tree-menu-indent)*1rem)]`,itemContent:`gap-2`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`space-y-1.25 p-2.25 text-base`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,item:`h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9 text-base ml-[calc(var(--soybean-tree-menu-indent)*1.125rem)]`,itemContent:`gap-2.25`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`space-y-1.5 p-2.5 text-lg`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,item:`h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10 text-lg ml-[calc(var(--soybean-tree-menu-indent)*1.25rem)]`,itemContent:`gap-2.5`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`space-y-2 p-3 text-xl`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,item:`h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12 text-xl ml-[calc(var(--soybean-tree-menu-indent)*1.5rem)]`,itemContent:`gap-3`,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 size-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`,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 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 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};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -52,36 +52,36 @@
     "fuse.js": "^7.1.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
-    "@soybeanjs/headless": "^0.0.7"
+    "@soybeanjs/headless": "^0.0.9"
   },
   "devDependencies": {
-    "@soybeanjs/cli": "^1.4.1",
-    "@soybeanjs/eslint-config": "^1.7.4",
+    "@soybeanjs/cli": "^1.4.4",
+    "@soybeanjs/eslint-config": "^1.7.5",
     "@soybeanjs/unocss-preset": "^0.1.7",
-    "@types/node": "^24.10.2",
-    "@unocss/cli": "^66.5.10",
-    "@vitest/coverage-v8": "^4.0.15",
+    "@types/node": "^25.0.3",
+    "@unocss/cli": "^66.5.12",
+    "@vitest/coverage-v8": "^4.0.16",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-plugin-vue": "^10.6.2",
     "happy-dom": "^20.0.11",
     "lint-staged": "^16.2.7",
     "simple-git-hooks": "^2.13.1",
-    "tsdown": "^0.17.2",
+    "tsdown": "^0.18.4",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "unocss": "^66.5.10",
+    "unocss": "^66.5.12",
     "unocss-preset-animations": "^1.3.0",
     "unplugin-vue": "^7.1.0",
     "unplugin-vue-components": "^30.0.0",
     "unplugin-vue-jsx": "^0.8.1",
-    "vite": "^7.2.7",
+    "vite": "^7.3.0",
     "vite-plugin-vue-devtools": "^8.0.5",
-    "vitest": "^4.0.15",
-    "vue": "^3.5.25",
+    "vitest": "^4.0.16",
+    "vue": "^3.5.26",
     "vue-eslint-parser": "^10.2.0",
-    "vue-router": "^4.6.3",
-    "vue-tsc": "^3.1.7"
+    "vue-router": "^4.6.4",
+    "vue-tsc": "^3.2.1"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",

package/dist/components/tree-menu/tree-menu-item-wrapper.js

@@ -1 +0,0 @@
-import{useTreeMenuThemeContext as e}from"./context.js";import{treeMenuCssVars as t}from"./shared.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=i({name:`STreeMenuItemWrapper`,__name:`tree-menu-item-wrapper`,setup(i){let{ui:l}=e(`STreeMenuItemWrapper`),u=`${t.indent}: 0`;return(e,t)=>(o(),n(`li`,{class:a(c(l).item),"data-level":`0`,style:u},[r(`div`,{class:a(c(l).itemContent)},[s(e.$slots,`default`)],2)],2))}});export{l as default};

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

@@ -1,17 +0,0 @@
-import * as vue297 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: vue297.DefineComponent<{}, {}, {}, {}, {}, vue297.ComponentOptionsMixin, vue297.ComponentOptionsMixin, {}, string, vue297.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue297.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 & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

package/dist/components/tree-menu/tree-menu-item.js

@@ -1 +0,0 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../link/link.js";import i from"../dropdown-menu/dropdown-menu.js";import a from"../tag/tag.js";import o from"../tooltip/tooltip.js";import{useTreeMenuContext as s,useTreeMenuThemeContext as c}from"./context.js";import{treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderSlot as b,resolveDynamicComponent as x,toDisplayString as S,toHandlers as C,unref as w,useAttrs as T,withCtx as E,withModifiers as D}from"vue";import{useForwardListeners as O,usePickProps as k}from"@soybeanjs/headless/composables";import{TreeItem as A}from"@soybeanjs/headless";var j=g({name:`STreeMenuItem`,__name:`tree-menu-item`,props:{actionMenuProps:{},tooltipProps:{},dropdownMenuProps:{},value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},label:{},icon:{},to:{},href:{},linkProps:{},badge:{},badgeProps:{},tag:{},tagProps:{},actions:{},onActionSelect:{type:Function},children:{}},emits:[`selectDropdown`],setup(g,{emit:j}){let M=g,N=j,P=T(),F=O(N),{size:I,collapsed:L}=s(`TreeMenuItem`),{ui:R}=c(`TreeMenuItem`),z=d(()=>!!(M.to||M.href||M.linkProps)),B=d(()=>{let e={disabled:M.disabled,...M.linkProps};return M.to&&(e.to=M.to),M.href&&(e.href=M.href),e}),V=k(M,[`value`,`level`,`disabled`,`disabledSelect`,`disabledToggle`],P),H=d(()=>z.value?r:`button`),U=d(()=>z.value?B.value:{}),W=d(()=>({[l.indent]:M.level-1})),G=d(()=>!!M.children?.length),K=d(()=>L.value&&G.value),q=d(()=>L.value&&!K.value?M.label:void 0),J=d(()=>!!(K.value||q.value)),Y=d(()=>({placement:`right`,...M.tooltipProps})),X=d(()=>({trigger:`hover`,contentProps:{placement:`right`},...M.dropdownMenuProps})),Z=d(()=>({color:`accent`,variant:`raw`,...M.tagProps,content:M.tag})),Q=e=>{N(`selectDropdown`,e.value)};return(r,s)=>(y(),f(w(A),_({class:w(R).item},w(V),{"data-level":g.level,"disabled-toggle":J.value,"disabled-select":J.value,style:W.value},C(w(F))),{default:E(({isExpanded:c})=>[(y(),f(x(H.value),_(U.value,{class:w(R).itemContent,"data-link":z.value?``:void 0,tabindex:`-1`}),{default:E(o=>[b(r.$slots,`leading`,{},()=>[g.icon?(y(),f(t,{key:0,icon:g.icon},null,8,[`icon`])):p(`v-if`,!0)]),b(r.$slots,`default`,{},()=>[g.badge?(y(),f(n,_({key:0},g.badgeProps,{size:w(I),content:g.badge,class:w(R).itemBadge}),{default:E(()=>[h(`span`,{class:v(w(R).itemLabel)},S(g.label),3)]),_:1},16,[`size`,`content`,`class`])):(y(),m(`span`,{key:1,class:v(w(R).itemLabel)},S(g.label),3))]),z.value&&o?.isHref?(y(),f(t,{key:0,icon:`lucide:arrow-up-right`,class:v(w(R).itemLinkIcon)},null,8,[`class`])):p(`v-if`,!0),g.tag?(y(),f(a,_({key:1},Z.value,{size:w(I),content:g.tag,class:w(R).itemTag}),null,16,[`size`,`content`,`class`])):p(`v-if`,!0),g.actions?.length?(y(),f(i,_({key:2},g.actionMenuProps,{size:w(I),items:g.actions,onSelect:g.onActionSelect}),{trigger:E(()=>[w(L)?p(`v-if`,!0):(y(),f(e,{key:0,icon:`lucide:ellipsis`,size:w(I),class:v(w(R).itemAction),onClick:s[0]||=D(()=>{},[`stop`])},null,8,[`size`,`class`]))]),_:1},16,[`size`,`items`,`onSelect`])):p(`v-if`,!0),b(r.$slots,`trailing`),G.value?(y(),f(t,{key:3,icon:`lucide:chevron-right`,"data-expanded":c?``:void 0,class:v(w(R).collapsibleIcon)},null,8,[`data-expanded`,`class`])):p(`v-if`,!0)]),_:2},1040,[`class`,`data-link`])),J.value?(y(),m(u,{key:0},[q.value?(y(),f(o,_({key:0},Y.value,{size:w(I),content:q.value}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`size`,`content`])):p(`v-if`,!0),K.value?(y(),f(i,_({key:1},X.value,{items:g.children??[],disabled:g.disabled,size:w(I),"data-menu":g.label,onSelect:Q}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):p(`v-if`,!0)],64)):p(`v-if`,!0)]),_:3},16,[`class`,`data-level`,`disabled-toggle`,`disabled-select`,`style`]))}});export{j as default};