@soybeanjs/ui 0.29.0-beta.5 → 0.29.0-beta.6

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;
-  size: ThemeSize;
   color: ThemeColor;
+  size: ThemeSize;
   shape: ButtonShape;
   variant: ButtonVariant;
   shadow: ButtonShadow;

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;
 }>, {
-  size: ThemeSize;
   color: ThemeColor;
+  size: ThemeSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-picker/date-picker.js

@@ -1 +1 @@
-import e from"../calendar/calendar.js";import{datePickerVariants as t}from"../../styles/date-picker.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{DatePickerCompact as p,provideDatePickerUi as m}from"@soybeanjs/headless/date-picker";const h=a({name:`SDatePicker`,__name:`date-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(a,{emit:h}){let g=a,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>t({size:g.size},g.ui,{root:g.class}))),(t,n)=>(s(),r(l(p),o(l(v),c(l(y))),{default:u(({calendarProps:t,close:n,onUpdateModelValue:r,onUpdatePlaceholder:s})=>[i(e,o(t,{size:a.size,ui:a.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":s}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{h as default};
+import e from"../calendar/calendar.js";import{datePickerVariants as t}from"../../styles/date-picker.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{DatePickerCompact as p,provideDatePickerUi as m}from"@soybeanjs/headless/date-picker";const h=a({name:`SDatePicker`,__name:`date-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(a,{emit:h}){let g=a,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>t({size:g.size},g.ui,{root:g.class}))),(t,n)=>(s(),r(l(p),o(l(v),c(l(y))),{default:u(({calendarProps:t,close:n,onUpdateModelValue:r,onUpdatePlaceholder:s})=>[i(e,o(t,{size:a.size,ui:a.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":s}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{h as default};

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -4,8 +4,8 @@ import { PageTabsOptionData } from "@soybeanjs/headless/page-tabs";
 //#region src/components/page-tabs/page-tabs.vue.d.ts
 declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
-    onClose?: ((tab: T) => any) | undefined;
     onContextmenu?: ((tab: T) => any) | undefined;
+    onClose?: ((tab: T) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;

package/dist/components/splitter/splitter-resize-handle.vue.d.ts

@@ -402,9 +402,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
   onDragging?: ((_value: boolean) => any) | undefined;
 }>, {
   class: import("@soybeanjs/headless").ClassValue;
+  tabindex: number;
   asChild: boolean;
   as: string | Function | Record<string, any>;
-  tabindex: number;
   disabled: boolean;
   withHandle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/styles/alert.d.ts

@@ -92,8 +92,8 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | 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
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | 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;
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   shape?: "auto" | "rounded" | "square" | "circle" | undefined;
   variant?: "link" | "pure" | "outline" | "soft" | "ghost" | "solid" | "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
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

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

@@ -85,8 +85,8 @@ declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | 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
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   shape?: "rounded" | "square" | undefined;
 }>;
 type SwitchVariants = VariantProps<typeof switchVariants>;

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" | "indicator" | "trigger" | "indicatorContent", NoInfer<{
+declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "trigger" | "indicator" | "indicatorContent", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -68,8 +68,8 @@ declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content
     };
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   fill?: "auto" | "full" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | 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;
   };
 }>, {
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   shape?: "auto" | "rounded" | undefined;
   variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | "raw" | undefined;
 }>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.29.0-beta.5",
+  "version": "0.29.0-beta.6",
   "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,7 +49,7 @@
     "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/shadcn-theme": "^0.3.4",
     "@soybeanjs/utils": "^0.1.1",
-    "@soybeanjs/headless": "^0.29.0-beta.5"
+    "@soybeanjs/headless": "^0.29.0-beta.6"
   },
   "devDependencies": {
     "@nuxt/kit": "^4.4.8",