@soybeanjs/ui 0.0.2-beta.8 → 0.0.2

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 ring-2 ring-offset-2 ring-offset-background ring-primary) focus:(ring-2 ring-offset-2 ring-offset-background ring-primary) disabled:(pointer-events-none 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 fade-in-0 zoom-in-95)`,`data-[state=closed]:(animate-out fade-out-0 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 text-accent-foreground) data-[disabled]:(pointer-events-none 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`,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};

package/dist/variants/switch.d.ts

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

package/dist/variants/switch.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({base:[],slots:{root:`inline-flex`,control:[`peer shrink-0 inline-flex items-center rounded-full border-0 shadow-sm transition-colors-200`,`focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background) disabled:(cursor-not-allowed opacity-50) data-[state=unchecked]:bg-input`],thumb:`flex justify-center items-center rounded-full shadow-lg transition-transform-200 bg-background pointer-events-none data-[state=unchecked]:translate-x-0.5`},variants:{color:{primary:{control:`data-[state=checked]:bg-primary focus-visible:ring-primary`},destructive:{control:`data-[state=checked]:bg-destructive focus-visible:ring-destructive`},success:{control:`data-[state=checked]:bg-success focus-visible:ring-success`},warning:{control:`data-[state=checked]:bg-warning focus-visible:ring-warning`},info:{control:`data-[state=checked]:bg-info focus-visible:ring-info`},carbon:{control:`data-[state=checked]:bg-carbon focus-visible:ring-carbon`},secondary:{control:`data-[state=checked]:bg-secondary-foreground/20 focus-visible:ring-secondary-foreground/20`},accent:{control:`data-[state=checked]:bg-accent-foreground/20 focus-visible:ring-accent-foreground/20`}},size:{xs:{control:`h-4 w-7`,thumb:`size-3 data-[state=checked]:translate-x-3.5`},sm:{control:`h-4.5 w-8`,thumb:`size-3.5 data-[state=checked]:translate-x-4`},md:{control:`h-5 w-9`,thumb:`size-4 data-[state=checked]:translate-x-4.5`},lg:{control:`h-5.5 w-10`,thumb:`size-4.5 data-[state=checked]:translate-x-5`},xl:{control:`h-6 w-11`,thumb:`size-5 data-[state=checked]:translate-x-5.5`},"2xl":{control:`h-7 w-13`,thumb:`size-6 data-[state=checked]:translate-x-6.5`}},shape:{rounded:{control:`rounded-full`,thumb:`rounded-full`},square:{control:`rounded-md`,thumb:`rounded-sm`}}},defaultVariants:{color:`primary`,size:`md`,shape:`rounded`}});export{t as switchVariants};
+import{tv as e}from"tailwind-variants";const t=e({base:[],slots:{root:`inline-flex`,control:[`peer shrink-0 inline-flex items-center rounded-full border-0 shadow-sm transition-colors-200`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-input`],thumb:`flex justify-center items-center rounded-full shadow-lg transition-transform-200 bg-background pointer-events-none data-[state=unchecked]:translate-x-0.5`},variants:{color:{primary:{control:`data-[state=checked]:bg-primary focus-visible:ring-primary`},destructive:{control:`data-[state=checked]:bg-destructive focus-visible:ring-destructive`},success:{control:`data-[state=checked]:bg-success focus-visible:ring-success`},warning:{control:`data-[state=checked]:bg-warning focus-visible:ring-warning`},info:{control:`data-[state=checked]:bg-info focus-visible:ring-info`},carbon:{control:`data-[state=checked]:bg-carbon focus-visible:ring-carbon`},secondary:{control:`data-[state=checked]:bg-secondary-foreground/20 focus-visible:ring-secondary-foreground/20`},accent:{control:`data-[state=checked]:bg-accent-foreground/20 focus-visible:ring-accent-foreground/20`}},size:{xs:{control:`h-4 w-7`,thumb:`size-3 data-[state=checked]:translate-x-3.5`},sm:{control:`h-4.5 w-8`,thumb:`size-3.5 data-[state=checked]:translate-x-4`},md:{control:`h-5 w-9`,thumb:`size-4 data-[state=checked]:translate-x-4.5`},lg:{control:`h-5.5 w-10`,thumb:`size-4.5 data-[state=checked]:translate-x-5`},xl:{control:`h-6 w-11`,thumb:`size-5 data-[state=checked]:translate-x-5.5`},"2xl":{control:`h-7 w-13`,thumb:`size-6 data-[state=checked]:translate-x-6.5`}},shape:{rounded:{control:`rounded-full`,thumb:`rounded-full`},square:{control:`rounded-md`,thumb:`rounded-sm`}}},defaultVariants:{color:`primary`,size:`md`,shape:`rounded`}});export{t as switchVariants};

