@soybeanjs/ui 0.0.2-beta.12 → 0.0.2-beta.14

package/dist/variants/kbd.d.ts

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

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

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

package/dist/variants/separator.d.ts

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

package/dist/variants/switch.d.ts

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

package/dist/variants/tabs.d.ts

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

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants17 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants13.TVReturnType<{
+declare const tagVariants: tailwind_variants17.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_variants17.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/textarea.d.ts

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

package/dist/variants/toast.d.ts

@@ -0,0 +1,61 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/toast.d.ts
+
+declare const toastViewportVariants: tailwind_variants0.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_variants0.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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.2-beta.12",
+  "version": "0.0.2-beta.14",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -50,38 +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.12"
+    "@soybeanjs/headless": "^0.0.2-beta.14"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.1",
-    "@soybeanjs/eslint-config": "^1.7.3",
+    "@soybeanjs/eslint-config": "^1.7.4",
     "@soybeanjs/unocss-preset": "^0.1.7",
-    "@types/node": "^24.10.0",
-    "@unocss/cli": "^66.5.5",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@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",
-    "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",
@@ -100,6 +100,7 @@
     "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",