@soybeanjs/ui 0.16.0 → 0.18.0

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

@@ -2,12 +2,8 @@ import { BadgeProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/badge/badge.vue.d.ts
-declare var __VLS_10: {}, __VLS_18: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_10) => any;
-} & {
-  content?: (props: typeof __VLS_18) => any;
-};
+declare var __VLS_12: string | number, __VLS_13: {};
+type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any };
 declare const __VLS_base: _$vue.DefineComponent<BadgeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<BadgeProps> & Readonly<{

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

@@ -1,5 +1,4 @@
 import { BadgePosition } from "./variants.js";
 import { BadgeEmits, BadgeProps } from "./types.js";
 import { _default } from "./badge.vue.js";
-import { BadgeContentProps, BadgeRootEmits, BadgeRootProps } from "@soybeanjs/headless/badge";
-export { type BadgeContentProps, type BadgeRootEmits, type BadgeRootProps };
+export * from "@soybeanjs/headless/badge";

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

@@ -1,20 +1,37 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { BadgePosition } from "./variants.js";
-import { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, ClassValue } from "@soybeanjs/headless";
+import { BadgeCompactProps, BadgeRootEmits, BadgeUi } from "@soybeanjs/headless/badge";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/badge/types.d.ts
-interface BadgeProps extends BadgeRootProps {
+/**
+ * Properties for the Badge component.
+ */
+interface BadgeProps extends BadgeCompactProps {
   /**
    * root class
    */
   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<BadgeUi>;
+  /**
+   * Position.
+   */
   position?: BadgePosition;
-  content?: string;
-  contentProps?: BadgeContentProps;
 }
+/**
+ * Events for the Badge component.
+ */
 type BadgeEmits = BadgeRootEmits;
 //#endregion
 export { BadgeEmits, BadgeProps };

package/dist/components/badge/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative inline-block`,content:`absolute flex justify-center items-center whitespace-nowrap rounded-full transform`},variants:{color:{primary:{content:`bg-primary text-primary-foreground`},destructive:{content:`bg-destructive text-destructive-foreground`},success:{content:`bg-success text-success-foreground`},warning:{content:`bg-warning text-warning-foreground`},info:{content:`bg-info text-info-foreground`},carbon:{content:`bg-carbon text-carbon-foreground`},secondary:{content:`bg-secondary text-secondary-foreground`},accent:{content:`bg-accent text-accent-foreground`}},size:{xs:{content:`min-h-2 px-1 text-4xs leading-relaxed`},sm:{content:`min-h-2.5 px-1.25 text-3xs leading-relaxed`},md:{content:`min-h-3 px-1.5 text-2xs leading-relaxed`},lg:{content:`min-h-3.5 px-1.75 text-xs leading-relaxed`},xl:{content:`min-h-4 px-2 text-sm leading-relaxed`},"2xl":{content:`min-h-5 px-2.5 text-base leading-relaxed`}},position:{"top-right":{content:`right-0 top-0 translate-x-1/2 -translate-y-1/2`},"bottom-right":{content:`right-0 bottom-0 translate-x-1/2 translate-y-1/2`},"top-left":{content:`left-0 top-0 -translate-x-1/2 -translate-y-1/2`},"bottom-left":{content:`left-0 bottom-0 -translate-x-1/2 translate-y-1/2`}}},defaultVariants:{color:`primary`,size:`md`,position:`top-right`}});export{t as badgeVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative inline-block`,content:`absolute flex justify-center items-center leading-relaxed whitespace-nowrap rounded-full transform`},variants:{color:{primary:{content:`bg-primary text-primary-foreground`},destructive:{content:`bg-destructive text-destructive-foreground`},success:{content:`bg-success text-success-foreground`},warning:{content:`bg-warning text-warning-foreground`},info:{content:`bg-info text-info-foreground`},carbon:{content:`bg-carbon text-carbon-foreground`},secondary:{content:`bg-secondary text-secondary-foreground`},accent:{content:`bg-accent text-accent-foreground`}},size:{xs:{content:`min-h-2 px-1 text-4xs`},sm:{content:`min-h-2.5 px-1.25 text-3xs`},md:{content:`min-h-3 px-1.5 text-2xs`},lg:{content:`min-h-3.5 px-1.75 text-xs`},xl:{content:`min-h-4 px-2 text-sm`},"2xl":{content:`min-h-5 px-2.5 text-base`}},position:{"top-right":{content:`end-0 top-0 translate-x-1/2 -translate-y-1/2 rtl:-translate-x-1/2`},"bottom-right":{content:`end-0 bottom-0 translate-x-1/2 translate-y-1/2 rtl:-translate-x-1/2`},"top-left":{content:`start-0 top-0 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2`},"bottom-left":{content:`start-0 bottom-0 -translate-x-1/2 translate-y-1/2 rtl:translate-x-1/2`}}},defaultVariants:{color:`primary`,size:`md`,position:`top-right`}});export{t as badgeVariants};