package/dist/variants/tabs.d.ts

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

package/dist/variants/tabs.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,list:`relative inline-flex justify-center items-center bg-muted text-muted-foreground`,trigger:[`relative z-3 inline-flex items-center justify-center flex-1 whitespace-nowrap rounded-md font-medium transition-all-200`,`focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`,`disabled:(pointer-events-none opacity-50)`],indicator:`absolute top-0 left-0 z-2 transition-[width,height,transform] duration-300`,indicatorContent:`size-full bg-background shadow`,content:`flex-grow self-stretch overflow-hidden focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`},variants:{size:{xs:{root:`text-2xs`,list:`p-0.75`,trigger:`gap-1 px-1.5 py-0.75`},sm:{root:`text-xs`,list:`p-0.875`,trigger:`gap-1.5 px-2 py-1`},md:{root:`text-sm`,list:`p-1`,trigger:`gap-2 px-3 py-1`},lg:{root:`text-base`,list:`p-1.125`,trigger:`gap-2.5 px-4 py-1.125`},xl:{root:`text-lg`,list:`p-1.25`,trigger:`gap-3 px-5 py-1.25`},"2xl":{root:`text-xl`,list:`p-1.5`,trigger:`gap-4 px-6 py-1.5`}},orientation:{horizontal:{root:`flex-col`,indicator:`h-full w-[--soybean-tabs-indicator-size] translate-x-[--soybean-tabs-indicator-position]`},vertical:{list:`flex-col items-stretch`,indicator:`w-full h-[--soybean-tabs-indicator-size] translate-y-[--soybean-tabs-indicator-position]`}},shape:{square:{list:`rounded-md`,indicatorContent:`rounded-md`},rounded:{list:`rounded-full`,indicatorContent:`rounded-full`}},fill:{full:{root:`items-stretch`},auto:{root:`items-start`}},enableIndicator:{false:{trigger:`data-[state=active]:(bg-background text-foreground shadow)`}}},compoundVariants:[{size:`xs`,orientation:`horizontal`,class:{indicator:`py-0.75`,content:`mt-1.5`}},{size:`xs`,orientation:`vertical`,class:{indicator:`px-0.75`,content:`ml-1.5`}},{size:`sm`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-1.75`}},{size:`sm`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-1.75`}},{size:`md`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-2`}},{size:`md`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-2`}},{size:`lg`,orientation:`horizontal`,class:{indicator:`py-1.125`,content:`mt-2.5`}},{size:`lg`,orientation:`vertical`,class:{indicator:`px-1.125`,content:`ml-2.5`}},{size:`xl`,orientation:`horizontal`,class:{indicator:`py-1.25`,content:`mt-3`}},{size:`xl`,orientation:`vertical`,class:{indicator:`px-1.25`,content:`ml-3`}},{size:`2xl`,orientation:`horizontal`,class:{indicator:`py-1.5`,content:`mt-3.5`}},{size:`2xl`,orientation:`vertical`,class:{indicator:`px-1.5`,content:`ml-3.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,shape:`square`,fill:`auto`,enableIndicator:!0}});export{t as tabsVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,list:`relative inline-flex justify-center items-center bg-muted text-muted-foreground`,trigger:[`relative z-3 inline-flex items-center justify-center flex-1 whitespace-nowrap rounded-md font-medium transition-all-200`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary`,`disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-0 left-0 z-2 transition-[width,height,transform] duration-300`,indicatorContent:`size-full bg-background shadow`,content:`flex-grow self-stretch overflow-hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary`},variants:{size:{xs:{root:`text-2xs`,list:`p-0.75`,trigger:`gap-1 px-1.5 py-0.75`},sm:{root:`text-xs`,list:`p-0.875`,trigger:`gap-1.5 px-2 py-1`},md:{root:`text-sm`,list:`p-1`,trigger:`gap-2 px-3 py-1`},lg:{root:`text-base`,list:`p-1.125`,trigger:`gap-2.5 px-4 py-1.125`},xl:{root:`text-lg`,list:`p-1.25`,trigger:`gap-3 px-5 py-1.25`},"2xl":{root:`text-xl`,list:`p-1.5`,trigger:`gap-4 px-6 py-1.5`}},orientation:{horizontal:{root:`flex-col`,indicator:`h-full w-[--soybean-tabs-indicator-size] translate-x-[--soybean-tabs-indicator-position]`},vertical:{list:`flex-col items-stretch`,indicator:`w-full h-[--soybean-tabs-indicator-size] translate-y-[--soybean-tabs-indicator-position]`}},shape:{square:{list:`rounded-md`,indicatorContent:`rounded-md`},rounded:{list:`rounded-full`,indicatorContent:`rounded-full`}},fill:{full:{root:`items-stretch`},auto:{root:`items-start`}},enableIndicator:{false:{trigger:`data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow`}}},compoundVariants:[{size:`xs`,orientation:`horizontal`,class:{indicator:`py-0.75`,content:`mt-1.5`}},{size:`xs`,orientation:`vertical`,class:{indicator:`px-0.75`,content:`ml-1.5`}},{size:`sm`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-1.75`}},{size:`sm`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-1.75`}},{size:`md`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-2`}},{size:`md`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-2`}},{size:`lg`,orientation:`horizontal`,class:{indicator:`py-1.125`,content:`mt-2.5`}},{size:`lg`,orientation:`vertical`,class:{indicator:`px-1.125`,content:`ml-2.5`}},{size:`xl`,orientation:`horizontal`,class:{indicator:`py-1.25`,content:`mt-3`}},{size:`xl`,orientation:`vertical`,class:{indicator:`px-1.25`,content:`ml-3`}},{size:`2xl`,orientation:`horizontal`,class:{indicator:`py-1.5`,content:`mt-3.5`}},{size:`2xl`,orientation:`vertical`,class:{indicator:`px-1.5`,content:`ml-3.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,shape:`square`,fill:`auto`,enableIndicator:!0}});export{t as tabsVariants};

package/dist/variants/tag.d.ts

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

package/dist/variants/textarea.d.ts

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

package/dist/variants/textarea.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group relative flex flex-col`,`rounded-md border border-solid border-input bg-background`,`focus-within:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`],control:[`w-full bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:(cursor-not-allowed opacity-50)`],counter:`absolute z-2 leading-none text-muted-foreground`,clearable:`absolute hidden group-hover:block size-1em cursor-pointer opacity-50 hover:opacity-100`},variants:{size:{xs:{root:`text-2xs`,control:`min-h-6 px-1.5 py-1`,counter:`text-2xs right-1.75 bottom-1.5`,clearable:`right-1.5 top-1.5`},sm:{root:`text-xs`,control:`min-h-7 px-1.75 py-1`,counter:`text-xs right-2 bottom-1.75`,clearable:`right-1.75 top-1.75`},md:{root:`text-sm`,control:`min-h-8 px-2 py-1`,counter:`text-sm right-2.5 bottom-2`,clearable:`right-2 top-2`},lg:{root:`text-base`,control:`min-h-9 px-2.5 py-1`,counter:`text-base right-3 bottom-2.5`,clearable:`right-2.5 top-2.5`},xl:{root:`text-lg`,control:`min-h-10 px-3 py-1`,counter:`text-lg right-3.5 bottom-3`,clearable:`right-3 top-3`},"2xl":{root:`text-xl`,control:`min-h-12 px-4 py-2`,counter:`text-xl right-4 bottom-3.5`,clearable:`right-3.5 top-3.5`}},resize:{true:{control:`resize`},false:{control:`resize-none`},vertical:{control:`resize-y`},horizontal:{control:`resize-x`}}},defaultVariants:{size:`md`,resize:`vertical`}});export{t as textareaVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group relative flex flex-col`,`rounded-md border border-solid border-input bg-background`,`focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:ring-primary`],control:[`w-full bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`],counter:`absolute z-2 leading-none text-muted-foreground`,clearable:`absolute hidden group-hover:block size-1em cursor-pointer opacity-50 hover:opacity-100`},variants:{size:{xs:{root:`text-2xs`,control:`min-h-6 px-1.5 py-1`,counter:`text-2xs right-1.75 bottom-1.5`,clearable:`right-1.5 top-1.5`},sm:{root:`text-xs`,control:`min-h-7 px-1.75 py-1`,counter:`text-xs right-2 bottom-1.75`,clearable:`right-1.75 top-1.75`},md:{root:`text-sm`,control:`min-h-8 px-2 py-1`,counter:`text-sm right-2.5 bottom-2`,clearable:`right-2 top-2`},lg:{root:`text-base`,control:`min-h-9 px-2.5 py-1`,counter:`text-base right-3 bottom-2.5`,clearable:`right-2.5 top-2.5`},xl:{root:`text-lg`,control:`min-h-10 px-3 py-1`,counter:`text-lg right-3.5 bottom-3`,clearable:`right-3 top-3`},"2xl":{root:`text-xl`,control:`min-h-12 px-4 py-2`,counter:`text-xl right-4 bottom-3.5`,clearable:`right-3.5 top-3.5`}},resize:{true:{control:`resize`},false:{control:`resize-none`},vertical:{control:`resize-y`},horizontal:{control:`resize-x`}}},defaultVariants:{size:`md`,resize:`vertical`}});export{t as textareaVariants};

package/dist/variants/toast.d.ts

@@ -0,0 +1,61 @@
+import * as tailwind_variants29 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/toast.d.ts
+
+declare const toastViewportVariants: tailwind_variants29.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  position: {
+    'top-left': string;
+    top: string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+  };
+}, undefined, string[], {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  position: {
+    'top-left': string;
+    top: string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+  };
+}, undefined, tailwind_variants29.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  position: {
+    'top-left': string;
+    top: string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ToastViewportVariants = VariantProps<typeof toastViewportVariants>;
+type ToastPosition = NonNullable<ToastViewportVariants['position']>;
+//#endregion
+export { ToastPosition };

package/dist/variants/toast.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group pointer-events-auto relative flex flex-col w-full overflow-hidden rounded-md border shadow-lg transition-all-200 dark:bg-background`,`data-[swipe=cancel]:translate-x-0`,`data-[swipe=end]:translate-x-[var(--soybean-toast-swipe-end-x)] data-[swipe=end]:animate-out`,`data-[swipe=move]:translate-x-[var(--soybean-toast-swipe-move-x)] data-[swipe=move]:transition-none`,`data-[state=open]:slide-in-from-top-full sm:slide-in-from-bottom-full data-[state=open]:animate-in`,`data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=closed]:animate-out`],title:`flex items-center font-medium tracking-tight`,description:`[&_p]:leading-relaxed`,close:`absolute`,action:``},variants:{size:{xs:{root:`gap-0.75 px-2 py-1.75 text-2xs`,title:`gap-1.5 leading-3.125`,close:`right-1 top-1`},sm:{root:`gap-1 px-3 py-2.5 text-xs`,title:`gap-1.75 leading-3.75`,close:`right-1.25 top-1.25`},md:{root:`gap-1 px-4 py-3 text-sm`,title:`gap-2 leading-4.375`,close:`right-1.5 top-1.5`},lg:{root:`gap-1.25 px-5 py-3.5 text-base`,title:`gap-2.5 leading-5`,close:`right-1.75 top-1.75`},xl:{root:`gap-1.5 px-6 py-4 text-lg`,title:`gap-3 leading-5.625`,close:`right-2 top-2`},"2xl":{root:`gap-2 px-7 py-4.5 text-xl`,title:`gap-4 leading-6.25`,close:`right-2.5 top-2.5`}},color:{default:{root:`bg-background`},primary:{root:`border-primary bg-primary-100  text-primary`},destructive:{root:`border-destructive bg-destructive-100 text-destructive`},success:{root:`border-success bg-success-100 text-success`},info:{root:`border-info bg-info-100 text-info`},warning:{root:`border-warning bg-warning-100 text-warning`},carbon:{root:`border-carbon bg-carbon-100 text-carbon`},secondary:{root:`border-secondary bg-secondary text-secondary-foreground`},accent:{root:`border-accent bg-accent text-accent-foreground`}}},defaultVariants:{size:`md`,color:`default`}}),n=e({base:[`fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse pointer-events-none`,`focus-visible:outline-none md:max-w-105`],variants:{size:{xs:`gap-1 p-3`,sm:`gap-1.5 p-3.5`,md:`gap-2 p-4`,lg:`gap-2.5 p-4.5`,xl:`gap-3 p-5`,"2xl":`gap-4 p-6`},position:{"top-left":`top-0 left-0`,top:`top-0 left-1/2 -translate-x-1/2`,"top-right":`top-0 right-0`,bottom:`bottom-0 left-1/2 -translate-x-1/2`,"bottom-left":`bottom-0 left-0`,"bottom-right":`bottom-0 right-0`}},defaultVariants:{size:`md`,position:`top-right`}});export{t as toastVariants,n as toastViewportVariants};

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 fade-out-0 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:{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};

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 p-0 opacity-0 overflow-hidden) transition-[height,padding,opacity]-200`,item:[`relative rounded-sm outline-none cursor-pointer select-none outline-none`,`data-[selected]:(bg-primary/10 text-primary)`,`[&:not([data-selected])]:hover:(bg-accent text-accent-foreground)`,`[&:not([data-selected])]:focus:(bg-accent text-accent-foreground)`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:(pointer-events-none 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:`shrink-0 ml-auto`,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`},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`},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`},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`},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`},"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`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};
+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 outline-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:`shrink-0 ml-auto`,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`},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`},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`},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`},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`},"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`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.2-beta.8",
+  "version": "0.0.2",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -26,6 +26,16 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./nuxt": {
+      "types": "./dist/nuxt/index.d.ts",
+      "import": "./dist/nuxt/index.js",
+      "require": "./dist/nuxt/index.js"
+    },
+    "./resolver": {
+      "types": "./dist/resolver/index.d.ts",
+      "import": "./dist/resolver/index.js",
+      "require": "./dist/resolver/index.js"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "main": "./dist/index.js",
@@ -40,39 +50,38 @@
     "@soybeanjs/unocss-shadcn": "^0.0.1",
     "clsx": "^2.1.1",
     "fuse.js": "^7.1.0",
-    "tailwind-merge": "^3.3.1",
+    "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.1.1",
-    "@soybeanjs/headless": "^0.0.2-beta.8"
+    "@soybeanjs/headless": "^0.0.2"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.1",
-    "@soybeanjs/eslint-config": "^1.7.3",
-    "@soybeanjs/unocss-preset": "^0.1.5",
-    "@types/node": "^24.10.0",
-    "@unocss/cli": "^66.5.5",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@soybeanjs/eslint-config": "^1.7.4",
+    "@soybeanjs/unocss-preset": "^0.1.7",
+    "@types/node": "^24.10.1",
+    "@unocss/cli": "^66.5.6",
+    "@vitest/coverage-v8": "^4.0.10",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.39.1",
     "eslint-plugin-vue": "^10.5.1",
     "happy-dom": "^20.0.10",
     "lint-staged": "^16.2.6",
     "simple-git-hooks": "^2.13.1",
-    "tsdown": "^0.16.1",
+    "tsdown": "^0.16.5",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",
-    "unocss": "^66.5.5",
+    "unocss": "^66.5.6",
     "unocss-preset-animations": "^1.3.0",
-    "unplugin-vue": "^7.0.4",
+    "unplugin-vue": "^7.0.7",
     "unplugin-vue-components": "^30.0.0",
     "unplugin-vue-jsx": "^0.8.1",
     "vite": "^7.2.2",
-    "vite-plugin-vue-devtools": "^8.0.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.8",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vitest": "^4.0.10",
     "vue": "^3.5.24",
     "vue-eslint-parser": "^10.2.0",
     "vue-router": "^4.6.3",
-    "vue-tsc": "^3.1.3"
+    "vue-tsc": "^3.1.4"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",
@@ -84,12 +93,14 @@
   "scripts": {
     "build": "pnpm build:headless && pnpm build:ui && pnpm build:css",
     "build:css": "unocss build",
+    "build:docs": "pnpm --filter @soybeanjs/ui-docs build",
     "build:headless": "pnpm --filter @soybeanjs/headless build",
     "build:play": "vite build",
     "build:ui": "pnpm tsdown",
     "cleanup": "soy cleanup",
     "commit": "soy git-commit",
     "dev": "vite",
+    "dev:docs": "pnpm --filter @soybeanjs/ui-docs dev",
     "lint": "eslint . --fix",
     "preview": "vite preview",
     "publish-pkg": "pnpm publish -r --access public",