@soybeanjs/ui 0.22.4 → 0.23.0

package/dist/styles/select.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{trigger:[`flex items-center justify-between w-full rounded-md border border-input bg-background transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30 focus:ring-3 focus:ring-offset-background focus:ring-primary/30 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:`grow truncate text-start`,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:`ms-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:`gap-1 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:`gap-1.5 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:`gap-2 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:`gap-2.5 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:`gap-3 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:`gap-3.5 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/styles/separator.d.ts

@@ -0,0 +1,66 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/separator.d.ts
+declare const separatorVariants: import("@soybeanjs/cva").SCVResult<"label" | "root", NoInfer<{
+  size: {
+    xs: {
+      label: "text-2xs";
+    };
+    sm: {
+      label: "text-xs";
+    };
+    md: {
+      label: "text-sm";
+    };
+    lg: {
+      label: "text-base";
+    };
+    xl: {
+      label: "text-lg";
+    };
+    '2xl': {
+      label: "text-2xl";
+    };
+  };
+  orientation: {
+    vertical: {
+      root: "h-full border-s";
+      label: "w-1px";
+    };
+    horizontal: {
+      root: "w-full border-t";
+      label: "h-1px";
+    };
+  };
+  align: {
+    start: {
+      label: "start-1/16 lt-sm:start-1/8 lt-md:start-1/10 lt-lg:start-1/12";
+    };
+    center: {
+      label: "start-1/2";
+    };
+    end: {
+      label: "start-15/16 lt-sm:start-7/8 lt-md:start-9/10 lt-lg:start-11/12";
+    };
+  };
+  border: {
+    solid: {
+      root: "border-solid";
+    };
+    dashed: {
+      root: "border-dashed";
+    };
+    dotted: {
+      root: "border-dotted";
+    };
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  border?: "solid" | "dashed" | "dotted" | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+  align?: "center" | "end" | "start" | undefined;
+}>;
+type SeparatorVariants = VariantProps<typeof separatorVariants>;
+type SeparatorBorder = NonNullable<SeparatorVariants['border']>;
+//#endregion
+export { SeparatorBorder };

package/dist/styles/separator.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`relative shrink-0 border-border`,label:`absolute top-1/2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 flex justify-center items-center text-muted-foreground bg-background`},variants:{size:{xs:{label:`text-2xs`},sm:{label:`text-xs`},md:{label:`text-sm`},lg:{label:`text-base`},xl:{label:`text-lg`},"2xl":{label:`text-2xl`}},orientation:{vertical:{root:`h-full border-s`,label:`w-1px`},horizontal:{root:`w-full border-t`,label:`h-1px`}},align:{start:{label:`start-1/16 lt-sm:start-1/8 lt-md:start-1/10 lt-lg:start-1/12`},center:{label:`start-1/2`},end:{label:`start-15/16 lt-sm:start-7/8 lt-md:start-9/10 lt-lg:start-11/12`}},border:{solid:{root:`border-solid`},dashed:{root:`border-dashed`},dotted:{root:`border-dotted`}}},compoundVariants:[{size:`xs`,orientation:`vertical`,class:{label:`px-0.75 py-1.5`}},{size:`xs`,orientation:`horizontal`,class:{label:`px-1.5 py-0.75`}},{size:`sm`,orientation:`vertical`,class:{label:`px-0.875 py-1.75`}},{size:`sm`,orientation:`horizontal`,class:{label:`px-1.75 py-0.875`}},{size:`md`,orientation:`vertical`,class:{label:`px-1 py-2`}},{size:`md`,orientation:`horizontal`,class:{label:`px-2 py-1`}},{size:`lg`,orientation:`vertical`,class:{label:`px-1.125 py-2.25`}},{size:`lg`,orientation:`horizontal`,class:{label:`px-2.25 py-1.125`}},{size:`xl`,orientation:`vertical`,class:{label:`px-1.25 py-2.5`}},{size:`xl`,orientation:`horizontal`,class:{label:`px-2.5 py-1.25`}},{size:`2xl`,orientation:`vertical`,class:{label:`px-1.5 py-3`}},{size:`2xl`,orientation:`horizontal`,class:{label:`px-3 py-1.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,align:`center`,border:`solid`}});export{t as separatorVariants};

package/dist/styles/skeleton.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/skeleton.d.ts
+declare const skeletonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+  animated: {
+    true: string;
+    false: string;
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  animated?: boolean | undefined;
+  shape?: "auto" | "rounded" | undefined;
+}>;
+type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+type SkeletonShape = NonNullable<SkeletonVariants['shape']>;
+//#endregion
+export { SkeletonShape };

package/dist/styles/skeleton.js

@@ -0,0 +1 @@
+import{cv as e}from"@soybeanjs/cva";const t=e({base:`block shrink-0 bg-muted`,variants:{size:{xs:`h-3 w-16`,sm:`h-4 w-24`,md:`h-5 w-32`,lg:`h-6 w-40`,xl:`h-8 w-48`,"2xl":`h-10 w-56`},shape:{auto:`rounded-md`,rounded:`rounded-full`},animated:{true:`animate-pulse`,false:``}},defaultVariants:{size:`md`,shape:`auto`,animated:!0}});export{t as skeletonVariants};

package/dist/styles/slider.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:[`relative flex w-full touch-none select-none items-center`,`data-[disabled]:opacity-50 data-[orientation=vertical]:flex-col data-[orientation=vertical]:min-h-20`],track:[`relative grow overflow-hidden rounded-full bg-muted`,`data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full`],range:`absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`,thumb:[`absolute block shrink-0 rounded-full bg-background shadow-sm transition-[color,box-shadow]`,`hover:ring-3 outline-none focus-visible:ring-3 data-[disabled]:cursor-not-allowed`]},variants:{color:{primary:{range:`bg-primary`,thumb:`border-primary focus-visible:ring-primary/30 hover:ring-primary/20`},destructive:{range:`bg-destructive`,thumb:`border-destructive focus-visible:ring-destructive/30 hover:ring-destructive/20`},success:{range:`bg-success`,thumb:`border-success focus-visible:ring-success/30 hover:ring-success/20`},warning:{range:`bg-warning`,thumb:`border-warning focus-visible:ring-warning/30 hover:ring-warning/20`},info:{range:`bg-info`,thumb:`border-info focus-visible:ring-info/30 hover:ring-info/20`},carbon:{range:`bg-carbon`,thumb:`border-carbon focus-visible:ring-carbon/30 hover:ring-carbon/20`},secondary:{range:`bg-secondary-foreground/30`,thumb:`border-secondary-foreground/40 focus-visible:ring-secondary-foreground/20 hover:ring-secondary-foreground/20`},accent:{range:`bg-accent-foreground/30`,thumb:`border-accent-foreground/40 focus-visible:ring-accent-foreground/20 hover:ring-accent-foreground/20`}},size:{xs:{root:`h-3 data-[orientation=vertical]:w-3`,track:`data-[orientation=horizontal]:h-1.25 data-[orientation=vertical]:w-1.25`,thumb:`size-3 border`},sm:{root:`h-3.5 data-[orientation=vertical]:w-3.5`,track:`data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5`,thumb:`size-3.5 border`},md:{root:`h-4 data-[orientation=vertical]:w-4`,track:`data-[orientation=horizontal]:h-1.75 data-[orientation=vertical]:w-1.75`,thumb:`size-4 border-2`},lg:{root:`h-4.5 data-[orientation=vertical]:w-4.5`,track:`data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2`,thumb:`size-4.5 border-2`},xl:{root:`h-5 data-[orientation=vertical]:w-5`,track:`data-[orientation=horizontal]:h-2.5 data-[orientation=vertical]:w-2.5`,thumb:`size-5 border-3`},"2xl":{root:`h-6 data-[orientation=vertical]:w-6`,track:`data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3`,thumb:`size-6 border-3`}}},defaultVariants:{color:`primary`,size:`md`}});export{t as sliderVariants};

package/dist/styles/spinner.js

@@ -0,0 +1 @@
+import{cv as e}from"@soybeanjs/cva";const t=e({variants:{color:{current:`text-current`,primary:`text-primary`,destructive:`text-destructive`,success:`text-success`,warning:`text-warning`,info:`text-info`,carbon:`text-carbon`,secondary:`text-secondary-foreground/20`,accent:`text-accent-foreground/20`},size:{xs:`size-3`,sm:`size-4`,md:`size-5`,lg:`size-6`,xl:`size-8`,"2xl":`size-10`}},defaultVariants:{color:`current`,size:`md`}});export{t as spinnerVariants};

package/dist/styles/splitter.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`flex h-full w-full data-[orientation=vertical]:flex-col`,panel:`min-h-0 min-w-0`,resizeHandle:[`bg-border focus-visible:ring-ring relative flex w-px cursor-col-resize items-center justify-center transition-colors duration-200 after:absolute after:inset-y-0`,`after:start-1/2 after:-translate-x-1/2 outline-none focus-visible:ring-1 focus-visible:ring-offset-1`,`data-[state=hover]:bg-accent data-[state=drag]:bg-accent`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full`,`data-[orientation=vertical]:cursor-row-resize`,`data-[orientation=vertical]:after:start-0 data-[orientation=vertical]:after:w-full`,`data-[orientation=vertical]:after:-translate-y-1/2 data-[orientation=vertical]:after:translate-x-0`]},variants:{size:{xs:{resizeHandle:`after:w-0.5 data-[orientation=vertical]:after:h-0.5`},sm:{resizeHandle:`after:w-0.75 data-[orientation=vertical]:after:h-0.75`},md:{resizeHandle:`after:w-1 data-[orientation=vertical]:after:h-1`},lg:{resizeHandle:`after:w-1.25 data-[orientation=vertical]:after:h-1.25`},xl:{resizeHandle:`after:w-1.5 data-[orientation=vertical]:after:h-1.5`},"2xl":{resizeHandle:`after:w-2 data-[orientation=vertical]:after:h-2`}}},defaultVariants:{size:`md`}});export{t as splitterVariants};

package/dist/styles/stepper.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`flex w-full`,item:`group flex min-w-0 flex-1`,trigger:[`inline-flex rounded-md transition-colors`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[orientation=horizontal]:mt-0.25 data-[orientation=vertical]:ms-0.25 group-data-[disabled]:pointer-events-none`],indicator:[`inline-flex shrink-0 items-center justify-center rounded-full border bg-background font-medium transition-colors`,`group-data-[disabled]:opacity-50`],separator:`shrink-0 bg-muted transition-colors group-data-[disabled]:opacity-50`,title:`font-semibold whitespace-nowrap transition-colors`,description:`text-muted-foreground transition-colors`,itemContent:`flex min-w-0 flex-col`,indicatorIcon:``},variants:{size:{xs:{root:`text-2xs`,trigger:`gap-1 data-[orientation=vertical]:gap-2`,indicator:`size-6 text-2xs`,itemContent:`gap-1`,title:`text-2xs`,description:`text-4xs`,separator:`data-[orientation=horizontal]:mt-3 data-[orientation=vertical]:ms-3`},sm:{root:`text-xs`,trigger:`gap-1.5 data-[orientation=vertical]:gap-3`,indicator:`size-7 text-xs`,itemContent:`gap-1.5`,title:`text-xs`,description:`text-3xs`,separator:`data-[orientation=horizontal]:mt-3.5 data-[orientation=vertical]:ms-3.5`},md:{root:`text-sm`,trigger:`gap-2 data-[orientation=vertical]:gap-4`,indicator:`size-8`,itemContent:`gap-2`,title:`text-sm`,description:`text-xs`,separator:`data-[orientation=horizontal]:mt-4 data-[orientation=vertical]:ms-4`},lg:{root:`text-base`,trigger:`gap-2.5 data-[orientation=vertical]:gap-5`,indicator:`size-9 text-base`,itemContent:`gap-2.5`,title:`text-base`,description:`text-sm`,separator:`data-[orientation=horizontal]:mt-4.5 data-[orientation=vertical]:ms-4.5`},xl:{root:`text-lg`,trigger:`gap-3 data-[orientation=vertical]:gap-6`,indicator:`size-10 text-lg`,itemContent:`gap-3`,title:`text-lg`,description:`text-base`,separator:`data-[orientation=horizontal]:mt-5 data-[orientation=vertical]:ms-5`},"2xl":{root:`text-xl`,trigger:`gap-3.5 data-[orientation=vertical]:gap-7`,indicator:`size-12 text-xl`,itemContent:`gap-3.5`,title:`text-xl`,description:`text-lg`,separator:`data-[orientation=horizontal]:mt-6 data-[orientation=vertical]:ms-6`}},orientation:{horizontal:{root:`items-start`,trigger:`flex-col items-center text-center`,itemContent:`items-center text-center`,separator:`h-0.5 flex-1`},vertical:{root:`flex-col`,item:`flex-none flex-col items-start`,trigger:`w-full flex-row items-start text-start`,itemContent:`flex-1 items-start text-start`,separator:`w-0.5 min-h-7`}},color:{primary:{indicator:[`group-data-[state=active]:border-primary group-data-[state=active]:bg-primary group-data-[state=active]:text-primary-foreground`,`group-data-[state=completed]:border-primary/25 group-data-[state=completed]:bg-primary/15 group-data-[state=completed]:text-primary`],separator:`group-data-[state=completed]:bg-primary`,title:`group-data-[state=active]:text-primary group-data-[state=completed]:text-primary`,description:`group-data-[state=active]:text-primary/80 group-data-[state=completed]:text-primary/80`},destructive:{indicator:[`group-data-[state=active]:border-destructive group-data-[state=active]:bg-destructive group-data-[state=active]:text-destructive-foreground`,`group-data-[state=completed]:border-destructive/25 group-data-[state=completed]:bg-destructive/15 group-data-[state=completed]:text-destructive`],separator:`group-data-[state=completed]:bg-destructive`,title:`group-data-[state=active]:text-destructive group-data-[state=completed]:text-destructive`,description:`group-data-[state=active]:text-destructive/80 group-data-[state=completed]:text-destructive/80`},success:{indicator:[`group-data-[state=active]:border-success group-data-[state=active]:bg-success group-data-[state=active]:text-success-foreground`,`group-data-[state=completed]:border-success/25 group-data-[state=completed]:bg-success/15 group-data-[state=completed]:text-success`],separator:`group-data-[state=completed]:bg-success`,title:`group-data-[state=active]:text-success group-data-[state=completed]:text-success`,description:`group-data-[state=active]:text-success/80 group-data-[state=completed]:text-success/80`},warning:{indicator:[`group-data-[state=active]:border-warning group-data-[state=active]:bg-warning group-data-[state=active]:text-warning-foreground`,`group-data-[state=completed]:border-warning/25 group-data-[state=completed]:bg-warning/15 group-data-[state=completed]:text-warning`],separator:`group-data-[state=completed]:bg-warning`,title:`group-data-[state=active]:text-warning group-data-[state=completed]:text-warning`,description:`group-data-[state=active]:text-warning/80 group-data-[state=completed]:text-warning/80`},info:{indicator:[`group-data-[state=active]:border-info group-data-[state=active]:bg-info group-data-[state=active]:text-info-foreground`,`group-data-[state=completed]:border-info/25 group-data-[state=completed]:bg-info/15 group-data-[state=completed]:text-info`],separator:`group-data-[state=completed]:bg-info`,title:`group-data-[state=active]:text-info group-data-[state=completed]:text-info`,description:`group-data-[state=active]:text-info/80 group-data-[state=completed]:text-info/80`},carbon:{indicator:[`group-data-[state=active]:border-carbon group-data-[state=active]:bg-carbon group-data-[state=active]:text-carbon-foreground`,`group-data-[state=completed]:border-carbon/25 group-data-[state=completed]:bg-carbon/15 group-data-[state=completed]:text-carbon`],separator:`group-data-[state=completed]:bg-carbon`,title:`group-data-[state=active]:text-carbon group-data-[state=completed]:text-carbon`,description:`group-data-[state=active]:text-carbon/80 group-data-[state=completed]:text-carbon/80`},secondary:{indicator:[`group-data-[state=active]:border-secondary group-data-[state=active]:bg-secondary group-data-[state=active]:text-secondary-foreground`,`group-data-[state=completed]:border-secondary/25 group-data-[state=completed]:bg-secondary/15 group-data-[state=completed]:text-secondary`],separator:`group-data-[state=completed]:bg-secondary`,title:`group-data-[state=active]:text-secondary group-data-[state=completed]:text-secondary`,description:`group-data-[state=active]:text-secondary/80 group-data-[state=completed]:text-secondary/80`},accent:{indicator:[`group-data-[state=active]:border-accent group-data-[state=active]:bg-accent group-data-[state=active]:text-accent-foreground`,`group-data-[state=completed]:border-accent/25 group-data-[state=completed]:bg-accent/15 group-data-[state=completed]:text-accent`],separator:`group-data-[state=completed]:bg-accent`,title:`group-data-[state=active]:text-accent group-data-[state=completed]:text-accent`,description:`group-data-[state=active]:text-accent/80 group-data-[state=completed]:text-accent/80`}}},defaultVariants:{size:`md`,orientation:`horizontal`,color:`primary`}});export{t as stepperVariants};

package/dist/styles/switch.d.ts

@@ -0,0 +1,75 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/switch.d.ts
+declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "thumb" | "control", NoInfer<{
+  color: {
+    primary: {
+      control: "data-[state=checked]:bg-primary focus-visible:ring-primary/30";
+    };
+    destructive: {
+      control: "data-[state=checked]:bg-destructive focus-visible:ring-destructive/30";
+    };
+    success: {
+      control: "data-[state=checked]:bg-success focus-visible:ring-success/30";
+    };
+    warning: {
+      control: "data-[state=checked]:bg-warning focus-visible:ring-warning/30";
+    };
+    info: {
+      control: "data-[state=checked]:bg-info focus-visible:ring-info/30";
+    };
+    carbon: {
+      control: "data-[state=checked]:bg-carbon focus-visible:ring-carbon/30";
+    };
+    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 rtl:data-[state=checked]:-translate-x-3.5";
+    };
+    sm: {
+      control: "h-4.5 w-8";
+      thumb: "size-3.5 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4";
+    };
+    md: {
+      control: "h-5 w-9";
+      thumb: "size-4 data-[state=checked]:translate-x-4.5 rtl:data-[state=checked]:-translate-x-4.5";
+    };
+    lg: {
+      control: "h-5.5 w-10";
+      thumb: "size-4.5 data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5";
+    };
+    xl: {
+      control: "h-6 w-11";
+      thumb: "size-5 data-[state=checked]:translate-x-5.5 rtl:data-[state=checked]:-translate-x-5.5";
+    };
+    '2xl': {
+      control: "h-7 w-13";
+      thumb: "size-6 data-[state=checked]:translate-x-6.5 rtl:data-[state=checked]:-translate-x-6.5";
+    };
+  };
+  shape: {
+    rounded: {
+      control: "rounded-full";
+      thumb: "rounded-full";
+    };
+    square: {
+      control: "rounded-md";
+      thumb: "rounded-sm";
+    };
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  shape?: "rounded" | "square" | undefined;
+}>;
+type SwitchVariants = VariantProps<typeof switchVariants>;
+type SwitchShape = NonNullable<SwitchVariants['shape']>;
+//#endregion
+export { SwitchShape };

package/dist/styles/switch.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`inline-flex`,control:[`peer shrink-0 inline-flex items-center rounded-full border-0 shadow-sm transition-colors-200`,`outline-none focus-visible:ring-3  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 rtl:data-[state=unchecked]:-translate-x-0.5`]},variants:{color:{primary:{control:`data-[state=checked]:bg-primary focus-visible:ring-primary/30`},destructive:{control:`data-[state=checked]:bg-destructive focus-visible:ring-destructive/30`},success:{control:`data-[state=checked]:bg-success focus-visible:ring-success/30`},warning:{control:`data-[state=checked]:bg-warning focus-visible:ring-warning/30`},info:{control:`data-[state=checked]:bg-info focus-visible:ring-info/30`},carbon:{control:`data-[state=checked]:bg-carbon focus-visible:ring-carbon/30`},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 rtl:data-[state=checked]:-translate-x-3.5`},sm:{control:`h-4.5 w-8`,thumb:`size-3.5 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4`},md:{control:`h-5 w-9`,thumb:`size-4 data-[state=checked]:translate-x-4.5 rtl:data-[state=checked]:-translate-x-4.5`},lg:{control:`h-5.5 w-10`,thumb:`size-4.5 data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5`},xl:{control:`h-6 w-11`,thumb:`size-5 data-[state=checked]:translate-x-5.5 rtl:data-[state=checked]:-translate-x-5.5`},"2xl":{control:`h-7 w-13`,thumb:`size-6 data-[state=checked]:translate-x-6.5 rtl: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/styles/table.d.ts

@@ -0,0 +1,124 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/table.d.ts
+declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "scroll" | "body" | "head" | "cell" | "row" | "root" | "resizeHandle" | "selection" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
+  size: {
+    xs: {
+      root: "text-2xs";
+      caption: "py-2";
+      head: "p-1.5";
+      cell: "p-1.5";
+      radioRoot: "w-3 h-3";
+      sortTrigger: "end-1 p-0.75";
+      filterTrigger: "end-1";
+      filterPopup: "p-1.5";
+      filterOptions: "max-h-50 gap-0.75 py-1.5";
+      filterOption: "p-0.75";
+      filterFooter: "pt-1";
+      filterCount: "text-3xs leading-4";
+    };
+    sm: {
+      root: "text-xs";
+      caption: "py-2.5";
+      head: "p-1.75";
+      cell: "p-1.75";
+      radioRoot: "w-3.5 h-3.5";
+      sortTrigger: "end-1.25 p-0.875";
+      filterTrigger: "end-1.25";
+      filterPopup: "p-1.75";
+      filterOptions: "max-h-55 gap-0.875 py-2";
+      filterOption: "p-0.875";
+      filterFooter: "pt-1.25";
+      filterCount: "text-2xs leading-5";
+    };
+    md: {
+      root: "text-sm";
+      caption: "py-3";
+      head: "p-2";
+      cell: "p-2";
+      radioRoot: "w-4 h-4";
+      sortTrigger: "end-1.5 p-1";
+      filterTrigger: "end-1.5";
+      filterPopup: "p-2";
+      filterOptions: "max-h-60 gap-1 py-2.5";
+      filterOption: "p-1";
+      filterFooter: "pt-1.5";
+      filterCount: "text-xs leading-6";
+    };
+    lg: {
+      root: "text-base";
+      caption: "py-3.5";
+      head: "p-2.5";
+      cell: "p-2.5";
+      radioRoot: "w-4.5 h-4.5";
+      sortTrigger: "end-1.75 p-1.25";
+      filterTrigger: "end-1.75";
+      filterPopup: "p-2.5";
+      filterOptions: "max-h-65 gap-1.25 py-3";
+      filterOption: "p-1.25";
+      filterFooter: "pt-1.75";
+      filterCount: "text-sm leading-7";
+    };
+    xl: {
+      root: "text-lg";
+      caption: "py-4";
+      head: "p-3";
+      cell: "p-3";
+      radioRoot: "w-5 h-5";
+      sortTrigger: "end-2 p-1.5";
+      filterTrigger: "end-2";
+      filterPopup: "p-3";
+      filterOptions: "max-h-70 gap-1.5 py-3.5";
+      filterOption: "p-1.5";
+      filterFooter: "pt-2";
+      filterCount: "text-base leading-8";
+    };
+    '2xl': {
+      root: "text-xl";
+      caption: "py-4.5";
+      head: "p-3.5";
+      cell: "p-3.5";
+      radioRoot: "w-6 h-6";
+      sortTrigger: "end-2.5 p-1.75";
+      filterTrigger: "end-2.5";
+      filterPopup: "p-3.5";
+      filterOptions: "max-h-75 gap-1.75 py-4";
+      filterOption: "p-1.75";
+      filterFooter: "pt-2.5";
+      filterCount: "text-lg leading-9";
+    };
+  };
+  variant: {
+    default: {
+      root: "bg-accent";
+    };
+    simple: {
+      header: string[];
+    };
+  };
+  bordered: {
+    true: {
+      cell: "border-s border-border first:border-s-0";
+    };
+  };
+  rounded: {
+    true: {
+      root: "";
+    };
+  };
+  striped: {
+    true: {
+      row: "data-[row]:even:bg-accent";
+    };
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  rounded?: boolean | undefined;
+  variant?: "default" | "simple" | undefined;
+  bordered?: boolean | undefined;
+  striped?: boolean | undefined;
+}>;
+type TableVariantProps = VariantProps<typeof tableVariants>;
+type TableVariant = NonNullable<TableVariantProps['variant']>;
+//#endregion
+export { TableVariant };

package/dist/styles/table.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`relative overflow-hidden supports-[overflow:clip]:overflow-clip [--rounded:calc(var(--radius)-2px)] rounded-[--rounded]`,scroll:`h-full overflow-auto`,content:`min-w-full w-max border-spacing-0`,header:`sticky top-0 start-0 z-10 [&>tr:last-child]:border-b-0`,body:[`[&>tr:last-child]:border-b-0`,`[&>tr:first-child>td:first-child]:rounded-tl-[--rounded] [&>tr:first-child>td:last-child]:rounded-tr-[--rounded]`,`[&>tr:last-child>td:first-child]:rounded-bl-[--rounded] [&>tr:last-child>td:last-child]:rounded-br-[--rounded]`],footer:`font-medium [&>tr:last-child]:border-b-0 [&>tr]:bg-transparent [&>tr]:hover:bg-transparent [&_td]:bg-transparent`,row:`bg-background border-b hover:bg-primary-foreground transition-colors`,head:`box-border bg-accent text-foreground relative font-medium`,cell:`box-border data-[fixed]:bg-background`,fixed:[`relative`,`data-[fixed-last-start]:after:pointer-events-none data-[fixed-last-start]:after:absolute data-[fixed-last-start]:after:bottom-0 data-[fixed-last-start]:after:end-0 data-[fixed-last-start]:after:top-0 data-[fixed-last-start]:after:w-4 data-[fixed-last-start]:after:bg-gradient-to-l data-[fixed-last-start]:after:from-foreground/8 data-[fixed-last-start]:after:to-transparent data-[fixed-last-start]:after:content-empty`,`data-[fixed-first-end]:before:pointer-events-none data-[fixed-first-end]:before:absolute data-[fixed-first-end]:before:bottom-0 data-[fixed-first-end]:before:start-0 data-[fixed-first-end]:before:top-0 data-[fixed-first-end]:before:w-4 data-[fixed-first-end]:before:bg-gradient-to-r data-[fixed-first-end]:before:from-foreground/8 data-[fixed-first-end]:before:to-transparent data-[fixed-first-end]:before:content-empty`],resizeHandle:[`absolute end-0 top-1/2 w-3 h-2/3 -translate-y-1/2 rounded bg-transparent`,`cursor-col-resize border-none touch-none select-none`,`after:bg-border hover:after:bg-primary data-[resizing]:after:bg-primary focus-visible:after:bg-primary`,`outline-none focus-visible:ring-ring/40 focus-visible:ring-2`,`after:absolute after:bottom-0 after:end-0 after:top-0 after:w-px after:rounded-full after:content-empty`],treeCell:`flex min-w-0 items-center gap-1`,treeToggle:``,treeTogglePlaceholder:`inline-block size-5 shrink-0`,sortTrigger:`absolute top-1/2 -translate-y-1/2 data-[sorted]:text-primary`,filterTrigger:`absolute top-1/2 -translate-y-1/2 data-[filtered]:text-primary`,filterInput:``,filterPopup:``,filterSearch:``,filterOptions:`flex flex-col overflow-auto`,filterOption:`w-full rounded-md hover:bg-accent`,filterOptionLabel:`min-w-0 flex-1 truncate`,filterFooter:`flex items-center justify-between border-t border-border`,filterCount:`text-muted-foreground`,filterAction:[`text-xs font-medium text-primary rounded-md border-none bg-transparent px-2 py-1`,`transition-colors hover:bg-accent focus-visible:ring-ring outline-none focus-visible:ring-2`],filterEmpty:`text-muted-foreground py-6 text-center text-xs`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer transition-all-150`,`border-primary focus-visible:ring-primary/30`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`text-2xs`,caption:`py-2`,head:`p-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`,sortTrigger:`end-1 p-0.75`,filterTrigger:`end-1`,filterPopup:`p-1.5`,filterOptions:`max-h-50 gap-0.75 py-1.5`,filterOption:`p-0.75`,filterFooter:`pt-1`,filterCount:`text-3xs leading-4`},sm:{root:`text-xs`,caption:`py-2.5`,head:`p-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`,sortTrigger:`end-1.25 p-0.875`,filterTrigger:`end-1.25`,filterPopup:`p-1.75`,filterOptions:`max-h-55 gap-0.875 py-2`,filterOption:`p-0.875`,filterFooter:`pt-1.25`,filterCount:`text-2xs leading-5`},md:{root:`text-sm`,caption:`py-3`,head:`p-2`,cell:`p-2`,radioRoot:`w-4 h-4`,sortTrigger:`end-1.5 p-1`,filterTrigger:`end-1.5`,filterPopup:`p-2`,filterOptions:`max-h-60 gap-1 py-2.5`,filterOption:`p-1`,filterFooter:`pt-1.5`,filterCount:`text-xs leading-6`},lg:{root:`text-base`,caption:`py-3.5`,head:`p-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`,sortTrigger:`end-1.75 p-1.25`,filterTrigger:`end-1.75`,filterPopup:`p-2.5`,filterOptions:`max-h-65 gap-1.25 py-3`,filterOption:`p-1.25`,filterFooter:`pt-1.75`,filterCount:`text-sm leading-7`},xl:{root:`text-lg`,caption:`py-4`,head:`p-3`,cell:`p-3`,radioRoot:`w-5 h-5`,sortTrigger:`end-2 p-1.5`,filterTrigger:`end-2`,filterPopup:`p-3`,filterOptions:`max-h-70 gap-1.5 py-3.5`,filterOption:`p-1.5`,filterFooter:`pt-2`,filterCount:`text-base leading-8`},"2xl":{root:`text-xl`,caption:`py-4.5`,head:`p-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`,sortTrigger:`end-2.5 p-1.75`,filterTrigger:`end-2.5`,filterPopup:`p-3.5`,filterOptions:`max-h-75 gap-1.75 py-4`,filterOption:`p-1.75`,filterFooter:`pt-2.5`,filterCount:`text-lg leading-9`}},variant:{default:{root:`bg-accent`},simple:{header:[`[&>tr:first-child>th:first-child]:rounded-tl-[--rounded] [&>tr:first-child>th:last-child]:rounded-tr-[--rounded]`,`[&>tr:last-child>th:first-child]:rounded-bl-[--rounded] [&>tr:last-child>th:last-child]:rounded-br-[--rounded]`]}},bordered:{true:{cell:`border-s border-border first:border-s-0`}},rounded:{true:{root:``}},striped:{true:{row:`data-[row]:even:bg-accent`}}},compoundVariants:[{size:`xs`,rounded:!0,class:{root:`[--rounded:0.75rem]`}},{size:`sm`,rounded:!0,class:{root:`[--rounded:1rem]`}},{size:`md`,rounded:!0,class:{root:`[--rounded:1.125rem]`}},{size:`lg`,rounded:!0,class:{root:`[--rounded:1.375rem]`}},{size:`xl`,rounded:!0,class:{root:`[--rounded:1.625rem]`}},{size:`2xl`,rounded:!0,class:{root:`[--rounded:1.75rem]`}},{size:`xs`,variant:`default`,class:{root:`px-0.75 pb-0.75`}},{size:`sm`,variant:`default`,class:{root:`px-0.875 pb-0.875`}},{size:`md`,variant:`default`,class:{root:`px-1 pb-1`}},{size:`lg`,variant:`default`,class:{root:`px-1.25 pb-1.25`}},{size:`xl`,variant:`default`,class:{root:`px-1.5 pb-1.5`}},{size:`2xl`,variant:`default`,class:{root:`px-2 pb-2`}}],defaultVariants:{size:`md`,variant:`default`,bordered:!1,rounded:!0,striped:!1}});export{t as tableVariants};

