@soybeanjs/ui 0.26.1 → 0.26.2

package/dist/components/backtop/backtop.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}
   icon: string;
   size: ThemeSize;
   color: ThemeColor;
-  variant: ButtonVariant;
   shape: ButtonShape;
+  variant: ButtonVariant;
   shadow: ButtonShadow;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/button/button-icon.vue.d.ts

@@ -4,8 +4,8 @@ import { ButtonIconProps } from "./types.js";
 //#region src/components/button/button-icon.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ButtonIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
-  variant: ButtonVariant;
   shape: ButtonShape;
+  variant: ButtonVariant;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/button/button-link.vue.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
-  variant: ButtonVariant;
   replace: boolean;
+  variant: ButtonVariant;
   disabled: boolean;
   external: boolean;
   viewTransition: boolean;

package/dist/components/calendar/calendar.js

@@ -1 +1 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../icon/icon.js";import{calendarVariants as n}from"../../styles/calendar.js";import r from"../select/select.js";import{computed as i,createBlock as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{useLocaleMessages as x}from"@soybeanjs/headless";import{CalendarCompact as S,provideCalendarUi as C}from"@soybeanjs/headless/calendar";const w=l({name:`SCalendar`,__name:`calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(l,{emit:w}){let T=l,E=w,D=b(T,[`class`,`size`,`ui`]),O=y(E),k=x(),A=i(()=>({"aria-label":k.value.calendar.selectMonth})),j=i(()=>({"aria-label":k.value.calendar.selectYear})),M=i(()=>n({size:T.size},T.ui,{root:T.class})),N=i(()=>e[T.size||`md`]);return C(M),(e,n)=>(p(),a(_(S),d(_(D),g(_(O))),o({prev:v(n=>[m(e.$slots,`prev`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-left`})])]),next:v(n=>[m(e.$slots,`next`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-right`})])]),"head-cell":v(t=>[m(e.$slots,`head-cell`,f(u(t)),()=>[s(h(t.label),1)])]),day:v(t=>[m(e.$slots,`day`,f(u(t)),()=>[s(h(t.dayValue),1)])]),default:v(t=>[m(e.$slots,`default`,f(u(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:v(t=>[m(e.$slots,`heading`,f(u(t)))]),key:`0`}:{name:`heading`,fn:v(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":A.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":j.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{w as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../icon/icon.js";import{calendarVariants as n}from"../../styles/calendar.js";import r from"../select/select.js";import{computed as i,createBlock as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{useLocaleMessages as x}from"@soybeanjs/headless";import{CalendarCompact as S,provideCalendarUi as C}from"@soybeanjs/headless/calendar";const w=l({name:`SCalendar`,__name:`calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(l,{emit:w}){let T=l,E=w,D=b(T,[`class`,`size`,`ui`]),O=y(E),k=x(),A=i(()=>({"aria-label":k.value.calendar.selectMonth})),j=i(()=>({"aria-label":k.value.calendar.selectYear})),M=i(()=>n({size:T.size},T.ui,{root:T.class})),N=i(()=>e[T.size||`md`]);return C(M),(e,n)=>(p(),a(_(S),d(_(D),g(_(O))),o({prev:v(n=>[m(e.$slots,`prev`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-left`})])]),next:v(n=>[m(e.$slots,`next`,f(u(n)),()=>[c(t,{icon:`lucide:chevron-right`})])]),"head-cell":v(t=>[m(e.$slots,`head-cell`,f(u(t)),()=>[s(h(t.label),1)])]),day:v(t=>[m(e.$slots,`day`,f(u(t)),()=>[s(h(t.dayValue),1)])]),default:v(t=>[m(e.$slots,`default`,f(u(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:v(t=>[m(e.$slots,`heading`,f(u(t)))]),key:`0`}:{name:`heading`,fn:v(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":A.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),c(r,{size:N.value,disabled:l.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":j.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{w as default};

package/dist/components/color-picker/color-picker.vue.d.ts

@@ -27,10 +27,10 @@ declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {},
   "onUpdate:format"?: ((value: import("@soybeanjs/headless/types").ColorFormat) => any) | undefined;
 }>, {
   open: boolean;
-  showArrow: boolean;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;
+  showArrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/styles/button.d.ts

@@ -49,8 +49,8 @@ declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
-  variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
   shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
   shadow?: "sm" | "md" | "lg" | "none" | undefined;
   fitContent?: boolean | undefined;
 }>;

package/dist/styles/color-picker.js

@@ -1 +1 @@
-import{miniButtonVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({trigger:e({size:t.size,variant:`pure`})}),slots:{popup:``,content:`flex flex-col`,trigger:``,triggerSwatch:``,triggerValue:`min-w-0 flex-1 truncate text-start font-mono text-xs`,segment:``,area:``,sliderSwatch:`flex items-center`,sliderRoot:`flex-1`,swatch:``,fields:`grid grid-cols-[2fr_1fr]`,field:``,alphaField:``,swatchPicker:``},variants:{size:{xs:{popup:`p-1.5`,content:`w-45 gap-1.5`,area:`h-30`,sliderSwatch:`gap-1.5`,fields:`gap-1.5`,alphaField:`w-12`},sm:{popup:`p-1.75`,content:`w-52.5 gap-1.75`,area:`h-35`,sliderSwatch:`gap-1.75`,fields:`gap-1.75`,alphaField:`w-15`},md:{popup:`p-2`,content:`w-60 gap-2`,area:`h-40`,sliderSwatch:`gap-2`,fields:`gap-2`,alphaField:`w-16`},lg:{popup:`p-2.5`,content:`w-63.75 gap-2.5`,area:`h-42.5`,sliderSwatch:`gap-2.5`,fields:`gap-2.5`,alphaField:`w-18`},xl:{popup:`p-3`,content:`w-67.5 gap-3`,area:`h-45`,sliderSwatch:`gap-3`,fields:`gap-3`,alphaField:`w-20`},"2xl":{popup:`p-4`,content:`w-80 gap-4`,area:`h-50`,sliderSwatch:`gap-4`,fields:`gap-4`,alphaField:`w-25`}}},defaultVariants:{size:`md`}});export{n as colorPickerVariants};
+import{buttonVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({trigger:e({size:t.size,variant:`pure`})}),slots:{popup:``,content:`flex flex-col`,trigger:``,triggerSwatch:``,triggerValue:`min-w-0 flex-1 truncate text-start font-mono text-xs`,segment:``,area:``,sliderSwatch:`flex items-center`,sliderRoot:`flex-1`,swatch:``,fields:`grid grid-cols-[2fr_1fr]`,field:``,alphaField:``,swatchPicker:``},variants:{size:{xs:{popup:`p-1.5`,content:`w-45 gap-1.5`,area:`h-30`,sliderSwatch:`gap-1.5`,fields:`gap-1.5`,alphaField:`w-12`},sm:{popup:`p-1.75`,content:`w-52.5 gap-1.75`,area:`h-35`,sliderSwatch:`gap-1.75`,fields:`gap-1.75`,alphaField:`w-15`},md:{popup:`p-2`,content:`w-60 gap-2`,area:`h-40`,sliderSwatch:`gap-2`,fields:`gap-2`,alphaField:`w-16`},lg:{popup:`p-2.5`,content:`w-63.75 gap-2.5`,area:`h-42.5`,sliderSwatch:`gap-2.5`,fields:`gap-2.5`,alphaField:`w-18`},xl:{popup:`p-3`,content:`w-67.5 gap-3`,area:`h-45`,sliderSwatch:`gap-3`,fields:`gap-3`,alphaField:`w-20`},"2xl":{popup:`p-4`,content:`w-80 gap-4`,area:`h-50`,sliderSwatch:`gap-4`,fields:`gap-4`,alphaField:`w-25`}}},defaultVariants:{size:`md`}});export{n as colorPickerVariants};

package/dist/styles/pagination.d.ts

@@ -62,8 +62,8 @@ declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "n
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  variant?: "pure" | "solid" | "outline" | "soft" | undefined;
   shape?: "rounded" | "square" | undefined;
+  variant?: "pure" | "solid" | "outline" | "soft" | undefined;
   actionAsSelected?: boolean | undefined;
 }>;
 type PaginationVariants = VariantProps<typeof paginationVariants>;

package/dist/styles/skeleton.d.ts

@@ -20,8 +20,8 @@ declare const skeletonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  shape?: "auto" | "rounded" | undefined;
   animated?: boolean | undefined;
+  shape?: "auto" | "rounded" | undefined;
 }>;
 type SkeletonVariants = VariantProps<typeof skeletonVariants>;
 type SkeletonShape = NonNullable<SkeletonVariants['shape']>;

package/dist/styles/switch.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/switch.d.ts
-declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "control" | "thumb", NoInfer<{
+declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "thumb" | "control", NoInfer<{
   color: {
     primary: {
       control: "data-[state=checked]:bg-primary focus-visible:ring-primary/30";

package/dist/styles/table.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/table.d.ts
-declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
+declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "selection" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -113,8 +113,8 @@ declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "cont
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  variant?: "default" | "simple" | undefined;
   rounded?: boolean | undefined;
+  variant?: "default" | "simple" | undefined;
   bordered?: boolean | undefined;
   striped?: boolean | undefined;
 }>;

package/dist/styles/tag.d.ts

@@ -35,8 +35,8 @@ declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
-  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | "raw" | undefined;
   shape?: "auto" | "rounded" | undefined;
+  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | "raw" | undefined;
 }>;
 type TagVariants = VariantProps<typeof tagVariants>;
 type TagVariant = NonNullable<TagVariants['variant']>;

package/dist/styles/tag.js

@@ -1 +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};
+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-4 px-1 text-4xs`,sm:`gap-0.75 h-4.5 px-1.5 text-3xs`,md:`gap-1 h-5 px-2 text-2xs`,lg:`gap-1.25 h-5.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/toggle.d.ts

@@ -34,8 +34,8 @@ declare const toggleVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
-  variant?: "outline" | "soft" | "ghost" | undefined;
   shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  variant?: "outline" | "soft" | "ghost" | undefined;
 }>;
 type ToggleVariants = VariantProps<typeof toggleVariants>;
 type ToggleVariant = NonNullable<ToggleVariants['variant']>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.26.1",
+  "version": "0.26.2",
   "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": {
@@ -49,12 +49,12 @@
     "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/shadcn-theme": "^0.3.3",
     "@soybeanjs/utils": "^0.1.1",
-    "fuse.js": "^7.3.0",
     "valibot": "^1.4.1",
     "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.26.1"
+    "@soybeanjs/headless": "^0.26.2"
   },
   "devDependencies": {
+    "@nuxt/kit": "^4.4.6",
     "@soybeanjs/cli": "^1.7.2",
     "@soybeanjs/eslint-config-vue": "^0.1.0",
     "@soybeanjs/oxc-config": "^0.2.0",
@@ -71,6 +71,7 @@
     "eslint": "^10.4.0",
     "happy-dom": "^20.9.0",
     "lint-staged": "^17.0.5",
+    "nuxt": ">=4.0.0",
     "oxfmt": "^0.52.0",
     "oxlint": "^1.67.0",
     "simple-git-hooks": "^2.13.1",
@@ -90,6 +91,31 @@
     "vue-router": "^5.0.7",
     "vue-tsc": "^3.3.2"
   },
+  "peerDependencies": {
+    "@nuxt/kit": "^4.3.0",
+    "@nuxt/schema": "^4.3.0",
+    "nuxt": ">=4.0.0",
+    "unplugin-vue-components": "^31.0.0",
+    "vue": ">=3.2.0",
+    "vue-router": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@nuxt/kit": {
+      "optional": true
+    },
+    "@nuxt/schema": {
+      "optional": true
+    },
+    "nuxt": {
+      "optional": true
+    },
+    "unplugin-vue-components": {
+      "optional": true
+    },
+    "vue-router": {
+      "optional": true
+    }
+  },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",
     "pre-commit": "pnpm typecheck && pnpm lint-staged"