@jinmi/ui 0.0.0-stage → 6.0.2

package/es/base-ui/DropdownMenu/atoms.mjs

@@ -0,0 +1,267 @@
+"use client";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { getFloatingCollisionPadding } from "../floating/collisionPadding.mjs";
+import { FloatingLayerProvider } from "../../hooks/useFloatingLayer.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import Switch from "../Switch/Switch.mjs";
+import { MenuVirtualList } from "../virtual/MenuVirtualList.mjs";
+import { CLASSNAMES } from "../../styles/classNames.mjs";
+import { useLayerZIndex } from "../zIndex/useLayerZIndex.mjs";
+import { styles } from "./sharedStyle.mjs";
+import { cloneElement, isValidElement, useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs, useMergeRefs } from "react-merge-refs";
+import { Menu } from "@base-ui/react/menu";
+import clsx from "clsx";
+//#region src/base-ui/DropdownMenu/atoms.tsx
+const DropdownMenuRoot = (props) => /* @__PURE__ */ jsx(Menu.Root, {
+	modal: false,
+	...props
+});
+const DropdownMenuSubmenuRoot = Menu.SubmenuRoot;
+const DropdownMenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;
+const mergeStateClassName = (base, className) => {
+	if (typeof className === "function") return (state) => cx(base, className(state));
+	return cx(base, className);
+};
+const DropdownMenuTrigger = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
+	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	const renderer = (props) => {
+		const resolvedProps = (() => {
+			if (isNativeButtonTriggerElement) return props;
+			const { type, ...restProps } = props;
+			return restProps;
+		})();
+		const mergedProps = mergeProps(children.props, resolvedProps);
+		return cloneElement(children, {
+			...mergedProps,
+			className: clsx(CLASSNAMES.DropdownMenuTrigger, className, mergedProps.className),
+			ref: mergeRefs([
+				children.ref,
+				props.ref,
+				refProp
+			])
+		});
+	};
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Menu.Trigger, {
+		...rest,
+		nativeButton: resolvedNativeButton,
+		render: renderer
+	});
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		...rest,
+		className: clsx(CLASSNAMES.DropdownMenuTrigger, className),
+		nativeButton: resolvedNativeButton,
+		ref: refProp,
+		children
+	});
+};
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuPortal = ({ container, ...rest }) => {
+	const appElement = useAppElement();
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		container: container ?? appElement ?? void 0,
+		...rest
+	});
+};
+DropdownMenuPortal.displayName = "DropdownMenuPortal";
+const DropdownMenuPositioner = ({ className, collisionPadding, placement, hoverTrigger, align, side, sideOffset, children, style, ...rest }) => {
+	const placementConfig = placement ? placementMap[placement] : void 0;
+	const [positionerNode, setPositionerNode] = useState(null);
+	const explicitZIndex = typeof style !== "function" && style?.zIndex != null && typeof style.zIndex === "number" ? style.zIndex : void 0;
+	const { zIndex, ref: zRef } = useLayerZIndex("floating", explicitZIndex);
+	const composedRef = useMergeRefs([setPositionerNode, zRef]);
+	const resolvedStyle = typeof style === "function" ? (state) => ({
+		zIndex,
+		...style(state)
+	}) : {
+		zIndex,
+		...style
+	};
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		...rest,
+		align: align ?? placementConfig?.align,
+		className: mergeStateClassName(styles.positioner, className),
+		collisionPadding: collisionPadding ?? getFloatingCollisionPadding(),
+		"data-hover-trigger": hoverTrigger || void 0,
+		"data-placement": placement,
+		ref: composedRef,
+		side: side ?? placementConfig?.side,
+		sideOffset: sideOffset ?? (placementConfig ? 6 : void 0),
+		style: resolvedStyle,
+		children: /* @__PURE__ */ jsx(FloatingLayerProvider, {
+			value: positionerNode,
+			children
+		})
+	});
+};
+DropdownMenuPositioner.displayName = "DropdownMenuPositioner";
+const DropdownMenuPopup = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		...rest,
+		className: mergeStateClassName(styles.popup, className)
+	});
+};
+DropdownMenuPopup.displayName = "DropdownMenuPopup";
+const DropdownMenuHeader = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.header, className),
+		"data-slot": "header"
+	});
+};
+DropdownMenuHeader.displayName = "DropdownMenuHeader";
+const DropdownMenuFooter = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.footer, className),
+		"data-slot": "footer"
+	});
+};
+DropdownMenuFooter.displayName = "DropdownMenuFooter";
+const DropdownMenuScrollViewport = ({ children, className, getItemLabel, keepMounted, listItemHeight, virtual, ...rest }) => {
+	if (!virtual) return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.slotViewport, className),
+		children
+	});
+	return /* @__PURE__ */ jsx(MenuVirtualList, {
+		...rest,
+		className,
+		getItemLabel,
+		itemSize: listItemHeight,
+		keepMounted,
+		children
+	});
+};
+DropdownMenuScrollViewport.displayName = "DropdownMenuScrollViewport";
+const DropdownMenuItem = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItemPrimitive = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuCheckboxItemPrimitive.displayName = "DropdownMenuCheckboxItemPrimitive";
+const DropdownMenuSeparator = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		...rest,
+		className: (state) => cx(styles.separator, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuGroupLabel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		...rest,
+		className: (state) => cx(styles.groupLabel, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuGroupLabel.displayName = "DropdownMenuGroupLabel";
+const DropdownMenuSubmenuTrigger = ({ className, danger, ...rest }) => {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		...rest,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className)
+	});
+};
+DropdownMenuSubmenuTrigger.displayName = "DropdownMenuSubmenuTrigger";
+const DropdownMenuItemContent = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.itemContent, className)
+	});
+};
+DropdownMenuItemContent.displayName = "DropdownMenuItemContent";
+const DropdownMenuItemIcon = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.icon, className)
+	});
+};
+DropdownMenuItemIcon.displayName = "DropdownMenuItemIcon";
+const DropdownMenuItemLabelGroup = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: cx(styles.labelGroup, className)
+	});
+};
+DropdownMenuItemLabelGroup.displayName = "DropdownMenuItemLabelGroup";
+const DropdownMenuItemLabel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.label, className)
+	});
+};
+DropdownMenuItemLabel.displayName = "DropdownMenuItemLabel";
+const DropdownMenuItemDesc = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.desc, className)
+	});
+};
+DropdownMenuItemDesc.displayName = "DropdownMenuItemDesc";
+const DropdownMenuItemExtra = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.extra, className)
+	});
+};
+DropdownMenuItemExtra.displayName = "DropdownMenuItemExtra";
+const DropdownMenuSubmenuArrow = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(styles.submenuArrow, className)
+	});
+};
+DropdownMenuSubmenuArrow.displayName = "DropdownMenuSubmenuArrow";
+const DropdownMenuSwitchItem = ({ checked: checkedProp, className, closeOnClick = false, danger, defaultChecked, disabled, onCheckedChange, children, ...rest }) => {
+	const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
+	const isControlled = checkedProp !== void 0;
+	const checked = isControlled ? checkedProp : internalChecked;
+	const handleCheckedChange = useCallback((newChecked) => {
+		if (!isControlled) setInternalChecked(newChecked);
+		onCheckedChange?.(newChecked);
+	}, [isControlled, onCheckedChange]);
+	return /* @__PURE__ */ jsxs(Menu.Item, {
+		...rest,
+		closeOnClick,
+		disabled,
+		className: (state) => cx(styles.item, danger && styles.danger, typeof className === "function" ? className(state) : className),
+		onClick: (e) => {
+			e.preventDefault();
+			if (!disabled) handleCheckedChange(!checked);
+		},
+		children: [children, /* @__PURE__ */ jsx("span", {
+			style: {
+				display: "inline-flex",
+				marginInlineStart: 16
+			},
+			onFocus: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ jsx(Switch, {
+				checked,
+				disabled,
+				size: "small",
+				tabIndex: -1,
+				onChange: handleCheckedChange,
+				onClick: (_, e) => e.stopPropagation()
+			})
+		})]
+	});
+};
+DropdownMenuSwitchItem.displayName = "DropdownMenuSwitchItem";
+//#endregion
+export { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/DropdownMenu/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Menu } from '@base-ui/react/menu';\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport { cx } from 'antd-style';\r\nimport clsx from 'clsx';\r\nimport type React from 'react';\r\nimport { cloneElement, isValidElement, useCallback, useState } from 'react';\r\nimport { mergeRefs, useMergeRefs } from 'react-merge-refs';\r\n\r\nimport { getFloatingCollisionPadding } from '@/base-ui/floating';\r\nimport Switch from '@/base-ui/Switch';\r\nimport { MenuVirtualList, type VirtualListProps } from '@/base-ui/virtual';\r\nimport { FloatingLayerProvider } from '@/hooks/useFloatingLayer';\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\nimport { CLASSNAMES } from '@/styles/classNames';\r\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\r\nimport { placementMap } from '@/utils/placement';\r\n\r\nimport { useLayerZIndex } from '../zIndex';\r\nimport { styles } from './sharedStyle';\r\nimport { type DropdownMenuPlacement } from './type';\r\n\r\nexport const DropdownMenuRoot: typeof Menu.Root = (props) => <Menu.Root modal={false} {...props} />;\r\nexport const DropdownMenuSubmenuRoot = Menu.SubmenuRoot;\r\nexport const DropdownMenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;\r\n\r\nconst mergeStateClassName = <TState,>(\r\n  base: string,\r\n  className: string | ((state: TState) => string | undefined) | undefined,\r\n) => {\r\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\r\n  return cx(base, className);\r\n};\r\n\r\nexport type DropdownMenuTriggerProps = Omit<\r\n  React.ComponentPropsWithRef<typeof Menu.Trigger>,\r\n  'children' | 'render'\r\n> & {\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const DropdownMenuTrigger = ({\r\n  children,\r\n  className,\r\n  nativeButton,\r\n  ref: refProp,\r\n  ...rest\r\n}: DropdownMenuTriggerProps) => {\r\n  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\r\n    children,\r\n    nativeButton,\r\n  });\r\n\r\n  const renderer = (props: any) => {\r\n    // Base UI's trigger props include `type=\"button\"` by default.\r\n    // If we render into a non-<button> element, that prop is invalid and can warn.\r\n    const resolvedProps = (() => {\r\n      if (isNativeButtonTriggerElement) return props as any;\r\n      // eslint-disable-next-line unused-imports/no-unused-vars\r\n      const { type, ...restProps } = props as any;\r\n      return restProps;\r\n    })();\r\n\r\n    const mergedProps = mergeProps((children as any).props, resolvedProps);\r\n    return cloneElement(children as any, {\r\n      ...mergedProps,\r\n      className: clsx(CLASSNAMES.DropdownMenuTrigger, className, mergedProps.className),\r\n      ref: mergeRefs([(children as any).ref, (props as any).ref, refProp]),\r\n    });\r\n  };\r\n\r\n  if (isValidElement(children)) {\r\n    return <Menu.Trigger {...rest} nativeButton={resolvedNativeButton} render={renderer as any} />;\r\n  }\r\n\r\n  return (\r\n    <Menu.Trigger\r\n      {...rest}\r\n      className={clsx(CLASSNAMES.DropdownMenuTrigger, className)}\r\n      nativeButton={resolvedNativeButton}\r\n      ref={refProp as any}\r\n    >\r\n      {children}\r\n    </Menu.Trigger>\r\n  );\r\n};\r\n\r\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\r\n\r\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {\r\n  /**\r\n   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.\r\n   */\r\n  container?: HTMLElement | null;\r\n};\r\n\r\nexport const DropdownMenuPortal = ({ container, ...rest }: DropdownMenuPortalProps) => {\r\n  const appElement = useAppElement();\r\n  return <Menu.Portal container={container ?? appElement ?? undefined} {...rest} />;\r\n};\r\n\r\nDropdownMenuPortal.displayName = 'DropdownMenuPortal';\r\n\r\nexport type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {\r\n  hoverTrigger?: boolean;\r\n  placement?: DropdownMenuPlacement;\r\n};\r\n\r\nexport const DropdownMenuPositioner = ({\r\n  className,\r\n  collisionPadding,\r\n  placement,\r\n  hoverTrigger,\r\n  align,\r\n  side,\r\n  sideOffset,\r\n  children,\r\n  style,\r\n  ...rest\r\n}: DropdownMenuPositionerProps) => {\r\n  const placementConfig = placement ? placementMap[placement] : undefined;\r\n  const [positionerNode, setPositionerNode] = useState<HTMLDivElement | null>(null);\r\n\r\n  const explicitZIndex =\r\n    typeof style !== 'function' && style?.zIndex != null && typeof style.zIndex === 'number'\r\n      ? style.zIndex\r\n      : undefined;\r\n  const { zIndex, ref: zRef } = useLayerZIndex<HTMLDivElement>('floating', explicitZIndex);\r\n  const composedRef = useMergeRefs([setPositionerNode, zRef]);\r\n\r\n  const resolvedStyle =\r\n    typeof style === 'function'\r\n      ? (state: any) => ({ zIndex, ...style(state) })\r\n      : { zIndex, ...style };\r\n\r\n  return (\r\n    <Menu.Positioner\r\n      {...rest}\r\n      align={align ?? placementConfig?.align}\r\n      className={mergeStateClassName(styles.positioner, className as any) as any}\r\n      collisionPadding={collisionPadding ?? getFloatingCollisionPadding()}\r\n      data-hover-trigger={hoverTrigger || undefined}\r\n      data-placement={placement}\r\n      ref={composedRef as any}\r\n      side={side ?? placementConfig?.side}\r\n      sideOffset={sideOffset ?? (placementConfig ? 6 : undefined)}\r\n      style={resolvedStyle}\r\n    >\r\n      <FloatingLayerProvider value={positionerNode}>{children}</FloatingLayerProvider>\r\n    </Menu.Positioner>\r\n  );\r\n};\r\n\r\nDropdownMenuPositioner.displayName = 'DropdownMenuPositioner';\r\n\r\nexport type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;\r\n\r\nexport const DropdownMenuPopup = ({ className, ...rest }: DropdownMenuPopupProps) => {\r\n  return (\r\n    <Menu.Popup {...rest} className={mergeStateClassName(styles.popup, className as any) as any} />\r\n  );\r\n};\r\n\r\nDropdownMenuPopup.displayName = 'DropdownMenuPopup';\r\n\r\nexport type DropdownMenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const DropdownMenuHeader = ({ className, ...rest }: DropdownMenuHeaderProps) => {\r\n  return <div {...rest} className={cx(styles.header, className)} data-slot=\"header\" />;\r\n};\r\n\r\nDropdownMenuHeader.displayName = 'DropdownMenuHeader';\r\n\r\nexport type DropdownMenuFooterProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const DropdownMenuFooter = ({ className, ...rest }: DropdownMenuFooterProps) => {\r\n  return <div {...rest} className={cx(styles.footer, className)} data-slot=\"footer\" />;\r\n};\r\n\r\nDropdownMenuFooter.displayName = 'DropdownMenuFooter';\r\n\r\nexport type DropdownMenuScrollViewportProps = React.HTMLAttributes<HTMLDivElement> &\r\n  VirtualListProps;\r\n\r\nexport const DropdownMenuScrollViewport = ({\r\n  children,\r\n  className,\r\n  getItemLabel,\r\n  keepMounted,\r\n  listItemHeight,\r\n  virtual,\r\n  ...rest\r\n}: DropdownMenuScrollViewportProps) => {\r\n  if (!virtual) {\r\n    return (\r\n      <div {...rest} className={cx(styles.slotViewport, className)}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <MenuVirtualList\r\n      {...rest}\r\n      className={className}\r\n      getItemLabel={getItemLabel}\r\n      itemSize={listItemHeight}\r\n      keepMounted={keepMounted}\r\n    >\r\n      {children}\r\n    </MenuVirtualList>\r\n  );\r\n};\r\n\r\nDropdownMenuScrollViewport.displayName = 'DropdownMenuScrollViewport';\r\n\r\nexport type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & { danger?: boolean };\r\n\r\nexport const DropdownMenuItem = ({ className, danger, ...rest }: DropdownMenuItemProps) => {\r\n  return (\r\n    <Menu.Item\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(\r\n          styles.item,\r\n          danger && styles.danger,\r\n          typeof className === 'function' ? className(state) : className,\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenuItem';\r\n\r\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {\r\n  danger?: boolean;\r\n};\r\n\r\nexport const DropdownMenuCheckboxItemPrimitive = ({\r\n  className,\r\n  danger,\r\n  ...rest\r\n}: DropdownMenuCheckboxItemProps) => {\r\n  return (\r\n    <Menu.CheckboxItem\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(\r\n          styles.item,\r\n          danger && styles.danger,\r\n          typeof className === 'function' ? className(state) : className,\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nDropdownMenuCheckboxItemPrimitive.displayName = 'DropdownMenuCheckboxItemPrimitive';\r\n\r\nexport type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;\r\n\r\nexport const DropdownMenuSeparator = ({ className, ...rest }: DropdownMenuSeparatorProps) => {\r\n  return (\r\n    <Menu.Separator\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(styles.separator, typeof className === 'function' ? className(state) : className)\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\r\n\r\nexport const DropdownMenuGroup = Menu.Group;\r\n\r\nexport type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;\r\n\r\nexport const DropdownMenuGroupLabel = ({ className, ...rest }: DropdownMenuGroupLabelProps) => {\r\n  return (\r\n    <Menu.GroupLabel\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(styles.groupLabel, typeof className === 'function' ? className(state) : className)\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nDropdownMenuGroupLabel.displayName = 'DropdownMenuGroupLabel';\r\n\r\nexport type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {\r\n  danger?: boolean;\r\n};\r\n\r\nexport const DropdownMenuSubmenuTrigger = ({\r\n  className,\r\n  danger,\r\n  ...rest\r\n}: DropdownMenuSubmenuTriggerProps) => {\r\n  return (\r\n    <Menu.SubmenuTrigger\r\n      {...rest}\r\n      className={(state) =>\r\n        cx(\r\n          styles.item,\r\n          danger && styles.danger,\r\n          typeof className === 'function' ? className(state) : className,\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nDropdownMenuSubmenuTrigger.displayName = 'DropdownMenuSubmenuTrigger';\r\n\r\nexport type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const DropdownMenuItemContent = ({ className, ...rest }: DropdownMenuItemContentProps) => {\r\n  return <div {...rest} className={cx(styles.itemContent, className)} />;\r\n};\r\n\r\nDropdownMenuItemContent.displayName = 'DropdownMenuItemContent';\r\n\r\nexport type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const DropdownMenuItemIcon = ({ className, ...rest }: DropdownMenuItemIconProps) => {\r\n  return <span {...rest} className={cx(styles.icon, className)} />;\r\n};\r\n\r\nDropdownMenuItemIcon.displayName = 'DropdownMenuItemIcon';\r\n\r\nexport type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const DropdownMenuItemLabelGroup = ({\r\n  className,\r\n  ...rest\r\n}: DropdownMenuItemLabelGroupProps) => {\r\n  return <div {...rest} className={cx(styles.labelGroup, className)} />;\r\n};\r\n\r\nDropdownMenuItemLabelGroup.displayName = 'DropdownMenuItemLabelGroup';\r\n\r\nexport type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const DropdownMenuItemLabel = ({ className, ...rest }: DropdownMenuItemLabelProps) => {\r\n  return <span {...rest} className={cx(styles.label, className)} />;\r\n};\r\n\r\nDropdownMenuItemLabel.displayName = 'DropdownMenuItemLabel';\r\n\r\nexport type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const DropdownMenuItemDesc = ({ className, ...rest }: DropdownMenuItemDescProps) => {\r\n  return <span {...rest} className={cx(styles.desc, className)} />;\r\n};\r\n\r\nDropdownMenuItemDesc.displayName = 'DropdownMenuItemDesc';\r\n\r\nexport type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const DropdownMenuItemExtra = ({ className, ...rest }: DropdownMenuItemExtraProps) => {\r\n  return <span {...rest} className={cx(styles.extra, className)} />;\r\n};\r\n\r\nDropdownMenuItemExtra.displayName = 'DropdownMenuItemExtra';\r\n\r\nexport type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const DropdownMenuSubmenuArrow = ({ className, ...rest }: DropdownMenuSubmenuArrowProps) => {\r\n  return <span {...rest} className={cx(styles.submenuArrow, className)} />;\r\n};\r\n\r\nDropdownMenuSubmenuArrow.displayName = 'DropdownMenuSubmenuArrow';\r\n\r\nexport type DropdownMenuSwitchItemProps = Omit<\r\n  React.ComponentProps<typeof Menu.Item>,\r\n  'onClick'\r\n> & {\r\n  checked?: boolean;\r\n  closeOnClick?: boolean;\r\n  danger?: boolean;\r\n  defaultChecked?: boolean;\r\n  onCheckedChange?: (checked: boolean) => void;\r\n};\r\n\r\nexport const DropdownMenuSwitchItem = ({\r\n  checked: checkedProp,\r\n  className,\r\n  closeOnClick = false,\r\n  danger,\r\n  defaultChecked,\r\n  disabled,\r\n  onCheckedChange,\r\n  children,\r\n  ...rest\r\n}: DropdownMenuSwitchItemProps) => {\r\n  const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);\r\n  const isControlled = checkedProp !== undefined;\r\n  const checked = isControlled ? checkedProp : internalChecked;\r\n\r\n  const handleCheckedChange = useCallback(\r\n    (newChecked: boolean) => {\r\n      if (!isControlled) {\r\n        setInternalChecked(newChecked);\r\n      }\r\n      onCheckedChange?.(newChecked);\r\n    },\r\n    [isControlled, onCheckedChange],\r\n  );\r\n\r\n  return (\r\n    <Menu.Item\r\n      {...rest}\r\n      closeOnClick={closeOnClick}\r\n      disabled={disabled}\r\n      className={(state) =>\r\n        cx(\r\n          styles.item,\r\n          danger && styles.danger,\r\n          typeof className === 'function' ? className(state) : className,\r\n        )\r\n      }\r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        if (!disabled) {\r\n          handleCheckedChange(!checked);\r\n        }\r\n      }}\r\n    >\r\n      {children}\r\n      <span\r\n        style={{ display: 'inline-flex', marginInlineStart: 16 }}\r\n        onFocus={(e) => e.stopPropagation()}\r\n      >\r\n        <Switch\r\n          checked={checked}\r\n          disabled={disabled}\r\n          size=\"small\"\r\n          tabIndex={-1}\r\n          onChange={handleCheckedChange}\r\n          onClick={(_, e) => e.stopPropagation()}\r\n        />\r\n      </span>\r\n    </Menu.Item>\r\n  );\r\n};\r\n\r\nDropdownMenuSwitchItem.displayName = 'DropdownMenuSwitchItem';\r\n"],"mappings":"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"}

package/es/base-ui/DropdownMenu/index.d.mts

@@ -0,0 +1,6 @@
+import { IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import { renderDropdownMenuItems } from "./renderItems.mjs";
+import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuSwitchItem } from "./type.mjs";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuFooter, DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuHeader, DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemDesc, DropdownMenuItemDescProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuItemLabelGroupProps, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuScrollViewportProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem as DropdownMenuSwitchItem$1, DropdownMenuSwitchItemProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "./atoms.mjs";
+import DropdownMenu from "./DropdownMenu.mjs";
+export { type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem$1 as DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, type IconSpaceMode, DropdownMenu as default, renderDropdownMenuItems };

package/es/base-ui/DropdownMenu/renderItems.d.mts

@@ -0,0 +1,8 @@
+import { IconAlign, IconSpaceMode, RenderOptions } from "../../Menu/renderUtils.mjs";
+import { DropdownItem } from "./type.mjs";
+import { ReactNode } from "react";
+//#region src/base-ui/DropdownMenu/renderItems.d.ts
+declare const renderDropdownMenuItems: (items: DropdownItem[], keyPath?: string[], options?: RenderOptions) => ReactNode[];
+//#endregion
+export { type IconSpaceMode, renderDropdownMenuItems };
+//# sourceMappingURL=renderItems.d.mts.map

package/es/base-ui/DropdownMenu/renderItems.mjs

@@ -0,0 +1,169 @@
+import { styles } from "./sharedStyle.mjs";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem } from "./atoms.mjs";
+import { SubmenuArrowIcon } from "../SubmenuArrowIcon.mjs";
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "../../Menu/renderUtils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+//#region src/base-ui/DropdownMenu/renderItems.tsx
+const renderItemContent = (item, options, iconNode) => {
+	const label = getItemLabel(item);
+	const desc = "desc" in item ? item.desc : void 0;
+	const extra = "extra" in item ? item.extra : void 0;
+	const indicatorOnRight = options?.indicatorOnRight;
+	const alignStart = Boolean(desc) && options?.iconAlign === "start";
+	const hasCustomIcon = iconNode !== void 0 && !indicatorOnRight;
+	const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);
+	const shouldRenderIcon = hasCustomIcon ? Boolean(options?.reserveIconSpace || iconNode) : Boolean(hasIcon || options?.reserveIconSpace);
+	const labelNode = desc ? /* @__PURE__ */ jsxs(DropdownMenuItemLabelGroup, { children: [/* @__PURE__ */ jsx(DropdownMenuItemLabel, { children: label }), /* @__PURE__ */ jsx(DropdownMenuItemDesc, { children: desc })] }) : /* @__PURE__ */ jsx(DropdownMenuItemLabel, { children: label });
+	return /* @__PURE__ */ jsxs(DropdownMenuItemContent, {
+		className: alignStart ? styles.itemContentAlignStart : void 0,
+		children: [
+			shouldRenderIcon ? /* @__PURE__ */ jsx(DropdownMenuItemIcon, {
+				"aria-hidden": !hasIcon,
+				className: alignStart ? styles.iconAlignStart : void 0,
+				children: hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null
+			}) : null,
+			labelNode,
+			extra ? /* @__PURE__ */ jsx(DropdownMenuItemExtra, { children: extra }) : null,
+			indicatorOnRight && iconNode ? iconNode : null,
+			options?.submenu ? /* @__PURE__ */ jsx(DropdownMenuSubmenuArrow, { children: /* @__PURE__ */ jsx(SubmenuArrowIcon, {}) }) : null
+		]
+	});
+};
+const invokeItemClick = (item, keyPath, event) => {
+	if (!item.onClick) return;
+	const key = item.key ?? keyPath.at(-1) ?? "";
+	const info = {
+		domEvent: event,
+		item: event.currentTarget,
+		key: String(key),
+		keyPath
+	};
+	item.onClick(info);
+};
+const renderDropdownMenuItems = (items, keyPath = [], options) => {
+	const iconAlign = options?.iconAlign;
+	const iconSpaceMode = options?.iconSpaceMode ?? "global";
+	const reserveIconSpace = options?.reserveIconSpace ?? hasAnyIcon(items, iconSpaceMode === "global");
+	const indicatorOnRight = options?.indicatorOnRight ?? hasCheckboxAndIcon(items);
+	return items.map((item, index) => {
+		if (!item) return null;
+		const fallbackKey = `${keyPath.join("-") || "root"}-${index}`;
+		const itemKey = getItemKey(item, fallbackKey);
+		const nextKeyPath = [...keyPath, String(itemKey)];
+		if (item.type === "checkbox") {
+			const checkboxItem = item;
+			const label = getItemLabel(checkboxItem);
+			const labelText = typeof label === "string" ? label : void 0;
+			const isDanger = Boolean(checkboxItem.danger);
+			const indicator = /* @__PURE__ */ jsx(DropdownMenuCheckboxItemIndicator, { children: renderIcon(Check) });
+			return /* @__PURE__ */ jsx(DropdownMenuCheckboxItemPrimitive, {
+				checked: checkboxItem.checked,
+				closeOnClick: checkboxItem.closeOnClick,
+				danger: isDanger,
+				defaultChecked: checkboxItem.defaultChecked,
+				disabled: checkboxItem.disabled,
+				label: labelText,
+				onCheckedChange: (checked) => checkboxItem.onCheckedChange?.(checked),
+				children: renderItemContent(checkboxItem, {
+					iconAlign,
+					indicatorOnRight,
+					reserveIconSpace
+				}, indicator)
+			}, itemKey);
+		}
+		if (item.type === "switch") {
+			const switchItem = item;
+			const label = getItemLabel(switchItem);
+			const labelText = typeof label === "string" ? label : void 0;
+			const isDanger = Boolean(switchItem.danger);
+			return /* @__PURE__ */ jsx(DropdownMenuSwitchItem, {
+				checked: switchItem.checked,
+				closeOnClick: switchItem.closeOnClick,
+				danger: isDanger,
+				defaultChecked: switchItem.defaultChecked,
+				disabled: switchItem.disabled,
+				label: labelText,
+				onCheckedChange: (checked) => switchItem.onCheckedChange?.(checked),
+				children: renderItemContent(switchItem, {
+					iconAlign,
+					reserveIconSpace
+				})
+			}, itemKey);
+		}
+		if (item.type === "divider") return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, itemKey);
+		if (item.type === "group") {
+			const group = item;
+			const groupReserveIconSpace = iconSpaceMode === "group" ? group.children ? hasAnyIcon(group.children) : false : reserveIconSpace;
+			const groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;
+			return /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [group.label ? /* @__PURE__ */ jsx(DropdownMenuGroupLabel, { children: group.label }) : null, group.children ? renderDropdownMenuItems(group.children, nextKeyPath, {
+				iconAlign,
+				iconSpaceMode,
+				indicatorOnRight: groupIndicatorOnRight,
+				reserveIconSpace: groupReserveIconSpace
+			}) : null] }, itemKey);
+		}
+		if (item.type === "submenu" || "children" in item) {
+			const submenu = item;
+			const label = getItemLabel(submenu);
+			const labelText = typeof label === "string" ? label : void 0;
+			const isDanger = "danger" in submenu && Boolean(submenu.danger);
+			const submenuHasSlots = submenu.header != null || submenu.footer != null;
+			const submenuItems = submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath, {
+				iconAlign,
+				iconSpaceMode
+			}) : null;
+			return /* @__PURE__ */ jsxs(DropdownMenuSubmenuRoot, {
+				defaultOpen: submenu.defaultOpen,
+				open: submenu.open,
+				onOpenChange: submenu.onOpenChange,
+				children: [/* @__PURE__ */ jsx(DropdownMenuSubmenuTrigger, {
+					...submenu.triggerProps,
+					closeDelay: submenu.closeDelay,
+					danger: isDanger,
+					delay: submenu.delay,
+					disabled: submenu.disabled,
+					label: labelText,
+					openOnHover: submenu.openOnHover,
+					onClick: submenu.onClick,
+					children: renderItemContent(submenu, {
+						iconAlign,
+						reserveIconSpace,
+						submenu: true
+					})
+				}), /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuPositioner, {
+					alignOffset: -4,
+					"data-submenu": "",
+					sideOffset: -1,
+					children: /* @__PURE__ */ jsxs(DropdownMenuPopup, {
+						className: submenuHasSlots ? styles.popupWithSlots : void 0,
+						children: [
+							submenu.header == null ? null : /* @__PURE__ */ jsx(DropdownMenuHeader, { children: submenu.header }),
+							submenuHasSlots ? /* @__PURE__ */ jsx(DropdownMenuScrollViewport, { children: submenuItems }) : submenuItems,
+							submenu.footer == null ? null : /* @__PURE__ */ jsx(DropdownMenuFooter, { children: submenu.footer })
+						]
+					})
+				}) })]
+			}, itemKey);
+		}
+		const menuItem = item;
+		const label = getItemLabel(menuItem);
+		const labelText = typeof label === "string" ? label : void 0;
+		const isDanger = "danger" in menuItem && Boolean(menuItem.danger);
+		return /* @__PURE__ */ jsx(DropdownMenuItem, {
+			closeOnClick: menuItem.closeOnClick,
+			danger: isDanger,
+			disabled: menuItem.disabled,
+			label: labelText,
+			onClick: (event) => invokeItemClick(menuItem, nextKeyPath, event),
+			children: renderItemContent(menuItem, {
+				iconAlign,
+				reserveIconSpace
+			})
+		}, itemKey);
+	});
+};
+//#endregion
+export { renderDropdownMenuItems };
+
+//# sourceMappingURL=renderItems.mjs.map

