@neut/ui 0.0.15 → 0.0.16

package/dist/components/dialog/index.js

@@ -4,11 +4,12 @@ import { DialogClose as n } from "./DialogClose/DialogClose.js";
 import { DialogPortal as r } from "./DialogPortal/DialogPortal.js";
 import { DialogOverlay as i } from "./DialogOverlay/DialogOverlay.js";
 import { useDialogContentContext as a } from "./DialogContent/DialogContent.context.js";
-import { DialogContent as o } from "./DialogContent/DialogContent.js";
-import { DialogDescription as s } from "./DialogDescription/DialogDescription.js";
-import { DialogFooter as c } from "./DialogFooter/DialogFooter.js";
-import { DialogHeader as l } from "./DialogHeader/DialogHeader.js";
-import { DialogTitle as u } from "./DialogTitle/DialogTitle.js";
-import { useDialogTrigger as d } from "./DialogTrigger/useDialogTrigger.js";
-import { DialogTrigger as f } from "./DialogTrigger/DialogTrigger.js";
-export { t as Dialog, n as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, i as DialogOverlay, r as DialogPortal, u as DialogTitle, f as DialogTrigger, a as useDialogContentContext, e as useDialogContext, d as useDialogTrigger };
+import { DialogSurface as o } from "./DialogSurface/DialogSurface.js";
+import { DialogContent as s } from "./DialogContent/DialogContent.js";
+import { DialogDescription as c } from "./DialogDescription/DialogDescription.js";
+import { DialogFooter as l } from "./DialogFooter/DialogFooter.js";
+import { DialogHeader as u } from "./DialogHeader/DialogHeader.js";
+import { DialogTitle as d } from "./DialogTitle/DialogTitle.js";
+import { useDialogTrigger as f } from "./DialogTrigger/useDialogTrigger.js";
+import { DialogTrigger as p } from "./DialogTrigger/DialogTrigger.js";
+export { t as Dialog, n as DialogClose, s as DialogContent, c as DialogDescription, l as DialogFooter, u as DialogHeader, i as DialogOverlay, r as DialogPortal, o as DialogSurface, d as DialogTitle, p as DialogTrigger, a as useDialogContentContext, e as useDialogContext, f as useDialogTrigger };

package/dist/components/dropdown-menu/DropdownMenu/DropdownMenu.context.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenuContextValue } from './DropdownMenu.types';
+export declare const DropdownMenuContext: import('solid-js').Context<DropdownMenuContextValue | undefined>;
+export declare function useDropdownMenuContext(component: string): DropdownMenuContextValue;

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

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/dropdown-menu/DropdownMenu/DropdownMenu.context.ts
+var n = e();
+function r(e) {
+	let r = t(n);
+	if (!r) throw Error(`<${e}> 必须渲染在 <DropdownMenu> 内部`);
+	return r;
+}
+//#endregion
+export { n as DropdownMenuContext, r as useDropdownMenuContext };
+
+//# sourceMappingURL=DropdownMenu.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.context.js","names":["DropdownMenuContext","createContext","useDropdownMenuContext","ctx","useContext","component"],"sources":["../../../../src/components/dropdown-menu/DropdownMenu/DropdownMenu.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { DropdownMenuContextValue } from \"./DropdownMenu.types\";\n\nexport const DropdownMenuContext = createContext<DropdownMenuContextValue>();\n\nexport function useDropdownMenuContext(\n  component: string,\n): DropdownMenuContextValue {\n  const ctx = useContext(DropdownMenuContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <DropdownMenu> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAsBC,EAAwC;AAE3E,SAAgBC,EACd,GAC0B;CAC1B,IAAMC,IAAMC,EAAWJ,CAAmB;CAC1C,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,0BAA0B;CAE1D,OAAOF;AACT"}

package/dist/components/dropdown-menu/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import { DropdownMenuProps } from './DropdownMenu.types';
+/**
+ * DropdownMenu 根组件：不渲染 DOM，负责状态、触发锚点与外部交互，
+ * 并复用 context-menu 的菜单运行时（定位/注册表/键盘/子菜单）。
+ *
+ * 与 ContextMenu 的区别：锚点是触发器元素（不是鼠标坐标），通过点击/键盘打开。
+ */
+export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;

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

