@soybeanjs/ui 0.18.0 → 0.20.0

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

@@ -3,9 +3,19 @@ import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-declare const __VLS_export: _$vue.DefineComponent<SeparatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<SeparatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
   orientation: _$_soybeanjs_headless0.DataOrientation;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 export { _default };

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

@@ -1,13 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import { SeparatorBorder } from "./variants.js";
-import { SeparatorLabelProps, SeparatorRootProps, SeparatorUi } from "@soybeanjs/headless/separator";
+import { SeparatorCompactProps, SeparatorUi } from "@soybeanjs/headless/separator";
 import { Align, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/separator/types.d.ts
 /**
  * Properties for the Separator component.
  */
-interface SeparatorProps extends SeparatorRootProps {
+interface SeparatorProps extends SeparatorCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -28,14 +28,6 @@ interface SeparatorProps extends SeparatorRootProps {
    * Border.
    */
   border?: SeparatorBorder;
-  /**
-   * Label text rendered by the component.
-   */
-  label?: string;
-  /**
-   * Properties forwarded to the label element.
-   */
-  labelProps?: SeparatorLabelProps;
 }
 //#endregion
 export { SeparatorProps };

package/dist/components/separator/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative shrink-0 border-border`,label:`absolute top-1/2 -translate-x-1/2 -translate-y-1/2 flex justify-center items-center text-muted-foreground bg-background`},variants:{size:{xs:{label:`text-2xs`},sm:{label:`text-xs`},md:{label:`text-sm`},lg:{label:`text-base`},xl:{label:`text-lg`},"2xl":{label:`text-2xl`}},orientation:{vertical:{root:`h-full border-l`,label:`w-1px`},horizontal:{root:`w-full border-t`,label:`h-1px`}},align:{start:{label:`left-1/16 lt-sm:left-1/8 lt-md:left-1/10 lt-lg:left-1/12`},center:{label:`left-1/2`},end:{label:`left-15/16 lt-sm:left-7/8 lt-md:left-9/10 lt-lg:left-11/12`}},border:{solid:{root:`border-solid`},dashed:{root:`border-dashed`},dotted:{root:`border-dotted`}}},compoundVariants:[{size:`xs`,orientation:`vertical`,class:{label:`px-0.75 py-1.5`}},{size:`xs`,orientation:`horizontal`,class:{label:`px-1.5 py-0.75`}},{size:`sm`,orientation:`vertical`,class:{label:`px-0.875 py-1.75`}},{size:`sm`,orientation:`horizontal`,class:{label:`px-1.75 py-0.875`}},{size:`md`,orientation:`vertical`,class:{label:`px-1 py-2`}},{size:`md`,orientation:`horizontal`,class:{label:`px-2 py-1`}},{size:`lg`,orientation:`vertical`,class:{label:`px-1.125 py-2.25`}},{size:`lg`,orientation:`horizontal`,class:{label:`px-2.25 py-1.125`}},{size:`xl`,orientation:`vertical`,class:{label:`px-1.25 py-2.5`}},{size:`xl`,orientation:`horizontal`,class:{label:`px-2.5 py-1.25`}},{size:`2xl`,orientation:`vertical`,class:{label:`px-1.5 py-3`}},{size:`2xl`,orientation:`horizontal`,class:{label:`px-3 py-1.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,align:`center`,border:`solid`}});export{t as separatorVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative shrink-0 border-border`,label:`absolute top-1/2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 flex justify-center items-center text-muted-foreground bg-background`},variants:{size:{xs:{label:`text-2xs`},sm:{label:`text-xs`},md:{label:`text-sm`},lg:{label:`text-base`},xl:{label:`text-lg`},"2xl":{label:`text-2xl`}},orientation:{vertical:{root:`h-full border-s`,label:`w-1px`},horizontal:{root:`w-full border-t`,label:`h-1px`}},align:{start:{label:`start-1/16 lt-sm:start-1/8 lt-md:start-1/10 lt-lg:start-1/12`},center:{label:`start-1/2`},end:{label:`start-15/16 lt-sm:start-7/8 lt-md:start-9/10 lt-lg:start-11/12`}},border:{solid:{root:`border-solid`},dashed:{root:`border-dashed`},dotted:{root:`border-dotted`}}},compoundVariants:[{size:`xs`,orientation:`vertical`,class:{label:`px-0.75 py-1.5`}},{size:`xs`,orientation:`horizontal`,class:{label:`px-1.5 py-0.75`}},{size:`sm`,orientation:`vertical`,class:{label:`px-0.875 py-1.75`}},{size:`sm`,orientation:`horizontal`,class:{label:`px-1.75 py-0.875`}},{size:`md`,orientation:`vertical`,class:{label:`px-1 py-2`}},{size:`md`,orientation:`horizontal`,class:{label:`px-2 py-1`}},{size:`lg`,orientation:`vertical`,class:{label:`px-1.125 py-2.25`}},{size:`lg`,orientation:`horizontal`,class:{label:`px-2.25 py-1.125`}},{size:`xl`,orientation:`vertical`,class:{label:`px-1.25 py-2.5`}},{size:`xl`,orientation:`horizontal`,class:{label:`px-2.5 py-1.25`}},{size:`2xl`,orientation:`vertical`,class:{label:`px-1.5 py-3`}},{size:`2xl`,orientation:`horizontal`,class:{label:`px-3 py-1.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,align:`center`,border:`solid`}});export{t as separatorVariants};

package/dist/components/slider/slider.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{sliderVariants as t}from"./variants.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{SliderRange as _,SliderRoot as v,SliderThumb as y,SliderTrack as b,provideSliderUi as x}from"@soybeanjs/headless/slider";const S=s({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:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`valueCommit`],setup(s,{emit:S}){let C=s,w=h(S),T=g(C,[`class`,`color`,`size`,`ui`,`trackProps`,`rangeProps`,`thumbProps`]);return x(r(()=>e(t({color:C.color,size:C.size}),C.ui,{root:C.class}))),(e,t)=>(l(),i(p(v),c({"data-slot":`slider`},p(T),f(p(w))),{default:m(t=>[o(p(b),c({"data-slot":`slider-track`},s.trackProps),{default:m(()=>[o(p(_),c({"data-slot":`slider-range`},s.rangeProps),null,16)]),_:1},16),(l(!0),a(n,null,u(t.modelValue,(n,r)=>(l(),i(p(y),c({key:`${r}-${n}`,"data-slot":`slider-thumb`},{ref_for:!0},s.thumbProps,{index:r}),{default:m(()=>[d(e.$slots,`default`,{index:r,modelValue:t.modelValue,value:n})]),_:2},1040,[`index`]))),128))]),_:3},16))}});export{S as default};
+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};

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

@@ -2,13 +2,12 @@ import { SliderProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/slider/slider.vue.d.ts
-declare var __VLS_25: {
-  index: number;
-  modelValue: number[];
-  value: number;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_25) => any;
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: number[];
+    index: number;
+    value: number;
+  }) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<SliderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number[]) => any;

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

@@ -1,12 +1,12 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { SliderRangeProps, SliderRootEmits, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderUi } from "@soybeanjs/headless/slider";
+import { SliderCompactEmits, SliderCompactProps, SliderUi } from "@soybeanjs/headless/slider";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/slider/types.d.ts
 /**
  * Properties for the Slider component.
  */
-interface SliderProps extends SliderRootProps {
+interface SliderProps extends SliderCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -23,22 +23,10 @@ interface SliderProps extends SliderRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<SliderUi>;
-  /**
-   * Properties forwarded to the track element.
-   */
-  trackProps?: SliderTrackProps;
-  /**
-   * Properties forwarded to the range element.
-   */
-  rangeProps?: SliderRangeProps;
-  /**
-   * Properties forwarded to the thumb element.
-   */
-  thumbProps?: Omit<SliderThumbProps, 'index'>;
 }
 /**
  * Events for the Slider component.
  */
-type SliderEmits = SliderRootEmits;
+type SliderEmits = SliderCompactEmits;
 //#endregion
 export { SliderEmits, SliderProps };

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

@@ -1 +1 @@
-import{mergeSlotVariants 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({"data-slot":`splitter-group`},l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+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};

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

@@ -1 +1 @@
-import{createBlock as e,defineComponent as t,guardReactiveProps as n,mergeProps as r,normalizeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u}from"@soybeanjs/headless/composables";import{SplitterPanel as d}from"@soybeanjs/headless/splitter";const f=t({name:`SSplitterPanel`,__name:`splitter-panel`,props:{class:{type:[Boolean,null,String,Object,Array]},defaultSize:{},collapsible:{type:Boolean},collapsedSize:{},maxSize:{},minSize:{},order:{},asChild:{type:Boolean},as:{}},emits:[`collapse`,`expand`,`resize`],setup(t,{emit:f}){let p=t,m=u(f);return(t,u)=>(a(),e(c(d),r({"data-slot":`splitter-panel`},p,s(c(m))),{default:l(e=>[o(t.$slots,`default`,i(n(e)))]),_:3},16))}});export{f as default};
+import{createBlock as e,defineComponent as t,guardReactiveProps as n,mergeProps as r,normalizeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u}from"@soybeanjs/headless/composables";import{SplitterPanel as d}from"@soybeanjs/headless/splitter";const f=t({name:`SSplitterPanel`,__name:`splitter-panel`,props:{class:{type:[Boolean,null,String,Object,Array]},defaultSize:{},collapsible:{type:Boolean},collapsedSize:{},maxSize:{},minSize:{},order:{},asChild:{type:Boolean},as:{}},emits:[`collapse`,`expand`,`resize`],setup(t,{emit:f}){let p=t,m=u(f);return(t,u)=>(a(),e(c(d),r(p,s(c(m))),{default:l(e=>[o(t.$slots,`default`,i(n(e)))]),_:3},16))}});export{f as default};

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/splitter/splitter-resize-handle.js

@@ -1 +1 @@
-import{computed as e,defineComponent as t,h as n}from"vue";import{SplitterResizeHandle as r}from"@soybeanjs/headless/splitter";const i=t({name:`SSplitterResizeHandle`,inheritAttrs:!1,props:{withHandle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},asChild:{type:Boolean,default:void 0},as:{type:[String,Object,Function],default:void 0},class:{type:null,default:void 0}},emits:{dragging:e=>!0},setup(t,{attrs:i,emit:a,slots:o}){let s=e(()=>({...i,disabled:t.disabled,tabindex:t.tabindex,asChild:t.asChild,as:t.as})),c=e(()=>n(`div`,{class:`bg-background z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border`,"aria-hidden":`true`},[n(`div`,{class:`flex flex-col items-center gap-0.5`},[n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`}),n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`}),n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`})])]));return()=>n(r,{"data-slot":`splitter-resize-handle`,...s.value,class:t.class,onDragging:e=>a(`dragging`,e)},{default:()=>{if(o.default)return o.default();if(t.withHandle)return[c.value]}})}});export{i as default};
+import{computed as e,defineComponent as t,h as n}from"vue";import{SplitterResizeHandle as r}from"@soybeanjs/headless/splitter";const i=t({name:`SSplitterResizeHandle`,inheritAttrs:!1,props:{withHandle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},asChild:{type:Boolean,default:void 0},as:{type:[String,Object,Function],default:void 0},class:{type:null,default:void 0}},emits:{dragging:e=>!0},setup(t,{attrs:i,emit:a,slots:o}){let s=e(()=>({...i,disabled:t.disabled,tabindex:t.tabindex,asChild:t.asChild,as:t.as})),c=e(()=>n(`div`,{class:`bg-background z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border`,"aria-hidden":`true`},[n(`div`,{class:`flex flex-col items-center gap-0.5`},[n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`}),n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`}),n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`})])]));return()=>n(r,{"data-soybean-splitter-resize-handle":``,...s.value,class:t.class,onDragging:e=>a(`dragging`,e)},{default:()=>{if(o.default)return o.default();if(t.withHandle)return[c.value]}})}});export{i as default};

package/dist/components/splitter/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex h-full w-full data-[orientation=vertical]:flex-col`,panel:`min-h-0 min-w-0`,resizeHandle:[`bg-border focus-visible:ring-ring relative flex w-px cursor-col-resize items-center justify-center transition-colors duration-200 after:absolute after:inset-y-0`,`after:left-1/2 after:w-1 after:-translate-x-1/2 outline-none focus-visible:ring-1 focus-visible:ring-offset-1`,`data-[state=hover]:bg-accent data-[state=drag]:bg-accent`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full`,`data-[orientation=vertical]:cursor-row-resize`,`data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full`,`data-[orientation=vertical]:after:-translate-y-1/2 data-[orientation=vertical]:after:translate-x-0`]}});export{t as splitterVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex h-full w-full data-[orientation=vertical]:flex-col`,panel:`min-h-0 min-w-0`,resizeHandle:[`bg-border focus-visible:ring-ring relative flex w-px cursor-col-resize items-center justify-center transition-colors duration-200 after:absolute after:inset-y-0`,`after:start-1/2 after:w-1 after:-translate-x-1/2 outline-none focus-visible:ring-1 focus-visible:ring-offset-1`,`data-[state=hover]:bg-accent data-[state=drag]:bg-accent`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full`,`data-[orientation=vertical]:cursor-row-resize`,`data-[orientation=vertical]:after:start-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full`,`data-[orientation=vertical]:after:-translate-y-1/2 data-[orientation=vertical]:after:translate-x-0`]}});export{t as splitterVariants};

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

