@soybeanjs/ui 0.16.0 → 0.18.0

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

@@ -1,9 +1,16 @@
 import { ThemeSize } from "../../theme/types.js";
 import { PaginationShape, PaginationVariant } from "./variants.js";
-import { ClassValue, PaginationButtonProps, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps, PaginationUi } from "@soybeanjs/headless";
+import { PaginationButtonProps, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps, PaginationUi } from "@soybeanjs/headless/pagination";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/pagination/types.d.ts
+/**
+ * Properties for the Pagination component.
+ */
 interface PaginationProps extends PaginationRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
   /** The custom ui class names */
   ui?: Partial<PaginationUi>;
@@ -17,21 +24,24 @@ interface PaginationProps extends PaginationRootProps {
   actionAsSelected?: boolean;
   /** Whether to show the first and last buttons */
   showFirstOrLast?: boolean;
-  /** The props for the list component */
+  /** The properties for the list component */
   listProps?: PaginationListProps;
-  /** The props for the list item component */
+  /** The properties for the list item component */
   listItemProps?: PaginationListItemProps;
-  /** The props for the ellipsis component */
+  /** The properties for the ellipsis component */
   ellipsisProps?: PaginationEllipsisProps;
-  /** The props for the first button component */
+  /** The properties for the first button component */
   firstProps?: PaginationButtonProps;
-  /** The props for the previous button component */
+  /** The properties for the previous button component */
   prevProps?: PaginationButtonProps;
-  /** The props for the next button component */
+  /** The properties for the next button component */
   nextProps?: PaginationButtonProps;
-  /** The props for the last button component */
+  /** The properties for the last button component */
   lastProps?: PaginationButtonProps;
 }
+/**
+ * Events for the Pagination component.
+ */
 type PaginationEmits = PaginationRootEmits;
 //#endregion
 export { PaginationEmits, PaginationProps };

package/dist/components/password/password.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{inputVariants as n}from"../input/variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,mergeProps as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";import{useControllableState as m,useForwardElement as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{InputControl as _,InputRoot as v,provideInputUi as y}from"@soybeanjs/headless";const b=s({name:`SPassword`,__name:`password`,props:{class:{},size:{},ui:{},visible:{type:Boolean,default:void 0},clearable:{type:Boolean},inputRef:{},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:visible`],setup(s,{emit:b}){let x=s,S=b,[C,w]=h(e=>x.inputRef?.(e)),T=g(x,[`class`,`size`,`ui`,`clearable`,`visible`,`inputRef`,`controlProps`]),E=m(()=>x.visible,e=>{S(`update:visible`,e)},!1),D=()=>{E.value=!E.value},O=r(()=>e(n({size:x.size}),x.ui,{root:x.class}));return y(O),(e,n)=>(u(),i(f(v),c(f(T),{"onUpdate:modelValue":n[0]||=e=>S(`update:modelValue`,e)}),{default:p(({clear:n})=>[d(e.$slots,`leading`),o(f(_),c(s.controlProps,{ref:f(w),type:f(E)?`text`:`password`}),null,16,[`type`]),s.clearable?(u(),i(t,{key:0,icon:`lucide:x`,class:l(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),d(e.$slots,`trailing`),d(e.$slots,`visible`,{visible:f(E),toggle:D},()=>[o(t,{icon:f(E)?`lucide:eye`:`lucide:eye-off`,class:l(O.value.visible),onClick:D},null,8,[`icon`,`class`])])]),_:3},16))}});export{b as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{inputVariants as n}from"../input/variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,mergeProps as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";import{useControllableState as m,useForwardElement as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{InputControl as _,InputRoot as v,provideInputUi as y}from"@soybeanjs/headless/input";const b=s({name:`SPassword`,__name:`password`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},visible:{type:Boolean,default:void 0},clearable:{type:Boolean},inputRef:{},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:visible`],setup(s,{emit:b}){let x=s,S=b,[C,w]=h(e=>x.inputRef?.(e)),T=g(x,[`class`,`size`,`ui`,`clearable`,`visible`,`inputRef`,`controlProps`]),E=m(()=>x.visible,e=>{S(`update:visible`,e)},!1),D=()=>{E.value=!E.value},O=r(()=>e(n({size:x.size}),x.ui,{root:x.class}));return y(O),(e,n)=>(u(),i(f(v),c(f(T),{"onUpdate:modelValue":n[0]||=e=>S(`update:modelValue`,e)}),{default:p(({clear:n})=>[d(e.$slots,`leading`),o(f(_),c(s.controlProps,{ref:f(w),type:f(E)?`text`:`password`}),null,16,[`type`]),s.clearable?(u(),i(t,{key:0,icon:`lucide:x`,class:l(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),d(e.$slots,`trailing`),d(e.$slots,`visible`,{visible:f(E),toggle:D},()=>[o(t,{icon:f(E)?`lucide:eye`:`lucide:eye-off`,class:l(O.value.visible),onClick:D},null,8,[`icon`,`class`])])]),_:3},16))}});export{b as default};

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

@@ -1,12 +1,25 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless";
+import { InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless/input";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/password/types.d.ts
 type PasswordUiSlot = 'clearable' | 'visible';
 type PasswordUi = InputUi & Record<PasswordUiSlot, ClassValue>;
+/**
+ * Properties for the Password component.
+ */
 interface PasswordProps extends InputRootProps {
+  /**
+   * 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<PasswordUi>;
   /** Whether to show the password */
   visible?: boolean;
@@ -23,7 +36,13 @@ interface PasswordProps extends InputRootProps {
    */
   controlProps?: InputControlProps;
 }
+/**
+ * Events for the Password component.
+ */
 type PasswordEmits = InputRootEmits & {
+  /**
+   * Emitted when the visible state changes.
+   */
   'update:visible': [visible: boolean];
 };
 //#endregion

package/dist/components/popconfirm/popconfirm-cancel.js

@@ -1 +1 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button.js";import{usePopconfirmContext as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{PopoverClose as h}from"@soybeanjs/headless";const g=s({name:`SPopconfirmCancel`,__name:`popconfirm-cancel`,props:{text:{},beforeClose:{},class:{},color:{},size:{},variant:{default:`pure`},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(s,{emit:g}){let _=s,v=g,y=m(_,[`text`,`beforeClose`]),{size:b,cancelText:x,cancelProps:S,beforeCancel:C,onClose:w}=n(`PopconfirmCancel`),T=r(()=>({...S.value,...y.value})),E=r(()=>_.text??x.value??`Cancel`),D=r(()=>_.size??e[b.value??`md`]),O=()=>{v(`close`),w()};return(e,n)=>(l(),i(f(h),{"as-child":``,"before-close":s.beforeClose??f(C),onClose:O},{default:p(()=>[o(t,c(T.value,{size:D.value}),{default:p(()=>[u(e.$slots,`default`,{},()=>[a(d(E.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{g as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button.js";import{usePopconfirmContext as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{PopoverClose as h}from"@soybeanjs/headless/popover";const g=s({name:`SPopconfirmCancel`,__name:`popconfirm-cancel`,props:{text:{},beforeClose:{},class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{default:`pure`},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(s,{emit:g}){let _=s,v=g,y=m(_,[`text`,`beforeClose`]),{size:b,cancelText:x,cancelProps:S,beforeCancel:C,onClose:w}=n(`PopconfirmCancel`),T=r(()=>({...S.value,...y.value})),E=r(()=>_.text??x.value??`Cancel`),D=r(()=>_.size??e[b.value??`md`]),O=()=>{v(`close`),w()};return(e,n)=>(l(),i(f(h),{"as-child":``,"before-close":s.beforeClose??f(C),onClose:O},{default:p(()=>[o(t,c(T.value,{size:D.value}),{default:p(()=>[u(e.$slots,`default`,{},()=>[a(d(E.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{g as default};

package/dist/components/popconfirm/popconfirm-confirm.js

@@ -1 +1 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button.js";import{usePopconfirmContext as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{PopoverClose as h}from"@soybeanjs/headless";const g=s({name:`SPopconfirmConfirm`,__name:`popconfirm-confirm`,props:{text:{},beforeClose:{type:Function},class:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(s,{emit:g}){let _=s,v=g,y=m(_,[`text`,`beforeClose`]),{size:b,confirmText:x,confirmProps:S,beforeConfirm:C,onClose:w}=n(`PopconfirmConfirm`),T=r(()=>({...S.value,...y.value})),E=r(()=>_.text??x.value??`Confirm`),D=r(()=>_.size??e[b.value??`md`]),O=()=>{v(`close`),w()};return(e,n)=>(l(),i(f(h),{"as-child":``,"before-close":s.beforeClose??f(C),onClose:O},{default:p(()=>[o(t,c(T.value,{size:D.value}),{default:p(()=>[u(e.$slots,`default`,{},()=>[a(d(E.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{g as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button.js";import{usePopconfirmContext as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{PopoverClose as h}from"@soybeanjs/headless/popover";const g=s({name:`SPopconfirmConfirm`,__name:`popconfirm-confirm`,props:{text:{},beforeClose:{type:Function},class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(s,{emit:g}){let _=s,v=g,y=m(_,[`text`,`beforeClose`]),{size:b,confirmText:x,confirmProps:S,beforeConfirm:C,onClose:w}=n(`PopconfirmConfirm`),T=r(()=>({...S.value,...y.value})),E=r(()=>_.text??x.value??`Confirm`),D=r(()=>_.size??e[b.value??`md`]),O=()=>{v(`close`),w()};return(e,n)=>(l(),i(f(h),{"as-child":``,"before-close":s.beforeClose??f(C),onClose:O},{default:p(()=>[o(t,c(T.value,{size:D.value}),{default:p(()=>[u(e.$slots,`default`,{},()=>[a(d(E.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{g as default};

package/dist/components/popconfirm/popconfirm.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{providePopconfirmContext as n}from"./context.js";import{popconfirmVariants as r}from"./variants.js";import i from"./popconfirm-cancel.js";import a from"./popconfirm-confirm.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,usePickProps as E}from"@soybeanjs/headless/composables";import{PopoverArrow as D,PopoverClose as O,PopoverPopup as k,PopoverPortal as A,PopoverPositioner as j,PopoverRoot as M,PopoverTrigger as N,providePopoverUi as P}from"@soybeanjs/headless";import{transformPropsToContext as F}from"@soybeanjs/headless/shared";const I=p({name:`SPopconfirm`,__name:`popconfirm`,props:{class:{},size:{},ui:{},type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},beforeCancel:{},beforeConfirm:{},confirmProps:{},cancelProps:{},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`],setup(p,{emit:I}){let L=p,R=I,z=C(),B=E(L,[`defaultOpen`,`open`,`modal`]),V=T(R),H=o(()=>e(r({size:L.size}),L.ui,{popup:L.class})),U={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},W=o(()=>L.type?U[L.type]:null),G=o(()=>({placement:L.placement,...L.positionerProps})),K=o(()=>typeof L.showCancel==`boolean`?L.showCancel:L.type===`warning`),q=()=>{R(`close`)};return P(H),n({...F(L,[`size`,`confirmText`,`cancelText`,`showCancel`,`cancelProps`,`confirmProps`]),beforeConfirm:L.beforeConfirm,beforeCancel:L.beforeCancel,onClose:q}),(e,n)=>(v(),s(S(M),h(S(B),{"onUpdate:open":n[0]||=e=>R(`update:open`,e)}),{default:w(n=>[f(S(N),h(p.triggerProps,{"as-child":``}),{default:w(()=>[y(e.$slots,`trigger`)]),_:3},16),f(S(A),_(m(p.portalProps)),{default:w(()=>[f(S(j),h(G.value,x(S(V))),{default:w(()=>[f(S(k),_(m(p.popupProps)),{default:w(()=>[u(`div`,h(p.headerProps,{class:H.value.header}),[u(`h3`,h(p.titleProps,{class:H.value.title}),[p.showIcon&&W.value?(v(),s(t,{key:0,icon:W.value.icon,class:g(W.value.class)},null,8,[`icon`,`class`])):c(`v-if`,!0),y(e.$slots,`title`,{close:n.close},()=>[d(b(p.title),1)])],16),S(z).description||p.description?(v(),l(`p`,{key:0,class:g(H.value.description)},[y(e.$slots,`description`,{close:n.close},()=>[d(b(p.description),1)])],2)):c(`v-if`,!0)],16),e.$slots.content||p.content?(v(),l(`div`,h({key:0},p.contentProps,{class:H.value.content}),[y(e.$slots,`default`,{close:n.close},()=>[d(b(p.content),1)])],16)):c(`v-if`,!0),u(`div`,{class:g(H.value.footer)},[y(e.$slots,`footer`,{close:n.close},()=>[K.value?(v(),s(i,{key:0})):c(`v-if`,!0),f(a,{text:p.confirmText},null,8,[`text`])])],2),p.showArrow?(v(),s(S(D),_(h({key:1},p.arrowProps)),null,16)):c(`v-if`,!0)]),_:2},1040),e.$slots.close?(v(),s(S(O),{key:0,"as-child":``},{default:w(()=>[y(e.$slots,`close`)]),_:3})):c(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{providePopconfirmContext as n}from"./context.js";import{popconfirmVariants as r}from"./variants.js";import i from"./popconfirm-cancel.js";import a from"./popconfirm-confirm.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,usePickProps as E}from"@soybeanjs/headless/composables";import{transformPropsToContext as D}from"@soybeanjs/headless/shared";import{PopoverArrow as O,PopoverClose as k,PopoverPopup as A,PopoverPortal as j,PopoverPositioner as M,PopoverRoot as N,PopoverTrigger as P,providePopoverUi as F}from"@soybeanjs/headless/popover";const I=p({name:`SPopconfirm`,__name:`popconfirm`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},beforeCancel:{},beforeConfirm:{},confirmProps:{},cancelProps:{},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`],setup(p,{emit:I}){let L=p,R=I,z=C(),B=E(L,[`defaultOpen`,`open`,`modal`]),V=T(R),H=o(()=>e(r({size:L.size}),L.ui,{popup:L.class})),U={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},W=o(()=>L.type?U[L.type]:null),G=o(()=>({placement:L.placement,...L.positionerProps})),K=o(()=>typeof L.showCancel==`boolean`?L.showCancel:L.type===`warning`),q=()=>{R(`close`)};return F(H),n({...D(L,[`size`,`confirmText`,`cancelText`,`showCancel`,`cancelProps`,`confirmProps`]),beforeConfirm:L.beforeConfirm,beforeCancel:L.beforeCancel,onClose:q}),(e,n)=>(v(),s(S(N),h(S(B),{"onUpdate:open":n[0]||=e=>R(`update:open`,e)}),{default:w(n=>[f(S(P),h(p.triggerProps,{"as-child":``}),{default:w(()=>[y(e.$slots,`trigger`)]),_:3},16),f(S(j),_(m(p.portalProps)),{default:w(()=>[f(S(M),h(G.value,x(S(V))),{default:w(()=>[f(S(A),_(m(p.popupProps)),{default:w(()=>[u(`div`,h(p.headerProps,{class:H.value.header}),[u(`h3`,h(p.titleProps,{class:H.value.title}),[p.showIcon&&W.value?(v(),s(t,{key:0,icon:W.value.icon,class:g(W.value.class)},null,8,[`icon`,`class`])):c(`v-if`,!0),y(e.$slots,`title`,{close:n.close},()=>[d(b(p.title),1)])],16),S(z).description||p.description?(v(),l(`p`,{key:0,class:g(H.value.description)},[y(e.$slots,`description`,{close:n.close},()=>[d(b(p.description),1)])],2)):c(`v-if`,!0)],16),e.$slots.content||p.content?(v(),l(`div`,h({key:0},p.contentProps,{class:H.value.content}),[y(e.$slots,`default`,{close:n.close},()=>[d(b(p.content),1)])],16)):c(`v-if`,!0),u(`div`,{class:g(H.value.footer)},[y(e.$slots,`footer`,{close:n.close},()=>[K.value?(v(),s(i,{key:0})):c(`v-if`,!0),f(a,{text:p.confirmText},null,8,[`text`])])],2),p.showArrow?(v(),s(S(O),_(h({key:1},p.arrowProps)),null,16)):c(`v-if`,!0)]),_:2},1040),e.$slots.close?(v(),s(S(k),{key:0,"as-child":``},{default:w(()=>[y(e.$slots,`close`)]),_:3})):c(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};

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

@@ -1,10 +1,17 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ButtonProps as ButtonProps$1 } from "../button/types.js";
+import { ButtonProps } from "../button/types.js";
 import { HTMLAttributes } from "vue";
-import { ClassValue, MaybePromise, Placement, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUiSlot, PropsToContext, UiClass } from "@soybeanjs/headless";
+import { PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUiSlot } from "@soybeanjs/headless/popover";
+import { ClassValue, MaybePromise, Placement, PropsToContext, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/popconfirm/types.d.ts
-interface PopconfirmConfirmProps extends ButtonProps$1 {
+/**
+ * Properties for the PopconfirmConfirm component.
+ */
+interface PopconfirmConfirmProps extends ButtonProps {
+  /**
+   * Text.
+   */
   text?: string;
   /**
    * Called before the dialog is closed. Can be used to prevent the dialog from closing.
@@ -12,10 +19,22 @@ interface PopconfirmConfirmProps extends ButtonProps$1 {
    */
   beforeClose?: () => MaybePromise<boolean | void>;
 }
+/**
+ * Events for the PopconfirmConfirm component.
+ */
 type PopconfirmConfirmEmits = {
+  /**
+   * Emitted when close occurs.
+   */
   close: [];
 };
-interface PopconfirmCancelProps extends ButtonProps$1 {
+/**
+ * Properties for the PopconfirmCancel component.
+ */
+interface PopconfirmCancelProps extends ButtonProps {
+  /**
+   * Text.
+   */
   text?: string;
   /**
    * Called before the dialog is closed. Can be used to prevent the dialog from closing.
@@ -23,30 +42,87 @@ interface PopconfirmCancelProps extends ButtonProps$1 {
    */
   beforeClose?: () => MaybePromise<boolean | void>;
 }
+/**
+ * Events for the PopconfirmCancel component.
+ */
 type PopconfirmCancelEmits = {
+  /**
+   * Emitted when close occurs.
+   */
   close: [];
 };
+/**
+ * Properties for the PopconfirmHeader component.
+ */
 interface PopconfirmHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the PopconfirmTitle component.
+ */
 interface PopconfirmTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the PopconfirmDescription component.
+ */
 interface PopconfirmDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the PopconfirmContent component.
+ */
 interface PopconfirmContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the PopconfirmFooter component.
+ */
 interface PopconfirmFooterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Supported popconfirm values.
+ */
 type PopconfirmType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
 type PopconfirmUiSlot = PopoverUiSlot | 'header' | 'icon' | 'header' | 'title' | 'description' | 'content' | 'footer';
+/**
+ * UI class overrides for the Popconfirm component.
+ */
 type PopconfirmUi = UiClass<PopconfirmUiSlot>;
+/**
+ * Properties for the Popconfirm component.
+ */
 interface PopconfirmProps extends PopoverRootProps {
   /**
    * class of popup
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<PopconfirmUi>;
+  /**
+   * Type.
+   */
   type?: PopconfirmType;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Title text rendered by the component.
+   */
   title?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
+  /**
+   * Content.
+   */
   content?: string;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Whether to show an icon.
+   */
   showIcon?: boolean;
   /**
    * The text of the confirm button.
@@ -66,28 +142,91 @@ interface PopconfirmProps extends PopoverRootProps {
    * @default 'onlyWarning'
    */
   showCancel?: 'onlyWarning' | boolean;
+  /**
+   * Before cancel.
+   */
   beforeCancel?: () => MaybePromise<boolean | void>;
+  /**
+   * Before confirm.
+   */
   beforeConfirm?: () => MaybePromise<boolean | void>;
+  /**
+   * Properties forwarded to the confirm element.
+   */
   confirmProps?: PopconfirmConfirmProps;
+  /**
+   * Properties forwarded to the cancel element.
+   */
   cancelProps?: PopconfirmCancelProps;
+  /**
+   * Properties forwarded to the positioner element.
+   */
   positionerProps?: PopoverPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: PopoverPopupProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: PopoverTriggerProps;
+  /**
+   * Properties forwarded to the close element.
+   */
   closeProps?: PopoverCloseProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: PopoverPortalProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
   arrowProps?: PopoverArrowProps;
+  /**
+   * Properties forwarded to the header element.
+   */
   headerProps?: PopconfirmHeaderProps;
+  /**
+   * Properties forwarded to the title element.
+   */
   titleProps?: PopconfirmTitleProps;
+  /**
+   * Properties forwarded to the description element.
+   */
   descriptionProps?: PopconfirmDescriptionProps;
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: PopconfirmContentProps;
+  /**
+   * Properties forwarded to the footer element.
+   */
   footerProps?: PopconfirmFooterProps;
 }
+/**
+ * Events for the Popconfirm component.
+ */
 type PopconfirmEmits = PopoverRootEmits & PopoverPositionerEmits & {
+  /**
+   * Emitted when close occurs.
+   */
   close: [];
 };
+/**
+ * Context for the Popconfirm component.
+ */
 interface PopconfirmContext extends PropsToContext<PopconfirmProps, 'size' | 'confirmText' | 'cancelText' | 'showCancel' | 'confirmProps' | 'cancelProps'> {
+  /**
+   * Before confirm used by the component context.
+   */
   beforeConfirm?: () => MaybePromise<boolean | void>;
+  /**
+   * Before cancel used by the component context.
+   */
   beforeCancel?: () => MaybePromise<boolean | void>;
+  /**
+   * Callback invoked when the close event fires.
+   */
   onClose: () => void;
 }
 //#endregion

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

@@ -1,4 +1,3 @@
 import { PopoverEmits, PopoverProps } from "./types.js";
 import { _default } from "./popover.vue.js";
-import { PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "@soybeanjs/headless/popover";
-export { type PopoverAnchorProps, type PopoverArrowProps, type PopoverCloseProps, type PopoverPopupProps, type PopoverPortalProps, type PopoverPositionerEmits, type PopoverPositionerProps, type PopoverRootEmits, type PopoverRootProps, type PopoverTriggerProps };
+export * from "@soybeanjs/headless/popover";

package/dist/components/popover/popover.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{popoverVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverUi as w}from"@soybeanjs/headless";const T=o({name:`SPopover`,__name:`popover`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui,{popup:E.class})),j=n(()=>({...E.positionerProps,placement:E.placement??E.positionerProps?.placement}));return w(A),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),c({key:0},o.closeProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`close`)]),_:3},16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{popoverVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverUi as w}from"@soybeanjs/headless/popover";const T=o({name:`SPopover`,__name:`popover`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui,{popup:E.class})),j=n(()=>({...E.positionerProps,placement:E.placement??E.positionerProps?.placement}));return w(A),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),c({key:0},o.closeProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`close`)]),_:3},16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};

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

@@ -1,23 +1,60 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, Placement, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopperUi } from "@soybeanjs/headless";
+import { PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUi } from "@soybeanjs/headless/popover";
+import { ClassValue, Placement } from "@soybeanjs/headless/types";
 
 //#region src/components/popover/types.d.ts
+/**
+ * Properties for the Popover component.
+ */
 interface PopoverProps extends PopoverRootProps {
   /**
    * class of popup
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
-  ui?: Partial<PopperUi>;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<PopoverUi>;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Properties forwarded to the positioner element.
+   */
   positionerProps?: PopoverPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: PopoverPopupProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: PopoverTriggerProps;
+  /**
+   * Properties forwarded to the close element.
+   */
   closeProps?: PopoverCloseProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: PopoverPortalProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
   arrowProps?: PopoverArrowProps;
 }
+/**
+ * Events for the Popover component.
+ */
 type PopoverEmits = PopoverRootEmits & PopoverPositionerEmits;
 //#endregion
 export { PopoverEmits, PopoverProps };

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

@@ -1,6 +1,6 @@
-import { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, ProgressProviderProps } from "./types.js";
-import { _default } from "./progress.vue.js";
-import { _default as _default$1 } from "./progress-circle.vue.js";
-import { _default as _default$2 } from "./progress-provider.vue.js";
-import { ProgressIndicatorProps as ProgressIndicatorProps$1, ProgressRootEmits as ProgressRootEmits$1, ProgressRootProps as ProgressRootProps$1, ProgressState, ProgressUi as ProgressUi$1, ProgressUiSlot, progress } from "@soybeanjs/headless/progress";
-export { type ProgressIndicatorProps$1 as ProgressIndicatorProps, type ProgressRootEmits$1 as ProgressRootEmits, type ProgressRootProps$1 as ProgressRootProps, type ProgressState, type ProgressUi$1 as ProgressUi, type ProgressUiSlot, progress };
+import { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps } from "./types.js";
+import { _default } from "./progress-provider.vue.js";
+import { _default as _default$1 } from "./progress.vue.js";
+import { _default as _default$2 } from "./progress-circle.vue.js";
+import { ProgressIndicatorProps as ProgressIndicatorProps$1, ProgressOptions, ProgressProviderProps, ProgressRootContext, ProgressRootEmits as ProgressRootEmits$1, ProgressRootProps as ProgressRootProps$1, ProgressState, ProgressUi as ProgressUi$1, ProgressUiSlot, progress } from "@soybeanjs/headless/progress";
+export { type ProgressIndicatorProps$1 as ProgressIndicatorProps, type ProgressOptions, type ProgressProviderProps, type ProgressRootContext, type ProgressRootEmits$1 as ProgressRootEmits, type ProgressRootProps$1 as ProgressRootProps, type ProgressState, type ProgressUi$1 as ProgressUi, type ProgressUiSlot, progress };

package/dist/components/progress/progress-circle.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock 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{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{},color:{},size:{},ui:{},strokeWidth:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock 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{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless/progress";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};

package/dist/components/progress/progress-provider.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless/progress";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};

package/dist/components/progress/progress.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ProgressIndicator as g,ProgressRoot as _,provideProgressUi as v}from"@soybeanjs/headless";const y=a({name:`SProgress`,__name:`progress`,props:{class:{},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=h(b,[`class`,`color`,`size`,`ui`,`indicatorProps`]),C=m(x);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(S),d(f(C))),{default:p(t=>[i(f(g),c(o(a.indicatorProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:3},16))}});export{y as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ProgressIndicator as g,ProgressRoot as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgress`,__name:`progress`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=h(b,[`class`,`color`,`size`,`ui`,`indicatorProps`]),C=m(x);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(S),d(f(C))),{default:p(t=>[i(f(g),c(o(a.indicatorProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:3},16))}});export{y as default};

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

@@ -1,23 +1,65 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { ProgressIndicatorProps, ProgressProviderProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi } from "@soybeanjs/headless/progress";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/progress/types.d.ts
+/**
+ * Properties for the Progress component.
+ */
 interface ProgressProps extends ProgressRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ProgressUi>;
+  /**
+   * Properties forwarded to the indicator element.
+   */
   indicatorProps?: ProgressIndicatorProps;
 }
+/**
+ * Properties for the ProgressCircle component.
+ */
 interface ProgressCircleProps extends ProgressRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ProgressUi>;
+  /**
+   * Stroke width.
+   */
   strokeWidth?: number;
 }
+/**
+ * Events for the Progress component.
+ */
 type ProgressEmits = ProgressRootEmits;
+/**
+ * Events for the ProgressCircle component.
+ */
 type ProgressCircleEmits = ProgressRootEmits;
 //#endregion
 export { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressProviderProps, type ProgressState };

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

@@ -1,7 +1,6 @@
-import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData as RadioGroupOptionData$1, RadioGroupProps, RadioProps } from "./types.js";
+import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
 import { _default } from "./radio-group.vue.js";
 import { _default as _default$1 } from "./radio.vue.js";
 import { _default as _default$2 } from "./radio-card.vue.js";
 import { _default as _default$3 } from "./radio-card-group.vue.js";
-import { RadioGroupControlProps as RadioGroupControlProps$1, RadioGroupIndicatorProps as RadioGroupIndicatorProps$1, RadioGroupItemEmits, RadioGroupItemProps as RadioGroupItemProps$1, RadioGroupLabelProps as RadioGroupLabelProps$1, RadioGroupRootEmits, RadioGroupRootProps } from "@soybeanjs/headless/radio-group";
-export { type RadioGroupControlProps$1 as RadioGroupControlProps, type RadioGroupIndicatorProps$1 as RadioGroupIndicatorProps, type RadioGroupItemEmits, type RadioGroupItemProps$1 as RadioGroupItemProps, type RadioGroupLabelProps$1 as RadioGroupLabelProps, type RadioGroupRootEmits, type RadioGroupRootProps };
+export * from "@soybeanjs/headless/radio-group";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioCardGroupVariants as t}from"./variants.js";import n from"./radio-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless";const g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioCardGroupVariants as t}from"./variants.js";import n from"./radio-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless/radio-group";const g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};

package/dist/components/radio-group/radio-card-group.vue.d.ts

@@ -1,6 +1,6 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
 import * as _$vue from "vue";
-import { AcceptableBooleanValue } from "@soybeanjs/headless";
+import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import{Transition as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,unref as _,useId as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{RadioGroupControl as S,RadioGroupIndicator as C,RadioGroupItem as w,RadioGroupLabel as T,Slot as E}from"@soybeanjs/headless";const D={key:0},O=l({name:`SRadioCard`,__name:`radio-card`,props:{ui:{},icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(l){let O=l,k=y(),A=x(O,[`ui`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=v(),M=n(()=>O.id||`radio-${j}`);return(n,v)=>(m(),r(_(w),p(u(_(A))),{default:b(()=>[o(`div`,{class:f(l.ui?.content)},[c(e,{icon:l.icon,class:f(l.ui?.icon)},null,8,[`icon`,`class`]),o(`div`,{class:f(l.ui?.textContent)},[c(_(T),d(l.labelProps,{for:M.value}),{default:b(()=>[h(n.$slots,`default`,{id:M.value},()=>[s(g(l.label),1)])]),_:3},16,[`for`]),_(k).description||l.description?(m(),r(_(E),{key:0,class:f(l.ui?.description)},{default:b(()=>[h(n.$slots,`description`,{},()=>[l.description?(m(),a(`p`,D,g(l.description),1)):i(`v-if`,!0)])]),_:3},8,[`class`])):i(`v-if`,!0)],2)],2),c(_(S),d(l.controlProps,{id:M.value}),{default:b(()=>[c(t,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:b(()=>[c(_(C),p(u(l.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{O as default};
+import e from"../icon/icon.js";import{Transition as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,unref as _,useId as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{RadioGroupControl as S,RadioGroupIndicator as C,RadioGroupItem as w,RadioGroupLabel as T}from"@soybeanjs/headless/radio-group";import{Slot as E}from"@soybeanjs/headless/slot";const D={key:0},O=l({name:`SRadioCard`,__name:`radio-card`,props:{ui:{},icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(l){let O=l,k=y(),A=x(O,[`ui`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=v(),M=n(()=>O.id||`radio-${j}`);return(n,v)=>(m(),r(_(w),p(u(_(A))),{default:b(()=>[o(`div`,{class:f(l.ui?.content)},[c(e,{icon:l.icon,class:f(l.ui?.icon)},null,8,[`icon`,`class`]),o(`div`,{class:f(l.ui?.textContent)},[c(_(T),d(l.labelProps,{for:M.value}),{default:b(()=>[h(n.$slots,`default`,{id:M.value},()=>[s(g(l.label),1)])]),_:3},16,[`for`]),_(k).description||l.description?(m(),r(_(E),{key:0,class:f(l.ui?.description)},{default:b(()=>[h(n.$slots,`description`,{},()=>[l.description?(m(),a(`p`,D,g(l.description),1)):i(`v-if`,!0)])]),_:3},8,[`class`])):i(`v-if`,!0)],2)],2),c(_(S),d(l.controlProps,{id:M.value}),{default:b(()=>[c(t,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:b(()=>[c(_(C),p(u(l.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{O as default};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,unref as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCompact as f,provideRadioGroupUi as p}from"@soybeanjs/headless";const m=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=d(h,[`class`,`ui`,`variant`,`color`,`size`]),v=r(()=>h.items),y=e=>{g(`update:modelValue`,e)};return p(r(()=>e(t({variant:h.variant,color:h.color,size:h.size}),h.ui,{root:h.class}))),(e,t)=>(l(),a(n,null,[i(` @vue-ignore generic props are validated by RadioGroupProps/RadioGroupCompactProps `),o(u(f),c(u(_),{items:v.value,"onUpdate:modelValue":y}),null,16,[`items`])],2112))}});export{m as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,unref as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCompact as f,provideRadioGroupUi as p}from"@soybeanjs/headless/radio-group";const m=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=d(h,[`class`,`ui`,`variant`,`color`,`size`]),v=r(()=>h.items),y=e=>{g(`update:modelValue`,e)};return p(r(()=>e(t({variant:h.variant,color:h.color,size:h.size}),h.ui,{root:h.class}))),(e,t)=>(l(),a(n,null,[i(` @vue-ignore generic props are validated by RadioGroupProps/RadioGroupCompactProps `),o(u(f),c(u(_),{items:v.value,"onUpdate:modelValue":y}),null,16,[`items`])],2112))}});export{m as default};

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

@@ -1,6 +1,6 @@
 import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
 import * as _$vue from "vue";
-import { AcceptableBooleanValue } from "@soybeanjs/headless";
+import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -1 +1 @@
-import{Transition as e,computed as t,createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useId as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{RadioGroupControl as g,RadioGroupIndicator as _,RadioGroupItem as v,RadioGroupLabel as y}from"@soybeanjs/headless";const b=a({name:`SRadio`,__name:`radio`,props:{label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(a){let b=a,x=h(b,[`controlProps`,`indicatorProps`,`labelProps`]),S=p(),C=t(()=>b.id||`radio-${S}`);return(t,p)=>(l(),n(f(v),c(o(f(x))),{default:m(()=>[i(f(g),s(a.controlProps,{id:C.value}),{default:m(()=>[i(e,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:m(()=>[i(f(_),c(o(a.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`]),i(f(y),s(a.labelProps,{for:C.value}),{default:m(()=>[u(t.$slots,`default`,{},()=>[r(d(a.label),1)])]),_:3},16,[`for`])]),_:3},16))}});export{b as default};
+import{Transition as e,computed as t,createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useId as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{RadioGroupControl as g,RadioGroupIndicator as _,RadioGroupItem as v,RadioGroupLabel as y}from"@soybeanjs/headless/radio-group";const b=a({name:`SRadio`,__name:`radio`,props:{label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(a){let b=a,x=h(b,[`controlProps`,`indicatorProps`,`labelProps`]),S=p(),C=t(()=>b.id||`radio-${S}`);return(t,p)=>(l(),n(f(v),c(o(f(x))),{default:m(()=>[i(f(g),s(a.controlProps,{id:C.value}),{default:m(()=>[i(e,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:m(()=>[i(f(_),c(o(a.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`]),i(f(y),s(a.labelProps,{for:C.value}),{default:m(()=>[u(t.$slots,`default`,{},()=>[r(d(a.label),1)])]),_:3},16,[`for`])]),_:3},16))}});export{b as default};