@soybeanjs/ui 0.16.0 → 0.17.0

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

@@ -1,17 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { BreadcrumbCompactEmits, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbOptionData, BreadcrumbOptionData as BreadcrumbOptionData$1, BreadcrumbUi } from "@soybeanjs/headless/breadcrumb";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/breadcrumb/types.d.ts
+/**
+ * Props for the breadcrumb component.
+ */
 interface BreadcrumbProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> extends BreadcrumbCompactProps<T> {
   /**
    * root class
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<BreadcrumbUi>;
 }
+/**
+ * Emits for the breadcrumb component.
+ */
 type BreadcrumbEmits<T extends BreadcrumbOptionData = BreadcrumbOptionData> = BreadcrumbCompactEmits<T>;
+/**
+ * Slots for the breadcrumb component.
+ */
 type BreadcrumbSlots<T extends BreadcrumbOptionData = BreadcrumbOptionData> = BreadcrumbCompactSlots<T>;
 //#endregion
 export { BreadcrumbEmits, type BreadcrumbOptionData$1 as BreadcrumbOptionData, BreadcrumbProps, BreadcrumbSlots };

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

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonGroupVariants as t}from"./variants.js";import{useConfigProvider as n}from"../config-provider/context.js";import"../config-provider/index.js";import{provideButtonGroupContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Primitive as p}from"@soybeanjs/headless";import{transformPropsToContext as m}from"@soybeanjs/headless/shared";const h=o({name:`SButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let h=o,g=f(h,[`class`,`orientation`,`color`,`size`,`variant`,`shape`,`shadow`,`disabled`]),_=n(`ButtonGroup`),v=i(()=>e(t({orientation:h.orientation}),h.class)),y=i(()=>h.dir??_.dir.value);return r(m(h,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`,`disabled`])),(e,t)=>(c(),a(u(p),s(u(g),{class:v.value,dir:y.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{h as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonGroupVariants as t}from"./variants.js";import{useConfigProvider as n}from"../config-provider/context.js";import"../config-provider/index.js";import{provideButtonGroupContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Primitive as p}from"@soybeanjs/headless/primitive";import{transformPropsToContext as m}from"@soybeanjs/headless/shared";const h=o({name:`SButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let h=o,g=f(h,[`class`,`orientation`,`color`,`size`,`variant`,`shape`,`shadow`,`disabled`]),_=n(`ButtonGroup`),v=i(()=>e(t({orientation:h.orientation}),h.class)),y=i(()=>h.dir??_.dir.value);return r(m(h,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`,`disabled`])),(e,t)=>(c(),a(u(p),s(u(g),{class:v.value,dir:y.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{h as default};

package/dist/components/button/button-icon.vue.d.ts

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 
 //#region src/components/button/button-icon.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ButtonIconProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
-  variant: ButtonVariant;
   color: ThemeColor;
+  variant: ButtonVariant;
   shape: ButtonShape;
   fitContent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/button/button-link.vue.d.ts

@@ -12,8 +12,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
-  variant: ButtonVariant;
   disabled: boolean;
+  variant: ButtonVariant;
   replace: boolean;
   external: boolean;
   viewTransition: boolean;

package/dist/components/button/button-loading.vue.d.ts

@@ -1,6 +1,6 @@
 import { ButtonLoadingProps } from "./types.js";
 import * as _$vue from "vue";
-import { Align } from "@soybeanjs/headless";
+import { Align } from "@soybeanjs/headless/types";
 
 //#region src/components/button/button-loading.vue.d.ts
 declare var __VLS_16: {}, __VLS_23: {

package/dist/components/button/button.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"./variants.js";import{useButtonGroupContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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{Button as f}from"@soybeanjs/headless";const p=a({name:`SButton`,__name:`button`,props:{class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:p}){let m=a,h=p,g=n(),_=d(m,[`class`,`size`,`color`,`variant`,`shape`,`shadow`,`disabled`,`fitContent`]),v=r(()=>{let{size:n,color:r,variant:i,shape:a,shadow:o,fitContent:s}=g||{};return e(t({size:m.size||n?.value,color:m.color||r?.value,variant:m.variant||i?.value,shape:m.shape||a?.value,shadow:m.shadow||o?.value,fitContent:m.fitContent||s?.value}),m.class)}),y=r(()=>m.disabled||g?.disabled.value);return(e,t)=>(s(),i(l(f),o(l(_),{class:v.value,disabled:y.value,onClick:t[0]||=e=>h(`click`,e)}),{default:u(()=>[c(e.$slots,`leading`),c(e.$slots,`default`),c(e.$slots,`trailing`)]),_:3},16,[`class`,`disabled`]))}});export{p as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"./variants.js";import{useButtonGroupContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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{Button as f}from"@soybeanjs/headless/button";const p=a({name:`SButton`,__name:`button`,props:{class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:p}){let m=a,h=p,g=n(),_=d(m,[`class`,`size`,`color`,`variant`,`shape`,`shadow`,`disabled`,`fitContent`]),v=r(()=>{let{size:n,color:r,variant:i,shape:a,shadow:o,fitContent:s}=g||{};return e(t({size:m.size||n?.value,color:m.color||r?.value,variant:m.variant||i?.value,shape:m.shape||a?.value,shadow:m.shadow||o?.value,fitContent:m.fitContent||s?.value}),m.class)}),y=r(()=>m.disabled||g?.disabled.value);return(e,t)=>(s(),i(l(f),o(l(_),{class:v.value,disabled:y.value,onClick:t[0]||=e=>h(`click`,e)}),{default:u(()=>[c(e.$slots,`leading`),c(e.$slots,`default`),c(e.$slots,`trailing`)]),_:3},16,[`class`,`disabled`]))}});export{p as default};

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

@@ -1,19 +1,47 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { IconProps } from "../icon/types.js";
-import { LinkProps as LinkProps$1 } from "../link/types.js";
+import { LinkProps } from "../link/types.js";
 import { ButtonShadow, ButtonShape, ButtonVariant } from "./variants.js";
-import { Align, ButtonEmits, ButtonProps, ClassValue, DataOrientation, Direction, PropsToContext } from "@soybeanjs/headless";
+import { ButtonEmits, ButtonProps } from "@soybeanjs/headless/button";
+import { Align, ClassValue, DataOrientation, Direction, PropsToContext } from "@soybeanjs/headless/types";
 
 //#region src/components/button/types.d.ts
+/**
+ * Props for the button component.
+ */
 interface ButtonProps$1 extends ButtonProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: ButtonVariant;
+  /**
+   * Shape of the component.
+   */
   shape?: ButtonShape;
+  /**
+   * Shadow style of the component.
+   */
   shadow?: ButtonShadow;
+  /**
+   * Whether the component should fit its content width.
+   */
   fitContent?: boolean;
 }
+/**
+ * Props for the button icon component.
+ */
 interface ButtonIconProps extends ButtonProps$1 {
   /** The icon name of iconify. */
   icon: string;
@@ -24,6 +52,9 @@ interface ButtonIconProps extends ButtonProps$1 {
   /** The props of the icon. */
   iconProps?: Partial<IconProps>;
 }
+/**
+ * Props for the button loading component.
+ */
 interface ButtonLoadingProps extends ButtonProps$1 {
   /**
    * Whether the button is loading.
@@ -65,7 +96,13 @@ interface ButtonLoadingProps extends ButtonProps$1 {
    */
   loadingPosition?: Align;
 }
-type ButtonLinkProps = ButtonProps$1 & LinkProps$1;
+/**
+ * Props for the button link component.
+ */
+type ButtonLinkProps = ButtonProps$1 & LinkProps;
+/**
+ * Props for the button group component.
+ */
 interface ButtonGroupProps extends ButtonProps$1 {
   /**
    * The orientation of the button group.

package/dist/components/calendar/calendar.js

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import i from"../icon/icon.js";import a from"../select/select.js";import{calendarVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{CalendarCompact as w,provideCalendarUi as T}from"@soybeanjs/headless";const E=f({name:`SCalendar`,__name:`calendar`,props:{class:{},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},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},dir:{},nextPage:{type:Function},prevPage:{type:Function},modelValue:{},multiple:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(f,{emit:E}){let D=f,O=E,k=C(D,[`class`,`size`,`ui`]),A=S(O),j=s(()=>t(e(o({size:D.size}),{prev:r({size:D.size,color:`accent`,variant:`pure`,fitContent:!0}),next:r({size:D.size,color:`accent`,variant:`pure`,fitContent:!0})}),D.ui,{root:D.class})),M=s(()=>n[D.size||`md`]);return T(j),(e,t)=>(g(),c(b(w),m(b(k),y(b(A))),l({prev:x(t=>[_(e.$slots,`prev`,h(p(t)),()=>[d(i,{icon:`lucide:chevron-left`})])]),next:x(t=>[_(e.$slots,`next`,h(p(t)),()=>[d(i,{icon:`lucide:chevron-right`})])]),"head-cell":x(t=>[_(e.$slots,`head-cell`,h(p(t)),()=>[u(v(t.label),1)])]),day:x(t=>[_(e.$slots,`day`,h(p(t)),()=>[u(v(t.dayValue),1)])]),default:x(t=>[_(e.$slots,`default`,h(p(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:x(t=>[_(e.$slots,`heading`,h(p(t)))]),key:`0`}:{name:`heading`,fn:x(e=>[d(a,{size:M.value,clearable:!1,items:e.monthOptions,"model-value":e.selectedMonth,"trigger-props":{"aria-label":`Select month`},ui:{trigger:`w-fit`},"onUpdate:modelValue":e.onMonthChange},null,8,[`size`,`items`,`model-value`,`onUpdate:modelValue`]),d(a,{size:M.value,clearable:!1,items:e.yearOptions,"model-value":e.selectedYear,"trigger-props":{"aria-label":`Select year`},ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":e.onYearChange},null,8,[`size`,`items`,`model-value`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{E as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import i from"../icon/icon.js";import a from"../select/select.js";import{calendarVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{CalendarCompact as w,provideCalendarUi as T}from"@soybeanjs/headless/calendar";const E=f({name:`SCalendar`,__name:`calendar`,props:{class:{},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},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},dir:{},nextPage:{type:Function},prevPage:{type:Function},modelValue:{},multiple:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(f,{emit:E}){let D=f,O=E,k=C(D,[`class`,`size`,`ui`]),A=S(O),j=s(()=>t(e(o({size:D.size}),{prev:r({size:D.size,color:`accent`,variant:`pure`,fitContent:!0}),next:r({size:D.size,color:`accent`,variant:`pure`,fitContent:!0})}),D.ui,{root:D.class})),M=s(()=>n[D.size||`md`]);return T(j),(e,t)=>(g(),c(b(w),m(b(k),y(b(A))),l({prev:x(t=>[_(e.$slots,`prev`,h(p(t)),()=>[d(i,{icon:`lucide:chevron-left`})])]),next:x(t=>[_(e.$slots,`next`,h(p(t)),()=>[d(i,{icon:`lucide:chevron-right`})])]),"head-cell":x(t=>[_(e.$slots,`head-cell`,h(p(t)),()=>[u(v(t.label),1)])]),day:x(t=>[_(e.$slots,`day`,h(p(t)),()=>[u(v(t.dayValue),1)])]),default:x(t=>[_(e.$slots,`default`,h(p(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:x(t=>[_(e.$slots,`heading`,h(p(t)))]),key:`0`}:{name:`heading`,fn:x(e=>[d(a,{size:M.value,disabled:f.disabled,clearable:!1,items:e.monthOptions,"model-value":e.selectedMonth,"trigger-props":{"aria-label":`Select month`},ui:{trigger:`w-fit`},"onUpdate:modelValue":e.onMonthChange},null,8,[`size`,`disabled`,`items`,`model-value`,`onUpdate:modelValue`]),d(a,{size:M.value,disabled:f.disabled,clearable:!1,items:e.yearOptions,"model-value":e.selectedYear,"trigger-props":{"aria-label":`Select year`},ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":e.onYearChange},null,8,[`size`,`disabled`,`items`,`model-value`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{E as default};

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

@@ -1,4 +1,3 @@
 import { CalendarEmits, CalendarProps, CalendarSlots } from "./types.js";
 import { _default } from "./calendar.vue.js";
-import { CalendarCellProps, CalendarCellTriggerProps, CalendarGridBodyProps, CalendarGridHeadProps, CalendarGridProps, CalendarGridRowProps, CalendarHeadCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarHeadingSlotProps, CalendarModelValue, CalendarNextProps, CalendarPrevProps, CalendarRootEmits, CalendarRootProps, CalendarRootSlotProps, CalendarUi, CalendarUiSlot } from "@soybeanjs/headless/calendar";
-export { type CalendarCellProps, type CalendarCellTriggerProps, type CalendarGridBodyProps, type CalendarGridHeadProps, type CalendarGridProps, type CalendarGridRowProps, type CalendarHeadCellProps, type CalendarHeaderProps, type CalendarHeadingProps, type CalendarHeadingSlotProps, type CalendarModelValue, type CalendarNextProps, type CalendarPrevProps, type CalendarRootEmits, type CalendarRootProps, type CalendarRootSlotProps, type CalendarUi, type CalendarUiSlot };
+export * from "@soybeanjs/headless/calendar";

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

@@ -1,13 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { CalendarCompactEmits, CalendarCompactProps, CalendarCompactSlots, CalendarUi, ClassValue } from "@soybeanjs/headless";
+import { CalendarCompactEmits, CalendarCompactProps, CalendarCompactSlots, CalendarUi } from "@soybeanjs/headless/calendar";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/calendar/types.d.ts
+/**
+ * Props for the calendar component.
+ */
 interface CalendarProps<M extends boolean = false> extends CalendarCompactProps<M> {
+  /**
+   * 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<CalendarUi>;
 }
+/**
+ * Emits for the calendar component.
+ */
 type CalendarEmits<M extends boolean = false> = CalendarCompactEmits<M>;
+/**
+ * Slots for the calendar component.
+ */
 type CalendarSlots<M extends boolean = false> = CalendarCompactSlots<M>;
 //#endregion
 export { CalendarEmits, CalendarProps, CalendarSlots };

package/dist/components/card/card-collapsible-trigger.js

@@ -1 +1 @@
-import e from"../button/button-icon.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,normalizeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{CardCollapsibleTrigger as l}from"@soybeanjs/headless";const u=n({name:`SCardCollapsibleTrigger`,__name:`card-collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean,default:!0},as:{}},setup(n){let u=n;return(n,d)=>(a(),t(s(l),i(r(u)),{default:c(({open:r})=>[o(n.$slots,`default`,{open:r},()=>[r?(a(),t(e,{key:0,icon:`lucide:chevron-down`})):(a(),t(e,{key:1,icon:`lucide:chevron-right`}))])]),_:3},16))}});export{u as default};
+import e from"../button/button-icon.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,normalizeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{CardCollapsibleTrigger as l}from"@soybeanjs/headless/card";const u=n({name:`SCardCollapsibleTrigger`,__name:`card-collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean,default:!0},as:{}},setup(n){let u=n;return(n,d)=>(a(),t(s(l),i(r(u)),{default:c(({open:r})=>[o(n.$slots,`default`,{open:r},()=>[r?(a(),t(e,{key:0,icon:`lucide:chevron-down`})):(a(),t(e,{key:1,icon:`lucide:chevron-right`}))])]),_:3},16))}});export{u as default};

package/dist/components/card/card-collapsible-trigger.vue.d.ts

@@ -1,5 +1,5 @@
 import * as _$vue from "vue";
-import { CardCollapsibleTriggerProps } from "@soybeanjs/headless";
+import { CardCollapsibleTriggerProps } from "@soybeanjs/headless/card";
 
 //#region src/components/card/card-collapsible-trigger.vue.d.ts
 declare var __VLS_8: {

package/dist/components/card/card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{cardVariants 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{CardCompact as m,provideCardUi as h}from"@soybeanjs/headless";const g=a({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},title:{},description:{},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let g=a,_=p(g,[`class`,`size`,`ui`,`scrollable`,`split`]),v=d();return h(n(()=>e(t({size:g.size,scrollable:g.scrollable,split:g.split}),g.ui,{root:g.class}))),(e,t)=>(c(),r(u(m),s(o(u(_))),i({default:f(()=>[l(e.$slots,`default`)]),_:2},[v.header?{name:`header`,fn:f(()=>[l(e.$slots,`header`)]),key:`0`}:void 0,v[`title-leading`]?{name:`title-leading`,fn:f(()=>[l(e.$slots,`title-leading`)]),key:`1`}:void 0,v.title?{name:`title`,fn:f(()=>[l(e.$slots,`title`)]),key:`2`}:void 0,v[`title-trailing`]?{name:`title-trailing`,fn:f(()=>[l(e.$slots,`title-trailing`)]),key:`3`}:void 0,v.extra?{name:`extra`,fn:f(()=>[l(e.$slots,`extra`)]),key:`4`}:void 0,v.description?{name:`description`,fn:f(()=>[l(e.$slots,`description`)]),key:`5`}:void 0,v.footer?{name:`footer`,fn:f(()=>[l(e.$slots,`footer`)]),key:`6`}:void 0]),1040))}});export{g as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{cardVariants 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{CardCompact as m,provideCardUi as h}from"@soybeanjs/headless/card";const g=a({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},title:{},description:{},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let g=a,_=p(g,[`class`,`size`,`ui`,`scrollable`,`split`]),v=d();return h(n(()=>e(t({size:g.size,scrollable:g.scrollable,split:g.split}),g.ui,{root:g.class}))),(e,t)=>(c(),r(u(m),s(o(u(_))),i({default:f(()=>[l(e.$slots,`default`)]),_:2},[v.header?{name:`header`,fn:f(()=>[l(e.$slots,`header`)]),key:`0`}:void 0,v[`title-leading`]?{name:`title-leading`,fn:f(()=>[l(e.$slots,`title-leading`)]),key:`1`}:void 0,v.title?{name:`title`,fn:f(()=>[l(e.$slots,`title`)]),key:`2`}:void 0,v[`title-trailing`]?{name:`title-trailing`,fn:f(()=>[l(e.$slots,`title-trailing`)]),key:`3`}:void 0,v.extra?{name:`extra`,fn:f(()=>[l(e.$slots,`extra`)]),key:`4`}:void 0,v.description?{name:`description`,fn:f(()=>[l(e.$slots,`description`)]),key:`5`}:void 0,v.footer?{name:`footer`,fn:f(()=>[l(e.$slots,`footer`)]),key:`6`}:void 0]),1040))}});export{g as default};

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

@@ -1,5 +1,4 @@
 import { CardProps } from "./types.js";
 import { _default } from "./card.vue.js";
 import { _default as _default$1 } from "./card-collapsible-trigger.vue.js";
-import { CardCollapsibleTriggerProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps } from "@soybeanjs/headless/card";
-export { type CardCollapsibleTriggerProps, type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardRootProps, type CardTitleProps, type CardTitleRootProps };
+export * from "@soybeanjs/headless/card";

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

@@ -1,13 +1,23 @@
 import { ThemeSize } from "../../theme/types.js";
-import { CardCompactProps, CardUi, ClassValue } from "@soybeanjs/headless";
+import { CardCompactProps, CardUi } from "@soybeanjs/headless/card";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/card/types.d.ts
+/**
+ * Props for the card component.
+ */
 interface CardProps extends CardCompactProps {
   /**
    * root class
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CardUi>;
   /**
    * If true, the content will be scrollable when the root has height and content is taller than the root

package/dist/components/carousel/carousel-content.js

@@ -1 +1 @@
-import{createBlock as e,defineComponent as t,guardReactiveProps as n,normalizeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{CarouselContent as c}from"@soybeanjs/headless";const l=t({name:`SCarouselContent`,__name:`carousel-content`,setup(t){return(t,l)=>(i(),e(o(c),r(n(t.$props)),{default:s(()=>[a(t.$slots,`default`)]),_:3},16))}});export{l as default};
+import{createBlock as e,defineComponent as t,guardReactiveProps as n,normalizeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{CarouselContent as c}from"@soybeanjs/headless/carousel";const l=t({name:`SCarouselContent`,__name:`carousel-content`,setup(t){return(t,l)=>(i(),e(o(c),r(n(t.$props)),{default:s(()=>[a(t.$slots,`default`)]),_:3},16))}});export{l as default};

package/dist/components/carousel/carousel-content.vue.d.ts

@@ -1,5 +1,5 @@
 import * as _$vue from "vue";
-import { CarouselContentProps } from "@soybeanjs/headless";
+import { CarouselContentProps } from "@soybeanjs/headless/carousel";
 
 //#region src/components/carousel/carousel-content.vue.d.ts
 declare var __VLS_8: {};

package/dist/components/carousel/carousel-item.js

@@ -1 +1 @@
-import{createBlock as e,defineComponent as t,guardReactiveProps as n,normalizeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{CarouselItem as c}from"@soybeanjs/headless";const l=t({name:`SCarouselItem`,__name:`carousel-item`,setup(t){return(t,l)=>(i(),e(o(c),r(n(t.$props)),{default:s(()=>[a(t.$slots,`default`)]),_:3},16))}});export{l as default};
+import{createBlock as e,defineComponent as t,guardReactiveProps as n,normalizeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{CarouselItem as c}from"@soybeanjs/headless/carousel";const l=t({name:`SCarouselItem`,__name:`carousel-item`,setup(t){return(t,l)=>(i(),e(o(c),r(n(t.$props)),{default:s(()=>[a(t.$slots,`default`)]),_:3},16))}});export{l as default};

package/dist/components/carousel/carousel-item.vue.d.ts

@@ -1,5 +1,5 @@
 import * as _$vue from "vue";
-import { CarouselItemProps } from "@soybeanjs/headless";
+import { CarouselItemProps } from "@soybeanjs/headless/carousel";
 
 //#region src/components/carousel/carousel-item.vue.d.ts
 declare var __VLS_8: {};

package/dist/components/carousel/carousel-next.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{createBlock as t,createElementVNode as n,createVNode 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{CarouselNext as d}from"@soybeanjs/headless";const f=i({name:`SCarouselNext`,__name:`carousel-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){function f(e,t){return e===`vertical`?`lucide:arrow-down`:t===`rtl`?`lucide:arrow-left`:`lucide:arrow-right`}return(i,p)=>(s(),t(l(d),o(a(i.$props)),{default:u(({dir:t,disabled:a,orientation:o})=>[c(i.$slots,`default`,{dir:t,disabled:a,orientation:o},()=>[r(e,{icon:f(o,t),"aria-hidden":!0},null,8,[`icon`]),p[0]||=n(`span`,{class:`sr-only`},`Next slide`,-1)])]),_:3},16))}});export{f as default};
+import e from"../icon/icon.js";import{createBlock as t,createElementVNode as n,createVNode 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{CarouselNext as d}from"@soybeanjs/headless/carousel";const f=i({name:`SCarouselNext`,__name:`carousel-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){function f(e,t){return e===`vertical`?`lucide:arrow-down`:t===`rtl`?`lucide:arrow-left`:`lucide:arrow-right`}return(i,p)=>(s(),t(l(d),o(a(i.$props)),{default:u(({dir:t,disabled:a,orientation:o})=>[c(i.$slots,`default`,{dir:t,disabled:a,orientation:o},()=>[r(e,{icon:f(o,t),"aria-hidden":!0},null,8,[`icon`]),p[0]||=n(`span`,{class:`sr-only`},`Next slide`,-1)])]),_:3},16))}});export{f as default};

package/dist/components/carousel/carousel-next.vue.d.ts

@@ -1,5 +1,6 @@
 import * as _$vue from "vue";
-import { CarouselNextProps, DataOrientation, Direction } from "@soybeanjs/headless";
+import { CarouselNextProps } from "@soybeanjs/headless/carousel";
+import { DataOrientation, Direction } from "@soybeanjs/headless/types";
 
 //#region src/components/carousel/carousel-next.vue.d.ts
 declare var __VLS_8: {

package/dist/components/carousel/carousel-previous.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{createBlock as t,createElementVNode as n,createVNode 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{CarouselPrevious as d}from"@soybeanjs/headless";const f=i({name:`SCarouselPrevious`,__name:`carousel-previous`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){function f(e,t){return e===`vertical`?`lucide:arrow-up`:t===`rtl`?`lucide:arrow-right`:`lucide:arrow-left`}return(i,p)=>(s(),t(l(d),o(a(i.$props)),{default:u(({dir:t,disabled:a,orientation:o})=>[c(i.$slots,`default`,{dir:t,disabled:a,orientation:o},()=>[r(e,{icon:f(o,t),"aria-hidden":!0},null,8,[`icon`]),p[0]||=n(`span`,{class:`sr-only`},`Previous slide`,-1)])]),_:3},16))}});export{f as default};
+import e from"../icon/icon.js";import{createBlock as t,createElementVNode as n,createVNode 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{CarouselPrevious as d}from"@soybeanjs/headless/carousel";const f=i({name:`SCarouselPrevious`,__name:`carousel-previous`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){function f(e,t){return e===`vertical`?`lucide:arrow-up`:t===`rtl`?`lucide:arrow-right`:`lucide:arrow-left`}return(i,p)=>(s(),t(l(d),o(a(i.$props)),{default:u(({dir:t,disabled:a,orientation:o})=>[c(i.$slots,`default`,{dir:t,disabled:a,orientation:o},()=>[r(e,{icon:f(o,t),"aria-hidden":!0},null,8,[`icon`]),p[0]||=n(`span`,{class:`sr-only`},`Previous slide`,-1)])]),_:3},16))}});export{f as default};

package/dist/components/carousel/carousel-previous.vue.d.ts

@@ -1,5 +1,6 @@
 import * as _$vue from "vue";
-import { CarouselPreviousProps, DataOrientation, Direction } from "@soybeanjs/headless";
+import { CarouselPreviousProps } from "@soybeanjs/headless/carousel";
+import { DataOrientation, Direction } from "@soybeanjs/headless/types";
 
 //#region src/components/carousel/carousel-previous.vue.d.ts
 declare var __VLS_8: {

package/dist/components/carousel/carousel.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{carouselVariants 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{CarouselRoot as p,provideCarouselUi as m}from"@soybeanjs/headless";const h=i({name:`SCarousel`,__name:`carousel`,props:{class:{},ui:{},opts:{},plugins:{},orientation:{default:`horizontal`},dir:{}},emits:[`initApi`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`ui`]),y=d(_);return m(n(()=>e(t({orientation:g.orientation}),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};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{carouselVariants 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{CarouselRoot as p,provideCarouselUi as m}from"@soybeanjs/headless/carousel";const h=i({name:`SCarousel`,__name:`carousel`,props:{class:{},ui:{},opts:{},plugins:{},orientation:{default:`horizontal`},dir:{}},emits:[`initApi`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`ui`]),y=d(_);return m(n(()=>e(t({orientation:g.orientation}),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/carousel/index.d.ts

@@ -4,5 +4,4 @@ import { _default as _default$1 } from "./carousel-content.vue.js";
 import { _default as _default$2 } from "./carousel-item.vue.js";
 import { _default as _default$3 } from "./carousel-previous.vue.js";
 import { _default as _default$4 } from "./carousel-next.vue.js";
-import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugin, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "@soybeanjs/headless/carousel";
-export { type CarouselApi, type CarouselContentProps, type CarouselItemProps, type CarouselNextProps, type CarouselOptions, type CarouselPlugin, type CarouselPreviousProps, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot };
+export * from "@soybeanjs/headless/carousel";

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

@@ -1,10 +1,23 @@
-import { CarouselRootEmits, CarouselRootProps, CarouselUi, ClassValue } from "@soybeanjs/headless";
+import { CarouselRootEmits, CarouselRootProps, CarouselUi } from "@soybeanjs/headless/carousel";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/carousel/types.d.ts
+/**
+ * Props for the carousel component.
+ */
 interface CarouselProps extends CarouselRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CarouselUi>;
 }
+/**
+ * Emits for the carousel component.
+ */
 type CarouselEmits = CarouselRootEmits;
 //#endregion
 export { CarouselEmits, CarouselProps };

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{CheckboxCardGroupCompact as l,provideCheckboxCardUi as u}from"@soybeanjs/headless";const d=i({name:`SCheckboxCardGroup`,__name:`checkbox-card-group`,props:{class:{},ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`color`,`size`,`shape`]),h=n(()=>e(t({color:f.color,size:f.size,shape:f.shape}),f.ui,{groupRoot:f.class}));return u(h),(e,t)=>(o(),r(s(l),a(s(m),{"content-class":h.value.content,"text-content-class":h.value.textContent,"icon-class":h.value.icon,"description-class":h.value.description,"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16,[`content-class`,`text-content-class`,`icon-class`,`description-class`]))}});export{d as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{CheckboxCardGroupCompact as l,provideCheckboxCardUi as u}from"@soybeanjs/headless/checkbox";const d=i({name:`SCheckboxCardGroup`,__name:`checkbox-card-group`,props:{class:{},ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`color`,`size`,`shape`]),h=n(()=>e(t({color:f.color,size:f.size,shape:f.shape}),f.ui,{groupRoot:f.class}));return u(h),(e,t)=>(o(),r(s(l),a(s(m),{"content-class":h.value.content,"text-content-class":h.value.textContent,"icon-class":h.value.icon,"description-class":h.value.description,"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16,[`content-class`,`text-content-class`,`icon-class`,`description-class`]))}});export{d as default};

package/dist/components/checkbox/checkbox-card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxCardVariants 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{CheckboxCardCompact as d,provideCheckboxCardUi as f}from"@soybeanjs/headless";const p=i({name:`SCheckboxCard`,__name:`checkbox-card`,props:{class:{},ui:{},color:{},size:{},shape:{},icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:p}){let m=i,h=p,g=u(m,[`class`,`ui`,`color`,`size`,`shape`]);return f(n(()=>e(t({color:m.color,size:m.size,shape:m.shape}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),{"onUpdate:modelValue":t[0]||=e=>h(`update:modelValue`,e)}),{description:l(()=>[s(e.$slots,`description`)]),default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxCardVariants 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{CheckboxCardCompact as d,provideCheckboxCardUi as f}from"@soybeanjs/headless/checkbox";const p=i({name:`SCheckboxCard`,__name:`checkbox-card`,props:{class:{},ui:{},color:{},size:{},shape:{},icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:p}){let m=i,h=p,g=u(m,[`class`,`ui`,`color`,`size`,`shape`]);return f(n(()=>e(t({color:m.color,size:m.size,shape:m.shape}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),{"onUpdate:modelValue":t[0]||=e=>h(`update:modelValue`,e)}),{description:l(()=>[s(e.$slots,`description`)]),default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{CheckboxGroupCompact as l,provideCheckboxUi as u}from"@soybeanjs/headless";const d=i({name:`SCheckboxGroup`,__name:`checkbox-group`,props:{class:{},ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`color`,`size`,`shape`]);return u(n(()=>e(t({color:f.color,size:f.size,shape:f.shape,orientation:f.orientation}),f.ui,{groupRoot:f.class}))),(e,t)=>(o(),r(s(l),a(s(m),{"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16))}});export{d as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{CheckboxGroupCompact as l,provideCheckboxUi as u}from"@soybeanjs/headless/checkbox";const d=i({name:`SCheckboxGroup`,__name:`checkbox-group`,props:{class:{},ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`color`,`size`,`shape`]);return u(n(()=>e(t({color:f.color,size:f.size,shape:f.shape,orientation:f.orientation}),f.ui,{groupRoot:f.class}))),(e,t)=>(o(),r(s(l),a(s(m),{"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16))}});export{d as default};

package/dist/components/checkbox/checkbox.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxVariants 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{CheckboxCompact as d,provideCheckboxUi as f}from"@soybeanjs/headless";const p=i({name:`SCheckbox`,__name:`checkbox`,props:{class:{},ui:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:p}){let m=i,h=p,g=u(m,[`class`,`ui`,`color`,`size`,`shape`]);return f(n(()=>e(t({color:m.color,size:m.size,shape:m.shape}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),{"onUpdate:modelValue":t[0]||=e=>h(`update:modelValue`,e)}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{checkboxVariants 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{CheckboxCompact as d,provideCheckboxUi as f}from"@soybeanjs/headless/checkbox";const p=i({name:`SCheckbox`,__name:`checkbox`,props:{class:{},ui:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:p}){let m=i,h=p,g=u(m,[`class`,`ui`,`color`,`size`,`shape`]);return f(n(()=>e(t({color:m.color,size:m.size,shape:m.shape}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),{"onUpdate:modelValue":t[0]||=e=>h(`update:modelValue`,e)}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};

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

@@ -2,4 +2,5 @@ import { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData,
 import { _default } from "./checkbox-group.vue.js";
 import { _default as _default$1 } from "./checkbox.vue.js";
 import { _default as _default$2 } from "./checkbox-card-group.vue.js";
-import { _default as _default$3 } from "./checkbox-card.vue.js";
+import { _default as _default$3 } from "./checkbox-card.vue.js";
+export * from "@soybeanjs/headless/checkbox";

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

@@ -1,53 +1,132 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { CheckboxShape } from "./variants.js";
-import { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCompactEmits, CheckboxCompactProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxUi, ClassValue, DefinedValue } from "@soybeanjs/headless";
+import { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCompactEmits, CheckboxCompactProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxUi } from "@soybeanjs/headless/checkbox";
+import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/checkbox/types.d.ts
+/**
+ * Props for the checkbox component.
+ */
 interface CheckboxProps extends CheckboxCompactProps {
   /**
    * the class of root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
 }
+/**
+ * Emits for the checkbox component.
+ */
 type CheckboxEmits = CheckboxCompactEmits;
+/**
+ * Props for the checkbox card component.
+ */
 interface CheckboxCardProps extends CheckboxCardCompactProps {
   /**
    * the class of root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxCardUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
+  /**
+   * Icon rendered by the component.
+   */
   icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 }
+/**
+ * Emits for the checkbox card component.
+ */
 type CheckboxCardEmits = CheckboxCardCompactEmits;
+/**
+ * Props for the checkbox group component.
+ */
 interface CheckboxGroupProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupCompactProps<T> {
   /**
    * the class of group root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
 }
+/**
+ * Emits for the checkbox group component.
+ */
 type CheckboxGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupCompactEmits<T>;
+/**
+ * Props for the checkbox card group component.
+ */
 interface CheckboxCardGroupProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxCardGroupCompactProps<T> {
   /**
    * the class of group root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxCardUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
 }
+/**
+ * Emits for the checkbox card group component.
+ */
 type CheckboxCardGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxCardGroupCompactEmits<T>;
 //#endregion
 export { CheckboxCardEmits, CheckboxCardGroupEmits, type CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxEmits, CheckboxGroupEmits, type CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps };

package/dist/components/clipboard/clipboard.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"../button/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{Clipboard as h}from"@soybeanjs/headless";const g=i({name:`SClipboard`,__name:`clipboard`,props:{class:{},color:{},size:{},variant:{},shape:{},fitContent:{type:Boolean},value:{},copiedDuration:{},legacy:{type:Boolean},copyIcon:{},copiedIcon:{},copyText:{},copiedText:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(i,{emit:g}){let _=i,v=p(g),y=m(_,[`class`,`color`,`size`,`variant`,`shape`,`fitContent`]),b=n(()=>e(t({color:_.color,size:_.size,variant:_.variant,shape:_.shape,fitContent:_.fitContent}),_.class));return(e,t)=>(c(),r(d(h),o(d(y),{class:b.value},u(d(v))),{leading:f(t=>[l(e.$slots,`leading`,s(a(t)))]),default:f(t=>[l(e.$slots,`default`,s(a(t)))]),trailing:f(t=>[l(e.$slots,`trailing`,s(a(t)))]),_:3},16,[`class`]))}});export{g as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"../button/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{Clipboard as h}from"@soybeanjs/headless/clipboard";const g=i({name:`SClipboard`,__name:`clipboard`,props:{class:{},color:{},size:{},variant:{},shape:{},fitContent:{type:Boolean},value:{},copiedDuration:{},legacy:{type:Boolean},copyIcon:{},copiedIcon:{},copyText:{},copiedText:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(i,{emit:g}){let _=i,v=p(g),y=m(_,[`class`,`color`,`size`,`variant`,`shape`,`fitContent`]),b=n(()=>e(t({color:_.color,size:_.size,variant:_.variant,shape:_.shape,fitContent:_.fitContent}),_.class));return(e,t)=>(c(),r(d(h),o(d(y),{class:b.value},u(d(v))),{leading:f(t=>[l(e.$slots,`leading`,s(a(t)))]),default:f(t=>[l(e.$slots,`default`,s(a(t)))]),trailing:f(t=>[l(e.$slots,`trailing`,s(a(t)))]),_:3},16,[`class`]))}});export{g as default};

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

@@ -1,3 +1,4 @@
 import { ButtonShape, ButtonVariant } from "../button/variants.js";
 import { ClipboardEmits, ClipboardProps, ClipboardSlotProps } from "./types.js";
-import { _default } from "./clipboard.vue.js";
+import { _default } from "./clipboard.vue.js";
+export * from "@soybeanjs/headless/clipboard";

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

@@ -1,15 +1,36 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { ButtonShape, ButtonVariant } from "../button/variants.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { ClipboardEmits, ClipboardProps, ClipboardSlotProps } from "@soybeanjs/headless/clipboard";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/clipboard/types.d.ts
+/**
+ * Props for the clipboard component.
+ */
 interface ClipboardProps$1 extends ClipboardProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: ButtonVariant;
+  /**
+   * Shape of the component.
+   */
   shape?: ButtonShape;
+  /**
+   * Whether the component should fit its content width.
+   */
   fitContent?: boolean;
 }
 //#endregion

package/dist/components/collapsible/collapsible.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{collapsibleVariants 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,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{CollapsibleRoot as p,provideCollapsibleUi as m}from"@soybeanjs/headless";const h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m(n(()=>e(t({size:g.size}),g.ui))),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{collapsibleVariants 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,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{CollapsibleRoot as p,provideCollapsibleUi as m}from"@soybeanjs/headless/collapsible";const h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m(n(()=>e(t({size:g.size}),g.ui))),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};