@@ -1,3 +1,3 @@
-import { StepperEmits, StepperExtendedUi, StepperExtraUiSlot, StepperOptionData, StepperProps } from "./types.js";
+import { StepperEmits, StepperProps, StepperSlots } from "./types.js";
 import { _default } from "./stepper.vue.js";
 export * from "@soybeanjs/headless/stepper";

package/dist/components/stepper/stepper.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{stepperVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,toHandlers as v,unref as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{StepperDescription as C,StepperIndicator as w,StepperItem as T,StepperRoot as E,StepperSeparator as D,StepperTitle as O,StepperTrigger as k,provideStepperUi as A}from"@soybeanjs/headless/stepper";const j={key:1},M=d({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(d,{emit:M}){let N=d,P=M,F=S(N,[`class`,`color`,`size`,`ui`,`items`,`itemProps`,`triggerProps`,`indicatorProps`,`separatorProps`,`titleProps`,`descriptionProps`]),I=x(P),L=i(()=>N.items.map((e,t)=>({...e,step:t+1}))),R=i(()=>e(n({color:N.color,size:N.size,orientation:N.orientation}),N.ui,{root:N.class}));return A(R),(e,n)=>(m(),a(y(E),f(y(F),v(y(I))),{default:b(n=>[(m(!0),s(r,null,h(L.value,(r,i)=>(m(),a(y(T),f({key:r.step,ref_for:!0},d.itemProps,{step:r.step,disabled:r.disabled,completed:r.completed}),{default:b(h=>[g(e.$slots,`item`,f({ref_for:!0},{...r,...n,...h}),()=>[u(y(k),f({ref_for:!0},d.triggerProps),{default:b(()=>[u(y(w),f({ref_for:!0},d.indicatorProps),{default:b(()=>[g(e.$slots,`indicator`,f({ref_for:!0},{...r,...n,...h}),()=>[h.state===`completed`?(m(),a(t,{key:0,icon:`lucide:check`,class:p(R.value.indicatorIcon),"aria-hidden":!0},null,8,[`class`])):(m(),s(`span`,j,_(r.step),1))])]),_:2},1040),c(`div`,{class:p(R.value.itemContent)},[u(y(O),f({ref_for:!0},d.titleProps),{default:b(()=>[g(e.$slots,`title`,f({ref_for:!0},{...r,...n,...h}),()=>[l(_(r.title??`Step ${r.step}`),1)])]),_:2},1040),r.description||e.$slots.description?(m(),a(y(C),f({key:0,ref_for:!0},d.descriptionProps),{default:b(()=>[g(e.$slots,`description`,f({ref_for:!0},{...r,...n,...h}),()=>[l(_(r.description),1)])]),_:2},1040)):o(`v-if`,!0)],2)]),_:2},1040),i<L.value.length-1?g(e.$slots,`separator`,f({key:0,ref_for:!0},{...r,...n,...h}),()=>[u(y(D),f({ref_for:!0},d.separatorProps),null,16)]):o(`v-if`,!0)])]),_:2},1040,[`step`,`disabled`,`completed`]))),128))]),_:3},16))}});export{M as default};
+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};

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

