@soybeanjs/headless 0.16.0 → 0.18.0

package/dist/components/date-range-picker/types.d.ts

@@ -7,70 +7,253 @@ import { Formatter } from "../../date/formatter.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/date-range-picker/types.d.ts
+/**
+ * Properties for the DateRangePickerRoot component.
+ */
 interface DateRangePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: DateRange;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
   modelValue?: DateRange;
+  /**
+   * Hour cycle.
+   */
   hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
   step?: DateStep;
+  /**
+   * Granularity.
+   */
   granularity?: Granularity;
+  /**
+   * Whether hide time zone.
+   */
   hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
   maxValue?: DateValue;
+  /**
+   * Min value.
+   */
   minValue?: DateValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
+  /**
+   * Whether the component is open by default.
+   */
   defaultOpen?: boolean;
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
+  /**
+   * Whether the popup is modal.
+   */
   modal?: boolean;
 }
+/**
+ * Events for the DateRangePickerRoot component.
+ */
 type DateRangePickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [range: DateRange];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [date: DateValue];
+  /**
+   * Emitted when the start value changes.
+   */
   'update:startValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the end value changes.
+   */
   'update:endValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
+/**
+ * Properties for the DateRangePickerTrigger component.
+ */
 interface DateRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DateRangePickerPopup component.
+ */
 interface DateRangePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the DateRangePickerRoot component.
+ */
 interface DateRangePickerRootContext extends PropsToContext<DateRangePickerRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<DateRange>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
   formatter: Formatter;
+  /**
+   * Hour cycle used by the component context.
+   */
   hourCycle: HourCycle;
+  /**
+   * Step used by the component context.
+   */
   step: ComputedRef<DateStep>;
+  /**
+   * Whether the component is open.
+   */
   open: ShallowRef<boolean | undefined>;
+  /**
+   * Whether the placeholder is focusable.
+   */
   isPlaceholderFocusable: ComputedRef<boolean>;
+  /**
+   * Whether the component has selected range.
+   */
   hasSelectedRange: ComputedRef<boolean>;
+  /**
+   * Whether the start date is disabled.
+   */
   isStartDateDisabled: ComputedRef<boolean>;
+  /**
+   * Whether an end date disabled.
+   */
   isEndDateDisabled: ComputedRef<boolean>;
+  /**
+   * Min value used by the component context.
+   */
   minValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
   maxValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Callback invoked when the range changes.
+   */
   onRangeChange: (range: DateRange) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
   onPlaceholderChange: (date: DateValue) => void;
+  /**
+   * Whether the date is disabled.
+   */
   isDateDisabled: Matcher;
+  /**
+   * Whether the date is selected.
+   */
   isDateSelected: Matcher;
+  /**
+   * Whether the date is hovered.
+   */
   isDateHovered: Matcher;
+  /**
+   * Set open used by the component context.
+   */
   setOpen: (value: boolean) => void;
+  /**
+   * Set hovered date used by the component context.
+   */
   setHoveredDate: (date: DateValue | undefined) => void;
+  /**
+   * Hovered date used by the component context.
+   */
   hoveredDate: ShallowRef<DateValue | undefined>;
 }
+/**
+ * Available UI slots for the DateRangePicker component.
+ */
 type DateRangePickerUiSlot = 'root' | 'trigger' | 'popup' | 'input' | 'calendar';
+/**
+ * UI class overrides for the DateRangePicker component.
+ */
 type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
+/**
+ * Properties for the DateRangePickerCompact component.
+ */
 interface DateRangePickerCompactProps extends DateRangePickerRootProps {
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: DateRangePickerTriggerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: DateRangePickerPopupProps;
 }
+/**
+ * Events for the DateRangePickerCompact component.
+ */
 type DateRangePickerCompactEmits = DateRangePickerRootEmits;
+/**
+ * Slots for the DateRangePickerCompact component.
+ */
 type DateRangePickerCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     modelValue: DateRange;
     placeholder: DateValue;
@@ -78,10 +261,16 @@ type DateRangePickerCompactSlots = {
     setRange: (range: DateRange) => void;
     open: boolean;
   }) => any;
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: {
     modelValue: DateRange;
     open: boolean;
   }) => any;
