@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,376 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { PortalProps } from "../portal/types.js";
+import { ComputedRef, Ref, ShallowRef, VNode } from "vue";
+
+//#region src/components/dialog/types.d.ts
+/**
+ * Supported dialog alert values.
+ */
+type DialogAlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
+/**
+ * Properties for the DialogBase component.
+ */
+interface DialogBaseProps {
+  /**
+   * The controlled open state of the dialog. Can be bound with `v-model:open`.
+   *
+   * @defaultValue undefined
+   */
+  open?: boolean;
+  /**
+   * The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.
+   *
+   * @defaultValue false
+   */
+  defaultOpen?: boolean;
+  /**
+   * The modality of the dialog. When set to `true`, interaction with outside elements will be disabled and only dialog
+   * content will be visible to screen readers.
+   *
+   * @defaultValue true
+   */
+  modal?: boolean;
+}
+/**
+ * Properties for the DialogRoot component.
+ */
+interface DialogRootProps extends DialogBaseProps {
+  /**
+   * The text direction of the dialog
+   */
+  dir?: Direction;
+  /**
+   * Whether the dialog is an alert dialog. An alert dialog is a dialog that interrupts the user's workflow to communicate an important message and requires a response.
+   *
+   * When set to `true`, the dialog will have `role="alertdialog"` and will require a `DialogTitle` to be provided. This is used for accessibility purposes.
+   *
+   * @defaultValue false
+   */
+  isAlert?: boolean;
+  /**
+   * The alert type of the dialog, which determines the default icon and styles when the dialog is an alert dialog.
+   */
+  alertType?: DialogAlertType;
+}
+/**
+ * Events for the DialogRoot component.
+ */
+type DialogRootEmits = {
+  /** Event handler called when the open state of the dialog changes. */'update:open': [value: boolean];
+};
+/**
+ * Properties for the DialogTrigger component.
+ */
+interface DialogTriggerProps extends ButtonProps {}
+/**
+ * Events for the DialogTrigger component.
+ */
+type DialogTriggerEmits = {
+  /** Event handler called when the dialog trigger is activated. */click: [event: PointerEvent];
+};
+/**
+ * Properties for the DialogOverlay component.
+ */
+interface DialogOverlayProps extends ForceMountProps, BaseProps {}
+/**
+ * Properties for the DialogPopupImpl component.
+ */
+interface DialogPopupImplProps extends TrapFocusProps, DismissableLayerProps, PrimitiveWithBaseProps {}
+/**
+ * Events for the DialogPopupImpl component.
+ */
+type DialogPopupImplEmits = DismissableLayerEmits & FocusScopeEmits;
+/**
+ * Properties for the DialogPopup component.
+ */
+interface DialogPopupProps extends Omit<DialogPopupImplProps, 'trapFocus' | 'disableOutsidePointerEvents'>, ForceMountProps {}
+/**
+ * Events for the DialogPopup component.
+ */
+type DialogPopupEmits = DialogPopupImplEmits;
+/**
+ * Properties for the DialogTitle component.
+ */
+interface DialogTitleProps extends BaseProps {}
+/**
+ * Properties for the DialogDescription component.
+ */
+interface DialogDescriptionProps extends BaseProps {}
+/**
+ * Properties for the DialogClose component.
+ */
+interface DialogCloseProps extends ButtonProps {}
+/**
+ * Events for the DialogClose component.
+ */
+type DialogCloseEmits = {
+  /** Event handler called when the dialog is requested to be closed. */close: [event: MouseEvent];
+};
+/**
+ * Properties for the DialogCancel component.
+ */
+interface DialogCancelProps extends ButtonProps {}
+/**
+ * Events for the DialogCancel component.
+ */
+type DialogCancelEmits = {
+  /** Event handler called when the dialog is requested to be canceled. */cancel: [event: MouseEvent];
+};
+/**
+ * Properties for the DialogConfirm component.
+ */
+interface DialogConfirmProps extends ButtonProps {}
+/**
+ * Events for the DialogConfirm component.
+ */
+type DialogConfirmEmits = {
+  /** Event handler called when the dialog is requested to be closed by confirming. */confirm: [event: MouseEvent];
+};
+/**
+ * Properties for the DialogHeader component.
+ */
+interface DialogHeaderProps extends BaseProps {}
+/**
+ * Properties for the DialogContent component.
+ */
+interface DialogContentProps extends BaseProps {}
+/**
+ * Properties for the DialogFooter component.
+ */
+interface DialogFooterProps extends BaseProps {}
+/**
+ * Properties for the DialogCompact component.
+ */
+interface DialogCompactProps extends DialogRootProps {
+  /**
+   * The title of the dialog. This is used for accessibility purposes and will be rendered in the header of the dialog if the `title` slot is not provided.
+   */
+  title?: string;
+  /**
+   * The description of the dialog. This is used for accessibility purposes and will be rendered in the content of the dialog if the `description` slot is not provided.
+   */
+  description?: string;
+  /**
+   * The icon of the dialog. This is used for accessibility purposes and will be rendered in the header of the dialog if the `icon` slot is not provided.
+   */
+  icon?: IconValue;
+  /**
+   * Whether show the close button in the header of the dialog.
+   *
+   * @defaultValue true
+   */
+  showClose?: boolean;
+  /**
+   * Whether to use the pure version of the dialog, which does not include the header and footer.
+   * This is useful when you want to fully control the content of the dialog and do not need the built-in header and footer.
+   *
+   * @defaultValue false
+   */
+  pure?: boolean;
+  /**
+   * Whether to show the cancel button.
+   *
+   * When set to `onlyWarning`, the cancel button will only be shown when the dialog is an alert dialog with `alertType="warning"`.
+   * When set to `true`, the cancel button will always be shown.
+   *
+   * @defaultValue 'onlyWarning'
+   */
+  showCancel?: 'onlyWarning' | boolean;
+  /**
+   * The text of the cancel button. This is used for accessibility purposes and will be rendered in the footer of the dialog if the `cancel` slot is not provided.
+   *
+   * Defaults to the localized `dialog.cancel` message from `ConfigProvider`.
+   */
+  cancelText?: string;
+  /**
+   * Whether to show the confirm button when the dialog is an alert dialog.
+   *
+   * The default value is `true` when the dialog is an alert dialog.
+   */
+  showConfirm?: boolean;
+  /**
+   * The text of the confirm button. This is used for accessibility purposes and will be rendered in the footer of the dialog if the `confirm` slot is not provided.
+   *
+   * Defaults to the localized `dialog.confirm` message from `ConfigProvider`.
+   */
+  confirmText?: string;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: DialogTriggerProps;
+  /**
+   * Properties forwarded to the overlay element.
+   */
+  overlayProps?: DialogOverlayProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: DialogPopupProps;
+  /**
+   * Properties forwarded to the header element.
+   */
+  headerProps?: DialogHeaderProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: DialogContentProps;
+  /**
+   * Properties forwarded to the footer element.
+   */
+  footerProps?: DialogFooterProps;
+  /**
+   * Properties forwarded to the title element.
+   */
+  titleProps?: DialogTitleProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: DialogDescriptionProps;
+  /**
+   * Properties forwarded to the close element.
+   */
+  closeProps?: DialogCloseProps;
+  /**
+   * Properties forwarded to the cancel element.
+   */
+  cancelProps?: DialogCancelProps;
+  /**
+   * Properties forwarded to the confirm element.
+   */
+  confirmProps?: DialogConfirmProps;
+}
+/**
+ * Events for the DialogCompact component.
+ */
+type DialogCompactEmits = DialogRootEmits & DialogTriggerEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
+/**
+ * Slot properties for the DialogCompactBase component.
+ */
+interface DialogCompactBaseSlotProps {
+  /**
+   * Whether the component is open.
+   */
+  open: boolean;
+  /**
+   * Close exposed in the slot scope.
+   */
+  close: () => void;
+}
+/**
+ * Slots for the DialogCompact component.
+ */
+type DialogCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the title slot.
+   */
+  title?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the close slot.
+   */
+  close?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the footer slot.
+   */
+  footer?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the cancel slot.
+   */
+  cancel?: (props: DialogCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the confirm slot.
+   */
+  confirm?: (props: DialogCompactBaseSlotProps) => any;
+};
+/**
+ * Available UI slots for the Dialog component.
+ */
+type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'cancel' | 'confirm';
+/**
+ * UI class overrides for the Dialog component.
+ */
+type DialogUi = UiClass<DialogUiSlot>;
+/**
+ * Type information for DialogT.
+ */
+interface DialogT extends Pick<DialogCompactProps, 'open' | 'icon' | 'showCancel' | 'showConfirm'> {
+  /**
+   * Id.
+   */
+  id: number | string;
+  /**
+   * Type.
+   */
+  type?: DialogAlertType;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<DialogUi>;
+  /**
+   * Title text rendered by the component.
+   */
+  title?: VNode | string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: VNode | string;
+  /**
+   * Content.
+   */
+  content?: VNode;
+  /**
+   * Footer.
+   */
+  footer?: VNode;
+  /**
+   * Whether the component can cel text.
+   */
+  cancelText?: VNode | string;
+  /**
+   * Confirm text.
+   */
+  confirmText?: VNode | string;
+  /**
+   * Callback invoked when the cancel event fires.
+   */
+  onCancel?: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the confirm event fires.
+   */
+  onConfirm?: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the dismiss event fires.
+   */
+  onDismiss?: (dialog: DialogT) => void;
+}
+/**
+ * Type information for DialogExternal.
+ */
+interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
+  /**
+   * Id.
+   */
+  id?: number | string;
+}
+//#endregion
+export { DialogAlertType, DialogBaseProps, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };

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

@@ -0,0 +1 @@
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import"../../composables/index.js";import{DROPDOWN_MENU_HOVER_OPEN as r}from"./shared.js";import{computed as i,shallowRef as a,watchEffect as o}from"vue";const[s,c]=t(`DropdownMenuRoot`,t=>{let{open:r}=t,a=e=>{r.value=e},o=()=>{r.value=!r.value},s=n(t.dir),c=i(()=>e(r.value));return{...t,dir:s,dataState:c,onOpenChange:a,onOpenToggle:o}}),[l,u]=t(`DropdownMenuHover`,e=>{let{open:t,hoverable:n,delayDuration:i,skipDelayDuration:s}=e,c=a(!0),l=null,u=()=>{l&&(clearTimeout(l),l=null)},d=()=>{u(),l=setTimeout(()=>{c.value=!0},s.value)},f=()=>{u(),c.value=!1},p=a(!1),m=a(!1),h=null,g=()=>{h&&(clearTimeout(h),h=null)},_=()=>{g(),h=setTimeout(()=>{m.value=!0,t.value=!0},i.value)},v=()=>{g(),m.value=!1,t.value=!0},y=()=>{g(),t.value=!1},b=()=>{_()},x=()=>{c.value?b():v()},S=()=>{g()};return o(()=>{n.value&&(t.value?(f(),document.dispatchEvent(new CustomEvent(r))):d())}),{...e,isOpenDelayed:c,isPointerInTransitRef:p,onOpen:v,onClose:y,onTriggerEnter:x,onTriggerLeave:S}});export{l as provideDropdownMenuHoverContext,s as provideDropdownMenuRootContext,u as useDropdownMenuHoverContext,c as useDropdownMenuRootContext};

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../menu/menu-checkbox-options-compact.js";import i from"./dropdown-menu-wrapper-compact.js";import{computed as a,createBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{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(l,{emit:x}){let S=l,C=x,w=v(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=a(()=>b(w).filter(e=>e!==`trigger`));return(e,t)=>(p(),o(i,d(_(E),g(_(O))),{trigger:y(()=>[h(e.$slots,`trigger`)]),default:y(()=>[c(r,d(_(D),{"portal-props":l.portalProps},g(_(O))),s({_:2},[m(k.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -0,0 +1,31 @@
+import { DefinedValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuCheckboxOptionData } from "../menu/types.js";
+import { DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots } from "./types.js";
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxCompactProps<T> & {
+    onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: DropdownMenuCheckboxCompactSlots<T>;
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+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-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../menu/menu-options-compact.js";import i from"./dropdown-menu-wrapper-compact.js";import{computed as a,createBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{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(l,{emit:x}){let S=l,C=x,w=v(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=a(()=>b(w).filter(e=>e!==`trigger`));return(e,t)=>(p(),o(i,d(_(E),g(_(O))),{trigger:y(()=>[h(e.$slots,`trigger`)]),default:y(()=>[c(r,d(_(D),{"portal-props":l.portalProps},g(_(O))),s({_:2},[m(k.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -0,0 +1,30 @@
+import { DefinedValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuOptionData } from "../menu/types.js";
+import { DropdownMenuCompactProps, DropdownMenuCompactSlots } from "./types.js";
+//#region src/components/dropdown-menu/dropdown-menu-compact.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuCompactProps<T> & {
+    onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: DropdownMenuCompactSlots<T>;
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+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-content.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useGraceArea as t}from"../../composables/use-grace-area.js";import"../../composables/index.js";import{useMenuContext as n}from"../menu/context.js";import r from"../menu/menu-content.js";import"../menu/index.js";import{DROPDOWN_MENU_HOVER_OPEN as i}from"./shared.js";import{useDropdownMenuHoverContext as a,useDropdownMenuRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,watchPostEffect as g,withCtx as _}from"vue";const v=l({name:`DropdownMenuContent`,__name:`dropdown-menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{default:8},sideFlip:{type:Boolean,default:!0},align:{},alignOffset:{},alignFlip:{type:Boolean,default:!0},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:v}){let y=l,b=e(v),{popupElement:x,triggerElement:S}=n(`DropdownMenuContent`),{modal:C}=o(`DropdownMenuContent`),{isPointerInTransitRef:w,hoverable:T,onClose:E}=a(`DropdownMenuContent`);t({triggerElement:S,areaElement:x,onPointerInTransitChange:e=>{w.value=e},onPointerExit:()=>{E()},subAreaAttribute:`data-soybean-menu-sub-popup`,disabled:s(()=>!T.value)});let D=!1,O=e=>{e.defaultPrevented||T.value||D||(setTimeout(()=>{S.value?.focus()},0),D=!1,e.preventDefault())},k=e=>{if(e.defaultPrevented)return;let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0,r=t.button===2||n;(!C.value||r)&&(D=!0),S.value?.contains(e.target)&&e.preventDefault()};return g(()=>{if(!T.value)return;let e=e=>{e.target?.contains(S.value)&&E()};window.addEventListener(`scroll`,e),window.addEventListener(i,E),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(i,E)})}),(e,t)=>(f(),c(h(r),u(y,{"data-soybean-dropdown-menu-content":``},m(h(b)),{onCloseAutoFocus:O,onInteractOutside:k}),{default:_(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};

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

@@ -0,0 +1,39 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DropdownMenuContentProps } from "./types.js";
+
+//#region src/components/dropdown-menu/dropdown-menu-content.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  sideOffset: number;
+  sideFlip: boolean;
+  alignFlip: boolean;
+  avoidCollisions: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../menu/menu-radio-options-compact.js";import i from"./dropdown-menu-wrapper-compact.js";import{computed as a,createBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`DropdownMenuRadioCompact`,__name:`dropdown-menu-radio-compact`,props:{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(l,{emit:x}){let S=l,C=x,w=v(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=a(()=>b(w).filter(e=>e!==`trigger`));return(e,t)=>(p(),o(i,d(_(E),g(_(O))),{trigger:y(()=>[h(e.$slots,`trigger`)]),default:y(()=>[c(r,d(_(D),{"portal-props":l.portalProps},g(_(O))),s({_:2},[m(k.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -0,0 +1,31 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuRadioOptionData } from "../menu/types.js";
+import { DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots } from "./types.js";
+//#region src/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioCompactProps<T> & {
+    onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: DropdownMenuRadioCompactSlots<T>;
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+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-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideDropdownMenuHoverContext as r,provideDropdownMenuRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,isRef as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`DropdownMenuRoot`,inheritAttrs:!1,__name:`dropdown-menu-root`,props:{trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(s,{emit:p}){let m=s,h=p,g=t(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=a(()=>m.trigger===`hover`),v=a(()=>m.modal&&m.trigger!==`hover`),{dir:y}=i({...e(m,[`open`,`dir`]),modal:v,open:g});return r({...e(m,[`delayDuration`,`skipDelayDuration`]),hoverable:_,open:g}),(e,t)=>(l(),o(d(n),{open:d(g),"onUpdate:open":t[0]||(t[0]=e=>c(g)?g.value=e:null),"default-open":s.defaultOpen,dir:d(y),modal:v.value},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`open`,`default-open`,`dir`,`modal`]))}});export{p as default};

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

@@ -0,0 +1,29 @@
+import { DropdownMenuRootProps, DropdownMenuTriggerType } from "./types.js";
+
+//#region src/components/dropdown-menu/dropdown-menu-root.vue.d.ts
+declare var __VLS_8: {
+  open: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  delayDuration: number;
+  skipDelayDuration: number;
+  open: boolean;
+  modal: boolean;
+  trigger: DropdownMenuTriggerType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import{useMenuContext as i}from"../menu/context.js";import"../menu/index.js";import{useDropdownMenuHoverContext as a,useDropdownMenuRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _,withKeys as v}from"vue";const y=u({name:`DropdownMenuTrigger`,__name:`dropdown-menu-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(u){let y=u,{popupId:b,triggerId:x,initTriggerId:S,onTriggerElementChange:C}=i(`DropdownMenuTrigger`),[w,T]=t(C),{open:E,dataState:D,onOpenToggle:O,onOpenChange:k}=o(`DropdownMenuTrigger`),{isPointerInTransitRef:A,hoverable:j,onTriggerEnter:M,onTriggerLeave:N,onClose:P}=a(`DropdownMenuTrigger`),F=s(()=>y.as===`button`?`button`:void 0),I=s(()=>E.value?b:void 0),L=s(()=>y.disabled?!0:void 0),R=s(()=>y.disabled?``:void 0),z=async e=>{y.disabled||j.value||e.button===0&&e.ctrlKey===!1&&(O(),await f(),E.value&&e.preventDefault())},B=t=>{y.disabled||(e.includes(t.key)&&O(),t.key===`ArrowDown`&&k(!0),[...e,`ArrowDown`].includes(t.key)&&t.preventDefault())},V=!1,H=e=>{y.disabled||e.pointerType!==`touch`&&!V&&!A.value&&(M(),V=!0)},U=()=>{y.disabled||(N(),V=!1)},W=s(()=>j.value?{blur:P,pointermove:H,pointerleave:U}:{click:z});return S(),(e,t)=>(p(),c(g(r),{"as-child":``},{default:_(()=>[l(g(n),d({id:g(x),ref:g(T),as:u.as,"as-child":u.asChild,"data-soybean-dropdown-menu-trigger":``,type:F.value,"aria-controls":I.value,"aria-disabled":L.value,"aria-expanded":g(E),"aria-haspopup":`menu`,"data-disabled":R.value,"data-state":g(D),onKeydown:v(B,[`enter`,`space`,`arrow-down`])},h(W.value)),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`type`,`aria-controls`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-state`])]),_:3}))}});export{y as default};

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

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { DropdownMenuTriggerProps } from "./types.js";
+
+//#region src/components/dropdown-menu/dropdown-menu-trigger.vue.d.ts
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuTriggerProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

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