@soybeanjs/headless 0.18.0 → 0.20.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
-/**
- * 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;
+interface DateRangePickerCompactProps extends PopoverCompactProps, CalendarRangeCompactProps {
+  dateFieldProps?: BaseProps;
 }
 /**
  * Events for the DateRangePickerCompact component.
  */
-type DateRangePickerCompactEmits = DateRangePickerRootEmits;
+type DateRangePickerCompactEmits = PopoverCompactEmits & CalendarRangeCompactEmits;
 /**
  * Slots for the DateRangePickerCompact 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;
-};
+type DateRangePickerUiSlot = PopoverUiSlot | DateRangeFieldUiSlot;
+/**
+ * UI class for the DateRangePicker component.
+ */
+type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
 //#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:{},dir:{},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

@@ -5,9 +5,9 @@ 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;
+  click: (event: PointerEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -15,10 +15,11 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
   confirm: (event: MouseEvent) => any;
+  cancel: (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;
+  onClick?: ((event: PointerEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -26,15 +27,14 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
 }>, {
-  open: boolean;
-  alertType: DialogAlertType;
-  modal: boolean;
   showClose: boolean;
   showCancel: "onlyWarning" | boolean;
-  cancelText: string;
   showConfirm: boolean;
-  confirmText: string;
+  alertType: DialogAlertType;
+  open: boolean;
+  modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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,{dir:x,modal:S,isAlert:C,alertType:w,onOpenChange:T,setTriggerElement:E,popupElement:D,setPopupElement:O,popupId:k,initPopupId:A,dataState:j,titleId:M,descriptionId:N,focusCancel:P}=s(`DialogPopupImpl`),{pointerEvents:F}=t(D,{disableOutsidePointerEvents:()=>y.disableOutsidePointerEvents,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{b(`pointerDownOutside`,e)},onFocusOutside:e=>{b(`focusOutside`,e)},onInteractOutside:e=>{b(`interactOutside`,e)},onDismiss:()=>{T(!1)}}),{onKeydown:I}=r(D,{trapped:()=>y.trapFocus,loop:!0,onOpenAutoFocus:e=>{C.value&&P(),b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}}),L=a(y,[`trapFocus`,`disableOutsidePointerEvents`]),R=c(`popup`),z=l(()=>({pointerEvents:F.value})),B=()=>{let t=e();t!==document.body&&E(t)};return n(),i(D,S),A(),p(()=>{B()}),(e,t)=>(m(),u(g(o),f(g(L),{id:g(k),ref:g(O),class:g(R),dir:g(x),"aria-labelledby":g(M),"aria-describedby":g(N),"data-dismissable-layer":``,"data-state":g(j),"data-type":g(C)?g(w):void 0,role:g(C)?`alertdialog`:`dialog`,"aria-live":g(C)?g(w)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:z.value,onKeydown:g(I)}),{default:_(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`dir`,`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{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as r}from"./context.js";import{computed as i,defineComponent as a,renderSlot as o,unref as s}from"vue";const c=a({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(a,{emit:c}){let l=a,u=c,d=n(()=>l.open,e=>{u(`update:open`,e)},l.defaultOpen??!1),{onOpenChange:f}=r({dir:t(()=>l.dir),open:d,modal:i(()=>l.isAlert===!0||l.modal),...e(l,[`isAlert`,`alertType`])}),p=()=>{f(!1)};return(e,t)=>o(e.$slots,`default`,{open:s(d),close:p})}});export{c 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 & {

package/dist/components/dialog/state.js

@@ -1 +1 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.127.0/helpers/defineProperty.js";let t=1;const n=new class{constructor(){e(this,`subscribers`,void 0),e(this,`dialogs`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.dialogs.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.dialogs=[...this.dialogs,e];return}let n={...this.dialogs[t],...e};this.publish(n),this.dialogs=this.dialogs.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{open:t=!0,...n}=e,r=a(e.id),i={...n,id:r,open:t};return this.upsert(i),r}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,open:!1})),e;this.dialogs.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,open:!1})})}),e(this,`message`,(e,t)=>this.create({...t,title:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,title:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,title:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,title:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,title:e,type:`warning`})),e(this,`getDialogs`,()=>this.dialogs.filter(e=>!this.dismissed.has(e.id))),e(this,`activeDialogs`,()=>(this.dialogs=this.getDialogs(),this.dismissed.clear(),this.dialogs)),this.subscribers=[],this.dialogs=[],this.dismissed=new Set}},r=n.message,i=Object.assign(r,{success:n.success,error:n.error,info:n.info,warning:n.warning,getHistory:()=>n.dialogs,getDialogs:()=>n.getDialogs()});function a(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:t++}export{n as DialogState,i as dialog};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.129.0/helpers/defineProperty.js";let t=1;const n=new class{constructor(){e(this,`subscribers`,void 0),e(this,`dialogs`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.dialogs.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.dialogs=[...this.dialogs,e];return}let n={...this.dialogs[t],...e};this.publish(n),this.dialogs=this.dialogs.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{open:t=!0,...n}=e,r=a(e.id),i={...n,id:r,open:t};return this.upsert(i),r}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,open:!1})),e;this.dialogs.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,open:!1})})}),e(this,`message`,(e,t)=>this.create({...t,title:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,title:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,title:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,title:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,title:e,type:`warning`})),e(this,`getDialogs`,()=>this.dialogs.filter(e=>!this.dismissed.has(e.id))),e(this,`activeDialogs`,()=>(this.dialogs=this.getDialogs(),this.dismissed.clear(),this.dialogs)),this.subscribers=[],this.dialogs=[],this.dismissed=new Set}},r=n.message,i=Object.assign(r,{success:n.success,error:n.error,info:n.info,warning:n.warning,getHistory:()=>n.dialogs,getDialogs:()=>n.getDialogs()});function a(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:t++}export{n as DialogState,i as dialog};

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

@@ -1,10 +1,11 @@
-import { IconValue } from "../_icon/types.js";
-import { UiClass } from "../../types/common.js";
+import { Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
 import { PortalProps } from "../portal/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, Ref, ShallowRef, VNode } from "vue";
+import { ComputedRef, Ref, ShallowRef, VNode } from "vue";
 
 //#region src/components/dialog/types.d.ts
 /**
@@ -39,6 +40,10 @@ interface DialogBaseProps {
  * Properties for the DialogRoot component.
  */
 interface DialogRootProps extends DialogBaseProps {
+  /**
+   * The text direction of the dialog
+   */
+  dir?: Direction;
   /**
    * 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.
    *
@@ -61,15 +66,21 @@ type DialogRootEmits = {
 /**
  * Properties for the DialogTrigger component.
  */
-interface DialogTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface DialogTriggerProps extends ButtonProps {}
+/**
+ * Events for the DialogTrigger component.
+ */
+type DialogTriggerEmits = {
+  /** Event handler called when the dialog trigger is activated. */click: [event: PointerEvent];
+};
 /**
  * Properties for the DialogOverlay component.
  */
-interface DialogOverlayProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface DialogOverlayProps extends ForceMountProps, BaseProps {}
 /**
  * Properties for the DialogPopupImpl component.
  */
-interface DialogPopupImplProps extends PrimitiveProps, TrapFocusProps, DismissableLayerProps, /** @vue-ignore */HTMLAttributes {}
+interface DialogPopupImplProps extends TrapFocusProps, DismissableLayerProps, PrimitiveWithBaseProps {}
 /**
  * Events for the DialogPopupImpl component.
  */
@@ -85,11 +96,11 @@ type DialogPopupEmits = DialogPopupImplEmits;
 /**
  * Properties for the DialogTitle component.
  */
-interface DialogTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface DialogTitleProps extends BaseProps {}
 /**
  * Properties for the DialogDescription component.
  */
-interface DialogDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface DialogDescriptionProps extends BaseProps {}
 /**
  * Properties for the DialogClose component.
  */
@@ -123,15 +134,15 @@ type DialogConfirmEmits = {
 /**
  * Properties for the DialogHeader component.
  */
-interface DialogHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface DialogHeaderProps extends BaseProps {}
 /**
  * Properties for the DialogContent component.
  */
-interface DialogContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface DialogContentProps extends BaseProps {}
 /**
  * Properties for the DialogFooter component.
  */
-interface DialogFooterProps extends /** @vue-ignore */HTMLAttributes {}
+interface DialogFooterProps extends BaseProps {}
 /**
  * Properties for the DialogCompact component.
  */
@@ -173,7 +184,7 @@ interface DialogCompactProps extends DialogRootProps {
   /**
    * The text of the cancel button. This is used for accessibility purposes and will be rendered in the footer of the dialog if the `cancel` slot is not provided.
    *
-   * @defaultValue 'Cancel'
+   * Defaults to the localized `dialog.cancel` message from `ConfigProvider`.
    */
   cancelText?: string;
   /**
@@ -185,7 +196,7 @@ interface DialogCompactProps extends DialogRootProps {
   /**
    * The text of the confirm button. This is used for accessibility purposes and will be rendered in the footer of the dialog if the `confirm` slot is not provided.
    *
-   * @defaultValue 'Confirm'
+   * Defaults to the localized `dialog.confirm` message from `ConfigProvider`.
    */
   confirmText?: string;
   /**
@@ -240,7 +251,7 @@ interface DialogCompactProps extends DialogRootProps {
 /**
  * Events for the DialogCompact component.
  */
-type DialogCompactEmits = DialogRootEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
+type DialogCompactEmits = DialogRootEmits & DialogTriggerEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
 /**
  * Slot properties for the DialogCompactBase component.
  */

package/dist/components/dropdown-menu/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"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";import{DROPDOWN_MENU_HOVER_OPEN as r}from"./shared.js";import{computed as i,shallowRef as a,watchEffect as o}from"vue";const[s,c]=t(`DropdownMenuRoot`,t=>{let{open:r}=t,a=e=>{r.value=e},o=()=>{r.value=!r.value},s=n(t.dir),c=i(()=>e(r.value));return{...t,dir:s,dataState:c,onOpenChange:a,onOpenToggle:o}}),[l,u]=t(`DropdownMenuHover`,e=>{let{open:t,hoverable:n,delayDuration:i,skipDelayDuration:s}=e,c=a(!0),l=null,u=()=>{l&&(clearTimeout(l),l=null)},d=()=>{u(),l=setTimeout(()=>{c.value=!0},s.value)},f=()=>{u(),c.value=!1},p=a(!1),m=a(!1),h=null,g=()=>{h&&(clearTimeout(h),h=null)},_=()=>{g(),h=setTimeout(()=>{m.value=!0,t.value=!0},i.value)},v=()=>{g(),m.value=!1,t.value=!0},y=()=>{g(),t.value=!1},b=()=>{_()},x=()=>{c.value?b():v()},S=()=>{g()};return o(()=>{n.value&&(t.value?(f(),document.dispatchEvent(new CustomEvent(r))):d())}),{...e,isOpenDelayed:c,isPointerInTransitRef:p,onOpen:v,onClose:y,onTriggerEnter:x,onTriggerLeave:S}});export{l as provideDropdownMenuHoverContext,s as provideDropdownMenuRootContext,u as useDropdownMenuHoverContext,c as useDropdownMenuRootContext};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import"../../composables/index.js";import{DROPDOWN_MENU_HOVER_OPEN as r}from"./shared.js";import{computed as i,shallowRef as a,watchEffect as o}from"vue";const[s,c]=t(`DropdownMenuRoot`,t=>{let{open:r}=t,a=e=>{r.value=e},o=()=>{r.value=!r.value},s=n(t.dir),c=i(()=>e(r.value));return{...t,dir:s,dataState:c,onOpenChange:a,onOpenToggle:o}}),[l,u]=t(`DropdownMenuHover`,e=>{let{open:t,hoverable:n,delayDuration:i,skipDelayDuration:s}=e,c=a(!0),l=null,u=()=>{l&&(clearTimeout(l),l=null)},d=()=>{u(),l=setTimeout(()=>{c.value=!0},s.value)},f=()=>{u(),c.value=!1},p=a(!1),m=a(!1),h=null,g=()=>{h&&(clearTimeout(h),h=null)},_=()=>{g(),h=setTimeout(()=>{m.value=!0,t.value=!0},i.value)},v=()=>{g(),m.value=!1,t.value=!0},y=()=>{g(),t.value=!1},b=()=>{_()},x=()=>{c.value?b():v()},S=()=>{g()};return o(()=>{n.value&&(t.value?(f(),document.dispatchEvent(new CustomEvent(r))):d())}),{...e,isOpenDelayed:c,isPointerInTransitRef:p,onOpen:v,onClose:y,onTriggerEnter:x,onTriggerLeave:S}});export{l as provideDropdownMenuHoverContext,s as provideDropdownMenuRootContext,u as useDropdownMenuHoverContext,c as useDropdownMenuRootContext};