@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-ZI2OXD6L.js

@@ -0,0 +1,244 @@
+"use client";
+
+// src/components/tree/use-tree-keyboard.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+function flattenVisible(nodes, expandedIds) {
+  const result = [];
+  function walk(list) {
+    for (const node of list) {
+      result.push(node.id);
+      if ((node.children?.length || node.hasChildren) && expandedIds.has(node.id)) {
+        if (node.children?.length) walk(node.children);
+      }
+    }
+  }
+  walk(nodes);
+  return result;
+}
+function buildParentMap(nodes, parentId = null, map = /* @__PURE__ */ new Map()) {
+  for (const node of nodes) {
+    map.set(node.id, parentId);
+    if (node.children?.length) {
+      buildParentMap(node.children, node.id, map);
+    }
+  }
+  return map;
+}
+function findNode(nodes, id) {
+  for (const node of nodes) {
+    if (node.id === id) return node;
+    if (node.children?.length) {
+      const found = findNode(node.children, id);
+      if (found) return found;
+    }
+  }
+  return void 0;
+}
+function useTreeKeyboard(options) {
+  const {
+    nodes,
+    expandedIds,
+    onExpandedChange,
+    selectionMode,
+    selectedIds,
+    onSelectionChange,
+    virtualize = false,
+    flatNodeIds,
+    pendingFocusIdRef,
+    scrollToVirtualIndex
+  } = options;
+  const [activeId, setActiveIdState] = useState(() => {
+    const visible2 = flattenVisible(nodes, expandedIds);
+    return visible2[0] ?? null;
+  });
+  const nodeRefs = useRef(/* @__PURE__ */ new Map());
+  const registerNodeRef = useCallback((id, el) => {
+    if (el) {
+      nodeRefs.current.set(id, el);
+    } else {
+      nodeRefs.current.delete(id);
+    }
+  }, []);
+  const visible = useMemo(
+    () => virtualize && flatNodeIds ? flatNodeIds : flattenVisible(nodes, expandedIds),
+    [virtualize, flatNodeIds, nodes, expandedIds]
+  );
+  const visibleIndexById = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    visible.forEach((id, i) => map.set(id, i));
+    return map;
+  }, [visible]);
+  const nodeById = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    function walk(list) {
+      for (const node of list) {
+        map.set(node.id, node);
+        if (node.children?.length) walk(node.children);
+      }
+    }
+    walk(nodes);
+    return map;
+  }, [nodes]);
+  const parentMapMemo = useMemo(() => buildParentMap(nodes), [nodes]);
+  const typeaheadBuffer = useRef("");
+  const typeaheadTimer = useRef(null);
+  useEffect(
+    () => () => {
+      if (typeaheadTimer.current) clearTimeout(typeaheadTimer.current);
+    },
+    []
+  );
+  const setActiveId = useCallback(
+    (id) => {
+      setActiveIdState(id);
+      if (!id) return;
+      const el = nodeRefs.current.get(id);
+      if (el) {
+        el.focus();
+        return;
+      }
+      if (virtualize && scrollToVirtualIndex && pendingFocusIdRef) {
+        const index = visibleIndexById.get(id) ?? -1;
+        if (index >= 0) {
+          pendingFocusIdRef.current = id;
+          scrollToVirtualIndex(index);
+        }
+      }
+    },
+    [virtualize, visibleIndexById, pendingFocusIdRef, scrollToVirtualIndex]
+  );
+  const onKeyDown = useCallback(
+    (e) => {
+      if (!activeId) return;
+      const currentIndex = visibleIndexById.get(activeId) ?? -1;
+      const currentNode = nodeById.get(activeId);
+      const parentMap = parentMapMemo;
+      const moveTo = (id) => {
+        e.preventDefault();
+        setActiveId(id);
+      };
+      const selectNode = (id) => {
+        if (selectionMode === "none") return;
+        const node = nodeById.get(id);
+        if (node?.disabled) return;
+        if (selectionMode === "single") {
+          onSelectionChange(/* @__PURE__ */ new Set([id]));
+        } else {
+          const next = new Set(selectedIds);
+          if (next.has(id)) {
+            next.delete(id);
+          } else {
+            next.add(id);
+          }
+          onSelectionChange(next);
+        }
+      };
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault();
+          const next = visible[currentIndex + 1];
+          if (next) moveTo(next);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault();
+          const prev = visible[currentIndex - 1];
+          if (prev) moveTo(prev);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault();
+          if (!currentNode) break;
+          const expandable = !!(currentNode.children?.length || currentNode.hasChildren);
+          if (expandable && !expandedIds.has(activeId)) {
+            const next = new Set(expandedIds);
+            next.add(activeId);
+            onExpandedChange(next);
+          } else if (expandable && expandedIds.has(activeId)) {
+            const firstChild = currentNode.children?.[0];
+            if (firstChild) moveTo(firstChild.id);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          e.preventDefault();
+          if (!currentNode) break;
+          const expandable = !!(currentNode.children?.length || currentNode.hasChildren);
+          if (expandable && expandedIds.has(activeId)) {
+            const next = new Set(expandedIds);
+            next.delete(activeId);
+            onExpandedChange(next);
+          } else {
+            const parentId = parentMap.get(activeId) ?? null;
+            if (parentId) moveTo(parentId);
+          }
+          break;
+        }
+        case "Home": {
+          e.preventDefault();
+          const first = visible[0];
+          if (first) moveTo(first);
+          break;
+        }
+        case "End": {
+          e.preventDefault();
+          const last = visible[visible.length - 1];
+          if (last) moveTo(last);
+          break;
+        }
+        case "Enter":
+        case " ": {
+          e.preventDefault();
+          selectNode(activeId);
+          break;
+        }
+        default: {
+          if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+            const char = e.key.toLowerCase();
+            typeaheadBuffer.current += char;
+            if (typeaheadTimer.current) clearTimeout(typeaheadTimer.current);
+            typeaheadTimer.current = setTimeout(() => {
+              typeaheadBuffer.current = "";
+            }, 500);
+            const prefix = typeaheadBuffer.current;
+            const searchList = [
+              ...visible.slice(currentIndex + 1),
+              ...visible.slice(0, currentIndex + 1)
+            ];
+            for (const id of searchList) {
+              const node = nodeById.get(id);
+              if (!node) continue;
+              if (typeof node.label !== "string") continue;
+              if (node.label.toLowerCase().startsWith(prefix)) {
+                moveTo(id);
+                break;
+              }
+            }
+          }
+          break;
+        }
+      }
+    },
+    [
+      activeId,
+      visible,
+      visibleIndexById,
+      nodeById,
+      parentMapMemo,
+      expandedIds,
+      onExpandedChange,
+      selectionMode,
+      selectedIds,
+      onSelectionChange,
+      setActiveId
+    ]
+  );
+  return { activeId, setActiveId, registerNodeRef, onKeyDown };
+}
+
+export {
+  flattenVisible,
+  findNode,
+  useTreeKeyboard
+};
+//# sourceMappingURL=chunk-ZI2OXD6L.js.map

