@soybeanjs/ui 0.3.3 → 0.4.0

package/dist/variants/page-tabs.d.ts

@@ -0,0 +1,183 @@
+import * as tailwind_variants13 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/page-tabs.d.ts
+declare const pageTabsVariants: tailwind_variants13.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    sm: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    md: {
+      root: string;
+      item: string;
+      itemText: string;
+      chromeBgLeft: string;
+      chromeBgRight: string;
+    };
+    lg: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    xl: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    '2xl': {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+  };
+  variant: {
+    chrome: {
+      root: string;
+      item: string;
+    };
+    card: {
+      root: string;
+      item: string;
+    };
+    slider: {
+      root: string;
+      item: string;
+    };
+  };
+}, {
+  root: string;
+  item: string[];
+  itemText: string;
+  close: string[];
+  pin: string;
+  chromeBgLeft: string[];
+  chromeBgRight: string[];
+  sliderIndicator: string;
+}, undefined, {
+  size: {
+    xs: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    sm: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    md: {
+      root: string;
+      item: string;
+      itemText: string;
+      chromeBgLeft: string;
+      chromeBgRight: string;
+    };
+    lg: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    xl: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    '2xl': {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+  };
+  variant: {
+    chrome: {
+      root: string;
+      item: string;
+    };
+    card: {
+      root: string;
+      item: string;
+    };
+    slider: {
+      root: string;
+      item: string;
+    };
+  };
+}, {
+  root: string;
+  item: string[];
+  itemText: string;
+  close: string[];
+  pin: string;
+  chromeBgLeft: string[];
+  chromeBgRight: string[];
+  sliderIndicator: string;
+}, tailwind_variants13.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    sm: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    md: {
+      root: string;
+      item: string;
+      itemText: string;
+      chromeBgLeft: string;
+      chromeBgRight: string;
+    };
+    lg: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    xl: {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+    '2xl': {
+      root: string;
+      item: string;
+      itemText: string;
+    };
+  };
+  variant: {
+    chrome: {
+      root: string;
+      item: string;
+    };
+    card: {
+      root: string;
+      item: string;
+    };
+    slider: {
+      root: string;
+      item: string;
+    };
+  };
+}, {
+  root: string;
+  item: string[];
+  itemText: string;
+  close: string[];
+  pin: string;
+  chromeBgLeft: string[];
+  chromeBgRight: string[];
+  sliderIndicator: string;
+}, undefined, unknown, unknown, undefined>>;
+type PageTabsVariants = VariantProps<typeof pageTabsVariants>;
+type PageTabsVariant = NonNullable<PageTabsVariants['variant']>;
+//#endregion
+export { PageTabsVariant };

package/dist/variants/page-tabs.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:[`group/item relative flex items-center cursor-pointer select-none outline-none`,`data-[active=true]:bg-primary-50 data-[active=true]:text-primary data-[active=true]:z-2`,`data-[active=false]:hover:bg-accent data-[active=false]:focus:bg-accent`],itemText:`grow truncate`,close:[`rounded-full hover:text-muted group-data-[active=true]/item:hover:bg-primary/50`,`group-data-[active=false]/item:hover:bg-accent-foreground/20`],pin:``,chromeBgLeft:[`absolute right-full bottom-0 fill-transparent`,`group-hover/item:fill-accent group-data-[active=true]/item:fill-primary-50 group-data-[active=true]/item:z-2`],chromeBgRight:[`absolute left-full bottom-0 fill-transparent`,`group-hover/item:fill-accent group-data-[active=true]/item:fill-primary-50 group-data-[active=true]/item:z-2`],sliderIndicator:`absolute bottom-0 left-0 w-full h-0.5 group-data-[active=true]/item:bg-primary`},variants:{size:{xs:{root:`text-2xs`,item:`gap-2 px-1 py-1`,itemText:`max-w-50`},sm:{root:`text-xs`,item:`gap-2.5 px-1.5 py-1`,itemText:`max-w-55`},md:{root:`text-sm`,item:`gap-3 px-2 py-1.5`,itemText:`max-w-60`,chromeBgLeft:`w-2 h-2`,chromeBgRight:`w-2 h-2`},lg:{root:`text-base`,item:`gap-3.5 px-2.5 py-1.5`,itemText:`max-w-65`},xl:{root:`text-lg`,item:`gap-4 px-3 py-2`,itemText:`max-w-70`},"2xl":{root:`text-xl`,item:`gap-4.5 px-3.5 py-2.5`,itemText:`max-w-75`}},variant:{chrome:{root:`items-end`,item:`rounded-t-md`},card:{root:`items-center gap-2`,item:`rounded-md shadow-sm border border-border`},slider:{root:`items-end`,item:`rounded-t-md`}}},defaultVariants:{size:`md`,variant:`chrome`}});export{t as pageTabsVariants};

package/dist/variants/pagination.d.ts

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

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

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

package/dist/variants/separator.d.ts

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

package/dist/variants/switch.d.ts

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

package/dist/variants/tabs.d.ts

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

package/dist/variants/textarea.d.ts

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

package/dist/variants/toast.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -55,7 +55,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.3.3"
+    "@soybeanjs/headless": "^0.4.0"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.4",
@@ -75,13 +75,15 @@
     "typescript": "^5.9.3",
     "unocss": "^66.6.0",
     "unocss-preset-animations": "^1.3.0",
+    "unplugin-auto-import": "^21.0.0",
     "unplugin-vue": "^7.1.1",
     "unplugin-vue-components": "^31.0.0",
     "unplugin-vue-jsx": "^0.8.1",
     "vite": "^7.3.1",
+    "vite-plugin-vue-meta-layouts": "^0.6.1",
     "vitest": "^4.0.18",
     "vue": "^3.5.27",
-    "vue-router": "^4.6.4",
+    "vue-router": "^5.0.0",
     "vue-tsc": "^3.2.4"
   },
   "simple-git-hooks": {