@@ -0,0 +1,82 @@
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { ContextMenuContext as t } from "../../context-menu/ContextMenu/ContextMenu.context.js";
+import { createChangeEventDetails as n } from "../../context-menu/context-menu.utils.js";
+import { DropdownMenuContext as r } from "./DropdownMenu.context.js";
+import { createComponent as i } from "solid-js/web";
+import { createEffect as a, createMemo as o, createSignal as s, createUniqueId as c, onCleanup as l } from "solid-js";
+//#region src/components/dropdown-menu/DropdownMenu/DropdownMenu.tsx
+var u = "[data-slot=\"dropdown-menu-content\"],[data-slot=\"dropdown-menu-sub-content\"]";
+function d(d) {
+	let [f, p] = s(d.defaultOpen ?? !1), m = o(() => d.open === void 0 ? f() : d.open), h = o(() => !!d.disabled), g = o(() => d.loopFocus ?? !0), _ = o(() => d.orientation ?? "vertical"), v = o(() => d.highlightItemOnHover ?? !0), y = o(() => d.modal ?? !0);
+	e(() => m() && y(), { allowedSelector: u });
+	let [b, x] = s(!0), [S, C] = s(), w = `dropdown-menu-content-${c()}`, T = /* @__PURE__ */ new Set(), E = () => {
+		let e = S();
+		e && typeof e.focus == "function" && e.focus({ preventScroll: !0 });
+	}, D = (e, t, r) => {
+		d.open === void 0 && p(e), d.onOpenChange?.(e, n(t, r, S()));
+	}, O = (e, t) => {
+		m() && (D(!1, e, t), e !== "outside-press" && b() && E());
+	}, k = (e, t) => {
+		h() && e || e !== m() && D(e, e ? "trigger-press" : "imperative-action", t);
+	}, A = (e) => {
+		h() || (m() ? O("trigger-press", e) : D(!0, "trigger-press", e));
+	}, j = (e) => {
+		if (!e || !(e instanceof Element)) return !1;
+		for (let t of T) if (t.contains(e)) return !0;
+		return !1;
+	}, M = (e) => !e || !(e instanceof Element) ? !1 : !!S()?.contains(e), N = (e) => (T.add(e), () => {
+		T.delete(e);
+	});
+	a(() => {
+		if (!m()) return;
+		let e = (e) => {
+			let t = e.target;
+			j(t) || M(t) || O("outside-press", e);
+		}, t = (e) => {
+			e.defaultPrevented || e.key === "Escape" && O("escape-key", e);
+		};
+		document.addEventListener("pointerdown", e, !0), document.addEventListener("keydown", t), l(() => {
+			document.removeEventListener("pointerdown", e, !0), document.removeEventListener("keydown", t);
+		});
+	});
+	let P = {
+		open: m,
+		disabled: h,
+		loopFocus: g,
+		orientation: _,
+		highlightItemOnHover: v,
+		trigger: S,
+		setTrigger: C,
+		anchor: () => void 0,
+		contentId: w,
+		finalFocus: b,
+		setFinalFocus: x,
+		openAt: () => {},
+		closeAll: O,
+		registerMenuElement: N,
+		isInsideMenu: j
+	};
+	return i(t.Provider, {
+		value: P,
+		get children() {
+			return i(r.Provider, {
+				value: {
+					open: m,
+					disabled: h,
+					setOpen: k,
+					toggle: A,
+					trigger: S,
+					setTrigger: C,
+					contentId: w
+				},
+				get children() {
+					return d.children;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { d as DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","useScrollLock","ContextMenuContext","ContextMenuChangeEventReason","ContextMenuContextValue","createChangeEventDetails","DropdownMenuContext","DropdownMenuProps","MENU_POPUP_SELECTOR","DropdownMenu","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","loopFocus","orientation","highlightItemOnHover","modal","allowedSelector","finalFocus","setFinalFocus","trigger","setTrigger","HTMLElement","contentId","menuElements","Set","restoreFocus","el","focus","preventScroll","commit","next","reason","event","Event","onOpenChange","closeAll","setOpen","toggle","isInsideMenu","node","Node","contains","isInsideTrigger","registerMenuElement","add","delete","onPointerDown","e","PointerEvent","target","onKeyDown","KeyboardEvent","defaultPrevented","key","document","addEventListener","removeEventListener","rootCtx","anchor","openAt","_$createComponent","Provider","value","children","_$createComponent","MENU_POPUP_SELECTOR","DropdownMenu","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","loopFocus","orientation","highlightItemOnHover","modal","finalFocus","setFinalFocus","trigger","setTrigger","contentId","createUniqueId","menuElements","restoreFocus","el","commit","next","createChangeEventDetails","reason","event","closeAll","setOpen","toggle","isInsideMenu","node","isInsideTrigger","registerMenuElement","onPointerDown","target","onKeyDown","onCleanup","rootCtx","createComponent","ContextMenuContext","DropdownMenuContext"],"sources":["../../../../src/components/dropdown-menu/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { ContextMenuContext } from \"~/components/context-menu/ContextMenu/ContextMenu.context\";\nimport type {\n  ContextMenuChangeEventReason,\n  ContextMenuContextValue,\n} from \"~/components/context-menu/context-menu.types\";\nimport { createChangeEventDetails } from \"~/components/context-menu/context-menu.utils\";\nimport { DropdownMenuContext } from \"./DropdownMenu.context\";\nimport type { DropdownMenuProps } from \"./DropdownMenu.types\";\n\n/** 菜单自身（根菜单/子菜单）的 popup 容器，允许在锁滚动期间继续在菜单内部滚动 */\nconst MENU_POPUP_SELECTOR =\n  '[data-slot=\"dropdown-menu-content\"],[data-slot=\"dropdown-menu-sub-content\"]';\n\n/**\n * DropdownMenu 根组件：不渲染 DOM，负责状态、触发锚点与外部交互，\n * 并复用 context-menu 的菜单运行时（定位/注册表/键盘/子菜单）。\n *\n * 与 ContextMenu 的区别：锚点是触发器元素（不是鼠标坐标），通过点击/键盘打开。\n */\nexport function DropdownMenu(props: DropdownMenuProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const loopFocus = createMemo(() => props.loopFocus ?? true);\n  const orientation = createMemo(() => props.orientation ?? \"vertical\");\n  const highlightItemOnHover = createMemo(\n    () => props.highlightItemOnHover ?? true,\n  );\n  const modal = createMemo(() => props.modal ?? true);\n\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: MENU_POPUP_SELECTOR,\n  });\n\n  const [finalFocus, setFinalFocus] = createSignal(true);\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const contentId = `dropdown-menu-content-${createUniqueId()}`;\n\n  const menuElements = new Set<HTMLElement>();\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const commit = (\n    next: boolean,\n    reason: ContextMenuChangeEventReason,\n    event?: Event,\n  ) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(\n      next,\n      createChangeEventDetails(reason, event, trigger()),\n    );\n  };\n\n  const closeAll = (reason: ContextMenuChangeEventReason, event?: Event) => {\n    if (!open()) return;\n    commit(false, reason, event);\n    if (reason !== \"outside-press\" && finalFocus()) restoreFocus();\n  };\n\n  const setOpen = (next: boolean, event?: Event) => {\n    if (disabled() && next) return;\n    if (next === open()) return;\n    commit(next, next ? \"trigger-press\" : \"imperative-action\", event);\n  };\n\n  const toggle = (event?: Event) => {\n    if (disabled()) return;\n    if (open()) closeAll(\"trigger-press\", event);\n    else commit(true, \"trigger-press\", event);\n  };\n\n  const isInsideMenu = (node: Node | null): boolean => {\n    if (!node || !(node instanceof Element)) return false;\n    for (const el of menuElements) {\n      if (el.contains(node)) return true;\n    }\n    return false;\n  };\n\n  const isInsideTrigger = (node: Node | null): boolean => {\n    if (!node || !(node instanceof Element)) return false;\n    return !!trigger()?.contains(node);\n  };\n\n  const registerMenuElement = (el: HTMLElement) => {\n    menuElements.add(el);\n    return () => {\n      menuElements.delete(el);\n    };\n  };\n\n  // 打开期间：点击菜单与触发器之外关闭 + Escape 兜底关闭。\n  createEffect(() => {\n    if (!open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node | null;\n      if (isInsideMenu(target) || isInsideTrigger(target)) return;\n      closeAll(\"outside-press\", e);\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") closeAll(\"escape-key\", e);\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    });\n  });\n\n  // 复用 context-menu 运行时的 root 契约；dropdown 不使用坐标锚点。\n  const rootCtx: ContextMenuContextValue = {\n    open,\n    disabled,\n    loopFocus,\n    orientation,\n    highlightItemOnHover,\n    trigger,\n    setTrigger,\n    anchor: () => undefined,\n    contentId,\n    finalFocus,\n    setFinalFocus,\n    openAt: () => {},\n    closeAll,\n    registerMenuElement,\n    isInsideMenu,\n  };\n\n  return (\n    <ContextMenuContext.Provider value={rootCtx}>\n      <DropdownMenuContext.Provider\n        value={{\n          open,\n          disabled,\n          setOpen,\n          toggle,\n          trigger,\n          setTrigger,\n          contentId,\n        }}\n      >\n        {props.children}\n      </DropdownMenuContext.Provider>\n    </ContextMenuContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/dropdown-menu/DropdownMenu/DropdownMenu.types.d.ts

@@ -0,0 +1,26 @@
+import { Accessor, ParentProps } from 'solid-js';
+import { ContextMenuChangeEventDetails, ContextMenuOrientation } from '../../context-menu/context-menu.types';
+export interface DropdownMenuProps extends ParentProps {
+    /** 受控打开状态；不传则内部自管理 */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, eventDetails: ContextMenuChangeEventDetails) => void;
+    disabled?: boolean;
+    /** 方向键到达两端时是否回到另一端，默认 true */
+    loopFocus?: boolean;
+    highlightItemOnHover?: boolean;
+    orientation?: ContextMenuOrientation;
+    /** 打开时是否锁定页面滚动，默认 true */
+    modal?: boolean;
+}
+export interface DropdownMenuContextValue {
+    open: Accessor<boolean>;
+    disabled: Accessor<boolean>;
+    /** 设置打开状态（受控模式下只回调） */
+    setOpen: (open: boolean, event?: Event) => void;
+    /** 触发器用：打开/关闭切换 */
+    toggle: (event?: Event) => void;
+    trigger: Accessor<HTMLElement | undefined>;
+    setTrigger: (el: HTMLElement | undefined) => void;
+    contentId: string;
+}

package/dist/components/dropdown-menu/DropdownMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownMenu } from './DropdownMenu';
+export { useDropdownMenuContext } from './DropdownMenu.context';
+export type { DropdownMenuProps, DropdownMenuContextValue, } from './DropdownMenu.types';

package/dist/components/dropdown-menu/DropdownMenuCheckboxItem/DropdownMenuCheckboxItem.d.ts

@@ -0,0 +1,2 @@
+import { DropdownMenuCheckboxItemProps } from './DropdownMenuCheckboxItem.types';
+export declare function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,78 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { createChangeEventDetails as t } from "../../context-menu/context-menu.utils.js";
+import { useContextMenuEntry as n } from "../../context-menu/context-menu.entry.js";
+import { dropdownMenuCheckableItemClass as r, dropdownMenuIndicatorClass as i } from "../dropdown-menu.styles.js";
+import { className as a, createComponent as o, delegateEvents as s, insert as c, mergeProps as l, spread as u, template as d, use as f } from "solid-js/web";
+import { Show as p, createSignal as m, splitProps as h } from "solid-js";
+import { Check as g } from "lucide-solid";
+//#region src/components/dropdown-menu/DropdownMenuCheckboxItem/DropdownMenuCheckboxItem.tsx
+var _ = /*#__PURE__*/ d("<div role=menuitemcheckbox tabindex=-1 data-slot=dropdown-menu-checkbox-item><span>");
+function v(s) {
+	let [d, v] = h(s, [
+		"class",
+		"children",
+		"checked",
+		"defaultChecked",
+		"onCheckedChange",
+		"disabled",
+		"inset",
+		"label",
+		"closeOnClick",
+		"onClick"
+	]), [y, b] = m(s.defaultChecked ?? !1), x = () => s.checked === void 0 ? y() : s.checked, S, C = n({
+		component: "DropdownMenuCheckboxItem",
+		element: () => S,
+		disabled: () => !!d.disabled,
+		label: () => d.label
+	}), w = (e) => {
+		if (d.disabled || (d.onClick?.(e), e.defaultPrevented)) return;
+		let n = !x();
+		s.checked === void 0 && b(n), s.onCheckedChange?.(n, t("item-press", e, S)), d.closeOnClick && C.popup.closeAll("item-press", e);
+	};
+	return (() => {
+		var t = _(), n = t.firstChild;
+		return t.$$pointermove = () => C.highlight(), t.addEventListener("pointerenter", () => C.highlight()), t.$$click = w, f((e) => {
+			S = e;
+		}, t), u(t, l({
+			get id() {
+				return C.id;
+			},
+			get "aria-checked"() {
+				return x();
+			},
+			get "data-inset"() {
+				return d.inset ? "" : void 0;
+			},
+			get "data-checked"() {
+				return x() ? "" : void 0;
+			},
+			get "data-unchecked"() {
+				return x() ? void 0 : "";
+			},
+			get "data-highlighted"() {
+				return C.isActive() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return d.disabled ? "" : void 0;
+			},
+			get "aria-disabled"() {
+				return d.disabled ? "true" : void 0;
+			},
+			get class() {
+				return e(r, d.class);
+			}
+		}, v), !1, !0), a(n, i), c(n, o(p, {
+			get when() {
+				return x();
+			},
+			get children() {
+				return o(g, {});
+			}
+		})), c(t, () => d.children, null), t;
+	})();
+}
+s(["click", "pointermove"]);
+//#endregion
+export { v as DropdownMenuCheckboxItem };
+
+//# sourceMappingURL=DropdownMenuCheckboxItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuCheckboxItem.js","names":["createSignal","Show","splitProps","Check","clsx","useContextMenuEntry","createChangeEventDetails","dropdownMenuCheckableItemClass","dropdownMenuIndicatorClass","DropdownMenuCheckboxItemProps","DropdownMenuCheckboxItem","props","local","rest","internalChecked","setInternalChecked","defaultChecked","checked","undefined","element","HTMLDivElement","entry","component","disabled","label","handleClick","e","MouseEvent","onClick","defaultPrevented","next","onCheckedChange","closeOnClick","popup","closeAll","_el$","_tmpl$","_el$2","firstChild","$$pointermove","highlight","addEventListener","$$click","_$use","el","_$spread","_$mergeProps","id","aria-checked","data-inset","inset","data-checked","data-unchecked","data-highlighted","isActive","data-disabled","aria-disabled","class","_$className","_$insert","_$createComponent","when","children","_$delegateEvents","_$mergeProps","_$createComponent","_$delegateEvents","_tmpl$","DropdownMenuCheckboxItem","local","rest","splitProps","props","internalChecked","setInternalChecked","createSignal","checked","element","entry","useContextMenuEntry","handleClick","next","createChangeEventDetails","_el$","_el$2","use","el","spread","mergeProps","\"class\"","clsx","dropdownMenuCheckableItemClass","className","dropdownMenuIndicatorClass","insert","createComponent","Show","Check","delegateEvents"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuCheckboxItem/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { createSignal, Show, splitProps } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuEntry } from \"~/components/context-menu/context-menu.entry\";\nimport { createChangeEventDetails } from \"~/components/context-menu/context-menu.utils\";\nimport {\n  dropdownMenuCheckableItemClass,\n  dropdownMenuIndicatorClass,\n} from \"../dropdown-menu.styles\";\nimport type { DropdownMenuCheckboxItemProps } from \"./DropdownMenuCheckboxItem.types\";\n\nexport function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps) {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onCheckedChange\",\n    \"disabled\",\n    \"inset\",\n    \"label\",\n    \"closeOnClick\",\n    \"onClick\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    props.defaultChecked ?? false,\n  );\n  const checked = () =>\n    props.checked !== undefined ? props.checked : internalChecked();\n\n  let element: HTMLDivElement | undefined;\n\n  const entry = useContextMenuEntry({\n    component: \"DropdownMenuCheckboxItem\",\n    element: () => element,\n    disabled: () => !!local.disabled,\n    label: () => local.label,\n  });\n\n  const handleClick = (e: MouseEvent) => {\n    if (local.disabled) return;\n    local.onClick?.(e);\n    if (e.defaultPrevented) return;\n\n    const next = !checked();\n    if (props.checked === undefined) setInternalChecked(next);\n    props.onCheckedChange?.(\n      next,\n      createChangeEventDetails(\"item-press\", e, element),\n    );\n\n    if (local.closeOnClick) entry.popup.closeAll(\"item-press\", e);\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        element = el;\n      }}\n      id={entry.id}\n      role=\"menuitemcheckbox\"\n      tabIndex={-1}\n      aria-checked={checked()}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={local.inset ? \"\" : undefined}\n      data-checked={checked() ? \"\" : undefined}\n      data-unchecked={checked() ? undefined : \"\"}\n      data-highlighted={entry.isActive() ? \"\" : undefined}\n      data-disabled={local.disabled ? \"\" : undefined}\n      aria-disabled={local.disabled ? \"true\" : undefined}\n      onClick={handleClick}\n      onPointerEnter={() => entry.highlight()}\n      onPointerMove={() => entry.highlight()}\n      class={clsx(dropdownMenuCheckableItemClass, local.class)}\n      {...rest}\n    >\n      <span class={dropdownMenuIndicatorClass}>\n        <Show when={checked()}>\n          <Check />\n        </Show>\n      </span>\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgBU,EAAyBC,GAAsC;CAC7E,IAAM,CAACC,GAAOC,KAAQX,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEK,CAACG,GAAiBC,KAAsBf,EAC5CW,EAAMK,kBAAkB,EAC1B,GACMC,UACJN,EAAMM,YAAYC,KAAAA,IAA4BJ,EAAgB,IAAhCH,EAAMM,SAElCE,GAEEE,IAAQhB,EAAoB;EAChCiB,WAAW;EACXH,eAAeA;EACfI,gBAAgB,CAAC,CAACX,EAAMW;EACxBC,aAAaZ,EAAMY;CACrB,CAAC,GAEKC,KAAeC,MAAkB;EAGrC,IAFId,EAAMW,aACVX,EAAMgB,UAAUF,CAAC,GACbA,EAAEG,mBAAkB;EAExB,IAAMC,IAAO,CAACb,EAAQ;EAOtB,AANIN,EAAMM,YAAYC,KAAAA,KAAWH,EAAmBe,CAAI,GACxDnB,EAAMoB,kBACJD,GACAxB,EAAyB,cAAcoB,GAAGP,CAAO,CACnD,GAEIP,EAAMoB,gBAAcX,EAAMY,MAAMC,SAAS,cAAcR,CAAC;CAC9D;CAEA,cAAA;EAAA,IAAAS,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EA2BmB,OA3BnBH,EAAAI,sBAkByBlB,EAAMmB,UAAU,GAACL,EAAAM,iBAAA,sBADhBpB,EAAMmB,UAAU,CAAC,GAAAL,EAAAO,UAD9BjB,GAAWkB,GAddC,MAAO;GACXzB,IAAUyB;EACZ,GAACT,CAAA,GAAAU,EAAAV,GAAAW,EAAA;GAAA,IACDC,KAAE;IAAA,OAAE1B,EAAM0B;GAAE;GAAA,IAAA,iBAAA;IAAA,OAGE9B,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OAEXL,EAAMsC,QAAQ,KAAKhC,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OAC1BD,EAAQ,IAAI,KAAKC,KAAAA;GAAS;GAAA,IAAA,mBAAA;IAAA,OACxBD,EAAQ,IAAIC,KAAAA,IAAY;GAAE;GAAA,IAAA,qBAAA;IAAA,OACxBG,EAAMiC,SAAS,IAAI,KAAKpC,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACpCN,EAAMW,WAAW,KAAKL,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC/BN,EAAMW,WAAW,SAASL,KAAAA;GAAS;GAAA,IAAAuE,QAAA;IAAA,OAI3CrF,EAAKG,GAAgCK,EAAM6C,KAAK;GAAC;EAAA,GACpD5C,CAAI,GAAA,IAAA,EAAA,GAAA6C,EAAArB,GAEK7B,CAA0B,GAAAmD,EAAAtB,GAAAuB,EACpC3D,GAAI;GAAA,IAAC4D,OAAI;IAAA,OAAE5C,EAAQ;GAAC;GAAA,IAAA6C,WAAA;IAAA,OAAAF,EAClBzD,GAAK,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAAwD,EAAAxB,SAGTvB,EAAMkD,UAAQ,IAAA,GAAA3B;CAAA,EAAA,CAAA;AAGrB;AAAC4B,EAAA,CAAA,SAAA,aAAA,CAAA"}

package/dist/components/dropdown-menu/DropdownMenuCheckboxItem/DropdownMenuCheckboxItem.types.d.ts

@@ -0,0 +1,14 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+import { ContextMenuChangeEventDetails } from '../../context-menu/context-menu.types';
+export interface DropdownMenuCheckboxItemProps extends BaseProps, ParentProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean, eventDetails: ContextMenuChangeEventDetails) => void;
+    disabled?: boolean;
+    inset?: boolean;
+    label?: string;
+    closeOnClick?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

package/dist/components/dropdown-menu/DropdownMenuCheckboxItem/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem';
+export type { DropdownMenuCheckboxItemProps } from './DropdownMenuCheckboxItem.types';

package/dist/components/dropdown-menu/DropdownMenuContent/DropdownMenuContent.d.ts

@@ -0,0 +1,6 @@
+import { DropdownMenuContentProps } from './DropdownMenuContent.types';
+/**
+ * 菜单内容：复用 context-menu 的浮层运行时与展示骨架，
+ * 仅把定位锚点换成触发器、data-slot 换成 dropdown-menu-content。
+ */
+export declare function DropdownMenuContent(props: DropdownMenuContentProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,64 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuContext as t } from "../../context-menu/ContextMenu/ContextMenu.context.js";
+import { ContextMenuPopupSurface as n } from "../../context-menu/ContextMenuContent/ContextMenuPopupSurface.js";
+import { createContextMenuPopupRuntime as r } from "../../context-menu/ContextMenuContent/useContextMenuContent.js";
+import { createComponent as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/dropdown-menu/DropdownMenuContent/DropdownMenuContent.tsx
+function o(o) {
+	let s = t("DropdownMenuContent"), [c, l] = a(o, [
+		"side",
+		"align",
+		"sideOffset",
+		"alignOffset",
+		"collisionPadding",
+		"class",
+		"style",
+		"onKeyDown",
+		"children"
+	]), u = () => c.side ?? "bottom", d = r({
+		root: s,
+		open: s.open,
+		isSubmenu: !1,
+		reference: s.trigger,
+		side: u,
+		align: () => c.align ?? "start",
+		sideOffset: () => c.sideOffset ?? 4,
+		alignOffset: () => c.alignOffset ?? 0,
+		collisionPadding: () => c.collisionPadding ?? 8,
+		dir: () => void 0
+	});
+	return i(n, {
+		runtime: d,
+		positionerSlot: "dropdown-menu-positioner",
+		dataSlot: "dropdown-menu-content",
+		get contentId() {
+			return s.contentId;
+		},
+		get open() {
+			return s.open;
+		},
+		side: u,
+		dir: () => void 0,
+		get registerMenuElement() {
+			return s.registerMenuElement;
+		},
+		get class() {
+			return e("min-w-32", c.class);
+		},
+		get style() {
+			return c.style;
+		},
+		get onKeyDown() {
+			return c.onKeyDown;
+		},
+		rest: l,
+		get children() {
+			return c.children;
+		}
+	});
+}
+//#endregion
+export { o as DropdownMenuContent };
+
+//# sourceMappingURL=DropdownMenuContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuContent.js","names":["splitProps","clsx","useContextMenuContext","ContextMenuPopupSurface","createContextMenuPopupRuntime","DropdownMenuContentProps","DropdownMenuContent","props","root","local","rest","side","align","runtime","open","isSubmenu","reference","trigger","sideOffset","alignOffset","collisionPadding","dir","undefined","_$createComponent","positionerSlot","dataSlot","contentId","registerMenuElement","class","style","onKeyDown","Record","children","_$createComponent","DropdownMenuContent","root","useContextMenuContext","local","rest","splitProps","props","side","runtime","createContextMenuPopupRuntime","createComponent","ContextMenuPopupSurface","\"class\"","clsx"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuContent/DropdownMenuContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuContext } from \"~/components/context-menu/ContextMenu/ContextMenu.context\";\nimport { ContextMenuPopupSurface } from \"~/components/context-menu/ContextMenuContent/ContextMenuPopupSurface\";\nimport { createContextMenuPopupRuntime } from \"~/components/context-menu/ContextMenuContent/useContextMenuContent\";\nimport type { DropdownMenuContentProps } from \"./DropdownMenuContent.types\";\n\n/**\n * 菜单内容：复用 context-menu 的浮层运行时与展示骨架，\n * 仅把定位锚点换成触发器、data-slot 换成 dropdown-menu-content。\n */\nexport function DropdownMenuContent(props: DropdownMenuContentProps) {\n  const root = useContextMenuContext(\"DropdownMenuContent\");\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"style\",\n    \"onKeyDown\",\n    \"children\",\n  ]);\n\n  const side = () => local.side ?? \"bottom\";\n  const align = () => local.align ?? \"start\";\n\n  const runtime = createContextMenuPopupRuntime({\n    root,\n    open: root.open,\n    isSubmenu: false,\n    reference: root.trigger,\n    side,\n    align,\n    sideOffset: () => local.sideOffset ?? 4,\n    alignOffset: () => local.alignOffset ?? 0,\n    collisionPadding: () => local.collisionPadding ?? 8,\n    dir: () => undefined,\n  });\n\n  return (\n    <ContextMenuPopupSurface\n      runtime={runtime}\n      positionerSlot=\"dropdown-menu-positioner\"\n      dataSlot=\"dropdown-menu-content\"\n      contentId={root.contentId}\n      open={root.open}\n      side={side}\n      dir={() => undefined}\n      registerMenuElement={root.registerMenuElement}\n      class={clsx(\"min-w-32\", local.class)}\n      style={local.style}\n      onKeyDown={local.onKeyDown}\n      rest={rest as Record<string, any>}\n    >\n      {local.children}\n    </ContextMenuPopupSurface>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgBM,EAAoBC,GAAiC;CACnE,IAAMC,IAAON,EAAsB,qBAAqB,GAClD,CAACO,GAAOC,KAAQV,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKI,UAAaF,EAAME,QAAQ,UAG3BE,IAAUT,EAA8B;EAC5CI;EACAM,MAAMN,EAAKM;EACXC,WAAW;EACXC,WAAWR,EAAKS;EAChBN;EACAC,aARkBH,EAAMG,SAAS;EASjCM,kBAAkBT,EAAMS,cAAc;EACtCC,mBAAmBV,EAAMU,eAAe;EACxCC,wBAAwBX,EAAMW,oBAAoB;EAClDC,WAAWC,KAAAA;CACb,CAAC;CAED,OAAAC,EACGpB,GAAuB;EACbU;EACTW,gBAAc;EACdC,UAAQ;EAAA,IACRC,YAAS;GAAA,OAAElB,EAAKkB;EAAS;EAAA,IACzBZ,OAAI;GAAA,OAAEN,EAAKM;EAAI;EACTH;EACNU,WAAWC,KAAAA;EAAS,IACpBK,sBAAmB;GAAA,OAAEnB,EAAKmB;EAAmB;EAAA,IAAAmB,QAAA;GAAA,OACtC7C,EAAK,YAAYQ,EAAMmB,KAAK;EAAC;EAAA,IACpCC,QAAK;GAAA,OAAEpB,EAAMoB;EAAK;EAAA,IAClBC,YAAS;GAAA,OAAErB,EAAMqB;EAAS;EACpBpB;EAA2B,IAAAsB,WAAA;GAAA,OAEhCvB,EAAMuB;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/dropdown-menu/DropdownMenuContent/DropdownMenuContent.types.d.ts

@@ -0,0 +1,13 @@
+import { JSX, ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+import { ContextMenuAlign, ContextMenuSide } from '../../context-menu/context-menu.types';
+export interface DropdownMenuContentProps extends BaseProps, ParentProps {
+    side?: ContextMenuSide;
+    align?: ContextMenuAlign;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    style?: JSX.CSSProperties;
+    [key: string]: any;
+}

package/dist/components/dropdown-menu/DropdownMenuContent/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenuContent } from './DropdownMenuContent';
+export type { DropdownMenuContentProps } from './DropdownMenuContent.types';

package/dist/components/dropdown-menu/DropdownMenuGroup/DropdownMenuGroup.d.ts

@@ -0,0 +1,2 @@
+import { DropdownMenuGroupProps } from './DropdownMenuGroup.types';
+export declare function DropdownMenuGroup(props: DropdownMenuGroupProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,29 @@
+import { ContextMenuGroupContext as e } from "../../context-menu/context-menu.context.js";
+import { createComponent as t, insert as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { createSignal as o, splitProps as s } from "solid-js";
+//#region src/components/dropdown-menu/DropdownMenuGroup/DropdownMenuGroup.tsx
+var c = /*#__PURE__*/ a("<div role=group data-slot=dropdown-menu-group>");
+function l(a) {
+	let [l, u] = s(a, ["class", "children"]), [d, f] = o(), p = {
+		labelId: d,
+		setLabelId: f
+	};
+	return t(e.Provider, {
+		value: p,
+		get children() {
+			var e = c();
+			return i(e, r({
+				get "aria-labelledby"() {
+					return d();
+				},
+				get class() {
+					return l.class;
+				}
+			}, u), !1, !0), n(e, () => l.children), e;
+		}
+	});
+}
+//#endregion
+export { l as DropdownMenuGroup };
+
+//# sourceMappingURL=DropdownMenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroup.js","names":["createSignal","splitProps","ContextMenuGroupContext","ContextMenuGroupContextValue","DropdownMenuGroupProps","DropdownMenuGroup","props","local","rest","labelId","setLabelId","ctx","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","aria-labelledby","class","_$insert","_$createComponent","_$mergeProps","_tmpl$","DropdownMenuGroup","local","rest","splitProps","props","labelId","setLabelId","createSignal","ctx","createComponent","ContextMenuGroupContext","_el$","spread","mergeProps","\"class\"","insert"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuGroup/DropdownMenuGroup.tsx"],"sourcesContent":["import { createSignal, splitProps } from \"solid-js\";\nimport { ContextMenuGroupContext } from \"~/components/context-menu/context-menu.context\";\nimport type { ContextMenuGroupContextValue } from \"~/components/context-menu/context-menu.types\";\nimport type { DropdownMenuGroupProps } from \"./DropdownMenuGroup.types\";\n\nexport function DropdownMenuGroup(props: DropdownMenuGroupProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n\n  const [labelId, setLabelId] = createSignal<string>();\n  const ctx: ContextMenuGroupContextValue = { labelId, setLabelId };\n\n  return (\n    <ContextMenuGroupContext.Provider value={ctx}>\n      <div\n        role=\"group\"\n        aria-labelledby={labelId()}\n        data-slot=\"dropdown-menu-group\"\n        class={local.class}\n        {...rest}\n      >\n        {local.children}\n      </div>\n    </ContextMenuGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBK,EAAkBC,GAA+B;CAC/D,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,UAAU,CAAC,GAEvD,CAACG,GAASC,KAAcV,EAAqB,GAC7CW,IAAoC;EAAEF;EAASC;CAAW;CAEhE,OAAAE,EACGV,EAAwBW,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAQzB,OARyBC,EAAAF,GAAAG,EAAA;IAAA,IAAA,oBAAA;KAAA,OAGvBV,EAAQ;IAAC;IAAA,IAAA+B,QAAA;KAAA,OAEnBjC,EAAMc;IAAK;GAAA,GACdb,CAAI,GAAA,IAAA,EAAA,GAAAc,EAAAN,SAEPT,EAAMQ,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/dropdown-menu/DropdownMenuGroup/DropdownMenuGroup.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DropdownMenuGroupProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/dropdown-menu/DropdownMenuGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenuGroup } from './DropdownMenuGroup';
+export type { DropdownMenuGroupProps } from './DropdownMenuGroup.types';

package/dist/components/dropdown-menu/DropdownMenuItem/DropdownMenuItem.d.ts

@@ -0,0 +1,2 @@
+import { DropdownMenuItemProps } from './DropdownMenuItem.types';
+export declare function DropdownMenuItem(props: DropdownMenuItemProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,59 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuEntry as t } from "../../context-menu/context-menu.entry.js";
+import { dropdownMenuItemClass as n } from "../dropdown-menu.styles.js";
+import { delegateEvents as r, insert as i, mergeProps as a, spread as o, template as s, use as c } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+//#region src/components/dropdown-menu/DropdownMenuItem/DropdownMenuItem.tsx
+var u = /*#__PURE__*/ s("<div role=menuitem tabindex=-1 data-slot=dropdown-menu-item>");
+function d(r) {
+	let [s, d] = l(r, [
+		"class",
+		"children",
+		"inset",
+		"variant",
+		"disabled",
+		"label",
+		"closeOnClick",
+		"onClick"
+	]), f, p = t({
+		component: "DropdownMenuItem",
+		element: () => f,
+		disabled: () => !!s.disabled,
+		label: () => s.label
+	}), m = (e) => {
+		s.disabled || (s.onClick?.(e), !e.defaultPrevented && s.closeOnClick !== !1 && p.popup.closeAll("item-press", e));
+	};
+	return (() => {
+		var t = u();
+		return t.$$pointermove = () => p.highlight(), t.addEventListener("pointerenter", () => p.highlight()), t.$$click = m, c((e) => {
+			f = e;
+		}, t), o(t, a({
+			get id() {
+				return p.id;
+			},
+			get "data-inset"() {
+				return s.inset ? "" : void 0;
+			},
+			get "data-variant"() {
+				return s.variant ?? "default";
+			},
+			get "data-highlighted"() {
+				return p.isActive() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return s.disabled ? "" : void 0;
+			},
+			get "aria-disabled"() {
+				return s.disabled ? "true" : void 0;
+			},
+			get class() {
+				return e(n, s.class);
+			}
+		}, d), !1, !0), i(t, () => s.children), t;
+	})();
+}
+r(["click", "pointermove"]);
+//#endregion
+export { d as DropdownMenuItem };
+
+//# sourceMappingURL=DropdownMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuItem.js","names":["splitProps","clsx","useContextMenuEntry","dropdownMenuItemClass","DropdownMenuItemProps","DropdownMenuItem","props","local","rest","element","HTMLDivElement","entry","component","disabled","label","handleClick","e","MouseEvent","onClick","defaultPrevented","closeOnClick","popup","closeAll","_el$","_tmpl$","$$pointermove","highlight","addEventListener","$$click","_$use","el","_$spread","_$mergeProps","id","data-inset","inset","undefined","data-variant","variant","data-highlighted","isActive","data-disabled","aria-disabled","class","_$insert","children","_$delegateEvents","_$mergeProps","_$delegateEvents","_tmpl$","DropdownMenuItem","local","rest","splitProps","props","element","entry","useContextMenuEntry","handleClick","_el$","use","el","spread","mergeProps","\"class\"","clsx","dropdownMenuItemClass","insert","delegateEvents"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuItem/DropdownMenuItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuEntry } from \"~/components/context-menu/context-menu.entry\";\nimport { dropdownMenuItemClass } from \"../dropdown-menu.styles\";\nimport type { DropdownMenuItemProps } from \"./DropdownMenuItem.types\";\n\nexport function DropdownMenuItem(props: DropdownMenuItemProps) {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"inset\",\n    \"variant\",\n    \"disabled\",\n    \"label\",\n    \"closeOnClick\",\n    \"onClick\",\n  ]);\n\n  let element: HTMLDivElement | undefined;\n\n  const entry = useContextMenuEntry({\n    component: \"DropdownMenuItem\",\n    element: () => element,\n    disabled: () => !!local.disabled,\n    label: () => local.label,\n  });\n\n  const handleClick = (e: MouseEvent) => {\n    if (local.disabled) return;\n    local.onClick?.(e);\n    if (e.defaultPrevented) return;\n    if (local.closeOnClick !== false) entry.popup.closeAll(\"item-press\", e);\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        element = el;\n      }}\n      id={entry.id}\n      role=\"menuitem\"\n      tabIndex={-1}\n      data-slot=\"dropdown-menu-item\"\n      data-inset={local.inset ? \"\" : undefined}\n      data-variant={local.variant ?? \"default\"}\n      data-highlighted={entry.isActive() ? \"\" : undefined}\n      data-disabled={local.disabled ? \"\" : undefined}\n      aria-disabled={local.disabled ? \"true\" : undefined}\n      onClick={handleClick}\n      onPointerEnter={() => entry.highlight()}\n      onPointerMove={() => entry.highlight()}\n      class={clsx(dropdownMenuItemClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBK,EAAiBC,GAA8B;CAC7D,IAAM,CAACC,GAAOC,KAAQR,EAAWM,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEGG,GAEEE,IAAQT,EAAoB;EAChCU,WAAW;EACXH,eAAeA;EACfI,gBAAgB,CAAC,CAACN,EAAMM;EACxBC,aAAaP,EAAMO;CACrB,CAAC,GAEKC,KAAeC,MAAkB;EACrC,AAAIT,EAAMM,aACVN,EAAMW,UAAUF,CAAC,GACbA,GAAEG,oBACFZ,EAAMa,iBAAiB,MAAOT,EAAMU,MAAMC,SAAS,cAAcN,CAAC;CACxE;CAEA,cAAA;EAAA,IAAAO,IAAAC,EAAA;EAoBmB,OApBnBD,EAAAE,sBAgByBd,EAAMe,UAAU,GAACH,EAAAI,iBAAA,sBADhBhB,EAAMe,UAAU,CAAC,GAAAH,EAAAK,UAD9Bb,GAAWc,GAZdC,MAAO;GACXrB,IAAUqB;EACZ,GAACP,CAAA,GAAAQ,EAAAR,GAAAS,EAAA;GAAA,IACDC,KAAE;IAAA,OAAEtB,EAAMsB;GAAE;GAAA,IAAA,eAAA;IAAA,OAIA1B,EAAM4B,QAAQ,KAAKC,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OAC1B7B,EAAM+B,WAAW;GAAS;GAAA,IAAA,qBAAA;IAAA,OACtB3B,EAAM6B,SAAS,IAAI,KAAKJ,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACpC7B,EAAMM,WAAW,KAAKuB,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC/B7B,EAAMM,WAAW,SAASuB,KAAAA;GAAS;GAAA,IAAA4B,QAAA;IAAA,OAI3C/D,EAAKE,GAAuBI,EAAMoC,KAAK;GAAC;EAAA,GAC3CnC,CAAI,GAAA,IAAA,EAAA,GAAAoC,EAAArB,SAEPhB,EAAMsC,QAAQ,GAAAtB;CAAA,EAAA,CAAA;AAGrB;AAACuB,EAAA,CAAA,SAAA,aAAA,CAAA"}

package/dist/components/dropdown-menu/DropdownMenuItem/DropdownMenuItem.types.d.ts

@@ -0,0 +1,14 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+export type DropdownMenuItemVariant = "default" | "destructive";
+export interface DropdownMenuItemProps extends BaseProps, ParentProps {
+    inset?: boolean;
+    variant?: DropdownMenuItemVariant;
+    disabled?: boolean;
+    /** 键盘字符导航匹配用的文本，默认取子节点文本 */
+    label?: string;
+    /** 点击后是否关闭菜单，默认 true */
+    closeOnClick?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

package/dist/components/dropdown-menu/DropdownMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenuItem } from './DropdownMenuItem';
+export type { DropdownMenuItemProps, DropdownMenuItemVariant, } from './DropdownMenuItem.types';

package/dist/components/dropdown-menu/DropdownMenuLabel/DropdownMenuLabel.d.ts

@@ -0,0 +1,2 @@
+import { DropdownMenuLabelProps } from './DropdownMenuLabel.types';
+export declare function DropdownMenuLabel(props: DropdownMenuLabelProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,31 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { ContextMenuGroupContext as t } from "../../context-menu/context-menu.context.js";
+import { dropdownMenuLabelClass as n } from "../dropdown-menu.styles.js";
+import { insert as r, mergeProps as i, setAttribute as a, spread as o, template as s } from "solid-js/web";
+import { createUniqueId as c, onCleanup as l, onMount as u, splitProps as d, useContext as f } from "solid-js";
+//#region src/components/dropdown-menu/DropdownMenuLabel/DropdownMenuLabel.tsx
+var p = /*#__PURE__*/ s("<div data-slot=dropdown-menu-label>");
+function m(s) {
+	let m = f(t), [h, g] = d(s, [
+		"class",
+		"children",
+		"inset"
+	]), _ = `dropdown-menu-label-${c()}`;
+	return u(() => {
+		m?.setLabelId(_), l(() => m?.setLabelId(void 0));
+	}), (() => {
+		var t = p();
+		return a(t, "id", _), o(t, i({
+			get "data-inset"() {
+				return h.inset ? "" : void 0;
+			},
+			get class() {
+				return e(n, h.class);
+			}
+		}, g), !1, !0), r(t, () => h.children), t;
+	})();
+}
+//#endregion
+export { m as DropdownMenuLabel };
+
+//# sourceMappingURL=DropdownMenuLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuLabel.js","names":["createUniqueId","onCleanup","onMount","splitProps","useContext","clsx","ContextMenuGroupContext","dropdownMenuLabelClass","DropdownMenuLabelProps","DropdownMenuLabel","props","group","local","rest","id","setLabelId","undefined","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","data-inset","inset","class","_$insert","children","_$mergeProps","_tmpl$","DropdownMenuLabel","group","useContext","ContextMenuGroupContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","dropdownMenuLabelClass","insert"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuLabel/DropdownMenuLabel.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ContextMenuGroupContext } from \"~/components/context-menu/context-menu.context\";\nimport { dropdownMenuLabelClass } from \"../dropdown-menu.styles\";\nimport type { DropdownMenuLabelProps } from \"./DropdownMenuLabel.types\";\n\nexport function DropdownMenuLabel(props: DropdownMenuLabelProps) {\n  // Label 允许不套 Group；只有存在 Group 时才登记 label id\n  const group = useContext(ContextMenuGroupContext);\n  const [local, rest] = splitProps(props, [\"class\", \"children\", \"inset\"]);\n  const id = `dropdown-menu-label-${createUniqueId()}`;\n\n  onMount(() => {\n    group?.setLabelId(id);\n    onCleanup(() => group?.setLabelId(undefined));\n  });\n\n  return (\n    <div\n      id={id}\n      data-slot=\"dropdown-menu-label\"\n      data-inset={local.inset ? \"\" : undefined}\n      class={clsx(dropdownMenuLabelClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgBS,EAAkBC,GAA+B;CAE/D,IAAMC,IAAQP,EAAWE,CAAuB,GAC1C,CAACM,GAAOC,KAAQV,EAAWO,GAAO;EAAC;EAAS;EAAY;CAAO,CAAC,GAChEI,IAAK,uBAAuBd,EAAe;CAOjD,OALAE,QAAc;EAEZD,AADAU,GAAOI,WAAWD,CAAE,GACpBb,QAAgBU,GAAOI,WAAWC,KAAAA,CAAS,CAAC;CAC9C,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAQmB,OARnBC,EAAAF,GAAA,MAEQH,CAAE,GAAAM,EAAAH,GAAAI,EAAA;GAAA,IAAA,eAAA;IAAA,OAEMT,EAAMW,QAAQ,KAAKP,KAAAA;GAAS;GAAA,IAAA6B,QAAA;IAAA,OACjCxC,EAAKE,GAAwBK,EAAMY,KAAK;GAAC;EAAA,GAC5CX,CAAI,GAAA,IAAA,EAAA,GAAAY,EAAAR,SAEPL,EAAMc,QAAQ,GAAAT;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/dropdown-menu/DropdownMenuLabel/DropdownMenuLabel.types.d.ts

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DropdownMenuLabelProps = PolymorphicProps<"div", BaseProps & {
+    inset?: boolean;
+}, false>;

package/dist/components/dropdown-menu/DropdownMenuLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenuLabel } from './DropdownMenuLabel';
+export type { DropdownMenuLabelProps } from './DropdownMenuLabel.types';