package/es/base-ui/DropdownMenu/renderItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItems.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/renderItems.tsx"],"sourcesContent":["import { Check } from 'lucide-react';\r\nimport {\r\n  type KeyboardEvent as ReactKeyboardEvent,\r\n  type MouseEvent as ReactMouseEvent,\r\n  type ReactNode,\r\n} from 'react';\r\n\r\nimport { SubmenuArrowIcon } from '@/base-ui/SubmenuArrowIcon';\r\nimport type { BaseMenuItemGroupType, BaseSubMenuType } from '@/Menu/baseItem';\r\nimport {\r\n  getItemKey,\r\n  getItemLabel,\r\n  hasAnyIcon,\r\n  hasCheckboxAndIcon,\r\n  renderIcon,\r\n  type RenderItemContentOptions,\r\n  type RenderOptions,\r\n} from '@/Menu/renderUtils';\r\nimport type { MenuDividerType, MenuInfo, MenuItemType } from '@/Menu/type';\r\n\r\nimport {\r\n  DropdownMenuCheckboxItemIndicator,\r\n  DropdownMenuCheckboxItemPrimitive,\r\n  DropdownMenuFooter,\r\n  DropdownMenuGroup,\r\n  DropdownMenuGroupLabel,\r\n  DropdownMenuHeader,\r\n  DropdownMenuItem,\r\n  DropdownMenuItemContent,\r\n  DropdownMenuItemDesc,\r\n  DropdownMenuItemExtra,\r\n  DropdownMenuItemIcon,\r\n  DropdownMenuItemLabel,\r\n  DropdownMenuItemLabelGroup,\r\n  DropdownMenuPopup,\r\n  DropdownMenuPortal,\r\n  DropdownMenuPositioner,\r\n  DropdownMenuScrollViewport,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuSubmenuArrow,\r\n  DropdownMenuSubmenuRoot,\r\n  DropdownMenuSubmenuTrigger,\r\n  DropdownMenuSwitchItem,\r\n} from './atoms';\r\nimport { styles } from './sharedStyle';\r\nimport {\r\n  type DropdownItem,\r\n  type DropdownMenuCheckboxItem as DropdownMenuCheckboxItemType,\r\n  type DropdownMenuSwitchItem as DropdownMenuSwitchItemType,\r\n} from './type';\r\n\r\nexport type { IconAlign, IconSpaceMode } from '@/Menu/renderUtils';\r\n\r\nconst renderItemContent = (\r\n  item: MenuItemType | BaseSubMenuType | DropdownMenuCheckboxItemType | DropdownMenuSwitchItemType,\r\n  options?: RenderItemContentOptions,\r\n  iconNode?: ReactNode,\r\n) => {\r\n  const label = getItemLabel(item);\r\n  const desc = 'desc' in item ? item.desc : undefined;\r\n  const extra = 'extra' in item ? item.extra : undefined;\r\n  const indicatorOnRight = options?.indicatorOnRight;\r\n  const alignStart = Boolean(desc) && options?.iconAlign === 'start';\r\n\r\n  const hasCustomIcon = iconNode !== undefined && !indicatorOnRight;\r\n  const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);\r\n  const shouldRenderIcon = hasCustomIcon\r\n    ? Boolean(options?.reserveIconSpace || iconNode)\r\n    : Boolean(hasIcon || options?.reserveIconSpace);\r\n\r\n  const labelNode = desc ? (\r\n    <DropdownMenuItemLabelGroup>\r\n      <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\r\n      <DropdownMenuItemDesc>{desc}</DropdownMenuItemDesc>\r\n    </DropdownMenuItemLabelGroup>\r\n  ) : (\r\n    <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\r\n  );\r\n\r\n  return (\r\n    <DropdownMenuItemContent className={alignStart ? styles.itemContentAlignStart : undefined}>\r\n      {shouldRenderIcon ? (\r\n        <DropdownMenuItemIcon\r\n          aria-hidden={!hasIcon}\r\n          className={alignStart ? styles.iconAlignStart : undefined}\r\n        >\r\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null}\r\n        </DropdownMenuItemIcon>\r\n      ) : null}\r\n      {labelNode}\r\n      {extra ? <DropdownMenuItemExtra>{extra}</DropdownMenuItemExtra> : null}\r\n      {indicatorOnRight && iconNode ? iconNode : null}\r\n      {options?.submenu ? (\r\n        <DropdownMenuSubmenuArrow>\r\n          <SubmenuArrowIcon />\r\n        </DropdownMenuSubmenuArrow>\r\n      ) : null}\r\n    </DropdownMenuItemContent>\r\n  );\r\n};\r\n\r\nconst invokeItemClick = (\r\n  item: MenuItemType,\r\n  keyPath: string[],\r\n  event: ReactMouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>,\r\n) => {\r\n  if (!item.onClick) return;\r\n  const key = item.key ?? keyPath.at(-1) ?? '';\r\n  const info: MenuInfo = {\r\n    domEvent: event,\r\n    item: event.currentTarget as MenuInfo['item'],\r\n    key: String(key),\r\n    keyPath,\r\n  };\r\n  item.onClick(info);\r\n};\r\n\r\nexport const renderDropdownMenuItems = (\r\n  items: DropdownItem[],\r\n  keyPath: string[] = [],\r\n  options?: RenderOptions,\r\n): ReactNode[] => {\r\n  const iconAlign = options?.iconAlign;\r\n  const iconSpaceMode = options?.iconSpaceMode ?? 'global';\r\n  const reserveIconSpace =\r\n    options?.reserveIconSpace ?? hasAnyIcon(items, iconSpaceMode === 'global');\r\n  const indicatorOnRight = options?.indicatorOnRight ?? hasCheckboxAndIcon(items);\r\n\r\n  return items.map((item, index) => {\r\n    if (!item) return null;\r\n\r\n    const fallbackKey = `${keyPath.join('-') || 'root'}-${index}`;\r\n    const itemKey = getItemKey(item, fallbackKey);\r\n    const nextKeyPath = [...keyPath, String(itemKey)];\r\n\r\n    if ((item as DropdownMenuCheckboxItemType).type === 'checkbox') {\r\n      const checkboxItem = item as DropdownMenuCheckboxItemType;\r\n      const label = getItemLabel(checkboxItem);\r\n      const labelText = typeof label === 'string' ? label : undefined;\r\n      const isDanger = Boolean(checkboxItem.danger);\r\n      const indicator = (\r\n        <DropdownMenuCheckboxItemIndicator>{renderIcon(Check)}</DropdownMenuCheckboxItemIndicator>\r\n      );\r\n\r\n      return (\r\n        <DropdownMenuCheckboxItemPrimitive\r\n          checked={checkboxItem.checked}\r\n          closeOnClick={checkboxItem.closeOnClick}\r\n          danger={isDanger}\r\n          defaultChecked={checkboxItem.defaultChecked}\r\n          disabled={checkboxItem.disabled}\r\n          key={itemKey}\r\n          label={labelText}\r\n          onCheckedChange={(checked) => checkboxItem.onCheckedChange?.(checked)}\r\n        >\r\n          {renderItemContent(\r\n            checkboxItem,\r\n            { iconAlign, indicatorOnRight, reserveIconSpace },\r\n            indicator,\r\n          )}\r\n        </DropdownMenuCheckboxItemPrimitive>\r\n      );\r\n    }\r\n\r\n    if ((item as DropdownMenuSwitchItemType).type === 'switch') {\r\n      const switchItem = item as DropdownMenuSwitchItemType;\r\n      const label = getItemLabel(switchItem);\r\n      const labelText = typeof label === 'string' ? label : undefined;\r\n      const isDanger = Boolean(switchItem.danger);\r\n\r\n      return (\r\n        <DropdownMenuSwitchItem\r\n          checked={switchItem.checked}\r\n          closeOnClick={switchItem.closeOnClick}\r\n          danger={isDanger}\r\n          defaultChecked={switchItem.defaultChecked}\r\n          disabled={switchItem.disabled}\r\n          key={itemKey}\r\n          label={labelText}\r\n          onCheckedChange={(checked) => switchItem.onCheckedChange?.(checked)}\r\n        >\r\n          {renderItemContent(switchItem, { iconAlign, reserveIconSpace })}\r\n        </DropdownMenuSwitchItem>\r\n      );\r\n    }\r\n\r\n    if ((item as MenuDividerType).type === 'divider') {\r\n      return <DropdownMenuSeparator key={itemKey} />;\r\n    }\r\n\r\n    if ((item as BaseMenuItemGroupType).type === 'group') {\r\n      const group = item as BaseMenuItemGroupType;\r\n      const groupReserveIconSpace =\r\n        iconSpaceMode === 'group'\r\n          ? group.children\r\n            ? hasAnyIcon(group.children)\r\n            : false\r\n          : reserveIconSpace;\r\n      const groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;\r\n      return (\r\n        <DropdownMenuGroup key={itemKey}>\r\n          {group.label ? <DropdownMenuGroupLabel>{group.label}</DropdownMenuGroupLabel> : null}\r\n          {group.children\r\n            ? renderDropdownMenuItems(group.children, nextKeyPath, {\r\n                iconAlign,\r\n                iconSpaceMode,\r\n                indicatorOnRight: groupIndicatorOnRight,\r\n                reserveIconSpace: groupReserveIconSpace,\r\n              })\r\n            : null}\r\n        </DropdownMenuGroup>\r\n      );\r\n    }\r\n\r\n    if ((item as BaseSubMenuType).type === 'submenu' || 'children' in item) {\r\n      const submenu = item as BaseSubMenuType;\r\n      const label = getItemLabel(submenu);\r\n      const labelText = typeof label === 'string' ? label : undefined;\r\n      const isDanger = 'danger' in submenu && Boolean(submenu.danger);\r\n      const submenuHasSlots = submenu.header != null || submenu.footer != null;\r\n      const submenuItems = submenu.children\r\n        ? renderDropdownMenuItems(submenu.children, nextKeyPath, {\r\n            iconAlign,\r\n            iconSpaceMode,\r\n          })\r\n        : null;\r\n\r\n      return (\r\n        <DropdownMenuSubmenuRoot\r\n          defaultOpen={submenu.defaultOpen}\r\n          key={itemKey}\r\n          open={submenu.open}\r\n          onOpenChange={submenu.onOpenChange}\r\n        >\r\n          <DropdownMenuSubmenuTrigger\r\n            {...submenu.triggerProps}\r\n            closeDelay={submenu.closeDelay}\r\n            danger={isDanger}\r\n            delay={submenu.delay}\r\n            disabled={submenu.disabled}\r\n            label={labelText}\r\n            openOnHover={submenu.openOnHover}\r\n            onClick={submenu.onClick}\r\n          >\r\n            {renderItemContent(submenu, {\r\n              iconAlign,\r\n              reserveIconSpace,\r\n              submenu: true,\r\n            })}\r\n          </DropdownMenuSubmenuTrigger>\r\n          <DropdownMenuPortal>\r\n            <DropdownMenuPositioner alignOffset={-4} data-submenu=\"\" sideOffset={-1}>\r\n              <DropdownMenuPopup className={submenuHasSlots ? styles.popupWithSlots : undefined}>\r\n                {submenu.header == null ? null : (\r\n                  <DropdownMenuHeader>{submenu.header}</DropdownMenuHeader>\r\n                )}\r\n                {submenuHasSlots ? (\r\n                  <DropdownMenuScrollViewport>{submenuItems}</DropdownMenuScrollViewport>\r\n                ) : (\r\n                  submenuItems\r\n                )}\r\n                {submenu.footer == null ? null : (\r\n                  <DropdownMenuFooter>{submenu.footer}</DropdownMenuFooter>\r\n                )}\r\n              </DropdownMenuPopup>\r\n            </DropdownMenuPositioner>\r\n          </DropdownMenuPortal>\r\n        </DropdownMenuSubmenuRoot>\r\n      );\r\n    }\r\n\r\n    const menuItem = item as MenuItemType;\r\n    const label = getItemLabel(menuItem);\r\n    const labelText = typeof label === 'string' ? label : undefined;\r\n    const isDanger = 'danger' in menuItem && Boolean(menuItem.danger);\r\n\r\n    return (\r\n      <DropdownMenuItem\r\n        closeOnClick={menuItem.closeOnClick}\r\n        danger={isDanger}\r\n        disabled={menuItem.disabled}\r\n        key={itemKey}\r\n        label={labelText}\r\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\r\n      >\r\n        {renderItemContent(menuItem, { iconAlign, reserveIconSpace })}\r\n      </DropdownMenuItem>\r\n    );\r\n  });\r\n};\r\n"],"mappings":";;;;;;;AAqDA,MAAM,qBACJ,MACA,SACA,aACG;CACH,MAAM,QAAQ,aAAa,IAAI;CAC/B,MAAM,OAAO,UAAU,OAAO,KAAK,OAAO,KAAA;CAC1C,MAAM,QAAQ,WAAW,OAAO,KAAK,QAAQ,KAAA;CAC7C,MAAM,mBAAmB,SAAS;CAClC,MAAM,aAAa,QAAQ,IAAI,KAAK,SAAS,cAAc;CAE3D,MAAM,gBAAgB,aAAa,KAAA,KAAa,CAAC;CACjD,MAAM,UAAU,gBAAgB,QAAQ,QAAQ,IAAI,QAAQ,KAAK,IAAI;CACrE,MAAM,mBAAmB,gBACrB,QAAQ,SAAS,oBAAoB,QAAQ,IAC7C,QAAQ,WAAW,SAAS,gBAAgB;CAEhD,MAAM,YAAY,OAChB,qBAAC,4BAAD,EAAA,UAAA,CACE,oBAAC,uBAAD,EAAA,UAAwB,MAA6B,CAAA,GACrD,oBAAC,sBAAD,EAAA,UAAuB,KAA2B,CAAA,CACxB,EAAA,CAAA,IAE5B,oBAAC,uBAAD,EAAA,UAAwB,MAA6B,CAAA;CAGvD,OACE,qBAAC,yBAAD;EAAyB,WAAW,aAAa,OAAO,wBAAwB,KAAA;EAAhF,UAAA;GACG,mBACC,oBAAC,sBAAD;IACE,eAAa,CAAC;IACd,WAAW,aAAa,OAAO,iBAAiB,KAAA;IAE/C,UAAA,gBAAgB,WAAW,UAAU,WAAW,KAAK,IAAI,IAAI;GAC1C,CAAA,IACpB;GACH;GACA,QAAQ,oBAAC,uBAAD,EAAA,UAAwB,MAA6B,CAAA,IAAI;GACjE,oBAAoB,WAAW,WAAW;GAC1C,SAAS,UACR,oBAAC,0BAAD,EAAA,UACE,oBAAC,kBAAD,CAAmB,CAAA,EACK,CAAA,IACxB;EACmB;;AAE7B;AAEA,MAAM,mBACJ,MACA,SACA,UACG;CACH,IAAI,CAAC,KAAK,SAAS;CACnB,MAAM,MAAM,KAAK,OAAO,QAAQ,GAAG,EAAE,KAAK;CAC1C,MAAM,OAAiB;EACrB,UAAU;EACV,MAAM,MAAM;EACZ,KAAK,OAAO,GAAG;EACf;CACF;CACA,KAAK,QAAQ,IAAI;AACnB;AAEA,MAAa,2BACX,OACA,UAAoB,CAAC,GACrB,YACgB;CAChB,MAAM,YAAY,SAAS;CAC3B,MAAM,gBAAgB,SAAS,iBAAiB;CAChD,MAAM,mBACJ,SAAS,oBAAoB,WAAW,OAAO,kBAAkB,QAAQ;CAC3E,MAAM,mBAAmB,SAAS,oBAAoB,mBAAmB,KAAK;CAE9E,OAAO,MAAM,KAAK,MAAM,UAAU;EAChC,IAAI,CAAC,MAAM,OAAO;EAElB,MAAM,cAAc,GAAG,QAAQ,KAAK,GAAG,KAAK,OAAO,GAAG;EACtD,MAAM,UAAU,WAAW,MAAM,WAAW;EAC5C,MAAM,cAAc,CAAC,GAAG,SAAS,OAAO,OAAO,CAAC;EAEhD,IAAK,KAAsC,SAAS,YAAY;GAC9D,MAAM,eAAe;GACrB,MAAM,QAAQ,aAAa,YAAY;GACvC,MAAM,YAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;GACtD,MAAM,WAAW,QAAQ,aAAa,MAAM;GAC5C,MAAM,YACJ,oBAAC,mCAAD,EAAA,UAAoC,WAAW,KAAK,EAAqC,CAAA;GAG3F,OACE,oBAAC,mCAAD;IACE,SAAS,aAAa;IACtB,cAAc,aAAa;IAC3B,QAAQ;IACR,gBAAgB,aAAa;IAC7B,UAAU,aAAa;IAEvB,OAAO;IACP,kBAAkB,YAAY,aAAa,kBAAkB,OAAO;IAEnE,UAAA,kBACC,cACA;KAAE;KAAW;KAAkB;IAAiB,GAChD,SACF;GACiC,GAT5B,OAS4B;EAEvC;EAEA,IAAK,KAAoC,SAAS,UAAU;GAC1D,MAAM,aAAa;GACnB,MAAM,QAAQ,aAAa,UAAU;GACrC,MAAM,YAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;GACtD,MAAM,WAAW,QAAQ,WAAW,MAAM;GAE1C,OACE,oBAAC,wBAAD;IACE,SAAS,WAAW;IACpB,cAAc,WAAW;IACzB,QAAQ;IACR,gBAAgB,WAAW;IAC3B,UAAU,WAAW;IAErB,OAAO;IACP,kBAAkB,YAAY,WAAW,kBAAkB,OAAO;IAEjE,UAAA,kBAAkB,YAAY;KAAE;KAAW;IAAiB,CAAC;GACxC,GALjB,OAKiB;EAE5B;EAEA,IAAK,KAAyB,SAAS,WACrC,OAAO,oBAAC,uBAAD,CAAsC,GAAV,OAAU;EAG/C,IAAK,KAA+B,SAAS,SAAS;GACpD,MAAM,QAAQ;GACd,MAAM,wBACJ,kBAAkB,UACd,MAAM,WACJ,WAAW,MAAM,QAAQ,IACzB,QACF;GACN,MAAM,wBAAwB,MAAM,WAAW,mBAAmB,MAAM,QAAQ,IAAI;GACpF,OACE,qBAAC,mBAAD,EAAA,UAAA,CACG,MAAM,QAAQ,oBAAC,wBAAD,EAAA,UAAyB,MAAM,MAA8B,CAAA,IAAI,MAC/E,MAAM,WACH,wBAAwB,MAAM,UAAU,aAAa;IACnD;IACA;IACA,kBAAkB;IAClB,kBAAkB;GACpB,CAAC,IACD,IACa,EAAA,GAVK,OAUL;EAEvB;EAEA,IAAK,KAAyB,SAAS,aAAa,cAAc,MAAM;GACtE,MAAM,UAAU;GAChB,MAAM,QAAQ,aAAa,OAAO;GAClC,MAAM,YAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;GACtD,MAAM,WAAW,YAAY,WAAW,QAAQ,QAAQ,MAAM;GAC9D,MAAM,kBAAkB,QAAQ,UAAU,QAAQ,QAAQ,UAAU;GACpE,MAAM,eAAe,QAAQ,WACzB,wBAAwB,QAAQ,UAAU,aAAa;IACrD;IACA;GACF,CAAC,IACD;GAEJ,OACE,qBAAC,yBAAD;IACE,aAAa,QAAQ;IAErB,MAAM,QAAQ;IACd,cAAc,QAAQ;IAJxB,UAAA,CAME,oBAAC,4BAAD;KACE,GAAI,QAAQ;KACZ,YAAY,QAAQ;KACpB,QAAQ;KACR,OAAO,QAAQ;KACf,UAAU,QAAQ;KAClB,OAAO;KACP,aAAa,QAAQ;KACrB,SAAS,QAAQ;KAEhB,UAAA,kBAAkB,SAAS;MAC1B;MACA;MACA,SAAS;KACX,CAAC;IACyB,CAAA,GAC5B,oBAAC,oBAAD,EAAA,UACE,oBAAC,wBAAD;KAAwB,aAAa;KAAI,gBAAa;KAAG,YAAY;KACnE,UAAA,qBAAC,mBAAD;MAAmB,WAAW,kBAAkB,OAAO,iBAAiB,KAAA;MAAxE,UAAA;OACG,QAAQ,UAAU,OAAO,OACxB,oBAAC,oBAAD,EAAA,UAAqB,QAAQ,OAA2B,CAAA;OAEzD,kBACC,oBAAC,4BAAD,EAAA,UAA6B,aAAyC,CAAA,IAEtE;OAED,QAAQ,UAAU,OAAO,OACxB,oBAAC,oBAAD,EAAA,UAAqB,QAAQ,OAA2B,CAAA;MAEzC;;IACG,CAAA,EACN,CAAA,CACG;GArClB,GAAA,OAqCkB;EAE7B;EAEA,MAAM,WAAW;EACjB,MAAM,QAAQ,aAAa,QAAQ;EACnC,MAAM,YAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;EACtD,MAAM,WAAW,YAAY,YAAY,QAAQ,SAAS,MAAM;EAEhE,OACE,oBAAC,kBAAD;GACE,cAAc,SAAS;GACvB,QAAQ;GACR,UAAU,SAAS;GAEnB,OAAO;GACP,UAAU,UAAU,gBAAgB,UAAU,aAAa,KAAK;GAE/D,UAAA,kBAAkB,UAAU;IAAE;IAAW;GAAiB,CAAC;EAC5C,GALX,OAKW;CAEtB,CAAC;AACH"}

package/es/base-ui/DropdownMenu/sharedStyle.d.mts

@@ -0,0 +1,26 @@
+//#region src/base-ui/DropdownMenu/sharedStyle.d.ts
+declare const styles: {
+  danger: string;
+  empty: string;
+  extra: string;
+  footer: string;
+  header: string;
+  groupLabel: string;
+  icon: string;
+  item: string;
+  itemContent: string;
+  itemContentAlignStart: string;
+  iconAlignStart: string;
+  label: string;
+  labelGroup: string;
+  desc: string;
+  popup: string;
+  popupWithSlots: string;
+  slotViewport: string;
+  positioner: string;
+  separator: string;
+  submenuArrow: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=sharedStyle.d.mts.map