@soybeanjs/ui 0.27.0 → 0.27.1

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}
   onChange?: ((visible: boolean) => any) | undefined;
 }>, {
   icon: string;
-  color: ThemeColor;
   size: ThemeSize;
+  color: ThemeColor;
   shape: ButtonShape;
   variant: ButtonVariant;
   shadow: ButtonShadow;

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/components/color-slider/color-slider.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<ColorSliderProps, {},
   "onUpdate:color"?: ((value: import("@soybeanjs/headless/types").NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
-  color: ThemeColor;
   size: ThemeSize;
+  color: ThemeColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/config-provider/config-provider.js

@@ -1 +1 @@
-import{themeSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,h as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v,watchEffect as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{isClient as S,isNuxt as C,transformPropsToContext as w}from"@soybeanjs/headless/shared";import{useStyleTag as T}from"@vueuse/core";import{ConfigProvider as E}from"@soybeanjs/headless/config-provider";import{createShadcnTheme as D}from"@soybeanjs/shadcn-theme";const O=l({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{},locale:{},nonce:{},tooltip:{},iconRender:{},messages:{}},setup(l){let O=l,k=x(O,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),A=O.iconRender??(e=>d(a,{icon:e,ssr:C}));i({...w(O),iconRender:A});let j=g(``),M=()=>{let{getCss:e}=D(O.theme);j.value=e(O.theme,O.theme.radius)};return T(j,{id:`__SoybeanUI_theme`}),y(()=>{if(!S)return;let t=e[O.size??`md`];document.documentElement.style.fontSize=`${t}px`},{flush:`post`}),v(()=>O.theme,(e,t)=>{S&&Object.keys(e).length>0&&Object.keys(t).length>0&&M()},{deep:!0,flush:`post`}),(e,i)=>(m(),o(_(E),f(_(k),{"icon-render":_(A)}),{default:b(()=>[h(e.$slots,`default`),O.customToast?s(`v-if`,!0):(m(),o(r,p(f({key:0},O.toast)),null,16)),c(t),c(n,p(u(O.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{O as default};
+import{themeSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,h as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v,watchEffect as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{isClient as S,isNuxt as C,transformPropsToContext as w}from"@soybeanjs/headless/shared";import{useStyleTag as T}from"@vueuse/core";import{ConfigProvider as E}from"@soybeanjs/headless/config-provider";import{createShadcnTheme as D}from"@soybeanjs/shadcn-theme";const O=l({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{},locale:{},nonce:{},tooltip:{},iconRender:{},messages:{}},setup(l){let O=l,k=x(O,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),A=O.iconRender??(e=>d(a,{icon:e,ssr:C}));i({...w(O),iconRender:A});let j=g(``),M=()=>{let{getCss:e}=D(O.theme);j.value=e(O.theme,O.theme.radius)};return T(j,{id:`__SoybeanUI_theme`}),y(()=>{if(!S)return;let t=e[O.size??`md`];document.documentElement.style.fontSize=`${t}px`},{flush:`post`}),v(()=>O.theme,()=>{S&&M()},{deep:!0,flush:`post`,immediate:!0}),(e,i)=>(m(),o(_(E),f(_(k),{"icon-render":_(A)}),{default:b(()=>[h(e.$slots,`default`),O.customToast?s(`v-if`,!0):(m(),o(r,p(f({key:0},O.toast)),null,16)),c(t),c(n,p(u(O.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{O as default};

package/dist/styles/alert.d.ts

@@ -92,8 +92,8 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | undefined;
 }>;
 type AlertVariants = VariantProps<typeof alertVariants>;

package/dist/styles/badge.d.ts

@@ -63,8 +63,8 @@ declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "roo
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
 }>;
 type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/styles/button.d.ts

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

package/dist/styles/checkbox.d.ts

@@ -77,8 +77,8 @@ declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "ro
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/page-tabs.d.ts
-declare const pageTabsVariants: import("@soybeanjs/cva").SCVResult<"close" | "root" | "item" | "pin" | "itemText" | "sliderIndicator" | "chromeBgLeft" | "chromeBgRight", NoInfer<{
+declare const pageTabsVariants: import("@soybeanjs/cva").SCVResult<"close" | "root" | "item" | "itemText" | "pin" | "sliderIndicator" | "chromeBgLeft" | "chromeBgRight", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";

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

@@ -85,8 +85,8 @@ declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "dot" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/switch.d.ts

@@ -65,8 +65,8 @@ declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "contr
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   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>;

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";

package/dist/styles/tabs.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/tabs.d.ts
-declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "trigger" | "indicator" | "indicatorContent", NoInfer<{
+declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "indicator" | "trigger" | "indicatorContent", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -68,8 +68,8 @@ declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content
     };
   };
 }>, {
-  fill?: "auto" | "full" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  fill?: "auto" | "full" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
   enableIndicator?: boolean | undefined;

package/dist/styles/tag.d.ts

@@ -33,8 +33,8 @@ declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     rounded: string;
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   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;
 }>;

package/dist/styles/toggle-group.d.ts

@@ -68,8 +68,8 @@ declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "soft" | "ghost" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/toggle.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.27.0",
+  "version": "0.27.1",
   "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": {
@@ -51,7 +51,7 @@
     "@soybeanjs/utils": "^0.1.1",
     "valibot": "^1.4.1",
     "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.27.0"
+    "@soybeanjs/headless": "^0.27.1"
   },
   "devDependencies": {
     "@nuxt/kit": "^4.4.6",