package/dist/styles/tabs.d.ts

@@ -0,0 +1,81 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/tabs.d.ts
+declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "indicator" | "trigger" | "indicatorContent", NoInfer<{
+  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] rtl:-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";
+    };
+  };
+}>, {
+  fill?: "auto" | "full" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  shape?: "rounded" | "square" | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+  enableIndicator?: boolean | undefined;
+}>;
+type TabsProps = VariantProps<typeof tabsVariants>;
+type TabsShape = NonNullable<TabsProps['shape']>;
+type TabsFill = NonNullable<TabsProps['fill']>;
+//#endregion
+export { TabsFill, TabsShape };

package/dist/styles/tabs.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";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`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-0 start-0 z-2 transition-[width,height,transform] duration-300`,indicatorContent:`w-full h-full bg-background shadow`,content:`flex-grow self-stretch transition-all-150 outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`},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] rtl:-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:`ms-1.5`}},{size:`sm`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-1.75`}},{size:`sm`,orientation:`vertical`,class:{indicator:`px-1`,content:`ms-1.75`}},{size:`md`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-2`}},{size:`md`,orientation:`vertical`,class:{indicator:`px-1`,content:`ms-2`}},{size:`lg`,orientation:`horizontal`,class:{indicator:`py-1.125`,content:`mt-2.5`}},{size:`lg`,orientation:`vertical`,class:{indicator:`px-1.125`,content:`ms-2.5`}},{size:`xl`,orientation:`horizontal`,class:{indicator:`py-1.25`,content:`mt-3`}},{size:`xl`,orientation:`vertical`,class:{indicator:`px-1.25`,content:`ms-3`}},{size:`2xl`,orientation:`horizontal`,class:{indicator:`py-1.5`,content:`mt-3.5`}},{size:`2xl`,orientation:`vertical`,class:{indicator:`px-1.5`,content:`ms-3.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,shape:`square`,fill:`auto`,enableIndicator:!0}});export{t as tabsVariants};