+  /**
+   * Custom content for the calendar slot.
+   */
   calendar?: (props: {
     modelValue: DateRange;
     placeholder: DateValue;

package/dist/components/dialog/dialog-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-close.js";import c from"./dialog-popup.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-header.js";import p from"./dialog-overlay.js";import m from"./dialog-root.js";import h from"./dialog-title.js";import g from"./dialog-trigger.js";import _ from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{default:`default`}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=e(V),G=a(),K=y(()=>G?.getCurrentDialog(U[`data-dialog-id`])),q=y(()=>[o().value?.icon,K.value?.ui?.icon].filter(Boolean).join(` `)),J=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),Y={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},X=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?Y[z.alertType]:null),Z=y(()=>z.showConfirm??z.isAlert),Q=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),$=y(()=>z.pure?!1:H.footer?!0:Q.value||Z.value);return i({dialog:K}),(e,t)=>(A(),b(m,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(i=>[w(g,k(E(J.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(i)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(p,k(E(T.overlayProps)),null,16),w(c,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(f,k(D({key:0},T.headerProps)),{default:L(()=>[w(h,k(E(T.titleProps)),{default:L(()=>[X.value?(A(),b(n,{key:0,icon:X.value,class:O(q.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(i)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(i)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(i)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0),$.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(i)),()=>[Q.value?(A(),b(_,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(i)),()=>[C(M(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),Z.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(i)),()=>[C(M(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-close.js";import c from"./dialog-popup.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-header.js";import p from"./dialog-overlay.js";import m from"./dialog-root.js";import h from"./dialog-title.js";import g from"./dialog-trigger.js";import _ from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=e(V),G=a(),K=y(()=>G?.getCurrentDialog(U[`data-dialog-id`])),q=y(()=>[o().value?.icon,K.value?.ui?.icon].filter(Boolean).join(` `)),J=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),Y={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},X=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?Y[z.alertType]:null),Z=y(()=>z.showConfirm??z.isAlert),Q=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),$=y(()=>z.pure?!1:H.footer?!0:Q.value||Z.value);return i({dialog:K}),(e,t)=>(A(),b(m,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(i=>[w(g,k(E(J.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(i)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(p,k(E(T.overlayProps)),null,16),w(c,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(f,k(D({key:0},T.headerProps)),{default:L(()=>[w(h,k(E(T.titleProps)),{default:L(()=>[X.value?(A(),b(n,{key:0,icon:X.value,class:O(q.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(i)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(i)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(i)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0),$.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(i)),()=>[Q.value?(A(),b(_,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(i)),()=>[C(M(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),Z.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(i)),()=>[C(M(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};

package/dist/components/dialog/dialog-compact.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
   onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
-  modal: boolean;
   alertType: DialogAlertType;
+  modal: boolean;
   showClose: boolean;
   showCancel: "onlyWarning" | boolean;
   cancelText: string;

package/dist/components/dialog/dialog-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as n}from"./context.js";import{computed as r,defineComponent as i,renderSlot as a,unref as o}from"vue";const s=i({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(i,{emit:s}){let c=i,l=s,u=t(()=>c.open,e=>{l(`update:open`,e??!1)},c.defaultOpen??!1),{onOpenChange:d}=n({open:u,modal:r(()=>c.isAlert===!0||c.modal),...e(c,[`isAlert`,`alertType`])}),f=()=>{d(!1)};return(e,t)=>a(e.$slots,`default`,{open:o(u),close:f})}});export{s as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as n}from"./context.js";import{computed as r,defineComponent as i,renderSlot as a,unref as o}from"vue";const s=i({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(i,{emit:s}){let c=i,l=s,u=t(()=>c.open,e=>{l(`update:open`,e??!1)},c.defaultOpen??!1),{onOpenChange:d}=n({open:u,modal:r(()=>c.isAlert===!0||c.modal),...e(c,[`isAlert`,`alertType`])}),f=()=>{d(!1)};return(e,t)=>a(e.$slots,`default`,{open:o(u),close:f})}});export{s as default};

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

@@ -7,8 +7,14 @@ import { PortalProps } from "../portal/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, Ref, ShallowRef, VNode } from "vue";
 
 //#region src/components/dialog/types.d.ts
+/**
+ * Supported dialog alert values.
+ */
 type DialogAlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
-interface DialogRootProps {
+/**
+ * Properties for the DialogBase component.
+ */
+interface DialogBaseProps {
   /**
    * The controlled open state of the dialog. Can be bound with `v-model:open`.
    *
@@ -28,6 +34,11 @@ interface DialogRootProps {
    * @defaultValue true
    */
   modal?: boolean;
+}
+/**
+ * Properties for the DialogRoot component.
+ */
+interface DialogRootProps extends DialogBaseProps {
   /**
    * Whether the dialog is an alert dialog. An alert dialog is a dialog that interrupts the user's workflow to communicate an important message and requires a response.
    *
@@ -41,32 +52,89 @@ interface DialogRootProps {
    */
   alertType?: DialogAlertType;
 }
+/**
+ * Events for the DialogRoot component.
+ */
 type DialogRootEmits = {
   /** Event handler called when the open state of the dialog changes. */'update:open': [value: boolean];
 };
+/**
+ * Properties for the DialogTrigger component.
+ */
 interface DialogTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+/**
+ * Properties for the DialogOverlay component.
+ */
 interface DialogOverlayProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DialogPopupImpl component.
+ */
 interface DialogPopupImplProps extends PrimitiveProps, TrapFocusProps, DismissableLayerProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Events for the DialogPopupImpl component.
+ */
 type DialogPopupImplEmits = DismissableLayerEmits & FocusScopeEmits;
+/**
+ * Properties for the DialogPopup component.
+ */
 interface DialogPopupProps extends Omit<DialogPopupImplProps, 'trapFocus' | 'disableOutsidePointerEvents'>, ForceMountProps {}
+/**
+ * Events for the DialogPopup component.
+ */
 type DialogPopupEmits = DialogPopupImplEmits;
+/**
+ * Properties for the DialogTitle component.
+ */
 interface DialogTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DialogDescription component.
+ */
 interface DialogDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DialogClose component.
+ */
 interface DialogCloseProps extends ButtonProps {}
+/**
+ * Events for the DialogClose component.
+ */
 type DialogCloseEmits = {
   /** Event handler called when the dialog is requested to be closed. */close: [event: MouseEvent];
 };
+/**
+ * Properties for the DialogCancel component.
+ */
 interface DialogCancelProps extends ButtonProps {}
+/**
+ * Events for the DialogCancel component.
+ */
 type DialogCancelEmits = {
   /** Event handler called when the dialog is requested to be canceled. */cancel: [event: MouseEvent];
 };
+/**
+ * Properties for the DialogConfirm component.
+ */
 interface DialogConfirmProps extends ButtonProps {}
+/**
+ * Events for the DialogConfirm component.
+ */
 type DialogConfirmEmits = {
   /** Event handler called when the dialog is requested to be closed by confirming. */confirm: [event: MouseEvent];
 };
+/**
+ * Properties for the DialogHeader component.
+ */
 interface DialogHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DialogContent component.
+ */
 interface DialogContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DialogFooter component.
+ */
 interface DialogFooterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the DialogCompact component.
+ */
 interface DialogCompactProps extends DialogRootProps {
   /**
    * The title of the dialog. This is used for accessibility purposes and will be rendered in the header of the dialog if the `title` slot is not provided.
@@ -120,52 +188,178 @@ interface DialogCompactProps extends DialogRootProps {
    * @defaultValue 'Confirm'
    */
   confirmText?: string;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: DialogTriggerProps;
+  /**
+   * Properties forwarded to the overlay element.
+   */
   overlayProps?: DialogOverlayProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: DialogPopupProps;
+  /**
+   * Properties forwarded to the header element.
+   */
   headerProps?: DialogHeaderProps;
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: DialogContentProps;
+  /**
+   * Properties forwarded to the footer element.
+   */
   footerProps?: DialogFooterProps;
+  /**
+   * Properties forwarded to the title element.
+   */
   titleProps?: DialogTitleProps;
+  /**
+   * Properties forwarded to the description element.
+   */
   descriptionProps?: DialogDescriptionProps;
+  /**
+   * Properties forwarded to the close element.
+   */
   closeProps?: DialogCloseProps;
+  /**
+   * Properties forwarded to the cancel element.
+   */
   cancelProps?: DialogCancelProps;
+  /**
+   * Properties forwarded to the confirm element.
+   */
   confirmProps?: DialogConfirmProps;
 }
+/**
+ * Events for the DialogCompact component.
+ */
 type DialogCompactEmits = DialogRootEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
+/**
+ * Slot properties for the DialogCompactBase component.
+ */
 interface DialogCompactBaseSlotProps {
+  /**
+   * Whether the component is open.
+   */
   open: boolean;
+  /**
+   * Close exposed in the slot scope.
+   */
   close: () => void;
 }
+/**
+ * Slots for the DialogCompact component.
+ */
 type DialogCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
   default: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the title slot.
+   */
   title?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the description slot.
+   */
   description?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the close slot.
+   */
   close?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the footer slot.
+   */
   footer?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the cancel slot.
+   */
   cancel?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the confirm slot.
+   */
   confirm?: (props: DialogCompactBaseSlotProps) => any;
 };
+/**
+ * Available UI slots for the Dialog component.
+ */
 type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'cancel' | 'confirm';
+/**
+ * UI class overrides for the Dialog component.
+ */
 type DialogUi = UiClass<DialogUiSlot>;
+/**
+ * Type information for DialogT.
+ */
 interface DialogT extends Pick<DialogCompactProps, 'open' | 'icon' | 'showCancel' | 'showConfirm'> {
+  /**
+   * Id.
+   */
   id: number | string;
+  /**
+   * Type.
+   */
   type?: DialogAlertType;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<DialogUi>;
+  /**
+   * Title text rendered by the component.
+   */
   title?: VNode | string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: VNode | string;
+  /**
+   * Content.
+   */
   content?: VNode;
+  /**
+   * Footer.
+   */
   footer?: VNode;
+  /**
+   * Whether the component can cel text.
+   */
   cancelText?: VNode | string;
+  /**
+   * Confirm text.
+   */
   confirmText?: VNode | string;
+  /**
+   * Callback invoked when the cancel event fires.
+   */
   onCancel?: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the confirm event fires.
+   */
   onConfirm?: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the dismiss event fires.
+   */
   onDismiss?: (dialog: DialogT) => void;
 }
+/**
+ * Type information for DialogExternal.
+ */
 interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
+  /**
+   * Id.
+   */
   id?: number | string;
 }
 //#endregion
-export { DialogAlertType, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };
+export { DialogAlertType, DialogBaseProps, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };

package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts

@@ -10,20 +10,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

package/dist/components/dropdown-menu/dropdown-menu-compact.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };