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

package/dist/components/command/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideListboxUi as t}from"../listbox/context.js";import{computed as n}from"vue";const[r,i]=e(`CommandUi`,e=>(t(n(()=>({root:e.value?.root,content:e.value?.list,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl,item:e.value?.item,itemIndicator:``,group:e.value?.group,groupLabel:e.value?.groupLabel,virtualizer:``}))),e));export{r as provideCommandUi,i as useCommandUi};

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

@@ -0,0 +1,5 @@
+import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps } from "../listbox/types.js";
+import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandEmptyProps, CommandGroupOptionData, CommandItemLabelProps, CommandOptionData, CommandSearchOptionData, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandUi, CommandUiSlot } from "./types.js";
+import { _default } from "./command-compact.vue.js";
+import { provideCommandUi } from "./context.js";
+export { _default as CommandCompact, type CommandCompactEmits, type CommandCompactProps, type CommandCompactSlots, type CommandEmptyProps, type ListboxGroupLabelProps as CommandGroupLabelProps, type CommandGroupOptionData, type ListboxGroupProps as CommandGroupProps, type ListboxFilterProps as CommandInputProps, type ListboxItemEmits as CommandItemEmits, type CommandItemLabelProps, type ListboxItemProps as CommandItemProps, type ListboxContentProps as CommandListProps, type CommandOptionData, type ListboxRootEmits as CommandRootEmits, type ListboxRootProps as CommandRootProps, type CommandSearchOptionData, type CommandSeparatorProps, type CommandShortcutProps, type CommandSingleOptionData, type CommandUi, type CommandUiSlot, provideCommandUi };

package/dist/components/command/index.js

@@ -0,0 +1 @@
+import{provideCommandUi as e}from"./context.js";import t from"./command-compact.js";export{t as CommandCompact,e as provideCommandUi};

package/dist/components/command/shared.js

@@ -0,0 +1 @@
+function e(e){return`items`in e}function t(t){return t.flatMap(t=>e(t)?t.items.map(e=>({groupValue:t.value,groupLabel:t.label,groupSeparator:t.separator,...e})):[t])}function n(e){let t=e.reduce((e,t)=>{let{groupValue:n,groupLabel:r,groupSeparator:i,...a}=t;return n?(e[n]||(e[n]={value:n,label:r??n,separator:i,items:[]}),e[n].items.push(a)):e[`item-${t.value}`]=a,e},{});return Object.values(t)}export{n as getCommandItemOptions,t as getCommandSearchOptions,e as isGroupOption};

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

@@ -0,0 +1,68 @@
+import { IconValue } from "../_icon/types.js";
+import { UiClass } from "../../types/common.js";
+import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUiSlot } from "../listbox/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { KbdProps, KbdValue } from "../kbd/types.js";
+import { HTMLAttributes } from "vue";
+import { UseFuseOptions } from "@vueuse/integrations/useFuse";
+
+//#region src/components/command/types.d.ts
+interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disabled'> {
+  icon?: IconValue;
+  label: string;
+  separator?: boolean;
+  shortcut?: KbdValue | KbdValue[];
+}
+interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> extends Pick<CommandSingleOptionData, 'value' | 'label' | 'separator'> {
+  items: T[];
+}
+type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T | CommandGroupOptionData<T>;
+interface CommandItemLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
+interface CommandSeparatorProps extends SeparatorRootProps {}
+type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T & {
+  groupValue?: string;
+  groupLabel?: string;
+  groupSeparator?: boolean;
+};
+interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
+type CommandUiSlot = Extract<ListboxUiSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl' | 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
+type CommandUi = UiClass<CommandUiSlot>;
+interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends Omit<ListboxRootProps, 'onSelect'> {
+  items: CommandOptionData<T>[];
+  placeholder?: string;
+  searchTerm?: string;
+  clearable?: boolean;
+  fuseOptions?: UseFuseOptions<CommandSearchOptionData<T>>;
+  listProps?: ListboxContentProps;
+  itemProps?: ListboxItemProps;
+  itemLabelProps?: CommandItemLabelProps;
+  groupProps?: ListboxGroupProps;
+  groupLabelProps?: ListboxGroupLabelProps;
+  shortcutProps?: CommandShortcutProps;
+  separatorProps?: CommandSeparatorProps;
+  inputProps?: ListboxFilterProps;
+  emptyProps?: CommandEmptyProps;
+  emptyLabel?: string;
+}
+type CommandSearchTermEmits = {
+  'update:searchTerm': [value: string];
+};
+type CommandCompactEmits = ListboxRootEmits & ListboxItemEmits & CommandSearchTermEmits;
+interface CommandCompactInputSlotProps {
+  clear: () => void;
+}
+interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = CommandSingleOptionData> {
+  item: T;
+}
+type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = {
+  'input-leading'?: (props: CommandCompactInputSlotProps) => any;
+  'input-trailing'?: (props: CommandCompactInputSlotProps) => any;
+  empty?: () => any;
+  'item-leading'?: (props: CommandCompactItemSlotProps<T>) => any;
+  'item-trailing'?: (props: CommandCompactItemSlotProps<T>) => any;
+  'item-label'?: (props: CommandCompactItemSlotProps<T>) => any;
+  bottom?: () => any;
+};
+//#endregion
+export { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandEmptyProps, CommandGroupOptionData, CommandItemLabelProps, CommandOptionData, CommandSearchOptionData, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandUi, CommandUiSlot };

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

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   nuxt: boolean;
   dir: Direction;
