@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,282 +1,27 @@
-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";
+import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { CalendarRangeCompactEmits, CalendarRangeCompactProps } from "../calendar-range/types.js";
+import { PopoverCompactEmits, PopoverCompactProps, PopoverUiSlot } from "../popover/types.js";
+import { DateRangeFieldUiSlot } from "../date-range-field/types.js";
 
 //#region src/components/date-range-picker/types.d.ts
 /**
- * Props for the date range picker root component.
+ * Properties for the DateRangePickerCompact 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;
+interface DateRangePickerCompactProps extends PopoverCompactProps, CalendarRangeCompactProps {
+  dateFieldProps?: BaseProps;
 }
 /**
- * Emits for the date range picker root component.
+ * Events for the DateRangePickerCompact 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];
-};
+type DateRangePickerCompactEmits = PopoverCompactEmits & CalendarRangeCompactEmits;
 /**
- * Props for the date range picker trigger component.
+ * Slots for the DateRangePickerCompact component.
  */
-interface DateRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+type DateRangePickerUiSlot = PopoverUiSlot | DateRangeFieldUiSlot;
 /**
- * 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.
+ * UI class for the DateRangePicker 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 };
+export { DateRangePickerCompactEmits, DateRangePickerCompactProps, DateRangePickerUi, DateRangePickerUiSlot };

package/dist/components/dialog/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),[p,m]=n(),{open:h}=t,g=e=>{h.value=e},_=()=>{h.value=!h.value},v=i(()=>e(h.value)),y=o(``),b=()=>{y.value||(y.value=`soybean-dialog-popup-${s()}`)},x=o(``),S=()=>{x.value||(x.value=`soybean-dialog-title-${s()}`)},C=o(``),w=()=>{C.value||(C.value=`soybean-dialog-description-${s()}`)},T=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:g,onOpenToggle:_,dataState:v,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,popupId:y,initPopupId:b,titleId:x,initTitleId:S,descriptionId:C,initDescriptionId:w,focusCancel:T}}),[u,d]=t(`DialogProvider`,e=>{let{dialogs:t}=e;return{dialogs:t,getCurrentDialog:e=>t.value.find(t=>String(t.id)===String(e))}}),[f,p]=t(`DialogCompact`,e=>{let{dialog:t}=e;return{dialog:t}}),[m,h]=r(`DialogUi`),g=(e=>{if(!e)return h();let t=p(),n=h(e);return i(()=>{let r=t?.dialog?.value?.ui?.[e];return[n.value,r].filter(Boolean).join(` `)})});export{f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,nextTick as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`DialogRoot`,t=>{let[r,c]=n(),[l,u]=n(),[d,f]=n(),[p,m]=n(),{open:h}=t,g=e=>{h.value=e},_=()=>{h.value=!h.value},v=i(()=>e(h.value)),y=o(``),b=()=>{y.value||(y.value=`soybean-dialog-popup-${s()}`)},x=o(``),S=()=>{x.value||(x.value=`soybean-dialog-title-${s()}`)},C=o(``),w=()=>{C.value||(C.value=`soybean-dialog-description-${s()}`)},T=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:g,onOpenToggle:_,dataState:v,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,popupId:y,initPopupId:b,titleId:x,initTitleId:S,descriptionId:C,initDescriptionId:w,focusCancel:T}}),[u,d]=t(`DialogProvider`,e=>{let{dialogs:t}=e;return{dialogs:t,getCurrentDialog:e=>t.value.find(t=>String(t.id)===String(e))}}),[f,p]=t(`DialogCompact`,e=>{let{dialog:t}=e;return{dialog:t}}),[m,h]=r(`DialogUi`),g=(e=>{if(!e)return h();let t=p(),n=h(e);return i(()=>{let r=t?.dialog?.value?.ui?.[e];return[n.value,r].filter(Boolean).join(` `)})});export{f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};

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

@@ -1 +1 @@
-import e from"../button/button.js";import{useDialogRootContext as t,useDialogUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`DialogCancel`,__name:`dialog-cancel`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`cancel`],setup(i,{emit:u}){let d=i,f=u,p=n(`cancel`),{setCancelElement:m,onOpenChange:h}=t(`DialogCancel`),g=async e=>{f(`cancel`,e),!e.defaultPrevented&&h(!1)};return(t,n)=>(o(),r(e,a({ref:c(m)},d,{class:c(p),onClick:g}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};
+import e from"../button/button.js";import{useDialogRootContext as t,useDialogUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`DialogCancel`,__name:`dialog-cancel`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`cancel`],setup(i,{emit:u}){let d=i,f=u,p=n(`cancel`),{setCancelElement:m,onOpenChange:h}=t(`DialogCancel`),g=async e=>{f(`cancel`,e),h(!1)};return(t,n)=>(o(),r(e,a({ref:c(m)},d,{"data-soybean-dialog-cancel":``,class:c(p),onClick:g}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

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

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(o,{emit:f}){let p=o,m=f,h=r(`close`),{onOpenChange:g}=n(`DialogClose`),_=async e=>{m(`close`,e),!e.defaultPrevented&&g(!1)};return(n,r)=>(c(),i(t,s(p,{class:u(h),onClick:_}),{default:d(()=>[l(n.$slots,`default`,{},()=>[a(e,{icon:`lucide:x`})])]),_:3},16,[`class`]))}});export{f as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(o,{emit:f}){let p=o,m=f,h=r(`close`),{onOpenChange:g}=n(`DialogClose`),_=async e=>{m(`close`,e),g(!1)};return(n,r)=>(c(),i(t,s(p,{"data-soybean-dialog-close":``,class:u(h),onClick:_}),{default:d(()=>[l(n.$slots,`default`,{},()=>[a(e,{icon:`lucide:x`})])]),_:3},16,[`class`]))}});export{f as default};

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:{},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};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import{provideDialogCompactContext as a,useDialogProviderContext as o,useDialogUi as s}from"./context.js";import c from"./dialog-close.js";import l from"./dialog-popup.js";import u from"./dialog-content.js";import d from"./dialog-description.js";import f from"./dialog-footer.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-root.js";import g from"./dialog-title.js";import _ from"./dialog-trigger.js";import ee 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:{},showConfirm:{type:Boolean,default:!0},confirmText:{},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`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(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=t(V),G=e(),K=o(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[s().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),te=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),ne=y(()=>z.cancelText??G.value.dialog.cancel),re=y(()=>z.confirmText??G.value.dialog.confirm);return a({dialog:q}),(e,t)=>(A(),b(h,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(n=>[w(_,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(l,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(g,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(r,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(d,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(u,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),te.value?(A(),b(f,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(ee,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(ne.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.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(n)),()=>[C(M(re.value),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

@@ -6,34 +6,34 @@ import * as _$vue from "vue";
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  click: (event: PointerEvent) => any;
+  close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   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<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => 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;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
   showClose: boolean;
   showCancel: "onlyWarning" | boolean;
-  cancelText: string;
   showConfirm: boolean;
-  confirmText: string;
   alertType: DialogAlertType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import e from"../button/button.js";import{useDialogRootContext as t,useDialogUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`DialogConfirm`,__name:`dialog-confirm`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`confirm`],setup(i,{emit:u}){let d=i,f=u,p=n(`confirm`),{onOpenChange:m}=t(`DialogConfirm`),h=async e=>{f(`confirm`,e),!e.defaultPrevented&&m(!1)};return(t,n)=>(o(),r(e,a(d,{class:c(p),onClick:h}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};
+import e from"../button/button.js";import{useDialogRootContext as t,useDialogUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`DialogConfirm`,__name:`dialog-confirm`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`confirm`],setup(i,{emit:u}){let d=i,f=u,p=n(`confirm`),{onOpenChange:m}=t(`DialogConfirm`),h=async e=>{f(`confirm`,e),m(!1)};return(t,n)=>(o(),r(e,a(d,{"data-soybean-dialog-confirm":``,class:c(p),onClick:h}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

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

@@ -1 +1 @@
-import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogContent`,__name:`dialog-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogContent`,__name:`dialog-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-dialog-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useDialogRootContext as e,useDialogUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`DialogDescription`,__name:`dialog-description`,setup(r){let{descriptionId:l,initDescriptionId:u}=e(`DialogDescription`),d=t(`description`);return u(),(e,t)=>(a(),n(`p`,{id:s(l),class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useDialogRootContext as e,useDialogUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`DialogDescription`,__name:`dialog-description`,setup(r){let{descriptionId:l,initDescriptionId:u}=e(`DialogDescription`),d=t(`description`);return u(),(e,t)=>(a(),n(`p`,{id:s(l),"data-soybean-dialog-description":``,class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1 +1 @@
-import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogFooter`,__name:`dialog-footer`,setup(n){let s=e(`footer`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogFooter`,__name:`dialog-footer`,setup(n){let s=e(`footer`);return(e,n)=>(i(),t(`div`,{"data-soybean-dialog-footer":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogHeader`,__name:`dialog-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogHeader`,__name:`dialog-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`div`,{"data-soybean-dialog-header":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=[`data-state`],h=o({name:`DialogOverlay`,__name:`dialog-overlay`,props:{forceMount:{type:Boolean}},setup(o){let h=o,{overlayElement:g,setOverlayElement:_,open:v,dataState:y}=n(`DialogOverlay`),b=r(`overlay`),x=h.forceMount?d(!0):t(g,v);return p(()=>{x.value&&c(e())}),(e,t)=>f(x)?(l(),a(`div`,{key:0,ref:f(_),class:s(f(b)),"data-state":f(y),style:{"pointer-events":`auto`}},[u(e.$slots,`default`)],10,m)):i(`v-if`,!0)}});export{h as default};
+import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=[`data-state`],h=o({name:`DialogOverlay`,__name:`dialog-overlay`,props:{forceMount:{type:Boolean}},setup(o){let h=o,{overlayElement:g,setOverlayElement:_,open:v,dataState:y}=n(`DialogOverlay`),b=r(`overlay`),x=h.forceMount?d(!0):t(g,v);return p(()=>{x.value&&v.value&&c(e())}),(e,t)=>f(x)?(l(),a(`div`,{key:0,ref:f(_),"data-soybean-dialog-overlay":``,class:s(f(b)),"data-state":f(y),style:{"pointer-events":`auto`}},[u(e.$slots,`default`)],10,m)):i(`v-if`,!0)}});export{h as default};

package/dist/components/dialog/dialog-popup-impl.js

@@ -1 +1 @@
-import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{useHideOthers as i}from"../../composables/use-hide-others.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import{useDialogRootContext as s,useDialogUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=d({name:`DialogPopupImpl`,__name:`dialog-popup-impl`,props:{asChild:{type:Boolean},as:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:v}){let y=d,b=v,{modal:x,isAlert:S,alertType:C,onOpenChange:w,setTriggerElement:T,popupElement:E,setPopupElement:D,popupId:O,initPopupId:k,dataState:A,titleId:j,descriptionId:M,focusCancel:N}=s(`DialogPopupImpl`),{pointerEvents:P}=t(E,{disableOutsidePointerEvents:()=>y.disableOutsidePointerEvents,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{b(`pointerDownOutside`,e)},onFocusOutside:e=>{b(`focusOutside`,e)},onInteractOutside:e=>{b(`interactOutside`,e)},onDismiss:()=>{w(!1)}}),{onKeydown:F}=r(E,{trapped:()=>y.trapFocus,loop:!0,onOpenAutoFocus:e=>{S.value&&N(),b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}}),I=a(y,[`trapFocus`,`disableOutsidePointerEvents`]),L=c(`popup`),R=l(()=>({pointerEvents:P.value})),z=()=>{let t=e();t!==document.body&&T(t)};return n(),i(E,x),k(),p(()=>{z()}),(e,t)=>(m(),u(g(o),f(g(I),{id:g(O),ref:g(D),class:g(L),"aria-labelledby":g(j),"aria-describedby":g(M),"data-dismissable-layer":``,"data-state":g(A),"data-type":g(S)?g(C):void 0,role:g(S)?`alertdialog`:`dialog`,"aria-live":g(S)?g(C)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:R.value,onKeydown:g(F)}),{default:_(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`role`,`aria-live`,`style`,`onKeydown`]))}});export{v as default};
+import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{useHideOthers as i}from"../../composables/use-hide-others.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import{useDialogRootContext as s,useDialogUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=d({name:`DialogPopupImpl`,__name:`dialog-popup-impl`,props:{trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:v}){let y=d,b=v,{modal:x,isAlert:S,alertType:C,onOpenChange:w,setTriggerElement:T,popupElement:E,setPopupElement:D,popupId:O,initPopupId:k,dataState:A,titleId:j,descriptionId:M,focusCancel:N}=s(`DialogPopupImpl`),{pointerEvents:P}=t(E,{disableOutsidePointerEvents:()=>y.disableOutsidePointerEvents,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{b(`pointerDownOutside`,e)},onFocusOutside:e=>{b(`focusOutside`,e)},onInteractOutside:e=>{b(`interactOutside`,e)},onDismiss:()=>{w(!1)}}),{onKeydown:F}=r(E,{trapped:()=>y.trapFocus,loop:!0,onOpenAutoFocus:e=>{S.value&&N(),b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}}),I=a(y,[`trapFocus`,`disableOutsidePointerEvents`]),L=c(`popup`),R=l(()=>({pointerEvents:P.value})),z=()=>{let t=e();t!==document.body&&T(t)};return n(),i(E,x),k(),p(()=>{z()}),(e,t)=>(m(),u(g(o),f(g(I),{id:g(O),ref:g(D),class:g(L),"aria-labelledby":g(j),"aria-describedby":g(M),"data-dismissable-layer":``,"data-state":g(A),"data-type":g(S)?g(C):void 0,role:g(S)?`alertdialog`:`dialog`,"aria-live":g(S)?g(C)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:R.value,onKeydown:g(F)}),{default:_(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`role`,`aria-live`,`style`,`onKeydown`]))}});export{v as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{useDialogRootContext as i}from"./context.js";import a from"./dialog-popup-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`DialogPopup`,__name:`dialog-popup`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=_,b=r(v,[`forceMount`]),x=e(y),{popupElement:S,open:C,modal:w,isAlert:T,triggerElement:E}=i(`DialogPopup`),D=v.forceMount?p(!0):n(S,C),O=o(()=>w.value&&C.value),{onPointerDownOutside:k,onFocusOutside:A,onInteractOutside:j,onCloseAutoFocus:M}=t({modal:w,triggerElement:E}),N=e=>{T.value&&e.preventDefault(),k(e)},P=e=>{T.value&&e.preventDefault(),j(e)};return(e,t)=>h(D)?(d(),s(a,u({key:0},h(b),{"trap-focus":O.value,"disable-outside-pointer-events":h(w)},m(h(x)),{onPointerDownOutside:N,onFocusOutside:h(A),onInteractOutside:P,onCloseAutoFocus:h(M)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onFocusOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{useDialogRootContext as i}from"./context.js";import a from"./dialog-popup-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`DialogPopup`,__name:`dialog-popup`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=_,b=r(v,[`forceMount`]),x=e(y),{popupElement:S,open:C,modal:w,isAlert:T,triggerElement:E}=i(`DialogPopup`),D=v.forceMount?p(!0):n(S,C),O=o(()=>w.value&&C.value),{onPointerDownOutside:k,onFocusOutside:A,onInteractOutside:j,onCloseAutoFocus:M}=t({modal:w,triggerElement:E}),N=e=>{T.value&&e.preventDefault(),k(e)},P=e=>{T.value&&e.preventDefault(),j(e)};return(e,t)=>h(D)?(d(),s(a,u({key:0},h(b),{"data-soybean-dialog-popup":``,"trap-focus":O.value,"disable-outside-pointer-events":h(w)},m(h(x)),{onPointerDownOutside:N,onFocusOutside:h(A),onInteractOutside:P,onCloseAutoFocus:h(M)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onFocusOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};

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:{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};
+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)},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/dialog-title.js

@@ -1 +1 @@
-import{useDialogRootContext as e,useDialogUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`DialogTitle`,__name:`dialog-title`,setup(r){let{titleId:l,initTitleId:u}=e(`DialogTitle`),d=t(`title`);return u(),(e,t)=>(a(),n(`h2`,{id:s(l),class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useDialogRootContext as e,useDialogUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`DialogTitle`,__name:`dialog-title`,setup(r){let{titleId:l,initTitleId:u}=e(`DialogTitle`),d=t(`title`);return u(),(e,t)=>(a(),n(`h2`,{id:s(l),"data-soybean-dialog-title":``,class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useDialogRootContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`DialogTrigger`,__name:`dialog-trigger`,props:{asChild:{type:Boolean},as:{}},setup(i){let l=i,{open:u,onOpenToggle:d,dataState:f,popupId:p,setTriggerElement:m}=t(`DialogTrigger`),h=n(()=>l.as===`button`?`button`:void 0);return(t,n)=>(a(),r(s(e),{ref:s(m),as:i.as,"as-child":i.asChild,type:h.value,"aria-haspopup":`dialog`,"aria-expanded":s(u)||!1,"aria-controls":s(u)?s(p):void 0,"data-state":s(f),onClick:s(d)},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`type`,`aria-expanded`,`aria-controls`,`data-state`,`onClick`]))}});export{l as default};
+import e from"../button/button.js";import{useDialogRootContext as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`DialogTrigger`,__name:`dialog-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(r,{emit:l}){let u=r,d=l,{open:f,onOpenToggle:p,dataState:m,popupId:h,setTriggerElement:g}=t(`DialogTrigger`),_=e=>{d(`click`,e),p()};return(t,r)=>(a(),n(e,i(u,{ref:s(g),"data-soybean-dialog-trigger":``,"aria-haspopup":`dialog`,"aria-expanded":s(f)||!1,"aria-controls":s(f)?s(h):void 0,"data-state":s(m),onClick:_}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`aria-expanded`,`aria-controls`,`data-state`]))}});export{l as default};

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

@@ -6,7 +6,11 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<DialogTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<DialogTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
+}, string, _$vue.PublicProps, Readonly<DialogTriggerProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {