@soybeanjs/ui 0.22.4 → 0.23.0

package/dist/components/popconfirm/popconfirm.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,buttonVariants as r}from"../button/variants.js";import{popconfirmVariants as i}from"./variants.js";import{computed as a,createBlock as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{PopconfirmCompact as S,providePopconfirmUi as C}from"@soybeanjs/headless/popconfirm";const w=c({name:`SPopconfirm`,__name:`popconfirm`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=x(D);return C(a(()=>{let a=t[T.size??`md`];return e(Object.assign(i({size:T.size,type:T.type}),{$base:{cancel:r({variant:`pure`,size:a}),confirm:r({variant:`solid`,size:a}),close:n({size:a})}}),T.ui,{popup:T.class})})),(e,t)=>(f(),o(g(S),u(g(O),{"cancel-props":c.cancelProps,"confirm-props":c.confirmProps},h(g(k))),s({_:2},[p(g(A),t=>({name:t,fn:v(n=>[m(e.$slots,t,d(l(n)))])}))]),1040,[`cancel-props`,`confirm-props`]))}});export{w as default};
+import{popconfirmVariants as e}from"../../styles/popconfirm.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{PopconfirmCompact as v,providePopconfirmUi as y}from"@soybeanjs/headless/popconfirm";const b=i({name:`SPopconfirm`,__name:`popconfirm`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(i,{emit:b}){let x=i,S=b,C=p(),w=g(x,[`class`,`size`,`ui`]),T=h(S),E=_(C);return y(t(()=>e({size:x.size,type:x.type},x.ui,{popup:x.class}))),(e,t)=>(c(),n(f(v),o(f(w),{"cancel-props":i.cancelProps,"confirm-props":i.confirmProps},d(f(T))),r({_:2},[l(f(E),t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040,[`cancel-props`,`confirm-props`]))}});export{b as default};

package/dist/components/popover/popover.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{popoverVariants as r}from"./variants.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{PopoverCompact as S,providePopoverUi as C}from"@soybeanjs/headless/popover";const w=c({name:`SPopover`,__name:`popover`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`ui`,`size`]),k=y(E),A=i(()=>x(D));return C(i(()=>{let i=t[T.size??`md`];return e(Object.assign(r({size:T.size}),{$base:{close:n({size:i})}}),T.ui,{popup:T.class})})),(e,t)=>(f(),a(g(S),u(g(O),h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[o(` @vue-expect-error ignore slot type error `),m(e.$slots,t,d(l(n)))])}))]),1040))}});export{w as default};
+import{popoverVariants as e}from"../../styles/popover.js";import{computed as t,createBlock as n,createCommentVNode as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{PopoverCompact as y,providePopoverUi as b}from"@soybeanjs/headless/popover";const x=a({name:`SPopover`,__name:`popover`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`ui`,`size`]),E=g(C),D=t(()=>v(w));return b(t(()=>e({size:S.size},S.ui,{popup:S.class}))),(e,t)=>(l(),n(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[r(` @vue-expect-error ignore slot type error `),d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};

package/dist/components/progress/progress-circle.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressCircleVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ProgressCircleCompact as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=p(),C=g(b,[`class`,`color`,`size`,`ui`,`strokeWidth`]),w=h(x),T=n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class})),E=n(()=>!!S.default);return v(T),(e,t)=>(l(),r(f(_),s(f(C),d(f(w))),i({_:2},[E.value?{name:`default`,fn:m(t=>[u(e.$slots,`default`,c(o(t)))]),key:`0`}:void 0]),1040))}});export{y as default};
+import{progressCircleVariants as e}from"../../styles/progress.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ProgressCircleCompact as g,provideProgressUi as _}from"@soybeanjs/headless/progress";const v=i({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(i,{emit:v}){let y=i,b=v,x=f(),S=h(y,[`class`,`color`,`size`,`ui`,`strokeWidth`]),C=m(b),w=t(()=>e({color:y.color,size:y.size},y.ui,{root:y.class})),T=t(()=>!!x.default);return _(w),(e,t)=>(c(),n(d(g),o(d(S),u(d(C))),r({_:2},[T.value?{name:`default`,fn:p(t=>[l(e.$slots,`default`,s(a(t)))]),key:`0`}:void 0]),1040))}});export{v as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless/progress";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};
+import{progressProviderVariants as e}from"../../styles/progress.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,unref as s}from"vue";import{ProgressProvider as c,provideProgressProviderUi as l}from"@soybeanjs/headless/progress";const u=r({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(r){let u=r;return l(t(()=>e())),(e,t)=>(o(),n(s(c),a(i(u)),null,16))}});export{u as default};

