@soybeanjs/ui 0.29.0-beta.9 → 0.29.0

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;
-  shape: ButtonShape;
   variant: ButtonVariant;
+  shape: ButtonShape;
   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;
-  shape: ButtonShape;
   variant: ButtonVariant;
+  shape: ButtonShape;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -11,9 +11,9 @@ 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<{}>, {
-  replace: boolean;
   variant: ButtonVariant;
   disabled: boolean;
+  replace: boolean;
   external: boolean;
   viewTransition: boolean;
   noRel: boolean;

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

@@ -1 +1 @@
-import{provideConfigProviderContext as e}from"./context.js";import t from"../icon/icon.js";import n from"../dialog/dialog-provider.js";import r from"../progress/progress-provider.js";import i from"../toast/toast-provider.js";import{createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,h as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,watch as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{isClient as y,transformPropsToContext as b}from"@soybeanjs/headless/shared";import{ConfigProvider as x}from"@soybeanjs/headless/config-provider";import{updateUiAttribute as S}from"@soybeanjs/shadcn-theme";const C=c({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(c){let C=c,w=v(C,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),T=C.iconRender??(e=>u(t,{icon:e,ssr:import.meta.env.SSR}));return e({...b(C),iconRender:T}),g(()=>C.theme,(e,t)=>{y&&S(e,t)},{deep:!0,immediate:!0,flush:`post`}),(e,t)=>(p(),a(h(x),d(h(w),{"icon-render":h(T)}),{default:_(()=>[m(e.$slots,`default`),C.customToast?o(`v-if`,!0):(p(),a(i,f(d({key:0},C.toast)),null,16)),s(n),s(r,f(l(C.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{C as default};
+import{provideConfigProviderContext as e}from"./context.js";import t from"../icon/icon.js";import n from"../dialog/dialog-provider.js";import r from"../progress/progress-provider.js";import i from"../toast/toast-provider.js";import{Teleport as a,computed as o,createBlock as s,createCommentVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,h as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{Primitive as S}from"@soybeanjs/headless/primitive";import{transformPropsToContext as C}from"@soybeanjs/headless/shared";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{createShadcnTheme as T}from"@soybeanjs/shadcn-theme";const E=d({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(d){let E=d,D=x(E,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),O=E.iconRender??(e=>p(t,{icon:e,ssr:import.meta.env.SSR})),k=o(()=>{let{getCss:e}=T({...E.theme,size:E.theme.size||E.size||`md`});return e()});return e({...C(E),iconRender:O}),(e,t)=>(g(),s(y(w),m(y(D),{"icon-render":y(O)}),{default:b(()=>[(g(),s(a,{to:`head`},[u(y(S),{as:`style`},{default:b(()=>[l(v(k.value),1)]),_:1})])),_(e.$slots,`default`),E.customToast?c(`v-if`,!0):(g(),s(i,h(m({key:0},E.toast)),null,16)),u(n),u(r,h(f(E.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{E as default};

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -1,9 +1,9 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ConfigProviderProps, IconifyOptions } from "./types.js";
 //#region src/components/config-provider/config-provider.vue.d.ts
-declare var __VLS_8: {};
+declare var __VLS_20: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+  default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   size: ThemeSize;

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:{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};
+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};

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

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

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -12,13 +12,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  resize: (size: number, prevSize: number | undefined) => any;
   collapse: () => any;
   expand: () => any;
+  resize: (size: number, prevSize: number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
-  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
   onCollapse?: (() => any) | undefined;
   onExpand?: (() => any) | undefined;
+  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/resolver/index.js

@@ -1 +1 @@
-import{components as e}from"../constants/components.js";function t(){return{type:`component`,resolve:t=>{let n=Object.values(e).flat(),r=t.replace(/(^\w|-\w)/g,e=>e.replace(`-`,``).toUpperCase());return n.includes(r)?{name:r,from:`@soybeanjs/ui`}:null}}}export{t as default};
+import{components as e}from"../constants/components.js";function t(){return{type:`component`,resolve:t=>{let n=t.replace(/(^\w|-\w)/g,e=>e.replace(`-`,``).toUpperCase());return Object.values(e).flat().includes(n)?{name:n,from:`@soybeanjs/ui`}:null}}}export{t as default};

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;
-  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
   variant?: "link" | "pure" | "outline" | "soft" | "ghost" | "solid" | "dashed" | "plain" | undefined;
+  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
   shadow?: "sm" | "md" | "lg" | "none" | undefined;
   fitContent?: boolean | undefined;
 }>;

package/dist/styles/pagination.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/pagination.d.ts
-declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "first" | "last" | "ellipsis" | "root" | "prev" | "listItem", NoInfer<{
+declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "root" | "first" | "last" | "ellipsis" | "prev" | "listItem", NoInfer<{
   size: {
     xs: {
       list: "gap-0.75 text-2xs";
@@ -62,8 +62,8 @@ declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "n
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  shape?: "rounded" | "square" | undefined;
   variant?: "pure" | "outline" | "soft" | "solid" | undefined;
+  shape?: "rounded" | "square" | 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;
-  animated?: boolean | undefined;
   shape?: "auto" | "rounded" | undefined;
+  animated?: boolean | undefined;
 }>;
 type SkeletonVariants = VariantProps<typeof skeletonVariants>;
 type SkeletonShape = NonNullable<SkeletonVariants['shape']>;

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" | "scroll" | "body" | "head" | "cell" | "row" | "root" | "resizeHandle" | "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;
-  rounded?: boolean | undefined;
   variant?: "default" | "simple" | undefined;
+  rounded?: boolean | 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;
-  shape?: "auto" | "rounded" | undefined;
   variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | "raw" | undefined;
+  shape?: "auto" | "rounded" | undefined;
 }>;
 type TagVariants = VariantProps<typeof tagVariants>;
 type TagVariant = NonNullable<TagVariants['variant']>;

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;
-  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
   variant?: "outline" | "soft" | "ghost" | undefined;
+  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
 }>;
 type ToggleVariants = VariantProps<typeof toggleVariants>;
 type ToggleVariant = NonNullable<ToggleVariants['variant']>;