package/dist/styles/tag.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/tag.d.ts
+declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    outline: string;
+    soft: string;
+    ghost: string;
+    raw: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  shape?: "auto" | "rounded" | undefined;
+  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | "raw" | undefined;
+}>;
+type TagVariants = VariantProps<typeof tagVariants>;
+type TagVariant = NonNullable<TagVariants['variant']>;
+type TagShape = NonNullable<TagVariants['shape']>;
+//#endregion
+export { TagShape, TagVariant };

package/dist/styles/tag.js

@@ -0,0 +1 @@
+import{cv as e}from"@soybeanjs/cva";const t=e({base:`inline-flex items-center border font-semibold`,variants:{color:{primary:`border-primary text-primary`,destructive:`border-destructive text-destructive`,success:`border-success text-success`,warning:`border-warning text-warning`,info:`border-info text-info`,carbon:`border-carbon text-carbon`,secondary:`border-secondary-foreground/50 text-secondary-foreground`,accent:`border-accent-foreground/50 text-accent-foreground`},variant:{solid:``,pure:`bg-background text-foreground border-border`,outline:`bg-background`,soft:`border-0`,ghost:``,raw:`bg-transparent border-0`},size:{xs:`gap-0.5 h-3.5 px-1 text-4xs`,sm:`gap-0.75 h-4 px-1.5 text-3xs`,md:`gap-1 h-4.5 px-2 text-2xs`,lg:`gap-1.25 h-5 px-2.5 text-xs`,xl:`gap-1.5 h-6 px-3 text-sm`,"2xl":`gap-2 h-7 px-4 text-base`},shape:{auto:`rounded-md`,rounded:`rounded-full`}},compoundVariants:[{color:`primary`,variant:`solid`,class:`bg-primary text-primary-foreground`},{color:`destructive`,variant:`solid`,class:`bg-destructive text-destructive-foreground`},{color:`success`,variant:`solid`,class:`bg-success text-success-foreground`},{color:`warning`,variant:`solid`,class:`bg-warning text-warning-foreground`},{color:`info`,variant:`solid`,class:`bg-info text-info-foreground`},{color:`carbon`,variant:`solid`,class:`bg-carbon text-carbon-foreground`},{color:`secondary`,variant:`solid`,class:`bg-secondary text-secondary-foreground`},{color:`accent`,variant:`solid`,class:`bg-accent text-accent-foreground`},{color:`primary`,variant:[`soft`,`ghost`],class:`bg-primary/10`},{color:`destructive`,variant:[`soft`,`ghost`],class:`bg-destructive/10`},{color:`success`,variant:[`soft`,`ghost`],class:`bg-success/10`},{color:`warning`,variant:[`soft`,`ghost`],class:`bg-warning/10`},{color:`info`,variant:[`soft`,`ghost`],class:`bg-info/10`},{color:`carbon`,variant:[`soft`,`ghost`],class:`bg-carbon/10`},{color:`secondary`,variant:[`soft`,`ghost`],class:`bg-secondary-foreground/5`},{color:`accent`,variant:[`soft`,`ghost`],class:`bg-accent-foreground/5`}],defaultVariants:{color:`primary`,variant:`solid`,size:`md`,shape:`auto`}});export{t as tagVariants};