@@ -1,110 +1,8 @@
-import { StepperProps } from "./types.js";
+import { StepperProps, StepperSlots } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/stepper/stepper.vue.d.ts
-declare var __VLS_14: {
-    state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
-    totalSteps: number;
-    isNextDisabled: boolean;
-    isPrevDisabled: boolean;
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    goToStep: (step: number) => void;
-    nextStep: () => void;
-    prevStep: () => void;
-    hasNext: () => boolean;
-    hasPrev: () => boolean;
-    step: number;
-    title?: string;
-    description?: string;
-    disabled?: boolean | undefined;
-    completed?: boolean | undefined;
-  }, __VLS_28: {
-    state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
-    totalSteps: number;
-    isNextDisabled: boolean;
-    isPrevDisabled: boolean;
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    goToStep: (step: number) => void;
-    nextStep: () => void;
-    prevStep: () => void;
-    hasNext: () => boolean;
-    hasPrev: () => boolean;
-    step: number;
-    title?: string;
-    description?: string;
-    disabled?: boolean | undefined;
-    completed?: boolean | undefined;
-  }, __VLS_41: {
-    state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
-    totalSteps: number;
-    isNextDisabled: boolean;
-    isPrevDisabled: boolean;
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    goToStep: (step: number) => void;
-    nextStep: () => void;
-    prevStep: () => void;
-    hasNext: () => boolean;
-    hasPrev: () => boolean;
-    step: number;
-    title?: string;
-    description?: string;
-    disabled?: boolean | undefined;
-    completed?: boolean | undefined;
-  }, __VLS_49: {
-    state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
-    totalSteps: number;
-    isNextDisabled: boolean;
-    isPrevDisabled: boolean;
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    goToStep: (step: number) => void;
-    nextStep: () => void;
-    prevStep: () => void;
-    hasNext: () => boolean;
-    hasPrev: () => boolean;
-    step: number;
-    title?: string;
-    description?: string;
-    disabled?: boolean | undefined;
-    completed?: boolean | undefined;
-  }, __VLS_51: {
-    state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
-    totalSteps: number;
-    isNextDisabled: boolean;
-    isPrevDisabled: boolean;
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    goToStep: (step: number) => void;
-    nextStep: () => void;
-    prevStep: () => void;
-    hasNext: () => boolean;
-    hasPrev: () => boolean;
-    step: number;
-    title?: string;
-    description?: string;
-    disabled?: boolean | undefined;
-    completed?: boolean | undefined;
-  };
-type __VLS_Slots = {} & {
-  item?: (props: typeof __VLS_14) => any;
-} & {
-  indicator?: (props: typeof __VLS_28) => any;
-} & {
-  title?: (props: typeof __VLS_41) => any;
-} & {
-  description?: (props: typeof __VLS_49) => any;
-} & {
-  separator?: (props: typeof __VLS_51) => any;
-};
+type __VLS_Slots = StepperSlots;
 declare const __VLS_base: _$vue.DefineComponent<StepperProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (payload: number) => any;
 }, string, _$vue.PublicProps, Readonly<StepperProps> & Readonly<{

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

@@ -1,33 +1,12 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperTitleProps, StepperTriggerProps, StepperUiSlot } from "@soybeanjs/headless/stepper";
-import { ClassValue, UiClass } from "@soybeanjs/headless/types";
+import { StepperCompactEmits, StepperCompactProps, StepperCompactSlots, StepperUi } from "@soybeanjs/headless/stepper";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/stepper/types.d.ts
-/**
- * Option data for the Stepper component.
- */
-interface StepperOptionData extends Pick<StepperItemProps, 'disabled' | 'completed'> {
-  /**
-   * Title text rendered by the component.
-   */
-  title?: string;
-  /**
-   * Description text rendered by the component.
-   */
-  description?: string;
-}
-/**
- * Additional UI slots for the stepper component.
- */
-type StepperExtraUiSlot = 'itemContent' | 'indicatorIcon';
-/**
- * Extended UI class overrides for the Stepper component.
- */
-type StepperExtendedUi = UiClass<StepperUiSlot | StepperExtraUiSlot>;
 /**
  * Properties for the Stepper component.
  */
