@soybeanjs/headless 0.30.0-beta.1 → 0.30.0-beta.3

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

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

package/dist/components/context-menu/context-menu-content.vue.d.ts

@@ -7,21 +7,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  entryFocus: (event: Event) => 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;
+  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
   prioritizePosition: boolean;

package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts

@@ -9,22 +9,22 @@ import "../../index.js";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined> | null) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined> | null) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined> | null) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined> | null) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/context-menu/context-menu-wrapper-compact.vue.d.ts

@@ -10,22 +10,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  entryFocus: (event: Event) => 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;
+  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/date-field/date-field-root.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
   readonly: boolean;
   defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
-  hourCycle: 12 | 24;
   granularity: Granularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/date-picker/date-picker-compact.vue.d.ts

@@ -6,8 +6,8 @@ import "../../index.js";
 //#region src/components/date-picker/date-picker-compact.vue.d.ts
 type __VLS_Slots = DatePickerCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (date: DateValue | undefined) => any;
   "update:open": (value: boolean) => any;
+  "update:modelValue": (date: DateValue | undefined) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps,
   closeAutoFocus: (event: Event) => any;
   "update:placeholder": (date: DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/date-range-field/date-range-field-root.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
   readonly: boolean;
   defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
-  hourCycle: 12 | 24;
   granularity: Granularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
   startName: string;
   endName: string;

package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts

@@ -6,8 +6,8 @@ import "../../index.js";
 //#region src/components/date-range-picker/date-range-picker-compact.vue.d.ts
 type __VLS_Slots = DateRangePickerCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (range: DateRange) => any;
   "update:open": (value: boolean) => any;
+  "update:modelValue": (range: DateRange) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -17,8 +17,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactPr
   "update:placeholder": (date: DateValue) => any;
   "update:startValue": (date: DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/dialog/context.js

@@ -1 +1 @@
-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=`soybean-dialog-popup-${s()}`,x=()=>{y.value||(y.value=b)},S=o(``),C=`soybean-dialog-title-${s()}`,w=()=>{S.value||(S.value=C)},T=o(``),E=`soybean-dialog-description-${s()}`,D=()=>{T.value||(T.value=E)},O=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:x,titleId:S,initTitleId:w,descriptionId:T,initDescriptionId:D,focusCancel:O}}),[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{h as _useDialogUi,f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,p as useDialogCompactContext,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(),[h,g]=n(),{open:_,fullscreen:v}=t,y=e=>{_.value=e},b=()=>{_.value=!_.value},x=e=>{v.value=e},S=()=>{v.value=!v.value},C=i(()=>e(_.value)),w=o(``),T=`soybean-dialog-popup-${s()}`,E=()=>{w.value||(w.value=T)},D=o(``),O=`soybean-dialog-title-${s()}`,k=()=>{D.value||(D.value=O)},A=o(``),j=`soybean-dialog-description-${s()}`,M=()=>{A.value||(A.value=j)},N=async()=>{await a(),p.value?.focus({preventScroll:!0})};return{...t,onOpenChange:y,onOpenToggle:b,onFullscreenChange:x,onFullscreenToggle:S,dataState:C,overlayElement:r,setOverlayElement:c,triggerElement:l,setTriggerElement:u,popupElement:d,setPopupElement:f,cancelElement:p,setCancelElement:m,headerElement:h,setHeaderElement:g,popupId:w,initPopupId:E,titleId:D,initTitleId:k,descriptionId:A,initDescriptionId:M,focusCancel:N}}),[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{h as _useDialogUi,f as provideDialogCompactContext,u as provideDialogProviderContext,c as provideDialogRootContext,m as provideDialogUi,p as useDialogCompactContext,d as useDialogProviderContext,l as useDialogRootContext,g as useDialogUi};

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

@@ -1 +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};
+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 ee 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-cancel.js";import c from"./dialog-close.js";import te from"./dialog-confirm.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-fullscreen.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},showFullscreen:{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:{},fullscreenProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},draggable:{type:Boolean},fullscreen:{type:Boolean,default:void 0},defaultFullscreen:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`update:fullscreen`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`fullscreen`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`showFullscreen`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`fullscreenProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=a(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[o().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`),ne=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),re=y(()=>z.cancelText??G.value.dialog.cancel),ie=y(()=>z.confirmText??G.value.dialog.confirm);return i({dialog:q}),(e,t)=>(A(),b(g,D(P(B),{"onUpdate:open":t[5]||(t[5]=e=>V(`update:open`,e)),"onUpdate:fullscreen":t[6]||(t[6]=e=>V(`update:fullscreen`,e))}),{default:L(n=>[w(v,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(r,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(ee,{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(u,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.showFullscreen?(A(),b(f,D({key:1},T.fullscreenProps,{onFullscreen:t[0]||(t[0]=e=>V(`fullscreen`,e))}),{default:L(()=>[j(e.$slots,`fullscreen`,k(E(n)))]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:2,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,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[2]||(t[2]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),ne.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(s,D({key:0},T.cancelProps,{onCancel:t[3]||(t[3]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(te,D({key:1},T.confirmProps,{onConfirm:t[4]||(t[4]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(ie.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

@@ -4,36 +4,42 @@ import "../../index.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, {
-  click: (event: PointerEvent) => any;
-  cancel: (event: MouseEvent) => any;
-  close: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
+  close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => 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;
+  "update:fullscreen": (value: boolean) => any;
+  fullscreen: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
-  onClick?: ((event: PointerEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => 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;
+  "onUpdate:fullscreen"?: ((value: boolean) => any) | undefined;
+  onFullscreen?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
   showClose: boolean;
-  alertType: DialogAlertType;
+  fullscreen: boolean;
+  showFullscreen: 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;

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

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useDialogRootContext as r,useDialogUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`DialogFullscreen`,__name:`dialog-fullscreen`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`fullscreen`],setup(c,{emit:m}){let h=c,g=m,_=i(`fullscreen`),{fullscreen:v,onFullscreenToggle:y}=r(`DialogFullscreen`),b=e(),x=a(()=>v.value?b.value.dialog.exitFullscreen:b.value.dialog.fullscreen),S=e=>{g(`fullscreen`,e),y()};return(e,r)=>(u(),o(n,l(h,{"data-soybean-dialog-fullscreen":``,"aria-label":x.value,"aria-pressed":f(v)?`true`:`false`,class:f(_),onClick:S}),{default:p(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:f(v)?`lucide:minimize`:`lucide:maximize`},null,8,[`icon`])])]),_:3},16,[`aria-label`,`aria-pressed`,`class`]))}});export{m as default};

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

@@ -0,0 +1,24 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { DialogFullscreenProps } from "./types.js";
+//#region src/components/dialog/dialog-fullscreen.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogFullscreenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  fullscreen: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DialogFullscreenProps> & Readonly<{
+  onFullscreen?: ((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 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`,{"data-soybean-dialog-header":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s 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=[`data-draggable`],l=r({name:`DialogHeader`,__name:`dialog-header`,setup(r){let{setHeaderElement:l,draggable:u}=e(`DialogHeader`),d=t(`header`);return(e,t)=>(a(),n(`div`,{ref:s(l),"data-soybean-dialog-header":``,"data-draggable":s(u)?``:void 0,class:i(s(d))},[o(e.$slots,`default`)],10,c))}});export{l 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:{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,onFocusCapture:I,onBlurCapture:L}=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:R}=r(D,{trapped:()=>y.trapFocus,loop:!0,onOpenAutoFocus:e=>{C.value&&P(),b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}}),z=a(y,[`trapFocus`,`disableOutsidePointerEvents`]),B=c(`popup`),V=l(()=>({pointerEvents:F.value})),H=()=>{let t=e();t!==document.body&&E(t)};return n(),i(D,S),A(),p(()=>{H()}),(e,t)=>(m(),u(g(o),f(g(z),{id:g(k),ref:g(O),class:g(B),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:V.value,onFocusCapture:g(I),onBlurCapture:g(L),onKeydown:g(R)}),{default:_(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`dir`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`role`,`aria-live`,`style`,`onFocusCapture`,`onBlurCapture`,`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,shallowRef as g,unref as _,watch as v,withCtx as y}from"vue";import{useDraggable as b}from"@vueuse/core";const x=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:x}){let S=d,C=x,{dir:w,modal:T,isAlert:E,alertType:D,draggable:O,fullscreen:k,onOpenChange:A,setTriggerElement:j,popupElement:M,setPopupElement:N,headerElement:P,popupId:F,initPopupId:I,dataState:L,titleId:R,descriptionId:z,focusCancel:B}=s(`DialogPopupImpl`),{pointerEvents:V,onFocusCapture:H,onBlurCapture:U}=t(M,{disableOutsidePointerEvents:()=>S.disableOutsidePointerEvents,onEscapeKeyDown:e=>{C(`escapeKeyDown`,e)},onPointerDownOutside:e=>{C(`pointerDownOutside`,e)},onFocusOutside:e=>{C(`focusOutside`,e)},onInteractOutside:e=>{C(`interactOutside`,e)},onDismiss:()=>{A(!1)}}),{onKeydown:W}=r(M,{trapped:()=>S.trapFocus,loop:!0,onOpenAutoFocus:e=>{E.value&&B(),C(`openAutoFocus`,e)},onCloseAutoFocus:e=>{C(`closeAutoFocus`,e)}}),G=a(S,[`trapFocus`,`disableOutsidePointerEvents`]),K=c(`popup`),q=g({x:0,y:0}),J=g({x:0,y:0}),Y=g({x:0,y:0}),{isDragging:X}=b(M,{handle:P,disabled:l(()=>!O.value||k.value===!0||!P.value),onStart:(e,t)=>{J.value={x:t.clientX,y:t.clientY},Y.value={...q.value}},onMove:(e,t)=>{q.value={x:Y.value.x+t.clientX-J.value.x,y:Y.value.y+t.clientY-J.value.y}}});v(k,e=>{e&&(q.value={x:0,y:0})});let Z=l(()=>{let{x:e,y:t}=q.value;return{pointerEvents:V.value,translate:e!==0||t!==0?`${e}px ${t}px`:void 0}}),Q=()=>{let t=e();t!==document.body&&j(t)};return n(),i(M,T),I(),p(()=>{Q()}),(e,t)=>(m(),u(_(o),f(_(G),{id:_(F),ref:_(N),class:_(K),dir:_(w),"aria-labelledby":_(R),"aria-describedby":_(z),"data-dismissable-layer":``,"data-state":_(L),"data-type":_(E)?_(D):void 0,"data-fullscreen":_(k)?``:void 0,"data-dragging":_(X)?``:void 0,role:_(E)?`alertdialog`:`dialog`,"aria-live":_(E)?_(D)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:Z.value,onFocusCapture:_(H),onBlurCapture:_(U),onKeydown:_(W)}),{default:y(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`dir`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`data-fullscreen`,`data-dragging`,`role`,`aria-live`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`]))}});export{x as default};

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

@@ -1 +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),f=t(()=>l.dir),p=i(()=>l.isAlert===!0||l.modal),{onOpenChange:m}=r({dir:f,open:d,modal:p,...e(l,[`isAlert`,`alertType`])}),h=()=>{m(!1)};return(e,t)=>o(e.$slots,`default`,{open:s(d),close:h})}});export{c 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,watch as c}from"vue";const l=a({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},draggable:{type:Boolean},fullscreen:{type:Boolean,default:void 0},defaultFullscreen:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`update:fullscreen`],setup(a,{emit:l}){let u=a,d=l,f=n(()=>u.open,e=>{d(`update:open`,e)},u.defaultOpen??!1),p=n(()=>u.fullscreen,e=>{d(`update:fullscreen`,e)},u.defaultFullscreen??!1),m=t(()=>u.dir),h=i(()=>u.isAlert===!0||u.modal),{onOpenChange:g}=r({dir:m,open:f,modal:h,fullscreen:p,...e(u,[`isAlert`,`alertType`,`draggable`])}),_=()=>{g(!1)};return c(f,e=>{e&&u.fullscreen===void 0&&(p.value=u.defaultFullscreen??!1)}),(e,t)=>o(e.$slots,`default`,{open:s(f),close:_})}});export{l as default};

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

@@ -9,11 +9,14 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  "update:fullscreen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:fullscreen"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
+  fullscreen: boolean;
 }, {}, {}, {}, string, import("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/index.d.ts

@@ -1,20 +1,21 @@
 import { PortalProps } from "../portal/types.js";
-import _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$11 from "../portal/portal.vue.js";
+import { DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogFullscreenEmits, DialogFullscreenProps, DialogFullscreenStateEmits, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot } from "./types.js";
 import _default$2 from "./dialog-compact.vue.js";
-import _default$11 from "./dialog-provider.vue.js";
-import _default$12 from "./dialog-root.vue.js";
-import _default$14 from "./dialog-trigger.vue.js";
-import _default$8 from "./dialog-overlay.vue.js";
-import _default$9 from "./dialog-popup.vue.js";
-import _default$7 from "./dialog-header.vue.js";
+import _default$12 from "./dialog-provider.vue.js";
+import _default$13 from "./dialog-root.vue.js";
+import _default$15 from "./dialog-trigger.vue.js";
+import _default$9 from "./dialog-overlay.vue.js";
+import _default$10 from "./dialog-popup.vue.js";
+import _default$8 from "./dialog-header.vue.js";
 import _default$4 from "./dialog-content.vue.js";
-import _default$13 from "./dialog-title.vue.js";
+import _default$14 from "./dialog-title.vue.js";
 import _default$5 from "./dialog-description.vue.js";
 import _default$6 from "./dialog-footer.vue.js";
 import _default$1 from "./dialog-close.vue.js";
+import _default$7 from "./dialog-fullscreen.vue.js";
 import _default from "./dialog-cancel.vue.js";
 import _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 };
+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 DialogFullscreen, type DialogFullscreenEmits, type DialogFullscreenProps, type DialogFullscreenStateEmits, _default$8 as DialogHeader, type DialogHeaderProps, _default$9 as DialogOverlay, type DialogOverlayProps, _default$10 as DialogPopup, type DialogPopupEmits, type DialogPopupProps, _default$11 as DialogPortal, type PortalProps as DialogPortalProps, _default$12 as DialogProvider, _default$13 as DialogRoot, type DialogRootEmits, type DialogRootProps, _default$14 as DialogTitle, type DialogTitleProps, _default$15 as DialogTrigger, type DialogTriggerProps, type DialogUi, type DialogUiSlot, dialog, provideDialogUi };

package/dist/components/dialog/index.js

@@ -1 +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};
+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-fullscreen.js";import l from"./dialog-header.js";import u from"./dialog-overlay.js";import d from"./dialog-popup.js";import f from"./dialog-root.js";import p from"./dialog-title.js";import m from"./dialog-trigger.js";import h from"./dialog-compact.js";import{dialog as g}from"./state.js";import _ from"./dialog-provider.js";export{n as DialogCancel,r as DialogClose,h as DialogCompact,i as DialogConfirm,a as DialogContent,o as DialogDescription,s as DialogFooter,c as DialogFullscreen,l as DialogHeader,u as DialogOverlay,d as DialogPopup,e as DialogPortal,_ as DialogProvider,f as DialogRoot,p as DialogTitle,m as DialogTrigger,g as dialog,t as provideDialogUi};

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

@@ -56,6 +56,24 @@ interface DialogRootProps extends DialogBaseProps {
    * The alert type of the dialog, which determines the default icon and styles when the dialog is an alert dialog.
    */
   alertType?: DialogAlertType;
+  /**
+   * Whether the dialog can be moved by dragging its header.
+   *
+   * @defaultValue false
+   */
+  draggable?: boolean;
+  /**
+   * The controlled fullscreen state of the dialog. Can be bound with `v-model:fullscreen`.
+   *
+   * @defaultValue undefined
+   */
+  fullscreen?: boolean;
+  /**
+   * The fullscreen state of the dialog when it is initially rendered. Use when you do not need to control its fullscreen state.
+   *
+   * @defaultValue false
+   */
+  defaultFullscreen?: boolean;
 }
 /**
  * Events for the DialogRoot component.
@@ -64,6 +82,14 @@ type DialogRootEmits = {
   /** Event handler called when the open state of the dialog changes. */
   'update:open': [value: boolean];
 };
+/**
+ * Events for the fullscreen state of the dialog. Kept separate from `DialogRootEmits`
+ * because the latter is shared by other disclosure primitives (popover, menu, bottom-sheet).
+ */
+type DialogFullscreenStateEmits = {
+  /** Event handler called when the fullscreen state of the dialog changes. */
+  'update:fullscreen': [value: boolean];
+};
 /**
  * Properties for the DialogTrigger component.
  */
@@ -114,6 +140,17 @@ type DialogCloseEmits = {
   /** Event handler called when the dialog is requested to be closed. */
   close: [event: MouseEvent];
 };
+/**
+ * Properties for the DialogFullscreen component.
+ */
+interface DialogFullscreenProps extends ButtonProps {}
+/**
+ * Events for the DialogFullscreen component.
+ */
+type DialogFullscreenEmits = {
+  /** Event handler called when the fullscreen state of the dialog is requested to be toggled. */
+  fullscreen: [event: MouseEvent];
+};
 /**
  * Properties for the DialogCancel component.
  */
@@ -170,6 +207,12 @@ interface DialogCompactProps extends DialogRootProps {
    * @defaultValue true
    */
   showClose?: boolean;
+  /**
+   * Whether show the fullscreen toggle button in the header of the dialog.
+   *
+   * @defaultValue true
+   */
+  showFullscreen?: boolean;
   /**
    * Whether to use the pure version of the dialog, which does not include the header and footer.
    * This is useful when you want to fully control the content of the dialog and do not need the built-in header and footer.
@@ -244,6 +287,10 @@ interface DialogCompactProps extends DialogRootProps {
    * Properties forwarded to the close element.
    */
   closeProps?: DialogCloseProps;
+  /**
+   * Properties forwarded to the fullscreen element.
+   */
+  fullscreenProps?: DialogFullscreenProps;
   /**
    * Properties forwarded to the cancel element.
    */
@@ -256,7 +303,7 @@ interface DialogCompactProps extends DialogRootProps {
 /**
  * Events for the DialogCompact component.
  */
-type DialogCompactEmits = DialogRootEmits & DialogTriggerEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
+type DialogCompactEmits = DialogRootEmits & DialogFullscreenStateEmits & DialogTriggerEmits & DialogPopupEmits & DialogCloseEmits & DialogFullscreenEmits & DialogConfirmEmits & DialogCancelEmits;
 /**
  * Slot properties for the DialogCompactBase component.
  */
@@ -294,6 +341,10 @@ type DialogCompactSlots = {
    * Custom content for the close slot.
    */
   close?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the fullscreen slot.
+   */
+  fullscreen?: (props: DialogCompactBaseSlotProps) => any;
   /**
    * Custom content for the footer slot.
    */
@@ -310,7 +361,7 @@ type DialogCompactSlots = {
 /**
  * Available UI slots for the Dialog component.
  */
-type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'cancel' | 'confirm';
+type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'fullscreen' | 'cancel' | 'confirm';
 /**
  * UI class overrides for the Dialog component.
  */
@@ -378,4 +429,4 @@ interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
   id?: number | string;
 }
 //#endregion
-export { DialogAlertType, DialogBaseProps, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupImplEmits, DialogPopupImplProps, DialogPopupProps, type PortalProps as DialogPortalProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerEmits, DialogTriggerProps, DialogUi, DialogUiSlot };
+export { DialogAlertType, DialogBaseProps, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogFullscreenEmits, DialogFullscreenProps, DialogFullscreenStateEmits, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupImplEmits, DialogPopupImplProps, DialogPopupProps, type PortalProps as DialogPortalProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerEmits, DialogTriggerProps, DialogUi, DialogUiSlot };

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

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

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

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

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

@@ -7,21 +7,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  entryFocus: (event: Event) => 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;
+  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   sideOffset: number;
   sideFlip: boolean;