@soybeanjs/ui 0.18.0 → 0.19.0

package/dist/components/progress/progress.js

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

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

@@ -1,17 +1,8 @@
-import { ProgressProps } from "./types.js";
+import { ProgressProps, ProgressSlots } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/progress/progress.vue.d.ts
-declare var __VLS_14: {
-  modelValue: number | null | undefined;
-  max: number;
-  progressState: _$_soybeanjs_headless0.ProgressState;
-  valuePercent: number | null;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
-};
+type __VLS_Slots = ProgressSlots;
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number | null | undefined) => any;
   "update:max": (value: number) => any;

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

@@ -1,12 +1,12 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ProgressIndicatorProps, ProgressProviderProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi } from "@soybeanjs/headless/progress";
+import { ProgressCircleCompactEmits, ProgressCircleCompactProps, ProgressCircleCompactSlots, ProgressCompactEmits, ProgressCompactProps, ProgressCompactSlots, ProgressUi } from "@soybeanjs/headless/progress";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/progress/types.d.ts
 /**
  * Properties for the Progress component.
  */
-interface ProgressProps extends ProgressRootProps {
+interface ProgressProps extends ProgressCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -23,15 +23,19 @@ interface ProgressProps extends ProgressRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ProgressUi>;
-  /**
-   * Properties forwarded to the indicator element.
-   */
-  indicatorProps?: ProgressIndicatorProps;
 }
+/**
+ * Events for the Progress component.
+ */
+type ProgressEmits = ProgressCompactEmits;
+/**
+ * Slots for the Progress component.
+ */
+type ProgressSlots = ProgressCompactSlots;
 /**
  * Properties for the ProgressCircle component.
  */
-interface ProgressCircleProps extends ProgressRootProps {
+interface ProgressCircleProps extends ProgressCircleCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -48,18 +52,14 @@ interface ProgressCircleProps extends ProgressRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ProgressUi>;
-  /**
-   * Stroke width.
-   */
-  strokeWidth?: number;
 }
 /**
- * Events for the Progress component.
+ * Events for the ProgressCircle component.
  */
-type ProgressEmits = ProgressRootEmits;
+type ProgressCircleEmits = ProgressCircleCompactEmits;
 /**
- * Events for the ProgressCircle component.
+ * Slots for the ProgressCircle component.
  */
-type ProgressCircleEmits = ProgressRootEmits;
+type ProgressCircleSlots = ProgressCircleCompactSlots;
 //#endregion
-export { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressProviderProps, type ProgressState };
+export { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots };

package/dist/components/progress/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as circleProgressVariants,r as progressProviderVariants,t as progressVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as progressCircleVariants,r as progressProviderVariants,t as progressVariants};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioCardGroupVariants as t}from"./variants.js";import n from"./radio-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless/radio-group";const g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioCardGroupVariants as t}from"./variants.js";import n from"./radio-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless/radio-group";const g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};

package/dist/components/radio-group/radio-card-group.vue.d.ts

@@ -1,18 +1,19 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>>(__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<RadioCardGroupProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: boolean | _$_soybeanjs_headless0.DefinedValue | null) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
+  emit: (evt: "update:modelValue", payload: boolean | _$_soybeanjs_headless0.DefinedValue | null) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -5,14 +5,14 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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<RadioGroupProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T, undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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:{type:[Boolean,null,String,Object,Array]},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
 /**
  * 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>;
-  /**
-   * Properties forwarded to the viewport element.
-   */
-  viewportProps?: ScrollAreaViewportProps;
-  /**
-   * Properties forwarded to the vertical scrollbar element.
-   */
-  verticalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
-  /**
-   * Properties forwarded to the horizontal scrollbar element.
-   */
-  horizontalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
-  /**
-   * Properties forwarded to the thumb element.
-   */
-  thumbProps?: ScrollAreaThumbProps;
-  /**
-   * Properties forwarded to the corner element.
-   */
-  cornerProps?: ScrollAreaCornerProps;
 }
 /**
  * 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:{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 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/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:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`ui`,`size`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};
+import{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/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:{type:[Boolean,null,String,Object,Array]},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
 /**
  * Properties for the Separator component.
  */
-interface SeparatorProps extends SeparatorRootProps {
+interface SeparatorProps extends SeparatorCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -28,14 +28,6 @@ interface SeparatorProps extends SeparatorRootProps {
    * Border.
    */
   border?: SeparatorBorder;
-  /**
-   * Label text rendered by the component.
-   */
-  label?: string;
-  /**
-   * Properties forwarded to the label element.
-   */
-  labelProps?: SeparatorLabelProps;
 }
 //#endregion
 export { SeparatorProps };

package/dist/components/separator/variants.js

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/splitter/splitter-resize-handle.js

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

package/dist/components/stepper/stepper.js

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

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

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

package/dist/components/switch/switch.js

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