-  nonce: string;
   locale: string;
+  nonce: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/config-provider/types.d.ts

@@ -1,5 +1,5 @@
+import { IconValue } from "../_icon/types.js";
 import { Direction } from "../../types/common.js";
-import { IconValue } from "../icon/types.js";
 import { TooltipProviderProps } from "../tooltip/types.js";
 import { VNode } from "vue";
 

package/dist/components/context-menu/context-menu-checkbox-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCheckboxCompact`,__name:`context-menu-checkbox-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCheckboxCompact`,__name:`context-menu-checkbox-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -9,12 +9,12 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => 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: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCompact`,__name:`context-menu-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCompact`,__name:`context-menu-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -8,12 +8,12 @@ import * as _$vue from "vue";
 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: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, 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: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -8,19 +8,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$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;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {

package/dist/components/context-menu/context-menu-radio-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuRadioCompact`,__name:`context-menu-radio-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuRadioCompact`,__name:`context-menu-radio-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -9,12 +9,12 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"../menu/menu-root.js";import"../menu/index.js";import{provideContextMenuRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,ref as o,renderSlot as s,unref as c,watch as l,withCtx as u}from"vue";const d=i({name:`ContextMenuRoot`,inheritAttrs:!1,__name:`context-menu-root`,props:{pressOpenDelay:{default:700},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(i,{emit:d}){let f=i,p=d,m=o(!1);return l(m,e=>{p(`update:open`,e)}),n({...e(f,[`dir`,`modal`,`pressOpenDelay`]),open:m}),(e,n)=>(a(),r(c(t),{open:m.value,"onUpdate:open":n[0]||(n[0]=e=>m.value=e),dir:i.dir,modal:i.modal},{default:u(()=>[s(e.$slots,`default`,{open:m.value})]),_:3},8,[`open`,`dir`,`modal`]))}});export{d as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"../menu/menu-root.js";import"../menu/index.js";import{provideContextMenuRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,ref as o,renderSlot as s,unref as c,watch as l,withCtx as u}from"vue";const d=i({name:`ContextMenuRoot`,inheritAttrs:!1,__name:`context-menu-root`,props:{pressOpenDelay:{default:700},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(i,{emit:d}){let f=i,p=d,m=o(!1);return l(m,e=>{p(`update:open`,e)}),n({...e(f,[`dir`,`modal`,`pressOpenDelay`]),open:m}),(e,n)=>(a(),r(c(t),{open:m.value,"onUpdate:open":n[0]||(n[0]=e=>m.value=e),dir:i.dir,modal:i.modal},{default:u(()=>[s(e.$slots,`default`,{open:m.value})]),_:3},8,[`open`,`dir`,`modal`]))}});export{d as default};

package/dist/components/context-menu/context-menu-wrapper-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./context-menu-root.js";import a from"./context-menu-trigger.js";import o from"./context-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ContextMenuWrapperCompact`,__name:`context-menu-wrapper-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../popper/popper-arrow.js";import r from"../portal/portal.js";import"../menu/index.js";import i from"./context-menu-root.js";import a from"./context-menu-trigger.js";import o from"./context-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ContextMenuWrapperCompact`,__name:`context-menu-wrapper-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(r),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(n),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};

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

@@ -10,21 +10,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  "update:open": (value: boolean) => any;
-  entryFocus: (event: Event) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {

package/dist/components/context-menu/index.d.ts

@@ -1,7 +1,7 @@
-import { PortalProps } from "../portal/types.js";
-import { _default as _default$11 } from "../portal/portal.vue.js";
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
+import { _default as _default$11 } from "../portal/portal.vue.js";
 import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
 import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";

package/dist/components/context-menu/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../popper/popper-anchor.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./context-menu-root.js";import g from"./context-menu-trigger.js";import _ from"./context-menu-content.js";import v from"./context-menu-wrapper-compact.js";import y from"./context-menu-compact.js";import b from"./context-menu-checkbox-compact.js";import x from"./context-menu-radio-compact.js";export{t as ContextMenuAnchor,n as ContextMenuArrow,b as ContextMenuCheckboxCompact,p as ContextMenuCheckboxGroup,c as ContextMenuCheckboxItem,y as ContextMenuCompact,_ as ContextMenuContent,i as ContextMenuGroup,a as ContextMenuGroupLabel,o as ContextMenuItem,s as ContextMenuItemIndicator,e as ContextMenuPortal,x as ContextMenuRadioCompact,m as ContextMenuRadioGroup,l as ContextMenuRadioItem,h as ContextMenuRoot,r as ContextMenuSeparator,u as ContextMenuSub,f as ContextMenuSubContent,d as ContextMenuSubTrigger,g as ContextMenuTrigger,v as ContextMenuWrapperCompact};
+import e from"../popper/popper-anchor.js";import t from"../popper/popper-arrow.js";import n from"../portal/portal.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./context-menu-root.js";import g from"./context-menu-trigger.js";import _ from"./context-menu-content.js";import v from"./context-menu-wrapper-compact.js";import y from"./context-menu-compact.js";import b from"./context-menu-checkbox-compact.js";import x from"./context-menu-radio-compact.js";export{e as ContextMenuAnchor,t as ContextMenuArrow,b as ContextMenuCheckboxCompact,p as ContextMenuCheckboxGroup,c as ContextMenuCheckboxItem,y as ContextMenuCompact,_ as ContextMenuContent,i as ContextMenuGroup,a as ContextMenuGroupLabel,o as ContextMenuItem,s as ContextMenuItemIndicator,n as ContextMenuPortal,x as ContextMenuRadioCompact,m as ContextMenuRadioGroup,l as ContextMenuRadioItem,h as ContextMenuRoot,r as ContextMenuSeparator,u as ContextMenuSub,f as ContextMenuSubContent,d as ContextMenuSubTrigger,g as ContextMenuTrigger,v as ContextMenuWrapperCompact};

package/dist/components/context-menu/types.d.ts

@@ -1,6 +1,6 @@
 import { AcceptableBooleanValue, DefinedValue } from "../../types/common.js";
-import { PortalProps } from "../portal/types.js";
 import { PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
 import { ShallowRef } from "vue";
 

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { DialogUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/dialog/context.d.ts
-declare const provideDialogUi: (ui: _$vue.ComputedRef<Partial<UiClass<DialogUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<DialogUiSlot>>>, useDialogUi: <S extends DialogUiSlot | undefined = undefined>(slot?: S | undefined) => S extends DialogUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<DialogUiSlot>>>;
+declare const provideDialogUi: (ui: _$vue.ComputedRef<Partial<UiClass<DialogUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<DialogUiSlot>>>, _useDialogUi: UseUiConsumer<DialogUiSlot>;
 //#endregion
 export { provideDialogUi };

package/dist/components/dialog/context.js

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

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

@@ -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:`DialogCancel`,__name:`dialog-cancel`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`cancel`],setup(i,{emit:u}){let d=i,f=u,p=n(`cancel`),{setCancelElement:m,onOpenChange:h}=t(`DialogCancel`),g=async e=>{f(`cancel`,e),!e.defaultPrevented&&h(!1)};return(t,n)=>(o(),r(e,a({ref:c(m)},d,{class:c(p),onClick:g}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

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

@@ -0,0 +1,25 @@
+import { AsTag } from "../primitive/types.js";
+import { DialogCancelProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/dialog/dialog-cancel.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DialogCancelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  cancel: (event: MouseEvent) => any;
+}, string, _$vue.PublicProps, Readonly<DialogCancelProps> & Readonly<{
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -1,3 +1,4 @@
+import { AsTag } from "../primitive/types.js";
 import { DialogCloseProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,10 +8,12 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
+  close: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-close.js";import c from"./dialog-popup.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-header.js";import p from"./dialog-overlay.js";import m from"./dialog-root.js";import h from"./dialog-title.js";import g from"./dialog-trigger.js";import _ from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{default:`default`}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=e(V),G=a(),K=y(()=>G?.getCurrentDialog(U[`data-dialog-id`])),q=y(()=>[o().value?.icon,K.value?.ui?.icon].filter(Boolean).join(` `)),J=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),Y={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},X=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?Y[z.alertType]:null),Z=y(()=>z.showConfirm??z.isAlert),Q=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),$=y(()=>z.pure?!1:H.footer?!0:Q.value||Z.value);return i({dialog:K}),(e,t)=>(A(),b(m,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(i=>[w(g,k(E(J.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(i)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(p,k(E(T.overlayProps)),null,16),w(c,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(f,k(D({key:0},T.headerProps)),{default:L(()=>[w(h,k(E(T.titleProps)),{default:L(()=>[X.value?(A(),b(n,{key:0,icon:X.value,class:O(q.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(i)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(i)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(i)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0),$.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(i)),()=>[Q.value?(A(),b(_,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(i)),()=>[C(M(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),Z.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(i)),()=>[C(M(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};

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

@@ -0,0 +1,47 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DialogAlertType, DialogCompactProps, DialogCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/dialog/dialog-compact.vue.d.ts
+type __VLS_Slots = DialogCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: (event: MouseEvent) => any;
+  "update:open": (value: boolean) => 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, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => 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;
+  alertType: DialogAlertType;
+  showClose: boolean;
+  showCancel: "onlyWarning" | boolean;
+  cancelText: string;
+  showConfirm: boolean;
+  confirmText: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  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),!e.defaultPrevented&&m(!1)};return(t,n)=>(o(),r(e,a(d,{class:c(p),onClick:h}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

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

@@ -0,0 +1,25 @@
+import { AsTag } from "../primitive/types.js";
+import { DialogConfirmProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<DialogConfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  confirm: (event: MouseEvent) => any;
+}, string, _$vue.PublicProps, Readonly<DialogConfirmProps> & Readonly<{
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
+}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{useDialogRootContext as i}from"./context.js";import a from"./dialog-content-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-content`,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),{contentElement:S,open:C,modal:w,triggerElement:T}=i(`DialogContent`),E=v.forceMount?p(!0):n(S,C),D=o(()=>w.value&&C.value),{onPointerDownOutside:O,onFocusOutside:k,onInteractOutside:A,onCloseAutoFocus:j}=t({modal:w,triggerElement:T});return(e,t)=>h(E)?(d(),s(a,u({key:0},h(b),{"trap-focus":D.value,"disable-outside-pointer-events":h(w)},m(h(x)),{onPointerDownOutside:h(O),onFocusOutside:h(k),onInteractOutside:h(A),onCloseAutoFocus:h(j)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onPointerDownOutside`,`onFocusOutside`,`onInteractOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};
+import{useDialogUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`DialogContent`,__name:`dialog-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,27 +1,12 @@
-import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { DialogContentProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/dialog/dialog-content.vue.d.ts
-declare var __VLS_13: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_13) => any;
+  default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$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, _$vue.PublicProps, Readonly<DialogContentProps> & 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, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DialogContentProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/dialog/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:{asChild:{type:Boolean},as:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:v}){let y=d,b=v,{modal:x,isAlert:S,alertType:C,onOpenChange:w,setTriggerElement:T,popupElement:E,setPopupElement:D,popupId:O,initPopupId:k,dataState:A,titleId:j,descriptionId:M,focusCancel:N}=s(`DialogPopupImpl`),{pointerEvents:P}=t(E,{disableOutsidePointerEvents:()=>y.disableOutsidePointerEvents,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{b(`pointerDownOutside`,e)},onFocusOutside:e=>{b(`focusOutside`,e)},onInteractOutside:e=>{b(`interactOutside`,e)},onDismiss:()=>{w(!1)}}),{onKeydown:F}=r(E,{trapped:()=>y.trapFocus,loop:!0,onOpenAutoFocus:e=>{S.value&&N(),b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}}),I=a(y,[`trapFocus`,`disableOutsidePointerEvents`]),L=c(`popup`),R=l(()=>({pointerEvents:P.value})),z=()=>{let t=e();t!==document.body&&T(t)};return n(),i(E,x),k(),p(()=>{z()}),(e,t)=>(m(),u(g(o),f(g(I),{id:g(O),ref:g(D),class:g(L),"aria-labelledby":g(j),"aria-describedby":g(M),"data-dismissable-layer":``,"data-state":g(A),"data-type":g(S)?g(C):void 0,role:g(S)?`alertdialog`:`dialog`,"aria-live":g(S)?g(C)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:R.value,onKeydown:g(F)}),{default:_(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`role`,`aria-live`,`style`,`onKeydown`]))}});export{v as default};

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),{"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/{alert-dialog/alert-dialog-content.vue.d.ts → dialog/dialog-popup.vue.d.ts}

@@ -1,20 +1,20 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
-import { DialogContentProps } from "../dialog/types.js";
+import { DialogPopupProps } from "./types.js";
 import * as _$vue from "vue";
 
-//#region src/components/alert-dialog/alert-dialog-content.vue.d.ts
-declare var __VLS_12: {};
+//#region src/components/dialog/dialog-popup.vue.d.ts
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_12) => any;
+  default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<DialogPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$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, _$vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<DialogPopupProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;