package/dist/components/progress/progress.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot 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{ProgressCompact as h,provideProgressUi as g}from"@soybeanjs/headless/progress";const _=i({name:`SProgress`,__name:`progress`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`color`,`size`,`ui`,`indicatorProps`]),x=p(y);return g(n(()=>e(t({color:v.color,size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};
+import{progressVariants as e}from"../../styles/progress.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{ProgressCompact as m,provideProgressUi as h}from"@soybeanjs/headless/progress";const g=r({name:`SProgress`,__name:`progress`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(r,{emit:g}){let _=r,v=g,y=p(_,[`class`,`color`,`size`,`ui`,`indicatorProps`]),b=f(v);return h(t(()=>e({color:_.color,size:_.size},_.ui,{root:_.class}))),(e,t)=>(s(),n(u(m),a(u(y),l(u(b))),{default:d(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{g as default};

package/dist/components/radio-group/radio-group-card.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useSlots as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{RadioGroupCardCompact as p,provideRadioGroupCardUi as m}from"@soybeanjs/headless/radio-group";const h=a({name:`SRadioGroupCard`,__name:`radio-group-card`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(a,{emit:h}){let g=a,_=h,v=u(),y=f(g,[`class`,`ui`,`variant`,`color`,`size`]);return m(n(()=>e(t({variant:g.variant,color:g.color,size:g.size}),g.ui,{root:g.class}))),(e,t)=>(s(),r(l(p),o(l(y),{items:a.items,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),i({_:2},[v.description?{name:`description`,fn:d(({item:t})=>[c(e.$slots,`description`,{item:t})]),key:`0`}:void 0]),1040,[`items`]))}});export{h as default};
+import{radioGroupCardVariants as e}from"../../styles/radio-group.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,useSlots as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCardCompact as f,provideRadioGroupCardUi as p}from"@soybeanjs/headless/radio-group";const m=i({name:`SRadioGroupCard`,__name:`radio-group-card`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=l(),v=d(h,[`class`,`ui`,`variant`,`color`,`size`]);return p(t(()=>e({variant:h.variant,color:h.color,size:h.size},h.ui,{root:h.class}))),(e,t)=>(o(),n(c(f),a(c(v),{items:i.items,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),r({_:2},[_.description?{name:`description`,fn:u(({item:t})=>[s(e.$slots,`description`,{item:t})]),key:`0`}:void 0]),1040,[`items`]))}});export{m as default};

package/dist/components/radio-group/radio-group.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{RadioGroupCompact as l,provideRadioGroupUi as u}from"@soybeanjs/headless/radio-group";const d=i({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`variant`,`color`,`size`]);return u(n(()=>e(t({variant:f.variant,color:f.color,size:f.size}),f.ui,{root:f.class}))),(e,t)=>(o(),r(s(l),a(s(m),{items:i.items,"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16,[`items`]))}});export{d as default};
+import{radioGroupVariants as e}from"../../styles/radio-group.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{RadioGroupCompact as c,provideRadioGroupUi as l}from"@soybeanjs/headless/radio-group";const u=r({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(r,{emit:u}){let d=r,f=u,p=s(d,[`class`,`ui`,`variant`,`color`,`size`]);return l(t(()=>e({variant:d.variant,color:d.color,size:d.size},d.ui,{root:d.class}))),(e,t)=>(a(),n(o(c),i(o(p),{items:r.items,"onUpdate:modelValue":t[0]||=e=>f(`update:modelValue`,e)}),null,16,[`items`]))}});export{u as default};

package/dist/components/radio-group/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { RadioGroupVariant } from "./variants.js";
+import { RadioGroupVariant } from "../../styles/radio-group.js";
 import { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupOptionData, RadioGroupUi } from "@soybeanjs/headless/radio-group";
 import { ClassValue, DefinedWithBooleanValue } from "@soybeanjs/headless/types";
 

package/dist/components/scroll-area/scroll-area.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{scrollAreaVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ScrollAreaCompact as f,provideScrollAreaUi as p}from"@soybeanjs/headless/scroll-area";const m=i({name:`SScrollArea`,__name:`scroll-area`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{scrollAreaVariants as e}from"../../styles/scroll-area.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{useOmitProps as u}from"@soybeanjs/headless/composables";import{ScrollAreaCompact as d,provideScrollAreaUi as f}from"@soybeanjs/headless/scroll-area";const p=r({name:`SScrollArea`,__name:`scroll-area`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(r){let p=r,m=u(p,[`class`,`ui`,`size`]);return f(t(()=>e({size:p.size},p.ui,{root:p.class}))),(e,t)=>(o(),n(c(d),a(i(c(m))),{default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};

package/dist/components/scroll-area/types.d.ts

@@ -1,3 +1,4 @@
+import { ThemeSize } from "../../theme/types.js";
 import { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaUi } from "@soybeanjs/headless/scroll-area";
 import { ClassValue } from "@soybeanjs/headless/types";
 
@@ -14,6 +15,10 @@ interface ScrollAreaProps extends ScrollAreaCompactProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ScrollAreaUi>;
+  /**
+   * Size of the ScrollArea component.
+   */
+  size?: ThemeSize;
 }
 /**
  * Events for the ScrollArea component.

package/dist/components/segment/index.d.ts

@@ -1,4 +1,4 @@
-import { TabsFill, TabsShape } from "../tabs/variants.js";
+import { TabsFill, TabsShape } from "../../styles/tabs.js";
 import { SegmentEmits, SegmentOptionData, SegmentProps, SegmentSlots } from "./types.js";
 import { _default } from "./segment.vue.js";
 export type * from "@soybeanjs/headless/segment";

package/dist/components/segment/segment.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"../tabs/variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot 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{provideTabsUi as h}from"@soybeanjs/headless/tabs";import{SegmentCompact as g}from"@soybeanjs/headless/segment";const _=i({name:`SSegment`,__name:`segment`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},shape:{},fill:{default:`auto`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`fill`]),x=p(y);return h(n(()=>e(t({size:v.size,orientation:v.orientation,shape:v.shape,fill:v.fill,enableIndicator:v.enableIndicator}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(g),o(d(b),u(d(x))),{item:f(t=>[l(e.$slots,`item`,s(a(t)))]),indicator:f(()=>[l(e.$slots,`indicator`)]),_:3},16))}});export{_ as default};
+import{tabsVariants as e}from"../../styles/tabs.js";import"../../styles/segment.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{provideTabsUi as m}from"@soybeanjs/headless/tabs";import{SegmentCompact as h}from"@soybeanjs/headless/segment";const g=r({name:`SSegment`,__name:`segment`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},shape:{},fill:{default:`auto`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(r,{emit:g}){let _=r,v=g,y=p(_,[`class`,`size`,`ui`,`fill`]),b=f(v);return m(t(()=>e({size:_.size,orientation:_.orientation,shape:_.shape,fill:_.fill,enableIndicator:_.enableIndicator},_.ui,{root:_.class}))),(e,t)=>(s(),n(u(h),a(u(y),l(u(b))),{item:d(t=>[c(e.$slots,`item`,o(i(t)))]),indicator:d(()=>[c(e.$slots,`indicator`)]),_:3},16))}});export{g as default};

package/dist/components/segment/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TabsFill, TabsShape } from "../tabs/variants.js";
+import { TabsFill, TabsShape } from "../../styles/tabs.js";
 import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentOptionData, SegmentUi } from "@soybeanjs/headless/segment";
 import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{selectVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList 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{keysOf as y}from"@soybeanjs/utils";import{SelectCompact as b,provideSelectUi as x}from"@soybeanjs/headless/select";const S=o({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`ui`,`size`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};
+import{selectVariants as e}from"../../styles/select.js";import{computed as t,createBlock as n,createCommentVNode as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{SelectCompact as y,provideSelectUi as b}from"@soybeanjs/headless/select";const x=a({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`ui`,`size`]),E=g(C),D=t(()=>v(w));return b(t(()=>e({size:S.size},S.ui,{trigger:S.class}))),(e,t)=>(l(),n(p(y),s(p(T),{items:a.items},f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[r(` @vue-ignore ignore vue slot props type `),d(e.$slots,t,c(o(n)))])}))]),1040,[`items`]))}});export{x as default};

package/dist/components/separator/separator.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{separatorVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{SeparatorCompact as m,provideSeparatorUi as h}from"@soybeanjs/headless/separator";const g=a({name:`SSeparator`,__name:`separator`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(a){let g=a,_=d(),v=p(g,[`class`,`size`,`ui`,`align`,`border`]);return h(n(()=>e(t({size:g.size,orientation:g.orientation,align:g.align,border:g.border}),g.ui,{root:g.class}))),(e,t)=>(c(),r(u(m),s(o(u(v))),i({_:2},[u(_).default?{name:`label`,fn:f(()=>[l(e.$slots,`default`)]),key:`0`}:void 0]),1040))}});export{g as default};
+import{separatorVariants as e}from"../../styles/separator.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,useSlots as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{SeparatorCompact as p,provideSeparatorUi as m}from"@soybeanjs/headless/separator";const h=i({name:`SSeparator`,__name:`separator`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(i){let h=i,g=u(),_=f(h,[`class`,`size`,`ui`,`align`,`border`]);return m(t(()=>e({size:h.size,orientation:h.orientation,align:h.align,border:h.border},h.ui,{root:h.class}))),(e,t)=>(s(),n(l(p),o(a(l(_))),r({_:2},[l(g).default?{name:`label`,fn:d(()=>[c(e.$slots,`default`)]),key:`0`}:void 0]),1040))}});export{h as default};

package/dist/components/separator/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { SeparatorBorder } from "./variants.js";
+import { SeparatorBorder } from "../../styles/separator.js";
 import { SeparatorCompactProps, SeparatorUi } from "@soybeanjs/headless/separator";
 import { Align, ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/skeleton/index.d.ts

@@ -1,3 +1,3 @@
-import { SkeletonShape } from "./variants.js";
+import { SkeletonShape } from "../../styles/skeleton.js";
 import { SkeletonProps } from "./types.js";
 import { _default } from "./skeleton.vue.js";

package/dist/components/skeleton/skeleton.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{skeletonVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{useOmitProps as u}from"@soybeanjs/headless/composables";import{Skeleton as d}from"@soybeanjs/headless/skeleton";const f=i({name:`SSkeleton`,__name:`skeleton`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},animated:{type:Boolean,default:!0},shape:{},asChild:{type:Boolean},as:{}},setup(i){let f=i,p=u(f,[`class`,`size`,`animated`,`shape`]),m=n(()=>e(t({size:f.size,animated:f.animated,shape:f.shape}),f.class));return(e,t)=>(o(),r(c(d),a(c(p),{class:m.value}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`class`]))}});export{f as default};
+import{skeletonVariants as e}from"../../styles/skeleton.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{useOmitProps as l}from"@soybeanjs/headless/composables";import{Skeleton as u}from"@soybeanjs/headless/skeleton";const d=r({name:`SSkeleton`,__name:`skeleton`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},animated:{type:Boolean,default:!0},shape:{},asChild:{type:Boolean},as:{}},setup(r){let d=r,f=l(d,[`class`,`size`,`animated`,`shape`]),p=t(()=>e({size:d.size,animated:d.animated,shape:d.shape},d.class));return(e,t)=>(a(),n(s(u),i(s(f),{class:p.value}),{default:c(()=>[o(e.$slots,`default`)]),_:3},16,[`class`]))}});export{d as default};

package/dist/components/skeleton/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { SkeletonShape } from "./variants.js";
+import { SkeletonShape } from "../../styles/skeleton.js";
 import { SkeletonProps } from "@soybeanjs/headless/skeleton";
 import { ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/slider/slider.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{sliderVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{SliderCompact as _,provideSliderUi as v}from"@soybeanjs/headless/slider";const y=a({name:`SSlider`,__name:`slider`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},trackProps:{},rangeProps:{},thumbProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},inverted:{type:Boolean},min:{},max:{},step:{},minStepsBetweenThumbs:{},thumbAlignment:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(a,{emit:y}){let b=a,x=y,S=p(),C=h(x),w=g(b,[`class`,`color`,`size`,`ui`]);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(w),d(f(C))),i({_:2},[S.default?{name:`default`,fn:m(t=>[u(e.$slots,`default`,c(o(t)))]),key:`0`}:void 0]),1040))}});export{y as default};
+import{sliderVariants as e}from"../../styles/slider.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{SliderCompact as g,provideSliderUi as _}from"@soybeanjs/headless/slider";const v=i({name:`SSlider`,__name:`slider`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},trackProps:{},rangeProps:{},thumbProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},inverted:{type:Boolean},min:{},max:{},step:{},minStepsBetweenThumbs:{},thumbAlignment:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(i,{emit:v}){let y=i,b=v,x=f(),S=m(b),C=h(y,[`class`,`color`,`size`,`ui`]);return _(t(()=>e({color:y.color,size:y.size},y.ui,{root:y.class}))),(e,t)=>(c(),n(d(g),o(d(C),u(d(S))),r({_:2},[x.default?{name:`default`,fn:p(t=>[l(e.$slots,`default`,s(a(t)))]),key:`0`}:void 0]),1040))}});export{v as default};

package/dist/components/spinner/spinner.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{spinnerVariants as n}from"./variants.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,unref as c}from"vue";import{useOmitProps as l}from"@soybeanjs/headless/composables";const u=a({name:`SSpinner`,__name:`spinner`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},icon:{default:`svg-spinners:270-ring`},size:{},ssr:{type:Boolean},customise:{},id:{},style:{},title:{},mode:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(a){let u=a,d=l(u,[`class`,`color`,`size`]),f=r(()=>e(n({color:u.color,size:u.size}),u.class));return(e,n)=>(s(),i(t,o(c(d),{class:f.value}),null,16,[`class`]))}});export{u as default};
+import e from"../icon/icon.js";import{spinnerVariants as t}from"../../styles/spinner.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";const l=i({name:`SSpinner`,__name:`spinner`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},icon:{default:`svg-spinners:270-ring`},size:{},ssr:{type:Boolean},customise:{},id:{},style:{},title:{},mode:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(i){let l=i,u=c(l,[`class`,`color`,`size`]),d=n(()=>t({color:l.color,size:l.size},l.class));return(t,n)=>(o(),r(e,a(s(u),{class:d.value}),null,16,[`class`]))}});export{l as default};

package/dist/components/splitter/splitter-group.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{splitterVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot 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{SplitterGroup as p,provideSplitterUi as m}from"@soybeanjs/headless/splitter";const h=i({name:`SSplitterGroup`,__name:`splitter-group`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},direction:{},dir:{},defaultLayout:{},keyboardResizeBy:{},asChild:{type:Boolean},as:{}},emits:[`layout`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`ui`]),y=d(_);return m(n(()=>e(t(),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{splitterVariants as e}from"../../styles/splitter.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u,useOmitProps as d}from"@soybeanjs/headless/composables";import{SplitterGroup as f,provideSplitterUi as p}from"@soybeanjs/headless/splitter";const m=r({name:`SSplitterGroup`,__name:`splitter-group`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},direction:{},dir:{},defaultLayout:{},keyboardResizeBy:{},asChild:{type:Boolean},as:{}},emits:[`layout`],setup(r,{emit:m}){let h=r,g=m,_=d(h,[`class`,`ui`]),v=u(g);return p(t(()=>e({size:h.size},h.ui,{root:h.class}))),(e,t)=>(a(),n(c(f),i(c(_),s(c(v))),{default:l(()=>[o(e.$slots,`default`)]),_:3},16))}});export{m as default};

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/components/splitter/types.d.ts

@@ -1,3 +1,4 @@
+import { ThemeSize } from "../../theme/types.js";
 import { SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi } from "@soybeanjs/headless/splitter";
 import { ClassValue } from "@soybeanjs/headless/types";
 
@@ -14,6 +15,10 @@ interface SplitterGroupProps$1 extends SplitterGroupProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<SplitterUi>;
+  /**
+   * Visual size of the component.
+   */
+  size?: ThemeSize;
 }
 /**
  * Events for the SplitterGroup component.

package/dist/components/stepper/stepper.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{stepperVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{StepperCompact as y,provideStepperUi as b}from"@soybeanjs/headless/stepper";const x=a({name:`SStepper`,__name:`stepper`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},items:{},itemProps:{},triggerProps:{},indicatorProps:{},separatorProps:{},titleProps:{},descriptionProps:{},defaultValue:{},modelValue:{},orientation:{},dir:{},linear:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`color`,`size`,`ui`]),E=g(C),D=n(()=>v(w));return b(n(()=>e(t({color:S.color,size:S.size,orientation:S.orientation}),S.ui,{root:S.class}))),(e,t)=>(l(),r(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};
+import{stepperVariants as e}from"../../styles/stepper.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{StepperCompact as v,provideStepperUi as y}from"@soybeanjs/headless/stepper";const b=i({name:`SStepper`,__name:`stepper`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},items:{},itemProps:{},triggerProps:{},indicatorProps:{},separatorProps:{},titleProps:{},descriptionProps:{},defaultValue:{},modelValue:{},orientation:{},dir:{},linear:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:b}){let x=i,S=b,C=p(),w=g(x,[`class`,`color`,`size`,`ui`]),T=h(S),E=t(()=>_(C));return y(t(()=>e({color:x.color,size:x.size,orientation:x.orientation},x.ui,{root:x.class}))),(e,t)=>(c(),n(f(v),o(f(w),d(f(T))),r({_:2},[l(E.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{b as default};

package/dist/components/switch/index.d.ts

@@ -1,4 +1,4 @@
-import { SwitchShape } from "./variants.js";
+import { SwitchShape } from "../../styles/switch.js";
 import { SwitchEmits, SwitchProps, SwitchSlots } from "./types.js";
 import { _default } from "./switch.vue.js";
 export type * from "@soybeanjs/headless/switch";

package/dist/components/switch/switch.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{switchVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{keysOf as g}from"@soybeanjs/utils";import{SwitchCompact as _,provideSwitchUi as v}from"@soybeanjs/headless/switch";const y=a({name:`SSwitch`,__name:`switch`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},color:{},size:{},shape:{},controlProps:{},thumbProps:{},defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{},dir:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(a,{emit:y}){let b=a,x=y,S=p(),C=h(b,[`class`,`ui`,`color`,`size`,`shape`]),w=n(()=>g(S));return v(n(()=>e(t({color:b.color,size:b.size,shape:b.shape}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(C),{"onUpdate:modelValue":t[0]||=e=>x(`update:modelValue`,e)}),i({_:2},[u(w.value,t=>({name:t,fn:m(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{y as default};
+import{switchVariants as e}from"../../styles/switch.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{SwitchCompact as g,provideSwitchUi as _}from"@soybeanjs/headless/switch";const v=i({name:`SSwitch`,__name:`switch`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},color:{},size:{},shape:{},controlProps:{},thumbProps:{},defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{},dir:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(i,{emit:v}){let y=i,b=v,x=f(),S=m(y,[`class`,`ui`,`color`,`size`,`shape`]),C=t(()=>h(x));return _(t(()=>e({color:y.color,size:y.size,shape:y.shape},y.ui,{root:y.class}))),(e,t)=>(c(),n(d(g),o(d(S),{"onUpdate:modelValue":t[0]||=e=>b(`update:modelValue`,e)}),r({_:2},[l(C.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{v as default};

package/dist/components/switch/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { SwitchShape } from "./variants.js";
+import { SwitchShape } from "../../styles/switch.js";
 import { SwitchCompactEmits, SwitchCompactProps, SwitchCompactSlots, SwitchUi } from "@soybeanjs/headless/switch";
 import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/table/table-radio.js

@@ -1 +1 @@
-import{tableVariants as e}from"./variants.js";import{computed as t,createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o}from"vue";const s=[`aria-pressed`],c=i({name:`STableRadio`,__name:`table-radio`,props:{size:{},checked:{type:Boolean}},setup(i){let c=i,l=t(()=>{let t=e({size:c.size});return{radioRoot:t.radioRoot(),radioIndicator:t.radioIndicator()}});return(e,t)=>(o(),r(`button`,{type:`button`,"aria-pressed":i.checked,class:a(l.value.radioRoot)},[i.checked?(o(),r(`span`,{key:0,class:a(l.value.radioIndicator)},null,2)):n(`v-if`,!0)],10,s))}});export{c as default};
+import{tableVariants as e}from"../../styles/table.js";import{computed as t,createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o}from"vue";const s=[`aria-pressed`],c=i({name:`STableRadio`,__name:`table-radio`,props:{size:{},checked:{type:Boolean}},setup(i){let c=i,l=t(()=>e({size:c.size}));return(e,t)=>(o(),r(`button`,{type:`button`,"aria-pressed":i.checked,class:a(l.value.radioRoot)},[i.checked?(o(),r(`span`,{key:0,class:a(l.value.radioIndicator)},null,2)):n(`v-if`,!0)],10,s))}});export{c as default};

package/dist/components/table/table.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"../empty/empty.js";import a from"./table-filter-popover.js";import{tableVariants as o}from"./variants.js";import s from"./table-radio.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{useLocaleMessages as O}from"@soybeanjs/headless";import{TableCompact as k,provideTableUi as A}from"@soybeanjs/headless/table";const j=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],M=m({name:`STable`,__name:`table`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(m,{emit:M}){let N=m,P=M,F=w(),I=D(N,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),L=E(P),R=c(()=>Object.keys(F)),z=c(()=>e(o({size:N.size,variant:N.variant,bordered:N.bordered,rounded:N.rounded,striped:N.striped}),N.ui,{root:N.class})),B=c(()=>t[N.size??`md`]),V=O(),H=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return A(z),(e,t)=>(y(),l(C(k),g(C(I),S(C(L))),f({_:2},[b(R.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v(h(n)))])})),F[`header-selection`]?void 0:{name:`header-selection`,fn:T(({checked:e,disabled:t,multiple:n,ariaLabel:i,updateChecked:a})=>[n?(y(),l(r,{key:0,disabled:t,"model-value":e,class:_(z.value.selection),"control-props":{"aria-label":i},"onUpdate:modelValue":a},null,8,[`disabled`,`model-value`,`class`,`control-props`,`onUpdate:modelValue`])):u(`v-if`,!0)]),key:`0`},F.selection?void 0:{name:`selection`,fn:T(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(y(),l(r,{key:0,class:_(z.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(y(),l(s,{key:1,size:m.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},F[`header-sort`]?void 0:{name:`header-sort`,fn:T(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[p(n,{icon:H(e),class:_(z.value.sortTrigger),size:B.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},F[`header-filter`]?void 0:{name:`header-filter`,fn:T(e=>[p(a,g(e,{ui:z.value,size:m.size}),null,16,[`ui`,`size`])]),key:`3`},F[`header-resize`]?void 0:{name:`header-resize`,fn:T(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[d(`button`,{type:`button`,class:_(z.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,j)]),key:`4`},F[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:T(({expanded:e,ariaLabel:t,toggleExpand:r})=>[p(n,{class:_(z.value.treeToggle),size:B.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},F.expand?void 0:{name:`expand`,fn:T(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||F[`expanded-row`]?(y(),l(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:_(z.value.treeToggle),size:B.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):u(`v-if`,!0)]),key:`6`},F.empty?void 0:{name:`empty`,fn:T(()=>[p(i,{title:C(V).table.emptyTitle,description:C(V).table.emptyDescription,icon:`lucide:inbox`,"media-variant":`icon`},null,8,[`title`,`description`])]),key:`7`}]),1040))}});export{M as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button-icon.js";import n from"../checkbox/checkbox.js";import r from"../empty/empty.js";import{tableVariants as i}from"../../styles/table.js";import a from"./table-filter-popover.js";import o from"./table-radio.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{useLocaleMessages as D}from"@soybeanjs/headless";import{TableCompact as O,provideTableUi as k}from"@soybeanjs/headless/table";const A=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],j=p({name:`STable`,__name:`table`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(p,{emit:j}){let M=p,N=j,P=C(),F=E(M,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),I=T(N),L=s(()=>Object.keys(P)),R=s(()=>i({size:M.size,variant:M.variant,bordered:M.bordered,rounded:M.rounded,striped:M.striped},M.ui,{root:M.class})),z=s(()=>e[M.size??`md`]),B=D(),V=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return k(R),(e,i)=>(v(),c(S(O),h(S(F),x(S(I))),d({_:2},[y(L.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,_(m(n)))])})),P[`header-selection`]?void 0:{name:`header-selection`,fn:w(({checked:e,disabled:t,multiple:r,ariaLabel:i,updateChecked:a})=>[r?(v(),c(n,{key:0,disabled:t,"model-value":e,class:g(R.value.selection),"control-props":{"aria-label":i},"onUpdate:modelValue":a},null,8,[`disabled`,`model-value`,`class`,`control-props`,`onUpdate:modelValue`])):l(`v-if`,!0)]),key:`0`},P.selection?void 0:{name:`selection`,fn:w(({checked:e,multiple:t,ariaLabel:r,toggleSelect:i})=>[t?(v(),c(n,{key:0,class:g(R.value.selection),"model-value":e,"control-props":{"aria-label":r},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(v(),c(o,{key:1,size:p.size,checked:e,"aria-label":r,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},P[`header-sort`]?void 0:{name:`header-sort`,fn:w(({sortOrder:e,ariaLabel:n,toggleSort:r})=>[f(t,{icon:V(e),class:g(R.value.sortTrigger),size:z.value,"aria-label":n,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},P[`header-filter`]?void 0:{name:`header-filter`,fn:w(e=>[f(a,h(e,{ui:R.value,size:p.size}),null,16,[`ui`,`size`])]),key:`3`},P[`header-resize`]?void 0:{name:`header-resize`,fn:w(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[u(`button`,{type:`button`,class:g(R.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,A)]),key:`4`},P[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:w(({expanded:e,ariaLabel:n,toggleExpand:r})=>[f(t,{class:g(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":n,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},P.expand?void 0:{name:`expand`,fn:w(({expanded:e,ariaLabel:n,hasChildren:r,toggleExpand:i})=>[r||P[`expanded-row`]?(v(),c(t,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:g(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":n,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):l(`v-if`,!0)]),key:`6`},P.empty?void 0:{name:`empty`,fn:w(()=>[f(r,{title:S(B).table.emptyTitle,description:S(B).table.emptyDescription,icon:`lucide:inbox`,"media-variant":`icon`},null,8,[`title`,`description`])]),key:`7`}]),1040))}});export{j as default};

package/dist/components/table/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TableVariant } from "./variants.js";
+import { TableVariant } from "../../styles/table.js";
 import { TableBaseData, TableColumn, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableCompactEmits, TableCompactProps, TableCompactSlots, TableHeaderFilterSlotProps, TableSortOrder, TableUiSlot, TableUnifiedKey } from "@soybeanjs/headless/table";
 import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 

package/dist/components/tabs/tabs.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList 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{keysOf as y}from"@soybeanjs/utils";import{TabsCompact as b,provideTabsUi as x}from"@soybeanjs/headless/tabs";const S=o({name:`STabs`,__name:`tabs`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},fill:{default:`full`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`,`fill`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size,orientation:C.orientation,fill:C.fill,enableIndicator:C.enableIndicator}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};
+import{tabsVariants as e}from"../../styles/tabs.js";import{computed as t,createBlock as n,createCommentVNode as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{TabsCompact as y,provideTabsUi as b}from"@soybeanjs/headless/tabs";const x=a({name:`STabs`,__name:`tabs`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},fill:{default:`full`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`,`fill`]),E=g(C),D=t(()=>v(w));return b(t(()=>e({size:S.size,orientation:S.orientation,fill:S.fill,enableIndicator:S.enableIndicator},S.ui,{root:S.class}))),(e,t)=>(l(),n(p(y),s(p(T),{items:a.items},f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[r(` @vue-ignore ignore vue slot props type `),d(e.$slots,t,c(o(n)))])}))]),1040,[`items`]))}});export{x as default};

package/dist/components/tabs/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TabsFill } from "./variants.js";
+import { TabsFill } from "../../styles/tabs.js";
 import { TabsCompactEmits, TabsCompactProps, TabsCompactSlots, TabsOptionData, TabsOptionData as TabsOptionData$1, TabsUi } from "@soybeanjs/headless/tabs";
 import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/tag/index.d.ts

@@ -1,3 +1,3 @@
-import { TagShape, TagVariant } from "./variants.js";
+import { TagShape, TagVariant } from "../../styles/tag.js";
 import { TagEmits, TagProps } from "./types.js";
 import { _default } from "./tag.vue.js";

package/dist/components/tag/tag.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{tagVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{Tag as h}from"@soybeanjs/headless/tag";const g=c({name:`STag`,__name:`tag`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:g}){let _=c,v=g,y=r(()=>e(n({color:_.color,size:_.size,variant:_.variant,shape:_.shape}),_.class));return(e,n)=>(u(),i(p(h),{open:c.open,class:l(y.value),"onUpdate:open":n[0]||=e=>v(`update:open`,e)},{default:m(({close:n})=>[d(e.$slots,`leading`),d(e.$slots,`default`,{},()=>[o(f(c.content),1)]),d(e.$slots,`trailing`),c.closable?d(e.$slots,`close`,{key:0,close:n},()=>[s(t,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):a(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{g as default};
+import e from"../icon/icon.js";import{tagVariants as t}from"../../styles/tag.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{Tag as m}from"@soybeanjs/headless/tag";const h=s({name:`STag`,__name:`tag`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=n(()=>t({color:g.color,size:g.size,variant:g.variant,shape:g.shape},g.class));return(t,n)=>(l(),r(f(m),{open:s.open,class:c(v.value),"onUpdate:open":n[0]||=e=>_(`update:open`,e)},{default:p(({close:n})=>[u(t.$slots,`leading`),u(t.$slots,`default`,{},()=>[a(d(s.content),1)]),u(t.$slots,`trailing`),s.closable?u(t.$slots,`close`,{key:0,close:n},()=>[o(e,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):i(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{h as default};

package/dist/components/tag/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { TagShape, TagVariant } from "./variants.js";
+import { TagShape, TagVariant } from "../../styles/tag.js";
 import { TagEmits, TagProps } from "@soybeanjs/headless/tag";
 import { ClassValue } from "@soybeanjs/headless/types";
 

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},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};
+import{tagsInputVariants as e}from"../../styles/tags-input.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{TagsInputCompact as g,provideTagsInputUi as _}from"@soybeanjs/headless/tags-input";const v=i({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(i,{emit:v}){let y=i,b=v,x=f(),S=h(y,[`class`,`size`,`ui`]),C=m(b);return _(t(()=>e({size:y.size},y.ui,{root:y.class}))),(e,t)=>(c(),n(d(g),o(d(S),u(d(C))),r({_:2},[x.item?{name:`item`,fn:p(t=>[l(e.$slots,`item`,s(a(t)))]),key:`0`}:void 0]),1040))}});export{v as default};

package/dist/components/textarea/index.d.ts

@@ -1,4 +1,4 @@
-import { TextareaResize } from "./variants.js";
+import { TextareaResize } from "../../styles/textarea.js";
 import { TextareaEmits, TextareaProps, TextareaSlots } from "./types.js";
 import { _default } from "./textarea.vue.js";
 import { TextareaClear as STextareaClear } from "@soybeanjs/headless/textarea";

package/dist/components/textarea/textarea.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{textareaVariants 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{TextareaCompact as y,provideTextareaUi as b}from"@soybeanjs/headless/textarea";const x=s({name:`STextarea`,__name:`textarea`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},resize:{},textareaRef:{type:Function},clearable:{type:Boolean},showCounter:{type:Boolean},controlProps:{},clearProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},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`,`resize`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size,resize:S.autosize?!1:S.resize}),{$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{textareaVariants as e}from"../../styles/textarea.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{TextareaCompact as g,provideTextareaUi as _}from"@soybeanjs/headless/textarea";const v=i({name:`STextarea`,__name:`textarea`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},resize:{},textareaRef:{type:Function},clearable:{type:Boolean},showCounter:{type:Boolean},controlProps:{},clearProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(i,{emit:v}){let y=i,b=v,x=m(y,[`class`,`size`,`ui`,`resize`]),S=f(),C=t(()=>h(S));return _(t(()=>e({size:y.size,resize:y.autosize?!1:y.resize},y.ui,{root:y.class}))),(e,t)=>(c(),n(d(g),o(d(x),{"onUpdate:modelValue":t[0]||=e=>b(`update:modelValue`,e)}),r({_:2},[l(C.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{v as default};

package/dist/components/textarea/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TextareaResize } from "./variants.js";
+import { TextareaResize } from "../../styles/textarea.js";
 import { TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlots, TextareaUi } from "@soybeanjs/headless/textarea";
 import { ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/time-field/time-field.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"../date-field/variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{TimeFieldCompact as d,provideTimeFieldUi as f}from"@soybeanjs/headless/time-field";const p=i({name:`STimeField`,__name:`time-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({size:m.size}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),s(c(h))),null,16))}});export{p as default};
+import{dateFieldVariants as e}from"../../styles/date-field.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,toHandlers as o,unref as s}from"vue";import{useForwardListeners as c,useOmitProps as l}from"@soybeanjs/headless/composables";import{TimeFieldCompact as u,provideTimeFieldUi as d}from"@soybeanjs/headless/time-field";const f=r({name:`STimeField`,__name:`time-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(r,{emit:f}){let p=r,m=c(f),h=l(p,[`class`,`size`,`ui`]);return d(t(()=>e({size:p.size},p.ui,{root:p.class}))),(e,t)=>(a(),n(s(u),i(s(h),o(s(m))),null,16))}});export{f as default};

package/dist/components/time-range-field/time-range-field.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"../date-field/variants.js";import{dateRangeFieldVariants as n}from"../date-range-field/variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{TimeRangeFieldCompact as v,provideTimeRangeFieldUi as y}from"@soybeanjs/headless/time-range-field";const b=o({name:`STimeRangeField`,__name:`time-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=b,C=p(),w=h(S),T=g(x,[`class`,`size`,`ui`]),E=r(()=>_(C));return y(r(()=>{let r=n({size:x.size}),i=t({size:x.size});return e(Object.assign(r,i),x.ui,{root:x.class})})),(e,t)=>(c(),i(f(v),s(f(T),d(f(w))),a({_:2},[l(E.value,t=>({name:t,fn:m(()=>[u(e.$slots,t)])}))]),1040))}});export{b as default};
+import{dateRangeFieldVariants as e}from"../../styles/date-range-field.js";import"../../styles/time-range-field.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,mergeProps as a,openBlock as o,renderList as s,renderSlot as c,toHandlers as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{TimeRangeFieldCompact as g,provideTimeRangeFieldUi as _}from"@soybeanjs/headless/time-range-field";const v=i({name:`STimeRangeField`,__name:`time-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(i,{emit:v}){let y=i,b=v,x=d(),S=p(b),C=m(y,[`class`,`size`,`ui`]),w=t(()=>h(x));return _(t(()=>e({size:y.size},y.ui,{root:y.class}))),(e,t)=>(o(),n(u(g),a(u(C),l(u(S))),r({_:2},[s(w.value,t=>({name:t,fn:f(()=>[c(e.$slots,t)])}))]),1040))}});export{v as default};

package/dist/components/toast/toast-provider.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,buttonVariants as r}from"../button/variants.js";import{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{useStyleTag as g}from"@vueuse/core";import{ToastProvider as _,provideToastUi as v}from"@soybeanjs/headless/toast";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=t[y.size??`md`];return e(Object.assign(i({size:y.size}),{$base:{action:r({variant:`solid`,size:a}),cancel:r({variant:`pure`,size:a}),close:n({size:a})}}),y.ui)});return g(a,{id:`__SoybeanUI_toastStyle`}),v(x),(e,t)=>(d(),s(p(_),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};
+import{toastVariants as e}from"../../styles/toast.js";import t from"./styles.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{useStyleTag as f}from"@vueuse/core";import{ToastProvider as p,provideToastUi as m}from"@soybeanjs/headless/toast";const h=i({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(i){let h=i,g=d(h,[`size`,`ui`]),_=n(()=>e({size:h.size},h.ui));return f(t,{id:`__SoybeanUI_toastStyle`}),m(_),(e,t)=>(s(),r(l(p),o(a(l(g))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{h as default};

package/dist/components/toggle/index.d.ts

@@ -1,3 +1,3 @@
-import { ToggleShape, ToggleVariant } from "./variants.js";
+import { ToggleShape, ToggleVariant } from "../../styles/toggle.js";
 import { ToggleEmits, ToggleProps } from "./types.js";
 import { _default } from "./toggle.vue.js";

package/dist/components/toggle/toggle.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless/toggle";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};
+import{toggleVariants as e}from"../../styles/toggle.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{Toggle as f}from"@soybeanjs/headless/toggle";const p=r({name:`SToggle`,__name:`toggle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(r,{emit:p}){let m=r,h=p,g=d(m,[`class`,`color`,`variant`,`size`,`shape`]),_=t(()=>e({color:m.color,variant:m.variant,size:m.size,shape:m.shape}));return(e,t)=>(s(),n(l(f),a(l(g),{class:_.value,"onUpdate:modelValue":t[0]||=e=>h(`update:modelValue`,e)}),{default:u(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16,[`class`]))}});export{p as default};

package/dist/components/toggle/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ToggleShape, ToggleVariant } from "./variants.js";
+import { ToggleShape, ToggleVariant } from "../../styles/toggle.js";
 import { ToggleEmits, ToggleProps } from "@soybeanjs/headless/toggle";
 import { ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/toggle-group/index.d.ts

@@ -1,4 +1,4 @@
-import { ToggleGroupVariant } from "./variants.js";
+import { ToggleGroupVariant } from "../../styles/toggle-group.js";
 import { ToggleGroupEmits, ToggleGroupProps } from "./types.js";
 import { _default } from "./toggle-group.vue.js";
 import { ToggleGroupItem as SToggleGroupItem } from "@soybeanjs/headless/toggle-group";

package/dist/components/toggle-group/toggle-group.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot 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{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless/toggle-group";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{toggleGroupVariants as e}from"../../styles/toggle-group.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u,useOmitProps as d}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as f,provideToggleGroupUi as p}from"@soybeanjs/headless/toggle-group";const m=r({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(r,{emit:m}){let h=r,g=m,_=d(h,[`class`,`color`,`size`,`variant`,`ui`]),v=u(g);return p(t(()=>e({color:h.color,size:h.size,variant:h.variant,orientation:h.orientation},h.ui,{root:h.class}))),(e,t)=>(a(),n(c(f),i(c(_),s(c(v))),{default:l(()=>[o(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/toggle-group/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ToggleGroupVariant } from "./variants.js";
+import { ToggleGroupVariant } from "../../styles/toggle-group.js";
 import { ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi } from "@soybeanjs/headless/toggle-group";
 import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 

package/dist/components/toolbar/toolbar.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless/toolbar";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`size`,`ui`]);return p(n(()=>e(t({size:m.size}),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{toolbarVariants as e}from"../../styles/toolbar.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{useOmitProps as u}from"@soybeanjs/headless/composables";import{ToolbarRoot as d,provideToolbarUi as f}from"@soybeanjs/headless/toolbar";const p=r({name:`SToolbar`,__name:`toolbar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(r){let p=r,m=u(p,[`class`,`size`,`ui`]);return f(t(()=>e({size:p.size},p.ui,{root:p.class}))),(e,t)=>(o(),n(c(d),a(i(c(m))),{default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot 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{TooltipCompact as p,provideTooltipUi as m}from"@soybeanjs/headless/tooltip";const h=i({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>e(t({size:g.size}),g.ui,{popup:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{trigger:u(()=>[s(e.$slots,`trigger`)]),default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{tooltipVariants as e}from"../../styles/tooltip.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u,useOmitProps as d}from"@soybeanjs/headless/composables";import{TooltipCompact as f,provideTooltipUi as p}from"@soybeanjs/headless/tooltip";const m=r({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(r,{emit:m}){let h=r,g=m,_=d(h,[`class`,`size`,`ui`]),v=u(g);return p(t(()=>e({size:h.size},h.ui,{popup:h.class}))),(e,t)=>(a(),n(c(f),i(c(_),s(c(v))),{trigger:l(()=>[o(e.$slots,`trigger`)]),default:l(()=>[o(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/tree-menu/tree-menu-styled-item.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{treeMenuVariants as t}from"./variants.js";import{computed as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";const l=a({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let l=a,u=n(()=>e(t({size:l.size}),l.ui,{item:l.class}));return(e,t)=>(s(),r(`div`,{class:o(u.value.item)},[i(`button`,{class:o(u.value.button)},[c(e.$slots,`default`)],2)],2))}});export{l as default};
+import{treeMenuVariants as e}from"../../styles/tree-menu.js";import{computed as t,createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s}from"vue";const c=i({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(i){let c=i,l=t(()=>e({size:c.size},c.ui,{item:c.class}));return(e,t)=>(o(),n(`div`,{class:a(l.value.item)},[r(`button`,{class:a(l.value.button)},[s(e.$slots,`default`)],2)],2))}});export{c as default};