@neut/ui 0.0.15 → 0.0.16

package/dist/components/context-menu/ContextMenuContent/useContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenuContent.js","names":["TYPEAHEAD_TIMEOUT","createContextMenuPopupRuntime","options","loopFocus","root","orientation","highlightItemOnHover","popupEl","setPopupEl","createSignal","positionerEl","setPositionerEl","items","setItems","activeId","setActiveIdInternal","openPopupState","setOpenPopupState","availableHeight","setAvailableHeight","menuId","createUniqueId","pos","createPositioner","toContextMenuPlacement","offset","flip","shift","size","hide","containingBlockOffset","orderedItems","createMemo","a","b","enabledItems","item","activeEntry","registerItem","list","entry","it","closeOpenPopup","setActiveId","id","state","moveActive","currentIndex","nextIndex","delta","focusFirst","focusLast","createEffect","typeaheadBuffer","typeaheadTimer","runTypeahead","char","match","onCleanup","el","reason","event","submenu","horizontal"],"sources":["../../../../src/components/context-menu/ContextMenuContent/useContextMenuContent.ts"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type Accessor,\n} from \"solid-js\";\nimport {\n  containingBlockOffset,\n  createPositioner,\n  flip,\n  hide,\n  offset,\n  shift,\n  size,\n  type Placement,\n  type Positioner,\n  type ReferenceElement,\n} from \"~/lib\";\nimport type {\n  ContextMenuAlign,\n  ContextMenuContextValue,\n  ContextMenuOpenPopupState,\n  ContextMenuItemEntry,\n  ContextMenuOrientation,\n  ContextMenuPopupContextValue,\n  ContextMenuSide,\n  ContextMenuSubmenuContextValue,\n} from \"../context-menu.types\";\nimport { toContextMenuPlacement } from \"../context-menu.utils\";\n\n/** 键盘字符导航的缓冲窗口(毫秒) */\nconst TYPEAHEAD_TIMEOUT = 500;\n\nexport interface CreateContextMenuPopupOptions {\n  root: ContextMenuContextValue;\n  /** 该浮层自身的打开状态(根菜单 = root.open,子菜单 = submenu.open) */\n  open: Accessor<boolean>;\n  /** 父级浮层:根菜单为 undefined,子菜单为触发它的那个浮层 */\n  parent?: ContextMenuPopupContextValue;\n  isSubmenu: boolean;\n  /** 定位锚点:根菜单是鼠标坐标的虚拟元素,子菜单是子菜单触发器 */\n  reference: Accessor<ReferenceElement | undefined>;\n  side: Accessor<ContextMenuSide>;\n  align: Accessor<ContextMenuAlign>;\n  sideOffset: Accessor<number>;\n  alignOffset: Accessor<number>;\n  collisionPadding: Accessor<number>;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\" | undefined>;\n  /** 子菜单可以覆盖根组件的行为;不传则回退到 root 上的值 */\n  loopFocus?: Accessor<boolean>;\n  orientation?: Accessor<ContextMenuOrientation>;\n  highlightItemOnHover?: Accessor<boolean>;\n  /** 子菜单场景下提供,用于 ArrowLeft / Escape 只关闭当前子菜单 */\n  submenu?: ContextMenuSubmenuContextValue;\n}\n\nexport interface ContextMenuPopupRuntime {\n  popupCtx: ContextMenuPopupContextValue;\n  pos: Positioner;\n  /** 真正承载焦点的 popup 元素 */\n  popupEl: Accessor<HTMLElement | undefined>;\n  setPopupEl: (el: HTMLElement | undefined) => void;\n  /** 负责定位的外层元素 */\n  positionerEl: Accessor<HTMLElement | undefined>;\n  setPositionerEl: (el: HTMLElement | undefined) => void;\n  /** size 中间件算出的可用高度,用于 max-height 滚动 */\n  availableHeight: Accessor<number | undefined>;\n  placement: Accessor<Placement>;\n  onKeyDown: (e: KeyboardEvent) => void;\n  /** 打开后聚焦 popup 并把高亮落到第一项 */\n  setupOnOpen: () => void;\n}\n\n/**\n * 一个浮层(根菜单或子菜单)的运行时:定位、菜单项注册、高亮/键盘导航、\n * 类型头(typeahead)以及开关联动都收敛在这里。`ContextMenuContent` 与\n * `ContextMenuSubContent` 共用它,只是传入的锚点与父子关系不同。\n *\n * 交互模型:焦点始终落在 popup 上,高亮项通过 `aria-activedescendant` 表达\n * (而不是把真实焦点在菜单项之间搬来搬去)。这与本项目 Select 的做法一致,\n * 既避免了焦点在 Portal / 子菜单之间的来回跳,也让\"关闭后把焦点还给触发器\"\n * 变得非常简单。\n */\nexport function createContextMenuPopupRuntime(\n  options: CreateContextMenuPopupOptions,\n): ContextMenuPopupRuntime {\n  const { root } = options;\n  const loopFocus = () => options.loopFocus?.() ?? root.loopFocus();\n  const orientation = () => options.orientation?.() ?? root.orientation();\n  const highlightItemOnHover = () =>\n    options.highlightItemOnHover?.() ?? root.highlightItemOnHover();\n\n  const [popupEl, setPopupEl] = createSignal<HTMLElement>();\n  const [positionerEl, setPositionerEl] = createSignal<HTMLElement>();\n  const [items, setItems] = createSignal<ContextMenuItemEntry[]>([]);\n  const [activeId, setActiveIdInternal] = createSignal<string | undefined>();\n  const [openPopupState, setOpenPopupState] =\n    createSignal<ContextMenuOpenPopupState>();\n  const [availableHeight, setAvailableHeight] = createSignal<number>();\n\n  const menuId = `context-menu-popup-${createUniqueId()}`;\n\n  const pos = createPositioner(options.reference, positionerEl, {\n    placement: () =>\n      toContextMenuPlacement(options.side(), options.align(), options.dir()),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: options.sideOffset(),\n        crossAxis: options.alignOffset(),\n      }),\n      flip(),\n      shift({ padding: options.collisionPadding() }),\n      size({\n        padding: options.collisionPadding(),\n        apply: ({ availableHeight }) => setAvailableHeight(availableHeight),\n      }),\n      hide(),\n      containingBlockOffset(),\n    ],\n  });\n\n  // 按 DOM 顺序排序,避免调用方用 <For> 动态生成菜单项时顺序错乱。\n  const orderedItems = createMemo(() => {\n    const list = items();\n    return [...list].sort((a, b) => {\n      if (a.element === b.element) return 0;\n      const relation = a.element.compareDocumentPosition(b.element);\n      return relation & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n    });\n  });\n\n  const enabledItems = createMemo(() =>\n    orderedItems().filter((item) => !item.disabled()),\n  );\n\n  const activeEntry = () =>\n    orderedItems().find((item) => item.id === activeId());\n\n  const registerItem = (entry: ContextMenuItemEntry) => {\n    setItems((list) => [...list, entry]);\n    return () => setItems((list) => list.filter((it) => it.id !== entry.id));\n  };\n\n  const closeOpenPopup = () => setOpenPopupState(undefined);\n\n  /** 高亮某项;若高亮切到了别的项,顺手关掉已展开的子菜单 */\n  const setActiveId = (id: string | undefined) => {\n    setActiveIdInternal(id);\n    const state = openPopupState();\n    if (state && state.id !== id) closeOpenPopup();\n  };\n\n  const moveActive = (delta: 1 | -1) => {\n    const list = enabledItems();\n    if (list.length === 0) return;\n    const currentIndex = list.findIndex((item) => item.id === activeId());\n    let nextIndex: number;\n    if (currentIndex === -1) {\n      nextIndex = delta > 0 ? 0 : list.length - 1;\n    } else {\n      nextIndex = currentIndex + delta;\n      if (nextIndex < 0) {\n        nextIndex = loopFocus() ? list.length - 1 : 0;\n      } else if (nextIndex >= list.length) {\n        nextIndex = loopFocus() ? 0 : list.length - 1;\n      }\n    }\n    setActiveId(list[nextIndex].id);\n  };\n\n  const focusFirst = () => {\n    const list = enabledItems();\n    setActiveId(list.length > 0 ? list[0].id : undefined);\n  };\n\n  const focusLast = () => {\n    const list = enabledItems();\n    setActiveId(list.length > 0 ? list[list.length - 1].id : undefined);\n  };\n\n  // 高亮项变化时滚动到可见区域\n  createEffect(() => {\n    const id = activeId();\n    if (!id) return;\n    orderedItems()\n      .find((item) => item.id === id)\n      ?.element.scrollIntoView({ block: \"nearest\" });\n  });\n\n  // 关闭时清空高亮与子菜单状态,保证下次打开重新从第一项开始。\n  createEffect(() => {\n    if (!options.open()) {\n      setActiveIdInternal(undefined);\n      setOpenPopupState(undefined);\n    }\n  });\n\n  // --- 键盘字符导航 ---\n  let typeaheadBuffer = \"\";\n  let typeaheadTimer: number | undefined;\n\n  const runTypeahead = (char: string) => {\n    typeaheadBuffer += char.toLowerCase();\n    if (typeaheadTimer !== undefined) window.clearTimeout(typeaheadTimer);\n    typeaheadTimer = window.setTimeout(() => {\n      typeaheadBuffer = \"\";\n      typeaheadTimer = undefined;\n    }, TYPEAHEAD_TIMEOUT);\n\n    const match = enabledItems().find((item) =>\n      item.label().toLowerCase().startsWith(typeaheadBuffer),\n    );\n    if (match) setActiveId(match.id);\n  };\n\n  onCleanup(() => {\n    if (typeaheadTimer !== undefined) window.clearTimeout(typeaheadTimer);\n  });\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const submenu = options.submenu;\n    const horizontal = orientation() === \"horizontal\";\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        moveActive(1);\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        moveActive(-1);\n        break;\n      case \"ArrowRight\": {\n        if (horizontal) {\n          e.preventDefault();\n          moveActive(1);\n          break;\n        }\n        const entry = activeEntry();\n        if (entry?.hasPopup()) {\n          e.preventDefault();\n          entry.openPopup?.(\"list-navigation\", e);\n        }\n        break;\n      }\n      case \"ArrowLeft\": {\n        if (horizontal) {\n          e.preventDefault();\n          moveActive(-1);\n          break;\n        }\n        if (submenu) {\n          e.preventDefault();\n          // 阻止冒泡,避免父级浮层也处理这次按键\n          e.stopPropagation();\n          submenu.closeSubmenu(\"list-navigation\", e, true);\n        }\n        break;\n      }\n      case \"Home\":\n        e.preventDefault();\n        focusFirst();\n        break;\n      case \"End\":\n        e.preventDefault();\n        focusLast();\n        break;\n      case \"Enter\":\n      case \" \": {\n        e.preventDefault();\n        const entry = activeEntry();\n        if (entry && !entry.disabled()) entry.activate();\n        break;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        e.stopPropagation();\n        if (submenu && !submenu.closeParentOnEsc()) {\n          submenu.closeSubmenu(\"escape-key\", e, true);\n        } else {\n          root.closeAll(\"escape-key\", e);\n        }\n        break;\n      }\n      case \"Tab\": {\n        // 关闭菜单并把焦点交还触发器,浏览器随后的 Tab 会从触发器之后继续\n        e.preventDefault();\n        root.closeAll(\"focus-out\", e);\n        break;\n      }\n      default: {\n        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          runTypeahead(e.key);\n        }\n      }\n    }\n  };\n\n  const popupCtx: ContextMenuPopupContextValue = {\n    root,\n    parent: options.parent,\n    submenu: options.submenu,\n    menuId,\n    isSubmenu: options.isSubmenu,\n    popup: popupEl,\n    setPopup: (el) => setPopupEl(el),\n    items: orderedItems,\n    registerItem,\n    activeId,\n    setActiveId,\n    activeEntry,\n    moveActive,\n    focusFirst,\n    focusLast,\n    highlight: (id) => setActiveId(id),\n    openPopupState,\n    openPopup: (id, reason, event) => setOpenPopupState({ id, reason, event }),\n    closeOpenPopup,\n    closeAll: (reason, event) => root.closeAll(reason, event),\n    highlightItemOnHover,\n  };\n\n  /** 浮层挂载完成后的收尾:聚焦 popup(键盘事件依赖它)并高亮第一项 */\n  const setupOnOpen = () => {\n    queueMicrotask(() => {\n      if (!options.open()) return;\n      popupEl()?.focus({ preventScroll: true });\n      if (activeId() === undefined) focusFirst();\n    });\n  };\n\n  return {\n    popupCtx,\n    pos,\n    popupEl,\n    setPopupEl: (el) => setPopupEl(el),\n    positionerEl,\n    setPositionerEl: (el) => setPositionerEl(el),\n    availableHeight,\n    placement: pos.placement,\n    onKeyDown,\n    setupOnOpen,\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { ContextMenuGroupProps } from './ContextMenuGroup.types';
+/**
+ * 把相关菜单项分成一组,配合 `<ContextMenuLabel>` 使用。
+ * 组与标签之间通过 `aria-labelledby` 建立无障碍关联。
+ */
+export declare function ContextMenuGroup(props: ContextMenuGroupProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,29 @@
+import { ContextMenuGroupContext as e } from "../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/context-menu/ContextMenuGroup/ContextMenuGroup.tsx
+var c = /*#__PURE__*/ a("<div role=group data-slot=context-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 ContextMenuGroup };
+
+//# sourceMappingURL=ContextMenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuGroup.js","names":["createSignal","splitProps","ContextMenuGroupContext","ContextMenuGroupContextValue","ContextMenuGroupProps","ContextMenuGroup","props","local","rest","labelId","setLabelId","ctx","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","aria-labelledby","class","_$insert","_$createComponent","_$mergeProps","_tmpl$","ContextMenuGroup","local","rest","splitProps","props","labelId","setLabelId","createSignal","ctx","createComponent","ContextMenuGroupContext","_el$","spread","mergeProps","\"class\"","insert"],"sources":["../../../../src/components/context-menu/ContextMenuGroup/ContextMenuGroup.tsx"],"sourcesContent":["import { createSignal, splitProps } from \"solid-js\";\nimport { ContextMenuGroupContext } from \"../context-menu.context\";\nimport type { ContextMenuGroupContextValue } from \"../context-menu.types\";\nimport type { ContextMenuGroupProps } from \"./ContextMenuGroup.types\";\n\n/**\n * 把相关菜单项分成一组,配合 `<ContextMenuLabel>` 使用。\n * 组与标签之间通过 `aria-labelledby` 建立无障碍关联。\n */\nexport function ContextMenuGroup(props: ContextMenuGroupProps) {\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=\"context-menu-group\"\n        class={local.class}\n        {...rest}\n      >\n        {local.children}\n      </div>\n    </ContextMenuGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgBK,EAAiBC,GAA8B;CAC7D,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/context-menu/ContextMenuGroup/ContextMenuGroup.types.d.ts

@@ -0,0 +1,9 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/**
+ * ContextMenuGroup props,对齐 Base UI `ContextMenu.Group`。
+ * 内部通过 context 把 label 的 id 关联到 `aria-labelledby`。
+ */
+export interface ContextMenuGroupProps extends BaseProps, ParentProps {
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuItemProps } from './ContextMenuItem.types';
+/**
+ * 一个可点击的菜单项。点击后默认关闭菜单;在 `onClick` 里调用
+ * `event.preventDefault()` 可以阻止关闭(比如需要保持菜单打开的场景)。
+ */
+export declare function ContextMenuItem(props: ContextMenuItemProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,59 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuEntry as t } from "../context-menu.entry.js";
+import { contextMenuItemClass as n } from "../context-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/context-menu/ContextMenuItem/ContextMenuItem.tsx
+var u = /*#__PURE__*/ s("<div role=menuitem tabindex=-1 data-slot=context-menu-item>");
+function d(r) {
+	let [s, d] = l(r, [
+		"class",
+		"children",
+		"inset",
+		"variant",
+		"disabled",
+		"label",
+		"closeOnClick",
+		"onClick"
+	]), f, p = t({
+		component: "ContextMenuItem",
+		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 ContextMenuItem };
+
+//# sourceMappingURL=ContextMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.js","names":["splitProps","clsx","useContextMenuEntry","contextMenuItemClass","ContextMenuItemProps","ContextMenuItem","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$","ContextMenuItem","local","rest","splitProps","props","element","entry","useContextMenuEntry","handleClick","_el$","use","el","spread","mergeProps","\"class\"","clsx","contextMenuItemClass","insert","delegateEvents"],"sources":["../../../../src/components/context-menu/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuEntry } from \"../context-menu.entry\";\nimport { contextMenuItemClass } from \"../context-menu.styles\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem.types\";\n\n/**\n * 一个可点击的菜单项。点击后默认关闭菜单;在 `onClick` 里调用\n * `event.preventDefault()` 可以阻止关闭(比如需要保持菜单打开的场景)。\n */\nexport function ContextMenuItem(props: ContextMenuItemProps) {\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: \"ContextMenuItem\",\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) {\n      entry.popup.closeAll(\"item-press\", e);\n    }\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=\"context-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(contextMenuItemClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgBK,EAAgBC,GAA6B;CAC3D,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,MACzBT,EAAMU,MAAMC,SAAS,cAAcN,CAAC;CAExC;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,GAAsBI,EAAMoC,KAAK;GAAC;EAAA,GAC1CnC,CAAI,GAAA,IAAA,EAAA,GAAAoC,EAAArB,SAEPhB,EAAMsC,QAAQ,GAAAtB;CAAA,EAAA,CAAA;AAGrB;AAACuB,EAAA,CAAA,SAAA,aAAA,CAAA"}

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

@@ -0,0 +1,22 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+export type ContextMenuItemVariant = "default" | "destructive";
+/**
+ * ContextMenuItem props,对齐 Base UI `ContextMenu.Item`:
+ * `label` / `closeOnClick` / `nativeButton` / `disabled` / `onClick`。
+ * `inset` 与 `variant` 是 shadcn 在包装层额外加的样式属性。
+ */
+export interface ContextMenuItemProps extends BaseProps, ParentProps {
+    /** 左侧对齐到带图标项的文字位置(shadcn 的 inset 样式) */
+    inset?: boolean;
+    /** 视觉风格,`destructive` 用于危险操作 */
+    variant?: ContextMenuItemVariant;
+    disabled?: boolean;
+    /** 键盘字符导航匹配用的文本,默认取子节点文本 */
+    label?: string;
+    /** 点击后是否关闭菜单,默认 true */
+    closeOnClick?: boolean;
+    /** 在 onClick 里调用 event.preventDefault() 可阻止本次点击关闭菜单 */
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

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

@@ -0,0 +1,2 @@
+export { ContextMenuItem } from './ContextMenuItem';
+export type { ContextMenuItemProps, ContextMenuItemVariant, } from './ContextMenuItem.types';

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

@@ -0,0 +1,6 @@
+import { ContextMenuLabelProps } from './ContextMenuLabel.types';
+/**
+ * 分组标题。挂载时把自身 id 注册给父级 `<ContextMenuGroup>`,
+ * 由后者写到 `aria-labelledby` 上。
+ */
+export declare function ContextMenuLabel(props: ContextMenuLabelProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,31 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { ContextMenuGroupContext as t } from "../context-menu.context.js";
+import { contextMenuLabelClass as n } from "../context-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/context-menu/ContextMenuLabel/ContextMenuLabel.tsx
+var p = /*#__PURE__*/ s("<div data-slot=context-menu-label>");
+function m(s) {
+	let m = f(t), [h, g] = d(s, [
+		"class",
+		"children",
+		"inset"
+	]), _ = `context-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 ContextMenuLabel };
+
+//# sourceMappingURL=ContextMenuLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuLabel.js","names":["createUniqueId","onCleanup","onMount","splitProps","useContext","clsx","ContextMenuGroupContext","contextMenuLabelClass","ContextMenuLabelProps","ContextMenuLabel","props","group","local","rest","id","setLabelId","undefined","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","data-inset","inset","class","_$insert","children","_$mergeProps","_tmpl$","ContextMenuLabel","group","useContext","ContextMenuGroupContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","contextMenuLabelClass","insert"],"sources":["../../../../src/components/context-menu/ContextMenuLabel/ContextMenuLabel.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ContextMenuGroupContext } from \"../context-menu.context\";\nimport { contextMenuLabelClass } from \"../context-menu.styles\";\nimport type { ContextMenuLabelProps } from \"./ContextMenuLabel.types\";\n\n/**\n * 分组标题。挂载时把自身 id 注册给父级 `<ContextMenuGroup>`,\n * 由后者写到 `aria-labelledby` 上。\n */\nexport function ContextMenuLabel(props: ContextMenuLabelProps) {\n  // Label 允许不套 Group；只有存在 Group 时才登记 label id\n  const group = useContext(ContextMenuGroupContext);\n  const [local, rest] = splitProps(props, [\"class\", \"children\", \"inset\"]);\n  const id = `context-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=\"context-menu-label\"\n      data-inset={local.inset ? \"\" : undefined}\n      class={clsx(contextMenuLabelClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAgBS,EAAiBC,GAA8B;CAE7D,IAAMC,IAAQP,EAAWE,CAAuB,GAC1C,CAACM,GAAOC,KAAQV,EAAWO,GAAO;EAAC;EAAS;EAAY;CAAO,CAAC,GAChEI,IAAK,sBAAsBd,EAAe;CAOhD,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,GAAuBK,EAAMY,KAAK;GAAC;EAAA,GAC3CX,CAAI,GAAA,IAAA,EAAA,GAAAY,EAAAR,SAEPL,EAAMc,QAAQ,GAAAT;CAAA,EAAA,CAAA;AAGrB"}

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

@@ -0,0 +1,8 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuLabel props,对齐 Base UI `ContextMenu.GroupLabel` + shadcn 的 inset */
+export interface ContextMenuLabelProps extends BaseProps, ParentProps {
+    /** 左侧对齐到带图标项的文字位置 */
+    inset?: boolean;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,16 @@
+import { ParentProps } from 'solid-js';
+/**
+ * ContextMenuPortal props,对齐 Base UI `ContextMenu.Portal`。
+ * Solid 的 `<Portal>` 本身不渲染包裹元素,因此 `className` / `style` 之类的
+ * 透传属性在这里没有意义,只保留 `container`。
+ */
+export interface ContextMenuPortalProps extends ParentProps {
+    /** 把浮层挂载到哪个父节点,默认 document.body */
+    container?: Node;
+}
+/**
+ * 把子节点渲染到 `container`(默认 body)。
+ * 注意:`ContextMenuContent` 内部已经自带 Portal,通常不需要再手动包一层;
+ * 该组件保留是为了与 shadcn/Base UI 的导出集合保持一致。
+ */
+export declare function ContextMenuPortal(props: ContextMenuPortalProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,18 @@
+import { Portal as e, createComponent as t } from "solid-js/web";
+import { splitProps as n } from "solid-js";
+//#region src/components/context-menu/ContextMenuPortal/ContextMenuPortal.tsx
+function r(r) {
+	let [i] = n(r, ["container", "children"]);
+	return t(e, {
+		get mount() {
+			return i.container;
+		},
+		get children() {
+			return i.children;
+		}
+	});
+}
+//#endregion
+export { r as ContextMenuPortal };
+
+//# sourceMappingURL=ContextMenuPortal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuPortal.js","names":["splitProps","ParentProps","Portal","ContextMenuPortalProps","container","Node","ContextMenuPortal","props","local","_$createComponent","mount","children","_$createComponent","ContextMenuPortal","local","splitProps","props","createComponent","Portal"],"sources":["../../../../src/components/context-menu/ContextMenuPortal/ContextMenuPortal.tsx"],"sourcesContent":["import { splitProps, type ParentProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\n\n/**\n * ContextMenuPortal props,对齐 Base UI `ContextMenu.Portal`。\n * Solid 的 `<Portal>` 本身不渲染包裹元素,因此 `className` / `style` 之类的\n * 透传属性在这里没有意义,只保留 `container`。\n */\nexport interface ContextMenuPortalProps extends ParentProps {\n  /** 把浮层挂载到哪个父节点,默认 document.body */\n  container?: Node;\n}\n\n/**\n * 把子节点渲染到 `container`(默认 body)。\n * 注意:`ContextMenuContent` 内部已经自带 Portal,通常不需要再手动包一层;\n * 该组件保留是为了与 shadcn/Base UI 的导出集合保持一致。\n */\nexport function ContextMenuPortal(props: ContextMenuPortalProps) {\n  const [local] = splitProps(props, [\"container\", \"children\"]);\n  return <Portal mount={local.container}>{local.children}</Portal>;\n}\n"],"mappings":";;;AAkBA,SAAgBM,EAAkBC,GAA+B;CAC/D,IAAM,CAACC,KAASR,EAAWO,GAAO,CAAC,aAAa,UAAU,CAAC;CAC3D,OAAAE,EAAQP,GAAM;EAAA,IAACQ,QAAK;GAAA,OAAEF,EAAMJ;EAAS;EAAA,IAAAO,WAAA;GAAA,OAAGH,EAAMG;EAAQ;CAAA,CAAA;AACxD"}

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

@@ -0,0 +1,2 @@
+export { ContextMenuPortal } from './ContextMenuPortal';
+export type { ContextMenuPortalProps } from './ContextMenuPortal';

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

@@ -0,0 +1,12 @@
+import { ContextMenuRadioGroupProps } from './ContextMenuRadioGroup.types';
+/**
+ * 一组互斥的单选项。与 Base UI 一致:选中某项默认**不**关闭菜单。
+ * 选中值通过 context 共享给内部 `<ContextMenuRadioItem>`。
+ *
+ * RadioGroup 自身就是一个 `role="group"` 容器,因此这里同时提供
+ * `ContextMenuGroupContext`:这样 shadcn 示例里把 `<ContextMenuLabel>` 直接
+ * 放在 `<ContextMenuRadioGroup>` 内部也能正常工作(标签 id 会写到该组的
+ * `aria-labelledby` 上)。组件里若再套一层 `<ContextMenuGroup>`,内层 Label
+ * 会关联到最近的组,行为同样正确。
+ */
+export declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,48 @@
+import { createChangeEventDetails as e } from "../context-menu.utils.js";
+import { ContextMenuGroupContext as t, ContextMenuRadioGroupContext as n } from "../context-menu.context.js";
+import { createComponent as r, insert as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
+import { createMemo as c, createSignal as l, splitProps as u } from "solid-js";
+//#region src/components/context-menu/ContextMenuRadioGroup/ContextMenuRadioGroup.tsx
+var d = /*#__PURE__*/ s("<div role=group data-slot=context-menu-radio-group>");
+function f(s) {
+	let [f, p] = u(s, [
+		"class",
+		"children",
+		"value",
+		"defaultValue",
+		"onValueChange",
+		"disabled"
+	]), [m, h] = l(s.defaultValue), g = c(() => s.value === void 0 ? m() : s.value), [_, v] = l(), y = {
+		labelId: _,
+		setLabelId: v
+	}, b = {
+		value: g,
+		setValue: (t, n) => {
+			s.value === void 0 && h(() => t), s.onValueChange?.(t, e("item-press", n));
+		},
+		disabled: () => !!f.disabled
+	};
+	return r(n.Provider, {
+		value: b,
+		get children() {
+			return r(t.Provider, {
+				value: y,
+				get children() {
+					var e = d();
+					return o(e, a({
+						get "aria-labelledby"() {
+							return _();
+						},
+						get class() {
+							return f.class;
+						}
+					}, p), !1, !0), i(e, () => f.children), e;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { f as ContextMenuRadioGroup };
+
+//# sourceMappingURL=ContextMenuRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuRadioGroup.js","names":["createMemo","createSignal","splitProps","ContextMenuGroupContext","ContextMenuRadioGroupContext","ContextMenuGroupContextValue","ContextMenuRadioGroupContextValue","createChangeEventDetails","ContextMenuRadioGroupProps","ContextMenuRadioGroup","props","local","rest","internalValue","setInternalValue","defaultValue","value","undefined","labelId","setLabelId","groupCtx","ctx","setValue","next","event","onValueChange","disabled","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","aria-labelledby","class","_$insert","_$createComponent","_$mergeProps","_tmpl$","ContextMenuRadioGroup","local","rest","splitProps","props","internalValue","setInternalValue","createSignal","value","createMemo","labelId","setLabelId","groupCtx","ctx","next","createChangeEventDetails","event","createComponent","ContextMenuRadioGroupContext","ContextMenuGroupContext","_el$","spread","mergeProps","\"class\"","insert"],"sources":["../../../../src/components/context-menu/ContextMenuRadioGroup/ContextMenuRadioGroup.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps } from \"solid-js\";\nimport {\n  ContextMenuGroupContext,\n  ContextMenuRadioGroupContext,\n} from \"../context-menu.context\";\nimport type {\n  ContextMenuGroupContextValue,\n  ContextMenuRadioGroupContextValue,\n} from \"../context-menu.types\";\nimport { createChangeEventDetails } from \"../context-menu.utils\";\nimport type { ContextMenuRadioGroupProps } from \"./ContextMenuRadioGroup.types\";\n\n/**\n * 一组互斥的单选项。与 Base UI 一致:选中某项默认**不**关闭菜单。\n * 选中值通过 context 共享给内部 `<ContextMenuRadioItem>`。\n *\n * RadioGroup 自身就是一个 `role=\"group\"` 容器,因此这里同时提供\n * `ContextMenuGroupContext`:这样 shadcn 示例里把 `<ContextMenuLabel>` 直接\n * 放在 `<ContextMenuRadioGroup>` 内部也能正常工作(标签 id 会写到该组的\n * `aria-labelledby` 上)。组件里若再套一层 `<ContextMenuGroup>`,内层 Label\n * 会关联到最近的组,行为同样正确。\n */\nexport function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps) {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"disabled\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const [labelId, setLabelId] = createSignal<string>();\n  const groupCtx: ContextMenuGroupContextValue = { labelId, setLabelId };\n\n  const ctx: ContextMenuRadioGroupContextValue = {\n    value,\n    setValue: (next, event) => {\n      if (props.value === undefined) setInternalValue(() => next);\n      props.onValueChange?.(\n        next,\n        createChangeEventDetails(\"item-press\", event),\n      );\n    },\n    disabled: () => !!local.disabled,\n  };\n\n  return (\n    <ContextMenuRadioGroupContext.Provider value={ctx}>\n      <ContextMenuGroupContext.Provider value={groupCtx}>\n        <div\n          role=\"group\"\n          aria-labelledby={labelId()}\n          data-slot=\"context-menu-radio-group\"\n          class={local.class}\n          {...rest}\n        >\n          {local.children}\n        </div>\n      </ContextMenuGroupContext.Provider>\n    </ContextMenuRadioGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgBS,EAAsBC,GAAmC;CACvE,IAAM,CAACC,GAAOC,KAAQV,EAAWQ,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACG,GAAeC,KAAoBb,EAAaS,EAAMK,YAAY,GACnEC,IAAQhB,QACZU,EAAMM,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BH,EAAMM,KACpC,GAEM,CAACE,GAASC,KAAclB,EAAqB,GAC7CmB,IAAyC;EAAEF;EAASC;CAAW,GAE/DE,IAAyC;EAC7CL;EACAM,WAAWC,GAAMC,MAAU;GAEzBd,AADIA,EAAMM,UAAUC,KAAAA,KAAWH,QAAuBS,CAAI,GAC1Db,EAAMe,gBACJF,GACAhB,EAAyB,cAAciB,CAAK,CAC9C;EACF;EACAE,gBAAgB,CAAC,CAACf,EAAMe;CAC1B;CAEA,OAAAC,EACGvB,EAA6BwB,UAAQ;EAACZ,OAAOK;EAAG,IAAAQ,WAAA;GAAA,OAAAF,EAC9CxB,EAAwByB,UAAQ;IAACZ,OAAOI;IAAQ,IAAAS,WAAA;KAAA,IAAAC,IAAAC,EAAA;KAQ9B,OAR8BC,EAAAF,GAAAG,EAAA;MAAA,IAAA,oBAAA;OAAA,OAG5Bf,EAAQ;MAAC;MAAA,IAAA6C,QAAA;OAAA,OAEnBpD,EAAMwB;MAAK;KAAA,GACdvB,CAAI,GAAA,IAAA,EAAA,GAAAwB,EAAAN,SAEPnB,EAAMkB,QAAQ,GAAAC;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB"}

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

@@ -0,0 +1,14 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+import { ContextMenuChangeEventDetails } from '../context-menu.types';
+/** ContextMenuRadioGroup props,对齐 Base UI `ContextMenu.RadioGroup` */
+export interface ContextMenuRadioGroupProps extends BaseProps, ParentProps {
+    /** 受控选中值;不传则内部自管理 */
+    value?: any;
+    /** 非受控模式下的初始选中值 */
+    defaultValue?: any;
+    onValueChange?: (value: any, eventDetails: ContextMenuChangeEventDetails) => void;
+    /** 整组禁用,内部 RadioItem 一起失效 */
+    disabled?: boolean;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuRadioItemProps } from './ContextMenuRadioItem.types';
+/**
+ * RadioGroup 中的单选项,角色为 `menuitemradio`。
+ * 选中状态完全由所属 `<ContextMenuRadioGroup>` 的值决定。
+ */
+export declare function ContextMenuRadioItem(props: ContextMenuRadioItemProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,74 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuRadioGroup as t } from "../context-menu.context.js";
+import { useContextMenuEntry as n } from "../context-menu.entry.js";
+import { contextMenuCheckableItemClass as r, contextMenuIndicatorClass as i } from "../context-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, splitProps as m } from "solid-js";
+import { Check as h } from "lucide-solid";
+//#region src/components/context-menu/ContextMenuRadioItem/ContextMenuRadioItem.tsx
+var g = /*#__PURE__*/ d("<div role=menuitemradio tabindex=-1 data-slot=context-menu-radio-item><span>");
+function _(s) {
+	let d = t("ContextMenuRadioItem"), [_, v] = m(s, [
+		"class",
+		"children",
+		"value",
+		"disabled",
+		"inset",
+		"label",
+		"closeOnClick",
+		"onClick"
+	]), y = () => !!_.disabled || d.disabled(), b = () => d.value() === s.value, x, S = n({
+		component: "ContextMenuRadioItem",
+		element: () => x,
+		disabled: y,
+		label: () => _.label
+	}), C = (e) => {
+		y() || (_.onClick?.(e), !e.defaultPrevented && (d.setValue(s.value, e), _.closeOnClick && S.popup.closeAll("item-press", e)));
+	};
+	return (() => {
+		var t = g(), n = t.firstChild;
+		return t.$$pointermove = () => S.highlight(), t.addEventListener("pointerenter", () => S.highlight()), t.$$click = C, f((e) => {
+			x = e;
+		}, t), u(t, l({
+			get id() {
+				return S.id;
+			},
+			get "aria-checked"() {
+				return b();
+			},
+			get "data-inset"() {
+				return _.inset ? "" : void 0;
+			},
+			get "data-checked"() {
+				return b() ? "" : void 0;
+			},
+			get "data-unchecked"() {
+				return b() ? void 0 : "";
+			},
+			get "data-highlighted"() {
+				return S.isActive() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return y() ? "" : void 0;
+			},
+			get "aria-disabled"() {
+				return y() ? "true" : void 0;
+			},
+			get class() {
+				return e(r, _.class);
+			}
+		}, v), !1, !0), a(n, i), c(n, o(p, {
+			get when() {
+				return b();
+			},
+			get children() {
+				return o(h, {});
+			}
+		})), c(t, () => _.children, null), t;
+	})();
+}
+s(["click", "pointermove"]);
+//#endregion
+export { _ as ContextMenuRadioItem };
+
+//# sourceMappingURL=ContextMenuRadioItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuRadioItem.js","names":["Show","splitProps","Check","clsx","useContextMenuRadioGroup","useContextMenuEntry","contextMenuCheckableItemClass","contextMenuIndicatorClass","ContextMenuRadioItemProps","ContextMenuRadioItem","props","group","local","rest","disabled","checked","value","element","HTMLDivElement","entry","component","label","handleClick","e","MouseEvent","onClick","defaultPrevented","setValue","closeOnClick","popup","closeAll","_el$","_tmpl$","_el$2","firstChild","$$pointermove","highlight","addEventListener","$$click","_$use","el","_$spread","_$mergeProps","id","aria-checked","data-inset","inset","undefined","data-checked","data-unchecked","data-highlighted","isActive","data-disabled","aria-disabled","class","_$className","_$insert","_$createComponent","when","children","_$delegateEvents","_$mergeProps","_$createComponent","_$delegateEvents","_tmpl$","ContextMenuRadioItem","group","useContextMenuRadioGroup","local","rest","splitProps","props","disabled","checked","element","entry","useContextMenuEntry","handleClick","_el$","_el$2","use","el","spread","mergeProps","\"class\"","clsx","contextMenuCheckableItemClass","className","contextMenuIndicatorClass","insert","createComponent","Show","Check","delegateEvents"],"sources":["../../../../src/components/context-menu/ContextMenuRadioItem/ContextMenuRadioItem.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuRadioGroup } from \"../context-menu.context\";\nimport { useContextMenuEntry } from \"../context-menu.entry\";\nimport {\n  contextMenuCheckableItemClass,\n  contextMenuIndicatorClass,\n} from \"../context-menu.styles\";\nimport type { ContextMenuRadioItemProps } from \"./ContextMenuRadioItem.types\";\n\n/**\n * RadioGroup 中的单选项,角色为 `menuitemradio`。\n * 选中状态完全由所属 `<ContextMenuRadioGroup>` 的值决定。\n */\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemProps) {\n  const group = useContextMenuRadioGroup(\"ContextMenuRadioItem\");\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"value\",\n    \"disabled\",\n    \"inset\",\n    \"label\",\n    \"closeOnClick\",\n    \"onClick\",\n  ]);\n\n  const disabled = () => !!local.disabled || group.disabled();\n  const checked = () => group.value() === props.value;\n\n  let element: HTMLDivElement | undefined;\n\n  const entry = useContextMenuEntry({\n    component: \"ContextMenuRadioItem\",\n    element: () => element,\n    disabled,\n    label: () => local.label,\n  });\n\n  const handleClick = (e: MouseEvent) => {\n    if (disabled()) return;\n    local.onClick?.(e);\n    if (e.defaultPrevented) return;\n\n    group.setValue(props.value, e);\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=\"menuitemradio\"\n      tabIndex={-1}\n      aria-checked={checked()}\n      data-slot=\"context-menu-radio-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={disabled() ? \"\" : undefined}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      onClick={handleClick}\n      onPointerEnter={() => entry.highlight()}\n      onPointerMove={() => entry.highlight()}\n      class={clsx(contextMenuCheckableItemClass, local.class)}\n      {...rest}\n    >\n      <span class={contextMenuIndicatorClass}>\n        <Show when={checked()}>\n          <Check />\n        </Show>\n      </span>\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgBS,EAAqBC,GAAkC;CACrE,IAAMC,IAAQP,EAAyB,sBAAsB,GACvD,CAACQ,GAAOC,KAAQZ,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKI,UAAiB,CAAC,CAACF,EAAME,YAAYH,EAAMG,SAAS,GACpDC,UAAgBJ,EAAMK,MAAM,MAAMN,EAAMM,OAE1CC,GAEEE,IAAQd,EAAoB;EAChCe,WAAW;EACXH,eAAeA;EACfH;EACAO,aAAaT,EAAMS;CACrB,CAAC,GAEKC,KAAeC,MAAkB;EACrC,AAAIT,EAAS,MACbF,EAAMa,UAAUF,CAAC,GACbA,GAAEG,qBAENf,EAAMgB,SAASjB,EAAMM,OAAOO,CAAC,GAEzBX,EAAMgB,gBAAcT,EAAMU,MAAMC,SAAS,cAAcP,CAAC;CAC9D;CAEA,cAAA;EAAA,IAAAQ,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EA2BmB,OA3BnBH,EAAAI,sBAkByBhB,EAAMiB,UAAU,GAACL,EAAAM,iBAAA,sBADhBlB,EAAMiB,UAAU,CAAC,GAAAL,EAAAO,UAD9BhB,GAAWiB,GAddC,MAAO;GACXvB,IAAUuB;EACZ,GAACT,CAAA,GAAAU,EAAAV,GAAAW,EAAA;GAAA,IACDC,KAAE;IAAA,OAAExB,EAAMwB;GAAE;GAAA,IAAA,iBAAA;IAAA,OAGE5B,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OAEXH,EAAMkC,QAAQ,KAAKC,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OAC1BhC,EAAQ,IAAI,KAAKgC,KAAAA;GAAS;GAAA,IAAA,mBAAA;IAAA,OACxBhC,EAAQ,IAAIgC,KAAAA,IAAY;GAAE;GAAA,IAAA,qBAAA;IAAA,OACxB5B,EAAMgC,SAAS,IAAI,KAAKJ,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACpCjC,EAAS,IAAI,KAAKiC,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC3BjC,EAAS,IAAI,SAASiC,KAAAA;GAAS;GAAA,IAAAqC,QAAA;IAAA,OAIvCjF,EAAKG,GAA+BM,EAAM0C,KAAK;GAAC;EAAA,GACnDzC,CAAI,GAAA,IAAA,EAAA,GAAA0C,EAAAtB,GAEK1B,CAAyB,GAAAiD,EAAAvB,GAAAwB,EACnCzD,GAAI;GAAA,IAAC0D,OAAI;IAAA,OAAE3C,EAAQ;GAAC;GAAA,IAAA4C,WAAA;IAAA,OAAAF,EAClBvD,GAAK,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAAsD,EAAAzB,SAGTnB,EAAM+C,UAAQ,IAAA,GAAA5B;CAAA,EAAA,CAAA;AAGrB;AAAC6B,EAAA,CAAA,SAAA,aAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuRadioItem props,对齐 Base UI `ContextMenu.RadioItem` */
+export interface ContextMenuRadioItemProps extends BaseProps, ParentProps {
+    /** 该项的值;选中时写入所属 RadioGroup */
+    value: any;
+    disabled?: boolean;
+    /** 左侧对齐到带图标项的文字位置 */
+    inset?: boolean;
+    /** 键盘字符导航匹配用的文本 */
+    label?: string;
+    /** 点击后是否关闭菜单,默认 false(与 Base UI 一致) */
+    closeOnClick?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,9 @@
+import { ContextMenuSeparatorProps } from './ContextMenuSeparator.types';
+/**
+ * 菜单项之间的分隔线,复用项目已有的 `Separator`(与 SelectSeparator /
+ * SidebarSeparator / ButtonGroupSeparator 是同一套写法)。
+ *
+ * 这里额外补上 `role="separator"` 与 `aria-orientation`:Base UI 的
+ * `ContextMenu.Separator` 会暴露这个角色,而通用 Separator 组件本身不设置。
+ */
+export declare function ContextMenuSeparator(props: ContextMenuSeparatorProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Separator as t } from "../../separator/Separator.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { mergeProps as i, splitProps as a } from "solid-js";
+//#region src/components/context-menu/ContextMenuSeparator/ContextMenuSeparator.tsx
+function o(o) {
+	let s = i({ orientation: "horizontal" }, o), [c, l] = a(s, ["class", "orientation"]);
+	return n(t, r(l, {
+		"data-slot": "context-menu-separator",
+		get orientation() {
+			return c.orientation;
+		},
+		role: "separator",
+		get "aria-orientation"() {
+			return c.orientation;
+		},
+		get class() {
+			return e("-mx-1 my-1", c.class);
+		}
+	}));
+}
+//#endregion
+export { o as ContextMenuSeparator };
+
+//# sourceMappingURL=ContextMenuSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSeparator.js","names":["mergeProps","splitProps","Separator","SeparatorProps","clsx","ContextMenuSeparatorProps","ContextMenuSeparator","props","merged","orientation","const","local","rest","_$createComponent","_$mergeProps","role","aria-orientation","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","ContextMenuSeparator","merged","props","local","rest","splitProps","createComponent","Separator","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/context-menu/ContextMenuSeparator/ContextMenuSeparator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\nimport type { ContextMenuSeparatorProps } from \"./ContextMenuSeparator.types\";\n\n/**\n * 菜单项之间的分隔线,复用项目已有的 `Separator`(与 SelectSeparator /\n * SidebarSeparator / ButtonGroupSeparator 是同一套写法)。\n *\n * 这里额外补上 `role=\"separator\"` 与 `aria-orientation`:Base UI 的\n * `ContextMenu.Separator` 会暴露这个角色,而通用 Separator 组件本身不设置。\n */\nexport function ContextMenuSeparator(props: ContextMenuSeparatorProps) {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"orientation\"]);\n\n  return (\n    <Separator\n      {...(rest as SeparatorProps)}\n      data-slot=\"context-menu-separator\"\n      orientation={local.orientation}\n      role=\"separator\"\n      aria-orientation={local.orientation}\n      class={clsx(\"-mx-1 my-1\", local.class)}\n    />\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgBM,EAAqBC,GAAkC;CACrE,IAAMC,IAASR,EAAW,EAAES,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAQX,EAAWO,GAAQ,CAAC,SAAS,aAAa,CAAC;CAEjE,OAAAK,EACGX,GAASY,EACHF,GAAsB;EAAA,aAAA;EAAA,IAE3BH,cAAW;GAAA,OAAEE,EAAMF;EAAW;EAC9BM,MAAI;EAAA,IAAA,qBAAA;GAAA,OACcJ,EAAMF;EAAW;EAAA,IAAAsB,QAAA;GAAA,OAC5B3B,EAAK,cAAcO,EAAMM,KAAK;EAAC;CAAA,CAAA,CAAA;AAG5C"}

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

@@ -0,0 +1,8 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuSeparator props,对齐 Base UI `ContextMenu.Separator` */
+export interface ContextMenuSeparatorProps extends BaseProps, ParentProps {
+    /** 分隔线方向,默认 'horizontal'(shadcn 仅内置横向样式) */
+    orientation?: "horizontal" | "vertical";
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuShortcutProps } from './ContextMenuShortcut.types';
+/**
+ * 菜单项右侧的快捷键提示文本,例如 `<ContextMenuShortcut>⌘K</ContextMenuShortcut>`。
+ * 本身不参与交互,只是在菜单项被高亮时跟随变色(靠 group-data 选择器)。
+ */
+export declare function ContextMenuShortcut(props: ContextMenuShortcutProps): import('solid-js').JSX.Element;