@soybeanjs/ui 0.18.0 → 0.20.0

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

@@ -1,23 +1,8 @@
-import { PaginationProps } from "./types.js";
+import { PaginationProps, PaginationSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination.vue.d.ts
-declare var __VLS_11: {}, __VLS_25: {}, __VLS_38: {}, __VLS_56: {}, __VLS_69: {}, __VLS_82: {}, __VLS_89: {};
-type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_11) => any;
-} & {
-  first?: (props: typeof __VLS_25) => any;
-} & {
-  prev?: (props: typeof __VLS_38) => any;
-} & {
-  ellipsis?: (props: typeof __VLS_56) => any;
-} & {
-  next?: (props: typeof __VLS_69) => any;
-} & {
-  last?: (props: typeof __VLS_82) => any;
-} & {
-  trailing?: (props: typeof __VLS_89) => any;
-};
+type __VLS_Slots = PaginationSlots;
 declare const __VLS_base: _$vue.DefineComponent<PaginationProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
   "update:pageSize": (value: number) => any;

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

@@ -1,13 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import { PaginationShape, PaginationVariant } from "./variants.js";
-import { PaginationButtonProps, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps, PaginationUi } from "@soybeanjs/headless/pagination";
+import { PaginationCompactEmits, PaginationCompactProps, PaginationCompactSlots, 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 {
+interface PaginationProps extends PaginationCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -22,26 +22,14 @@ interface PaginationProps extends PaginationRootProps {
   shape?: PaginationShape;
   /** Whether to apply the selected state to the action button */
   actionAsSelected?: boolean;
-  /** Whether to show the first and last buttons */
-  showFirstOrLast?: boolean;
-  /** The properties for the list component */
-  listProps?: PaginationListProps;
-  /** The properties for the list item component */
-  listItemProps?: PaginationListItemProps;
-  /** The properties for the ellipsis component */
-  ellipsisProps?: PaginationEllipsisProps;
-  /** The properties for the first button component */
-  firstProps?: PaginationButtonProps;
-  /** The properties for the previous button component */
-  prevProps?: PaginationButtonProps;
-  /** The properties for the next button component */
-  nextProps?: PaginationButtonProps;
-  /** The properties for the last button component */
-  lastProps?: PaginationButtonProps;
 }
 /**
  * Events for the Pagination component.
  */
-type PaginationEmits = PaginationRootEmits;
+type PaginationEmits = PaginationCompactEmits;
+/**
+ * Slots for the Pagination component.
+ */
+type PaginationSlots = PaginationCompactSlots;
 //#endregion
-export { PaginationEmits, PaginationProps };
+export { PaginationEmits, PaginationProps, PaginationSlots };

package/dist/components/pagination/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex items-center`,ellipsis:`flex justify-center items-center`,button:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],navigationButton:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{list:`gap-0.75 text-2xs`,ellipsis:`size-6`,button:`size-6`,navigationButton:`h-6 px-1 gap-0.75`},sm:{list:`gap-1 text-xs`,ellipsis:`size-7`,button:`size-7`,navigationButton:`h-7 px-1.5 gap-1`},md:{list:`gap-1.25 text-sm`,ellipsis:`size-8`,button:`size-8`,navigationButton:`h-8 px-1.875 gap-1.5`},lg:{list:`gap-1.5 text-base`,ellipsis:`size-9`,button:`size-9`,navigationButton:`h-9 px-2 gap-2`},xl:{list:`gap-1.75 text-lg`,ellipsis:`size-10`,button:`size-10`,navigationButton:`h-10 px-2.25 gap-2.5`},"2xl":{list:`gap-2 text-xl`,ellipsis:`size-12`,button:`size-12`,navigationButton:`h-12 px-2.875 gap-3`}},variant:{pure:{button:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`},solid:{button:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`},outline:{button:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`},soft:{button:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}},shape:{rounded:{button:`rounded-full`,navigationButton:`rounded-full`},square:{button:`rounded-md`,navigationButton:`rounded-md`}},actionAsSelected:{true:{navigationButton:``}}},compoundVariants:[{variant:`pure`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`}},{variant:`solid`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`}},{variant:`outline`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`}},{variant:`soft`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}}],defaultVariants:{size:`md`,variant:`pure`,shape:`square`,actionAsSelected:!1}});export{t as paginationVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex items-center`,ellipsis:`flex justify-center items-center`,button:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],navigationButton:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150 rtl:[&>svg]:rotate-180`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{list:`gap-0.75 text-2xs`,ellipsis:`size-6`,button:`size-6`,navigationButton:`h-6 px-1 gap-0.75`},sm:{list:`gap-1 text-xs`,ellipsis:`size-7`,button:`size-7`,navigationButton:`h-7 px-1.5 gap-1`},md:{list:`gap-1.25 text-sm`,ellipsis:`size-8`,button:`size-8`,navigationButton:`h-8 px-1.875 gap-1.5`},lg:{list:`gap-1.5 text-base`,ellipsis:`size-9`,button:`size-9`,navigationButton:`h-9 px-2 gap-2`},xl:{list:`gap-1.75 text-lg`,ellipsis:`size-10`,button:`size-10`,navigationButton:`h-10 px-2.25 gap-2.5`},"2xl":{list:`gap-2 text-xl`,ellipsis:`size-12`,button:`size-12`,navigationButton:`h-12 px-2.875 gap-3`}},variant:{pure:{button:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`},solid:{button:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`},outline:{button:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`},soft:{button:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}},shape:{rounded:{button:`rounded-full`,navigationButton:`rounded-full`},square:{button:`rounded-md`,navigationButton:`rounded-md`}},actionAsSelected:{true:{navigationButton:``}}},compoundVariants:[{variant:`pure`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:border data-[soybean-pagination-action]:border-border data-[soybean-pagination-action]:bg-background data-[soybean-pagination-action]:text-accent-foreground data-[soybean-pagination-action]:hover:bg-accent/60 data-[soybean-pagination-action]:active:bg-accent`}},{variant:`solid`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:border-transparent data-[soybean-pagination-action]:bg-primary data-[soybean-pagination-action]:text-primary-foreground data-[soybean-pagination-action]:hover:bg-primary/80 data-[soybean-pagination-action]:hover:text-primary-foreground data-[soybean-pagination-action]:active:bg-primary-600`}},{variant:`outline`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:border data-[soybean-pagination-action]:border-primary data-[soybean-pagination-action]:bg-background data-[soybean-pagination-action]:text-primary data-[soybean-pagination-action]:hover:bg-transparent`}},{variant:`soft`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:bg-primary/10 data-[soybean-pagination-action]:hover:bg-primary/10 data-[soybean-pagination-action]:active:bg-primary/20`}}],defaultVariants:{size:`md`,variant:`pure`,shape:`square`,actionAsSelected:!1}});export{t as paginationVariants};

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 };