package/dist/styles/tags-input.js

@@ -0,0 +1 @@
+import{miniButtonIconVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({itemDelete:e({size:t.size,shape:`circle`}),clear:e({size:t.size})}),slots:{root:[`group relative flex w-full flex-wrap items-center rounded-md border border-input bg-background shadow-sm transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[invalid]:focus-within:ring-destructive/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],item:[`inline-flex items-center rounded-md bg-accent ring-offset-background transition-[box-shadow,background-color]`,`data-[state=active]:ring-2 data-[state=active]:ring-primary/30 data-[state=active]:ring-offset-2`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemText:`rounded bg-transparent`,itemDelete:``,control:[`grow min-w-0 bg-transparent text-foreground outline-none`,`placeholder:text-muted-foreground disabled:cursor-not-allowed`],clear:`absolute opacity-0 transition-opacity group-data-[has-value]:opacity-100`},variants:{size:{xs:{root:`gap-1 px-1.5 py-1 text-2xs`,item:`min-h-4 gap-0.5`,itemText:`px-1.5 py-0.5`,itemDelete:`me-0.5`,input:`min-h-5 px-0.5`,clear:`end-0.5 top-0.5`},sm:{root:`gap-1.5 px-2 py-1 text-xs`,item:`min-h-4.5 gap-0.75`,itemText:`px-1.5 py-0.5`,itemDelete:`me-0.5`,input:`min-h-5 px-0.75`,clear:`end-0.75 top-0.75`},md:{root:`gap-2 px-2 py-1 text-sm`,item:`min-h-5 gap-1`,itemText:`px-2 py-0.5`,itemDelete:`me-1`,input:`min-h-5 px-1`,clear:`end-1 top-1`},lg:{root:`gap-2 px-2.5 py-1.5 text-base`,item:`min-h-6 gap-1`,itemText:`px-2 py-0.5`,itemDelete:`me-1`,input:`min-h-6 px-1.25`,clear:`end-1.25 top-1.25`},xl:{root:`gap-2.5 px-3 py-2 text-lg`,item:`min-h-7 gap-1.5`,itemText:`px-2.5 py-1`,itemDelete:`me-1`,input:`min-h-7 px-1.5`,clear:`end-1.5 top-1.5`},"2xl":{root:`gap-3 px-3.5 py-2.5 text-xl`,item:`min-h-8 gap-1.5`,itemText:`px-3 py-1`,itemDelete:`me-1.5`,input:`min-h-8 px-2`,clear:`end-2 top-2`}}},defaultVariants:{size:`md`}});export{n as tagsInputVariants};

package/dist/styles/textarea.d.ts

@@ -0,0 +1,64 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/textarea.d.ts
+declare const textareaVariants: import("@soybeanjs/cva").SCVResult<"clear" | "root" | "control" | "counter", NoInfer<{
+  size: {
+    xs: {
+      root: "text-2xs";
+      control: "min-h-6 px-1.5 py-1";
+      counter: "text-2xs end-1.75 bottom-1.5";
+      clear: "end-1.5 top-1.5";
+    };
+    sm: {
+      root: "text-xs";
+      control: "min-h-7 px-1.75 py-1";
+      counter: "text-xs end-2 bottom-1.75";
+      clear: "end-1.75 top-1.75";
+    };
+    md: {
+      root: "text-sm";
+      control: "min-h-8 px-2 py-1";
+      counter: "text-sm end-2.5 bottom-2";
+      clear: "end-2 top-2";
+    };
+    lg: {
+      root: "text-base";
+      control: "min-h-9 px-2.5 py-1";
+      counter: "text-base end-3 bottom-2.5";
+      clear: "end-2.5 top-2.5";
+    };
+    xl: {
+      root: "text-lg";
+      control: "min-h-10 px-3 py-1";
+      counter: "text-lg end-3.5 bottom-3";
+      clear: "end-3 top-3";
+    };
+    '2xl': {
+      root: "text-xl";
+      control: "min-h-12 px-4 py-2";
+      counter: "text-xl end-4 bottom-3.5";
+      clear: "end-3.5 top-3.5";
+    };
+  };
+  resize: {
+    true: {
+      control: "resize";
+    };
+    false: {
+      control: "resize-none";
+    };
+    vertical: {
+      control: "resize-y";
+    };
+    horizontal: {
+      control: "resize-x";
+    };
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  resize?: boolean | "horizontal" | "vertical" | undefined;
+}>;
+type TextareaVariants = VariantProps<typeof textareaVariants>;
+type TextareaResize = NonNullable<TextareaVariants['resize']>;
+//#endregion
+export { TextareaResize };

package/dist/styles/textarea.js

@@ -0,0 +1 @@
+import{miniButtonIconVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({clear:e({size:t.size,shape:`circle`})}),slots:{root:[`group relative flex flex-col`,`rounded-md border border-solid border-input bg-background transition-all-150`,`outline-none focus-within:ring-3  focus-within:ring-offset-background focus-within:ring-primary/30`],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`,clear:`absolute hidden opacity-50 group-hover:inline-flex group-focus-within:inline-flex hover:opacity-100`},variants:{size:{xs:{root:`text-2xs`,control:`min-h-6 px-1.5 py-1`,counter:`text-2xs end-1.75 bottom-1.5`,clear:`end-1.5 top-1.5`},sm:{root:`text-xs`,control:`min-h-7 px-1.75 py-1`,counter:`text-xs end-2 bottom-1.75`,clear:`end-1.75 top-1.75`},md:{root:`text-sm`,control:`min-h-8 px-2 py-1`,counter:`text-sm end-2.5 bottom-2`,clear:`end-2 top-2`},lg:{root:`text-base`,control:`min-h-9 px-2.5 py-1`,counter:`text-base end-3 bottom-2.5`,clear:`end-2.5 top-2.5`},xl:{root:`text-lg`,control:`min-h-10 px-3 py-1`,counter:`text-lg end-3.5 bottom-3`,clear:`end-3 top-3`},"2xl":{root:`text-xl`,control:`min-h-12 px-4 py-2`,counter:`text-xl end-4 bottom-3.5`,clear:`end-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{n as textareaVariants};

package/dist/styles/time-range-field.js

@@ -0,0 +1 @@
+import"./date-range-field.js";

package/dist/styles/toast.js

@@ -0,0 +1 @@
+import{miniButtonIconVariants as e,miniButtonVariants as t}from"./button.js";import{scv as n}from"@soybeanjs/cva";const r=n({extendBase:n=>({close:e({size:n.size}),cancel:t({size:n.size,variant:`pure`}),action:t({size:n.size})}),slots:{toaster:[`fixed z-[--z-index] list-none outline-none transition-transform-400 ease`,`data-[x-position=right]:end-[--offset-right] data-[x-position=left]:start-[--offset-left] data-[x-position=center]:start-1/2 data-[x-position=center]:-translate-x-1/2 [&[dir=rtl]]:data-[x-position=center]:translate-x-1/2`,`data-[y-position=top]:top-[--offset-top] data-[y-position=bottom]:bottom-[--offset-bottom]`],toast:[`group absolute w-full rounded-md bg-popover text-popover-foreground border border-transparent opacity-0 outline-none touch-none`,`data-[y-position=top]:top-0 data-[y-position=top]:[--y:translateY(-100%)]`,`data-[y-position=bottom]:[--lift:-1] data-[y-position=bottom]:bottom-0`,`data-[x-position=left]:start-0 data-[x-position=right]:end-0`],wrapper:`flex flex-col items-stretch`,content:``,title:`flex items-center font-semibold`,description:`text-muted-foreground`,icon:[`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`],footer:`flex justify-end items-center`,action:``,cancel:``,close:`absolute group-data-[inverted=true]:text-accent group-data-[inverted=true]:hover:bg-accent/15`},variants:{size:{xs:{toaster:`w-80 text-2xs`,toast:`p-3`,wrapper:`gap-1`,title:`gap-1.25`,footer:`gap-1.25`,close:`top-1 end-1`},sm:{toaster:`w-85 text-xs`,toast:`p-3.5`,wrapper:`gap-1.25`,title:`gap-1.5`,footer:`gap-1.5`,close:`top-1.25 end-1.25`},md:{toaster:`w-90 text-sm`,toast:`p-4`,wrapper:`gap-1.5`,title:`gap-2`,footer:`gap-2`,close:`top-1.5 end-1.5`},lg:{toaster:`w-95 text-base`,toast:`p-4.5`,wrapper:`gap-1.75`,title:`gap-2.5`,footer:`gap-2.5`,close:`top-1.75 end-1.75`},xl:{toaster:`w-100 text-lg`,toast:`p-5`,wrapper:`gap-2`,title:`gap-3`,footer:`gap-3`,close:`top-2 end-2`},"2xl":{toaster:`w-110 text-xl`,toast:`p-6`,wrapper:`gap-2.5`,title:`gap-4`,footer:`gap-4`,close:`top-2.5 end-2.5`}}},defaultVariants:{size:`md`}});export{r as toastVariants};