@soybeanjs/ui 0.0.2-beta.12 → 0.0.2-beta.13

package/dist/components/checkbox/checkbox.vue.d.ts

@@ -1,28 +1,28 @@
 import { CheckboxProps } from "./types.js";
-import * as vue131 from "vue";
-import * as _soybeanjs_headless38 from "@soybeanjs/headless";
+import * as vue285 from "vue";
+import * as _soybeanjs_headless145 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_25: {
-    modelValue: _soybeanjs_headless38.CheckedState | null | undefined;
-    state: _soybeanjs_headless38.CheckedState;
+    modelValue: _soybeanjs_headless145.CheckedState | null | undefined;
+    state: _soybeanjs_headless145.CheckedState;
   }, __VLS_36: {
     id: string;
-    modelValue: _soybeanjs_headless38.CheckedState | null | undefined;
-    state: _soybeanjs_headless38.CheckedState;
+    modelValue: _soybeanjs_headless145.CheckedState | null | undefined;
+    state: _soybeanjs_headless145.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_25) => any;
 } & {
   default?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: vue131.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue131.ComponentOptionsMixin, vue131.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless38.CheckedState | null) => any;
-}, string, vue131.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless38.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue285.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue285.ComponentOptionsMixin, vue285.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless145.CheckedState | null) => any;
+}, string, vue285.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless145.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless38.CheckedState | null;
-}, {}, {}, {}, string, vue131.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless145.CheckedState | null;
+}, {}, {}, {}, string, vue285.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/collapsible/collapsible.vue.d.ts

@@ -1,5 +1,5 @@
 import { CollapsibleProps } from "./types.js";
-import * as vue1 from "vue";
+import * as vue220 from "vue";
 
 //#region src/components/collapsible/collapsible.vue.d.ts
 declare var __VLS_10: {
@@ -8,15 +8,15 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue1.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue1.ComponentOptionsMixin, vue1.ComponentOptionsMixin, {
+declare const __VLS_base: vue220.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue220.ComponentOptionsMixin, vue220.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue1.PublicProps, Readonly<CollapsibleProps> & Readonly<{
+}, string, vue220.PublicProps, Readonly<CollapsibleProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  unmountOnHide: boolean;
-  defaultOpen: boolean;
   open: boolean;
-}, {}, {}, {}, string, vue1.ComponentProvideOptions, false, {}, any>;
+  defaultOpen: boolean;
+  unmountOnHide: boolean;
+}, {}, {}, {}, string, vue220.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/command/command.vue.d.ts

@@ -1,18 +1,18 @@
 import { CommandOptionData, CommandProps, CommandSingleOptionData } from "./types.js";
-import * as vue21 from "vue";
+import * as vue174 from "vue";
 import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import * as _soybeanjs_headless1 from "@soybeanjs/headless";
+import * as _soybeanjs_headless69 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
 declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<CommandProps<T> & {
-    onSelect?: ((event: _soybeanjs_headless1.SelectEvent<string>) => any) | undefined;
+    onSelect?: ((event: _soybeanjs_headless69.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless1.ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless69.ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-  }> & vue21.PublicProps;
+  }> & vue174.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -34,8 +34,8 @@ declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__
       item: CommandSingleOptionData;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless1.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless1.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
-}>) => vue21.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless69.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless69.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => vue174.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{provideConfigProviderContext as e}from"./context.js";import{getThemeName as t,isIncludeByDefaultTheme as n}from"./shared.js";import{computed as r,createBlock as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,watch as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{ConfigProvider as m}from"@soybeanjs/headless";import{useStyleTag as h}from"@vueuse/core";import{isClient as g,transformPropsToContext as _}from"@soybeanjs/headless/shared";import{generateCSSVars as v}from"@soybeanjs/unocss-shadcn";var y=a({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({color:`default`})},size:{default:`md`},iconify:{},dir:{default:`ltr`},locale:{},scrollBody:{type:[Boolean,Object]},nonce:{},tooltip:{},nuxt:{type:Boolean}},setup(a){let y=a,b=p(y,[`theme`,`size`,`iconify`]),x=r(()=>n(y.theme)?``:v(y.theme,t(y.theme.color)===`default`));e(_(y)),h(x,{id:`__SOYBEAN_UI_THEME_VARS__`});function S(e,t){g&&e!==t&&(e!==`default`&&document.documentElement.classList.add(`theme-${e}`),document.documentElement.classList.remove(`theme-${t}`))}function C(e){if(!g)return;let t=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`];document.documentElement.classList.add(`size-${e}`);let n=t.filter(t=>t!==e).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return d(()=>y.theme.color,(e,n)=>{S(t(e),t(n))},{immediate:!0,flush:`post`}),d(()=>y.size,e=>{C(e)},{immediate:!0,flush:`post`}),(e,t)=>(c(),i(u(m),s(o(u(b))),{default:f(()=>[l(e.$slots,`default`)]),_:3},16))}});export{y as default};
+import e from"../dialog/dialog-provider.js";import t from"../toast/toast-provider.js";import{provideConfigProviderContext as n}from"./context.js";import{getThemeName as r,isIncludeByDefaultTheme as i}from"./shared.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,watch as m,withCtx as h}from"vue";import{useOmitProps as g}from"@soybeanjs/headless/composables";import{ConfigProvider as _}from"@soybeanjs/headless";import{useStyleTag as v}from"@vueuse/core";import{isClient as y,transformPropsToContext as b}from"@soybeanjs/headless/shared";import{generateCSSVars as x}from"@soybeanjs/unocss-shadcn";var S=c({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({color:`default`})},size:{default:`md`},iconify:{},toast:{},dir:{default:`ltr`},locale:{},scrollBody:{type:[Boolean,Object]},nonce:{},tooltip:{},nuxt:{type:Boolean}},setup(c){let S=c,C=g(S,[`theme`,`size`,`iconify`,`toast`]),w=a(()=>i(S.theme)?``:x(S.theme,r(S.theme.color)===`default`));n(b(S)),v(w,{id:`__SOYBEAN_UI_THEME_VARS__`});function T(e,t){y&&e!==t&&(e!==`default`&&document.documentElement.classList.add(`theme-${e}`),document.documentElement.classList.remove(`theme-${t}`))}function E(e){if(!y)return;let t=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`];document.documentElement.classList.add(`size-${e}`);let n=t.filter(t=>t!==e).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return m(()=>S.theme.color,(e,t)=>{T(r(e),r(t))},{immediate:!0,flush:`post`}),m(()=>S.size,e=>{E(e)},{immediate:!0,flush:`post`}),(n,r)=>(d(),o(p(_),u(l(p(C))),{default:h(()=>[s(e,null,{default:h(()=>[s(t,u(l(c.toast)),{default:h(()=>[f(n.$slots,`default`)]),_:3},16)]),_:3})]),_:3},16))}});export{S as default};

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

@@ -1,20 +1,20 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
-import * as vue255 from "vue";
-import * as _soybeanjs_headless107 from "@soybeanjs/headless";
+import * as vue183 from "vue";
+import * as _soybeanjs_headless73 from "@soybeanjs/headless";
 import * as _soybeanjs_unocss_shadcn0 from "@soybeanjs/unocss-shadcn";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
-declare var __VLS_7: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: vue255.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue255.ComponentOptionsMixin, vue255.ComponentOptionsMixin, {}, string, vue255.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
-  dir: _soybeanjs_headless107.Direction;
+declare const __VLS_base: vue183.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue183.ComponentOptionsMixin, vue183.ComponentOptionsMixin, {}, string, vue183.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
+  dir: _soybeanjs_headless73.Direction;
   size: ThemeSize;
   theme: _soybeanjs_unocss_shadcn0.ThemeOptions;
-}, {}, {}, {}, string, vue255.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue183.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/config-provider/context.js

@@ -1 +1 @@
-import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`UIConfigProvider`,e=>e);export{t as provideConfigProviderContext,n as useConfigProvider};
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`UiConfigProvider`,e=>e);export{t as provideConfigProviderContext,n as useConfigProvider};

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

@@ -1,5 +1,6 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
+import { ToastProviderProps as ToastProviderProps$1 } from "../toast/types.js";
 import { ConfigProviderProps, PropsToContext } from "@soybeanjs/headless";
 import { ThemeOptions } from "@soybeanjs/unocss-shadcn";
 
