@soybeanjs/ui 0.16.0 → 0.18.0

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

@@ -1,38 +1,113 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { RadioGroupVariant } from "./variants.js";
-import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless";
 import { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupOptionData as RadioGroupOptionData$1, RadioGroupUi } from "@soybeanjs/headless/radio-group";
+import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/types.d.ts
+/**
+ * Properties for the Radio component.
+ */
 interface RadioProps extends RadioGroupItemProps {
+  /**
+   * Label text rendered by the component.
+   */
   label?: string;
+  /**
+   * Properties forwarded to the control element.
+   */
   controlProps?: RadioGroupControlProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
   indicatorProps?: RadioGroupIndicatorProps;
+  /**
+   * Properties forwarded to the label element.
+   */
   labelProps?: RadioGroupLabelProps;
 }
+/**
+ * Properties for the RadioGroup component.
+ */
 interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupCompactProps<T, S> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<RadioGroupUi>;
+  /**
+   * Visual variant of the component.
+   */
   variant?: RadioGroupVariant;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
 }
+/**
+ * Events for the RadioGroup component.
+ */
 type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupCompactEmits<T>;
+/**
+ * Available UI slots for the RadioGroupCard component.
+ */
 type RadioGroupCardUiSlot = 'content' | 'textContent' | 'icon' | 'description';
+/**
+ * UI class overrides for the RadioGroupCard component.
+ */
 type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardUiSlot, ClassValue>;
+/**
+ * Properties for the RadioCard component.
+ */
 interface RadioCardProps extends RadioProps {
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<RadioGroupCardUi>;
+  /**
+   * Icon rendered by the component.
+   */
   icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 }
+/**
+ * Option data for the RadioCardGroup component.
+ */
 interface RadioCardGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends RadioGroupOptionData<T> {
+  /**
+   * Icon rendered by the component.
+   */
   icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 }
+/**
+ * Properties for the RadioCardGroup component.
+ */
 interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>> extends RadioGroupProps<T, S> {
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<RadioGroupCardUi>;
+  /**
+   * Items rendered by the component.
+   */
   items: S[];
 }
+/**
+ * Events for the RadioGroupCard component.
+ */
 type RadioGroupCardEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupEmits<T>;
 //#endregion
 export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, type RadioGroupOptionData$1 as RadioGroupOptionData, RadioGroupProps, RadioProps };

package/dist/components/range-calendar/index.d.ts

@@ -1,4 +1,3 @@
 import { RangeCalendarDaySlotProps, RangeCalendarEmits, RangeCalendarHeadCellSlotProps, RangeCalendarProps, RangeCalendarSlots } from "./types.js";
 import { _default } from "./range-calendar.vue.js";
-import { RangeCalendarCellProps as RangeCalendarCellProps$1, RangeCalendarCellTriggerProps as RangeCalendarCellTriggerProps$1, RangeCalendarGridBodyProps as RangeCalendarGridBodyProps$1, RangeCalendarGridHeadProps as RangeCalendarGridHeadProps$1, RangeCalendarGridProps as RangeCalendarGridProps$1, RangeCalendarGridRowProps as RangeCalendarGridRowProps$1, RangeCalendarHeadCellProps as RangeCalendarHeadCellProps$1, RangeCalendarHeaderProps as RangeCalendarHeaderProps$1, RangeCalendarHeadingProps as RangeCalendarHeadingProps$1, RangeCalendarNextProps as RangeCalendarNextProps$1, RangeCalendarPrevProps as RangeCalendarPrevProps$1, RangeCalendarRootEmits as RangeCalendarRootEmits$1, RangeCalendarRootProps as RangeCalendarRootProps$1, RangeCalendarUi as RangeCalendarUi$1, RangeCalendarUiSlot } from "@soybeanjs/headless/range-calendar";
-export { type RangeCalendarCellProps$1 as RangeCalendarCellProps, type RangeCalendarCellTriggerProps$1 as RangeCalendarCellTriggerProps, type RangeCalendarGridBodyProps$1 as RangeCalendarGridBodyProps, type RangeCalendarGridHeadProps$1 as RangeCalendarGridHeadProps, type RangeCalendarGridProps$1 as RangeCalendarGridProps, type RangeCalendarGridRowProps$1 as RangeCalendarGridRowProps, type RangeCalendarHeadCellProps$1 as RangeCalendarHeadCellProps, type RangeCalendarHeaderProps$1 as RangeCalendarHeaderProps, type RangeCalendarHeadingProps$1 as RangeCalendarHeadingProps, type RangeCalendarNextProps$1 as RangeCalendarNextProps, type RangeCalendarPrevProps$1 as RangeCalendarPrevProps, type RangeCalendarRootEmits$1 as RangeCalendarRootEmits, type RangeCalendarRootProps$1 as RangeCalendarRootProps, type RangeCalendarUi$1 as RangeCalendarUi, type RangeCalendarUiSlot };
+export * from "@soybeanjs/headless/range-calendar";