package/dist/chunk-ZI2OXD6L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tree/use-tree-keyboard.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { TreeNode } from \"./tree\";\n\n/**\n * Flattens the visible (expanded) tree into an ordered list of node ids.\n * Nodes whose ancestors are collapsed are excluded.\n */\nexport function flattenVisible<T>(nodes: TreeNode<T>[], expandedIds: Set<string>): string[] {\n  const result: string[] = [];\n  function walk(list: TreeNode<T>[]) {\n    for (const node of list) {\n      result.push(node.id);\n      if ((node.children?.length || node.hasChildren) && expandedIds.has(node.id)) {\n        if (node.children?.length) walk(node.children);\n      }\n    }\n  }\n  walk(nodes);\n  return result;\n}\n\n/**\n * Builds a lookup map: node id → parent id (or null for roots).\n */\nfunction buildParentMap<T>(\n  nodes: TreeNode<T>[],\n  parentId: string | null = null,\n  map: Map<string, string | null> = new Map(),\n): Map<string, string | null> {\n  for (const node of nodes) {\n    map.set(node.id, parentId);\n    if (node.children?.length) {\n      buildParentMap(node.children, node.id, map);\n    }\n  }\n  return map;\n}\n\n/**\n * Finds a node by id in the tree (depth-first).\n */\nexport function findNode<T>(nodes: TreeNode<T>[], id: string): TreeNode<T> | undefined {\n  for (const node of nodes) {\n    if (node.id === id) return node;\n    if (node.children?.length) {\n      const found = findNode(node.children, id);\n      if (found) return found;\n    }\n  }\n  return undefined;\n}\n\nexport interface UseTreeKeyboardOptions<T> {\n  nodes: TreeNode<T>[];\n  expandedIds: Set<string>;\n  onExpandedChange: (ids: Set<string>) => void;\n  selectionMode: \"single\" | \"multiple\" | \"none\";\n  selectedIds: Set<string>;\n  onSelectionChange: (ids: Set<string>) => void;\n  /**\n   * When `true`, the tree uses windowed rendering. Focus navigation must\n   * scroll the virtualizer before focusing an unmounted row.\n   */\n  virtualize?: boolean;\n  /**\n   * Ordered list of visible node ids in the virtual flat list. Provided by\n   * the Tree when `virtualize` is true so the keyboard hook can map an id to\n   * a virtual index without re-flattening.\n   */\n  flatNodeIds?: string[];\n  /**\n   * Ref that the keyboard hook writes a node id into when it needs to focus a\n   * row that is currently scrolled out of view. The Tree's `registerAndFlush`\n   * callback reads this ref on every ref registration and focuses the element\n   * once it mounts.\n   */\n  pendingFocusIdRef?: React.MutableRefObject<string | null>;\n  /**\n   * Called when the keyboard hook wants to bring an index into view before\n   * focusing it. Only called in virtual mode.\n   */\n  scrollToVirtualIndex?: (index: number) => void;\n}\n\nexport interface UseTreeKeyboardResult {\n  activeId: string | null;\n  setActiveId: (id: string | null) => void;\n  /** ref callback — register each tree item element keyed by node id */\n  registerNodeRef: (id: string, el: HTMLElement | null) => void;\n  /** onKeyDown handler to attach to the root tree div */\n  onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport function useTreeKeyboard<T>(options: UseTreeKeyboardOptions<T>): UseTreeKeyboardResult {\n  const {\n    nodes,\n    expandedIds,\n    onExpandedChange,\n    selectionMode,\n    selectedIds,\n    onSelectionChange,\n    virtualize = false,\n    flatNodeIds,\n    pendingFocusIdRef,\n    scrollToVirtualIndex,\n  } = options;\n\n  // The currently \"roving\" active item id\n  const [activeId, setActiveIdState] = useState<string | null>(() => {\n    // default to first visible node\n    const visible = flattenVisible(nodes, expandedIds);\n    return visible[0] ?? null;\n  });\n\n  // Map from node id → DOM element reference\n  const nodeRefs = useRef<Map<string, HTMLElement>>(new Map());\n\n  const registerNodeRef = useCallback((id: string, el: HTMLElement | null) => {\n    if (el) {\n      nodeRefs.current.set(id, el);\n    } else {\n      nodeRefs.current.delete(id);\n    }\n  }, []);\n\n  // Memoised O(1) lookups — rebuilt only when the tree shape / expansion\n  // actually changes, not on every keypress (a full re-flatten + `indexOf`/\n  // `findNode` walk per arrow key is O(n) on a large tree).\n  const visible = useMemo(\n    () => (virtualize && flatNodeIds ? flatNodeIds : flattenVisible(nodes, expandedIds)),\n    [virtualize, flatNodeIds, nodes, expandedIds],\n  );\n  const visibleIndexById = useMemo(() => {\n    const map = new Map<string, number>();\n    visible.forEach((id, i) => map.set(id, i));\n    return map;\n  }, [visible]);\n  const nodeById = useMemo(() => {\n    const map = new Map<string, TreeNode<T>>();\n    function walk(list: TreeNode<T>[]) {\n      for (const node of list) {\n        map.set(node.id, node);\n        if (node.children?.length) walk(node.children);\n      }\n    }\n    walk(nodes);\n    return map;\n  }, [nodes]);\n  const parentMapMemo = useMemo(() => buildParentMap(nodes), [nodes]);\n\n  // Typeahead buffer\n  const typeaheadBuffer = useRef<string>(\"\");\n  const typeaheadTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Clear any pending typeahead timer on unmount.\n  useEffect(\n    () => () => {\n      if (typeaheadTimer.current) clearTimeout(typeaheadTimer.current);\n    },\n    [],\n  );\n\n  /**\n   * Focus the element for `id`. In virtual mode, if the element isn't\n   * mounted yet, record it as pending and scroll the virtualizer so the row\n   * enters the render window; the Tree's `registerAndFlush` will focus it\n   * once the ref fires.\n   */\n  const setActiveId = useCallback(\n    (id: string | null) => {\n      setActiveIdState(id);\n      if (!id) return;\n\n      const el = nodeRefs.current.get(id);\n      if (el) {\n        el.focus();\n        return;\n      }\n\n      // Element not mounted — happens when it's scrolled out of the virtual window.\n      if (virtualize && scrollToVirtualIndex && pendingFocusIdRef) {\n        const index = visibleIndexById.get(id) ?? -1;\n        if (index >= 0) {\n          pendingFocusIdRef.current = id;\n          scrollToVirtualIndex(index);\n          // The Tree's registerAndFlush will call el.focus() once the row mounts.\n        }\n      }\n    },\n    [virtualize, visibleIndexById, pendingFocusIdRef, scrollToVirtualIndex],\n  );\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!activeId) return;\n\n      const currentIndex = visibleIndexById.get(activeId) ?? -1;\n      const currentNode = nodeById.get(activeId);\n      const parentMap = parentMapMemo;\n\n      const moveTo = (id: string) => {\n        e.preventDefault();\n        setActiveId(id);\n      };\n\n      const selectNode = (id: string) => {\n        if (selectionMode === \"none\") return;\n        const node = nodeById.get(id);\n        if (node?.disabled) return;\n        if (selectionMode === \"single\") {\n          onSelectionChange(new Set([id]));\n        } else {\n          const next = new Set(selectedIds);\n          if (next.has(id)) {\n            next.delete(id);\n          } else {\n            next.add(id);\n          }\n          onSelectionChange(next);\n        }\n      };\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          const next = visible[currentIndex + 1];\n          if (next) moveTo(next);\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          const prev = visible[currentIndex - 1];\n          if (prev) moveTo(prev);\n          break;\n        }\n        case \"ArrowRight\": {\n          e.preventDefault();\n          if (!currentNode) break;\n          const expandable = !!(currentNode.children?.length || currentNode.hasChildren);\n          if (expandable && !expandedIds.has(activeId)) {\n            // expand\n            const next = new Set(expandedIds);\n            next.add(activeId);\n            onExpandedChange(next);\n          } else if (expandable && expandedIds.has(activeId)) {\n            // move to first child (only if loaded)\n            const firstChild = currentNode.children?.[0];\n            if (firstChild) moveTo(firstChild.id);\n          }\n          // leaf: do nothing\n          break;\n        }\n        case \"ArrowLeft\": {\n          e.preventDefault();\n          if (!currentNode) break;\n          const expandable = !!(currentNode.children?.length || currentNode.hasChildren);\n          if (expandable && expandedIds.has(activeId)) {\n            // collapse\n            const next = new Set(expandedIds);\n            next.delete(activeId);\n            onExpandedChange(next);\n          } else {\n            // move to parent\n            const parentId = parentMap.get(activeId) ?? null;\n            if (parentId) moveTo(parentId);\n          }\n          break;\n        }\n        case \"Home\": {\n          e.preventDefault();\n          const first = visible[0];\n          if (first) moveTo(first);\n          break;\n        }\n        case \"End\": {\n          e.preventDefault();\n          const last = visible[visible.length - 1];\n          if (last) moveTo(last);\n          break;\n        }\n        case \"Enter\":\n        case \" \": {\n          e.preventDefault();\n          selectNode(activeId);\n          break;\n        }\n        default: {\n          // typeahead — single printable characters\n          if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n            const char = e.key.toLowerCase();\n            typeaheadBuffer.current += char;\n\n            if (typeaheadTimer.current) clearTimeout(typeaheadTimer.current);\n            typeaheadTimer.current = setTimeout(() => {\n              typeaheadBuffer.current = \"\";\n            }, 500);\n\n            const prefix = typeaheadBuffer.current;\n            // find the next visible node (after current) whose label starts with prefix\n            const searchList = [\n              ...visible.slice(currentIndex + 1),\n              ...visible.slice(0, currentIndex + 1),\n            ];\n            for (const id of searchList) {\n              const node = nodeById.get(id);\n              if (!node) continue;\n              // only string labels are searchable\n              if (typeof node.label !== \"string\") continue;\n              if (node.label.toLowerCase().startsWith(prefix)) {\n                moveTo(id);\n                break;\n              }\n            }\n          }\n          break;\n        }\n      }\n    },\n    [\n      activeId,\n      visible,\n      visibleIndexById,\n      nodeById,\n      parentMapMemo,\n      expandedIds,\n      onExpandedChange,\n      selectionMode,\n      selectedIds,\n      onSelectionChange,\n      setActiveId,\n    ],\n  );\n\n  return { activeId, setActiveId, registerNodeRef, onKeyDown };\n}\n"],"mappings":"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","names":["visible"]}

