@soybeanjs/ui 0.17.0 → 0.19.0

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

@@ -5,7 +5,7 @@ import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/types.d.ts
 /**
- * Props for the radio component.
+ * Properties for the Radio component.
  */
 interface RadioProps extends RadioGroupItemProps {
   /**
@@ -13,20 +13,20 @@ interface RadioProps extends RadioGroupItemProps {
    */
   label?: string;
   /**
-   * Props forwarded to the control element.
+   * Properties forwarded to the control element.
    */
   controlProps?: RadioGroupControlProps;
   /**
-   * Props forwarded to the indicator element.
+   * Properties forwarded to the indicator element.
    */
   indicatorProps?: RadioGroupIndicatorProps;
   /**
-   * Props forwarded to the label element.
+   * Properties forwarded to the label element.
    */
   labelProps?: RadioGroupLabelProps;
 }
 /**
- * Props for the radio group component.
+ * Properties for the RadioGroup component.
  */
 interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupCompactProps<T, S> {
   /**
@@ -51,19 +51,19 @@ interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanVa
   size?: ThemeSize;
 }
 /**
- * Emits for the radio group component.
+ * Events for the RadioGroup component.
  */
 type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupCompactEmits<T>;
 /**
- * Available UI slots for the radio group component.
+ * Available UI slots for the RadioGroupCard component.
  */
 type RadioGroupCardUiSlot = 'content' | 'textContent' | 'icon' | 'description';
 /**
- * UI class overrides for the radio group component.
+ * UI class overrides for the RadioGroupCard component.
  */
 type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardUiSlot, ClassValue>;
 /**
- * Props for the radio card component.
+ * Properties for the RadioCard component.
  */
 interface RadioCardProps extends RadioProps {
   /**
@@ -80,7 +80,7 @@ interface RadioCardProps extends RadioProps {
   description?: string;
 }
 /**
- * Option data for the radio card group component.
+ * Option data for the RadioCardGroup component.
  */
 interface RadioCardGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends RadioGroupOptionData<T> {
   /**
@@ -93,7 +93,7 @@ interface RadioCardGroupOptionData<T extends AcceptableBooleanValue = Acceptable
   description?: string;
 }
 /**
- * Props for the radio card group component.
+ * Properties for the RadioCardGroup component.
  */
 interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>> extends RadioGroupProps<T, S> {
   /**
@@ -106,7 +106,7 @@ interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBoole
   items: S[];
 }
 /**
- * Emits for the radio group card component.
+ * Events for the RadioGroupCard component.
  */
 type RadioGroupCardEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupEmits<T>;
 //#endregion

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

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

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

@@ -2,9 +2,9 @@ import { ScrollAreaProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/scroll-area/scroll-area.vue.d.ts
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ScrollAreaProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,11 +1,11 @@
-import { ScrollAreaCornerProps, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaUi, ScrollAreaViewportProps } from "@soybeanjs/headless/scroll-area";
+import { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaUi } from "@soybeanjs/headless/scroll-area";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/scroll-area/types.d.ts
 /**
- * Props for the scroll area component.
+ * Properties for the ScrollArea component.
  */
-interface ScrollAreaProps extends ScrollAreaRootProps {
+interface ScrollAreaProps extends ScrollAreaCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -14,30 +14,10 @@ interface ScrollAreaProps extends ScrollAreaRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ScrollAreaUi>;
-  /**
-   * Props forwarded to the viewport element.
-   */
-  viewportProps?: ScrollAreaViewportProps;
-  /**
-   * Props forwarded to the vertical scrollbar element.
-   */
-  verticalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
-  /**
-   * Props forwarded to the horizontal scrollbar element.
-   */
-  horizontalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
-  /**
-   * Props forwarded to the thumb element.
-   */
-  thumbProps?: ScrollAreaThumbProps;
-  /**
-   * Props forwarded to the corner element.
-   */
-  cornerProps?: ScrollAreaCornerProps;
 }
 /**
- * Emits for the scroll area component.
+ * Events for the ScrollArea component.
  */
-type ScrollAreaEmits = ScrollAreaRootEmits;
+type ScrollAreaEmits = ScrollAreaCompactEmits;
 //#endregion
 export { ScrollAreaEmits, ScrollAreaProps };

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

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

@@ -4,14 +4,14 @@ import * as _$vue from "vue";
 //#region src/components/segment/segment.vue.d.ts
 declare const __VLS_export: <T extends SegmentOptionData = SegmentOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<SegmentProps<T> & {
-    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T["value"], undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SegmentSlots<T>;
-  emit: (evt: "update:modelValue", payload: T["value"]) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -5,7 +5,7 @@ import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/segment/types.d.ts
 /**
- * Props for the segment component.
+ * Properties for the Segment component.
  */
 interface SegmentProps<T extends SegmentOptionData> extends SegmentCompactProps<T> {
   /**
@@ -30,11 +30,11 @@ interface SegmentProps<T extends SegmentOptionData> extends SegmentCompactProps<
   fill?: TabsFill;
 }
 /**
- * Emits for the segment component.
+ * Events for the Segment component.
  */
 type SegmentEmits<T extends AcceptableValue = AcceptableValue> = SegmentCompactEmits<T>;
 /**
- * Slots for the segment component.
+ * Slots for the Segment component.
  */
 type SegmentSlots<T extends SegmentOptionData = SegmentOptionData> = SegmentCompactSlots<T>;
 //#endregion

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

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/types";
 
 //#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

@@ -4,7 +4,7 @@ import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/select/types.d.ts
 /**
- * Props for the select component.
+ * Properties for the Select component.
  */
 interface SelectProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectCompactProps<T, M> {
   /**
@@ -21,11 +21,11 @@ interface SelectProps<T extends DefinedValue = DefinedValue, M extends boolean =
   size?: ThemeSize;
 }
 /**
- * Emits for the select component.
+ * Events for the Select component.
  */
 type SelectEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectCompactEmits<T, M>;
 /**
- * Slots for the select component.
+ * Slots for the Select component.
  */
 type SelectSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectCompactSlots<T, M>;
 //#endregion

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

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
 /**
- * Props for the separator component.
+ * 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;
-  /**
-   * Props 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 -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:`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/skeleton/skeleton.js

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

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

@@ -5,7 +5,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/skeleton/types.d.ts
 /**
- * Props for the skeleton component.
+ * Properties for the Skeleton component.
  */
 interface SkeletonProps$1 extends SkeletonProps {
   /**

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:{},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
 /**
- * Props for the slider component.
+ * 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>;
-  /**
-   * 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.
+ * Events for the Slider component.
  */
-type SliderEmits = SliderRootEmits;
+type SliderEmits = SliderCompactEmits;
 //#endregion
 export { SliderEmits, SliderProps };

package/dist/components/spinner/spinner.js

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

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

@@ -4,11 +4,11 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/spinner/types.d.ts
 /**
- * Type information for the spinner icon component.
+ * Type information for SpinnerIcon.
  */
 type SpinnerIcon = `svg-spinners:${string}`;
 /**
- * Props for the spinner component.
+ * Properties for the Spinner component.
  */
 interface SpinnerProps extends Omit<IconProps, 'icon' | 'color'> {
   /**

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:{},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:{},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-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/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;
+  disabled: boolean;
   asChild: boolean;
   as: string | Function | Record<string, any>;
+  tabindex: number;
   withHandle: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -3,7 +3,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/splitter/types.d.ts
 /**
- * Props for the splitter group component.
+ * Properties for the SplitterGroup component.
  */
 interface SplitterGroupProps$1 extends SplitterGroupProps {
   /**
@@ -16,11 +16,11 @@ interface SplitterGroupProps$1 extends SplitterGroupProps {
   ui?: Partial<SplitterUi>;
 }
 /**
- * Emits for the splitter group component.
+ * Events for the SplitterGroup component.
  */
 type SplitterGroupEmits$1 = SplitterGroupEmits;
 /**
- * Props for the splitter panel component.
+ * Properties for the SplitterPanel component.
  */
 interface SplitterPanelProps$1 extends SplitterPanelProps {
   /**
@@ -29,11 +29,11 @@ interface SplitterPanelProps$1 extends SplitterPanelProps {
   class?: ClassValue;
 }
 /**
- * Emits for the splitter panel component.
+ * Events for the SplitterPanel component.
  */
 type SplitterPanelEmits$1 = SplitterPanelEmits;
 /**
- * Props for the splitter resize handle component.
+ * Properties for the SplitterResizeHandle component.
  */
 interface SplitterResizeHandleProps$1 extends SplitterResizeHandleProps {
   /**
@@ -46,7 +46,7 @@ interface SplitterResizeHandleProps$1 extends SplitterResizeHandleProps {
   withHandle?: boolean;
 }
 /**
- * Emits for the splitter resize handle component.
+ * Events for the SplitterResizeHandle component.
  */
 type SplitterResizeHandleEmits$1 = SplitterResizeHandleEmits;
 //#endregion

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

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

@@ -5,7 +5,7 @@ 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;
+    modelValue: number;
     totalSteps: number;
     isNextDisabled: boolean;
     isPrevDisabled: boolean;
@@ -23,7 +23,7 @@ declare var __VLS_14: {
     completed?: boolean | undefined;
   }, __VLS_28: {
     state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
+    modelValue: number;
     totalSteps: number;
     isNextDisabled: boolean;
     isPrevDisabled: boolean;
@@ -41,7 +41,7 @@ declare var __VLS_14: {
     completed?: boolean | undefined;
   }, __VLS_41: {
     state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
+    modelValue: number;
     totalSteps: number;
     isNextDisabled: boolean;
     isPrevDisabled: boolean;
@@ -59,7 +59,7 @@ declare var __VLS_14: {
     completed?: boolean | undefined;
   }, __VLS_49: {
     state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
+    modelValue: number;
     totalSteps: number;
     isNextDisabled: boolean;
     isPrevDisabled: boolean;
@@ -77,7 +77,7 @@ declare var __VLS_14: {
     completed?: boolean | undefined;
   }, __VLS_51: {
     state: _$_soybeanjs_headless0.StepperState;
-    modelValue: number | undefined;
+    modelValue: number;
     totalSteps: number;
     isNextDisabled: boolean;
     isPrevDisabled: boolean;