package/dist/components/range-calendar/range-calendar.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{rangeCalendarVariants as n}from"./variants.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{RangeCalendarCompact as y,provideRangeCalendarUi as b}from"@soybeanjs/headless/range-calendar";const x=s({name:`SRangeCalendar`,__name:`range-calendar`,props:{class:{},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},isDateHighlightable:{type:Function},dir:{},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],setup(s,{emit:x}){let S=s,C=x,w=v(S,[`cellProps`,`cellTriggerProps`,`class`,`gridBodyProps`,`gridHeadProps`,`gridProps`,`gridRowProps`,`headCellProps`,`headerProps`,`headingProps`,`nextProps`,`prevProps`,`size`,`ui`]),T=_(C);return b(r(()=>e(n({size:S.size}),S.ui,{root:S.class}))),(e,n)=>(d(),i(h(y),l({...h(w),cellProps:s.cellProps,cellTriggerProps:s.cellTriggerProps,gridBodyProps:s.gridBodyProps,gridHeadProps:s.gridHeadProps,gridProps:s.gridProps,gridRowProps:s.gridRowProps,headCellProps:s.headCellProps,headerProps:s.headerProps,headingProps:s.headingProps,nextProps:s.nextProps,prevProps:s.prevProps},m(h(T))),{prev:g(n=>[f(e.$slots,`prev`,u(c(n)),()=>[o(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-left`})])]),heading:g(t=>[f(e.$slots,`heading`,u(c(t)),()=>[a(p(t.headingValue),1)])]),next:g(n=>[f(e.$slots,`next`,u(c(n)),()=>[o(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-right`})])]),"head-cell":g(t=>[f(e.$slots,`head-cell`,u(c(t)),()=>[a(p(t.label),1)])]),day:g(t=>[f(e.$slots,`day`,u(c(t)),()=>[a(p(t.dayValue),1)])]),default:g(t=>[f(e.$slots,`default`,u(c(t)))]),_:3},16))}});export{x as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{rangeCalendarVariants as n}from"./variants.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{RangeCalendarCompact as y,provideRangeCalendarUi as b}from"@soybeanjs/headless/range-calendar";const x=s({name:`SRangeCalendar`,__name:`range-calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},isDateHighlightable:{type:Function},dir:{},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],setup(s,{emit:x}){let S=s,C=x,w=v(S,[`cellProps`,`cellTriggerProps`,`class`,`gridBodyProps`,`gridHeadProps`,`gridProps`,`gridRowProps`,`headCellProps`,`headerProps`,`headingProps`,`nextProps`,`prevProps`,`size`,`ui`]),T=_(C);return b(r(()=>e(n({size:S.size}),S.ui,{root:S.class}))),(e,n)=>(d(),i(h(y),l({...h(w),cellProps:s.cellProps,cellTriggerProps:s.cellTriggerProps,gridBodyProps:s.gridBodyProps,gridHeadProps:s.gridHeadProps,gridProps:s.gridProps,gridRowProps:s.gridRowProps,headCellProps:s.headCellProps,headerProps:s.headerProps,headingProps:s.headingProps,nextProps:s.nextProps,prevProps:s.prevProps},m(h(T))),{prev:g(n=>[f(e.$slots,`prev`,u(c(n)),()=>[o(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-left`})])]),heading:g(t=>[f(e.$slots,`heading`,u(c(t)),()=>[a(p(t.headingValue),1)])]),next:g(n=>[f(e.$slots,`next`,u(c(n)),()=>[o(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-right`})])]),"head-cell":g(t=>[f(e.$slots,`head-cell`,u(c(t)),()=>[a(p(t.label),1)])]),day:g(t=>[f(e.$slots,`day`,u(c(t)),()=>[a(p(t.dayValue),1)])]),default:g(t=>[f(e.$slots,`default`,u(c(t)))]),_:3},16))}});export{x as default};

package/dist/components/range-calendar/types.d.ts

@@ -1,59 +1,185 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { RangeCalendarCellProps, RangeCalendarCellTriggerProps, RangeCalendarGridBodyProps, RangeCalendarGridHeadProps, RangeCalendarGridProps, RangeCalendarGridRowProps, RangeCalendarHeadCellProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNextProps, RangeCalendarPrevProps, RangeCalendarRootEmits, RangeCalendarRootProps, RangeCalendarUi } from "@soybeanjs/headless/range-calendar";
+import { ClassValue } from "@soybeanjs/headless/types";
 import { DateValue } from "@internationalized/date";
 
 //#region src/components/range-calendar/types.d.ts
+/**
+ * Properties for the RangeCalendar component.
+ */
 interface RangeCalendarProps extends RangeCalendarRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<RangeCalendarUi>;
+  /**
+   * Properties forwarded to the header element.
+   */
   headerProps?: RangeCalendarHeaderProps;
+  /**
+   * Properties forwarded to the heading element.
+   */
   headingProps?: RangeCalendarHeadingProps;
+  /**
+   * Properties forwarded to the prev element.
+   */
   prevProps?: RangeCalendarPrevProps;
+  /**
+   * Properties forwarded to the next element.
+   */
   nextProps?: RangeCalendarNextProps;
+  /**
+   * Properties forwarded to the grid element.
+   */
   gridProps?: RangeCalendarGridProps;
+  /**
+   * Properties forwarded to the grid head element.
+   */
   gridHeadProps?: RangeCalendarGridHeadProps;
+  /**
+   * Properties forwarded to the grid body element.
+   */
   gridBodyProps?: RangeCalendarGridBodyProps;
+  /**
+   * Properties forwarded to the grid row element.
+   */
   gridRowProps?: RangeCalendarGridRowProps;
+  /**
+   * Properties forwarded to the head cell element.
+   */
   headCellProps?: RangeCalendarHeadCellProps;
+  /**
+   * Properties forwarded to the cell element.
+   */
   cellProps?: Omit<RangeCalendarCellProps, 'date'>;
+  /**
+   * Properties forwarded to the cell trigger element.
+   */
   cellTriggerProps?: Omit<RangeCalendarCellTriggerProps, 'day' | 'month'>;
 }
+/**
+ * Events for the RangeCalendar component.
+ */
 type RangeCalendarEmits = RangeCalendarRootEmits;
+/**
+ * Slot properties for the RangeCalendarHeadCell component.
+ */
 interface RangeCalendarHeadCellSlotProps {
+  /**
+   * Date exposed in the slot scope.
+   */
   date: DateValue;
+  /**
+   * Index of the current item.
+   */
   index: number;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
 }
+/**
+ * Slot properties for the RangeCalendarDay component.
+ */
 interface RangeCalendarDaySlotProps {
+  /**
+   * Day exposed in the slot scope.
+   */
   day: DateValue;
+  /**
+   * Day value exposed in the slot scope.
+   */
   dayValue: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled: boolean;
+  /**
+   * Whether highlighted.
+   */
   highlighted: boolean;
+  /**
+   * Whether highlighted end.
+   */
   highlightedEnd: boolean;
+  /**
+   * Whether highlighted start.
+   */
   highlightedStart: boolean;
+  /**
+   * Month exposed in the slot scope.
+   */
   month: DateValue;
+  /**
+   * Whether outside view.
+   */
   outsideView: boolean;
+  /**
+   * Whether outside visible view.
+   */
   outsideVisibleView: boolean;
+  /**
+   * Whether the item is selected.
+   */
   selected: boolean;
+  /**
+   * Whether selection end.
+   */
   selectionEnd: boolean;
+  /**
+   * Whether selection start.
+   */
   selectionStart: boolean;
+  /**
+   * Whether today.
+   */
   today: boolean;
+  /**
+   * Whether unavailable.
+   */
   unavailable: boolean;
 }
+/**
+ * Slots for the RangeCalendar component.
+ */
 type RangeCalendarSlots = {
+  /**
+   * Custom content for the heading slot.
+   */
   heading?: (props: {
     headingValue: string;
   }) => any;
+  /**
+   * Custom content for the prev slot.
+   */
   prev?: (props: {
     disabled: boolean;
   }) => any;
+  /**
+   * Custom content for the next slot.
+   */
   next?: (props: {
     disabled: boolean;
   }) => any;
+  /**
+   * Custom content for the head cell slot.
+   */
   'head-cell'?: (props: RangeCalendarHeadCellSlotProps) => any;
+  /**
+   * Custom content for the day slot.
+   */
   day?: (props: RangeCalendarDaySlotProps) => any;
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     modelValue: RangeCalendarRootProps['modelValue'] | undefined;
   }) => any;

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

@@ -1,4 +1,3 @@
 import { ScrollAreaEmits, ScrollAreaProps } from "./types.js";
 import { _default } from "./scroll-area.vue.js";
-import { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "@soybeanjs/headless/scroll-area";
-export { type ScrollAreaCornerProps, type ScrollAreaOrientation, type ScrollAreaRootEmits, type ScrollAreaRootProps, type ScrollAreaScrollbarProps, type ScrollAreaState, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, type ScrollAreaViewportProps };
+export * from "@soybeanjs/headless/scroll-area";

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";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{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};

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

@@ -1,15 +1,43 @@
-import { ClassValue, ScrollAreaCornerProps, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaUi, ScrollAreaViewportProps } from "@soybeanjs/headless";
+import { ScrollAreaCornerProps, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaUi, ScrollAreaViewportProps } 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 {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * 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;
 //#endregion
 export { ScrollAreaEmits, ScrollAreaProps };

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

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

package/dist/components/segment/segment.js

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

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

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

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

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

package/dist/components/select/select.js

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

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

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

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

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

package/dist/components/separator/separator.js

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

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

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

package/dist/components/skeleton/skeleton.js

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

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

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

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

package/dist/components/slider/slider.js

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