package/dist/chunk-ZRMF4YAS.js

@@ -0,0 +1,158 @@
+"use client";
+import {
+  Kbd
+} from "./chunk-5C5W52O2.js";
+import {
+  StatePanel
+} from "./chunk-Y33ZFTMR.js";
+import {
+  Input
+} from "./chunk-I3U52BDH.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-FG3PDWE3.js";
+import {
+  Badge
+} from "./chunk-HNLYRHAU.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/keyboard-shortcuts/keyboard-shortcuts.tsx
+import { forwardRef, useId, useMemo, useState } from "react";
+import { ChevronDown, Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function matchesQuery(shortcut, normalizedQuery) {
+  if (shortcut.action.toLowerCase().includes(normalizedQuery)) return true;
+  return shortcut.keys.some((key) => key.toLowerCase().includes(normalizedQuery));
+}
+var KeyboardShortcuts = forwardRef(
+  function KeyboardShortcuts2({ groups, searchable = true, query: queryProp, onQueryChange, className, ...props }, ref) {
+    const isControlled = queryProp !== void 0;
+    const [internalQuery, setInternalQuery] = useState("");
+    const query = isControlled ? queryProp : internalQuery;
+    const normalizedQuery = query.trim().toLowerCase();
+    const isFiltering = normalizedQuery.length > 0;
+    const { t } = useLocale();
+    const searchId = useId();
+    const setQuery = (next) => {
+      if (!isControlled) setInternalQuery(next);
+      onQueryChange?.(next);
+    };
+    const filteredGroups = useMemo(() => {
+      return groups.map((group) => ({
+        group,
+        items: isFiltering ? group.items.filter((item) => matchesQuery(item, normalizedQuery)) : group.items
+      })).filter(({ items }) => items.length > 0);
+    }, [groups, isFiltering, normalizedQuery]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "keyboard-shortcuts",
+        className: cn("flex flex-col gap-4", className),
+        ...props,
+        children: [
+          searchable && /* @__PURE__ */ jsxs("div", { "data-slot": "keyboard-shortcuts-search", className: "relative", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: searchId, className: "sr-only", children: "Search shortcuts" }),
+            /* @__PURE__ */ jsx(
+              Search,
+              {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: searchId,
+                type: "search",
+                autoComplete: "off",
+                placeholder: t("ui.keyboardShortcuts.searchPlaceholder"),
+                value: query,
+                onChange: (event) => setQuery(event.target.value),
+                className: "ps-8"
+              }
+            )
+          ] }),
+          filteredGroups.length === 0 ? /* @__PURE__ */ jsx("div", { "data-slot": "keyboard-shortcuts-empty", children: /* @__PURE__ */ jsx(
+            StatePanel,
+            {
+              kind: "empty",
+              title: t("ui.keyboardShortcuts.emptyTitle"),
+              description: isFiltering ? t("ui.keyboardShortcuts.emptyFiltered", { query: query.trim() }) : t("ui.keyboardShortcuts.empty")
+            }
+          ) }) : /* @__PURE__ */ jsx("div", { "data-slot": "keyboard-shortcuts-groups", className: "flex flex-col gap-2", children: filteredGroups.map(({ group, items }) => /* @__PURE__ */ jsx(
+            ShortcutGroupItem,
+            {
+              group,
+              items,
+              forceOpen: isFiltering
+            },
+            group.id
+          )) })
+        ]
+      }
+    );
+  }
+);
+function ShortcutGroupItem({ group, items, forceOpen }) {
+  const [open, setOpen] = useState(group.defaultOpen ?? false);
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      "data-slot": "keyboard-shortcuts-group",
+      open: forceOpen || open,
+      onOpenChange: setOpen,
+      className: "rounded-md border",
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsibleTrigger,
+          {
+            "data-slot": "keyboard-shortcuts-group-trigger",
+            className: cn(
+              "flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-start",
+              "focus-ring",
+              "[&[data-state=open]>svg]:rotate-180"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-foreground", children: group.label }),
+                /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: items.length })
+              ] }),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  "aria-hidden": "true",
+                  className: "size-4 shrink-0 text-muted-foreground transition-transform duration-base ease-standard"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CollapsibleContent, { "data-slot": "keyboard-shortcuts-group-content", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1 px-3 pb-3", children: items.map((item, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "data-slot": "keyboard-shortcuts-item",
+            className: "flex items-center justify-between gap-4 py-1",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-body text-muted-foreground", children: item.action }),
+              /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: item.keys.map((key, keyIndex) => /* @__PURE__ */ jsx(Kbd, { children: key }, `${key}-${keyIndex}`)) })
+            ]
+          },
+          `${item.action}-${index}`
+        )) }) })
+      ]
+    }
+  );
+}
+
+export {
+  KeyboardShortcuts
+};
+//# sourceMappingURL=chunk-ZRMF4YAS.js.map

package/dist/chunk-ZRMF4YAS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/keyboard-shortcuts/keyboard-shortcuts.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useMemo, useState, type ComponentProps } from \"react\";\nimport { ChevronDown, Search } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../collapsible\";\nimport { Input } from \"../input\";\nimport { Kbd } from \"../kbd\";\nimport { useLocale } from \"../locale-provider\";\nimport { StatePanel } from \"../state-panel\";\n\n/** One keyboard shortcut: the action it performs and its ordered key tokens. */\nexport interface Shortcut {\n  action: string;\n  /** Ordered key tokens, e.g. `[\"⌘\", \"K\"]`. Rendered via {@link Kbd}. */\n  keys: string[];\n}\n\n/**\n * A named group of shortcuts. There is deliberately no `count` field — the\n * displayed count is always derived from `items.length`, never supplied by\n * the caller (see issue #113: brainless, the upstream this was adapted from,\n * shipped a `count` with no `items`, an honestly-unverifiable number).\n */\nexport interface ShortcutGroup {\n  id: string;\n  label: string;\n  items: Shortcut[];\n  /** Whether this group starts expanded when search is inactive. @default false */\n  defaultOpen?: boolean;\n}\n\nexport interface KeyboardShortcutsProps extends Omit<ComponentProps<\"div\">, \"onChange\"> {\n  groups: ShortcutGroup[];\n  /** Show the built-in search field. @default true */\n  searchable?: boolean;\n  /** Controlled search query, if the app owns it. */\n  query?: string;\n  onQueryChange?: (query: string) => void;\n}\n\nfunction matchesQuery(shortcut: Shortcut, normalizedQuery: string): boolean {\n  if (shortcut.action.toLowerCase().includes(normalizedQuery)) return true;\n  return shortcut.keys.some((key) => key.toLowerCase().includes(normalizedQuery));\n}\n\ninterface FilteredGroup {\n  group: ShortcutGroup;\n  items: Shortcut[];\n}\n\n/**\n * A grouped, searchable presentation of a shortcut set. Renders **content\n * only** — the app supplies the `Dialog`/`Sheet` shell, so the same\n * component works in a modal, a settings page or a sidebar.\n *\n * Group counts are always derived from `items.length` (or the number of\n * matching items while a search is active) — never a value passed in.\n */\nexport const KeyboardShortcuts = forwardRef<HTMLDivElement, KeyboardShortcutsProps>(\n  function KeyboardShortcuts(\n    { groups, searchable = true, query: queryProp, onQueryChange, className, ...props },\n    ref,\n  ) {\n    const isControlled = queryProp !== undefined;\n    const [internalQuery, setInternalQuery] = useState(\"\");\n    const query = isControlled ? queryProp : internalQuery;\n    const normalizedQuery = query.trim().toLowerCase();\n    const isFiltering = normalizedQuery.length > 0;\n    const { t } = useLocale();\n    const searchId = useId();\n\n    const setQuery = (next: string) => {\n      if (!isControlled) setInternalQuery(next);\n      onQueryChange?.(next);\n    };\n\n    const filteredGroups = useMemo<FilteredGroup[]>(() => {\n      return groups\n        .map((group) => ({\n          group,\n          items: isFiltering\n            ? group.items.filter((item) => matchesQuery(item, normalizedQuery))\n            : group.items,\n        }))\n        .filter(({ items }) => items.length > 0);\n    }, [groups, isFiltering, normalizedQuery]);\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"keyboard-shortcuts\"\n        className={cn(\"flex flex-col gap-4\", className)}\n        {...props}\n      >\n        {searchable && (\n          <div data-slot=\"keyboard-shortcuts-search\" className=\"relative\">\n            <label htmlFor={searchId} className=\"sr-only\">\n              Search shortcuts\n            </label>\n            <Search\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\"\n            />\n            <Input\n              id={searchId}\n              type=\"search\"\n              autoComplete=\"off\"\n              placeholder={t(\"ui.keyboardShortcuts.searchPlaceholder\")}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              className=\"ps-8\"\n            />\n          </div>\n        )}\n\n        {filteredGroups.length === 0 ? (\n          <div data-slot=\"keyboard-shortcuts-empty\">\n            <StatePanel\n              kind=\"empty\"\n              title={t(\"ui.keyboardShortcuts.emptyTitle\")}\n              description={\n                isFiltering\n                  ? t(\"ui.keyboardShortcuts.emptyFiltered\", { query: query.trim() })\n                  : t(\"ui.keyboardShortcuts.empty\")\n              }\n            />\n          </div>\n        ) : (\n          <div data-slot=\"keyboard-shortcuts-groups\" className=\"flex flex-col gap-2\">\n            {filteredGroups.map(({ group, items }) => (\n              <ShortcutGroupItem\n                key={group.id}\n                group={group}\n                items={items}\n                forceOpen={isFiltering}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\ninterface ShortcutGroupItemProps {\n  group: ShortcutGroup;\n  /** Items to display — the full group, or the subset matching the active search. */\n  items: Shortcut[];\n  /** Force the group open (search is active) without discarding the user's manual toggle. */\n  forceOpen: boolean;\n}\n\nfunction ShortcutGroupItem({ group, items, forceOpen }: ShortcutGroupItemProps) {\n  const [open, setOpen] = useState(group.defaultOpen ?? false);\n\n  return (\n    <Collapsible\n      data-slot=\"keyboard-shortcuts-group\"\n      open={forceOpen || open}\n      onOpenChange={setOpen}\n      className=\"rounded-md border\"\n    >\n      <CollapsibleTrigger\n        data-slot=\"keyboard-shortcuts-group-trigger\"\n        className={cn(\n          \"flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-start\",\n          \"focus-ring\",\n          \"[&[data-state=open]>svg]:rotate-180\",\n        )}\n      >\n        <span className=\"flex items-center gap-2\">\n          <span className=\"text-body font-medium text-foreground\">{group.label}</span>\n          {/* Derived from items.length — never a caller-supplied count (see #113). */}\n          <Badge variant=\"secondary\">{items.length}</Badge>\n        </span>\n        <ChevronDown\n          aria-hidden=\"true\"\n          className=\"size-4 shrink-0 text-muted-foreground transition-transform duration-base ease-standard\"\n        />\n      </CollapsibleTrigger>\n      <CollapsibleContent data-slot=\"keyboard-shortcuts-group-content\">\n        <ul className=\"flex flex-col gap-1 px-3 pb-3\">\n          {items.map((item, index) => (\n            <li\n              key={`${item.action}-${index}`}\n              data-slot=\"keyboard-shortcuts-item\"\n              className=\"flex items-center justify-between gap-4 py-1\"\n            >\n              <span className=\"text-body text-muted-foreground\">{item.action}</span>\n              <span className=\"flex items-center gap-1\">\n                {item.keys.map((key, keyIndex) => (\n                  <Kbd key={`${key}-${keyIndex}`}>{key}</Kbd>\n                ))}\n              </span>\n            </li>\n          ))}\n        </ul>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"mappings":"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","names":["KeyboardShortcuts"]}

