@soybeanjs/ui 0.18.0 → 0.19.0

package/dist/components/pagination/pagination.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{paginationVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{PaginationEllipsis as y,PaginationFirst as b,PaginationLast as x,PaginationList as S,PaginationListItem as C,PaginationNext as w,PaginationPrev as T,PaginationRoot as E,providePaginationUi as D}from"@soybeanjs/headless/pagination";const O=l({name:`SPagination`,__name:`pagination`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},variant:{},shape:{},actionAsSelected:{type:Boolean},showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},pageSize:{},defaultPageSize:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`,`update:pageSize`],setup(l,{emit:O}){let k=l,A=O,j=v(k,[`class`,`ui`,`size`,`variant`,`shape`,`actionAsSelected`,`showFirstOrLast`,`listProps`,`listItemProps`,`ellipsisProps`,`firstProps`,`prevProps`,`nextProps`,`lastProps`]),M=i(()=>k.actionAsSelected?``:void 0);return D(i(()=>{let t=n({size:k.size,variant:k.variant,shape:k.shape,actionAsSelected:k.actionAsSelected}),{button:r,navigationButton:i}=t;return e({...t,listItem:r,first:i,prev:i,next:i,last:i},k.ui,{root:k.class})})),(e,n)=>(p(),a(g(E),d(g(j),{"onUpdate:page":n[0]||=e=>A(`update:page`,e),"onUpdate:pageSize":n[1]||=e=>A(`update:pageSize`,e)}),{default:_(()=>[h(e.$slots,`leading`),c(g(S),f(u(l.listProps)),{default:_(({items:n})=>[l.showFirstOrLast?(p(),a(g(b),d({key:0},l.firstProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`first`,{},()=>[c(t,{icon:`lucide:chevrons-left`})])]),_:3},16,[`data-selected`])):o(`v-if`,!0),c(g(T),d(l.prevProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`prev`,{},()=>[c(t,{icon:`lucide:chevron-left`})])]),_:3},16,[`data-selected`]),(p(!0),s(r,null,m(n,n=>(p(),s(r,{key:n},[n.type===`page`?(p(),a(g(C),d({key:0,ref_for:!0},l.listItemProps,{value:n.value}),null,16,[`value`])):n.type===`ellipsis`?(p(),a(g(y),d({key:1,ref_for:!0},l.ellipsisProps),{default:_(()=>[h(e.$slots,`ellipsis`,{},()=>[c(t,{icon:`lucide:ellipsis`})])]),_:3},16)):o(`v-if`,!0)],64))),128)),c(g(w),d(l.nextProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`next`,{},()=>[c(t,{icon:`lucide:chevron-right`})])]),_:3},16,[`data-selected`]),l.showFirstOrLast?(p(),a(g(x),d({key:1},l.lastProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`last`,{},()=>[c(t,{icon:`lucide:chevrons-right`})])]),_:3},16,[`data-selected`])):o(`v-if`,!0)]),_:3},16),h(e.$slots,`trailing`)]),_:3},16))}});export{O as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{paginationVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{PaginationEllipsis as y,PaginationFirst as b,PaginationLast as x,PaginationList as S,PaginationListItem as C,PaginationNext as w,PaginationPrev as T,PaginationRoot as E,providePaginationUi as D}from"@soybeanjs/headless/pagination";const O=l({name:`SPagination`,__name:`pagination`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},variant:{},shape:{},actionAsSelected:{type:Boolean},showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},pageSize:{},defaultPageSize:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`,`update:pageSize`],setup(l,{emit:O}){let k=l,A=O,j=v(k,[`class`,`ui`,`size`,`variant`,`shape`,`actionAsSelected`,`showFirstOrLast`,`listProps`,`listItemProps`,`ellipsisProps`,`firstProps`,`prevProps`,`nextProps`,`lastProps`]),M=i(()=>k.actionAsSelected?``:void 0);return D(i(()=>{let t=n({size:k.size,variant:k.variant,shape:k.shape,actionAsSelected:k.actionAsSelected}),{button:r,navigationButton:i}=t;return e({...t,listItem:r,first:i,prev:i,next:i,last:i},k.ui,{root:k.class})})),(e,n)=>(p(),a(g(E),d(g(j),{"onUpdate:page":n[0]||=e=>A(`update:page`,e),"onUpdate:pageSize":n[1]||=e=>A(`update:pageSize`,e)}),{default:_(()=>[h(e.$slots,`leading`),c(g(S),f(u(l.listProps)),{default:_(({items:n})=>[l.showFirstOrLast?(p(),a(g(b),d({key:0},l.firstProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`first`,{},()=>[c(t,{icon:`lucide:chevrons-left`})])]),_:3},16,[`data-selected`])):o(`v-if`,!0),c(g(T),d(l.prevProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`prev`,{},()=>[c(t,{icon:`lucide:chevron-left`})])]),_:3},16,[`data-selected`]),(p(!0),s(r,null,m(n,n=>(p(),s(r,{key:n},[n.type===`page`?(p(),a(g(C),d({key:0,ref_for:!0},l.listItemProps,{value:n.value}),null,16,[`value`])):n.type===`ellipsis`?(p(),a(g(y),d({key:1,ref_for:!0},l.ellipsisProps),{default:_(()=>[h(e.$slots,`ellipsis`,{},()=>[c(t,{icon:`lucide:ellipsis`})])]),_:3},16)):o(`v-if`,!0)],64))),128)),c(g(w),d(l.nextProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`next`,{},()=>[c(t,{icon:`lucide:chevron-right`})])]),_:3},16,[`data-selected`]),l.showFirstOrLast?(p(),a(g(x),d({key:1},l.lastProps,{"data-selected":M.value}),{default:_(()=>[h(e.$slots,`last`,{},()=>[c(t,{icon:`lucide:chevrons-right`})])]),_:3},16,[`data-selected`])):o(`v-if`,!0)]),_:3},16),h(e.$slots,`trailing`)]),_:3},16))}});export{O as default};

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

