@soybeanjs/ui 0.15.5 → 0.17.0

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

@@ -0,0 +1,188 @@
+import { ThemeSize } from "../../theme/types.js";
+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
+/**
+ * Props for the range calendar 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>;
+  /**
+   * Props forwarded to the header element.
+   */
+  headerProps?: RangeCalendarHeaderProps;
+  /**
+   * Props forwarded to the heading element.
+   */
+  headingProps?: RangeCalendarHeadingProps;
+  /**
+   * Props forwarded to the prev element.
+   */
+  prevProps?: RangeCalendarPrevProps;
+  /**
+   * Props forwarded to the next element.
+   */
+  nextProps?: RangeCalendarNextProps;
+  /**
+   * Props forwarded to the grid element.
+   */
+  gridProps?: RangeCalendarGridProps;
+  /**
+   * Props forwarded to the grid head element.
+   */
+  gridHeadProps?: RangeCalendarGridHeadProps;
+  /**
+   * Props forwarded to the grid body element.
+   */
+  gridBodyProps?: RangeCalendarGridBodyProps;
+  /**
+   * Props forwarded to the grid row element.
+   */
+  gridRowProps?: RangeCalendarGridRowProps;
+  /**
+   * Props forwarded to the head cell element.
+   */
+  headCellProps?: RangeCalendarHeadCellProps;
+  /**
+   * Props forwarded to the cell element.
+   */
+  cellProps?: Omit<RangeCalendarCellProps, 'date'>;
+  /**
+   * Props forwarded to the cell trigger element.
+   */
+  cellTriggerProps?: Omit<RangeCalendarCellTriggerProps, 'day' | 'month'>;
+}
+/**
+ * Emits for the range calendar component.
+ */
+type RangeCalendarEmits = RangeCalendarRootEmits;
+/**
+ * Slot props for the range calendar head cell 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 props for the range calendar day 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 range calendar 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;
+};
+//#endregion
+export { RangeCalendarDaySlotProps, RangeCalendarEmits, RangeCalendarHeadCellSlotProps, RangeCalendarProps, RangeCalendarSlots };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex flex-col gap-4 p-3 text-sm`,header:`grid grid-cols-[auto_1fr_auto] items-center gap-1`,heading:`text-center font-medium`,prev:[`inline-flex h-8 w-8 items-center justify-center rounded-md border border-transparent bg-transparent text-foreground transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],next:[`inline-flex h-8 w-8 items-center justify-center rounded-md border border-transparent bg-transparent text-foreground transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],grid:`inline-table border-collapse me-4 last:me-0`,gridHead:``,gridBody:``,gridRow:``,headCell:`h-9 w-9 rounded-md p-0 text-center text-xs font-normal text-muted-foreground`,cell:[`h-9 w-9 p-0 text-center align-middle text-sm focus-within:relative focus-within:z-20`,`[&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-s-md last:[&:has([data-selected])]:rounded-e-md`,`[&:has([data-selection-end])]:rounded-e-md [&:has([data-selection-start])]:rounded-s-md`],cellTrigger:[`inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md p-0 text-sm font-normal transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground`,`data-[selected]:text-foreground`,`data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground`,`data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground`,`[&[data-selection-start]:hover]:bg-primary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus-visible:bg-primary data-[selection-start]:focus-visible:text-primary-foreground`,`[&[data-selection-end]:hover]:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus-visible:bg-primary data-[selection-end]:focus-visible:text-primary-foreground`,`data-[highlighted]:bg-accent/80 data-[highlighted]:text-foreground`,`hover:bg-accent hover:text-accent-foreground data-[outside-view]:text-muted-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground data-[disabled]:opacity-50`,`data-[unavailable]:line-through`]},variants:{size:{xs:{root:`gap-3 text-2xs`,heading:`text-xs`,prev:`h-6 w-6`,next:`h-6 w-6`,headCell:`h-7 w-7 text-3xs`,cell:`h-7 w-7`,cellTrigger:`h-7 w-7 text-2xs`},sm:{root:`gap-3.5 text-xs`,heading:`text-sm`,prev:`h-7 w-7`,next:`h-7 w-7`,headCell:`h-8 w-8 text-2xs`,cell:`h-8 w-8`,cellTrigger:`h-8 w-8 text-xs`},md:{root:`gap-4 text-sm`,heading:`text-sm`,prev:`h-8 w-8`,next:`h-8 w-8`,headCell:`h-9 w-9 text-xs`,cell:`h-9 w-9`,cellTrigger:`h-9 w-9 text-sm`},lg:{root:`gap-4.5 text-base`,heading:`text-base`,prev:`h-9 w-9`,next:`h-9 w-9`,headCell:`h-10 w-10 text-sm`,cell:`h-10 w-10`,cellTrigger:`h-10 w-10 text-base`},xl:{root:`gap-5 text-lg`,heading:`text-lg`,prev:`h-10 w-10`,next:`h-10 w-10`,headCell:`h-11 w-11 text-base`,cell:`h-11 w-11`,cellTrigger:`h-11 w-11 text-lg`},"2xl":{root:`gap-6 text-xl`,heading:`text-xl`,prev:`h-12 w-12`,next:`h-12 w-12`,headCell:`h-12 w-12 text-lg`,cell:`h-12 w-12`,cellTrigger:`h-12 w-12 text-xl`}}},defaultVariants:{size:`md`}});export{t as rangeCalendarVariants};

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:{},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
+/**
+ * Props for the scroll area 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>;
+  /**
+   * Props forwarded to the viewport element.
+   */
   viewportProps?: ScrollAreaViewportProps;
+  /**
+   * Props forwarded to the vertical scrollbar element.
+   */
   verticalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
+  /**
+   * Props forwarded to the horizontal scrollbar element.
+   */
   horizontalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
+  /**
+   * Props forwarded to the thumb element.
+   */
   thumbProps?: ScrollAreaThumbProps;
+  /**
+   * Props forwarded to the corner element.
+   */
   cornerProps?: ScrollAreaCornerProps;
 }
+/**
+ * Emits for the scroll area component.
+ */
 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:{},ui:{},size:{},shape:{},fill:{default:`auto`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`fill`]),x=p(y);return g(n(()=>e(t({size:v.size,orientation:v.orientation,shape:v.shape,fill:v.fill,enableIndicator:v.enableIndicator}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{item:f(t=>[l(e.$slots,`item`,s(a(t)))]),indicator:f(()=>[l(e.$slots,`indicator`)]),_:3},16))}});export{_ as default};

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

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

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

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

package/dist/components/select/select.js

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

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

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

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

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

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

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

package/dist/components/separator/separator.js

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

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

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

package/dist/components/skeleton/skeleton.js

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

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

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

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

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

package/dist/components/slider/slider.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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