@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

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

@@ -0,0 +1 @@
+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 ee from"./dialog-cancel.js";import c from"./dialog-close.js";import l from"./dialog-confirm.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-popup.js";import g from"./dialog-root.js";import _ from"./dialog-title.js";import v from"./dialog-trigger.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(g,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(n=>[w(v,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(h,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(_,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(l,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

@@ -0,0 +1,45 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DialogAlertType, DialogCompactProps, DialogCompactSlots } from "./types.js";
+//#region src/components/dialog/dialog-compact.vue.d.ts
+type __VLS_Slots = DialogCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  close: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => 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;
+  confirm: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => 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;
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  open: boolean;
+  modal: boolean;
+  showClose: boolean;
+  showCancel: "onlyWarning" | boolean;
+  showConfirm: boolean;
+  alertType: DialogAlertType;
+}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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),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-confirm.vue.d.ts

@@ -0,0 +1,24 @@
+import { AsTag } from "../primitive/types.js";
+import { DialogConfirmProps } from "./types.js";
+
+//#region src/components/dialog/dialog-confirm.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  confirm: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DialogConfirmProps> & Readonly<{
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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`,{"data-soybean-dialog-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,17 @@
+import { DialogContentProps } from "./types.js";
+
+//#region src/components/dialog/dialog-content.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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),"data-soybean-dialog-description":``,class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { DialogDescriptionProps } from "./types.js";
+
+//#region src/components/dialog/dialog-description.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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`,{"data-soybean-dialog-footer":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,17 @@
+import { DialogFooterProps } from "./types.js";
+
+//#region src/components/dialog/dialog-footer.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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`,{"data-soybean-dialog-header":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,17 @@
+import { DialogHeaderProps } from "./types.js";
+
+//#region src/components/dialog/dialog-header.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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&&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-overlay.vue.d.ts

@@ -0,0 +1,17 @@
+import { DialogOverlayProps } from "./types.js";
+
+//#region src/components/dialog/dialog-overlay.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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:{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

@@ -0,0 +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),{"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-popup.vue.d.ts

@@ -0,0 +1,32 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DialogPopupProps } from "./types.js";
+
+//#region src/components/dialog/dialog-popup.vue.d.ts
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogPopupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  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;
+}, string, import("vue").PublicProps, Readonly<DialogPopupProps> & Readonly<{
+  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;
+}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{provideDialogProviderContext as e}from"./context.js";import t from"./dialog-compact.js";import n from"../_common/dynamic-render.js";import{DialogState as r}from"./state.js";import{Fragment as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createSlots as c,createVNode as l,defineComponent as u,nextTick as d,onWatcherCleanup as f,openBlock as p,renderList as m,renderSlot as h,resolveDynamicComponent as g,shallowRef as _,watchEffect as v,withCtx as y}from"vue";const b=u({name:`DialogProvider`,inheritAttrs:!1,__name:`dialog-provider`,setup(u){let b=_([]),x=e=>{let t=b.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},b.value[t],e);b.value=[...b.value.slice(0,t),n,...b.value.slice(t+1)];return}b.value=[e,...b.value]},S=e=>{e.onDismiss?.(e),r.dismiss(e.id)},C=(e,t)=>{e.onCancel?.(t),!t.defaultPrevented&&S(e)},w=(e,t)=>{e.onConfirm?.(t),!t.defaultPrevented&&S(e)};return e({dialogs:b}),v(()=>{let e=r.subscribe(e=>{d(()=>{x(e)}),e.open===!1&&setTimeout(()=>{b.value=r.activeDialogs()},500)});f(()=>{e()})},{flush:`post`}),(e,r)=>(p(),s(i,null,[(p(!0),s(i,null,m(b.value,e=>(p(),a(t,{key:e.id,open:e.open,"is-alert":``,"alert-type":e.type,"data-dialog-id":e.id,icon:e.icon,onClose:t=>S(e),onCancel:t=>C(e,t),onConfirm:t=>w(e,t)},c({default:y(()=>[e.content?(p(),a(g(e.content),{key:0})):o(`v-if`,!0)]),_:2},[e.title?{name:`title`,fn:y(()=>[l(n,{is:e.title},null,8,[`is`])]),key:`0`}:void 0,e.description?{name:`description`,fn:y(()=>[l(n,{is:e.description},null,8,[`is`])]),key:`1`}:void 0,e.footer?{name:`footer`,fn:y(()=>[l(n,{is:e.footer},null,8,[`is`])]),key:`2`}:void 0,e.cancelText?{name:`cancel`,fn:y(()=>[l(n,{is:e.cancelText},null,8,[`is`])]),key:`3`}:void 0,e.confirmText?{name:`confirm`,fn:y(()=>[l(n,{is:e.confirmText},null,8,[`is`])]),key:`4`}:void 0]),1032,[`open`,`alert-type`,`data-dialog-id`,`icon`,`onClose`,`onCancel`,`onConfirm`]))),128)),h(e.$slots,`default`)],64))}});export{b as default};

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

@@ -0,0 +1,15 @@
+//#region src/components/dialog/dialog-provider.vue.d.ts
+declare var __VLS_46: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_46) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+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-root.vue.d.ts

@@ -0,0 +1,27 @@
+import { DialogRootProps } from "./types.js";
+
+//#region src/components/dialog/dialog-root.vue.d.ts
+declare var __VLS_1: {
+  open: boolean;
+  close: () => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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),"data-soybean-dialog-title":``,class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { DialogTitleProps } from "./types.js";
+
+//#region src/components/dialog/dialog-title.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,21 @@
+import { DialogTriggerProps } from "./types.js";
+
+//#region src/components/dialog/dialog-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,20 @@
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$10 } from "../portal/portal.vue.js";
+import { DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot } from "./types.js";
+import { _default as _default$2 } from "./dialog-compact.vue.js";
+import { _default as _default$11 } from "./dialog-provider.vue.js";
+import { _default as _default$12 } from "./dialog-root.vue.js";
+import { _default as _default$14 } from "./dialog-trigger.vue.js";
+import { _default as _default$8 } from "./dialog-overlay.vue.js";
+import { _default as _default$9 } from "./dialog-popup.vue.js";
+import { _default as _default$7 } from "./dialog-header.vue.js";
+import { _default as _default$4 } from "./dialog-content.vue.js";
+import { _default as _default$13 } from "./dialog-title.vue.js";
+import { _default as _default$5 } from "./dialog-description.vue.js";
+import { _default as _default$6 } from "./dialog-footer.vue.js";
+import { _default as _default$1 } from "./dialog-close.vue.js";
+import { _default } from "./dialog-cancel.vue.js";
+import { _default as _default$3 } from "./dialog-confirm.vue.js";
+import { provideDialogUi } from "./context.js";
+import { dialog } from "./state.js";
+export { _default as DialogCancel, type DialogCancelEmits, type DialogCancelProps, _default$1 as DialogClose, type DialogCloseEmits, type DialogCloseProps, _default$2 as DialogCompact, type DialogCompactBaseSlotProps, type DialogCompactEmits, type DialogCompactProps, type DialogCompactSlots, _default$3 as DialogConfirm, type DialogConfirmEmits, type DialogConfirmProps, _default$4 as DialogContent, type DialogContentProps, _default$5 as DialogDescription, type DialogDescriptionProps, _default$6 as DialogFooter, type DialogFooterProps, _default$7 as DialogHeader, type DialogHeaderProps, _default$8 as DialogOverlay, type DialogOverlayProps, _default$9 as DialogPopup, type DialogPopupEmits, type DialogPopupProps, _default$10 as DialogPortal, type PortalProps as DialogPortalProps, _default$11 as DialogProvider, _default$12 as DialogRoot, type DialogRootEmits, type DialogRootProps, _default$13 as DialogTitle, type DialogTitleProps, _default$14 as DialogTrigger, type DialogTriggerProps, type DialogUi, type DialogUiSlot, dialog, provideDialogUi };

package/dist/components/dialog/index.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import{provideDialogUi as t}from"./context.js";import n from"./dialog-cancel.js";import r from"./dialog-close.js";import i from"./dialog-confirm.js";import a from"./dialog-content.js";import o from"./dialog-description.js";import s from"./dialog-footer.js";import c from"./dialog-header.js";import l from"./dialog-overlay.js";import u from"./dialog-popup.js";import d from"./dialog-root.js";import f from"./dialog-title.js";import p from"./dialog-trigger.js";import m from"./dialog-compact.js";import{dialog as h}from"./state.js";import g from"./dialog-provider.js";export{n as DialogCancel,r as DialogClose,m as DialogCompact,i as DialogConfirm,a as DialogContent,o as DialogDescription,s as DialogFooter,c as DialogHeader,l as DialogOverlay,u as DialogPopup,e as DialogPortal,g as DialogProvider,d as DialogRoot,f as DialogTitle,p as DialogTrigger,h as dialog,t as provideDialogUi};

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

@@ -0,0 +1,14 @@
+import { DialogExternal, DialogT } from "./types.js";
+import { VNode } from "vue";
+
+//#region src/components/dialog/state.d.ts
+declare const dialog: ((message: VNode | string, data?: DialogExternal) => string | number) & {
+  success: (message: VNode | string, data?: DialogExternal) => string | number;
+  error: (message: VNode | string, data?: DialogExternal) => string | number;
+  info: (message: VNode | string, data?: DialogExternal) => string | number;
+  warning: (message: VNode | string, data?: DialogExternal) => string | number;
+  getHistory: () => DialogT[];
+  getDialogs: () => DialogT[];
+};
+//#endregion
+export { dialog };

package/dist/components/dialog/state.js

@@ -0,0 +1 @@
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/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};