@@ -1,2 +1,3 @@
-import { PasswordEmits, PasswordProps } from "./types.js";
-import { _default } from "./password.vue.js";
+import { PasswordEmits, PasswordProps, PasswordSlots } from "./types.js";
+import { _default } from "./password.vue.js";
+export * from "@soybeanjs/headless/password";

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/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};
+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{inputVariants as r}from"../input/variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{PasswordCompact as y,providePasswordUi as b}from"@soybeanjs/headless/password";const x=s({name:`SPassword`,__name:`password`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},clearable:{type:Boolean},visible:{type:Boolean,default:void 0},inputRef:{},controlProps:{},clearProps:{},visibleProps:{},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:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size}),{$base:{clear:n({size:i,shape:`circle`}),visible:n({size:i})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e),"onUpdate:visible":t[1]||=e=>C(`update:visible`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};

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

@@ -1,18 +1,8 @@
-import { PasswordProps } from "./types.js";
+import { PasswordProps, PasswordSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/password/password.vue.d.ts
-declare var __VLS_10: {}, __VLS_24: {}, __VLS_26: {
-    visible: boolean | undefined;
-    toggle: () => void;
-  };
-type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_10) => any;
-} & {
-  trailing?: (props: typeof __VLS_24) => any;
-} & {
-  visible?: (props: typeof __VLS_26) => any;
-};
+type __VLS_Slots = PasswordSlots;
 declare const __VLS_base: _$vue.DefineComponent<PasswordProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
   "update:visible": (visible: boolean) => any;

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

@@ -1,14 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless/input";
+import { PasswordCompactEmits, PasswordCompactProps, PasswordCompactSlots, PasswordUi } from "@soybeanjs/headless/password";
 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 {
+interface PasswordProps extends PasswordCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -21,29 +19,14 @@ interface PasswordProps extends InputRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<PasswordUi>;
-  /** Whether to show the password */
-  visible?: boolean;
-  /** Whether to show the clear icon */
-  clearable?: boolean;
-  /**
-   * The function to set the input element.
-   *
-   * @param el - The input element.
-   */
-  inputRef?: (el: HTMLInputElement) => void;
-  /**
-   * The props of the input extra props.
-   */
-  controlProps?: InputControlProps;
 }
 /**
  * Events for the Password component.
  */
-type PasswordEmits = InputRootEmits & {
-  /**
-   * Emitted when the visible state changes.
-   */
-  'update:visible': [visible: boolean];
-};
+type PasswordEmits = PasswordCompactEmits;
+/**
+ * Slots for the Password component.
+ */
+type PasswordSlots = PasswordCompactSlots;
 //#endregion
-export { PasswordEmits, PasswordProps };
+export { PasswordEmits, PasswordProps, PasswordSlots };

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

@@ -1,6 +1,4 @@
-import { PopconfirmCancelEmits, PopconfirmCancelProps, PopconfirmConfirmEmits, PopconfirmConfirmProps, PopconfirmContentProps, PopconfirmContext, PopconfirmDescriptionProps, PopconfirmEmits, PopconfirmFooterProps, PopconfirmHeaderProps, PopconfirmProps, PopconfirmTitleProps, PopconfirmType, PopconfirmUi } from "./types.js";
+import { PopconfirmEmits, PopconfirmProps, PopconfirmSlots } from "./types.js";
 import { _default } from "./popconfirm.vue.js";
-import { _default as _default$1 } from "./popconfirm-confirm.vue.js";
-import { _default as _default$2 } from "./popconfirm-cancel.vue.js";
-import { PopoverAnchorProps as PopconfirmAnchorProps, PopoverArrowProps as PopconfirmArrowProps, PopoverCloseProps as PopconfirmCloseProps, PopoverPopupProps as PopconfirmPopupProps, PopoverPortalProps as PopconfirmPortalProps, PopoverPositionerEmits as PopconfirmPositionerEmits, PopoverPositionerProps as PopconfirmPositionerProps, PopoverRootEmits as PopconfirmRootEmits, PopoverRootProps as PopconfirmRootProps, PopoverTriggerProps as PopconfirmTriggerProps } from "@soybeanjs/headless/popover";
-export { type PopconfirmAnchorProps, type PopconfirmArrowProps, type PopconfirmCloseProps, type PopconfirmPopupProps, type PopconfirmPortalProps, type PopconfirmPositionerEmits, type PopconfirmPositionerProps, type PopconfirmRootEmits, type PopconfirmRootProps, type PopconfirmTriggerProps };
+import { PopconfirmAnchorProps, PopconfirmArrowProps, PopconfirmCancel as SPopconfirmCancel, PopconfirmCloseProps, PopconfirmConfirm as SPopconfirmConfirm, PopconfirmPopupProps, PopconfirmPortalProps, PopconfirmPositionerEmits, PopconfirmPositionerProps, PopconfirmRootEmits, PopconfirmRootProps, PopconfirmTriggerProps } from "@soybeanjs/headless/popconfirm";
+export { type PopconfirmAnchorProps, type PopconfirmArrowProps, type PopconfirmCloseProps, type PopconfirmPopupProps, type PopconfirmPortalProps, type PopconfirmPositionerEmits, type PopconfirmPositionerProps, type PopconfirmRootEmits, type PopconfirmRootProps, type PopconfirmTriggerProps, SPopconfirmCancel, SPopconfirmConfirm };

package/dist/components/popconfirm/index.js

@@ -1 +1 @@
-import"./popconfirm-cancel.js";import"./popconfirm-confirm.js";import"./popconfirm.js";
+import"./popconfirm.js";import{PopconfirmCancel as e,PopconfirmConfirm as t}from"@soybeanjs/headless/popconfirm";export{e as SPopconfirmCancel,t as SPopconfirmConfirm};

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{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};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n,buttonVariants as r}from"../button/variants.js";import{popconfirmVariants as i}from"./variants.js";import{computed as a,createBlock as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{PopconfirmCompact as S,providePopconfirmUi as C}from"@soybeanjs/headless/popconfirm";const w=c({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`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=x(D);return C(a(()=>{let a=t[T.size??`md`];return e(Object.assign(i({size:T.size,type:T.type}),{$base:{cancel:r({variant:`pure`,size:a}),confirm:r({variant:`solid`,size:a}),close:n({size:a})}}),T.ui,{popup:T.class})})),(e,t)=>(f(),o(g(S),u(g(O),{"cancel-props":c.cancelProps,"confirm-props":c.confirmProps},h(g(k))),s({_:2},[p(g(A),t=>({name:t,fn:v(n=>[m(e.$slots,t,d(l(n)))])}))]),1040,[`cancel-props`,`confirm-props`]))}});export{w as default};

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

@@ -1,32 +1,12 @@
-import { PopconfirmProps } from "./types.js";
+import { PopconfirmProps, PopconfirmSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/popconfirm/popconfirm.vue.d.ts
-declare var __VLS_16: {}, __VLS_41: {
-    close: () => void;
-  }, __VLS_43: {
-    close: () => void;
-  }, __VLS_45: {
-    close: () => void;
-  }, __VLS_47: {
-    close: () => void;
-  }, __VLS_70: {};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  title?: (props: typeof __VLS_41) => any;
-} & {
-  description?: (props: typeof __VLS_43) => any;
-} & {
-  default?: (props: typeof __VLS_45) => any;
-} & {
-  footer?: (props: typeof __VLS_47) => any;
-} & {
-  close?: (props: typeof __VLS_70) => any;
-};
+type __VLS_Slots = PopconfirmSlots;
 declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
+  cancel: (event: PointerEvent) => any;
+  confirm: (event: PointerEvent) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
@@ -35,7 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
-  onClose?: (() => any) | undefined;
+  onCancel?: ((event: PointerEvent) => any) | undefined;
+  onConfirm?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -46,8 +27,6 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
 }>, {
   showCancel: "onlyWarning" | boolean;
   open: boolean;
-  defaultOpen: boolean;
-  modal: boolean;
   showArrow: boolean;
   showIcon: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1,89 +1,12 @@
-import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ButtonProps } from "../button/types.js";
-import { HTMLAttributes } from "vue";
-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";
+import { ThemeSize } from "../../theme/types.js";
+import { PopconfirmCompactEmits, PopconfirmCompactProps, PopconfirmCompactSlots, PopconfirmUi } from "@soybeanjs/headless/popconfirm";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/popconfirm/types.d.ts
-/**
- * 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.
-   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
-   */
-  beforeClose?: () => MaybePromise<boolean | void>;
-}
-/**
- * Events for the PopconfirmConfirm component.
- */
-type PopconfirmConfirmEmits = {
-  /**
-   * Emitted when close occurs.
-   */
-  close: [];
-};
-/**
- * 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.
-   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
-   */
-  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 {
+interface PopconfirmProps extends PopconfirmCompactProps {
   /**
    * class of popup
    */
@@ -96,138 +19,14 @@ interface PopconfirmProps extends PopoverRootProps {
    * 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.
-   *
-   * @defaultValue 'Confirm'
-   */
-  confirmText?: string;
-  /**
-   * The text of the cancel button.
-   *
-   * @defaultValue 'Cancel'
-   */
-  cancelText?: string;
-  /**
-   * Determines whether the cancel button is shown.
-   *
-   * @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: [];
-};
+type PopconfirmEmits = PopconfirmCompactEmits;
 /**
- * Context for the Popconfirm component.
+ * Slots 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;
-}
+type PopconfirmSlots = PopconfirmCompactSlots;
 //#endregion
-export { PopconfirmCancelEmits, PopconfirmCancelProps, PopconfirmConfirmEmits, PopconfirmConfirmProps, PopconfirmContentProps, PopconfirmContext, PopconfirmDescriptionProps, PopconfirmEmits, PopconfirmFooterProps, PopconfirmHeaderProps, PopconfirmProps, PopconfirmTitleProps, PopconfirmType, PopconfirmUi };
+export { PopconfirmEmits, PopconfirmProps, PopconfirmSlots };

package/dist/components/popconfirm/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`flex flex-col w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,header:`flex flex-col text-center sm:text-left`,title:`flex items-center font-semibold leading-none tracking-tight m-0`,description:`text-muted-foreground m-0`,content:``,footer:`flex flex-col-reverse sm:flex-row sm:justify-end`},variants:{size:{xs:{popup:`gap-y-2 p-2 text-2xs`,arrow:`text-3xs`,header:`gap-y-1.5`,title:`gap-x-1.5`,footer:`gap-1.5`},sm:{popup:`gap-y-2.5 p-2.5 text-xs`,arrow:`text-2xs`,header:`gap-y-1.75`,title:`gap-x-1.75`,footer:`gap-1.75`},md:{popup:`gap-y-3 p-3 text-sm`,arrow:`text-xs`,header:`gap-y-2`,title:`gap-x-2`,footer:`gap-2`},lg:{popup:`gap-y-3.5 p-3.5 text-base`,arrow:`text-sm`,header:`gap-y-2.5`,title:`gap-x-2.5`,footer:`gap-2.5`},xl:{popup:`gap-y-4 p-4 text-lg`,arrow:`text-base`,header:`gap-y-3`,title:`gap-x-3`,footer:`gap-3`},"2xl":{popup:`gap-y-4.5 p-4.5 text-xl`,arrow:`text-lg`,header:`gap-y-3.5`,title:`gap-x-3.5`,footer:`gap-3.5`}}},defaultVariants:{size:`md`}});export{t as popconfirmVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`flex flex-col w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,header:`flex flex-col text-center sm:text-start`,icon:`shrink-0`,title:`flex items-center font-semibold leading-none tracking-tight m-0`,description:`text-muted-foreground m-0`,content:``,footer:`flex flex-col-reverse sm:flex-row sm:justify-end`,cancel:``,confirm:``,close:`absolute`},variants:{size:{xs:{popup:`gap-y-2 p-2 text-2xs`,arrow:`text-3xs`,close:`top-1 end-1`,header:`gap-y-1.5`,icon:`text-3xs`,title:`gap-x-1.5`,footer:`gap-1.5`},sm:{popup:`gap-y-2.5 p-2.5 text-xs`,arrow:`text-2xs`,close:`top-1.25 end-1.25`,header:`gap-y-1.75`,icon:`text-2xs`,title:`gap-x-1.75`,footer:`gap-1.75`},md:{popup:`gap-y-3 p-3 text-sm`,arrow:`text-xs`,close:`top-1.5 end-1.5`,header:`gap-y-2`,icon:`text-sm`,title:`gap-x-2`,footer:`gap-2`},lg:{popup:`gap-y-3.5 p-3.5 text-base`,arrow:`text-sm`,close:`top-1.75 end-1.75`,header:`gap-y-2.5`,icon:`text-base`,title:`gap-x-2.5`,footer:`gap-2.5`},xl:{popup:`gap-y-4 p-4 text-lg`,arrow:`text-base`,close:`top-2 end-2`,header:`gap-y-3`,icon:`text-lg`,title:`gap-x-3`,footer:`gap-3`},"2xl":{popup:`gap-y-4.5 p-4.5 text-xl`,arrow:`text-lg`,close:`top-2.5 end-2.5`,header:`gap-y-3.5`,icon:`text-xl`,title:`gap-x-3.5`,footer:`gap-3.5`}},type:{error:{icon:`text-destructive`},success:{icon:`text-success`},warning:{icon:`text-warning`},info:{icon:`text-info`}}},defaultVariants:{size:`md`}});export{t as popconfirmVariants};

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

@@ -1,3 +1,3 @@
-import { PopoverEmits, PopoverProps } from "./types.js";
+import { PopoverEmits, PopoverProps, PopoverSlots } from "./types.js";
 import { _default } from "./popover.vue.js";
 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/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};
+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{popoverVariants as r}from"./variants.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{PopoverCompact as S,providePopoverUi as C}from"@soybeanjs/headless/popover";const w=c({name:`SPopover`,__name:`popover`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},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(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`ui`,`size`]),k=y(E),A=i(()=>x(D));return C(i(()=>{let i=t[T.size??`md`];return e(Object.assign(r({size:T.size}),{$base:{close:n({size:i})}}),T.ui,{popup:T.class})})),(e,t)=>(f(),a(g(S),u(g(O),h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[o(` @vue-expect-error ignore slot type error `),m(e.$slots,t,d(l(n)))])}))]),1040))}});export{w as default};

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

@@ -1,16 +1,9 @@
-import { PopoverProps } from "./types.js";
+import { PopoverProps, PopoverSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/popover/popover.vue.d.ts
-declare var __VLS_16: {}, __VLS_36: {}, __VLS_49: {};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  default?: (props: typeof __VLS_36) => any;
-} & {
-  close?: (props: typeof __VLS_49) => any;
-};
+type __VLS_Slots = PopoverSlots;
 declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;

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

@@ -1,12 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUi } from "@soybeanjs/headless/popover";
-import { ClassValue, Placement } from "@soybeanjs/headless/types";
+import { PopoverCompactEmits, PopoverCompactProps, PopoverCompactSlots, PopoverUi } from "@soybeanjs/headless/popover";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/popover/types.d.ts
 /**
  * Properties for the Popover component.
  */
-interface PopoverProps extends PopoverRootProps {
+interface PopoverProps extends PopoverCompactProps {
   /**
    * class of popup
    */
@@ -19,42 +19,14 @@ interface PopoverProps extends PopoverRootProps {
    * 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;
+type PopoverEmits = PopoverCompactEmits;
+/**
+ * Slots for the Popover component.
+ */
+type PopoverSlots = PopoverCompactSlots;
 //#endregion
-export { PopoverEmits, PopoverProps };
+export { PopoverEmits, PopoverProps, PopoverSlots };

package/dist/components/popover/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`},md:{popup:`p-4 text-sm`,arrow:`text-xs`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`},xl:{popup:`p-5 text-lg`,arrow:`text-base`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,close:`absolute`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`,close:`top-0.5 right-0.5`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`,close:`top-0.75 right-0.75`},md:{popup:`p-4 text-sm`,arrow:`text-xs`,close:`top-1 right-1`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`,close:`top-1.25 right-1.25`},xl:{popup:`p-5 text-lg`,arrow:`text-base`,close:`top-1.5 right-1.5`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`,close:`top-2 right-2`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};

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

@@ -1,6 +1,14 @@
-import { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps } from "./types.js";
 import { _default } from "./progress-provider.vue.js";
+import { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots } from "./types.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 };
+import { progress } from "@soybeanjs/headless/progress";
+export * from "@soybeanjs/headless/progress";
+
+//#region src/components/progress/index.d.ts
+declare namespace index_d_exports {
+  export { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots, _default$1 as SProgress, _default$2 as SProgressCircle, _default as SProgressProvider, progress };
+}
+import * as import__soybeanjs_headless_progress from "@soybeanjs/headless/progress";
+//#endregion
+export { index_d_exports, 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/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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressCircleVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots 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,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ProgressCircleCompact as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},circleSvgProps:{},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=p(),C=g(b,[`class`,`color`,`size`,`ui`,`strokeWidth`]),w=h(x),T=n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class})),E=n(()=>!!S.default);return v(T),(e,t)=>(l(),r(f(_),s(f(C),d(f(w))),i({_:2},[E.value?{name:`default`,fn:m(t=>[u(e.$slots,`default`,c(o(t)))]),key:`0`}:void 0]),1040))}});export{y as default};

package/dist/components/progress/progress-circle.vue.d.ts

@@ -1,16 +1,8 @@
-import { ProgressCircleProps, ProgressState } from "./types.js";
+import { ProgressCircleProps, ProgressCircleSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/progress/progress-circle.vue.d.ts
-type Slots = {
-  default?: (props: {
-    modelValue: ProgressCircleProps['modelValue'];
-    max: number;
-    progressState: ProgressState;
-    valuePercent: number | null;
-  }) => any;
-};
-type __VLS_Slots = Slots;
+type __VLS_Slots = ProgressCircleSlots;
 declare const __VLS_base: _$vue.DefineComponent<ProgressCircleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number | null | undefined) => any;
   "update:max": (value: number) => any;

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/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};
+import{mergeVariants 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-provider.vue.d.ts

@@ -1,5 +1,5 @@
-import { ProgressProviderProps } from "./types.js";
 import * as _$vue from "vue";
+import { ProgressProviderProps } from "@soybeanjs/headless/progress";
 
 //#region src/components/progress/progress-provider.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ProgressProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;