@@ -24,6 +25,7 @@ interface ConfigProviderProps$1 extends ConfigProviderProps {
      */
     height?: string;
   };
+  toast?: ToastProviderProps$1;
 }
 //#endregion
 export { ConfigProviderProps$1 as ConfigProviderProps };

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

@@ -1,7 +1,7 @@
 import { MenuCheckboxOptionData } from "../menu/types.js";
 import { ContextMenuCheckboxProps } from "./types.js";
-import * as vue274 from "vue";
-import * as _soybeanjs_headless132 from "@soybeanjs/headless";
+import * as vue267 from "vue";
+import * as _soybeanjs_headless112 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-checkbox.vue.d.ts
@@ -9,15 +9,15 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
   props: __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless132.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless132.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless132.PointerDownOutsideEvent | _soybeanjs_headless132.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless112.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless112.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless112.PointerDownOutsideEvent | _soybeanjs_headless112.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue274.PublicProps;
+  }> & vue267.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -27,8 +27,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, 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: _soybeanjs_headless132.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless132.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless132.PointerDownOutsideEvent | _soybeanjs_headless132.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue274.VNode & {
+  emit: ((evt: "select", item: S, 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: _soybeanjs_headless112.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless112.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless112.PointerDownOutsideEvent | _soybeanjs_headless112.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue267.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,7 @@
 import { MenuRadioOptionData } from "../menu/types.js";
 import { ContextMenuRadioProps } from "./types.js";
-import * as vue270 from "vue";
-import * as _soybeanjs_headless116 from "@soybeanjs/headless";
+import * as vue269 from "vue";
+import * as _soybeanjs_headless120 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-radio.vue.d.ts
@@ -9,15 +9,15 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   props: __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless116.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless116.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless116.PointerDownOutsideEvent | _soybeanjs_headless116.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless120.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless120.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless120.PointerDownOutsideEvent | _soybeanjs_headless120.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue270.PublicProps;
+  }> & vue269.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -27,8 +27,8 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless116.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless116.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless116.PointerDownOutsideEvent | _soybeanjs_headless116.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue270.VNode & {
+  emit: ((evt: "select", item: S, 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: _soybeanjs_headless120.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless120.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless120.PointerDownOutsideEvent | _soybeanjs_headless120.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue269.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,6 @@
 import { ContextMenuWrapperProps } from "./types.js";
-import * as vue265 from "vue";
-import * as _soybeanjs_headless108 from "@soybeanjs/headless";
+import * as vue271 from "vue";
+import * as _soybeanjs_headless128 from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-wrapper.vue.d.ts
 declare var __VLS_20: {}, __VLS_32: {};
@@ -9,27 +9,27 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_32) => any;
 };
-declare const __VLS_base: vue265.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue265.ComponentOptionsMixin, vue265.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
+declare const __VLS_base: vue271.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue271.ComponentOptionsMixin, vue271.ComponentOptionsMixin, {
   entryFocus: (event: Event) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless108.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless108.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless108.PointerDownOutsideEvent | _soybeanjs_headless108.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless128.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless128.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless128.PointerDownOutsideEvent | _soybeanjs_headless128.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue265.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}, string, vue271.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
   onEntryFocus?: ((event: Event) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless108.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless108.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless108.PointerDownOutsideEvent | _soybeanjs_headless108.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless128.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless128.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless128.PointerDownOutsideEvent | _soybeanjs_headless128.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
-}, {}, {}, {}, string, vue265.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue271.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/context-menu/context-menu.vue.d.ts

@@ -1,22 +1,22 @@
 import { MenuOptionData } from "../menu/types.js";
 import { ContextMenuProps } from "./types.js";
-import * as vue272 from "vue";
-import * as _soybeanjs_headless124 from "@soybeanjs/headless";
+import * as vue265 from "vue";
+import * as _soybeanjs_headless104 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless124.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless124.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless124.PointerDownOutsideEvent | _soybeanjs_headless124.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless104.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless104.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless104.PointerDownOutsideEvent | _soybeanjs_headless104.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  }> & vue272.PublicProps;
+  }> & vue265.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -27,8 +27,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trigger': (props: MenuOptionData<T>) => any;
     'item-trigger-icon': (props: MenuOptionData<T>) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless124.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless124.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless124.PointerDownOutsideEvent | _soybeanjs_headless124.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue272.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless104.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless104.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless104.PointerDownOutsideEvent | _soybeanjs_headless104.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue265.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,8 @@
+import { UseDialogReturn } from "./types.js";
+import "vue";
+
+//#region src/components/dialog/context.d.ts
+
+declare const useDialog: () => UseDialogReturn;
+//#endregion
+export { useDialog };

package/dist/components/dialog/context.js

@@ -0,0 +1 @@
+import{computed as e,shallowRef as t,watch as n}from"vue";import{useContext as r}from"@soybeanjs/headless/composables";import{useDebounceFn as i}from"@vueuse/core";const[a,o]=r(`UiDialogProvider`,()=>{let r=t([]),a=e(()=>r.value.map(e=>e.id)),o=t([]),s=i(()=>{o.value=r.value},500);n(r,(e,t)=>{e.length>t.length?o.value=r.value:s()});let c=e=>{r.value=[...r.value,e]},l=e=>{r.value=r.value.filter(t=>t.id!==e)},u=()=>{r.value=[]},d=0,f=e=>{let{showIcon:t=!0,...n}=e,r=d;return d++,{id:r,showIcon:t,...n}},p=e=>{c(f(e))},m=p;m.clear=u;for(let e of[`destructive`,`success`,`warning`,`info`])m[e]=t=>p({type:e,...t});return{useDialog:m,clear:u,ids:a,states:e(()=>o.value),remove:l}}),s=()=>{let{useDialog:e}=o(`UiDialogConsumer`);return e};export{a as provideDialogProviderContext,s as useDialog};

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

@@ -1 +1 @@
-import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDialogClose`,__name:`dialog-close`,props:{asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DialogClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};
+import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDialogClose`,__name:`dialog-close`,props:{beforeClose:{type:Function},asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DialogClose`);return(e,l)=>(r(),t(a(s),{size:a(c),"as-child":``,"before-close":n.beforeClose},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`,`before-close`]))}});export{c as default};

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

