@particle-academy/react-fancy 6.7.2 → 6.9.0

package/dist/{chunk-BLOX7MRO.js → chunk-QE7KXMUZ.js}

@@ -21,7 +21,7 @@ var IndexList = forwardRef(
             }
           ) : item.title }),
           item.meta != null && /* @__PURE__ */ jsx("span", { "data-react-fancy-index-meta": "", className: "shrink-0 truncate text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]", children: item.meta }),
-          item.value != null && /* @__PURE__ */ jsx("span", { "data-react-fancy-index-value": "", className: "ml-auto shrink-0 font-mono text-xs tabular-nums text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]", children: item.value })
+          item.value != null && /* @__PURE__ */ jsx("span", { "data-react-fancy-index-value": "", className: "ms-auto shrink-0 font-mono text-xs tabular-nums text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]", children: item.value })
         ]
       },
       item.id ?? i
@@ -31,5 +31,5 @@ var IndexList = forwardRef(
 IndexList.displayName = "IndexList";
 
 export { IndexList };
-//# sourceMappingURL=chunk-BLOX7MRO.js.map
-//# sourceMappingURL=chunk-BLOX7MRO.js.map
+//# sourceMappingURL=chunk-QE7KXMUZ.js.map
+//# sourceMappingURL=chunk-QE7KXMUZ.js.map

package/dist/{chunk-BLOX7MRO.js.map → chunk-QE7KXMUZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/IndexList/IndexList.tsx"],"names":[],"mappings":";;;;AAuBO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/C,IAAA,MAAM,OAAO,MAAA,IAAU,GAAA;AAEvB,IAAA,2BACG,IAAA,EAAA,EAAG,GAAA,EAAU,6BAAA,EAA4B,EAAA,EAAG,WAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA,EAAI,GAAG,KAAA,EAC7F,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,MAAM,CAAA,qBAChB,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAU,uGAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,GAAA,IAAO,wBACX,GAAA,CAAC,MAAA,EAAA,EAAK,8BAA2B,EAAA,EAAG,SAAA,EAAU,yKAAA,EAC3C,QAAA,EAAA,IAAA,CAAK,GAAA,EACR,CAAA;AAAA,8BAGD,MAAA,EAAA,EAAK,8BAAA,EAA6B,IAAG,SAAA,EAAU,yJAAA,EAC7C,eAAK,IAAA,mBACJ,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,SAAA,EAAU,8EAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR,GAEA,KAAK,KAAA,EAET,CAAA;AAAA,UAEC,IAAA,CAAK,IAAA,IAAQ,IAAA,oBACZ,GAAA,CAAC,MAAA,EAAA,EAAK,+BAA4B,EAAA,EAAG,SAAA,EAAU,2JAAA,EAA6J,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,UAGvN,IAAA,CAAK,KAAA,IAAS,IAAA,oBACb,GAAA,CAAC,MAAA,EAAA,EAAK,gCAA6B,EAAA,EAAG,SAAA,EAAU,iLAAA,EAC7C,QAAA,EAAA,IAAA,CAAK,KAAA,EACR;AAAA;AAAA,OAAA;AAAA,MA9BG,KAAK,EAAA,IAAM;AAAA,KAiCnB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-BLOX7MRO.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { IndexListProps } from \"./IndexList.types\";\n\n/**\n * A flush-left numbered index — `num · title · meta · trailing value`, each row\n * optionally a single clickable target.\n *\n * Thirteen gallery styles build this, and the sandbox uses a `stretched-link`\n * treatment in twenty-four places.\n *\n * ## Exactly one anchor per row, by construction\n *\n * The row is `relative` and the title's `<a>` carries `after:absolute\n * after:inset-0`, so the anchor's own pseudo-element covers the row. The\n * alternative — wrapping the row in an `<a>` and putting more links inside —\n * produces nested anchors, which is issue #418: the browser silently\n * restructures that DOM, so the server HTML and the client tree disagree and\n * hydration blows up. A test asserts one anchor per row for that reason.\n *\n * The link text stays the title rather than becoming an `aria-label` on an\n * invisible overlay, so the accessible name is the thing you would say out loud.\n */\nexport const IndexList = forwardRef<HTMLOListElement, IndexListProps>(\n  ({ items, linkAs, className, ...props }, ref) => {\n    const Link = linkAs ?? \"a\";\n\n    return (\n      <ol ref={ref} data-react-fancy-index-list=\"\" className={cn(\"m-0 list-none p-0\", className)} {...props}>\n        {items.map((item, i) => (\n          <li\n            key={item.id ?? i}\n            data-react-fancy-index-row=\"\"\n            className=\"relative flex items-baseline gap-4 border-b border-zinc-200 py-3 last:border-b-0 dark:border-zinc-800\"\n          >\n            {item.num != null && (\n              <span data-react-fancy-index-num=\"\" className=\"shrink-0 font-mono text-xs tabular-nums text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\">\n                {item.num}\n              </span>\n            )}\n\n            <span data-react-fancy-index-title=\"\" className=\"min-w-0 flex-1 truncate font-medium text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\">\n              {item.href ? (\n                <Link\n                  href={item.href}\n                  className=\"no-underline after:absolute after:inset-0 after:content-[''] hover:underline\"\n                >\n                  {item.title}\n                </Link>\n              ) : (\n                item.title\n              )}\n            </span>\n\n            {item.meta != null && (\n              <span data-react-fancy-index-meta=\"\" className=\"shrink-0 truncate text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">{item.meta}</span>\n            )}\n\n            {item.value != null && (\n              <span data-react-fancy-index-value=\"\" className=\"ml-auto shrink-0 font-mono text-xs tabular-nums text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n                {item.value}\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    );\n  },\n);\n\nIndexList.displayName = \"IndexList\";\n"]}
+{"version":3,"sources":["../src/components/IndexList/IndexList.tsx"],"names":[],"mappings":";;;;AAuBO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/C,IAAA,MAAM,OAAO,MAAA,IAAU,GAAA;AAEvB,IAAA,2BACG,IAAA,EAAA,EAAG,GAAA,EAAU,6BAAA,EAA4B,EAAA,EAAG,WAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA,EAAI,GAAG,KAAA,EAC7F,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,MAAM,CAAA,qBAChB,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAU,uGAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,GAAA,IAAO,wBACX,GAAA,CAAC,MAAA,EAAA,EAAK,8BAA2B,EAAA,EAAG,SAAA,EAAU,yKAAA,EAC3C,QAAA,EAAA,IAAA,CAAK,GAAA,EACR,CAAA;AAAA,8BAGD,MAAA,EAAA,EAAK,8BAAA,EAA6B,IAAG,SAAA,EAAU,yJAAA,EAC7C,eAAK,IAAA,mBACJ,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,SAAA,EAAU,8EAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR,GAEA,KAAK,KAAA,EAET,CAAA;AAAA,UAEC,IAAA,CAAK,IAAA,IAAQ,IAAA,oBACZ,GAAA,CAAC,MAAA,EAAA,EAAK,+BAA4B,EAAA,EAAG,SAAA,EAAU,2JAAA,EAA6J,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,UAGvN,IAAA,CAAK,KAAA,IAAS,IAAA,oBACb,GAAA,CAAC,MAAA,EAAA,EAAK,gCAA6B,EAAA,EAAG,SAAA,EAAU,iLAAA,EAC7C,QAAA,EAAA,IAAA,CAAK,KAAA,EACR;AAAA;AAAA,OAAA;AAAA,MA9BG,KAAK,EAAA,IAAM;AAAA,KAiCnB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-QE7KXMUZ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { IndexListProps } from \"./IndexList.types\";\n\n/**\n * A flush-left numbered index — `num · title · meta · trailing value`, each row\n * optionally a single clickable target.\n *\n * Thirteen gallery styles build this, and the sandbox uses a `stretched-link`\n * treatment in twenty-four places.\n *\n * ## Exactly one anchor per row, by construction\n *\n * The row is `relative` and the title's `<a>` carries `after:absolute\n * after:inset-0`, so the anchor's own pseudo-element covers the row. The\n * alternative — wrapping the row in an `<a>` and putting more links inside —\n * produces nested anchors, which is issue #418: the browser silently\n * restructures that DOM, so the server HTML and the client tree disagree and\n * hydration blows up. A test asserts one anchor per row for that reason.\n *\n * The link text stays the title rather than becoming an `aria-label` on an\n * invisible overlay, so the accessible name is the thing you would say out loud.\n */\nexport const IndexList = forwardRef<HTMLOListElement, IndexListProps>(\n  ({ items, linkAs, className, ...props }, ref) => {\n    const Link = linkAs ?? \"a\";\n\n    return (\n      <ol ref={ref} data-react-fancy-index-list=\"\" className={cn(\"m-0 list-none p-0\", className)} {...props}>\n        {items.map((item, i) => (\n          <li\n            key={item.id ?? i}\n            data-react-fancy-index-row=\"\"\n            className=\"relative flex items-baseline gap-4 border-b border-zinc-200 py-3 last:border-b-0 dark:border-zinc-800\"\n          >\n            {item.num != null && (\n              <span data-react-fancy-index-num=\"\" className=\"shrink-0 font-mono text-xs tabular-nums text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\">\n                {item.num}\n              </span>\n            )}\n\n            <span data-react-fancy-index-title=\"\" className=\"min-w-0 flex-1 truncate font-medium text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\">\n              {item.href ? (\n                <Link\n                  href={item.href}\n                  className=\"no-underline after:absolute after:inset-0 after:content-[''] hover:underline\"\n                >\n                  {item.title}\n                </Link>\n              ) : (\n                item.title\n              )}\n            </span>\n\n            {item.meta != null && (\n              <span data-react-fancy-index-meta=\"\" className=\"shrink-0 truncate text-sm text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">{item.meta}</span>\n            )}\n\n            {item.value != null && (\n              <span data-react-fancy-index-value=\"\" className=\"ms-auto shrink-0 font-mono text-xs tabular-nums text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n                {item.value}\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    );\n  },\n);\n\nIndexList.displayName = \"IndexList\";\n"]}

package/dist/{chunk-ZPBKRJMH.js → chunk-QEJBMXRQ.js}

@@ -82,7 +82,7 @@ function ChevronIcon({ open }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: cn("shrink-0 transition-transform duration-150", open && "rotate-90"),
+      className: cn("shrink-0 transition-transform duration-150 rtl:-scale-x-100", open && "rotate-90 rtl:-rotate-90"),
       children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
     }
   );
@@ -244,7 +244,7 @@ function TreeNodeImpl({ node, depth }) {
           {
             "data-react-fancy-tree-drop-indicator": "before",
             className: "pointer-events-none h-0.5 rounded-full bg-blue-500",
-            style: { marginLeft: paddingLeft }
+            style: { marginInlineStart: paddingLeft }
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -258,7 +258,7 @@ function TreeNodeImpl({ node, depth }) {
             onContextMenu: handleContextMenu,
             disabled: node.disabled,
             className: cn(
-              "flex w-full items-center gap-1 rounded-md py-0.5 text-left text-[13px] transition-colors",
+              "flex w-full items-center gap-1 rounded-md py-0.5 text-start text-[13px] transition-colors",
               isSelected ? "bg-blue-500/15 text-blue-600 dark:text-blue-400" : "text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]",
               node.disabled && "pointer-events-none opacity-40",
               isDragging && "opacity-50",
@@ -270,7 +270,7 @@ function TreeNodeImpl({ node, depth }) {
               canDrag && (dragCursor === "grab" ? "cursor-grab active:cursor-grabbing" : "active:cursor-grabbing"),
               isDropTarget && dropPosition === "inside" && "bg-blue-500/10 ring-1 ring-blue-500/30 ring-inset"
             ),
-            style: { paddingLeft },
+            style: { paddingInlineStart: paddingLeft },
             children: [
               isFolder && /* @__PURE__ */ jsx(ChevronIcon, { open: isExpanded }),
               !isFolder && /* @__PURE__ */ jsx("span", { className: "w-3.5 shrink-0" }),
@@ -284,7 +284,7 @@ function TreeNodeImpl({ node, depth }) {
           {
             "data-react-fancy-tree-drop-indicator": "after",
             className: "pointer-events-none h-0.5 rounded-full bg-blue-500",
-            style: { marginLeft: paddingLeft }
+            style: { marginInlineStart: paddingLeft }
           }
         ),
         !flat && isFolder && isExpanded && node.children && /* @__PURE__ */ jsx("div", { "data-react-fancy-tree-node-children": "", children: node.children.map((child) => /* @__PURE__ */ jsx(TreeNode, { node: child, depth: depth + 1 }, child.id)) })
@@ -499,5 +499,5 @@ var TreeNav = Object.assign(TreeNavRoot, {
 });
 
 export { TreeNav, useTreeNav };
-//# sourceMappingURL=chunk-ZPBKRJMH.js.map
-//# sourceMappingURL=chunk-ZPBKRJMH.js.map
+//# sourceMappingURL=chunk-QEJBMXRQ.js.map
+//# sourceMappingURL=chunk-QEJBMXRQ.js.map

package/dist/chunk-QEJBMXRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TreeNav/TreeNav.context.ts","../src/components/TreeNav/tree-store.ts","../src/components/TreeNav/TreeNode.tsx","../src/components/TreeNav/TreeNav.tsx"],"names":["createContext","useContext","useRef","useCallback","jsx"],"mappings":"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","file":"chunk-QEJBMXRQ.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { TreeNavContextValue } from \"./TreeNav.types\";\n\nexport const TreeNavContext = createContext<TreeNavContextValue | null>(null);\n\nexport function useTreeNav(): TreeNavContextValue {\n  const ctx = useContext(TreeNavContext);\n  if (!ctx) {\n    throw new Error(\"useTreeNav must be used within a <TreeNav> component\");\n  }\n  return ctx;\n}\n","import { createContext, useContext, useSyncExternalStore } from \"react\";\nimport type { DragState, DropPosition, TreeNodeData } from \"./TreeNav.types\";\n\n/** What changes as someone clicks, toggles and drags — the state rows subscribe to. */\nexport interface TreeState {\n  selectedId?: string;\n  expanded: ReadonlySet<string>;\n  dragState: DragState;\n}\n\nexport interface TreeStore {\n  get(): TreeState;\n  set(next: TreeState): void;\n  subscribe(listener: () => void): () => void;\n}\n\nexport function createTreeStore(initial: TreeState): TreeStore {\n  let state = initial;\n  const listeners = new Set<() => void>();\n  return {\n    get: () => state,\n    set(next) {\n      state = next;\n      for (const listener of listeners) listener();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n\n/**\n * Everything a row needs that does NOT change on a click. Handlers are stable\n * (they read the latest props and state when called), so this value only changes\n * when the tree's data or configuration does.\n *\n * Kept apart from the public `TreeNavContext` on purpose: that one still carries\n * live `selectedId` / `expandedIds` for `useTreeNav()` callers, and any component\n * reading it re-renders on every click. Rows no longer read it — which is the\n * whole fix: a click used to re-render every row in the tree.\n */\nexport interface TreeInternals {\n  store: TreeStore;\n  nodes: TreeNodeData[];\n  select: (node: TreeNodeData) => void;\n  toggle: (id: string) => void;\n  expandNode: (id: string) => void;\n  setDragState: (state: DragState) => void;\n  contextMenu?: (e: React.MouseEvent, node: TreeNodeData) => void;\n  moveNode?: (sourceId: string, targetId: string, position: DropPosition) => void;\n  externalDrop?: (event: React.DragEvent, target: TreeNodeData, position: DropPosition) => void;\n  indentSize: number;\n  showIcons: boolean;\n  draggable: boolean;\n  dragCursor: \"grab\" | \"none\";\n  acceptExternalDrops: boolean;\n  /** Rows are rendered flat by a virtual list, so a row never renders its children. */\n  flat: boolean;\n}\n\nexport const TreeInternalsContext = createContext<TreeInternals | null>(null);\n\nexport function useTreeInternals(): TreeInternals {\n  const internals = useContext(TreeInternalsContext);\n  if (!internals) throw new Error(\"TreeNav.Node must be used within a <TreeNav> component\");\n  return internals;\n}\n\n/** Subscribe to ONE derived value; the row re-renders only when that value changes. */\nexport function useTreeSlice<T>(select: (state: TreeState) => T): T {\n  const { store } = useTreeInternals();\n  return useSyncExternalStore(\n    store.subscribe,\n    () => select(store.get()),\n    () => select(store.get()),\n  );\n}\n","import { memo, useRef, useEffect, useCallback } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useTreeInternals, useTreeSlice } from \"./tree-store\";\nimport type { TreeNodeProps, TreeNodeData, DropPosition } from \"./TreeNav.types\";\n\nconst EXT_COLORS: Record<string, string> = {\n  ts: \"#3178c6\",\n  tsx: \"#3178c6\",\n  js: \"#f7df1e\",\n  jsx: \"#f7df1e\",\n  php: \"#777bb4\",\n  html: \"#e34c26\",\n  htm: \"#e34c26\",\n  css: \"#264de4\",\n  json: \"#a1a1aa\",\n  md: \"#71717a\",\n  yaml: \"#cb171e\",\n  yml: \"#cb171e\",\n};\n\nfunction FileIcon({ ext }: { ext?: string }) {\n  const color = (ext && EXT_COLORS[ext.toLowerCase()]) || \"#71717a\";\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n      <path d=\"M4 1h5.5L13 4.5V14a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1z\" stroke={color} strokeWidth=\"1.2\" />\n      <path d=\"M9 1v4h4\" stroke={color} strokeWidth=\"1.2\" />\n    </svg>\n  );\n}\n\nfunction FolderIcon({ open }: { open: boolean }) {\n  if (open) {\n    return (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n        <path d=\"M1.5 3.5a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1V5H2.5V3.5z\" fill=\"#fbbf24\" />\n        <path d=\"M1 6h13l-1.5 7.5H2.5L1 6z\" fill=\"#fbbf24\" opacity=\"0.7\" />\n      </svg>\n    );\n  }\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n      <path d=\"M1.5 3a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1v8a1 1 0 01-1 1H2.5a1 1 0 01-1-1V3z\" fill=\"#fbbf24\" />\n    </svg>\n  );\n}\n\nfunction ChevronIcon({ open }: { open: boolean }) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      // Closed, it points to the inline end (mirrored in RTL); open, it points\n      // down. The mirror applies before the rotation, so RTL turns the other way.\n      className={cn(\"shrink-0 transition-transform duration-150 rtl:-scale-x-100\", open && \"rotate-90 rtl:-rotate-90\")}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Utilities\n// ---------------------------------------------------------------------------\n\nfunction isDescendantOf(\n  nodes: TreeNodeData[],\n  ancestorId: string,\n  targetId: string,\n): boolean {\n  function findNode(haystack: TreeNodeData[], id: string): TreeNodeData | undefined {\n    for (const n of haystack) {\n      if (n.id === id) return n;\n      if (n.children) {\n        const found = findNode(n.children, id);\n        if (found) return found;\n      }\n    }\n    return undefined;\n  }\n\n  function hasDescendant(node: TreeNodeData, id: string): boolean {\n    if (!node.children) return false;\n    for (const child of node.children) {\n      if (child.id === id) return true;\n      if (hasDescendant(child, id)) return true;\n    }\n    return false;\n  }\n\n  const ancestor = findNode(nodes, ancestorId);\n  return ancestor ? hasDescendant(ancestor, targetId) : false;\n}\n\nfunction computeDropPosition(\n  e: React.DragEvent,\n  isFolder: boolean,\n): DropPosition {\n  const rect = e.currentTarget.getBoundingClientRect();\n  const offsetY = e.clientY - rect.top;\n  const third = rect.height / 3;\n\n  if (offsetY < third) return \"before\";\n  if (offsetY > third * 2) return \"after\";\n  return isFolder ? \"inside\" : \"after\";\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n\n/**\n * One row (and, when nested, its expanded children).\n *\n * Reads what changes on a click — selection, expansion, drag — as per-row slices\n * of a store, so a click re-renders only the rows whose slice changed. It used to\n * read one context holding all of it, so every click re-rendered every row:\n * 175-267 ms per click on a 5,000-node tree. `memo` keeps a parent's re-render\n * from reaching rows whose `node` and `depth` did not change.\n */\nfunction TreeNodeImpl({ node, depth }: TreeNodeProps) {\n  const {\n    store, nodes, select, toggle, expandNode, setDragState, contextMenu, moveNode, externalDrop,\n    indentSize, showIcons, draggable, dragCursor, acceptExternalDrops, flat,\n  } = useTreeInternals();\n\n  const isFolder = node.type === \"folder\" || (node.children && node.children.length > 0);\n  const isExpanded = useTreeSlice((s) => s.expanded.has(node.id));\n  const isSelected = useTreeSlice((s) => s.selectedId === node.id);\n  const isDragging = useTreeSlice((s) => s.dragState.draggedNodeId === node.id);\n  const dropPosition = useTreeSlice((s) =>\n    s.dragState.dropTargetId === node.id ? s.dragState.dropPosition : null,\n  );\n  const isDropTarget = dropPosition !== null;\n  const paddingLeft = depth * indentSize + 4;\n\n  // Auto-expand timer for folders during drag\n  const autoExpandTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearAutoExpand = useCallback(() => {\n    if (autoExpandTimer.current) {\n      clearTimeout(autoExpandTimer.current);\n      autoExpandTimer.current = null;\n    }\n  }, []);\n\n  useEffect(() => clearAutoExpand, [clearAutoExpand]);\n\n  // ---------------------------------------------------------------------------\n  // Click handlers\n  // ---------------------------------------------------------------------------\n\n  const handleClick = () => {\n    if (node.disabled) return;\n    if (isFolder) {\n      toggle(node.id);\n    }\n    select(node);\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    if (contextMenu) {\n      e.preventDefault();\n      contextMenu(e, node);\n    }\n  };\n\n  // ---------------------------------------------------------------------------\n  // Drag source handlers\n  // ---------------------------------------------------------------------------\n\n  const handleDragStart = useCallback((e: React.DragEvent) => {\n    e.dataTransfer.setData(\"text/plain\", node.id);\n    e.dataTransfer.effectAllowed = \"move\";\n    // Set state async so the browser captures the element for the drag ghost first\n    requestAnimationFrame(() => {\n      setDragState({ draggedNodeId: node.id, dropTargetId: null, dropPosition: null });\n    });\n  }, [node.id, setDragState]);\n\n  const handleDragEnd = useCallback(() => {\n    clearAutoExpand();\n    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });\n  }, [clearAutoExpand, setDragState]);\n\n  // ---------------------------------------------------------------------------\n  // Drop target handlers (on outer div). Drag state is read from the store when\n  // the event fires, so a row does not re-render as a drag moves elsewhere.\n  // ---------------------------------------------------------------------------\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    const { dragState } = store.get();\n    const isExternalDrag = !dragState.draggedNodeId;\n    if (isExternalDrag) {\n      // External drop accepted only when host opted in.\n      if (!acceptExternalDrops) return;\n    } else {\n      const sourceId = dragState.draggedNodeId!;\n      if (sourceId === node.id) return;\n      if (isDescendantOf(nodes, sourceId, node.id)) return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n    e.dataTransfer.dropEffect = isExternalDrag ? \"copy\" : \"move\";\n\n    const position = computeDropPosition(e, !!isFolder);\n\n    // Auto-expand collapsed folders when hovering \"inside\"\n    if (isFolder && !store.get().expanded.has(node.id) && position === \"inside\") {\n      if (!autoExpandTimer.current) {\n        autoExpandTimer.current = setTimeout(() => {\n          expandNode(node.id);\n          autoExpandTimer.current = null;\n        }, 500);\n      }\n    } else {\n      clearAutoExpand();\n    }\n\n    if (dragState.dropTargetId !== node.id || dragState.dropPosition !== position) {\n      setDragState({ draggedNodeId: dragState.draggedNodeId, dropTargetId: node.id, dropPosition: position });\n    }\n  }, [store, acceptExternalDrops, node.id, isFolder, nodes, setDragState, expandNode, clearAutoExpand]);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n      clearAutoExpand();\n      const { dragState } = store.get();\n      if (dragState.dropTargetId === node.id) {\n        setDragState({ ...dragState, dropTargetId: null, dropPosition: null });\n      }\n    }\n  }, [store, node.id, setDragState, clearAutoExpand]);\n\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    clearAutoExpand();\n\n    const { dragState } = store.get();\n    const sourceId = dragState.draggedNodeId;\n    const position = dragState.dropPosition ?? computeDropPosition(e, !!isFolder);\n\n    if (sourceId) {\n      // Internal node move.\n      if (sourceId === node.id) return;\n      if (isDescendantOf(nodes, sourceId, node.id)) return;\n      moveNode?.(sourceId, node.id, position);\n    } else if (acceptExternalDrops) {\n      // External drop — files, items from other components, etc.\n      externalDrop?.(e, node, position);\n    }\n\n    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });\n  }, [store, node, isFolder, nodes, moveNode, acceptExternalDrops, externalDrop, setDragState, clearAutoExpand]);\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const canDrag = draggable && !node.disabled;\n  const dropEnabled = draggable || acceptExternalDrops;\n\n  return (\n    <div\n      data-react-fancy-tree-node=\"\"\n      onDragOver={dropEnabled ? handleDragOver : undefined}\n      onDragLeave={dropEnabled ? handleDragLeave : undefined}\n      onDrop={dropEnabled ? handleDrop : undefined}\n    >\n      {/* Before drop indicator */}\n      {isDropTarget && dropPosition === \"before\" && (\n        <div\n          data-react-fancy-tree-drop-indicator=\"before\"\n          className=\"pointer-events-none h-0.5 rounded-full bg-blue-500\"\n          style={{ marginInlineStart: paddingLeft }}\n        />\n      )}\n\n      <button\n        type=\"button\"\n        draggable={canDrag}\n        onDragStart={canDrag ? handleDragStart : undefined}\n        onDragEnd={canDrag ? handleDragEnd : undefined}\n        onClick={handleClick}\n        onContextMenu={handleContextMenu}\n        disabled={node.disabled}\n        className={cn(\n          \"flex w-full items-center gap-1 rounded-md py-0.5 text-start text-[13px] transition-colors\",\n          isSelected\n            ? \"bg-blue-500/15 text-blue-600 dark:text-blue-400\"\n            : \"text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n          node.disabled && \"pointer-events-none opacity-40\",\n          isDragging && \"opacity-50\",\n          // Grab affordance. By default (`dragCursor=\"none\"`) the row keeps its\n          // normal click cursor on hover — no open-hand \"move me\" cursor before\n          // any drag — and only shows the closed-hand `grabbing` cursor while a\n          // drag is actually underway (mousedown/drag). `dragCursor=\"grab\"` opts\n          // back into the always-on grab cursor for whole-row drag handles (#14).\n          canDrag &&\n            (dragCursor === \"grab\" ? \"cursor-grab active:cursor-grabbing\" : \"active:cursor-grabbing\"),\n          isDropTarget && dropPosition === \"inside\" && \"bg-blue-500/10 ring-1 ring-blue-500/30 ring-inset\",\n        )}\n        style={{ paddingInlineStart: paddingLeft }}\n      >\n        {isFolder && <ChevronIcon open={isExpanded} />}\n        {!isFolder && <span className=\"w-3.5 shrink-0\" />}\n        {showIcons && (\n          node.icon ?? (isFolder\n            ? <FolderIcon open={isExpanded} />\n            : <FileIcon ext={node.ext ?? node.label.split(\".\").pop()} />)\n        )}\n        <span className=\"truncate\">{node.label}</span>\n      </button>\n\n      {/* After drop indicator */}\n      {isDropTarget && dropPosition === \"after\" && (\n        <div\n          data-react-fancy-tree-drop-indicator=\"after\"\n          className=\"pointer-events-none h-0.5 rounded-full bg-blue-500\"\n          style={{ marginInlineStart: paddingLeft }}\n        />\n      )}\n\n      {/* A virtual list renders rows flat, so a row never renders its own children there. */}\n      {!flat && isFolder && isExpanded && node.children && (\n        <div data-react-fancy-tree-node-children=\"\">\n          {node.children.map((child) => (\n            <TreeNode key={child.id} node={child} depth={depth + 1} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeImpl);\n\nTreeNode.displayName = \"TreeNode\";\n","import { useMemo, useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { VirtualList } from \"../VirtualList\";\nimport { TreeNavContext } from \"./TreeNav.context\";\nimport { TreeNode } from \"./TreeNode\";\nimport { createTreeStore, TreeInternalsContext, type TreeInternals } from \"./tree-store\";\nimport type { TreeNavProps, TreeNodeData, DragState } from \"./TreeNav.types\";\n\nfunction collectFolderIds(nodes: TreeNodeData[]): string[] {\n  const ids: string[] = [];\n  for (const node of nodes) {\n    if (node.children && node.children.length > 0) {\n      ids.push(node.id);\n      ids.push(...collectFolderIds(node.children));\n    }\n  }\n  return ids;\n}\n\nconst EMPTY_DRAG_STATE: DragState = {\n  draggedNodeId: null,\n  dropTargetId: null,\n  dropPosition: null,\n};\n\ninterface FlatRow {\n  id: string;\n  node: TreeNodeData;\n  depth: number;\n}\n\n/** The rows currently visible — every node, descending only into expanded folders. */\nfunction flattenVisible(nodes: TreeNodeData[], expanded: ReadonlySet<string>): FlatRow[] {\n  const rows: FlatRow[] = [];\n  const walk = (list: TreeNodeData[], depth: number) => {\n    for (const node of list) {\n      rows.push({ id: node.id, node, depth });\n      const isFolder = node.type === \"folder\" || (node.children && node.children.length > 0);\n      if (isFolder && node.children && expanded.has(node.id)) walk(node.children, depth + 1);\n    }\n  };\n  walk(nodes, 0);\n  return rows;\n}\n\nfunction TreeNavRoot({\n  nodes,\n  selectedId,\n  onSelect,\n  onNodeContextMenu,\n  draggable = false,\n  onNodeMove,\n  acceptExternalDrops = false,\n  onExternalDrop,\n  expandedIds: controlledExpanded,\n  defaultExpandedIds,\n  onExpandedChange,\n  defaultExpandAll = false,\n  indentSize = 16,\n  showIcons = true,\n  dragCursor = \"none\",\n  virtualize = false,\n  height = 400,\n  rowHeight = 26,\n  className,\n}: TreeNavProps) {\n  const [internalExpanded, setInternalExpanded] = useState<string[]>(() => {\n    if (defaultExpandedIds) return defaultExpandedIds;\n    if (defaultExpandAll) return collectFolderIds(nodes);\n    return [];\n  });\n\n  const isControlled = controlledExpanded !== undefined;\n  const expandedIds = isControlled ? controlledExpanded : internalExpanded;\n  // One Set per change, so a row's \"am I expanded?\" is a lookup, not a scan.\n  const expanded = useMemo(() => new Set(expandedIds), [expandedIds]);\n\n  const [dragState, setDragState] = useState<DragState>(EMPTY_DRAG_STATE);\n\n  /*\n   * The latest props and state, for handlers that must stay STABLE. A handler\n   * whose identity changes on every click would change the context rows read,\n   * and re-render every row — the exact cost this component is avoiding.\n   */\n  const latest = useRef({ expandedIds, isControlled, onExpandedChange, onSelect, onNodeContextMenu, onNodeMove, onExternalDrop });\n  latest.current = { expandedIds, isControlled, onExpandedChange, onSelect, onNodeContextMenu, onNodeMove, onExternalDrop };\n\n  const setExpanded = useCallback((next: string[]) => {\n    if (!latest.current.isControlled) setInternalExpanded(next);\n    latest.current.onExpandedChange?.(next);\n  }, []);\n\n  const toggle = useCallback(\n    (id: string) => {\n      const current = latest.current.expandedIds;\n      setExpanded(current.includes(id) ? current.filter((v) => v !== id) : [...current, id]);\n    },\n    [setExpanded],\n  );\n\n  const expandNode = useCallback(\n    (id: string) => {\n      const current = latest.current.expandedIds;\n      if (!current.includes(id)) setExpanded([...current, id]);\n    },\n    [setExpanded],\n  );\n\n  const select = useCallback((node: TreeNodeData) => latest.current.onSelect?.(node.id, node), []);\n  const contextMenu = useCallback(\n    (e: React.MouseEvent, node: TreeNodeData) => latest.current.onNodeContextMenu?.(e, node),\n    [],\n  );\n  const moveNode = useCallback(\n    (sourceId: string, targetId: string, position: Parameters<NonNullable<TreeNavProps[\"onNodeMove\"]>>[2]) =>\n      latest.current.onNodeMove?.(sourceId, targetId, position),\n    [],\n  );\n  const externalDrop = useCallback(\n    (event: React.DragEvent, target: TreeNodeData, position: Parameters<NonNullable<TreeNavProps[\"onExternalDrop\"]>>[2]) =>\n      latest.current.onExternalDrop?.(event, target, position),\n    [],\n  );\n\n  // What rows subscribe to. Seeded with this render's values so the first paint\n  // is right; kept current after each render that changes them.\n  const [store] = useState(() => createTreeStore({ selectedId, expanded, dragState }));\n  useLayoutEffect(() => {\n    const current = store.get();\n    if (current.selectedId !== selectedId || current.expanded !== expanded || current.dragState !== dragState) {\n      store.set({ selectedId, expanded, dragState });\n    }\n  }, [store, selectedId, expanded, dragState]);\n\n  const hasContextMenu = onNodeContextMenu !== undefined;\n  const internals = useMemo<TreeInternals>(\n    () => ({\n      store,\n      nodes,\n      select,\n      toggle,\n      expandNode,\n      setDragState,\n      // Present only when the host gave one: a row then claims the right-click.\n      contextMenu: hasContextMenu ? contextMenu : undefined,\n      moveNode,\n      externalDrop,\n      indentSize,\n      showIcons,\n      draggable,\n      dragCursor,\n      acceptExternalDrops,\n      flat: virtualize,\n    }),\n    [store, nodes, select, toggle, expandNode, hasContextMenu, contextMenu, moveNode, externalDrop,\n     indentSize, showIcons, draggable, dragCursor, acceptExternalDrops, virtualize],\n  );\n\n  // Unchanged public context, still live for `useTreeNav()` callers. Rows no\n  // longer read it, so its changing on a click re-renders only those callers.\n  const ctx = useMemo(\n    () => ({\n      selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n      draggable, dragCursor, dragState, setDragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode,\n    }),\n    [selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n     draggable, dragCursor, dragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode],\n  );\n\n  const rows = useMemo(\n    () => (virtualize ? flattenVisible(nodes, expanded) : []),\n    [virtualize, nodes, expanded],\n  );\n\n  const handleDragEnd = useCallback(() => {\n    setDragState(EMPTY_DRAG_STATE);\n  }, []);\n\n  const dropEnabled = draggable || acceptExternalDrops;\n\n  return (\n    <TreeNavContext.Provider value={ctx}>\n      <TreeInternalsContext.Provider value={internals}>\n        <nav\n          data-react-fancy-tree-nav=\"\"\n          data-react-fancy-tree-nav-virtual={virtualize ? \"\" : undefined}\n          className={cn(\"flex flex-col gap-0.5 py-1 text-sm\", className)}\n          onDragEnd={dropEnabled ? handleDragEnd : undefined}\n        >\n          {virtualize ? (\n            <VirtualList\n              items={rows}\n              height={height}\n              estimateRowHeight={rowHeight}\n              renderRow={(row) => <TreeNode node={row.node} depth={row.depth} />}\n            />\n          ) : (\n            nodes.map((node) => <TreeNode key={node.id} node={node} depth={0} />)\n          )}\n        </nav>\n      </TreeInternalsContext.Provider>\n    </TreeNavContext.Provider>\n  );\n}\n\nTreeNavRoot.displayName = \"TreeNav\";\n\nexport const TreeNav = Object.assign(TreeNavRoot, {\n  Node: TreeNode,\n});\n"]}

package/dist/{chunk-PCNJJVTF.cjs → chunk-QMZK7SRS.cjs}

@@ -163,7 +163,7 @@ function ChevronIcon({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { transform },
-      className,
+      className: chunkZU5Q77OT_cjs.cn(className, orientation === "horizontal" && "rtl:-scale-x-100"),
       "aria-hidden": "true",
       children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 4 10 8 6 12" })
     }
@@ -276,5 +276,5 @@ exports.AccordionPanelSection = AccordionPanelSection;
 exports.AccordionPanelTrigger = AccordionPanelTrigger;
 exports.useAccordionPanel = useAccordionPanel;
 exports.useAccordionSection = useAccordionSection;
-//# sourceMappingURL=chunk-PCNJJVTF.cjs.map
-//# sourceMappingURL=chunk-PCNJJVTF.cjs.map
+//# sourceMappingURL=chunk-QMZK7SRS.cjs.map
+//# sourceMappingURL=chunk-QMZK7SRS.cjs.map

package/dist/chunk-QMZK7SRS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.context.ts","../src/components/AccordionPanel/AccordionPanel.Section.tsx","../src/components/AccordionPanel/AccordionPanel.Trigger.tsx","../src/components/AccordionPanel/AccordionPanel.Content.tsx","../src/components/AccordionPanel/AccordionPanel.tsx"],"names":["createContext","useContext","useEffect","useMemo","jsx","cn","useControllableState","useCallback","useState","useRef"],"mappings":"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","file":"chunk-QMZK7SRS.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { AccordionOrientation } from \"./AccordionPanel.types\";\n\n// ── Panel-level context ─────────────────────────────────────────────────\n\nexport interface AccordionPanelContextValue {\n  orientation: AccordionOrientation;\n  isOpen: (id: string) => boolean;\n  toggle: (id: string) => void;\n  open: (id: string) => void;\n  close: (id: string) => void;\n  /** Ordered list of all section ids registered in this panel */\n  sectionIds: string[];\n  registerSection: (id: string) => () => void;\n}\n\nexport const AccordionPanelContext =\n  createContext<AccordionPanelContextValue | null>(null);\n\nexport function useAccordionPanel(): AccordionPanelContextValue {\n  const ctx = useContext(AccordionPanelContext);\n  if (!ctx) {\n    throw new Error(\n      \"AccordionPanel components must be used inside <AccordionPanel>\",\n    );\n  }\n  return ctx;\n}\n\n// ── Section-level context ───────────────────────────────────────────────\n\nexport interface AccordionSectionContextValue {\n  id: string;\n  open: boolean;\n  pinned: boolean;\n  orientation: AccordionOrientation;\n  toggle: () => void;\n}\n\nexport const AccordionSectionContext =\n  createContext<AccordionSectionContextValue | null>(null);\n\nexport function useAccordionSection(): AccordionSectionContextValue {\n  const ctx = useContext(AccordionSectionContext);\n  if (!ctx) {\n    throw new Error(\n      \"<AccordionPanel.Trigger> must be rendered inside <AccordionPanel.Section>\",\n    );\n  }\n  return ctx;\n}\n","import { useEffect, useMemo } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  AccordionSectionContext,\n  useAccordionPanel,\n} from \"./AccordionPanel.context\";\nimport type { AccordionPanelSectionProps } from \"./AccordionPanel.types\";\n\n/**\n * One collapsible section inside an AccordionPanel.\n *\n * Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`\n * children — Content renders only when open, Trigger always renders and\n * adapts its look by state. Children that are not Trigger/Content are\n * rendered as-is, regardless of state, so static decorations stay put.\n *\n * Pinned sections never collapse and don't need a Trigger.\n */\nexport function AccordionPanelSection({\n  id,\n  pinned = false,\n  className,\n  openClassName,\n  closedClassName,\n  unstyled,\n  children,\n}: AccordionPanelSectionProps) {\n  const panel = useAccordionPanel();\n  const { orientation, isOpen, toggle, registerSection } = panel;\n\n  useEffect(() => registerSection(id), [id, registerSection]);\n\n  const open = pinned || isOpen(id);\n\n  const sectionCtx = useMemo(\n    () => ({\n      id,\n      open,\n      pinned,\n      orientation,\n      toggle: () => toggle(id),\n    }),\n    [id, open, pinned, orientation, toggle],\n  );\n\n  return (\n    <AccordionSectionContext.Provider value={sectionCtx}>\n      <div\n        data-react-fancy-accordion-section=\"\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-pinned={pinned ? \"\" : undefined}\n        data-orientation={orientation}\n        className={cn(\n          \"flex shrink-0\",\n          !unstyled && \"items-center gap-1\",\n          orientation === \"horizontal\" ? \"flex-row\" : \"flex-col\",\n          className,\n          open ? openClassName : closedClassName,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionSectionContext.Provider>\n  );\n}\n\nAccordionPanelSection.displayName = \"AccordionPanelSection\";\n","import { cn } from \"../../utils/cn\";\nimport { useAccordionSection } from \"./AccordionPanel.context\";\nimport type {\n  AccordionPanelTriggerProps,\n  SectionRenderable,\n  SectionRenderState,\n} from \"./AccordionPanel.types\";\n\nfunction renderSlot(slot: SectionRenderable, state: SectionRenderState) {\n  return typeof slot === \"function\" ? slot(state) : slot;\n}\n\n/**\n * Trigger for an AccordionPanel.Section.\n *\n * Has two visual roles, picked automatically from section state:\n *\n *   - When the section is OPEN: renders as a thin divider on the section's\n *     trailing edge. Hovering reveals an inset chevron pointing toward the\n *     section so the user knows clicking will collapse it.\n *\n *   - When the section is CLOSED: renders as a standalone chevron button\n *     in place of the section content. Clicking re-expands the section.\n *\n * Supply `children` (node or render-prop) to fully replace the default\n * rendering. The render-prop receives `{ open, toggle, orientation, id }`.\n */\nexport function AccordionPanelTrigger({\n  children,\n  className,\n  \"aria-label\": ariaLabel,\n}: AccordionPanelTriggerProps) {\n  const { id, open, orientation, toggle } = useAccordionSection();\n  const state: SectionRenderState = { id, open, orientation, toggle };\n\n  // Custom render path — caller is in charge of look & feel.\n  if (children !== undefined) {\n    return (\n      <div\n        data-react-fancy-accordion-trigger=\"\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-orientation={orientation}\n        className={className}\n      >\n        {renderSlot(children, state)}\n      </div>\n    );\n  }\n\n  // Default rendering ----------------------------------------------------\n\n  if (open) {\n    // Trailing-edge divider. The visible line is 1px (rendered via the\n    // ::before pseudo-element so it stays narrow); the button's actual\n    // hitbox is much wider (w-3 / h-3 = 12px) so users don't have to land\n    // pixel-perfect on the line. Hovering the hitbox highlights the line\n    // and reveals an inset chevron signalling \"click to collapse\".\n    return (\n      <button\n        type=\"button\"\n        onClick={toggle}\n        aria-label={ariaLabel ?? \"Collapse section\"}\n        data-react-fancy-accordion-trigger=\"\"\n        data-state=\"open\"\n        data-orientation={orientation}\n        className={cn(\n          \"group relative flex shrink-0 items-center justify-center cursor-pointer\",\n          \"text-zinc-500 dark:text-zinc-500\",\n          \"hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n          // Wide hitbox + thin visible line (drawn via ::before).\n          orientation === \"horizontal\"\n            ? \"w-3 self-stretch\"\n            : \"h-3 self-stretch\",\n          \"before:absolute before:bg-[color:var(--fancy-border,var(--color-zinc-200))] dark:before:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))]\",\n          \"before:transition-colors group-hover:before:bg-zinc-400 dark:group-hover:before:bg-zinc-500\",\n          orientation === \"horizontal\"\n            ? \"before:top-0 before:bottom-0 before:w-px before:left-1/2 before:-translate-x-1/2\"\n            : \"before:left-0 before:right-0 before:h-px before:top-1/2 before:-translate-y-1/2\",\n          \"transition-colors\",\n          className,\n        )}\n      >\n        <ChevronIcon\n          orientation={orientation}\n          purpose=\"collapse\"\n          className=\"relative opacity-0 group-hover:opacity-100 transition-opacity\"\n        />\n      </button>\n    );\n  }\n\n  // Closed: standalone chevron button. Click to re-expand.\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      aria-label={ariaLabel ?? \"Expand section\"}\n      data-react-fancy-accordion-trigger=\"\"\n      data-state=\"closed\"\n      data-orientation={orientation}\n      className={cn(\n        \"flex shrink-0 items-center justify-center rounded-md\",\n        \"text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\",\n        \"hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n        \"hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n        \"transition-colors cursor-pointer\",\n        orientation === \"horizontal\" ? \"h-8 w-6 mx-0.5\" : \"w-8 h-6 my-0.5\",\n        className,\n      )}\n    >\n      <ChevronIcon orientation={orientation} purpose=\"expand\" />\n    </button>\n  );\n}\n\nAccordionPanelTrigger.displayName = \"AccordionPanelTrigger\";\n\n// ── Internal chevron ────────────────────────────────────────────────────\n\nfunction ChevronIcon({\n  orientation,\n  purpose,\n  className,\n}: {\n  orientation: \"horizontal\" | \"vertical\";\n  /** \"expand\" → closed section, click to open. \"collapse\" → open section, click to close. */\n  purpose: \"expand\" | \"collapse\";\n  className?: string;\n}) {\n  // For horizontal: both states use a left-pointing chevron (matches the\n  // screenshot convention — closed sections show ❮, open dividers reveal\n  // a ❮ on hover indicating the section will collapse leftward).\n  //\n  // For vertical: closed shows down ⌄ (click to expand below); open\n  // divider on hover shows up ⌃ (click to collapse upward).\n  const transform =\n    orientation === \"horizontal\"\n      ? \"rotate(180deg)\"\n      : purpose === \"expand\"\n        ? \"rotate(90deg)\"\n        : \"rotate(270deg)\";\n\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      width=\"12\"\n      height=\"12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      style={{ transform }}\n      // Horizontal, it points toward the inline start, which is the right in\n      // RTL. The mirror composes after the rotation; vertical is symmetric.\n      className={cn(className, orientation === \"horizontal\" && \"rtl:-scale-x-100\")}\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 4 10 8 6 12\" />\n    </svg>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useAccordionSection } from \"./AccordionPanel.context\";\n\nexport interface AccordionPanelContentProps {\n  children: ReactNode;\n  className?: string;\n  /**\n   * Skip the default flex-row/flex-col + items-center + gap classes so the\n   * consumer can lay out the open-state content however they want (e.g. a\n   * full-height chat panel with header/scroll/input rows). The\n   * `data-react-fancy-accordion-content` attribute and conditional render\n   * (only when the section is open) are kept.\n   */\n  unstyled?: boolean;\n}\n\n/**\n * Wrapper for the open-state content of a Section. Renders its children\n * only when the parent Section is open; returns `null` otherwise.\n *\n * Use this so siblings of `<AccordionPanel.Trigger>` inside a section can\n * cleanly toggle in/out of the DOM.\n *\n * The default styling assumes an inline cluster — flex row (horizontal\n * orientation) or column (vertical), centered, with a small gap. For panel\n * use cases where the content needs full-bleed layout (chat panes, canvas\n * surfaces, etc.), pass `unstyled` and supply your own className.\n */\nexport function AccordionPanelContent({\n  children,\n  className,\n  unstyled,\n}: AccordionPanelContentProps) {\n  const { open, orientation } = useAccordionSection();\n  if (!open) return null;\n\n  return (\n    <div\n      data-react-fancy-accordion-content=\"\"\n      data-orientation={orientation}\n      className={cn(\n        !unstyled && \"flex items-center gap-1\",\n        !unstyled && (orientation === \"horizontal\" ? \"flex-row\" : \"flex-col\"),\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nAccordionPanelContent.displayName = \"AccordionPanelContent\";\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { AccordionPanelContext } from \"./AccordionPanel.context\";\nimport { AccordionPanelSection } from \"./AccordionPanel.Section\";\nimport { AccordionPanelTrigger } from \"./AccordionPanel.Trigger\";\nimport { AccordionPanelContent } from \"./AccordionPanel.Content\";\nimport type { AccordionPanelProps } from \"./AccordionPanel.types\";\n\n/**\n * Horizontal or vertical accordion of collapsible sections.\n *\n * Use the compound parts:\n *   <AccordionPanel orientation=\"horizontal\" defaultValue={[\"wishlist\"]}>\n *     <AccordionPanel.Section id=\"home\" pinned>\n *       <Button icon=\"home\" />\n *     </AccordionPanel.Section>\n *     <AccordionPanel.Section id=\"wishlist\">\n *       <Button icon=\"list\">Wishlist</Button>\n *     </AccordionPanel.Section>\n *   </AccordionPanel>\n *\n * Each non-pinned section renders a trigger (default chevron-divider) that\n * collapses/expands. Pass a custom `trigger` prop on a Section, or use the\n * exported `AccordionPanel.Trigger` directly to compose your own.\n */\nfunction AccordionPanelRoot({\n  orientation = \"horizontal\",\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  className,\n  children,\n}: AccordionPanelProps) {\n  const [openIds, setOpenIds] = useControllableState<string[]>(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const openSet = useMemo(() => new Set(openIds), [openIds]);\n\n  const isOpen = useCallback((id: string) => openSet.has(id), [openSet]);\n\n  const open = useCallback(\n    (id: string) => {\n      setOpenIds(openSet.has(id) ? (openIds ?? []) : [...(openIds ?? []), id]);\n    },\n    [openSet, openIds, setOpenIds],\n  );\n\n  const close = useCallback(\n    (id: string) => {\n      setOpenIds((openIds ?? []).filter((x) => x !== id));\n    },\n    [openIds, setOpenIds],\n  );\n\n  const toggle = useCallback(\n    (id: string) => {\n      setOpenIds(\n        openSet.has(id)\n          ? (openIds ?? []).filter((x) => x !== id)\n          : [...(openIds ?? []), id],\n      );\n    },\n    [openSet, openIds, setOpenIds],\n  );\n\n  // Track section order for downstream consumers (e.g. trigger direction\n  // heuristics that need to know neighbors).\n  const [sectionIds, setSectionIds] = useState<string[]>([]);\n  const orderRef = useRef<string[]>([]);\n\n  const registerSection = useCallback((id: string) => {\n    if (!orderRef.current.includes(id)) {\n      orderRef.current = [...orderRef.current, id];\n      setSectionIds(orderRef.current);\n    }\n    return () => {\n      orderRef.current = orderRef.current.filter((x) => x !== id);\n      setSectionIds(orderRef.current);\n    };\n  }, []);\n\n  const ctx = useMemo(\n    () => ({\n      orientation,\n      isOpen,\n      toggle,\n      open,\n      close,\n      sectionIds,\n      registerSection,\n    }),\n    [orientation, isOpen, toggle, open, close, sectionIds, registerSection],\n  );\n\n  return (\n    <AccordionPanelContext.Provider value={ctx}>\n      <div\n        data-react-fancy-accordion-panel=\"\"\n        data-orientation={orientation}\n        className={cn(\n          \"inline-flex items-stretch\",\n          orientation === \"horizontal\" ? \"flex-row\" : \"flex-col\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPanelContext.Provider>\n  );\n}\n\nAccordionPanelRoot.displayName = \"AccordionPanel\";\n\n// ── Compound exports ────────────────────────────────────────────────────\n\ntype AccordionPanelType = typeof AccordionPanelRoot & {\n  Section: typeof AccordionPanelSection;\n  Trigger: typeof AccordionPanelTrigger;\n  Content: typeof AccordionPanelContent;\n};\n\nexport const AccordionPanel = AccordionPanelRoot as AccordionPanelType;\nAccordionPanel.Section = AccordionPanelSection;\nAccordionPanel.Trigger = AccordionPanelTrigger;\nAccordionPanel.Content = AccordionPanelContent;\n"]}

package/dist/{chunk-TFX4LL7V.js → chunk-QSRYTWQN.js}

@@ -31,6 +31,7 @@ function CodeView({
     "div",
     {
       "data-react-fancy-code-view": "",
+      dir: "ltr",
       ...{ [CODE_PALETTE_ATTR]: "" },
       className: cn("relative overflow-auto", CODE_PALETTE_DARK_CLASS, className),
       style: {
@@ -84,5 +85,5 @@ function CodeView({
 CodeView.displayName = "CodeView";
 
 export { CodeView };
-//# sourceMappingURL=chunk-TFX4LL7V.js.map
-//# sourceMappingURL=chunk-TFX4LL7V.js.map
+//# sourceMappingURL=chunk-QSRYTWQN.js.map
+//# sourceMappingURL=chunk-QSRYTWQN.js.map

package/dist/chunk-QSRYTWQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CodeView/CodeView.tsx"],"names":[],"mappings":"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","file":"chunk-QSRYTWQN.js","sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { highlightCodeWithVariables, tokenize } from \"@particle-academy/fancy-file-commons\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  CODE_PALETTE_ATTR,\n  CODE_PALETTE_DARK_CLASS,\n  CODE_PALETTE_STYLE,\n  paletteColor,\n} from \"./code-palette\";\nimport type { CodeViewProps } from \"./CodeView.types\";\n\n// Shared text metrics — the overlay and the textarea MUST match exactly (font,\n// size, line-height, padding, wrapping) so the highlighted glyphs sit under the\n// caret. Keep this string identical on both layers.\nconst TEXT_METRICS = \"m-0 p-3 font-mono text-xs leading-relaxed\";\n\n/**\n * A lightweight, syntax-highlighted source view built on the pure highlight\n * primitives in `@particle-academy/fancy-file-commons` — a highlight overlay\n * with a transparent, auto-growing textarea on top; the container scrolls both\n * together. Fills its parent's height (`h-full`) and grows with content down to\n * `minHeight`. Highlights every language fancy-file-commons ships (see\n * `CodeViewProps.language`); anything else renders as plain text.\n */\nexport function CodeView({\n  value,\n  onChange,\n  language = \"plaintext\",\n  readOnly = false,\n  placeholder,\n  minHeight = 120,\n  maxHeight,\n  className,\n}: CodeViewProps) {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  // Snippet mode: PHP without an opening `<?php` is read as PHP. Colours come\n  // from the palette variables on the root, so server and client render the\n  // same markup in either theme (see code-palette).\n  const highlighted = useMemo(() => {\n    const tokens = tokenize(value, language, { snippet: true }) ?? [];\n    return highlightCodeWithVariables(value, tokens);\n  }, [value, language]);\n\n  // Grow the textarea to its content height so it never scrolls internally —\n  // the outer container owns scrolling and moves overlay + textarea in lockstep.\n  useEffect(() => {\n    const el = textareaRef.current;\n    if (!el) return;\n    el.style.height = \"auto\";\n    el.style.height = `${el.scrollHeight}px`;\n  }, [value]);\n\n  const editable = !readOnly && !!onChange;\n\n  return (\n    <div\n      data-react-fancy-code-view=\"\"\n      // Code is left-to-right whatever the page's direction. The overlay and the\n      // transparent textarea must also agree on it exactly, or the caret drifts\n      // off the glyphs it sits over.\n      dir=\"ltr\"\n      // No baked-in height: the consumer picks the fill mechanism — `flex-1`\n      // inside a flex column (the Editor source body), or `h-full` when the\n      // parent has a definite height. A hard-coded `h-full` here collapses to\n      // content height under a flex-computed (indefinite) parent.\n      {...{ [CODE_PALETTE_ATTR]: \"\" }}\n      className={cn(\"relative overflow-auto\", CODE_PALETTE_DARK_CLASS, className)}\n      style={{\n        ...CODE_PALETTE_STYLE,\n        backgroundColor: paletteColor(\"background\"),\n        color: paletteColor(\"foreground\"),\n        minHeight,\n        maxHeight,\n      }}\n    >\n      <div className=\"relative min-h-full\">\n        {/* Highlight overlay */}\n        <pre\n          aria-hidden=\"true\"\n          className={cn(\"pointer-events-none absolute inset-0 overflow-hidden border-none\", TEXT_METRICS)}\n          style={{ whiteSpace: \"pre-wrap\", overflowWrap: \"break-word\" }}\n        >\n          <code dangerouslySetInnerHTML={{ __html: highlighted + \"\\n\" }} />\n        </pre>\n\n        {/* Placeholder */}\n        {placeholder && value.length === 0 && (\n          <div className={cn(\"pointer-events-none absolute left-0 top-0 opacity-40\", TEXT_METRICS)}>\n            {placeholder}\n          </div>\n        )}\n\n        {/* Transparent input layer (caret + selection visible, glyphs from overlay) */}\n        <textarea\n          ref={textareaRef}\n          data-react-fancy-code-view-input=\"\"\n          value={value}\n          onChange={editable ? (e) => onChange!(e.target.value) : undefined}\n          readOnly={!editable}\n          spellCheck={false}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          aria-label={placeholder}\n          className={cn(\n            \"relative block w-full resize-none border-none bg-transparent text-transparent outline-none\",\n            TEXT_METRICS,\n          )}\n          style={{\n            caretColor: paletteColor(\"cursorColor\"),\n            overflow: \"hidden\",\n            whiteSpace: \"pre-wrap\",\n            overflowWrap: \"break-word\",\n            minHeight,\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nCodeView.displayName = \"CodeView\";\n"]}

package/dist/{chunk-Z7SQMQTF.cjs → chunk-QU6HZH6V.cjs}

@@ -1,6 +1,7 @@
 'use strict';
 
 var chunkFQZE5N2N_cjs = require('./chunk-FQZE5N2N.cjs');
+var chunk36IC3NDN_cjs = require('./chunk-36IC3NDN.cjs');
 var chunkTI7D4QDM_cjs = require('./chunk-TI7D4QDM.cjs');
 var chunk57FQGQJK_cjs = require('./chunk-57FQGQJK.cjs');
 var chunkOUYC6EIL_cjs = require('./chunk-OUYC6EIL.cjs');
@@ -28,6 +29,7 @@ function ContextMenuTrigger({
       e.preventDefault();
       ctx.position.x = e.clientX;
       ctx.position.y = e.clientY;
+      ctx.position.dir = chunk36IC3NDN_cjs.directionOf(e.currentTarget);
       ctx.setOpen(true);
     },
     [ctx]
@@ -103,7 +105,7 @@ function ContextMenuSubTrigger({ children, className }) {
       "aria-haspopup": "menu",
       "aria-expanded": open,
       className: chunkZU5Q77OT_cjs.cn(
-        "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        "flex w-full items-center justify-between rounded-lg px-3 py-2 text-start text-sm transition-colors",
         "text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]",
         open && "bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]",
         className
@@ -115,7 +117,7 @@ function ContextMenuSubTrigger({ children, className }) {
       onClick: () => setOpen(!open),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ml-2 opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ms-2 opacity-50 rtl:-scale-x-100", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) })
       ]
     }
   );
@@ -131,7 +133,9 @@ function ContextMenuSubContent({ children, className }) {
     if (!open || !ref.current) return;
     const pad = 8;
     const rect = ref.current.getBoundingClientRect();
-    setFlipLeft(rect.right > window.innerWidth - pad);
+    setFlipLeft(
+      chunk36IC3NDN_cjs.isRtl(ref.current) ? rect.left < pad : rect.right > window.innerWidth - pad
+    );
     const overflow = rect.bottom - (window.innerHeight - pad);
     if (overflow > 0) {
       const shifted = Math.min(overflow, rect.top - pad);
@@ -155,7 +159,7 @@ function ContextMenuSubContent({ children, className }) {
       role: "menu",
       className: chunkZU5Q77OT_cjs.cn(
         "absolute z-50 min-w-[8rem] rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-1 shadow-lg dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]",
-        flipLeft ? "right-full mr-1" : "left-full ml-1",
+        flipLeft ? "end-full me-1" : "start-full ms-1",
         maxH && "overflow-y-auto",
         className
       ),
@@ -172,6 +176,7 @@ function ContextMenuContent({
   const { open, setOpen, position } = useContextMenu();
   const menuRef = react.useRef(null);
   const [adjusted, setAdjusted] = react.useState(position);
+  const rtl = position.dir === "rtl";
   const close = react.useCallback(() => setOpen(false), [setOpen]);
   chunk57FQGQJK_cjs.useOutsideClick(menuRef, close, open);
   chunkOUYC6EIL_cjs.useEscapeKey(close, open);
@@ -186,9 +191,14 @@ function ContextMenuContent({
       const pad = 8;
       let x = position.x;
       let y = position.y;
-      if (x + rect.width > window.innerWidth - pad) x = window.innerWidth - rect.width - pad;
+      if (position.dir === "rtl") {
+        if (x - rect.width < pad) x = rect.width + pad;
+        if (x > window.innerWidth - pad) x = window.innerWidth - pad;
+      } else {
+        if (x + rect.width > window.innerWidth - pad) x = window.innerWidth - rect.width - pad;
+        if (x < pad) x = pad;
+      }
       if (y + rect.height > window.innerHeight - pad) y = window.innerHeight - rect.height - pad;
-      if (x < pad) x = pad;
       if (y < pad) y = pad;
       setAdjusted({ x, y });
     });
@@ -213,7 +223,8 @@ function ContextMenuContent({
         animClass,
         className
       ),
-      style: { left: adjusted.x, top: adjusted.y },
+      dir: position.dir,
+      style: { left: adjusted.x, top: adjusted.y, translate: rtl ? "-100% 0" : void 0 },
       children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroupProvider, { children })
     }
   ) });
@@ -236,7 +247,7 @@ function ContextMenuItem({
       disabled,
       "aria-disabled": disabled,
       className: chunkZU5Q77OT_cjs.cn(
-        "flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        "flex w-full items-center rounded-lg px-3 py-2 text-start text-sm transition-colors",
         danger ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950" : "text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]",
         disabled && "cursor-not-allowed opacity-50",
         className
@@ -283,5 +294,5 @@ var ContextMenu = Object.assign(ContextMenuRoot, {
 
 exports.ContextMenu = ContextMenu;
 exports.useContextMenu = useContextMenu;
-//# sourceMappingURL=chunk-Z7SQMQTF.cjs.map
-//# sourceMappingURL=chunk-Z7SQMQTF.cjs.map
+//# sourceMappingURL=chunk-QU6HZH6V.cjs.map
+//# sourceMappingURL=chunk-QU6HZH6V.cjs.map

package/dist/chunk-QU6HZH6V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContextMenu/ContextMenu.context.ts","../src/components/ContextMenu/ContextMenuTrigger.tsx","../src/components/ContextMenu/ContextMenuSub.tsx","../src/components/ContextMenu/ContextMenuContent.tsx","../src/components/ContextMenu/ContextMenuItem.tsx","../src/components/ContextMenu/ContextMenuSeparator.tsx","../src/components/ContextMenu/ContextMenu.tsx"],"names":["createContext","useContext","useCallback","directionOf","jsx","cn","useState","useId","useRef","useEffect","jsxs","isRtl","useOutsideClick","useEscapeKey","useAnimation","Portal","useMemo"],"mappings":";;;;;;;;;;;AAGO,IAAM,kBAAA,GACXA,oBAA8C,IAAI,CAAA;AAE7C,SAAS,cAAA,GAA0C;AACxD,EAAA,MAAM,GAAA,GAAMC,iBAAW,kBAAkB,CAAA;AACzC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,GAAA;AACT;ACRO,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,MAAM,cAAA,EAAe;AAE3B,EAAA,MAAM,iBAAA,GAAoBC,iBAAA;AAAA,IACxB,CAAC,CAAA,KAAkB;AACjB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA,CAAE,OAAA;AACnB,MAAA,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA,CAAE,OAAA;AAGnB,MAAA,GAAA,CAAI,QAAA,CAAS,GAAA,GAAMC,6BAAA,CAAY,CAAA,CAAE,aAAwB,CAAA;AACzD,MAAA,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,uCAAA,EAAsC,EAAA,EAAG,aAAA,EAAe,mBAAmB,SAAA,EAAWC,oBAAA,CAAG,SAAS,CAAA,EACpG,QAAA,EACH,CAAA;AAEJ;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;ACjBjC,IAAM,mBAAmBL,mBAAAA,CAAqC;AAAA,EAC5D,WAAA,EAAa,IAAA;AAAA,EACb,cAAc,MAAM;AAAA,EAAC;AACvB,CAAC,CAAA;AAGM,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAS,EAAkC;AAC7E,EAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAIM,eAAwB,IAAI,CAAA;AAChE,EAAA,uBACEF,cAAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAO,EAAE,WAAA,EAAa,YAAA,EAAa,EAC3D,QAAA,EACH,CAAA;AAEJ;AAYA,IAAM,wBAAwBJ,mBAAAA,CAA+B;AAAA,EAC3D,IAAA,EAAM,KAAA;AAAA,EACN,SAAS,MAAM;AAAA,EAAC,CAAA;AAAA,EAChB,aAAa,MAAM;AAAA,EAAC;AACtB,CAAC,CAAA;AAEM,SAAS,cAAA,CAAe,EAAE,QAAA,EAAS,EAAwB;AAChE,EAAA,MAAM,KAAKO,WAAA,EAAM;AACjB,EAAA,MAAM,EAAE,WAAA,EAAa,YAAA,EAAa,GAAIN,iBAAW,gBAAgB,CAAA;AACjE,EAAA,MAAM,OAAO,WAAA,KAAgB,EAAA;AAC7B,EAAA,MAAM,UAAA,GAAaO,aAA6C,IAAI,CAAA;AACpE,EAAA,MAAM,SAAA,GAAYA,aAAO,WAAW,CAAA;AACpC,EAAA,SAAA,CAAU,OAAA,GAAU,WAAA;AAEpB,EAAA,MAAM,OAAA,GAAUN,iBAAAA,CAAY,CAAC,CAAA,KAAe;AAC1C,IAAA,IAAI,WAAW,OAAA,EAAS;AAAE,MAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAAG,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IAAM;AACvF,IAAA,YAAA,CAAa,CAAA,GAAI,KAAK,IAAI,CAAA;AAAA,EAC5B,CAAA,EAAG,CAAC,EAAA,EAAI,YAAY,CAAC,CAAA;AAErB,EAAA,MAAM,aAAA,GAAgBA,kBAAY,MAAM;AACtC,IAAA,IAAI,UAAA,CAAW,OAAA,EAAS,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AACvD,IAAA,UAAA,CAAW,OAAA,GAAU,WAAW,MAAM;AACpC,MAAA,IAAI,SAAA,CAAU,OAAA,KAAY,EAAA,EAAI,YAAA,CAAa,IAAI,CAAA;AAAA,IACjD,GAAG,GAAG,CAAA;AAAA,EACR,CAAA,EAAG,CAAC,EAAA,EAAI,YAAY,CAAC,CAAA;AAErB,EAAA,MAAM,WAAA,GAAcA,kBAAY,MAAM;AACpC,IAAA,IAAI,WAAW,OAAA,EAAS;AAAE,MAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAAG,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IAAM;AAAA,EACzF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAO,eAAA,CAAU,MAAM,MAAM;AACpB,IAAA,IAAI,UAAA,CAAW,OAAA,EAAS,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEL,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,UAAA;AAAA,MACV,YAAA,EAAc,WAAA;AAAA,MACd,YAAA,EAAc,aAAA;AAAA,MACd,mCAAA,EAAkC,EAAA;AAAA,MAElC,QAAA,kBAAAA,cAAAA,CAAC,qBAAA,CAAsB,QAAA,EAAtB,EAA+B,KAAA,EAAO,EAAE,IAAA,EAAM,OAAA,EAAS,WAAA,EAAY,EACjE,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA+B;AACzF,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,WAAA,EAAY,GAAIH,iBAAW,qBAAqB,CAAA;AAEvE,EAAA,uBACES,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,2CAAA,EAA0C,EAAA;AAAA,MAC1C,IAAA,EAAK,UAAA;AAAA,MACL,eAAA,EAAc,MAAA;AAAA,MACd,eAAA,EAAe,IAAA;AAAA,MACf,SAAA,EAAWL,oBAAA;AAAA,QACT,oGAAA;AAAA,QACA,6QAAA;AAAA,QACA,IAAA,IAAQ,mIAAA;AAAA,QACR;AAAA,OACF;AAAA,MACA,cAAc,MAAM;AAClB,QAAA,WAAA,EAAY;AACZ,QAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,MACd,CAAA;AAAA,MACA,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAC,IAAI,CAAA;AAAA,MAE5B,QAAA,EAAA;AAAA,wBAAAD,cAAAA,CAAC,UAAM,QAAA,EAAS,CAAA;AAAA,wBAChBA,cAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,cAAA,EAAe,aAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,SAAA,EAAU,kCAAA,EACvJ,QAAA,kBAAAA,cAAAA,CAAC,UAAA,EAAA,EAAS,MAAA,EAAO,gBAAA,EAAiB,CAAA,EACpC;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAE7B,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA+B;AACzF,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIH,gBAAAA,CAAW,qBAAqB,CAAA;AACjD,EAAA,MAAM,GAAA,GAAMO,aAAuB,IAAI,CAAA;AACvC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIF,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAA6B,MAAS,CAAA;AAE9D,EAAAG,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,GAAA,CAAI,OAAA,EAAS;AAC3B,IAAA,MAAM,GAAA,GAAM,CAAA;AACZ,IAAA,MAAM,IAAA,GAAO,GAAA,CAAI,OAAA,CAAQ,qBAAA,EAAsB;AAI/C,IAAA,WAAA;AAAA,MACEE,uBAAA,CAAM,GAAA,CAAI,OAAO,CAAA,GAAI,IAAA,CAAK,OAAO,GAAA,GAAM,IAAA,CAAK,KAAA,GAAQ,MAAA,CAAO,UAAA,GAAa;AAAA,KAC1E;AAGA,IAAA,MAAM,QAAA,GAAW,IAAA,CAAK,MAAA,IAAU,MAAA,CAAO,WAAA,GAAc,GAAA,CAAA;AACrD,IAAA,IAAI,WAAW,CAAA,EAAG;AAChB,MAAA,MAAM,UAAU,IAAA,CAAK,GAAA,CAAI,QAAA,EAAU,IAAA,CAAK,MAAM,GAAG,CAAA;AACjD,MAAA,YAAA,CAAa,CAAC,OAAO,CAAA;AACrB,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,OAAA,CAAQ,MAAA,CAAO,WAAA,GAAc,GAAA,GAAM,CAAC,CAAA;AAAA,MACtC,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ,MAAS,CAAA;AAAA,MACnB;AAAA,IACF,CAAA,MAAO;AACL,MAAA,YAAA,CAAa,CAAC,CAAA;AACd,MAAA,OAAA,CAAQ,MAAS,CAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACEP,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,2CAAA,EAA0C,EAAA;AAAA,MAC1C,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAWC,oBAAA;AAAA,QACT,2SAAA;AAAA,QACA,WAAW,eAAA,GAAkB,iBAAA;AAAA,QAC7B,IAAA,IAAQ,iBAAA;AAAA,QACR;AAAA,OACF;AAAA,MACA,KAAA,EAAO,EAAE,GAAA,EAAK,SAAA,EAAW,WAAW,IAAA,EAAK;AAAA,MAEzC,QAAA,kBAAAD,cAAAA,CAAC,iBAAA,EAAA,EACE,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;ACxK7B,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,QAAA,KAAa,cAAA,EAAe;AACnD,EAAA,MAAM,OAAA,GAAUI,aAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIF,eAAmC,QAAQ,CAAA;AAC3E,EAAA,MAAM,GAAA,GAAM,SAAS,GAAA,KAAQ,KAAA;AAE7B,EAAA,MAAM,KAAA,GAAQJ,kBAAY,MAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACzD,EAAAU,iCAAA,CAAgB,OAAA,EAAS,OAAO,IAAI,CAAA;AACpC,EAAAC,8BAAA,CAAa,OAAO,IAAI,CAAA;AAGxB,EAAAJ,gBAAU,MAAM;AACd,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,IAAA,EAAM;AAClB,MAAA,WAAA,CAAY,QAAQ,CAAA;AACpB,MAAA;AAAA,IACF;AACA,IAAA,qBAAA,CAAsB,MAAM;AAC1B,MAAA,MAAM,IAAA,GAAO,KAAK,qBAAA,EAAsB;AACxC,MAAA,MAAM,GAAA,GAAM,CAAA;AACZ,MAAA,IAAI,IAAI,QAAA,CAAS,CAAA;AACjB,MAAA,IAAI,IAAI,QAAA,CAAS,CAAA;AACjB,MAAA,IAAI,QAAA,CAAS,QAAQ,KAAA,EAAO;AAE1B,QAAA,IAAI,IAAI,IAAA,CAAK,KAAA,GAAQ,GAAA,EAAK,CAAA,GAAI,KAAK,KAAA,GAAQ,GAAA;AAC3C,QAAA,IAAI,IAAI,MAAA,CAAO,UAAA,GAAa,GAAA,EAAK,CAAA,GAAI,OAAO,UAAA,GAAa,GAAA;AAAA,MAC3D,CAAA,MAAO;AACL,QAAA,IAAI,CAAA,GAAI,IAAA,CAAK,KAAA,GAAQ,MAAA,CAAO,UAAA,GAAa,KAAK,CAAA,GAAI,MAAA,CAAO,UAAA,GAAa,IAAA,CAAK,KAAA,GAAQ,GAAA;AACnF,QAAA,IAAI,CAAA,GAAI,KAAK,CAAA,GAAI,GAAA;AAAA,MACnB;AACA,MAAA,IAAI,CAAA,GAAI,IAAA,CAAK,MAAA,GAAS,MAAA,CAAO,WAAA,GAAc,KAAK,CAAA,GAAI,MAAA,CAAO,WAAA,GAAc,IAAA,CAAK,MAAA,GAAS,GAAA;AACvF,MAAA,IAAI,CAAA,GAAI,KAAK,CAAA,GAAI,GAAA;AACjB,MAAA,WAAA,CAAY,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA,IACtB,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,IAAA,EAAM,QAAQ,CAAC,CAAA;AAEnB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,WAAW,GAAA,EAAK,OAAA,KAAYK,8BAAA,CAAa;AAAA,IACnE,IAAA;AAAA,IACA,UAAA,EAAY,gBAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACZ,CAAA;AAED,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,uBACEV,cAAAA,CAACW,wBAAA,EAAA,EACC,QAAA,kBAAAX,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,QAAC,QAAuD,OAAA,GAAU,IAAA;AAAA,MACpE,CAAA;AAAA,MACA,+BAAA,EAA8B,EAAA;AAAA,MAC9B,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAWC,oBAAA;AAAA,QACT,wSAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAK,QAAA,CAAS,GAAA;AAAA,MAKd,KAAA,EAAO,EAAE,IAAA,EAAM,QAAA,CAAS,CAAA,EAAG,GAAA,EAAK,QAAA,CAAS,CAAA,EAAG,SAAA,EAAW,GAAA,GAAM,SAAA,GAAY,MAAA,EAAU;AAAA,MAEnF,QAAA,kBAAAD,cAAAA,CAAC,iBAAA,EAAA,EACE,QAAA,EACH;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AClF1B,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,MAAA,GAAS,KAAA;AAAA,EACT;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,cAAA,EAAe;AAEnC,EAAA,uBACEA,cAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,oCAAA,EAAmC,EAAA;AAAA,MACnC,IAAA,EAAK,UAAA;AAAA,MACL,QAAA;AAAA,MACA,eAAA,EAAe,QAAA;AAAA,MACf,SAAA,EAAWC,oBAAA;AAAA,QACT,oFAAA;AAAA,QACA,SACI,sEAAA,GACA,6QAAA;AAAA,QACJ,QAAA,IAAY,+BAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACA,SAAS,MAAM;AACb,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,OAAA,IAAU;AACV,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf,CAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;ACpCvB,SAAS,oBAAA,CAAqB,EAAE,SAAA,EAAU,EAA8B;AAC7E,EAAA,uBACED,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,yCAAA,EAAwC,EAAA;AAAA,MACxC,IAAA,EAAK,WAAA;AAAA,MACL,SAAA,EAAWC,oBAAA,CAAG,+HAAA,EAAiI,SAAS;AAAA;AAAA,GAC1J;AAEJ;AAEA,oBAAA,CAAqB,WAAA,GAAc,sBAAA;ACJnC,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAAqB;AACvD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,KAAK,CAAA;AACtC,EAAA,MAAM,cAAcE,YAAAA,CAAO,EAAE,GAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA;AAEzC,EAAA,MAAM,GAAA,GAAMQ,aAAA;AAAA,IACV,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,YAAY,OAAA,EAAQ,CAAA;AAAA,IACtD,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,uBACEZ,cAAAA,CAAC,kBAAA,CAAmB,UAAnB,EAA4B,KAAA,EAAO,KACjC,QAAA,EACH,CAAA;AAEJ;AAEO,IAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA,EACxD,OAAA,EAAS,kBAAA;AAAA,EACT,OAAA,EAAS,kBAAA;AAAA,EACT,IAAA,EAAM,eAAA;AAAA,EACN,SAAA,EAAW,oBAAA;AAAA,EACX,GAAA,EAAK,cAAA;AAAA,EACL,UAAA,EAAY,qBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAC","file":"chunk-QU6HZH6V.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContextMenuContextValue } from \"./ContextMenu.types\";\n\nexport const ContextMenuContext =\n  createContext<ContextMenuContextValue | null>(null);\n\nexport function useContextMenu(): ContextMenuContextValue {\n  const ctx = useContext(ContextMenuContext);\n  if (!ctx) {\n    throw new Error(\n      \"ContextMenu compound components must be used within <ContextMenu>\",\n    );\n  }\n  return ctx;\n}\n","import { useCallback, type MouseEvent } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useContextMenu } from \"./ContextMenu.context\";\nimport { directionOf } from \"../../utils/direction\";\nimport type { ContextMenuTriggerProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuTrigger({\n  children,\n  className,\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenu();\n\n  const handleContextMenu = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      ctx.position.x = e.clientX;\n      ctx.position.y = e.clientY;\n      // Read here, at the trigger: the menu is portalled to <body>, where a\n      // `dir` set on a wrapper rather than on <html> would not reach it.\n      ctx.position.dir = directionOf(e.currentTarget as Element);\n      ctx.setOpen(true);\n    },\n    [ctx],\n  );\n\n  return (\n    <div data-react-fancy-context-menu-trigger=\"\" onContextMenu={handleContextMenu} className={cn(className)}>\n      {children}\n    </div>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n","import { createContext, useCallback, useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { isRtl } from \"../../utils/direction\";\nimport type { ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuSubContentProps } from \"./ContextMenu.types\";\n\n// ---------------------------------------------------------------------------\n// Sibling coordination: parent tracks which sub is active so opening one\n// immediately closes any previously-open sibling.\n// ---------------------------------------------------------------------------\n\ninterface MenuGroupContextValue {\n  activeSubId: string | null;\n  setActiveSub: (id: string | null) => void;\n}\n\nconst MenuGroupContext = createContext<MenuGroupContextValue>({\n  activeSubId: null,\n  setActiveSub: () => {},\n});\n\n/** Wrap sibling Subs so only one is open at a time. Placed inside Content/SubContent. */\nexport function MenuGroupProvider({ children }: { children: React.ReactNode }) {\n  const [activeSubId, setActiveSub] = useState<string | null>(null);\n  return (\n    <MenuGroupContext.Provider value={{ activeSubId, setActiveSub }}>\n      {children}\n    </MenuGroupContext.Provider>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sub components\n// ---------------------------------------------------------------------------\n\ninterface SubContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  cancelClose: () => void;\n}\n\nconst ContextMenuSubContext = createContext<SubContextValue>({\n  open: false,\n  setOpen: () => {},\n  cancelClose: () => {},\n});\n\nexport function ContextMenuSub({ children }: ContextMenuSubProps) {\n  const id = useId();\n  const { activeSubId, setActiveSub } = useContext(MenuGroupContext);\n  const open = activeSubId === id;\n  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const activeRef = useRef(activeSubId);\n  activeRef.current = activeSubId;\n\n  const setOpen = useCallback((v: boolean) => {\n    if (closeTimer.current) { clearTimeout(closeTimer.current); closeTimer.current = null; }\n    setActiveSub(v ? id : null);\n  }, [id, setActiveSub]);\n\n  const scheduleClose = useCallback(() => {\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n    closeTimer.current = setTimeout(() => {\n      if (activeRef.current === id) setActiveSub(null);\n    }, 150);\n  }, [id, setActiveSub]);\n\n  const cancelClose = useCallback(() => {\n    if (closeTimer.current) { clearTimeout(closeTimer.current); closeTimer.current = null; }\n  }, []);\n\n  useEffect(() => () => {\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  }, []);\n\n  return (\n    <div\n      className=\"relative\"\n      onMouseEnter={cancelClose}\n      onMouseLeave={scheduleClose}\n      data-react-fancy-context-menu-sub=\"\"\n    >\n      <ContextMenuSubContext.Provider value={{ open, setOpen, cancelClose }}>\n        {children}\n      </ContextMenuSubContext.Provider>\n    </div>\n  );\n}\n\nContextMenuSub.displayName = \"ContextMenuSub\";\n\nexport function ContextMenuSubTrigger({ children, className }: ContextMenuSubTriggerProps) {\n  const { open, setOpen, cancelClose } = useContext(ContextMenuSubContext);\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-context-menu-sub-trigger=\"\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={open}\n      className={cn(\n        \"flex w-full items-center justify-between rounded-lg px-3 py-2 text-start text-sm transition-colors\",\n        \"text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n        open && \"bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n        className,\n      )}\n      onMouseEnter={() => {\n        cancelClose();\n        setOpen(true);\n      }}\n      onClick={() => setOpen(!open)}\n    >\n      <span>{children}</span>\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"ms-2 opacity-50 rtl:-scale-x-100\">\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </button>\n  );\n}\n\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\n\nexport function ContextMenuSubContent({ children, className }: ContextMenuSubContentProps) {\n  const { open } = useContext(ContextMenuSubContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const [flipLeft, setFlipLeft] = useState(false);\n  const [topOffset, setTopOffset] = useState(0);\n  const [maxH, setMaxH] = useState<number | undefined>(undefined);\n\n  useEffect(() => {\n    if (!open || !ref.current) return;\n    const pad = 8;\n    const rect = ref.current.getBoundingClientRect();\n\n    // Horizontal: the submenu opens toward the inline END; flip it to the\n    // inline start if that edge overflows (the right in LTR, the left in RTL).\n    setFlipLeft(\n      isRtl(ref.current) ? rect.left < pad : rect.right > window.innerWidth - pad,\n    );\n\n    // Vertical: shift up if overflowing bottom, cap height if still too tall\n    const overflow = rect.bottom - (window.innerHeight - pad);\n    if (overflow > 0) {\n      const shifted = Math.min(overflow, rect.top - pad);\n      setTopOffset(-shifted);\n      if (overflow > shifted) {\n        setMaxH(window.innerHeight - pad * 2);\n      } else {\n        setMaxH(undefined);\n      }\n    } else {\n      setTopOffset(0);\n      setMaxH(undefined);\n    }\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      data-react-fancy-context-menu-sub-content=\"\"\n      role=\"menu\"\n      className={cn(\n        \"absolute z-50 min-w-[8rem] rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-1 shadow-lg dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n        flipLeft ? \"end-full me-1\" : \"start-full ms-1\",\n        maxH && \"overflow-y-auto\",\n        className,\n      )}\n      style={{ top: topOffset, maxHeight: maxH }}\n    >\n      <MenuGroupProvider>\n        {children}\n      </MenuGroupProvider>\n    </div>\n  );\n}\n\nContextMenuSubContent.displayName = \"ContextMenuSubContent\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Portal } from \"../Portal\";\nimport { useContextMenu } from \"./ContextMenu.context\";\nimport { useOutsideClick } from \"../../hooks/use-outside-click\";\nimport { useEscapeKey } from \"../../hooks/use-escape-key\";\nimport { useAnimation } from \"../../hooks/use-animation\";\nimport { MenuGroupProvider } from \"./ContextMenuSub\";\nimport type { ContextMenuContentProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuContent({\n  children,\n  className,\n}: ContextMenuContentProps) {\n  const { open, setOpen, position } = useContextMenu();\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [adjusted, setAdjusted] = useState<{ x: number; y: number }>(position);\n  const rtl = position.dir === \"rtl\";\n\n  const close = useCallback(() => setOpen(false), [setOpen]);\n  useOutsideClick(menuRef, close, open);\n  useEscapeKey(close, open);\n\n  // Clamp position to viewport after mount\n  useEffect(() => {\n    const node = menuRef.current;\n    if (!open || !node) {\n      setAdjusted(position);\n      return;\n    }\n    requestAnimationFrame(() => {\n      const rect = node.getBoundingClientRect();\n      const pad = 8;\n      let x = position.x;\n      let y = position.y;\n      if (position.dir === \"rtl\") {\n        // In RTL `x` is the menu's RIGHT edge (see the translate below).\n        if (x - rect.width < pad) x = rect.width + pad;\n        if (x > window.innerWidth - pad) x = window.innerWidth - pad;\n      } else {\n        if (x + rect.width > window.innerWidth - pad) x = window.innerWidth - rect.width - pad;\n        if (x < pad) x = pad;\n      }\n      if (y + rect.height > window.innerHeight - pad) y = window.innerHeight - rect.height - pad;\n      if (y < pad) y = pad;\n      setAdjusted({ x, y });\n    });\n  }, [open, position]);\n\n  const { mounted, className: animClass, ref: animRef } = useAnimation({\n    open,\n    enterClass: \"fancy-scale-in\",\n    exitClass: \"fancy-fade-out\",\n  });\n\n  if (!mounted) return null;\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          menuRef.current = node;\n          (animRef as React.MutableRefObject<HTMLElement | null>).current = node;\n        }}\n        data-react-fancy-context-menu=\"\"\n        role=\"menu\"\n        className={cn(\n          \"fixed z-50 min-w-[8rem] rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-1 shadow-lg dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n          animClass,\n          className,\n        )}\n        dir={position.dir}\n        // The menu opens toward the inline END of the pointer: rightward in\n        // LTR, leftward in RTL. Translating by its own width anchors the RIGHT\n        // edge at the pointer with no measurement, so the first frame is\n        // already on the correct side.\n        style={{ left: adjusted.x, top: adjusted.y, translate: rtl ? \"-100% 0\" : undefined }}\n      >\n        <MenuGroupProvider>\n          {children}\n        </MenuGroupProvider>\n      </div>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n","import { cn } from \"../../utils/cn\";\nimport { useContextMenu } from \"./ContextMenu.context\";\nimport type { ContextMenuItemProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuItem({\n  children,\n  onClick,\n  disabled = false,\n  danger = false,\n  className,\n}: ContextMenuItemProps) {\n  const { setOpen } = useContextMenu();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-context-menu-item=\"\"\n      role=\"menuitem\"\n      disabled={disabled}\n      aria-disabled={disabled}\n      className={cn(\n        \"flex w-full items-center rounded-lg px-3 py-2 text-start text-sm transition-colors\",\n        danger\n          ? \"text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950\"\n          : \"text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        className,\n      )}\n      onClick={() => {\n        if (disabled) return;\n        onClick?.();\n        setOpen(false);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n","import { cn } from \"../../utils/cn\";\nimport type { ContextMenuSeparatorProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuSeparator({ className }: ContextMenuSeparatorProps) {\n  return (\n    <div\n      data-react-fancy-context-menu-separator=\"\"\n      role=\"separator\"\n      className={cn(\"my-1 h-px bg-[color:var(--fancy-border,var(--color-zinc-200))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))]\", className)}\n    />\n  );\n}\n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n","import { useMemo, useRef, useState } from \"react\";\nimport { ContextMenuContext } from \"./ContextMenu.context\";\nimport { ContextMenuTrigger } from \"./ContextMenuTrigger\";\nimport { ContextMenuContent } from \"./ContextMenuContent\";\nimport { ContextMenuItem } from \"./ContextMenuItem\";\nimport { ContextMenuSeparator } from \"./ContextMenuSeparator\";\nimport { ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent } from \"./ContextMenuSub\";\nimport type { ContextMenuProps } from \"./ContextMenu.types\";\n\nfunction ContextMenuRoot({ children }: ContextMenuProps) {\n  const [open, setOpen] = useState(false);\n  const positionRef = useRef({ x: 0, y: 0 });\n\n  const ctx = useMemo(\n    () => ({ open, setOpen, position: positionRef.current }),\n    [open],\n  );\n\n  return (\n    <ContextMenuContext.Provider value={ctx}>\n      {children}\n    </ContextMenuContext.Provider>\n  );\n}\n\nexport const ContextMenu = Object.assign(ContextMenuRoot, {\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Separator: ContextMenuSeparator,\n  Sub: ContextMenuSub,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n});\n"]}

package/dist/{chunk-GR2WKBER.js → chunk-QUZOGRZS.js}

@@ -1,5 +1,5 @@
 import { composeRefs } from './chunk-SV5BW3IA.js';
-import { useFloatingPosition } from './chunk-MQ6VGG62.js';
+import { useFloatingPosition } from './chunk-GJWNZMJT.js';
 import { Portal } from './chunk-RBCMKPBX.js';
 import { useEscapeKey } from './chunk-YX6FTJ6N.js';
 import { cn } from './chunk-MMW2JGKZ.js';
@@ -52,6 +52,7 @@ var Tooltip = forwardRef(
             "fancy-fade-in pointer-events-none fixed z-50 max-w-xs rounded-lg bg-zinc-900 px-3 py-1.5 text-sm text-white shadow-lg dark:bg-zinc-700 dark:text-zinc-100",
             className
           ),
+          dir: position.dir,
           style: { left: position.x, top: position.y },
           children: [
             content,
@@ -79,5 +80,5 @@ var Tooltip = forwardRef(
 Tooltip.displayName = "Tooltip";
 
 export { Tooltip };
-//# sourceMappingURL=chunk-GR2WKBER.js.map
-//# sourceMappingURL=chunk-GR2WKBER.js.map
+//# sourceMappingURL=chunk-QUZOGRZS.js.map
+//# sourceMappingURL=chunk-QUZOGRZS.js.map

package/dist/chunk-QUZOGRZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["Tooltip"],"mappings":"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","file":"chunk-QUZOGRZS.js","sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type Ref,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { composeRefs } from \"../../utils/compose-refs\";\nimport { Portal } from \"../Portal\";\nimport { useFloatingPosition } from \"../../hooks/use-floating-position\";\nimport { useEscapeKey } from \"../../hooks/use-escape-key\";\nimport type { TooltipProps } from \"./Tooltip.types\";\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(\n    { children, content, placement = \"top\", delay = 200, offset = 8, className },\n    _ref,\n  ) {\n    const [open, setOpen] = useState(false);\n    const anchorRef = useRef<HTMLElement>(null);\n    const floatingRef = useRef<HTMLDivElement>(null);\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n    const position = useFloatingPosition(anchorRef, floatingRef, {\n      placement,\n      offset,\n      enabled: open,\n    });\n\n    const show = useCallback(() => {\n      timeoutRef.current = setTimeout(() => setOpen(true), delay);\n    }, [delay]);\n\n    const hide = useCallback(() => {\n      clearTimeout(timeoutRef.current);\n      setOpen(false);\n    }, []);\n\n    // A visible tooltip is a layer: Escape dismisses it (WCAG 1.4.13) before\n    // anything under it, such as the full-screen surface it was opened in.\n    useEscapeKey(hide, open);\n\n    // The trigger is the caller's element, so its own ref and handlers have to\n    // survive the clone. Overwriting them broke any child that needs its ref:\n    // a <MultiSwitch> measures its thumb from it, and rendered with none.\n    // className and every other prop are untouched — cloneElement keeps them.\n    const child = children as ReactElement<Record<string, unknown>>;\n    const childProps = child.props;\n    const childRef = childProps.ref as Ref<HTMLElement> | undefined;\n    const triggerRef = useMemo(() => composeRefs(childRef, anchorRef), [childRef]);\n    const chain =\n      (own: unknown, ours: () => void) =>\n      (event: unknown) => {\n        if (typeof own === \"function\") own(event);\n        ours();\n      };\n    const trigger = cloneElement(child, {\n      ref: triggerRef,\n      onMouseEnter: chain(childProps.onMouseEnter, show),\n      onMouseLeave: chain(childProps.onMouseLeave, hide),\n      onFocus: chain(childProps.onFocus, show),\n      onBlur: chain(childProps.onBlur, hide),\n    });\n\n    return (\n      <>\n        {trigger}\n        {open && (\n          <Portal>\n            <div\n              ref={floatingRef}\n              data-react-fancy-tooltip=\"\"\n              role=\"tooltip\"\n              className={cn(\n                \"fancy-fade-in pointer-events-none fixed z-50 max-w-xs rounded-lg bg-zinc-900 px-3 py-1.5 text-sm text-white shadow-lg dark:bg-zinc-700 dark:text-zinc-100\",\n                className,\n              )}\n              dir={position.dir}\n              style={{ left: position.x, top: position.y }}\n            >\n              {content}\n              <div\n                className={cn(\n                  // `bg-inherit`, not a colour of its own: a `className` that\n                  // restyles the bubble would otherwise leave a dark arrow\n                  // pointing out of a light one.\n                  \"absolute h-2 w-2 rotate-45 bg-inherit\",\n                  position.placement.startsWith(\"top\") &&\n                    \"bottom-[-4px] left-1/2 -translate-x-1/2\",\n                  position.placement.startsWith(\"bottom\") &&\n                    \"top-[-4px] left-1/2 -translate-x-1/2\",\n                  position.placement.startsWith(\"left\") &&\n                    \"right-[-4px] top-1/2 -translate-y-1/2\",\n                  position.placement.startsWith(\"right\") &&\n                    \"left-[-4px] top-1/2 -translate-y-1/2\",\n                )}\n              />\n            </div>\n          </Portal>\n        )}\n      </>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"]}

package/dist/{chunk-WGRLNXNB.js → chunk-R3PCZSBQ.js}

@@ -238,7 +238,7 @@ function EmojiCell({ emoji, tone, openPicker, scheduleClose, cancelClose, onPick
       title: emoji.name,
       children: [
         displayChar,
-        tonable && /* @__PURE__ */ jsx("span", { className: "absolute right-0.5 bottom-0.5 h-1 w-1 rounded-full bg-amber-400", "aria-hidden": true })
+        tonable && /* @__PURE__ */ jsx("span", { className: "absolute end-0.5 bottom-0.5 h-1 w-1 rounded-full bg-amber-400", "aria-hidden": true })
       ]
     }
   );
@@ -286,5 +286,5 @@ function TonePopover({ target, onPickBase, onPickTone, onMouseEnter, onMouseLeav
 }
 
 export { EmojiSelect };
-//# sourceMappingURL=chunk-WGRLNXNB.js.map
-//# sourceMappingURL=chunk-WGRLNXNB.js.map
+//# sourceMappingURL=chunk-R3PCZSBQ.js.map
+//# sourceMappingURL=chunk-R3PCZSBQ.js.map