@soybeanjs/ui 0.17.0 → 0.19.0

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<{}>, {
-  disabled: boolean;
   variant: ButtonVariant;
+  disabled: boolean;
   replace: boolean;
   external: boolean;
   viewTransition: boolean;

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.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/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};
+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

@@ -3,11 +3,11 @@ import { IconProps } from "../icon/types.js";
 import { LinkProps } from "../link/types.js";
 import { ButtonShadow, ButtonShape, ButtonVariant } from "./variants.js";
 import { ButtonEmits, ButtonProps } from "@soybeanjs/headless/button";
-import { Align, ClassValue, DataOrientation, Direction, PropsToContext } from "@soybeanjs/headless/types";
+import { Align, ClassValue, DataOrientation, Direction } from "@soybeanjs/headless/types";
 
 //#region src/components/button/types.d.ts
 /**
- * Props for the button component.
+ * Properties for the Button component.
  */
 interface ButtonProps$1 extends ButtonProps {
   /**
@@ -40,7 +40,7 @@ interface ButtonProps$1 extends ButtonProps {
   fitContent?: boolean;
 }
 /**
- * Props for the button icon component.
+ * Properties for the ButtonIcon component.
  */
 interface ButtonIconProps extends ButtonProps$1 {
   /** The icon name of iconify. */
@@ -53,7 +53,7 @@ interface ButtonIconProps extends ButtonProps$1 {
   iconProps?: Partial<IconProps>;
 }
 /**
- * Props for the button loading component.
+ * Properties for the ButtonLoading component.
  */
 interface ButtonLoadingProps extends ButtonProps$1 {
   /**
@@ -97,11 +97,11 @@ interface ButtonLoadingProps extends ButtonProps$1 {
   loadingPosition?: Align;
 }
 /**
- * Props for the button link component.
+ * Properties for the ButtonLink component.
  */
 type ButtonLinkProps = ButtonProps$1 & LinkProps;
 /**
- * Props for the button group component.
+ * Properties for the ButtonGroup component.
  */
 interface ButtonGroupProps extends ButtonProps$1 {
   /**

package/dist/components/button/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({base:[`inline-flex items-center justify-center font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],variants:{color:{primary:`focus-visible:ring-primary/30`,destructive:`focus-visible:ring-destructive/30`,success:`focus-visible:ring-success/30`,warning:`focus-visible:ring-warning/30`,info:`focus-visible:ring-info/30`,carbon:`focus-visible:ring-carbon/30`,secondary:`focus-visible:ring-secondary-foreground/20`,accent:`focus-visible:ring-accent-foreground/20`},variant:{solid:`bg-primary text-primary-foreground hover:bg-primary/80 active:bg-primary-600`,pure:`border border-border bg-background text-accent-foreground hover:bg-accent/60 active:bg-accent`,plain:`border border-border bg-background text-foreground`,outline:`border bg-background`,dashed:`border border-dashed bg-background`,soft:`bg-primary/10 hover:bg-primary/10 active:bg-primary/20`,ghost:`bg-transparent`,link:`bg-transparent underline-offset-4 hover:underline`},size:{xs:`gap-1 text-2xs`,sm:`gap-2 text-xs`,md:`gap-3 text-sm`,lg:`gap-4 text-base`,xl:`gap-5 text-lg`,"2xl":`gap-6 text-xl`},shape:{auto:`rounded-md`,rounded:`rounded-full`,square:`h-8 w-8 p-0 gap-0 rounded-md`,circle:`h-8 w-8 p-0 gap-0 rounded-full`},shadow:{none:`shadow-none`,sm:`shadow-sm`,md:`shadow-md`,lg:`shadow-lg`},fitContent:{true:`w-fit h-fit`,false:``}},compoundVariants:[{color:`destructive`,variant:`solid`,class:`bg-destructive text-destructive-foreground hover:bg-destructive/80 active:bg-destructive-600`},{color:`success`,variant:`solid`,class:`bg-success text-success-foreground hover:bg-success/80 active:bg-success-600`},{color:`warning`,variant:`solid`,class:`bg-warning text-warning-foreground hover:bg-warning/80 active:bg-warning-600`},{color:`info`,variant:`solid`,class:`bg-info text-info-foreground hover:bg-info/80 active:bg-info-600`},{color:`carbon`,variant:`solid`,class:`bg-carbon text-carbon-foreground hover:bg-carbon/80 active:bg-carbon-600`},{color:`secondary`,variant:`solid`,class:`bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary-foreground/20`},{color:`accent`,variant:`solid`,class:`bg-accent text-accent-foreground hover:bg-accent/80 active:bg-accent-foreground/20`},{color:`primary`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-primary`},{color:`destructive`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-destructive`},{color:`success`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-success`},{color:`warning`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-warning`},{color:`info`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-info`},{color:`carbon`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-carbon`},{color:`secondary`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-secondary-foreground`},{color:`accent`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-accent-foreground`},{color:`primary`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-primary/10 active:bg-primary/20`},{color:`destructive`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-destructive/10 active:bg-destructive/20`},{color:`success`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-success/10 active:bg-success/20`},{color:`warning`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-warning/10 active:bg-warning/20`},{color:`info`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-info/10 active:bg-info/20`},{color:`carbon`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-carbon/10 active:bg-carbon/20`},{color:`secondary`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-secondary-foreground/10 active:bg-secondary-foreground/20`},{color:`accent`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-accent-foreground/10 active:bg-accent-foreground/20`},{color:`primary`,variant:`plain`,class:`hover:border-primary hover:text-primary`},{color:`destructive`,variant:`plain`,class:`hover:border-destructive hover:text-destructive`},{color:`success`,variant:`plain`,class:`hover:border-success hover:text-success`},{color:`warning`,variant:`plain`,class:`hover:border-warning hover:text-warning`},{color:`info`,variant:`plain`,class:`hover:border-info hover:text-info`},{color:`carbon`,variant:`plain`,class:`hover:border-carbon hover:text-carbon`},{color:`secondary`,variant:`plain`,class:`hover:border-secondary-foreground hover:text-secondary-foreground`},{color:`accent`,variant:`plain`,class:`hover:border-accent-foreground hover:text-accent-foreground`},{color:`primary`,variant:[`outline`,`dashed`],class:`border-primary`},{color:`destructive`,variant:[`outline`,`dashed`],class:`border-destructive`},{color:`success`,variant:[`outline`,`dashed`],class:`border-success`},{color:`warning`,variant:[`outline`,`dashed`],class:`border-warning`},{color:`info`,variant:[`outline`,`dashed`],class:`border-info`},{color:`carbon`,variant:[`outline`,`dashed`],class:`border-carbon`},{color:`secondary`,variant:[`outline`,`dashed`],class:`border-secondary-foreground`},{color:`accent`,variant:[`outline`,`dashed`],class:`border-accent-foreground`},{color:`destructive`,variant:`soft`,class:`bg-destructive/10 hover:bg-destructive/10 active:bg-destructive/20`},{color:`success`,variant:`soft`,class:`bg-success/10 hover:bg-success/10 active:bg-success/20`},{color:`warning`,variant:`soft`,class:`bg-warning/10 hover:bg-warning/10 active:bg-warning/20`},{color:`info`,variant:`soft`,class:`bg-info/10 hover:bg-info/10 active:bg-info/20`},{color:`carbon`,variant:`soft`,class:`bg-carbon/10 hover:bg-carbon/10 active:bg-carbon/20`},{color:`secondary`,variant:`soft`,class:`bg-secondary-foreground/10 hover:bg-secondary-foreground/10 active:bg-secondary-foreground/20`},{color:`accent`,variant:`soft`,class:`bg-accent-foreground/10 hover:bg-accent-foreground/10 active:bg-accent-foreground/20`},{size:`xs`,fitContent:!0,class:`p-0.75`},{size:`sm`,fitContent:!0,class:`p-0.875`},{size:`md`,fitContent:!0,class:`p-1`},{size:`lg`,fitContent:!0,class:`p-1.25`},{size:`xl`,fitContent:!0,class:`p-1.5`},{size:`2xl`,fitContent:!0,class:`p-1.75`},{size:`xs`,fitContent:!1,class:`h-6 px-1.5`},{size:`sm`,fitContent:!1,class:`h-7 px-2`},{size:`md`,fitContent:!1,class:`h-8 px-4`},{size:`lg`,fitContent:!1,class:`h-9 px-6`},{size:`xl`,fitContent:!1,class:`h-10 px-8`},{size:`2xl`,fitContent:!1,class:`h-12 px-10`},{size:`xs`,fitContent:!1,shape:[`square`,`circle`],class:`w-6`},{size:`sm`,fitContent:!1,shape:[`square`,`circle`],class:`w-7`},{size:`lg`,fitContent:!1,shape:[`square`,`circle`],class:`w-9`},{size:`xl`,fitContent:!1,shape:[`square`,`circle`],class:`w-10`},{size:`2xl`,fitContent:!1,shape:[`square`,`circle`],class:`w-12`},{variant:[`ghost`,`link`],shadow:[`sm`,`md`,`lg`],class:`shadow-none`},{variant:`plain`,shadow:`sm`,class:`active:shadow-md`},{variant:`plain`,shadow:`md`,class:`active:shadow-lg`},{variant:`plain`,shadow:`lg`,class:`active:shadow-xl`},{variant:`pure`,shadow:`sm`,class:`active:shadow-sm`},{variant:`pure`,shadow:`md`,class:`active:shadow-md`},{variant:`pure`,shadow:`lg`,class:`active:shadow-lg`}],defaultVariants:{color:`primary`,variant:`solid`,size:`md`,shape:`auto`,shadow:`sm`,fitContent:!1}}),n=e({base:`[&>*]:relative focus-visible:[&>*]:z-2 not-first:not-last:[&>*]:rd-0`,variants:{orientation:{horizontal:`inline-flex not-last:[&>*]:border-r-0 focus-visible:[&>*]:border-r first:[&>*]:rd-r-0 last:[&>*]:rd-l-0 rtl:flex-row-reverse`,vertical:`flex flex-col not-last:[&>*]:border-b-0 focus-visible:[&>*]:border-b first:[&>*]:rd-b-0 last:[&>*]:rd-t-0`}},defaultVariants:{orientation:`horizontal`}});export{n as buttonGroupVariants,t as buttonVariants};
+import{tv as e}from"tailwind-variants";const t=e({base:[`inline-flex items-center justify-center font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],variants:{color:{primary:`focus-visible:ring-primary/30`,destructive:`focus-visible:ring-destructive/30`,success:`focus-visible:ring-success/30`,warning:`focus-visible:ring-warning/30`,info:`focus-visible:ring-info/30`,carbon:`focus-visible:ring-carbon/30`,secondary:`focus-visible:ring-secondary-foreground/20`,accent:`focus-visible:ring-accent-foreground/20`},variant:{solid:`bg-primary text-primary-foreground hover:bg-primary/80 active:bg-primary-600`,pure:`border border-border bg-background text-accent-foreground hover:bg-accent/60 active:bg-accent`,plain:`border border-border bg-background text-foreground`,outline:`border bg-background`,dashed:`border border-dashed bg-background`,soft:`bg-primary/10 hover:bg-primary/10 active:bg-primary/20`,ghost:`bg-transparent`,link:`bg-transparent underline-offset-4 hover:underline`},size:{xs:`gap-1 text-2xs`,sm:`gap-2 text-xs`,md:`gap-3 text-sm`,lg:`gap-4 text-base`,xl:`gap-5 text-lg`,"2xl":`gap-6 text-xl`},shape:{auto:`rounded-md`,rounded:`rounded-full`,square:`h-8 w-8 p-0 gap-0 rounded-md`,circle:`h-8 w-8 p-0 gap-0 rounded-full`},shadow:{none:`shadow-none`,sm:`shadow-sm`,md:`shadow-md`,lg:`shadow-lg`},fitContent:{true:`w-fit h-fit`,false:``}},compoundVariants:[{color:`destructive`,variant:`solid`,class:`bg-destructive text-destructive-foreground hover:bg-destructive/80 active:bg-destructive-600`},{color:`success`,variant:`solid`,class:`bg-success text-success-foreground hover:bg-success/80 active:bg-success-600`},{color:`warning`,variant:`solid`,class:`bg-warning text-warning-foreground hover:bg-warning/80 active:bg-warning-600`},{color:`info`,variant:`solid`,class:`bg-info text-info-foreground hover:bg-info/80 active:bg-info-600`},{color:`carbon`,variant:`solid`,class:`bg-carbon text-carbon-foreground hover:bg-carbon/80 active:bg-carbon-600`},{color:`secondary`,variant:`solid`,class:`bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary-foreground/20`},{color:`accent`,variant:`solid`,class:`bg-accent text-accent-foreground hover:bg-accent/80 active:bg-accent-foreground/20`},{color:`primary`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-primary`},{color:`destructive`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-destructive`},{color:`success`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-success`},{color:`warning`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-warning`},{color:`info`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-info`},{color:`carbon`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-carbon`},{color:`secondary`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-secondary-foreground`},{color:`accent`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-accent-foreground`},{color:`primary`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-primary/10 active:bg-primary/20`},{color:`destructive`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-destructive/10 active:bg-destructive/20`},{color:`success`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-success/10 active:bg-success/20`},{color:`warning`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-warning/10 active:bg-warning/20`},{color:`info`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-info/10 active:bg-info/20`},{color:`carbon`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-carbon/10 active:bg-carbon/20`},{color:`secondary`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-secondary-foreground/10 active:bg-secondary-foreground/20`},{color:`accent`,variant:[`outline`,`dashed`,`ghost`],class:`hover:bg-accent-foreground/10 active:bg-accent-foreground/20`},{color:`primary`,variant:`plain`,class:`hover:border-primary hover:text-primary`},{color:`destructive`,variant:`plain`,class:`hover:border-destructive hover:text-destructive`},{color:`success`,variant:`plain`,class:`hover:border-success hover:text-success`},{color:`warning`,variant:`plain`,class:`hover:border-warning hover:text-warning`},{color:`info`,variant:`plain`,class:`hover:border-info hover:text-info`},{color:`carbon`,variant:`plain`,class:`hover:border-carbon hover:text-carbon`},{color:`secondary`,variant:`plain`,class:`hover:border-secondary-foreground hover:text-secondary-foreground`},{color:`accent`,variant:`plain`,class:`hover:border-accent-foreground hover:text-accent-foreground`},{color:`primary`,variant:[`outline`,`dashed`],class:`border-primary`},{color:`destructive`,variant:[`outline`,`dashed`],class:`border-destructive`},{color:`success`,variant:[`outline`,`dashed`],class:`border-success`},{color:`warning`,variant:[`outline`,`dashed`],class:`border-warning`},{color:`info`,variant:[`outline`,`dashed`],class:`border-info`},{color:`carbon`,variant:[`outline`,`dashed`],class:`border-carbon`},{color:`secondary`,variant:[`outline`,`dashed`],class:`border-secondary-foreground`},{color:`accent`,variant:[`outline`,`dashed`],class:`border-accent-foreground`},{color:`destructive`,variant:`soft`,class:`bg-destructive/10 hover:bg-destructive/10 active:bg-destructive/20`},{color:`success`,variant:`soft`,class:`bg-success/10 hover:bg-success/10 active:bg-success/20`},{color:`warning`,variant:`soft`,class:`bg-warning/10 hover:bg-warning/10 active:bg-warning/20`},{color:`info`,variant:`soft`,class:`bg-info/10 hover:bg-info/10 active:bg-info/20`},{color:`carbon`,variant:`soft`,class:`bg-carbon/10 hover:bg-carbon/10 active:bg-carbon/20`},{color:`secondary`,variant:`soft`,class:`bg-secondary-foreground/10 hover:bg-secondary-foreground/10 active:bg-secondary-foreground/20`},{color:`accent`,variant:`soft`,class:`bg-accent-foreground/10 hover:bg-accent-foreground/10 active:bg-accent-foreground/20`},{size:`xs`,fitContent:!0,class:`p-0.75`},{size:`sm`,fitContent:!0,class:`p-0.875`},{size:`md`,fitContent:!0,class:`p-1`},{size:`lg`,fitContent:!0,class:`p-1.25`},{size:`xl`,fitContent:!0,class:`p-1.5`},{size:`2xl`,fitContent:!0,class:`p-1.75`},{size:`xs`,fitContent:!1,class:`h-6 px-1.5`},{size:`sm`,fitContent:!1,class:`h-7 px-2`},{size:`md`,fitContent:!1,class:`h-8 px-4`},{size:`lg`,fitContent:!1,class:`h-9 px-6`},{size:`xl`,fitContent:!1,class:`h-10 px-8`},{size:`2xl`,fitContent:!1,class:`h-12 px-10`},{size:`xs`,fitContent:!1,shape:[`square`,`circle`],class:`w-6`},{size:`sm`,fitContent:!1,shape:[`square`,`circle`],class:`w-7`},{size:`lg`,fitContent:!1,shape:[`square`,`circle`],class:`w-9`},{size:`xl`,fitContent:!1,shape:[`square`,`circle`],class:`w-10`},{size:`2xl`,fitContent:!1,shape:[`square`,`circle`],class:`w-12`},{variant:[`ghost`,`link`],shadow:[`sm`,`md`,`lg`],class:`shadow-none`},{variant:`plain`,shadow:`sm`,class:`active:shadow-md`},{variant:`plain`,shadow:`md`,class:`active:shadow-lg`},{variant:`plain`,shadow:`lg`,class:`active:shadow-xl`},{variant:`pure`,shadow:`sm`,class:`active:shadow-sm`},{variant:`pure`,shadow:`md`,class:`active:shadow-md`},{variant:`pure`,shadow:`lg`,class:`active:shadow-lg`}],defaultVariants:{color:`primary`,variant:`solid`,size:`md`,shape:`auto`,shadow:`sm`,fitContent:!1}}),n=e({base:`[&>*]:relative focus-visible:[&>*]:z-2 not-first:not-last:[&>*]:rd-0`,variants:{orientation:{horizontal:`inline-flex not-last:[&>*]:border-r-0 focus-visible:[&>*]:border-r first:[&>*]:rd-r-0 last:[&>*]:rd-l-0 rtl:flex-row-reverse`,vertical:`flex flex-col not-last:[&>*]:border-b-0 focus-visible:[&>*]:border-b first:[&>*]:rd-b-0 last:[&>*]:rd-t-0`}},defaultVariants:{orientation:`horizontal`}}),r=e=>t({size:`md`,color:`accent`,variant:`ghost`,shape:`square`,fitContent:!0,...e});export{n as buttonGroupVariants,r as buttonIconVariants,t as buttonVariants};

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/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};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import r from"../icon/icon.js";import i from"../select/select.js";import{calendarVariants as a}from"./variants.js";import{computed as o,createBlock as s,createSlots as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,toHandlers as v,unref as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{useLocaleMessages as C}from"@soybeanjs/headless";import{CalendarCompact as w,provideCalendarUi as T}from"@soybeanjs/headless/calendar";const E=d({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:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(d,{emit:E}){let D=d,O=E,k=S(D,[`class`,`size`,`ui`]),A=x(O),j=C(),M=o(()=>({"aria-label":j.value.calendar.selectMonth})),N=o(()=>({"aria-label":j.value.calendar.selectYear})),P=o(()=>e(Object.assign(a({size:D.size}),{$base:{prev:n({size:t[D.size??`md`]}),next:n({size:t[D.size??`md`]})}}),D.ui,{root:D.class})),F=o(()=>t[D.size||`md`]);return T(P),(e,t)=>(h(),s(y(w),p(y(k),v(y(A))),c({prev:b(t=>[g(e.$slots,`prev`,m(f(t)),()=>[u(r,{icon:`lucide:chevron-left`})])]),next:b(t=>[g(e.$slots,`next`,m(f(t)),()=>[u(r,{icon:`lucide:chevron-right`})])]),"head-cell":b(t=>[g(e.$slots,`head-cell`,m(f(t)),()=>[l(_(t.label),1)])]),day:b(t=>[g(e.$slots,`day`,m(f(t)),()=>[l(_(t.dayValue),1)])]),default:b(t=>[g(e.$slots,`default`,m(f(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:b(t=>[g(e.$slots,`heading`,m(f(t)))]),key:`0`}:{name:`heading`,fn:b(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:r,onMonthChange:a,onYearChange:o})=>[u(i,{size:F.value,disabled:d.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":M.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),u(i,{size:F.value,disabled:d.disabled,clearable:!1,items:t,"model-value":r,"trigger-props":N.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{E as default};

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

@@ -4,7 +4,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/calendar/types.d.ts
 /**
- * Props for the calendar component.
+ * Properties for the Calendar component.
  */
 interface CalendarProps<M extends boolean = false> extends CalendarCompactProps<M> {
   /**
@@ -21,11 +21,11 @@ interface CalendarProps<M extends boolean = false> extends CalendarCompactProps<
   ui?: Partial<CalendarUi>;
 }
 /**
- * Emits for the calendar component.
+ * Events for the Calendar component.
  */
 type CalendarEmits<M extends boolean = false> = CalendarCompactEmits<M>;
 /**
- * Slots for the calendar component.
+ * Slots for the Calendar component.
  */
 type CalendarSlots<M extends boolean = false> = CalendarCompactSlots<M>;
 //#endregion

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

@@ -0,0 +1 @@
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as n}from"../button/variants.js";import r from"../select/select.js";import{calendarRangeVariants as i}from"./variants.js";import{computed as a,createBlock as o,createCommentVNode as s,createSlots as c,createVNode 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{useLocaleMessages as w}from"@soybeanjs/headless";import{CalendarRangeCompact as T,provideCalendarRangeUi as E}from"@soybeanjs/headless/calendar-range";const D=u({name:`SCalendarRange`,__name:`calendar-range`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},isDateHighlightable:{type:Function},dir:{},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],setup(u,{emit:D}){let O=u,k=D,A=y(),j=S(O,[`class`,`ui`,`size`]),M=x(k),N=w(),P=a(()=>({"aria-label":N.value.calendar.selectMonth})),F=a(()=>({"aria-label":N.value.calendar.selectYear})),I=a(()=>C(A).filter(e=>e!==`heading`)),L=a(()=>e(Object.assign(i({size:O.size}),{$base:{prev:n({size:O.size,variant:`pure`,fitContent:!0}),next:n({size:O.size,variant:`pure`,fitContent:!0})}}),O.ui,{root:O.class})),R=a(()=>t[O.size||`md`]);return E(L),(e,t)=>(m(),o(v(T),f(v(j),_(v(M))),c({_:2},[h(I.value,t=>({name:t,fn:b(n=>[s(` @vue-expect-error ignore slot props type `),g(e.$slots,t,p(d(n)))])})),e.$slots.heading?{name:`heading`,fn:b(t=>[g(e.$slots,`heading`,p(d(t)))]),key:`0`}:{name:`heading`,fn:b(({monthOptions:e,yearOptions:t,selectedMonth:n,selectedYear:i,onMonthChange:a,onYearChange:o})=>[l(r,{size:R.value,disabled:u.disabled,clearable:!1,items:e,"model-value":n,"trigger-props":P.value,ui:{trigger:`w-fit`},"onUpdate:modelValue":a},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`]),l(r,{size:R.value,disabled:u.disabled,clearable:!1,items:t,"model-value":i,"trigger-props":F.value,ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":o},null,8,[`size`,`disabled`,`items`,`model-value`,`trigger-props`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{D as default};

package/dist/components/{range-calendar/range-calendar.vue.d.ts → calendar-range/calendar-range.vue.d.ts}

@@ -1,15 +1,15 @@
-import { RangeCalendarProps, RangeCalendarSlots } from "./types.js";
+import { CalendarRangeProps, CalendarRangeSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_internationalized_date0 from "@internationalized/date";
 import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
 
-//#region src/components/range-calendar/range-calendar.vue.d.ts
-type __VLS_Slots = RangeCalendarSlots;
-declare const __VLS_base: _$vue.DefineComponent<RangeCalendarProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+//#region src/components/calendar-range/calendar-range.vue.d.ts
+type __VLS_Slots = CalendarRangeSlots;
+declare const __VLS_base: _$vue.DefineComponent<CalendarRangeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (range: _$_soybeanjs_headless_date0.DateRange) => any;
   "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
   "update:startValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
-}, string, _$vue.PublicProps, Readonly<RangeCalendarProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<CalendarRangeProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: _$_soybeanjs_headless_date0.DateRange) => any) | undefined;
   "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;

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

@@ -0,0 +1,3 @@
+import { CalendarRangeEmits, CalendarRangeProps, CalendarRangeSlots } from "./types.js";
+import { _default } from "./calendar-range.vue.js";
+export * from "@soybeanjs/headless/calendar-range";

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

@@ -0,0 +1 @@
+import"./calendar-range.js";

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

@@ -0,0 +1,32 @@
+import { ThemeSize } from "../../theme/types.js";
+import { CalendarRangeCompactEmits, CalendarRangeCompactProps, CalendarRangeCompactSlots, CalendarRangeUi } from "@soybeanjs/headless/calendar-range";
+import { ClassValue } from "@soybeanjs/headless/types";
+
+//#region src/components/calendar-range/types.d.ts
+/**
+ * Properties for the CalendarRange component.
+ */
+interface CalendarRangeProps extends CalendarRangeCompactProps {
+  /**
+   * 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<CalendarRangeUi>;
+}
+/**
+ * Events for the CalendarRange component.
+ */
+type CalendarRangeEmits = CalendarRangeCompactEmits;
+/**
+ * Slots for the CalendarRange component.
+ */
+type CalendarRangeSlots = CalendarRangeCompactSlots;
+//#endregion
+export { CalendarRangeEmits, CalendarRangeProps, CalendarRangeSlots };

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

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

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/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};
+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},type:{},disabled:{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.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/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};
+import{mergeVariants 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/types.d.ts

@@ -4,7 +4,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/card/types.d.ts
 /**
- * Props for the card component.
+ * Properties for the Card component.
  */
 interface CardProps extends CardCompactProps {
   /**

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/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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{buttonIconVariants as t}from"../button/variants.js";import{carouselVariants as n}from"./variants.js";import{computed as r,createBlock 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{CarouselCompact as b,provideCarouselUi as x}from"@soybeanjs/headless/carousel";const S=o({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(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`ui`,`size`,`floatNav`]),D=_(w),O=r(()=>y(T).filter(e=>e!==`item`));return x(r(()=>e(Object.assign(n({size:C.size,orientation:C.orientation,floatNav:C.floatNav}),{$base:{previous:t({size:C.size,variant:`pure`,shape:`circle`}),next:t({size:C.size,variant:`pure`,shape:`circle`})}}),C.ui,{root:C.class}))),(e,t)=>(u(),i(m(b),c(m(E),p(m(D))),a({item:g(t=>[f(e.$slots,`item`,l(s(t)))]),_:2},[d(O.value,t=>({name:t,fn:g(n=>[f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S 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,7 +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";
 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,11 +1,12 @@
-import { CarouselRootEmits, CarouselRootProps, CarouselUi } from "@soybeanjs/headless/carousel";
-import { ClassValue } from "@soybeanjs/headless/types";
+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
 /**
- * Props for the carousel component.
+ * Properties for the Carousel component.
  */
-interface CarouselProps extends CarouselRootProps {
+interface CarouselProps<T extends DefinedValue = DefinedValue> extends CarouselCompactProps<T> {
   /**
    * Additional class names applied to the root element.
    */
@@ -14,10 +15,24 @@ interface CarouselProps extends CarouselRootProps {
    * 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;
 }
 /**
- * Emits for the carousel component.
+ * Events for the Carousel component.
+ */
+type CarouselEmits = CarouselCompactEmits;
+/**
+ * Slots for the Carousel component.
  */
-type CarouselEmits = CarouselRootEmits;
+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/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};
+import{mergeVariants 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,default:!0},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/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};
+import{mergeVariants 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:{type:[Boolean,null,String,Object,Array]},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/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};
+import{mergeVariants 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:{type:[Boolean,null,String,Object,Array]},ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean,default:!0},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/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};
+import{mergeVariants 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:{type:[Boolean,null,String,Object,Array]},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/types.d.ts

@@ -5,7 +5,7 @@ import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/checkbox/types.d.ts
 /**
- * Props for the checkbox component.
+ * Properties for the Checkbox component.
  */
 interface CheckboxProps extends CheckboxCompactProps {
   /**
@@ -30,11 +30,11 @@ interface CheckboxProps extends CheckboxCompactProps {
   shape?: CheckboxShape;
 }
 /**
- * Emits for the checkbox component.
+ * Events for the Checkbox component.
  */
 type CheckboxEmits = CheckboxCompactEmits;
 /**
- * Props for the checkbox card component.
+ * Properties for the CheckboxCard component.
  */
 interface CheckboxCardProps extends CheckboxCardCompactProps {
   /**
@@ -67,11 +67,11 @@ interface CheckboxCardProps extends CheckboxCardCompactProps {
   description?: string;
 }
 /**
- * Emits for the checkbox card component.
+ * Events for the CheckboxCard component.
  */
 type CheckboxCardEmits = CheckboxCardCompactEmits;
 /**
- * Props for the checkbox group component.
+ * Properties for the CheckboxGroup component.
  */
 interface CheckboxGroupProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupCompactProps<T> {
   /**
@@ -96,11 +96,11 @@ interface CheckboxGroupProps<T extends CheckboxGroupOptionData = CheckboxGroupOp
   shape?: CheckboxShape;
 }
 /**
- * Emits for the checkbox group component.
+ * Events for the CheckboxGroup component.
  */
 type CheckboxGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupCompactEmits<T>;
 /**
- * Props for the checkbox card group component.
+ * Properties for the CheckboxCardGroup component.
  */
 interface CheckboxCardGroupProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxCardGroupCompactProps<T> {
   /**
@@ -125,7 +125,7 @@ interface CheckboxCardGroupProps<T extends CheckboxCardGroupOptionData = Checkbo
   shape?: CheckboxShape;
 }
 /**
- * Emits for the checkbox card group component.
+ * Events for the CheckboxCardGroup component.
  */
 type CheckboxCardGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxCardGroupCompactEmits<T>;
 //#endregion

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

@@ -36,11 +36,11 @@ type __VLS_Slots = {} & {
   trailing?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ClipboardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => any;
   copied: (value: string) => any;
   copyError: (error: unknown) => any;
 }, string, _$vue.PublicProps, Readonly<ClipboardProps> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
   onCopied?: ((value: string) => any) | undefined;
   onCopyError?: ((error: unknown) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -5,7 +5,7 @@ import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/clipboard/types.d.ts
 /**
- * Props for the clipboard component.
+ * Properties for the Clipboard component.
  */
 interface ClipboardProps$1 extends ClipboardProps {
   /**

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/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};
+import{mergeVariants 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};

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

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/collapsible/collapsible.vue.d.ts
 declare var __VLS_10: {
-  open: boolean | undefined;
+  open: boolean;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;

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

@@ -3,7 +3,7 @@ import { CollapsibleRootEmits, CollapsibleRootProps, CollapsibleUi } from "@soyb
 
 //#region src/components/collapsible/types.d.ts
 /**
- * Props for the collapsible component.
+ * Properties for the Collapsible component.
  */
 interface CollapsibleProps extends CollapsibleRootProps {
   /**
@@ -16,7 +16,7 @@ interface CollapsibleProps extends CollapsibleRootProps {
   ui?: Partial<CollapsibleUi>;
 }
 /**
- * Emits for the collapsible component.
+ * Events for the Collapsible component.
  */
 type CollapsibleEmits = CollapsibleRootEmits;
 //#endregion

package/dist/components/color-area/color-area.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorAreaVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{ColorAreaArea as h,ColorAreaRoot as g,ColorAreaThumb as _,provideColorAreaUi as v}from"@soybeanjs/headless/color-area";const y=a({name:`SColorArea`,__name:`color-area`,props:{class:{},size:{},ui:{},areaProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},format:{},xChannel:{},yChannel:{},disabled:{type:Boolean},xName:{},yName:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(a,{emit:y}){let b=a,x=p(y),S=m(b,[`class`,`size`,`ui`,`areaProps`,`thumbProps`,`onChange`]);return v(n(()=>e(t({size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(g),s(d(S),u(d(x))),{default:f(()=>[i(d(h),c(o(a.areaProps)),{default:f(()=>[i(d(_),c(o(a.thumbProps)),null,16)]),_:1},16)]),_:1},16))}});export{y as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorAreaVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{ColorAreaCompact as d,provideColorAreaUi as f}from"@soybeanjs/headless/color-area";const p=i({name:`SColorArea`,__name:`color-area`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},areaProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},format:{},xChannel:{},yChannel:{},disabled:{type:Boolean},xName:{},yName:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({size:m.size}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),s(c(h))),null,16))}});export{p as default};