-interface StepperProps extends StepperRootProps {
+interface StepperProps extends StepperCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -43,39 +22,15 @@ interface StepperProps extends StepperRootProps {
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<StepperExtendedUi>;
-  /**
-   * Items rendered by the component.
-   */
-  items: StepperOptionData[];
-  /**
-   * Properties forwarded to the item element.
-   */
-  itemProps?: StepperItemProps;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: StepperTriggerProps;
-  /**
-   * Properties forwarded to the indicator element.
-   */
-  indicatorProps?: StepperIndicatorProps;
-  /**
-   * Properties forwarded to the separator element.
-   */
-  separatorProps?: StepperSeparatorProps;
-  /**
-   * Properties forwarded to the title element.
-   */
-  titleProps?: StepperTitleProps;
-  /**
-   * Properties forwarded to the description element.
-   */
-  descriptionProps?: StepperDescriptionProps;
+  ui?: Partial<StepperUi>;
 }
 /**
  * Events for the Stepper component.
  */
-type StepperEmits = StepperRootEmits;
+type StepperEmits = StepperCompactEmits;
+/**
+ * Slots for the Stepper component.
+ */
+type StepperSlots = StepperCompactSlots;
 //#endregion
-export { StepperEmits, StepperExtendedUi, StepperExtraUiSlot, StepperOptionData, StepperProps };
+export { StepperEmits, StepperProps, StepperSlots };

package/dist/components/stepper/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex w-full`,item:`group flex min-w-0 flex-1 items-center gap-2`,trigger:[`inline-flex rounded-md p-1 transition-colors`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`group-data-[disabled]:pointer-events-none`],indicator:[`inline-flex shrink-0 items-center justify-center rounded-full border bg-background font-medium transition-colors`,`group-data-[disabled]:opacity-50`],separator:`shrink-0 bg-muted transition-colors group-data-[disabled]:opacity-50`,title:`font-semibold whitespace-nowrap transition-colors`,description:`text-muted-foreground transition-colors`,itemContent:`flex min-w-0 flex-col gap-0.5`,indicatorIcon:`size-[1em]`},variants:{size:{xs:{indicator:`size-6 text-2xs`,title:`text-2xs`,description:`text-4xs`},sm:{indicator:`size-7 text-xs`,title:`text-xs`,description:`text-3xs`},md:{indicator:`size-8 text-sm`,title:`text-sm`,description:`text-xs`},lg:{indicator:`size-9 text-base`,title:`text-base`,description:`text-sm`},xl:{indicator:`size-10 text-lg`,title:`text-lg`,description:`text-base`},"2xl":{indicator:`size-12 text-xl`,title:`text-xl`,description:`text-lg`}},orientation:{horizontal:{root:`items-start gap-2`,trigger:`flex-col items-center text-center gap-2`,itemContent:`items-center text-center`,separator:`mt-3 h-0.5 flex-1`},vertical:{root:`flex-col gap-0`,item:`flex-none flex-col items-start gap-0`,trigger:`w-full flex-row items-start text-left gap-3`,itemContent:`flex-1 items-start text-left pt-0.5`,separator:`ms-4 w-0.5 min-h-7`}},color:{primary:{indicator:[`group-data-[state=active]:border-primary group-data-[state=active]:bg-primary group-data-[state=active]:text-primary-foreground`,`group-data-[state=completed]:border-primary/25 group-data-[state=completed]:bg-primary/15 group-data-[state=completed]:text-primary`],separator:`group-data-[state=completed]:bg-primary`,title:`group-data-[state=active]:text-primary group-data-[state=completed]:text-primary`,description:`group-data-[state=active]:text-primary/80 group-data-[state=completed]:text-primary/80`},destructive:{indicator:[`group-data-[state=active]:border-destructive group-data-[state=active]:bg-destructive group-data-[state=active]:text-destructive-foreground`,`group-data-[state=completed]:border-destructive/25 group-data-[state=completed]:bg-destructive/15 group-data-[state=completed]:text-destructive`],separator:`group-data-[state=completed]:bg-destructive`,title:`group-data-[state=active]:text-destructive group-data-[state=completed]:text-destructive`,description:`group-data-[state=active]:text-destructive/80 group-data-[state=completed]:text-destructive/80`},success:{indicator:[`group-data-[state=active]:border-success group-data-[state=active]:bg-success group-data-[state=active]:text-success-foreground`,`group-data-[state=completed]:border-success/25 group-data-[state=completed]:bg-success/15 group-data-[state=completed]:text-success`],separator:`group-data-[state=completed]:bg-success`,title:`group-data-[state=active]:text-success group-data-[state=completed]:text-success`,description:`group-data-[state=active]:text-success/80 group-data-[state=completed]:text-success/80`},warning:{indicator:[`group-data-[state=active]:border-warning group-data-[state=active]:bg-warning group-data-[state=active]:text-warning-foreground`,`group-data-[state=completed]:border-warning/25 group-data-[state=completed]:bg-warning/15 group-data-[state=completed]:text-warning`],separator:`group-data-[state=completed]:bg-warning`,title:`group-data-[state=active]:text-warning group-data-[state=completed]:text-warning`,description:`group-data-[state=active]:text-warning/80 group-data-[state=completed]:text-warning/80`},info:{indicator:[`group-data-[state=active]:border-info group-data-[state=active]:bg-info group-data-[state=active]:text-info-foreground`,`group-data-[state=completed]:border-info/25 group-data-[state=completed]:bg-info/15 group-data-[state=completed]:text-info`],separator:`group-data-[state=completed]:bg-info`,title:`group-data-[state=active]:text-info group-data-[state=completed]:text-info`,description:`group-data-[state=active]:text-info/80 group-data-[state=completed]:text-info/80`},carbon:{indicator:[`group-data-[state=active]:border-carbon group-data-[state=active]:bg-carbon group-data-[state=active]:text-carbon-foreground`,`group-data-[state=completed]:border-carbon/25 group-data-[state=completed]:bg-carbon/15 group-data-[state=completed]:text-carbon`],separator:`group-data-[state=completed]:bg-carbon`,title:`group-data-[state=active]:text-carbon group-data-[state=completed]:text-carbon`,description:`group-data-[state=active]:text-carbon/80 group-data-[state=completed]:text-carbon/80`},secondary:{indicator:[`group-data-[state=active]:border-secondary group-data-[state=active]:bg-secondary group-data-[state=active]:text-secondary-foreground`,`group-data-[state=completed]:border-secondary/25 group-data-[state=completed]:bg-secondary/15 group-data-[state=completed]:text-secondary`],separator:`group-data-[state=completed]:bg-secondary`,title:`group-data-[state=active]:text-secondary group-data-[state=completed]:text-secondary`,description:`group-data-[state=active]:text-secondary/80 group-data-[state=completed]:text-secondary/80`},accent:{indicator:[`group-data-[state=active]:border-accent group-data-[state=active]:bg-accent group-data-[state=active]:text-accent-foreground`,`group-data-[state=completed]:border-accent/25 group-data-[state=completed]:bg-accent/15 group-data-[state=completed]:text-accent`],separator:`group-data-[state=completed]:bg-accent`,title:`group-data-[state=active]:text-accent group-data-[state=completed]:text-accent`,description:`group-data-[state=active]:text-accent/80 group-data-[state=completed]:text-accent/80`}}},defaultVariants:{size:`md`,orientation:`horizontal`,color:`primary`}});export{t as stepperVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex w-full`,item:`group flex min-w-0 flex-1`,trigger:[`inline-flex rounded-md transition-colors`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[orientation=horizontal]:mt-0.25 data-[orientation=vertical]:ms-0.25 group-data-[disabled]:pointer-events-none`],indicator:[`inline-flex shrink-0 items-center justify-center rounded-full border bg-background font-medium transition-colors`,`group-data-[disabled]:opacity-50`],separator:`shrink-0 bg-muted transition-colors group-data-[disabled]:opacity-50`,title:`font-semibold whitespace-nowrap transition-colors`,description:`text-muted-foreground transition-colors`,itemContent:`flex min-w-0 flex-col`,indicatorIcon:``},variants:{size:{xs:{root:`text-2xs`,trigger:`gap-1 data-[orientation=vertical]:gap-2`,indicator:`size-6 text-2xs`,itemContent:`gap-1`,title:`text-2xs`,description:`text-4xs`,separator:`data-[orientation=horizontal]:mt-3 data-[orientation=vertical]:ms-3`},sm:{root:`text-xs`,trigger:`gap-1.5 data-[orientation=vertical]:gap-3`,indicator:`size-7 text-xs`,itemContent:`gap-1.5`,title:`text-xs`,description:`text-3xs`,separator:`data-[orientation=horizontal]:mt-3.5 data-[orientation=vertical]:ms-3.5`},md:{root:`text-sm`,trigger:`gap-2 data-[orientation=vertical]:gap-4`,indicator:`size-8`,itemContent:`gap-2`,title:`text-sm`,description:`text-xs`,separator:`data-[orientation=horizontal]:mt-4 data-[orientation=vertical]:ms-4`},lg:{root:`text-base`,trigger:`gap-2.5 data-[orientation=vertical]:gap-5`,indicator:`size-9 text-base`,itemContent:`gap-2.5`,title:`text-base`,description:`text-sm`,separator:`data-[orientation=horizontal]:mt-4.5 data-[orientation=vertical]:ms-4.5`},xl:{root:`text-lg`,trigger:`gap-3 data-[orientation=vertical]:gap-6`,indicator:`size-10 text-lg`,itemContent:`gap-3`,title:`text-lg`,description:`text-base`,separator:`data-[orientation=horizontal]:mt-5 data-[orientation=vertical]:ms-5`},"2xl":{root:`text-xl`,trigger:`gap-3.5 data-[orientation=vertical]:gap-7`,indicator:`size-12 text-xl`,itemContent:`gap-3.5`,title:`text-xl`,description:`text-lg`,separator:`data-[orientation=horizontal]:mt-6 data-[orientation=vertical]:ms-6`}},orientation:{horizontal:{root:`items-start`,trigger:`flex-col items-center text-center`,itemContent:`items-center text-center`,separator:`h-0.5 flex-1`},vertical:{root:`flex-col`,item:`flex-none flex-col items-start`,trigger:`w-full flex-row items-start text-start`,itemContent:`flex-1 items-start text-start`,separator:`w-0.5 min-h-7`}},color:{primary:{indicator:[`group-data-[state=active]:border-primary group-data-[state=active]:bg-primary group-data-[state=active]:text-primary-foreground`,`group-data-[state=completed]:border-primary/25 group-data-[state=completed]:bg-primary/15 group-data-[state=completed]:text-primary`],separator:`group-data-[state=completed]:bg-primary`,title:`group-data-[state=active]:text-primary group-data-[state=completed]:text-primary`,description:`group-data-[state=active]:text-primary/80 group-data-[state=completed]:text-primary/80`},destructive:{indicator:[`group-data-[state=active]:border-destructive group-data-[state=active]:bg-destructive group-data-[state=active]:text-destructive-foreground`,`group-data-[state=completed]:border-destructive/25 group-data-[state=completed]:bg-destructive/15 group-data-[state=completed]:text-destructive`],separator:`group-data-[state=completed]:bg-destructive`,title:`group-data-[state=active]:text-destructive group-data-[state=completed]:text-destructive`,description:`group-data-[state=active]:text-destructive/80 group-data-[state=completed]:text-destructive/80`},success:{indicator:[`group-data-[state=active]:border-success group-data-[state=active]:bg-success group-data-[state=active]:text-success-foreground`,`group-data-[state=completed]:border-success/25 group-data-[state=completed]:bg-success/15 group-data-[state=completed]:text-success`],separator:`group-data-[state=completed]:bg-success`,title:`group-data-[state=active]:text-success group-data-[state=completed]:text-success`,description:`group-data-[state=active]:text-success/80 group-data-[state=completed]:text-success/80`},warning:{indicator:[`group-data-[state=active]:border-warning group-data-[state=active]:bg-warning group-data-[state=active]:text-warning-foreground`,`group-data-[state=completed]:border-warning/25 group-data-[state=completed]:bg-warning/15 group-data-[state=completed]:text-warning`],separator:`group-data-[state=completed]:bg-warning`,title:`group-data-[state=active]:text-warning group-data-[state=completed]:text-warning`,description:`group-data-[state=active]:text-warning/80 group-data-[state=completed]:text-warning/80`},info:{indicator:[`group-data-[state=active]:border-info group-data-[state=active]:bg-info group-data-[state=active]:text-info-foreground`,`group-data-[state=completed]:border-info/25 group-data-[state=completed]:bg-info/15 group-data-[state=completed]:text-info`],separator:`group-data-[state=completed]:bg-info`,title:`group-data-[state=active]:text-info group-data-[state=completed]:text-info`,description:`group-data-[state=active]:text-info/80 group-data-[state=completed]:text-info/80`},carbon:{indicator:[`group-data-[state=active]:border-carbon group-data-[state=active]:bg-carbon group-data-[state=active]:text-carbon-foreground`,`group-data-[state=completed]:border-carbon/25 group-data-[state=completed]:bg-carbon/15 group-data-[state=completed]:text-carbon`],separator:`group-data-[state=completed]:bg-carbon`,title:`group-data-[state=active]:text-carbon group-data-[state=completed]:text-carbon`,description:`group-data-[state=active]:text-carbon/80 group-data-[state=completed]:text-carbon/80`},secondary:{indicator:[`group-data-[state=active]:border-secondary group-data-[state=active]:bg-secondary group-data-[state=active]:text-secondary-foreground`,`group-data-[state=completed]:border-secondary/25 group-data-[state=completed]:bg-secondary/15 group-data-[state=completed]:text-secondary`],separator:`group-data-[state=completed]:bg-secondary`,title:`group-data-[state=active]:text-secondary group-data-[state=completed]:text-secondary`,description:`group-data-[state=active]:text-secondary/80 group-data-[state=completed]:text-secondary/80`},accent:{indicator:[`group-data-[state=active]:border-accent group-data-[state=active]:bg-accent group-data-[state=active]:text-accent-foreground`,`group-data-[state=completed]:border-accent/25 group-data-[state=completed]:bg-accent/15 group-data-[state=completed]:text-accent`],separator:`group-data-[state=completed]:bg-accent`,title:`group-data-[state=active]:text-accent group-data-[state=completed]:text-accent`,description:`group-data-[state=active]:text-accent/80 group-data-[state=completed]:text-accent/80`}}},defaultVariants:{size:`md`,orientation:`horizontal`,color:`primary`}});export{t as stepperVariants};

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

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

package/dist/components/switch/switch.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{switchVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,useId as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{SwitchControl as h,SwitchRoot as g,SwitchThumb 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:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(a,{emit:y}){let b=a,x=y,S=m(b,[`class`,`ui`,`color`,`size`,`shape`,`controlProps`,`thumbProps`]),C=f(),w=n(()=>b.id||`switch-${C}`);return v(n(()=>e(t({color:b.color,size:b.size,shape:b.shape}),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(g),s(d(S),{"onUpdate:modelValue":t[0]||=e=>x(`update:modelValue`,e)}),{default:p(t=>[u(e.$slots,`leading`,c(o(t))),i(d(h),s(a.controlProps,{id:w.value}),{default:p(()=>[i(d(_),c(o(a.thumbProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:2},1040,[`id`]),u(e.$slots,`trailing`,c(o(t)))]),_:3},16))}});export{y as default};
+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};