@soybeanjs/headless 0.15.5 → 0.17.0

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

@@ -0,0 +1,282 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { DateRange, DateStep, DateValue, Granularity, HourCycle, Matcher } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/date-range-picker/types.d.ts
+/**
+ * Props for the date range picker root 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;
+}
+/**
+ * Emits for the date range picker root 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];
+};
+/**
+ * Props for the date range picker trigger component.
+ */
+interface DateRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the date range picker popup component.
+ */
+interface DateRangePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the date range picker root 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 date range picker component.
+ */
+type DateRangePickerUiSlot = 'root' | 'trigger' | 'popup' | 'input' | 'calendar';
+/**
+ * UI class overrides for the date range picker component.
+ */
+type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
+/**
+ * Props for the date range picker compact component.
+ */
+interface DateRangePickerCompactProps extends DateRangePickerRootProps {
+  /**
+   * Props forwarded to the trigger element.
+   */
+  triggerProps?: DateRangePickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: DateRangePickerPopupProps;
+}
+/**
+ * Emits for the date range picker compact component.
+ */
+type DateRangePickerCompactEmits = DateRangePickerRootEmits;
+/**
+ * Slots for the date range picker compact component.
+ */
+type DateRangePickerCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    modelValue: DateRange;
+    placeholder: DateValue;
+    setPlaceholder: (date: DateValue) => void;
+    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;
+    setPlaceholder: (date: DateValue) => void;
+    setRange: (range: DateRange) => void;
+  }) => any;
+};
+//#endregion
+export { DateRangePickerCompactEmits, DateRangePickerCompactProps, DateRangePickerCompactSlots, DateRangePickerPopupProps, DateRangePickerRootContext, DateRangePickerRootEmits, DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerUi, DateRangePickerUiSlot };

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

@@ -5,8 +5,6 @@ import * as _$vue from "vue";
 //#region src/components/dialog/dialog-compact.vue.d.ts
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  cancel: (event: MouseEvent) => any;
-  close: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
@@ -14,10 +12,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  cancel: (event: MouseEvent) => any;
+  close: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -25,15 +23,17 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
-  showClose: boolean;
   open: boolean;
+  modal: boolean;
+  showClose: boolean;
   showCancel: "onlyWarning" | boolean;
   cancelText: string;
   showConfirm: boolean;
   confirmText: string;
-  modal: boolean;
   alertType: DialogAlertType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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 {
+/**
+ * Props for the dialog base 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;
+}
+/**
+ * Props for the dialog root 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;
 }
+/**
+ * Emits for the dialog root component.
+ */
 type DialogRootEmits = {
   /** Event handler called when the open state of the dialog changes. */'update:open': [value: boolean];
 };
+/**
+ * Props for the dialog trigger component.
+ */
 interface DialogTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+/**
+ * Props for the dialog overlay component.
+ */
 interface DialogOverlayProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the dialog popup impl component.
+ */
 interface DialogPopupImplProps extends PrimitiveProps, TrapFocusProps, DismissableLayerProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Emits for the dialog popup impl component.
+ */
 type DialogPopupImplEmits = DismissableLayerEmits & FocusScopeEmits;
+/**
+ * Props for the dialog popup component.
+ */
 interface DialogPopupProps extends Omit<DialogPopupImplProps, 'trapFocus' | 'disableOutsidePointerEvents'>, ForceMountProps {}
+/**
+ * Emits for the dialog popup component.
+ */
 type DialogPopupEmits = DialogPopupImplEmits;
+/**
+ * Props for the dialog title component.
+ */
 interface DialogTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the dialog description component.
+ */
 interface DialogDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the dialog close component.
+ */
 interface DialogCloseProps extends ButtonProps {}
+/**
+ * Emits for the dialog close component.
+ */
 type DialogCloseEmits = {
   /** Event handler called when the dialog is requested to be closed. */close: [event: MouseEvent];
 };
+/**
+ * Props for the dialog cancel component.
+ */
 interface DialogCancelProps extends ButtonProps {}
+/**
+ * Emits for the dialog cancel component.
+ */
 type DialogCancelEmits = {
   /** Event handler called when the dialog is requested to be canceled. */cancel: [event: MouseEvent];
 };
+/**
+ * Props for the dialog confirm component.
+ */
 interface DialogConfirmProps extends ButtonProps {}
+/**
+ * Emits for the dialog confirm component.
+ */
 type DialogConfirmEmits = {
   /** Event handler called when the dialog is requested to be closed by confirming. */confirm: [event: MouseEvent];
 };
+/**
+ * Props for the dialog header component.
+ */
 interface DialogHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the dialog content component.
+ */
 interface DialogContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the dialog footer component.
+ */
 interface DialogFooterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the dialog compact 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;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: DialogTriggerProps;
+  /**
+   * Props forwarded to the overlay element.
+   */
   overlayProps?: DialogOverlayProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: DialogPopupProps;
+  /**
+   * Props forwarded to the header element.
+   */
   headerProps?: DialogHeaderProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: DialogContentProps;
+  /**
+   * Props forwarded to the footer element.
+   */
   footerProps?: DialogFooterProps;
+  /**
+   * Props forwarded to the title element.
+   */
   titleProps?: DialogTitleProps;
+  /**
+   * Props forwarded to the description element.
+   */
   descriptionProps?: DialogDescriptionProps;
+  /**
+   * Props forwarded to the close element.
+   */
   closeProps?: DialogCloseProps;
+  /**
+   * Props forwarded to the cancel element.
+   */
   cancelProps?: DialogCancelProps;
+  /**
+   * Props forwarded to the confirm element.
+   */
   confirmProps?: DialogConfirmProps;
 }
+/**
+ * Emits for the dialog compact component.
+ */
 type DialogCompactEmits = DialogRootEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
+/**
+ * Slot props for the dialog compact base component.
+ */
 interface DialogCompactBaseSlotProps {
+  /**
+   * Whether the component is open.
+   */
   open: boolean;
+  /**
+   * Close exposed in the slot scope.
+   */
   close: () => void;
 }
+/**
+ * Slots for the dialog compact 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 the dialog t component.
+ */
 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 the dialog external component.
+ */
 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{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/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=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(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

@@ -9,8 +9,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((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;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", 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);
+  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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };