@soybeanjs/ui 0.13.8 → 0.15.0-beta.1

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

@@ -1,35 +1,35 @@
 import { ContextMenuWrapperProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-wrapper.vue.d.ts
-declare var __VLS_22: {}, __VLS_36: {};
+declare var __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_22) => any;
+  trigger?: (props: typeof __VLS_9) => any;
 } & {
-  default?: (props: typeof __VLS_36) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
+  entryFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

@@ -1,36 +1,28 @@
-import { MenuOptionData } from "../menu/types.js";
-import { ContextMenuProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { ContextMenuProps, ContextMenuSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: MenuOptionData<T>) => any;
-    'item-leading': (props: MenuOptionData<T>) => any;
-    'item-trailing': (props: MenuOptionData<T>) => any;
-    '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_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue.VNode & {
+  slots: ContextMenuSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,5 @@
-import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./types.js";
-import { _default } from "./context-menu.vue.js";
-import { _default as _default$1 } from "./context-menu-checkbox.vue.js";
-import { _default as _default$2 } from "./context-menu-radio.vue.js";
-import { _default as _default$3 } from "./context-menu-wrapper.vue.js";
-import { ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps } from "@soybeanjs/headless/context-menu";
-export { type ContextMenuAnchorProps, type ContextMenuArrowProps, type ContextMenuCheckboxGroupEmits, type ContextMenuCheckboxGroupProps, type ContextMenuCheckboxItemEmits, type ContextMenuCheckboxItemProps, type ContextMenuContentEmits, type ContextMenuContentProps, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, type ContextMenuItemEmits, type ContextMenuItemIndicatorProps, type ContextMenuItemProps, type ContextMenuPopupProps, type ContextMenuPortalProps, type ContextMenuRadioGroupEmits, type ContextMenuRadioGroupProps, type ContextMenuRadioItemEmits, type ContextMenuRadioItemProps, type ContextMenuRootEmits, type ContextMenuRootProps, type ContextMenuSeparatorProps, type ContextMenuSubContentEmits, type ContextMenuSubContentProps, type ContextMenuSubEmits, type ContextMenuSubProps, type ContextMenuSubTriggerProps, type ContextMenuTriggerProps };
+import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./types.js";
+import { _default } from "./context-menu-wrapper.vue.js";
+import { _default as _default$1 } from "./context-menu.vue.js";
+import { _default as _default$2 } from "./context-menu-checkbox.vue.js";
+import { _default as _default$3 } from "./context-menu-radio.vue.js";

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

@@ -1,45 +1,17 @@
-import { ThemeSize } from "../../theme/types.js";
-import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuExtendedUi, MenuOptionData, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps } from "../menu/types.js";
-import { AcceptableBooleanValue, ClassValue, ContextMenuArrowProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuPopupProps, ContextMenuPortalProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuTriggerProps, DefinedValue } from "@soybeanjs/headless";
+import { MenuUiBaseProps } from "../menu/types.js";
+import { AcceptableBooleanValue, ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps, DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/types.d.ts
-interface ContextMenuWrapperProps extends ContextMenuRootProps {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-  size?: ThemeSize;
-  ui?: Partial<MenuExtendedUi>;
-  disabled?: boolean;
-  indicatorPosition?: 'start' | 'end';
-  showArrow?: boolean;
-  triggerProps?: ContextMenuTriggerProps;
-  portalProps?: ContextMenuPortalProps;
-  contentProps?: ContextMenuContentProps;
-  popupProps?: ContextMenuPopupProps;
-  arrowProps?: ContextMenuArrowProps;
-}
-type ContextMenuWrapperEmits = ContextMenuRootEmits & ContextMenuContentEmits;
-interface ContextMenuProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends Omit<ContextMenuWrapperProps, 'indicatorPosition'>, MenuOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type ContextMenuEmits<T extends MenuOptionData = MenuOptionData> = ContextMenuWrapperEmits & MenuOptionsEmits<T>;
-interface ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends ContextMenuWrapperProps, MenuCheckboxOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = ContextMenuWrapperEmits & MenuCheckboxOptionsEmits<T, S>;
-interface ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends ContextMenuWrapperProps, MenuRadioOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = ContextMenuWrapperEmits & MenuRadioOptionsEmits<T, S>;
+interface ContextMenuWrapperProps extends MenuUiBaseProps, ContextMenuWrapperCompactProps {}
+type ContextMenuWrapperEmits = ContextMenuWrapperCompactEmits;
+type ContextMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & ContextMenuCompactProps<T>;
+type ContextMenuEmits<T extends DefinedValue = DefinedValue> = ContextMenuCompactEmits<T>;
+type ContextMenuSlots<T extends DefinedValue = DefinedValue> = ContextMenuCompactSlots<T>;
+type ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & ContextMenuCheckboxCompactProps<T>;
+type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactEmits<T>;
+type ContextMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactSlots<T>;
+type ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & ContextMenuRadioCompactProps<T>;
+type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactEmits<T>;
+type ContextMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactSlots<T>;
 //#endregion
-export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps };
+export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps };

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

@@ -1,4 +1,4 @@
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { DialogCloseProps } from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog-close.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { DialogPureProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog-pure.vue.d.ts
 declare var __VLS_16: {}, __VLS_35: {
@@ -14,28 +14,28 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_43) => any;
 };
-declare const __VLS_base: vue.DefineComponent<DialogPureProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<DialogPureProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<DialogPureProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<DialogPureProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  closable: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { DialogProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog.vue.d.ts
 declare var __VLS_16: {}, __VLS_47: {
@@ -29,28 +29,28 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_78) => any;
 };
-declare const __VLS_base: vue.DefineComponent<DialogProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<DialogProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  closable: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,4 +1,4 @@
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { DialogCloseProps } from "@soybeanjs/headless";
 
 //#region src/components/drawer/drawer-close.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { DrawerProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/drawer/drawer.vue.d.ts
 declare var __VLS_16: {}, __VLS_47: {
@@ -29,28 +29,28 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_78) => any;
 };
-declare const __VLS_base: vue.DefineComponent<DrawerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<DrawerProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  closable: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/dropdown-menu/dropdown-menu-checkbox.js

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

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

@@ -1,36 +1,29 @@
-import { MenuCheckboxOptionData } from "../menu/types.js";
-import { DropdownMenuCheckboxProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    '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: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue.VNode & {
+  slots: DropdownMenuCheckboxSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-radio.js

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

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

@@ -1,36 +1,29 @@
-import { MenuRadioOptionData } from "../menu/types.js";
-import { DropdownMenuRadioProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { DropdownMenuRadioProps, DropdownMenuRadioSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T> & {
+    onSelect?: ((item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
-  slots: {
-    trigger: () => any;
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    '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: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue.VNode & {
+  slots: DropdownMenuRadioSlots<T>;
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-wrapper.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideMenuExtraUi as t}from"../menu/context.js";import{menuVariants as n}from"../menu/variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DropdownMenuArrow as v,DropdownMenuContent as y,DropdownMenuPortal as b,DropdownMenuRoot as x,DropdownMenuTrigger as S,provideMenuUi as C}from"@soybeanjs/headless";const w=s({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:w}){let T=s,E=w,D=_(T,[`class`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),O=g(E),k=r(()=>({...T.contentProps,popupProps:T.popupProps??T.contentProps?.popupProps,placement:T.placement??T.contentProps?.placement,sideOffset:T.contentProps?.sideOffset??(T.showArrow?0:8)})),A=r(()=>e(n({size:T.size,indicatorPosition:T.indicatorPosition}),T.ui,{popup:T.class}));return C(A),t(A),(e,t)=>(d(),i(m(x),l(m(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[f(e.$slots,`trigger`)]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(k.value,{"popup-props":s.popupProps},p(m(O))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16,[`popup-props`])]),_:3},16)]),_:3},16))}});export{w as default};
+import{provideMenuUi as e}from"../menu/context.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,toHandlers as o,unref as s,withCtx as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{DropdownMenuWrapperCompact as d}from"@soybeanjs/headless";const f=n({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(n,{emit:f}){let p=n,m=f,h=u(p,[`class`,`size`,`ui`,`indicatorPosition`]),g=l(m);return e(()=>p),(e,n)=>(i(),t(s(d),r(s(h),o(s(g))),{trigger:c(()=>[a(e.$slots,`trigger`)]),default:c(()=>[a(e.$slots,`default`)]),_:3},16))}});export{f as default};

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

@@ -1,36 +1,36 @@
 import { DropdownMenuWrapperProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts
-declare var __VLS_16: {}, __VLS_30: {};
+declare var __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
+  trigger?: (props: typeof __VLS_9) => any;
 } & {
-  default?: (props: typeof __VLS_30) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
+  entryFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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