package/dist/components/bottom-sheet/bottom-sheet.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{dialogVariants as i}from"../dialog/variants.js";import{drawerVariants as a}from"../drawer/variants.js";import{bottomSheetVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{BottomSheetCompact as C,provideBottomSheetUi as w}from"@soybeanjs/headless";import{keysOf as T}from"@soybeanjs/utils";const E=u({name:`SBottomSheet`,__name:`bottom-sheet`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{},class:{},size:{},ui:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(u,{emit:E}){let D=u,O=E,k=y(),A=S(D,[`class`,`size`,`ui`]),j=x(O),M=s(()=>T(k));return w(s(()=>{let s=i({size:D.size,pure:D.pure}),c=a({size:D.size,side:`bottom`}),l=o({size:D.size});return t(e(Object.assign({},l,s,c),{cancel:r({variant:`pure`,size:n[D.size??`md`]}),confirm:r({variant:`solid`,size:n[D.size??`md`]}),close:r({variant:`ghost`,color:`accent`,size:n[D.size??`md`],shape:`square`,fitContent:!0})}),D.ui,{popup:D.class})})),(e,t)=>(m(),c(v(C),f(v(A),_(v(j))),l({_:2},[h(M.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),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{dialogVariants as i}from"../dialog/variants.js";import{drawerVariants as a}from"../drawer/variants.js";import{bottomSheetVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{keysOf as C}from"@soybeanjs/utils";import{BottomSheetCompact as w,provideBottomSheetUi as T}from"@soybeanjs/headless/bottom-sheet";const E=u({name:`SBottomSheet`,__name:`bottom-sheet`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(u,{emit:E}){let D=u,O=E,k=y(),A=S(D,[`class`,`size`,`ui`]),j=x(O),M=s(()=>C(k));return T(s(()=>{let s=i({size:D.size,pure:D.pure}),c=a({size:D.size,side:`bottom`}),l=o({size:D.size});return t(e(Object.assign({},l,s,c),{cancel:r({variant:`pure`,size:n[D.size??`md`]}),confirm:r({variant:`solid`,size:n[D.size??`md`]}),close:r({variant:`ghost`,color:`accent`,size:n[D.size??`md`],shape:`square`,fitContent:!0})}),D.ui,{popup:D.class})})),(e,t)=>(m(),c(v(w),f(v(A),_(v(j))),l({_:2},[h(M.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040))}});export{E as default};

package/dist/components/bottom-sheet/index.d.ts

@@ -1,2 +1,3 @@
 import { BottomSheetEmits, BottomSheetProps, BottomSheetSlots } from "./types.js";
-import { _default } from "./bottom-sheet.vue.js";
+import { _default } from "./bottom-sheet.vue.js";
+export * from "@soybeanjs/headless/bottom-sheet";

package/dist/components/bottom-sheet/types.d.ts

@@ -1,16 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetUi, ClassValue } from "@soybeanjs/headless";
+import { BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetUi } from "@soybeanjs/headless/bottom-sheet";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/bottom-sheet/types.d.ts
+/**
+ * Properties for the BottomSheet component.
+ */
 type BottomSheetProps = BottomSheetCompactProps & {
   /**
    * the popup class of the dialog
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<BottomSheetUi>;
 };
+/**
+ * Events for the BottomSheet component.
+ */
 type BottomSheetEmits = BottomSheetCompactEmits;
+/**
+ * Slots for the BottomSheet component.
+ */
 type BottomSheetSlots = BottomSheetCompactSlots;
 //#endregion
 export { BottomSheetEmits, BottomSheetProps, BottomSheetSlots };

package/dist/components/breadcrumb/breadcrumb.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{breadcrumbVariants 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{BreadcrumbCompact as y,provideBreadcrumbUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SBreadcrumb`,__name:`breadcrumb`,props:{class:{},size:{},ui:{},items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(y),c(m(E),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))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{breadcrumbVariants 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{BreadcrumbCompact as b,provideBreadcrumbUi as x}from"@soybeanjs/headless/breadcrumb";const S=o({name:`SBreadcrumb`,__name:`breadcrumb`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),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))}});export{S as default};

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

@@ -1,4 +1,5 @@
 import { BreadcrumbEmits, BreadcrumbOptionData as BreadcrumbOptionData$1, BreadcrumbProps, BreadcrumbSlots } from "./types.js";
 import { _default } from "./breadcrumb.vue.js";
-import { BreadcrumbEllipsis as SBreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPage as SBreadcrumbPage, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps } from "@soybeanjs/headless/breadcrumb";
-export { type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, SBreadcrumbEllipsis, SBreadcrumbPage };
+import { BreadcrumbEllipsis as SBreadcrumbEllipsis, BreadcrumbPage as SBreadcrumbPage } from "@soybeanjs/headless/breadcrumb";
+export * from "@soybeanjs/headless/breadcrumb";
+export { SBreadcrumbEllipsis, SBreadcrumbPage };

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
+/**
+ * Properties 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>;
 }
+/**
+ * Events 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:{type:[Boolean,null,String,Object,Array]},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.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"./button.js";import{createBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";const f=i({name:`SButtonIcon`,__name:`button-icon`,props:{icon:{},iconClass:{},iconProps:{},class:{},color:{default:`accent`},size:{},variant:{default:`ghost`},shape:{default:`square`},shadow:{},fitContent:{type:Boolean,default:!0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let f=d(i,[`icon`,`iconClass`,`iconProps`]);return(d,p)=>(c(),n(t,s(a(l(f))),{default:u(()=>[r(e,o(i.iconProps,{icon:i.icon,class:i.iconClass}),null,16,[`icon`,`class`])]),_:1},16))}});export{f as default};
+import e from"../icon/icon.js";import t from"./button.js";import{createBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";const f=i({name:`SButtonIcon`,__name:`button-icon`,props:{icon:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconProps:{},class:{type:[Boolean,null,String,Object,Array]},color:{default:`accent`},size:{},variant:{default:`ghost`},shape:{default:`square`},shadow:{},fitContent:{type:Boolean,default:!0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let f=d(i,[`icon`,`iconClass`,`iconProps`]);return(d,p)=>(c(),n(t,s(a(l(f))),{default:u(()=>[r(e,o(i.iconProps,{icon:i.icon,class:i.iconClass}),null,16,[`icon`,`class`])]),_:1},16))}});export{f 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.js

@@ -1 +1 @@
-import e from"./button.js";import t from"../link/link.js";import{createBlock as n,createVNode 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,usePickProps as p}from"@soybeanjs/headless/composables";const m=i({name:`SButtonLink`,__name:`button-link`,props:{class:{},color:{},size:{},variant:{default:`link`},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},to:{},replace:{type:Boolean,default:void 0},href:{},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{}},setup(i){let m=i,h=[`class`,`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`],g=p(m,[...h]),_=f(m,[...h]);return(i,f)=>(c(),n(e,o(u(g),{"as-child":``}),{default:d(()=>[r(t,s(a(u(_))),{default:d(e=>[l(i.$slots,`default`,s(a(e)))]),_:3},16)]),_:3},16))}});export{m as default};
+import e from"./button.js";import t from"../link/link.js";import{createBlock as n,createVNode 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,usePickProps as p}from"@soybeanjs/headless/composables";const m=i({name:`SButtonLink`,__name:`button-link`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{default:`link`},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},to:{},replace:{type:Boolean,default:void 0},href:{},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{}},setup(i){let m=i,h=[`class`,`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`],g=p(m,[...h]),_=f(m,[...h]);return(i,f)=>(c(),n(e,o(u(g),{"as-child":``}),{default:d(()=>[r(t,s(a(u(_))),{default:d(e=>[l(i.$slots,`default`,s(a(e)))]),_:3},16)]),_:3},16))}});export{m as default};

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"./button.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,ref as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,watchEffect as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";const y={key:0,style:{display:`contents`}},b={style:{position:`absolute`,inset:`0`,"justify-content":`center`,"align-items":`center`,display:`flex`,gap:`0.25rem`,"z-index":`1`}},x={key:0},S={style:{visibility:`hidden`,display:`contents`}},C=c({name:`SButtonLoading`,inheritAttrs:!1,__name:`button-loading`,props:{loading:{type:Boolean},loadingText:{},loadingDuration:{},autoLoading:{type:Boolean},loadingIcon:{default:`svg-spinners:270-ring`},loadingIconProps:{},loadingPosition:{default:`start`},class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let C=c,w=h(),T=d(!1),E=n(()=>C.disabled||T.value),D=async e=>{C.autoLoading&&(T.value=!0);try{(Array.isArray(w.onClick)?w.onClick:[w.onClick]).forEach(t=>t?.(e))}finally{C.autoLoading&&(C.loadingDuration&&await new Promise(e=>{setTimeout(e,C.loadingDuration)}),T.value=!1)}},O=v(C,[`loading`,`loadingText`,`loadingDuration`,`autoLoading`,`loadingIcon`,`loadingIconProps`,`loadingPosition`],w,{onClick:D});return g(()=>{T.value=C.loading}),(n,d)=>(u(),r(t,l(m(O),{disabled:E.value,style:{position:`relative`},onClick:D}),{leading:_(()=>[T.value&&c.loadingPosition===`start`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`leading`,{key:1})]),trailing:_(()=>[T.value&&c.loadingPosition===`end`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`trailing`,{key:1})]),default:_(()=>[T.value&&c.loadingPosition===`center`?(u(),a(`span`,y,[o(`span`,b,[s(e,l({icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`]),c.loadingText?(u(),a(`span`,x,p(c.loadingText),1)):i(`v-if`,!0)]),o(`span`,S,[f(n.$slots,`default`,{loading:T.value})])])):f(n.$slots,`default`,{key:1,loading:T.value})]),_:3},16,[`disabled`]))}});export{C as default};
+import e from"../icon/icon.js";import t from"./button.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,ref as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,watchEffect as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";const y={key:0,style:{display:`contents`}},b={style:{position:`absolute`,inset:`0`,"justify-content":`center`,"align-items":`center`,display:`flex`,gap:`0.25rem`,"z-index":`1`}},x={key:0},S={style:{visibility:`hidden`,display:`contents`}},C=c({name:`SButtonLoading`,inheritAttrs:!1,__name:`button-loading`,props:{loading:{type:Boolean},loadingText:{},loadingDuration:{},autoLoading:{type:Boolean},loadingIcon:{default:`svg-spinners:270-ring`},loadingIconProps:{},loadingPosition:{default:`start`},class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let C=c,w=h(),T=d(!1),E=n(()=>C.disabled||T.value),D=async e=>{C.autoLoading&&(T.value=!0);try{(Array.isArray(w.onClick)?w.onClick:[w.onClick]).forEach(t=>t?.(e))}finally{C.autoLoading&&(C.loadingDuration&&await new Promise(e=>{setTimeout(e,C.loadingDuration)}),T.value=!1)}},O=v(C,[`loading`,`loadingText`,`loadingDuration`,`autoLoading`,`loadingIcon`,`loadingIconProps`,`loadingPosition`],w,{onClick:D});return g(()=>{T.value=C.loading}),(n,d)=>(u(),r(t,l(m(O),{disabled:E.value,style:{position:`relative`},onClick:D}),{leading:_(()=>[T.value&&c.loadingPosition===`start`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`leading`,{key:1})]),trailing:_(()=>[T.value&&c.loadingPosition===`end`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`trailing`,{key:1})]),default:_(()=>[T.value&&c.loadingPosition===`center`?(u(),a(`span`,y,[o(`span`,b,[s(e,l({icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`]),c.loadingText?(u(),a(`span`,x,p(c.loadingText),1)):i(`v-if`,!0)]),o(`span`,S,[f(n.$slots,`default`,{loading:T.value})])])):f(n.$slots,`default`,{key:1,loading:T.value})]),_:3},16,[`disabled`]))}});export{C as default};

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:{type:[Boolean,null,String,Object,Array]},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/button.vue.d.ts

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
   trailing?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<ButtonProps> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => 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/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
+/**
+ * Properties 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;
 }
+/**
+ * Properties for the ButtonIcon 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>;
 }
+/**
+ * Properties for the ButtonLoading 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;
+/**
+ * Properties for the ButtonLink component.
+ */
+type ButtonLinkProps = ButtonProps$1 & LinkProps;
+/**
+ * Properties for the ButtonGroup 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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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>;
 }
+/**
+ * Events 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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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.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{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import"../../theme/index.js";import{buttonVariants as n}from"../button/variants.js";import{carouselVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{keysOf as b}from"@soybeanjs/utils";import{CarouselCompact as x,provideCarouselUi as S}from"@soybeanjs/headless/carousel";const C=s({name:`SCarousel`,__name:`carousel`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},floatNav:{type:Boolean},slides:{},contentProps:{},containerProps:{},itemProps:{},controlProps:{},navigationProps:{},previousProps:{},nextProps:{},dir:{},orientation:{},options:{},plugins:{}},emits:[`init`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`ui`,`size`,`floatNav`]),O=v(T),k=i(()=>b(E).filter(e=>e!==`item`));return S(i(()=>t(e(r({size:w.size,orientation:w.orientation,floatNav:w.floatNav}),{previous:n({size:w.size,color:`accent`,variant:`pure`,shape:`circle`,fitContent:!0}),next:n({size:w.size,color:`accent`,variant:`pure`,shape:`circle`,fitContent:!0})}),w.ui,{root:w.class}))),(e,t)=>(d(),a(h(x),l(h(D),m(h(O))),o({item:_(t=>[p(e.$slots,`item`,u(c(t)))]),_:2},[f(k.value,t=>({name:t,fn:_(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{C as default};

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

@@ -1,26 +1,23 @@
-import { EmblaCarouselType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/EmblaCarousel.js";
-import { CarouselProps } from "./types.js";
+import { CarouselProps, CarouselSlots } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+import { DefinedValue } from "@soybeanjs/headless/types";
+import * as _$embla_carousel0 from "embla-carousel";
 
 //#region src/components/carousel/carousel.vue.d.ts
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<CarouselProps<T> & {
+    onInit?: ((carousel: _$embla_carousel0.EmblaCarouselType) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: CarouselSlots<T>;
+  emit: (evt: "init", carousel: _$embla_carousel0.EmblaCarouselType) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const __VLS_base: _$vue.DefineComponent<CarouselProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  initApi: (api: EmblaCarouselType) => any;
-}, string, _$vue.PublicProps, Readonly<CarouselProps> & Readonly<{
-  onInitApi?: ((api: EmblaCarouselType) => any) | undefined;
-}>, {
-  orientation: _$_soybeanjs_headless0.DataOrientation;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -1,8 +1,3 @@
-import { CarouselEmits, CarouselProps } from "./types.js";
+import { CarouselEmits, CarouselProps, CarouselSlots } from "./types.js";
 import { _default } from "./carousel.vue.js";
-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/index.js

@@ -1 +1 @@
-import"./carousel.js";import"./carousel-content.js";import"./carousel-item.js";import"./carousel-previous.js";import"./carousel-next.js";
+import"./carousel.js";

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

@@ -1,10 +1,38 @@
-import { CarouselRootEmits, CarouselRootProps, CarouselUi, ClassValue } from "@soybeanjs/headless";
+import { ThemeSize } from "../../theme/types.js";
+import { CarouselCompactEmits, CarouselCompactProps, CarouselCompactSlots, CarouselUi } from "@soybeanjs/headless/carousel";
+import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/carousel/types.d.ts
-interface CarouselProps extends CarouselRootProps {
+/**
+ * Properties for the Carousel component.
+ */
+interface CarouselProps<T extends DefinedValue = DefinedValue> extends CarouselCompactProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CarouselUi>;
+  /**
+   * The size of the carousel, which determines the spacing and sizing of its elements.
+   */
+  size?: ThemeSize;
+  /**
+   * Whether to use floating navigation, which positions the navigation controls outside of the carousel content and allows them to float over the content.
+   *
+   * This is useful for carousels with a lot of content or when you want to maximize the space available for the slides.
+   */
+  floatNav?: boolean;
 }
-type CarouselEmits = CarouselRootEmits;
+/**
+ * Events for the Carousel component.
+ */
+type CarouselEmits = CarouselCompactEmits;
+/**
+ * Slots for the Carousel component.
+ */
+type CarouselSlots<T extends DefinedValue = DefinedValue> = CarouselCompactSlots<T>;
 //#endregion
-export { CarouselEmits, CarouselProps };
+export { CarouselEmits, CarouselProps, CarouselSlots };

package/dist/components/carousel/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative`,content:`overflow-hidden`,container:`flex -ml-4 rtl:ml-0 rtl:-mr-4`,item:`min-w-0 shrink-0 grow-0 basis-full pl-4 rtl:pl-0 rtl:pr-4`,previous:[`absolute z-1 size-8 inline-flex items-center justify-center rounded-full border bg-background shadow-sm transition-colors`,`outline-none focus-visible:ring-3 focus-visible:ring-ring/50`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`top-1/2 -left-12 -translate-y-1/2 rtl:left-auto rtl:-right-12`],next:[`absolute z-1 size-8 inline-flex items-center justify-center rounded-full border bg-background shadow-sm transition-colors`,`outline-none focus-visible:ring-3 focus-visible:ring-ring/50`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`top-1/2 -right-12 -translate-y-1/2 rtl:right-auto rtl:-left-12`]},variants:{orientation:{horizontal:{},vertical:{container:`-mt-4 h-full flex-col ml-0 rtl:mr-0 rtl:ml-0`,item:`pt-4 pl-0 rtl:pr-0 rtl:pl-0`,previous:`-top-12 left-1/2 right-auto -translate-x-1/2 translate-y-0 rtl:left-1/2 rtl:right-auto`,next:`top-auto -bottom-12 left-1/2 right-auto -translate-x-1/2 translate-y-0 rtl:left-1/2 rtl:right-auto`}}},defaultVariants:{orientation:`horizontal`}});export{t as carouselVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative`,content:`overflow-hidden`,container:`flex`,item:`min-w-0 shrink-0 grow-0 basis-full`,control:`flex justify-between items-center`,navigation:`flex`,previous:`group-data-[orientation=vertical]:rotate-90 rtl:rotate-180`,next:`group-data-[orientation=vertical]:rotate-90 rtl:rotate-180`},variants:{size:{xs:{root:`text-2xs`,navigation:`gap-1 py-1`},sm:{root:`text-xs`,navigation:`gap-1.25 py-1.25`},md:{root:`text-sm`,navigation:`gap-1.5 py-1.5`},lg:{root:`text-base`,navigation:`gap-2 py-2`},xl:{root:`text-lg`,navigation:`gap-2.5 py-2.5`},"2xl":{root:`text-xl`,navigation:`gap-3 py-3`}},orientation:{horizontal:{},vertical:{container:`flex-col h-full`}},floatNav:{true:{navigation:`p-0`,previous:`absolute`,next:`absolute`}}},compoundVariants:[{orientation:`horizontal`,floatNav:!0,class:{previous:`top-1/2 -translate-y-1/2`,next:`top-1/2 -translate-y-1/2`}},{orientation:`vertical`,floatNav:!0,class:{previous:`start-1/2 -translate-x-1/2`,next:`start-1/2 -translate-x-1/2`}},{size:`xs`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-9`,next:`-end-9`}},{size:`sm`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-10.5`,next:`-end-10.5`}},{size:`md`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-12`,next:`-end-12`}},{size:`lg`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-13.5`,next:`-end-13.5`}},{size:`xl`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-15`,next:`-end-15`}},{size:`2xl`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-18`,next:`-end-18`}},{size:`xs`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-9`,next:`-bottom-9`}},{size:`sm`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-10.5`,next:`-bottom-10.5`}},{size:`md`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-12`,next:`-bottom-12`}},{size:`lg`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-13.5`,next:`-bottom-13.5`}},{size:`xl`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-15`,next:`-bottom-15`}},{size:`2xl`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-18`,next:`-bottom-18`}}],defaultVariants:{size:`md`,orientation:`horizontal`,floatNav:!0}});export{t as carouselVariants};

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:{type:[Boolean,null,String,Object,Array]},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};