@soybeanjs/ui 0.0.5 → 0.0.6-beta.2

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

@@ -1,23 +1,25 @@
 import { MenuCheckboxOptionData } from "../menu/types.js";
 import { DropdownMenuCheckboxProps } from "./types.js";
-import * as vue272 from "vue";
-import * as _soybeanjs_headless132 from "@soybeanjs/headless";
+import * as vue76 from "vue";
+import * as _soybeanjs_headless34 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<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<{
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__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: __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => 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_headless34.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless34.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless34.PointerDownOutsideEvent | _soybeanjs_headless34.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
-  }> & vue272.PublicProps;
+  }> & vue76.PublicProps & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -27,11 +29,11 @@ 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:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue272.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless34.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless34.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless34.PointerDownOutsideEvent | _soybeanjs_headless34.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue76.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -1,23 +1,25 @@
 import { MenuRadioOptionData } from "../menu/types.js";
 import { DropdownMenuRadioProps } from "./types.js";
-import * as vue274 from "vue";
-import * as _soybeanjs_headless140 from "@soybeanjs/headless";
+import * as vue78 from "vue";
+import * as _soybeanjs_headless42 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-radio.vue.d.ts
-declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<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<{
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__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: __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "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_headless42.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless42.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless42.PointerDownOutsideEvent | _soybeanjs_headless42.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
-  }> & vue274.PublicProps;
+  }> & vue78.PublicProps & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -27,11 +29,11 @@ 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:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless140.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless140.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless140.PointerDownOutsideEvent | _soybeanjs_headless140.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue274.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless42.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless42.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless42.PointerDownOutsideEvent | _soybeanjs_headless42.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue78.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -1,36 +1,36 @@
 import { DropdownMenuWrapperProps } from "./types.js";
-import * as vue276 from "vue";
-import * as _soybeanjs_headless148 from "@soybeanjs/headless";
+import * as vue80 from "vue";
+import * as _soybeanjs_headless50 from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts
-declare var __VLS_15: {}, __VLS_27: {};
+declare var __VLS_16: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_15) => any;
+  trigger?: (props: typeof __VLS_16) => any;
 } & {
-  default?: (props: typeof __VLS_27) => any;
+  default?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_base: vue276.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue276.ComponentOptionsMixin, vue276.ComponentOptionsMixin, {
+declare const __VLS_base: vue80.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue80.ComponentOptionsMixin, vue80.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_headless50.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless50.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless50.PointerDownOutsideEvent | _soybeanjs_headless50.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
   entryFocus: (event: Event) => any;
-}, string, vue276.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
+}, string, vue80.PublicProps, Readonly<DropdownMenuWrapperProps> & 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_headless50.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless50.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless50.PointerDownOutsideEvent | _soybeanjs_headless50.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue276.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue80.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/dropdown-menu/dropdown-menu.vue.d.ts

@@ -1,22 +1,24 @@
 import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuProps } from "./types.js";
-import * as vue270 from "vue";
-import * as _soybeanjs_headless124 from "@soybeanjs/headless";
+import * as vue74 from "vue";
+import * as _soybeanjs_headless26 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-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<{
+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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
     onSelect?: ((item: S, 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_headless26.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless26.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless26.PointerDownOutsideEvent | _soybeanjs_headless26.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
-  }> & vue270.PublicProps;
+  }> & vue74.PublicProps & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -27,11 +29,11 @@ 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: "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) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue270.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless26.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless26.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless26.PointerDownOutsideEvent | _soybeanjs_headless26.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue74.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/dist/components/form/form-field-array.vue.d.ts

@@ -1,9 +1,9 @@
 import { FormFieldArrayProps } from "./types.js";
-import * as vue265 from "vue";
+import * as vue233 from "vue";
 import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
 
 //#region src/components/form/form-field-array.vue.d.ts
-declare var __VLS_12: {
+declare var __VLS_14: {
     fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
     dirty: boolean;
     error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
@@ -19,7 +19,7 @@ declare var __VLS_12: {
     insert: (index: number, value: unknown) => void;
     update: (index: number, value: unknown) => void;
     replace: ($values: unknown[]) => void;
-  }, __VLS_14: {
+  }, __VLS_16: {
     fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
     dirty: boolean;
     error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
@@ -35,7 +35,7 @@ declare var __VLS_12: {
     insert: (index: number, value: unknown) => void;
     update: (index: number, value: unknown) => void;
     replace: ($values: unknown[]) => void;
-  }, __VLS_21: {
+  }, __VLS_24: {
     fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
     dirty: boolean;
     error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
@@ -53,13 +53,13 @@ declare var __VLS_12: {
     replace: ($values: unknown[]) => void;
   };
 type __VLS_Slots = {} & {
-  label?: (props: typeof __VLS_12) => any;
+  label?: (props: typeof __VLS_14) => any;
 } & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_16) => any;
 } & {
-  description?: (props: typeof __VLS_21) => any;
+  description?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue265.DefineComponent<FormFieldArrayProps, {}, {}, {}, {}, vue265.ComponentOptionsMixin, vue265.ComponentOptionsMixin, {}, string, vue265.PublicProps, Readonly<FormFieldArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, vue265.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue233.DefineComponent<FormFieldArrayProps, {}, {}, {}, {}, vue233.ComponentOptionsMixin, vue233.ComponentOptionsMixin, {}, string, vue233.PublicProps, Readonly<FormFieldArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, vue233.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/form/form-field.vue.d.ts

@@ -1,21 +1,21 @@
 import { FormFieldProps } from "./types.js";
-import * as vue260 from "vue";
-import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
+import * as vue238 from "vue";
+import * as _soybeanjs_headless_forms5 from "@soybeanjs/headless/forms";
 
 //#region src/components/form/form-field.vue.d.ts
-declare var __VLS_12: {}, __VLS_25: {
+declare var __VLS_14: {}, __VLS_27: {
     dirty: boolean;
-    error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
+    error: string | string[] | _soybeanjs_headless_forms5.FormErrors<any> | undefined;
     touched: boolean | undefined;
-  }, __VLS_32: {};
+  }, __VLS_35: {};
 type __VLS_Slots = {} & {
-  label?: (props: typeof __VLS_12) => any;
+  label?: (props: typeof __VLS_14) => any;
 } & {
-  default?: (props: typeof __VLS_25) => any;
+  default?: (props: typeof __VLS_27) => any;
 } & {
-  description?: (props: typeof __VLS_32) => any;
+  description?: (props: typeof __VLS_35) => any;
 };
-declare const __VLS_base: vue260.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue260.ComponentOptionsMixin, vue260.ComponentOptionsMixin, {}, string, vue260.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue260.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue238.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue238.ComponentOptionsMixin, vue238.ComponentOptionsMixin, {}, string, vue238.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue238.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/form/form.vue.d.ts

@@ -1,12 +1,12 @@
 import { FormProps } from "./types.js";
-import * as vue255 from "vue";
+import * as vue228 from "vue";
 
 //#region src/components/form/form.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue255.DefineComponent<FormProps, {}, {}, {}, {}, vue255.ComponentOptionsMixin, vue255.ComponentOptionsMixin, {}, string, vue255.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue255.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue228.DefineComponent<FormProps, {}, {}, {}, {}, vue228.ComponentOptionsMixin, vue228.ComponentOptionsMixin, {}, string, vue228.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue228.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/icon/icon.vue.d.ts

@@ -1,12 +1,12 @@
 import { IconProps as IconProps$1 } from "./types.js";
-import * as vue18 from "vue";
+import * as vue85 from "vue";
 import * as _iconify_vue0 from "@iconify/vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue18.DefineComponent<IconProps$1, {}, {}, {}, {}, vue18.ComponentOptionsMixin, vue18.ComponentOptionsMixin, {}, string, vue18.PublicProps, Readonly<IconProps$1> & Readonly<{}>, {
+declare const __VLS_export: vue85.DefineComponent<IconProps$1, {}, {}, {}, {}, vue85.ComponentOptionsMixin, vue85.ComponentOptionsMixin, {}, string, vue85.PublicProps, Readonly<IconProps$1> & Readonly<{}>, {
   width: _iconify_vue0.IconifyIconSize;
   height: _iconify_vue0.IconifyIconSize;
-}, {}, {}, {}, string, vue18.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue85.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,18 +1,18 @@
 import { InputProps } from "./types.js";
-import * as vue184 from "vue";
+import * as vue243 from "vue";
 
 //#region src/components/input/input.vue.d.ts
-declare var __VLS_10: {}, __VLS_24: {};
+declare var __VLS_10: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
   leading?: (props: typeof __VLS_10) => any;
 } & {
-  trailing?: (props: typeof __VLS_24) => any;
+  trailing?: (props: typeof __VLS_25) => any;
 };
-declare const __VLS_base: vue184.DefineComponent<InputProps, {}, {}, {}, {}, vue184.ComponentOptionsMixin, vue184.ComponentOptionsMixin, {
+declare const __VLS_base: vue243.DefineComponent<InputProps, {}, {}, {}, {}, vue243.ComponentOptionsMixin, vue243.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue184.PublicProps, Readonly<InputProps> & Readonly<{
+}, string, vue243.PublicProps, Readonly<InputProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue184.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue243.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/kbd/kbd.vue.d.ts

@@ -1,10 +1,10 @@
 import { KbdProps } from "./types.js";
-import * as vue167 from "vue";
+import * as vue248 from "vue";
 
 //#region src/components/kbd/kbd.vue.d.ts
-declare const __VLS_export: vue167.DefineComponent<KbdProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare const __VLS_export: vue248.DefineComponent<KbdProps, {}, {}, {}, {}, vue248.ComponentOptionsMixin, vue248.ComponentOptionsMixin, {}, string, vue248.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
   symbolize: boolean;
-}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue248.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue30 from "vue";
+import * as vue90 from "vue";
 
 //#region src/components/label/label.vue.d.ts
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue30.DefineComponent<LabelProps, {}, {}, {}, {}, vue30.ComponentOptionsMixin, vue30.ComponentOptionsMixin, {}, string, vue30.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue30.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue90.DefineComponent<LabelProps, {}, {}, {}, {}, vue90.ComponentOptionsMixin, vue90.ComponentOptionsMixin, {}, string, vue90.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue90.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/layout/layout-trigger.vue.d.ts

@@ -1,12 +1,12 @@
-import * as vue35 from "vue";
+import * as vue110 from "vue";
 import { LayoutTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue35.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue35.ComponentOptionsMixin, vue35.ComponentOptionsMixin, {}, string, vue35.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue35.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue110.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue110.ComponentOptionsMixin, vue110.ComponentOptionsMixin, {}, string, vue110.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue110.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/layout/layout.vue.d.ts

@@ -1,29 +1,29 @@
 import { LayoutProps } from "./types.js";
-import * as vue40 from "vue";
+import * as vue105 from "vue";
 
 //#region src/components/layout/layout.vue.d.ts
-declare var __VLS_15: {
+declare var __VLS_16: {
     open: boolean | undefined;
     collapsedSidebarWidth: number;
-  }, __VLS_32: {}, __VLS_39: {}, __VLS_41: {}, __VLS_48: {};
+  }, __VLS_36: {}, __VLS_44: {}, __VLS_46: {}, __VLS_54: {};
 type __VLS_Slots = {} & {
-  sidebar?: (props: typeof __VLS_15) => any;
+  sidebar?: (props: typeof __VLS_16) => any;
 } & {
-  header?: (props: typeof __VLS_32) => any;
+  header?: (props: typeof __VLS_36) => any;
 } & {
-  tab?: (props: typeof __VLS_39) => any;
+  tab?: (props: typeof __VLS_44) => any;
 } & {
-  default?: (props: typeof __VLS_41) => any;
+  default?: (props: typeof __VLS_46) => any;
 } & {
-  footer?: (props: typeof __VLS_48) => any;
+  footer?: (props: typeof __VLS_54) => any;
 };
-declare const __VLS_base: vue40.DefineComponent<LayoutProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {
+declare const __VLS_base: vue105.DefineComponent<LayoutProps, {}, {}, {}, {}, vue105.ComponentOptionsMixin, vue105.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue40.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue105.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue105.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/link/link.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import{linkVariants as t}from"../../variants/link.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Link as u}from"@soybeanjs/headless";var d=i({name:`SLink`,__name:`link`,props:{to:{},href:{},disabled:{type:Boolean,default:void 0},inactiveClass:{},external:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetchedClass:{},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},replace:{type:Boolean,default:void 0}},setup(i){let d=i,f=t(),p=n(()=>e(f,d.class));return(e,t)=>(o(),r(c(u),a(d,{class:p.value}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`class`]))}});export{d as default};
+import{cn as e}from"../../theme/merge.js";import{linkVariants as t}from"../../variants/link.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Link as u}from"@soybeanjs/headless";var d=i({name:`SLink`,__name:`link`,props:{to:{},href:{},disabled:{type:Boolean,default:void 0},inactiveClass:{},external:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetchedClass:{},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},replace:{type:Boolean,default:void 0}},setup(i){let d=i,f=t(),p=n(()=>e(f,d.class));return(e,t)=>(o(),r(c(u),a(d,{class:p.value}),{default:l(({isHref:t})=>[s(e.$slots,`default`,{isHref:t})]),_:3},16,[`class`]))}});export{d as default};

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

@@ -1,12 +1,14 @@
 import { LinkProps } from "./types.js";
-import * as vue97 from "vue";
+import * as vue115 from "vue";
 
 //#region src/components/link/link.vue.d.ts
-declare var __VLS_7: {};
+declare var __VLS_8: {
+  isHref: boolean;
+};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue97.DefineComponent<LinkProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue115.DefineComponent<LinkProps, {}, {}, {}, {}, vue115.ComponentOptionsMixin, vue115.ComponentOptionsMixin, {}, string, vue115.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
   replace: boolean;
   viewTransition: boolean;
@@ -14,7 +16,7 @@ declare const __VLS_base: vue97.DefineComponent<LinkProps, {}, {}, {}, {}, vue97
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue115.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/list/list-item.vue.d.ts

@@ -1,20 +1,20 @@
 import { ListItemProps } from "./types.js";
-import * as vue92 from "vue";
+import * as vue100 from "vue";
 
 //#region src/components/list/list-item.vue.d.ts
-declare var __VLS_7: {}, __VLS_19: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {};
+declare var __VLS_8: {}, __VLS_22: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {};
 type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_7) => any;
+  leading?: (props: typeof __VLS_8) => any;
 } & {
-  title?: (props: typeof __VLS_19) => any;
+  title?: (props: typeof __VLS_22) => any;
 } & {
-  description?: (props: typeof __VLS_26) => any;
+  description?: (props: typeof __VLS_30) => any;
 } & {
-  default?: (props: typeof __VLS_28) => any;
+  default?: (props: typeof __VLS_32) => any;
 } & {
-  trailing?: (props: typeof __VLS_30) => any;
+  trailing?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_base: vue92.DefineComponent<ListItemProps, {}, {}, {}, {}, vue92.ComponentOptionsMixin, vue92.ComponentOptionsMixin, {}, string, vue92.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue92.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue100.DefineComponent<ListItemProps, {}, {}, {}, {}, vue100.ComponentOptionsMixin, vue100.ComponentOptionsMixin, {}, string, vue100.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue100.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/list/list.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListProps } from "./types.js";
-import * as vue87 from "vue";
+import * as vue95 from "vue";
 
 //#region src/components/list/list.vue.d.ts
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue87.DefineComponent<ListProps, {}, {}, {}, {}, vue87.ComponentOptionsMixin, vue87.ComponentOptionsMixin, {}, string, vue87.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue87.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue95.DefineComponent<ListProps, {}, {}, {}, {}, vue95.ComponentOptionsMixin, vue95.ComponentOptionsMixin, {}, string, vue95.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue95.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/menu/menu-checkbox-options.vue.d.ts

@@ -1,13 +1,15 @@
 import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
-import * as vue223 from "vue";
+import * as vue257 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-checkbox-options.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<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<{
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__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: __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue223.PublicProps;
+  }> & vue257.PublicProps & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -17,10 +19,10 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void);
-}>) => vue223.VNode & {
+}>) => vue257.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/dist/components/menu/menu-option.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{useMenuExtraThemeContext as a}from"./context.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,resolveComponent as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{MenuGroup as O,MenuGroupLabel as k,MenuItem as A,MenuPortal as j,MenuSeparator as M,MenuSub as N,MenuSubContent as P,MenuSubTrigger as F}from"@soybeanjs/headless";var I=p({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(p,{emit:I}){let L=p,R=I,z=w(),B=D(L,[`item`]),V=E(R),H=i(z),U=a(),W=s(()=>({...U?.ui?.value}));return(i,a)=>{let s=x(`SMenuOption`);return v(),u(o,null,[p.item.isGroupLabel?(v(),c(C(k),_(h({key:0},p.groupLabelProps)),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):p.item.linkProps?(v(),c(C(A),h({key:1},p.itemProps,{"as-child":``,disabled:p.item.disabled,"text-value":p.item.textValue,onSelect:a[0]||=e=>R(`select`,p.item,e)}),{default:T(()=>[f(t,h(p.item.linkProps,{disabled:p.item.disabled}),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({"link-icon":T(()=>[b(i.$slots,`item-link-icon`,{item:p.item},()=>[f(e,{icon:`lucide:arrow-up-right`,class:g(W.value.itemLinkIcon)},null,8,[`class`])])]),_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`])]),_:3},16,[`disabled`,`text-value`])):p.item.children?(v(),c(C(N),h({key:3},p.subProps,{"onUpdate:open":a[2]||=e=>R(`update:open`,e)}),{default:T(()=>[f(C(F),h(p.subTriggerProps,{disabled:p.item.disabled,"text-value":p.item.textValue}),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({"trigger-icon":T(()=>[b(i.$slots,`item-trigger-icon`,{item:p.item},()=>[f(e,{icon:`lucide:chevron-right`,class:g(W.value.subTriggerIcon)},null,8,[`class`])])]),_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`]),p.item.separator?(v(),c(C(M),_(h({key:0},p.separatorProps)),null,16)):l(`v-if`,!0),f(C(j),_(m(p.portalProps)),{default:T(()=>[f(C(P),h(p.subContentProps,S(C(V))),{default:T(()=>[f(C(O),_(m(p.groupProps)),{default:T(()=>[(v(!0),u(o,null,y(p.item.children,e=>(v(),c(s,h({key:e.value},{ref_for:!0},C(B),{item:e},S(C(V))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(v(),c(C(A),h({key:2},p.itemProps,{disabled:p.item.disabled,"text-value":p.item.textValue,onSelect:a[1]||=e=>R(`select`,p.item,e)}),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({shortcut:T(()=>[p.item.shortcut?(v(),c(n,h({key:0},p.shortcutProps,{value:p.item.shortcut,class:W.value.shortcut}),null,16,[`value`,`class`])):l(`v-if`,!0)]),_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`])),p.item.separator&&!p.item.children?(v(),c(C(M),_(h({key:4},p.separatorProps)),null,16)):l(`v-if`,!0)],64)}}});export{I as default};
+import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{useMenuExtraThemeContext as a}from"./context.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,resolveComponent as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{MenuGroup as O,MenuGroupLabel as k,MenuItem as A,MenuPortal as j,MenuSeparator as M,MenuSub as N,MenuSubContent as P,MenuSubTrigger as F}from"@soybeanjs/headless";var I=p({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(p,{emit:I}){let L=p,R=I,z=w(),B=D(L,[`item`]),V=E(R),H=i(z),U=a(),W=s(()=>({...U?.ui?.value}));return(i,a)=>{let s=x(`SMenuOption`);return v(),u(o,null,[p.item.isGroupLabel?(v(),c(C(k),_(h({key:0},p.groupLabelProps)),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):p.item.linkProps?(v(),c(C(A),h({key:1},p.itemProps,{"as-child":``,disabled:p.item.disabled,"text-value":p.item.textValue,onSelect:a[0]||=e=>R(`select`,p.item,e)}),{default:T(()=>[f(t,h(p.item.linkProps,{disabled:p.item.disabled}),{default:T(({isHref:t})=>[f(r,{icon:p.item.icon,label:p.item.label},d({_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item})])})),t?{name:`link-icon`,fn:T(()=>[b(i.$slots,`item-link-icon`,{item:p.item},()=>[f(e,{icon:`lucide:arrow-up-right`,class:g(W.value.itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`])]),_:3},16,[`disabled`,`text-value`])):p.item.children?(v(),c(C(N),h({key:3},p.subProps,{"onUpdate:open":a[2]||=e=>R(`update:open`,e)}),{default:T(()=>[f(C(F),h(p.subTriggerProps,{disabled:p.item.disabled,"text-value":p.item.textValue}),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({"trigger-icon":T(()=>[b(i.$slots,`item-trigger-icon`,{item:p.item},()=>[f(e,{icon:`lucide:chevron-right`,class:g(W.value.subTriggerIcon)},null,8,[`class`])])]),_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`]),p.item.separator?(v(),c(C(M),_(h({key:0},p.separatorProps)),null,16)):l(`v-if`,!0),f(C(j),_(m(p.portalProps)),{default:T(()=>[f(C(P),h(p.subContentProps,S(C(V))),{default:T(()=>[f(C(O),_(m(p.groupProps)),{default:T(()=>[(v(!0),u(o,null,y(p.item.children,e=>(v(),c(s,h({key:e.value},{ref_for:!0},C(B),{item:e},S(C(V))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(v(),c(C(A),h({key:2},p.itemProps,{disabled:p.item.disabled,"text-value":p.item.textValue,onSelect:a[1]||=e=>R(`select`,p.item,e)}),{default:T(()=>[f(r,{icon:p.item.icon,label:p.item.label},d({shortcut:T(()=>[p.item.shortcut?(v(),c(n,h({key:0},p.shortcutProps,{value:p.item.shortcut,class:W.value.shortcut}),null,16,[`value`,`class`])):l(`v-if`,!0)]),_:2},[y(C(H),e=>({name:e,fn:T(()=>[b(i.$slots,e,{item:p.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`])),p.item.separator&&!p.item.children?(v(),c(C(M),_(h({key:4},p.separatorProps)),null,16)):l(`v-if`,!0)],64)}}});export{I as default};