@soybeanjs/ui 0.22.0 → 0.22.2

package/README.md

@@ -53,7 +53,7 @@ Every multi-slot headless component exposes a `provide{Name}Ui` function. The st
 ```ts
 // In the styled wrapper (src/)
 const ui = computed(() =>
-  mergeSlotVariants(
+  mergeVariants(
     accordionVariants({ size: props.size }), // tv() output
     props.ui, // user overrides
     { root: props.class } // class prop

package/README.zh-CN.md

@@ -53,7 +53,7 @@ SoybeanUI 采用严格的**双层分离**设计：
 ```ts
 // 样式包装层 (src/) 中
 const ui = computed(() =>
-  mergeSlotVariants(
+  mergeVariants(
     accordionVariants({ size: props.size }), // tv() 计算结果
     props.ui, // 用户自定义覆盖
     { root: props.class } // class prop 合并

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar/calendar.js";import{dateFieldVariants as n}from"../date-field/variants.js";import{datePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{DatePickerCompact as h,provideDatePickerUi as g}from"@soybeanjs/headless/date-picker";const _=s({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},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},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(s,{emit:_}){let v=s,y=_,b=m(v,[`class`,`size`,`ui`]),x=p(y);return g(i(()=>{let t=r({size:v.size}),i=n({size:v.size});return e(Object.assign(t,i),v.ui,{root:v.class})})),(e,n)=>(l(),a(d(h),c(d(b),u(d(x))),{default:f(({calendarProps:e,close:n,onUpdateModelValue:r,onUpdatePlaceholder:i})=>[o(t,c(e,{size:s.size,ui:s.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":i}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{_ as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar/calendar.js";import{dateFieldVariants as n}from"../date-field/variants.js";import{datePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{DatePickerCompact as h,provideDatePickerUi as g}from"@soybeanjs/headless/date-picker";const _=s({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},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},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(s,{emit:_}){let v=s,y=_,b=m(v,[`class`,`size`,`ui`]),x=p(y);return g(i(()=>{let t=r({size:v.size}),i=n({size:v.size});return e(Object.assign(t,i),v.ui,{root:v.class})})),(e,n)=>(l(),a(d(h),c(d(b),u(d(x))),{default:f(({calendarProps:e,close:n,onUpdateModelValue:r,onUpdatePlaceholder:i})=>[o(t,c(e,{size:s.size,ui:s.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":i}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{_ as default};

package/dist/components/input/input.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{InputCompact as y,provideInputUi as b}from"@soybeanjs/headless/input";const x=s({name:`SInput`,__name:`input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputRef:{type:Function},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size}),{$base:{clear:n({size:i,shape:`circle`})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{InputCompact as y,provideInputUi as b}from"@soybeanjs/headless/input";const x=s({name:`SInput`,__name:`input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputRef:{type:Function},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size}),{$base:{clear:n({size:i,shape:`circle`})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};

package/dist/components/input-number/input-number.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputNumberVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{InputNumberCompact as y,provideInputNumberUi as b}from"@soybeanjs/headless/input-number";const x=s({name:`SInputNumber`,__name:`input-number`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`,`center`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size,center:S.center}),{$base:{decrement:n({size:i}),increment:n({size:i}),clear:n({size:i,shape:`circle`})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputNumberVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{InputNumberCompact as y,provideInputNumberUi as b}from"@soybeanjs/headless/input-number";const x=s({name:`SInputNumber`,__name:`input-number`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`,`clear`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`,`center`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size,center:S.center}),{$base:{decrement:n({size:i}),increment:n({size:i}),clear:n({size:i,shape:`circle`})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};

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

@@ -6,8 +6,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: _$vue.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
-    onClick?: ((tab: T) => any) | undefined;
     onContextmenu?: ((tab: T) => any) | undefined;
+    onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;

package/dist/components/password/password.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputVariants as r}from"../input/variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{PasswordCompact as y,providePasswordUi as b}from"@soybeanjs/headless/password";const x=s({name:`SPassword`,__name:`password`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},clearable:{type:Boolean},visible:{type:Boolean,default:void 0},inputRef:{},controlProps:{},clearProps:{},visibleProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:visible`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size}),{$base:{clear:n({size:i,shape:`circle`}),visible:n({size:i})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e),"onUpdate:visible":t[1]||=e=>C(`update:visible`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputVariants as r}from"../input/variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{PasswordCompact as y,providePasswordUi as b}from"@soybeanjs/headless/password";const x=s({name:`SPassword`,__name:`password`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},visible:{type:Boolean,default:void 0},visibleProps:{},inputRef:{},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`,`clear`,`update:visible`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size}),{$base:{clear:n({size:i,shape:`circle`}),visible:n({size:i})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e),"onUpdate:visible":t[1]||=e=>C(`update:visible`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};

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

@@ -4,9 +4,11 @@ import * as _$vue from "vue";
 //#region src/components/password/password.vue.d.ts
 type __VLS_Slots = PasswordSlots;
 declare const __VLS_base: _$vue.DefineComponent<PasswordProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<PasswordProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {

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

@@ -13,13 +13,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<SplitterPanelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  resize: (size: number, prevSize: number | undefined) => any;
   collapse: () => any;
   expand: () => any;
-  resize: (size: number, prevSize: number | undefined) => any;
 }, string, _$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, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tags-input/tags-input.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{tagsInputVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TagsInputCompact as y,provideTagsInputUi as b}from"@soybeanjs/headless/tags-input";const x=s({name:`STagsInput`,__name:`tags-input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},clearable:{type:Boolean},controlProps:{},clearProps:{},itemProps:{},itemTextProps:{},itemDeleteProps:{},dir:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{},max:{},displayValue:{type:Function},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(s,{emit:x}){let S=s,C=x,w=h(),T=v(S,[`class`,`size`,`ui`]),E=_(C);return b(i(()=>{let i=t[S.size||`md`];return e(Object.assign(r({size:S.size}),{$base:{itemDelete:n({size:i,shape:`circle`}),clear:n({size:S.size})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(T),p(m(E))),o({_:2},[w.item?{name:`item`,fn:g(t=>[f(e.$slots,`item`,u(c(t)))]),key:`0`}:void 0]),1040))}});export{x as default};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{tagsInputVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TagsInputCompact as y,provideTagsInputUi as b}from"@soybeanjs/headless/tags-input";const x=s({name:`STagsInput`,__name:`tags-input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},clearable:{type:Boolean},controlProps:{},clearProps:{},itemProps:{},itemTextProps:{},itemDeleteProps:{},dir:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{},max:{},displayValue:{type:Function},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(s,{emit:x}){let S=s,C=x,w=h(),T=v(S,[`class`,`size`,`ui`]),E=_(C);return b(i(()=>{let i=t[S.size||`md`];return e(Object.assign(r({size:S.size}),{$base:{itemDelete:n({size:i,shape:`circle`}),clear:n({size:S.size})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(T),p(m(E))),o({_:2},[w.item?{name:`item`,fn:g(t=>[f(e.$slots,`item`,u(c(t)))]),key:`0`}:void 0]),1040))}});export{x as default};

package/dist/theme/shared.js

@@ -1 +1 @@
-import{cn as e}from"./merge.js";import{entriesOf as t}from"@soybeanjs/utils";function n(n,...r){return t(o(n).reduce((e,t)=>(l(e,t.targetKey,t.classes,t.prepend),e),{})).reduce((t,[n,i])=>(t[n]=e(...i,...r.filter(Boolean).map(e=>e?.[n]).filter(Boolean)),t),{})}function r(e){return Array.isArray(e)}function i(e){return Array.isArray(e)}function a(e){return e?r(e)?Array.from(e):[e]:[]}function o(e){let{$alias:n,$base:r,...i}=e,o=t(i).map(([e,t])=>({targetKey:e,classes:[c(r?.[e]),t()??``]}));for(let e of a(n)){let{$base:t,...n}=e.variants;for(let[r,i]of s(e.map)){let a=n[r];a&&o.push({targetKey:i,classes:[c(t?.[r]),a()??``],prepend:e.base??!0})}}return o}function s(e){return i(e)?Array.from(e):t(e).reduce((e,[t,n])=>n?[...e,[t,n]]:e,[])}function c(e){return typeof e==`function`?e():e}function l(e,t,n,r=!1){let i=n.filter(Boolean);i.length!==0&&(e[t]||(e[t]=[]),e[t]=r?[...i,...e[t]]:[...e[t],...i])}export{n as mergeVariants};
+import{cn as e}from"./merge.js";import{entriesOf as t}from"@soybeanjs/utils";function n(e){return e!=null&&e!==!1}function r(n,...r){return t(s(n).reduce((e,t)=>(u(e,t.targetKey,t.classes,t.prepend),e),{})).reduce((t,[n,i])=>(t[n]=e(...i,...r.filter(Boolean).map(e=>e?.[n]).filter(Boolean)),t),{})}function i(e){return Array.isArray(e)}function a(e){return Array.isArray(e)}function o(e){return e?i(e)?Array.from(e):[e]:[]}function s(e){let{$alias:n,$base:r,...i}=e,a=t(i).map(([e,t])=>({targetKey:e,classes:[l(r?.[e]),t()??``]}));for(let e of o(n)){let{$base:t,...n}=e.variants;for(let[r,i]of c(e.map)){let o=n[r];o&&a.push({targetKey:i,classes:[l(t?.[r]),o()??``],prepend:e.base??!0})}}return a}function c(e){return a(e)?Array.from(e):t(e).reduce((e,[t,n])=>n?[...e,[t,n]]:e,[])}function l(e){return typeof e==`function`?e():e}function u(e,t,r,i=!1){let a=r.filter(n);e[t]??=[],e[t]=i?[...a,...e[t]]:[...e[t],...a]}export{r as mergeVariants};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.22.0",
+  "version": "0.22.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": {
@@ -44,20 +44,17 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@formkit/auto-animate": "^0.9.0",
     "@iconify/vue": "^5.0.1",
-    "@soybeanjs/colord": "^0.5.0",
-    "@soybeanjs/hooks": "^0.2.0",
+    "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/shadcn-theme": "^0.3.1",
     "@soybeanjs/utils": "^0.1.1",
-    "@vueuse/core": "^14.3.0",
     "clsx": "^2.1.1",
     "fuse.js": "^7.3.0",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.4.0",
     "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.22.0"
+    "@soybeanjs/headless": "^0.22.2"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.7.2",
@@ -93,8 +90,8 @@
     "vite-plugin-vue-meta-layouts": "^0.6.1",
     "vitest": "^4.1.6",
     "vue": "^3.5.34",
-    "vue-router": "^5.0.6",
-    "vue-tsc": "^3.2.8"
+    "vue-router": "^5.0.7",
+    "vue-tsc": "^3.2.9"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",