@@ -1,4 +1,4 @@
-import * as vue286 from "vue";
+import * as vue245 from "vue";
 import { DialogCloseProps } from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog-close.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_7: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: vue286.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue286.ComponentOptionsMixin, vue286.ComponentOptionsMixin, {}, string, vue286.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue286.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue245.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue245.ComponentOptionsMixin, vue245.ComponentOptionsMixin, {}, string, vue245.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue245.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-provider.js

@@ -0,0 +1 @@
+import e from"../alert-dialog/alert-dialog.js";import t from"../alert-dialog/alert-dialog-cancel.js";import n from"../alert-dialog/alert-dialog-action.js";import{provideDialogProviderContext as r}from"./context.js";import{Fragment as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createSlots as c,createTextVNode as l,createVNode as u,defineComponent as d,onBeforeUnmount as f,openBlock as p,renderList as m,renderSlot as h,resolveDynamicComponent as g,toDisplayString as _,unref as v,withCtx as y}from"vue";var b=d({name:`SDialogProvider`,__name:`dialog-provider`,setup(d){let{states:b,ids:x,remove:S,clear:C}=r();return f(()=>{C()}),(r,d)=>(p(),s(i,null,[(p(!0),s(i,null,m(v(b),r=>(p(),a(e,{key:r.id,type:r.type,open:v(x).includes(r.id),size:r.size,ui:r.ui,"show-icon":r.showIcon,"onUpdate:open":e=>v(S)(r.id)},c({description:y(()=>[typeof r.description==`string`?(p(),s(i,{key:0},[l(_(r.description),1)],64)):(p(),a(g(r.description),{key:1}))]),footer:y(()=>[r.footer?(p(),a(g(r.footer),{key:0})):(p(),s(i,{key:1},[r.type===`warning`?(p(),a(t,{key:0,text:r.cancelText,"before-close":r.onCancel},null,8,[`text`,`before-close`])):o(`v-if`,!0),u(n,{text:r.confirmText,"before-close":r.onConfirm},null,8,[`text`,`before-close`])],64))]),default:y(()=>[r.content?(p(),a(g(r.content),{key:0})):o(`v-if`,!0)]),_:2},[r.title?{name:`title`,fn:y(()=>[typeof r.title==`string`?(p(),s(i,{key:0},[l(_(r.title),1)],64)):(p(),a(g(r.title),{key:1}))]),key:`0`}:void 0]),1032,[`type`,`open`,`size`,`ui`,`show-icon`,`onUpdate:open`]))),128)),h(r.$slots,`default`)],64))}});export{b as default};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import n from"../button/button-icon.js";import{dialogVariants as r}from"../../variants/dialog.js";import{computed as i,createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{DialogClose as b,DialogContent as x,DialogOverlay as S,DialogPortal as C,DialogRoot as w,DialogTrigger as T,provideDialogThemeContext as E}from"@soybeanjs/headless";var D=c({name:`SDialogPure`,__name:`dialog-pure`,props:{size:{},ui:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:D}){let O=c,k=y(O,[`size`,`ui`,`closable`,`triggerProps`,`contentProps`,`overlayProps`,`portalProps`]),A=D,j=v(A),M=i(()=>e(r({size:O.size,pure:!0}),O.ui));return E({ui:M}),t(()=>O.size),(e,t)=>(p(),a(g(w),u(g(k),{"onUpdate:open":t[0]||=e=>A(`update:open`,e)}),{default:_(t=>[s(g(T),u(c.triggerProps,{size:c.size,"as-child":``}),{default:_(()=>[m(e.$slots,`trigger`)]),_:3},16,[`size`]),s(g(C),f(l(c.portalProps)),{default:_(()=>[s(g(S),f(l(c.overlayProps)),null,16),s(g(x),u(c.contentProps,h(g(j))),{default:_(()=>[c.closable?(p(),a(g(b),{key:0,class:d(M.value.closable),"as-child":``},{default:_(()=>[m(e.$slots,`close`,{},()=>[s(n,{size:c.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0),m(e.$slots,`default`,f(l(t)))]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{D as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../button/button-icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{DialogClose as b,DialogContent as x,DialogOverlay as S,DialogPortal as C,DialogRoot as w,DialogTrigger as T,provideDialogThemeContext as E}from"@soybeanjs/headless";var D=c({name:`SDialogPure`,__name:`dialog-pure`,props:{size:{},ui:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:D}){let O=c,k=y(O,[`size`,`ui`,`closable`,`triggerProps`,`contentProps`,`overlayProps`,`portalProps`]),A=D,j=v(A),M=i(()=>e(n({size:O.size,pure:!0}),O.ui));return E({ui:M}),t(()=>O.size),(e,t)=>(p(),a(g(w),u(g(k),{"onUpdate:open":t[0]||=e=>A(`update:open`,e)}),{default:_(t=>[s(g(T),u(c.triggerProps,{size:c.size,"as-child":``}),{default:_(()=>[m(e.$slots,`trigger`)]),_:3},16,[`size`]),s(g(C),f(l(c.portalProps)),{default:_(()=>[s(g(S),f(l(c.overlayProps)),null,16),s(g(x),u(c.contentProps,h(g(j))),{default:_(()=>[c.closable?(p(),a(g(b),{key:0,class:d(M.value.closable),"as-child":``},{default:_(()=>[m(e.$slots,`close`,{},()=>[s(r,{size:c.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0),m(e.$slots,`default`,f(l(t)))]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{D as default};

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

@@ -1,6 +1,6 @@
 import { DialogPureProps } from "./types.js";
-import * as vue281 from "vue";
-import * as _soybeanjs_headless148 from "@soybeanjs/headless";
+import * as vue250 from "vue";
+import * as _soybeanjs_headless92 from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog-pure.vue.d.ts
 declare var __VLS_15: {}, __VLS_37: {}, __VLS_43: {
@@ -14,28 +14,28 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_43) => any;
 };
-declare const __VLS_base: vue281.DefineComponent<DialogPureProps, {}, {}, {}, {}, vue281.ComponentOptionsMixin, vue281.ComponentOptionsMixin, {
+declare const __VLS_base: vue250.DefineComponent<DialogPureProps, {}, {}, {}, {}, vue250.ComponentOptionsMixin, vue250.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless148.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless148.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless148.PointerDownOutsideEvent | _soybeanjs_headless148.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless92.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless92.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless92.PointerDownOutsideEvent | _soybeanjs_headless92.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue281.PublicProps, Readonly<DialogPureProps> & Readonly<{
+}, string, vue250.PublicProps, Readonly<DialogPureProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless148.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless148.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless148.PointerDownOutsideEvent | _soybeanjs_headless148.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless92.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless92.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless92.PointerDownOutsideEvent | _soybeanjs_headless92.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   modal: boolean;
   closable: boolean;
-}, {}, {}, {}, string, vue281.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue250.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.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import n from"../button/button-icon.js";import{dialogVariants as r}from"../../variants/dialog.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{DialogClose as C,DialogContent as w,DialogDescription as T,DialogFooter as E,DialogHeader as D,DialogOverlay as O,DialogPortal as k,DialogRoot as A,DialogTitle as j,DialogTrigger as M,provideDialogThemeContext as N}from"@soybeanjs/headless";var P=l({name:`SDialog`,__name:`dialog`,props:{size:{},ui:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:P}){let F=l,I=S(F,[`size`,`ui`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),L=P,R=y(),z=x(L),B=i(()=>e(r({size:F.size}),F.ui));return N({ui:B}),t(()=>F.size),(e,t)=>(m(),a(v(A),d(v(I),{"onUpdate:open":t[0]||=e=>L(`update:open`,e)}),{default:b(t=>[c(v(M),d(l.triggerProps,{size:l.size,"as-child":``}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(k),p(u(l.portalProps)),{default:b(()=>[c(v(O),p(u(l.overlayProps)),null,16),c(v(w),d(l.contentProps,_(v(z))),{default:b(()=>[c(v(D),p(u(l.headerProps)),{default:b(()=>[c(v(j),p(u(l.titleProps)),{default:b(()=>[h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(R).description||l.description?(m(),a(v(T),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0),l.closable?(m(),a(v(C),{key:1,class:f(B.value.closable),"as-child":``},{default:b(()=>[h(e.$slots,`close`,{},()=>[c(n,{size:l.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(R).footer?(m(),a(v(E),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{P as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../button/button-icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{DialogClose as C,DialogContent as w,DialogDescription as T,DialogFooter as E,DialogHeader as D,DialogOverlay as O,DialogPortal as k,DialogRoot as A,DialogTitle as j,DialogTrigger as M,provideDialogThemeContext as N}from"@soybeanjs/headless";var P=l({name:`SDialog`,__name:`dialog`,props:{size:{},ui:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:P}){let F=l,I=S(F,[`size`,`ui`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),L=P,R=y(),z=x(L),B=i(()=>e(n({size:F.size}),F.ui));return N({ui:B}),t(()=>F.size),(e,t)=>(m(),a(v(A),d(v(I),{"onUpdate:open":t[0]||=e=>L(`update:open`,e)}),{default:b(t=>[c(v(M),d(l.triggerProps,{size:l.size,"as-child":``}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(k),p(u(l.portalProps)),{default:b(()=>[c(v(O),p(u(l.overlayProps)),null,16),c(v(w),d(l.contentProps,_(v(z))),{default:b(()=>[c(v(D),p(u(l.headerProps)),{default:b(()=>[c(v(j),p(u(l.titleProps)),{default:b(()=>[h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(R).description||l.description?(m(),a(v(T),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0),l.closable?(m(),a(v(C),{key:1,class:f(B.value.closable),"as-child":``},{default:b(()=>[h(e.$slots,`close`,{},()=>[c(r,{size:l.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(R).footer?(m(),a(v(E),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{P as default};

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

@@ -1,6 +1,6 @@
 import { DialogProps } from "./types.js";
-import * as vue276 from "vue";
-import * as _soybeanjs_headless140 from "@soybeanjs/headless";
+import * as vue240 from "vue";
+import * as _soybeanjs_headless84 from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog.vue.d.ts
 declare var __VLS_15: {}, __VLS_42: {
@@ -29,28 +29,28 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_69) => any;
 };
-declare const __VLS_base: vue276.DefineComponent<DialogProps, {}, {}, {}, {}, vue276.ComponentOptionsMixin, vue276.ComponentOptionsMixin, {
+declare const __VLS_base: vue240.DefineComponent<DialogProps, {}, {}, {}, {}, vue240.ComponentOptionsMixin, vue240.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless140.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless140.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless140.PointerDownOutsideEvent | _soybeanjs_headless140.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless84.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless84.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless84.PointerDownOutsideEvent | _soybeanjs_headless84.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue276.PublicProps, Readonly<DialogProps> & Readonly<{
+}, string, vue240.PublicProps, Readonly<DialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless140.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless140.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless140.PointerDownOutsideEvent | _soybeanjs_headless140.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless84.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless84.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless84.PointerDownOutsideEvent | _soybeanjs_headless84.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   modal: boolean;
   closable: boolean;
-}, {}, {}, {}, string, vue276.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue240.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/index.d.ts

@@ -1,6 +1,7 @@
-import { DialogEmits, DialogExtendedUi, DialogExtraThemeSlot, DialogProps, DialogPureEmits, DialogPureProps } from "./types.js";
+import { DialogEmits, DialogExtendedUi, DialogExtraThemeSlot, DialogProps, DialogPureEmits, DialogPureProps, DialogState, UseDialogOptions, UseDialogReturn, UseDialogType } from "./types.js";
 import { _default } from "./dialog.vue.js";
 import { _default as _default$1 } from "./dialog-close.vue.js";
 import { _default as _default$2 } from "./dialog-pure.vue.js";
+import { useDialog } from "./context.js";
 import { DialogCloseProps, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps } from "@soybeanjs/headless/dialog";
 export { type DialogCloseProps, type DialogContentEmits, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogOverlayProps, type DialogRootEmits, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps };

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

@@ -1,6 +1,7 @@
-import { ThemeSize } from "../../theme/types.js";
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
-import { ClassValue, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPortalProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi } from "@soybeanjs/headless";
+import { VNode } from "vue";
+import { ClassValue, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPortalProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi, EmitsToHookProps, MaybePromise } from "@soybeanjs/headless";
 
 //#region src/components/dialog/types.d.ts
 type DialogExtraThemeSlot = 'closable';
@@ -31,5 +32,27 @@ interface DialogPureProps extends DialogRootProps {
   portalProps?: DialogPortalProps;
 }
 type DialogPureEmits = DialogEmits;
+type UseDialogType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
+interface UseDialogOptions extends Partial<EmitsToHookProps<DialogContentEmits>> {
+  size?: ThemeSize;
+  ui?: Partial<DialogExtendedUi>;
+  type: UseDialogType;
+  title?: string | VNode;
+  showIcon?: boolean;
+  description?: string | VNode;
+  content?: VNode;
+  footer?: VNode;
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm?: () => MaybePromise<boolean | void>;
+  onCancel?: () => MaybePromise<boolean | void>;
+}
+interface DialogState extends UseDialogOptions {
+  id: number;
+}
+interface UseDialogReturn extends Record<UseDialogType, (options: Omit<UseDialogOptions, 'type'>) => void> {
+  (options: UseDialogOptions): void;
+  clear: () => void;
+}
 //#endregion
-export { DialogEmits, DialogExtendedUi, DialogExtraThemeSlot, DialogProps, DialogPureEmits, DialogPureProps };
+export { DialogEmits, DialogExtendedUi, DialogExtraThemeSlot, DialogProps, DialogPureEmits, DialogPureProps, DialogState, UseDialogOptions, UseDialogReturn, UseDialogType };

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

@@ -1 +1 @@
-import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDrawerClose`,__name:`drawer-close`,props:{asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DrawerClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};
+import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDrawerClose`,__name:`drawer-close`,props:{beforeClose:{type:Function},asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DrawerClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};

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

@@ -1,4 +1,4 @@
-import * as vue141 from "vue";
+import * as vue230 from "vue";
 import { DialogCloseProps } from "@soybeanjs/headless";
 
 //#region src/components/drawer/drawer-close.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_7: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: vue141.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue141.ComponentOptionsMixin, vue141.ComponentOptionsMixin, {}, string, vue141.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue141.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue230.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue230.ComponentOptionsMixin, vue230.ComponentOptionsMixin, {}, string, vue230.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue230.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 & {