package/dist/chunk-ZSYT5H6U.js

@@ -0,0 +1,178 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/dropdown-menu/dropdown-menu.tsx
+import { forwardRef } from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = forwardRef(function DropdownMenuSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      ref,
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent",
+        inset && "ps-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4" })
+      ]
+    }
+  );
+});
+var DropdownMenuSubContent = forwardRef(function DropdownMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      ref,
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      ref,
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        // A leading glyph in a checkbox/radio row sizes and spaces exactly like one in a plain
+        // `DropdownMenuItem`. Direct children only: the indicator's own glyph sits inside the
+        // `start-2` span and keeps its own size.
+        "[&>svg]:size-4 [&>svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuCheckboxItem = forwardRef(function DropdownMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      checked,
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        // A leading glyph in a checkbox/radio row sizes and spaces exactly like one in a plain
+        // `DropdownMenuItem`. Direct children only: the indicator's own glyph sits inside the
+        // `start-2` span and keeps its own size.
+        "[&>svg]:size-4 [&>svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast",
+        "focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg]:size-4 [&_svg]:shrink-0",
+        inset && "ps-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      ref,
+      className: cn("px-2 py-1.5 text-meta font-semibold text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+});
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ms-auto text-meta tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuRadioGroup,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuRadioItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut
+};
+//# sourceMappingURL=chunk-ZSYT5H6U.js.map

package/dist/chunk-ZSYT5H6U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nexport const DropdownMenuSubTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & { inset?: boolean }\n>(function DropdownMenuSubTrigger({ className, inset, children, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(\n        \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ms-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\n\nexport const DropdownMenuSubContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(function DropdownMenuSubContent({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        ref={ref}\n        data-slot=\"dropdown-menu-sub-content\"\n        className={cn(\n          \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n});\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(function DropdownMenuRadioItem({ className, children, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        // A leading glyph in a checkbox/radio row sizes and spaces exactly like one in a plain\n        // `DropdownMenuItem`. Direct children only: the indicator's own glyph sits inside the\n        // `start-2` span and keeps its own size.\n        \"[&>svg]:size-4 [&>svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Circle className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(function DropdownMenuCheckboxItem({ className, children, checked, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      ref={ref}\n      checked={checked}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        // A leading glyph in a checkbox/radio row sizes and spaces exactly like one in a plain\n        // `DropdownMenuItem`. Direct children only: the indicator's own glyph sits inside the\n        // `start-2` span and keeps its own size.\n        \"[&>svg]:size-4 [&>svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(function DropdownMenuContent({ className, sideOffset = 6, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n});\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { inset?: boolean }\n>(function DropdownMenuItem({ className, inset, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast\",\n        \"focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        \"[&_svg]:size-4 [&_svg]:shrink-0\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\n>(function DropdownMenuLabel({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      className={cn(\"px-2 py-1.5 text-meta font-semibold text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n});\n\nexport function DropdownMenuShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      className={cn(\"ms-auto text-meta tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":["DropdownMenuSubTrigger","DropdownMenuSubContent","DropdownMenuRadioItem","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuItem","DropdownMenuLabel","DropdownMenuSeparator"]}

package/dist/chunk-ZXVPEQM5.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-ZXVPEQM5.js.map