@soybeanjs/ui 0.16.0 → 0.17.0

package/dist/components/segment/segment.js

@@ -1 +1 @@
-import{mergeSlotVariants 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{SegmentCompact as h,provideTabsUi as g}from"@soybeanjs/headless";const _=i({name:`SSegment`,__name:`segment`,props:{class:{},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 g(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(h),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{mergeSlotVariants 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{SegmentCompact as h}from"@soybeanjs/headless/segment";import{provideTabsUi as g}from"@soybeanjs/headless/tabs";const _=i({name:`SSegment`,__name:`segment`,props:{class:{},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 g(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(h),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};

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

@@ -1,16 +1,41 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TabsFill, TabsShape } from "../tabs/variants.js";
-import { AcceptableValue, ClassValue, SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentOptionData, SegmentUi } from "@soybeanjs/headless";
+import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentOptionData, SegmentUi } from "@soybeanjs/headless/segment";
+import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/segment/types.d.ts
+/**
+ * Props for the segment component.
+ */
 interface SegmentProps<T extends SegmentOptionData> extends SegmentCompactProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<SegmentUi>;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: TabsShape;
+  /**
+   * Fill.
+   */
   fill?: TabsFill;
 }
+/**
+ * Emits for the segment component.
+ */
 type SegmentEmits<T extends AcceptableValue = AcceptableValue> = SegmentCompactEmits<T>;
+/**
+ * Slots for the segment component.
+ */
 type SegmentSlots<T extends SegmentOptionData = SegmentOptionData> = SegmentCompactSlots<T>;
 //#endregion
 export { SegmentEmits, type SegmentOptionData, SegmentProps, SegmentSlots };

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

@@ -1,4 +1,3 @@
-import { SelectEmits, SelectGroupOptionData, SelectOptionData, SelectProps, SelectSingleOptionData, SelectSlots } from "./types.js";
+import { SelectEmits, SelectGroupOptionData, SelectItemEvent, SelectOptionData, SelectProps, SelectSingleOptionData, SelectSlots } from "./types.js";
 import { _default } from "./select.vue.js";
-import { SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless/select";
-export { type SelectArrowProps, type SelectContentEmits, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectItemEmits, type SelectItemEvent, type SelectItemIndicatorProps, type SelectItemProps, type SelectItemTextProps, type SelectPosition, type SelectRootEmits, type SelectRootProps, type SelectScrollDownButtonProps, type SelectScrollUpButtonProps, type SelectSeparatorProps, type SelectTriggerIconProps, type SelectTriggerProps, type SelectValueProps, type SelectViewportProps };
+export * from "@soybeanjs/headless/select";

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeSlotVariants 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{SelectCompact as y,provideSelectUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{},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(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(y),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{mergeSlotVariants 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:{},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};

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

@@ -1,7 +1,7 @@
 import { SelectProps, SelectSlots } from "./types.js";
 import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/select/select.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -1,17 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, DefinedValue } from "@soybeanjs/headless";
-import { SelectCompactEmits, SelectCompactProps, SelectCompactSlots, SelectGroupOptionData, SelectOptionData, SelectSingleOptionData, SelectUi } from "@soybeanjs/headless/select";
+import { SelectCompactEmits, SelectCompactProps, SelectCompactSlots, SelectGroupOptionData, SelectItemEvent, SelectOptionData, SelectSingleOptionData, SelectUi } from "@soybeanjs/headless/select";
+import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/select/types.d.ts
+/**
+ * Props for the select component.
+ */
 interface SelectProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectCompactProps<T, M> {
   /**
    * the class of select trigger
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<SelectUi>;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
 }
+/**
+ * Emits for the select component.
+ */
 type SelectEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectCompactEmits<T, M>;
+/**
+ * Slots for the select component.
+ */
 type SelectSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectCompactSlots<T, M>;
 //#endregion
-export { SelectEmits, type SelectGroupOptionData, type SelectOptionData, SelectProps, type SelectSingleOptionData, SelectSlots };
+export { SelectEmits, type SelectGroupOptionData, type SelectItemEvent, type SelectOptionData, SelectProps, type SelectSingleOptionData, SelectSlots };

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

@@ -1,4 +1,3 @@
 import { SeparatorProps } from "./types.js";
 import { _default } from "./separator.vue.js";
-import { SeparatorLabelProps, SeparatorRootProps } from "@soybeanjs/headless/separator";
-export { type SeparatorLabelProps, type SeparatorRootProps };
+export * from "@soybeanjs/headless/separator";

package/dist/components/separator/separator.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{separatorVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,toDisplayString as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{SeparatorLabel as g,SeparatorRoot as _,provideSeparatorUi as v}from"@soybeanjs/headless";const y=o({name:`SSeparator`,__name:`separator`,props:{class:{},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(o){let y=o,b=p(),x=h(y,[`class`,`size`,`ui`,`align`,`border`,`label`,`labelProps`]),S=n(()=>y.orientation===`horizontal`&&(b.default||y.label));return v(n(()=>e(t({size:y.size,orientation:y.orientation,align:y.align,border:y.border}),y.ui,{root:y.class}))),(e,t)=>(u(),r(f(_),l(s(f(x))),{default:m(()=>[S.value?(u(),r(f(g),l(c({key:0},o.labelProps)),{default:m(()=>[a(d(o.label),1)]),_:1},16)):i(`v-if`,!0)]),_:1},16))}});export{y as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{separatorVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,toDisplayString as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{SeparatorLabel as g,SeparatorRoot as _,provideSeparatorUi as v}from"@soybeanjs/headless/separator";const y=o({name:`SSeparator`,__name:`separator`,props:{class:{},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(o){let y=o,b=p(),x=h(y,[`class`,`size`,`ui`,`align`,`border`,`label`,`labelProps`]),S=n(()=>y.orientation===`horizontal`&&(b.default||y.label));return v(n(()=>e(t({size:y.size,orientation:y.orientation,align:y.align,border:y.border}),y.ui,{root:y.class}))),(e,t)=>(u(),r(f(_),l(s(f(x))),{default:m(()=>[S.value?(u(),r(f(g),l(c({key:0},o.labelProps)),{default:m(()=>[a(d(o.label),1)]),_:1},16)):i(`v-if`,!0)]),_:1},16))}});export{y as default};

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

@@ -1,15 +1,40 @@
 import { ThemeSize } from "../../theme/types.js";
 import { SeparatorBorder } from "./variants.js";
-import { Align, ClassValue, SeparatorLabelProps, SeparatorRootProps, SeparatorUi } from "@soybeanjs/headless";
+import { SeparatorLabelProps, SeparatorRootProps, SeparatorUi } from "@soybeanjs/headless/separator";
+import { Align, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/separator/types.d.ts
+/**
+ * Props for the separator component.
+ */
 interface SeparatorProps extends SeparatorRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<SeparatorUi>;
+  /**
+   * Align.
+   */
   align?: Align;
+  /**
+   * Border.
+   */
   border?: SeparatorBorder;
+  /**
+   * Label text rendered by the component.
+   */
   label?: string;
+  /**
+   * Props forwarded to the label element.
+   */
   labelProps?: SeparatorLabelProps;
 }
 //#endregion

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";const f=i({name:`SSkeleton`,__name:`skeleton`,props:{class:{},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{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:{},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};

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

@@ -1,15 +1,28 @@
 import { ThemeSize } from "../../theme/types.js";
 import { SkeletonShape } from "./variants.js";
-import { ClassValue, SkeletonProps } from "@soybeanjs/headless";
+import { SkeletonProps } from "@soybeanjs/headless/skeleton";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/skeleton/types.d.ts
+/**
+ * Props for the skeleton component.
+ */
 interface SkeletonProps$1 extends SkeletonProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
   /**
    * Whether the skeleton should have an animation effect. Defaults to `true`.
    */
   animated?: boolean;
+  /**
+   * Shape of the component.
+   */
   shape?: SkeletonShape;
 }
 //#endregion

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

@@ -1,4 +1,3 @@
 import { SliderEmits, SliderProps } from "./types.js";
 import { _default } from "./slider.vue.js";
-import { SliderRangeProps, SliderRootEmits, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "@soybeanjs/headless/slider";
-export { type SliderRangeProps, type SliderRootEmits, type SliderRootProps, type SliderThumbProps, type SliderTrackProps, type SliderUi, type SliderUiSlot };
+export * from "@soybeanjs/headless/slider";

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";const S=s({name:`SSlider`,__name:`slider`,props:{class:{},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{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:{},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};

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

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

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

@@ -1,11 +1,23 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { IconProps } from "../icon/types.js";
-import { ClassValue } from "@soybeanjs/headless";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/spinner/types.d.ts
+/**
+ * Type information for the spinner icon component.
+ */
 type SpinnerIcon = `svg-spinners:${string}`;
+/**
+ * Props for the spinner component.
+ */
 interface SpinnerProps extends Omit<IconProps, 'icon' | 'color'> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
   /**
    * The spinner icon name from the Iconify svg-spinners collection.
@@ -13,6 +25,9 @@ interface SpinnerProps extends Omit<IconProps, 'icon' | 'color'> {
    * @default 'svg-spinners:270-ring'
    */
   icon?: SpinnerIcon;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
 }
 //#endregion

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

@@ -1,5 +1,4 @@
+import { SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps } from "./types.js";
 import { _default } from "./splitter-group.vue.js";
 import { _default as _default$1 } from "./splitter-panel.vue.js";
-import { _default as _default$2 } from "./splitter-resize-handle.vue.js";
-import { SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi, SplitterUiSlot } from "@soybeanjs/headless/splitter";
-export { type SplitterGroupEmits, type SplitterGroupProps, type SplitterPanelEmits, type SplitterPanelProps, type SplitterResizeHandleEmits, type SplitterResizeHandleProps, type SplitterUi, type SplitterUiSlot };
+import { _default as _default$2 } from "./splitter-resize-handle.vue.js";

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";const h=i({name:`SSplitterGroup`,__name:`splitter-group`,props:{class:{},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{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:{},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};

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";const f=t({name:`SSplitterPanel`,__name:`splitter-panel`,props:{class:{},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:{},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};

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, {
+  collapse: () => any;
   expand: () => any;
   resize: (size: number, prevSize: number | undefined) => any;
-  collapse: () => any;
 }, string, _$vue.PublicProps, Readonly<SplitterPanelProps> & Readonly<{
+  onCollapse?: (() => any) | undefined;
   onExpand?: (() => any) | undefined;
   onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
-  onCollapse?: (() => 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";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-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};

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

@@ -404,11 +404,11 @@ declare const __VLS_export: _$vue.DefineComponent<{
 }> & Readonly<{
   onDragging?: ((_value: boolean) => any) | undefined;
 }>, {
+  disabled: boolean;
   class: _$_soybeanjs_headless0.ClassValue;
   tabindex: number;
   asChild: boolean;
   as: string | Function | Record<string, any>;
-  disabled: boolean;
   withHandle: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -1,12 +1,53 @@
-import { ClassValue, SplitterGroupProps, SplitterPanelProps, SplitterUi } from "@soybeanjs/headless";
+import { SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi } from "@soybeanjs/headless/splitter";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/splitter/types.d.ts
+/**
+ * Props for the splitter group component.
+ */
 interface SplitterGroupProps$1 extends SplitterGroupProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<SplitterUi>;
 }
+/**
+ * Emits for the splitter group component.
+ */
+type SplitterGroupEmits$1 = SplitterGroupEmits;
+/**
+ * Props for the splitter panel component.
+ */
 interface SplitterPanelProps$1 extends SplitterPanelProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
 }
+/**
+ * Emits for the splitter panel component.
+ */
+type SplitterPanelEmits$1 = SplitterPanelEmits;
+/**
+ * Props for the splitter resize handle component.
+ */
+interface SplitterResizeHandleProps$1 extends SplitterResizeHandleProps {
+  /**
+   * Additional class names applied to the root element.
+   */
+  class?: ClassValue;
+  /**
+   * Whether with handle.
+   */
+  withHandle?: boolean;
+}
+/**
+ * Emits for the splitter resize handle component.
+ */
+type SplitterResizeHandleEmits$1 = SplitterResizeHandleEmits;
 //#endregion
-export { SplitterGroupProps$1 as SplitterGroupProps, SplitterPanelProps$1 as SplitterPanelProps };
+export { SplitterGroupEmits$1 as SplitterGroupEmits, SplitterGroupProps$1 as SplitterGroupProps, SplitterPanelEmits$1 as SplitterPanelEmits, SplitterPanelProps$1 as SplitterPanelProps, SplitterResizeHandleEmits$1 as SplitterResizeHandleEmits, SplitterResizeHandleProps$1 as SplitterResizeHandleProps };

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

@@ -1,4 +1,3 @@
 import { StepperEmits, StepperExtendedUi, StepperExtraUiSlot, StepperOptionData, StepperProps } from "./types.js";
 import { _default } from "./stepper.vue.js";
-import { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperState, StepperTitleProps, StepperTriggerProps, StepperUi, StepperUiSlot } from "@soybeanjs/headless/stepper";
-export { type StepperDescriptionProps, type StepperIndicatorProps, type StepperItemProps, type StepperRootEmits, type StepperRootProps, type StepperSeparatorProps, type StepperState, type StepperTitleProps, type StepperTriggerProps, type StepperUi, type StepperUiSlot };
+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";const j={key:1},M=d({name:`SStepper`,__name:`stepper`,props:{class:{},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{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:{},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};

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

@@ -1,26 +1,81 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ClassValue, StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperTitleProps, StepperTriggerProps, StepperUiSlot, UiClass } from "@soybeanjs/headless";
+import { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperRootEmits, StepperRootProps, StepperSeparatorProps, StepperTitleProps, StepperTriggerProps, StepperUiSlot } from "@soybeanjs/headless/stepper";
+import { ClassValue, UiClass } 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>;
+/**
+ * Props for the stepper component.
+ */
 interface StepperProps extends StepperRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<StepperExtendedUi>;
+  /**
+   * Items rendered by the component.
+   */
   items: StepperOptionData[];
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: StepperItemProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: StepperTriggerProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: StepperIndicatorProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: StepperSeparatorProps;
+  /**
+   * Props forwarded to the title element.
+   */
   titleProps?: StepperTitleProps;
+  /**
+   * Props forwarded to the description element.
+   */
   descriptionProps?: StepperDescriptionProps;
 }
+/**
+ * Emits for the stepper component.
+ */
 type StepperEmits = StepperRootEmits;
 //#endregion
 export { StepperEmits, StepperExtendedUi, StepperExtraUiSlot, StepperOptionData, StepperProps };

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

@@ -1,5 +1,4 @@
 import { SwitchShape } from "./variants.js";
 import { SwitchEmits, SwitchProps } from "./types.js";
 import { _default } from "./switch.vue.js";
-import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps } from "@soybeanjs/headless/switch";
-export { type SwitchControlProps, type SwitchRootEmits, type SwitchRootProps, type SwitchThumbProps };
+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";const y=a({name:`SSwitch`,__name:`switch`,props:{class:{},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{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:{},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};

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

@@ -2,8 +2,8 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { SwitchShape } from "./variants.js";
 import { SwitchProps } from "./types.js";
 import * as _$vue from "vue";
+import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/switch/switch.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -219,7 +219,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("disabled" | "inlist" | "required" | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -430,7 +430,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("disabled" | "inlist" | "required" | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -641,7 +641,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("disabled" | "inlist" | "required" | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;