@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

package/dist/_chunks/mention-suggestion.js

@@ -2,78 +2,19 @@
 import { cn as e } from "../ui/lib/utils.js";
 import { Icon as t } from "../ui/icon.js";
 import { emojiDataLoaders as n } from "../composed/emoji-picker.js";
-import { _ as r, f as i, g as a, p as o, r as s, v as c, y as l } from "./tiptap.js";
+import { _ as r, f as i, g as a, p as o, u as s, v as c, y as l } from "./tiptap.js";
 import * as u from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { IconDownload as p, IconFile as m } from "@tabler/icons-react";
 import { createRoot as h } from "react-dom/client";
-//#region src/composed/extensions/file-attachment.tsx
-function g(e) {
-	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-}
-function _({ node: e }) {
-	return /* @__PURE__ */ d(i, {
-		className: "my-ds-02",
-		children: /* @__PURE__ */ f("a", {
-			href: /^https?:\/\//.test(e.attrs.url) ? e.attrs.url : "#",
-			target: "_blank",
-			rel: "noopener noreferrer",
-			className: "inline-flex items-center gap-ds-03 rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-04 py-ds-03 text-ds-sm text-surface-fg transition-colors hover:border-surface-border-strong hover:bg-surface-raised-hover",
-			contentEditable: !1,
-			children: [
-				/* @__PURE__ */ d(t, {
-					icon: m,
-					size: "sm",
-					className: "shrink-0 text-surface-fg-subtle"
-				}),
-				/* @__PURE__ */ d("span", {
-					className: "truncate",
-					children: e.attrs.name
-				}),
-				/* @__PURE__ */ f("span", {
-					className: "shrink-0 text-surface-fg-subtle",
-					children: [
-						"(",
-						g(e.attrs.size),
-						")"
-					]
-				}),
-				/* @__PURE__ */ d(t, {
-					icon: p,
-					size: "sm",
-					className: "shrink-0 text-surface-fg-subtle"
-				})
-			]
-		})
-	});
-}
-var v = r.create({
-	name: "fileAttachment",
-	group: "block",
-	atom: !0,
-	addAttributes() {
-		return {
-			url: { default: null },
-			name: { default: "Untitled" },
-			size: { default: 0 }
-		};
-	},
-	parseHTML() {
-		return [{ tag: "div[data-file-attachment]" }];
-	},
-	renderHTML({ HTMLAttributes: e }) {
-		return ["div", c({ "data-file-attachment": "" }, e)];
-	},
-	addNodeView() {
-		return o(_);
-	}
-}), y = (e) => `https://cdn.jsdelivr.net/npm/emoji-datasource-${e}@15.0.1/img/${e}/sheets-256/64.png`, b = null, x = null;
-async function S(e) {
-	if (b === e && x) return x;
+//#region src/composed/extensions/emoji-data.ts
+var g = (e) => `https://cdn.jsdelivr.net/npm/emoji-datasource-${e}@15.0.1/img/${e}/sheets-256/64.png`, _ = null, v = null;
+async function y(e) {
+	if (_ === e && v) return v;
 	let t = await (n[e] ?? n.native)();
-	return x = t.default ?? t, b = e, x;
+	return v = t.default ?? t, _ = e, v;
 }
-function C(e, t) {
+function b(e, t) {
 	let n = e.emojis[t];
 	if (!n) return null;
 	let r = n.skins[0];
@@ -85,7 +26,7 @@ function C(e, t) {
 		y: r.y ?? 0
 	} : null;
 }
-function w(e, t, n = 8) {
+function x(e, t, n = 8) {
 	let r = Object.values(e.emojis);
 	if (!t) return r.slice(0, n).map((e) => ({
 		id: e.id,
@@ -109,7 +50,7 @@ function w(e, t, n = 8) {
 }
 //#endregion
 //#region src/composed/extensions/emoji-node.tsx
-function T({ node: e }) {
+function S({ node: e }) {
 	let { native: t, set: n, x: r, y: a } = e.attrs;
 	if (n === "native") return /* @__PURE__ */ d(i, {
 		as: "span",
@@ -125,14 +66,14 @@ function T({ node: e }) {
 			"aria-label": t,
 			className: "inline-block h-[1.2em] w-[1.2em] align-text-bottom",
 			style: {
-				backgroundImage: `url(${y(n)})`,
+				backgroundImage: `url(${g(n)})`,
 				backgroundSize: "6100% 6100%",
 				backgroundPosition: o
 			}
 		})
 	});
 }
-var E = r.create({
+var C = r.create({
 	name: "emojiNode",
 	group: "inline",
 	inline: !0,
@@ -180,12 +121,12 @@ var E = r.create({
 		];
 	},
 	addNodeView() {
-		return o(T);
+		return o(S);
 	}
 });
 //#endregion
 //#region src/composed/extensions/emoji-suggestion.tsx
-function D({ emoji: e, set: t, size: n = "1.2em" }) {
+function w({ emoji: e, set: t, size: n = "1.2em" }) {
 	return t === "native" ? /* @__PURE__ */ d("span", {
 		style: { fontSize: n },
 		children: e.native
@@ -196,13 +137,13 @@ function D({ emoji: e, set: t, size: n = "1.2em" }) {
 		style: {
 			width: n,
 			height: n,
-			backgroundImage: `url(${y(t)})`,
+			backgroundImage: `url(${g(t)})`,
 			backgroundSize: "6100% 6100%",
 			backgroundPosition: `${100 / 60 * e.x}% ${100 / 60 * e.y}%`
 		}
 	});
 }
-var O = u.forwardRef(({ items: t, set: n, command: r }, i) => {
+var T = u.forwardRef(({ items: t, set: n, command: r }, i) => {
 	let [a, o] = u.useState(0);
 	return u.useEffect(() => o(0), [t]), u.useImperativeHandle(i, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (o((e) => (e + t.length - 1) % t.length), !0) : e.key === "ArrowDown" ? (o((e) => (e + 1) % t.length), !0) : e.key === "Enter" ? (t[a] && r(t[a]), !0) : !1 })), t.length ? /* @__PURE__ */ d("div", {
 		role: "listbox",
@@ -214,7 +155,7 @@ var O = u.forwardRef(({ items: t, set: n, command: r }, i) => {
 			"aria-selected": i === a,
 			onClick: () => r(t),
 			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-ds-sm", i === a ? "bg-surface-raised text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
-			children: [/* @__PURE__ */ d(D, {
+			children: [/* @__PURE__ */ d(w, {
 				emoji: t,
 				set: n,
 				size: "1.25em"
@@ -229,15 +170,15 @@ var O = u.forwardRef(({ items: t, set: n, command: r }, i) => {
 		}, t.id))
 	}) : null;
 });
-O.displayName = "EmojiList";
-function k(e) {
+T.displayName = "EmojiList";
+function E(e) {
 	return () => {
 		let t = null, n = null, r = null;
 		return {
 			onStart: (i) => {
 				n = document.createElement("div"), n.style.position = "absolute", n.style.zIndex = "1400";
 				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = h(n), t.render(/* @__PURE__ */ d(O, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = h(n), t.render(/* @__PURE__ */ d(T, {
 					ref: (e) => {
 						r = e;
 					},
@@ -249,7 +190,7 @@ function k(e) {
 			onUpdate: (i) => {
 				if (!t || !n) return;
 				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ d(O, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ d(T, {
 					ref: (e) => {
 						r = e;
 					},
@@ -265,7 +206,7 @@ function k(e) {
 		};
 	};
 }
-function A(e = "native") {
+function D(e = "native") {
 	return a.create({
 		name: "emojiSuggestion",
 		addProseMirrorPlugins() {
@@ -273,7 +214,7 @@ function A(e = "native") {
 				pluginKey: new l("emojiSuggestion"),
 				editor: this.editor,
 				char: ":",
-				items: async ({ query: t }) => w(await S(e), t, 8),
+				items: async ({ query: t }) => x(await y(e), t, 8),
 				command: ({ editor: t, range: n, props: r }) => {
 					let i = r;
 					t.chain().focus().deleteRange(n).insertContent({
@@ -287,14 +228,73 @@ function A(e = "native") {
 						}
 					}).run();
 				},
-				render: k(e)
+				render: E(e)
 			})];
 		}
 	});
 }
 //#endregion
-//#region src/composed/extensions/mention-suggestion.tsx
-var j = u.forwardRef(({ items: t, command: n }, r) => {
+//#region src/composed/extensions/file-attachment.tsx
+function O(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function k({ node: e }) {
+	return /* @__PURE__ */ d(i, {
+		className: "my-ds-02",
+		children: /* @__PURE__ */ f("a", {
+			href: /^https?:\/\//.test(e.attrs.url) ? e.attrs.url : "#",
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center gap-ds-03 rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-04 py-ds-03 text-ds-sm text-surface-fg transition-colors hover:border-surface-border-strong hover:bg-surface-raised-hover",
+			contentEditable: !1,
+			children: [
+				/* @__PURE__ */ d(t, {
+					icon: m,
+					size: "sm",
+					className: "shrink-0 text-surface-fg-subtle"
+				}),
+				/* @__PURE__ */ d("span", {
+					className: "truncate",
+					children: e.attrs.name
+				}),
+				/* @__PURE__ */ f("span", {
+					className: "shrink-0 text-surface-fg-subtle",
+					children: [
+						"(",
+						O(e.attrs.size),
+						")"
+					]
+				}),
+				/* @__PURE__ */ d(t, {
+					icon: p,
+					size: "sm",
+					className: "shrink-0 text-surface-fg-subtle"
+				})
+			]
+		})
+	});
+}
+var A = r.create({
+	name: "fileAttachment",
+	group: "block",
+	atom: !0,
+	addAttributes() {
+		return {
+			url: { default: null },
+			name: { default: "Untitled" },
+			size: { default: 0 }
+		};
+	},
+	parseHTML() {
+		return [{ tag: "div[data-file-attachment]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["div", c({ "data-file-attachment": "" }, e)];
+	},
+	addNodeView() {
+		return o(k);
+	}
+}), j = u.forwardRef(({ items: t, command: n }, r) => {
 	let [i, a] = u.useState(0);
 	return u.useEffect(() => a(0), [t]), u.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (a((e) => (e + t.length - 1) % t.length), !0) : e.key === "ArrowDown" ? (a((e) => (e + 1) % t.length), !0) : e.key === "Enter" ? (t[i] && n(t[i]), !0) : !1 })), t.length ? /* @__PURE__ */ d("div", {
 		role: "listbox",
@@ -362,4 +362,4 @@ function M(e) {
 	};
 }
 //#endregion
-export { C as a, S as i, A as n, v as o, E as r, M as t };
+export { y as a, C as i, A as n, b as o, D as r, M as t };

package/dist/_chunks/mention-suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"mention-suggestion.js","names":[],"sources":["../../src/composed/extensions/file-attachment.tsx","../../src/composed/extensions/emoji-data.ts","../../src/composed/extensions/emoji-node.tsx","../../src/composed/extensions/emoji-suggestion.tsx","../../src/composed/extensions/mention-suggestion.tsx"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core'\nimport { ReactNodeViewRenderer, NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { IconFile, IconDownload } from '@tabler/icons-react'\nimport { Icon } from '../../ui/icon'\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n}\n\nfunction FileAttachmentView({ node }: NodeViewProps) {\n  const safeUrl = /^https?:\\/\\//.test(node.attrs.url) ? node.attrs.url : '#'\n  return (\n    <NodeViewWrapper className=\"my-ds-02\">\n      <a\n        href={safeUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"inline-flex items-center gap-ds-03 rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-04 py-ds-03 text-ds-sm text-surface-fg transition-colors hover:border-surface-border-strong hover:bg-surface-raised-hover\"\n        contentEditable={false}\n      >\n        <Icon icon={IconFile} size=\"sm\" className=\"shrink-0 text-surface-fg-subtle\" />\n        <span className=\"truncate\">{node.attrs.name}</span>\n        <span className=\"shrink-0 text-surface-fg-subtle\">({formatFileSize(node.attrs.size)})</span>\n        <Icon icon={IconDownload} size=\"sm\" className=\"shrink-0 text-surface-fg-subtle\" />\n      </a>\n    </NodeViewWrapper>\n  )\n}\n\nexport const FileAttachment = Node.create({\n  name: 'fileAttachment',\n  group: 'block',\n  atom: true,\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      name: { default: 'Untitled' },\n      size: { default: 0 },\n    }\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-file-attachment]' }]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes({ 'data-file-attachment': '' }, HTMLAttributes)]\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FileAttachmentView)\n  },\n})\n","import { emojiDataLoaders } from '../emoji-picker'\n\n// Spritesheet constants — must match emoji-mart's rendering (emoji-datasource v15.0.1)\nexport const SPRITESHEET_URL = (set: string) =>\n  `https://cdn.jsdelivr.net/npm/emoji-datasource-${set}@15.0.1/img/${set}/sheets-256/64.png`\nexport const SHEET_COLS = 61\nexport const SHEET_ROWS = 61\n\ninterface EmojiSkin {\n  unified: string\n  native: string\n  x?: number\n  y?: number\n}\n\ninterface EmojiEntry {\n  id: string\n  name: string\n  keywords?: string[]\n  skins: EmojiSkin[]\n}\n\nexport interface EmojiDataset {\n  emojis: Record<string, EmojiEntry>\n  sheet?: { cols: number; rows: number }\n}\n\nexport interface ResolvedEmoji {\n  id: string\n  name: string\n  native: string\n  x: number\n  y: number\n}\n\nlet cachedSet: string | null = null\nlet cachedData: EmojiDataset | null = null\n\nexport async function loadEmojiData(set: string): Promise<EmojiDataset> {\n  if (cachedSet === set && cachedData) return cachedData\n  const loader = emojiDataLoaders[set] ?? emojiDataLoaders.native\n  const mod = await loader()\n  cachedData = (mod.default ?? mod) as EmojiDataset\n  cachedSet = set\n  return cachedData\n}\n\nexport function lookupEmoji(data: EmojiDataset, id: string): ResolvedEmoji | null {\n  const entry = data.emojis[id]\n  if (!entry) return null\n  const skin = entry.skins[0]\n  if (!skin) return null\n  return {\n    id: entry.id,\n    name: entry.name,\n    native: skin.native,\n    x: skin.x ?? 0,\n    y: skin.y ?? 0,\n  }\n}\n\nexport function searchEmoji(data: EmojiDataset, query: string, limit = 8): ResolvedEmoji[] {\n  const entries = Object.values(data.emojis)\n  if (!query) {\n    return entries.slice(0, limit).map((e) => ({\n      id: e.id,\n      name: e.name,\n      native: e.skins[0]?.native ?? '',\n      x: e.skins[0]?.x ?? 0,\n      y: e.skins[0]?.y ?? 0,\n    }))\n  }\n  const q = query.toLowerCase()\n  const results: ResolvedEmoji[] = []\n  for (const e of entries) {\n    if (results.length >= limit) break\n    if (\n      e.id.includes(q) ||\n      e.name.toLowerCase().includes(q) ||\n      e.keywords?.some((k) => k.includes(q))\n    ) {\n      results.push({\n        id: e.id,\n        name: e.name,\n        native: e.skins[0]?.native ?? '',\n        x: e.skins[0]?.x ?? 0,\n        y: e.skins[0]?.y ?? 0,\n      })\n    }\n  }\n  return results\n}\n","import { Node } from '@tiptap/core'\nimport { ReactNodeViewRenderer, NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { SPRITESHEET_URL, SHEET_COLS, SHEET_ROWS } from './emoji-data'\n\nexport interface EmojiNodeAttrs {\n  id: string\n  native: string\n  set: string\n  x: number\n  y: number\n}\n\nfunction EmojiNodeView({ node }: NodeViewProps) {\n  const { native, set, x, y } = node.attrs as EmojiNodeAttrs\n\n  if (set === 'native') {\n    return (\n      <NodeViewWrapper as=\"span\" className=\"inline\">\n        <span>{native}</span>\n      </NodeViewWrapper>\n    )\n  }\n\n  const bgSize = `${100 * SHEET_COLS}% ${100 * SHEET_ROWS}%`\n  const bgPos = `${(100 / (SHEET_COLS - 1)) * x}% ${(100 / (SHEET_ROWS - 1)) * y}%`\n\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        role=\"img\"\n        aria-label={native}\n        className=\"inline-block h-[1.2em] w-[1.2em] align-text-bottom\"\n        style={{\n          backgroundImage: `url(${SPRITESHEET_URL(set)})`,\n          backgroundSize: bgSize,\n          backgroundPosition: bgPos,\n        }}\n      />\n    </NodeViewWrapper>\n  )\n}\n\nexport const EmojiNode = Node.create({\n  name: 'emojiNode',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  selectable: false,\n\n  addAttributes() {\n    return {\n      id: { default: null },\n      native: { default: null },\n      set: { default: 'native' },\n      x: { default: 0 },\n      y: { default: 0 },\n    }\n  },\n\n  renderText({ node }) {\n    return node.attrs.native ?? ''\n  },\n\n  parseHTML() {\n    return [{\n      tag: 'span[data-emoji-id]',\n      getAttrs: (el) => {\n        const dom = el as HTMLElement\n        return {\n          id: dom.getAttribute('data-emoji-id'),\n          set: dom.getAttribute('data-emoji-set') ?? 'native',\n          x: parseInt(dom.getAttribute('data-emoji-x') ?? '0', 10),\n          y: parseInt(dom.getAttribute('data-emoji-y') ?? '0', 10),\n          native: dom.textContent ?? '',\n        }\n      },\n    }]\n  },\n\n  renderHTML({ node }) {\n    return ['span', {\n      'data-emoji-id': node.attrs.id,\n      'data-emoji-set': node.attrs.set,\n      'data-emoji-x': node.attrs.x,\n      'data-emoji-y': node.attrs.y,\n      'role': 'img',\n      'aria-label': node.attrs.native,\n    }, node.attrs.native ?? '']\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(EmojiNodeView)\n  },\n})\n","import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionProps, type SuggestionKeyDownProps } from '@tiptap/suggestion'\nimport { PluginKey } from 'prosemirror-state'\nimport * as React from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport { cn } from '../../ui/lib/utils'\nimport { type ResolvedEmoji, loadEmojiData, searchEmoji, SPRITESHEET_URL, SHEET_COLS, SHEET_ROWS } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\nfunction EmojiImage({ emoji, set, size = '1.2em' }: { emoji: ResolvedEmoji; set: string; size?: string }) {\n  if (set === 'native') {\n    return <span style={{ fontSize: size }}>{emoji.native}</span>\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={emoji.native}\n      className=\"inline-block\"\n      style={{\n        width: size,\n        height: size,\n        backgroundImage: `url(${SPRITESHEET_URL(set)})`,\n        backgroundSize: `${100 * SHEET_COLS}% ${100 * SHEET_ROWS}%`,\n        backgroundPosition: `${(100 / (SHEET_COLS - 1)) * emoji.x}% ${(100 / (SHEET_ROWS - 1)) * emoji.y}%`,\n      }}\n    />\n  )\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  set: string\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\n  ({ items, set, command }, ref) => {\n    const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n    React.useEffect(() => setSelectedIndex(0), [items])\n\n    React.useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n        if (event.key === 'ArrowUp') {\n          setSelectedIndex((i) => (i + items.length - 1) % items.length)\n          return true\n        }\n        if (event.key === 'ArrowDown') {\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        }\n        if (event.key === 'Enter') {\n          if (items[selectedIndex]) command(items[selectedIndex])\n          return true\n        }\n        return false\n      },\n    }))\n\n    if (!items.length) return null\n\n    return (\n      <div role=\"listbox\" aria-label=\"Emoji suggestions\" className=\"z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover\">\n        {items.map((item, index) => (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={index === selectedIndex}\n            onClick={() => command(item)}\n            className={cn(\n              'flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-ds-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} set={set} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer(set: string) {\n  return () => {\n    let root: Root | null = null\n    let container: HTMLDivElement | null = null\n    let componentRef: EmojiListRef | null = null\n\n    return {\n      onStart: (props: SuggestionProps<ResolvedEmoji>) => {\n        container = document.createElement('div')\n        container.style.position = 'absolute'\n        container.style.zIndex = '1400'\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        document.body.appendChild(container)\n        root = createRoot(container)\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            set={set}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onUpdate: (props: SuggestionProps<ResolvedEmoji>) => {\n        if (!root || !container) return\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            set={set}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onKeyDown: (props: SuggestionKeyDownProps) => {\n        if (props.event.key === 'Escape') {\n          if (container) {\n            root?.unmount()\n            container.remove()\n            container = null\n            root = null\n          }\n          return true\n        }\n        return componentRef?.onKeyDown(props) ?? false\n      },\n\n      onExit: () => {\n        if (container) {\n          root?.unmount()\n          container.remove()\n          container = null\n          root = null\n        }\n      },\n    }\n  }\n}\n\n/** Factory: call with the emoji set to get a configured extension. */\nexport function createEmojiSuggestion(set = 'native') {\n  return Extension.create({\n    name: 'emojiSuggestion',\n\n    addProseMirrorPlugins() {\n      return [\n        Suggestion({\n          pluginKey: new PluginKey('emojiSuggestion'),\n          editor: this.editor,\n          char: ':',\n          items: async ({ query }) => {\n            const data = await loadEmojiData(set)\n            return searchEmoji(data, query, 8)\n          },\n          command: ({ editor, range, props: item }) => {\n            const emoji = item as ResolvedEmoji\n            editor\n              .chain()\n              .focus()\n              .deleteRange(range)\n              .insertContent({\n                type: 'emojiNode',\n                attrs: { id: emoji.id, native: emoji.native, set, x: emoji.x, y: emoji.y },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(set),\n        }),\n      ]\n    },\n  })\n}\n","import type { SuggestionProps, SuggestionKeyDownProps } from '@tiptap/suggestion'\nimport * as React from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport { cn } from '../../ui/lib/utils'\nimport type { MentionItem } from '../rich-text-editor'\n\ninterface MentionListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface MentionListProps {\n  items: MentionItem[]\n  command: (item: MentionItem) => void\n}\n\nconst MentionList = React.forwardRef<MentionListRef, MentionListProps>(\n  ({ items, command }, ref) => {\n    const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n    React.useEffect(() => setSelectedIndex(0), [items])\n\n    React.useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n        if (event.key === 'ArrowUp') {\n          setSelectedIndex((i) => (i + items.length - 1) % items.length)\n          return true\n        }\n        if (event.key === 'ArrowDown') {\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        }\n        if (event.key === 'Enter') {\n          if (items[selectedIndex]) command(items[selectedIndex])\n          return true\n        }\n        return false\n      },\n    }))\n\n    if (!items.length) return null\n\n    return (\n      <div role=\"listbox\" aria-label=\"Mention suggestions\" className=\"z-popover overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover\">\n        {items.map((item, index) => (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={index === selectedIndex}\n            onClick={() => command(item)}\n            className={cn(\n              'flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-ds-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            {item.avatar ? (\n              <img src={item.avatar} alt=\"\" className=\"h-ico-md w-ico-md rounded-ds-full object-cover\" />\n            ) : (\n              <span className=\"flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-accent-2 text-[10px] font-semibold text-accent-11\">\n                {item.label.charAt(0).toUpperCase()}\n              </span>\n            )}\n            <span>{item.label}</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nMentionList.displayName = 'MentionList'\n\nexport function createSuggestionRenderer(onMentionSelect?: (item: MentionItem) => void) {\n  return () => {\n    let root: Root | null = null\n    let container: HTMLDivElement | null = null\n    let componentRef: MentionListRef | null = null\n\n    return {\n      onStart: (props: SuggestionProps<MentionItem>) => {\n        container = document.createElement('div')\n        container.style.position = 'absolute'\n        container.style.zIndex = '1400' // z-popover\n\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        document.body.appendChild(container)\n\n        root = createRoot(container)\n        root.render(\n          <MentionList\n            ref={(r) => { componentRef = r }}\n            items={props.items as MentionItem[]}\n            command={(item) => {\n              props.command({ id: item.id, label: item.label })\n              onMentionSelect?.(item)\n            }}\n          />,\n        )\n      },\n\n      onUpdate: (props: SuggestionProps<MentionItem>) => {\n        if (!root || !container) return\n\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n\n        root.render(\n          <MentionList\n            ref={(r) => { componentRef = r }}\n            items={props.items as MentionItem[]}\n            command={(item) => {\n              props.command({ id: item.id, label: item.label })\n              onMentionSelect?.(item)\n            }}\n          />,\n        )\n      },\n\n      onKeyDown: (props: SuggestionKeyDownProps) => {\n        if (props.event.key === 'Escape') {\n          if (container) {\n            root?.unmount()\n            container.remove()\n            container = null\n            root = null\n          }\n          return true\n        }\n        return componentRef?.onKeyDown(props) ?? false\n      },\n\n      onExit: () => {\n        if (container) {\n          root?.unmount()\n          container.remove()\n          container = null\n          root = null\n        }\n      },\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"mention-suggestion.js","names":[],"sources":["../../src/composed/extensions/emoji-data.ts","../../src/composed/extensions/emoji-node.tsx","../../src/composed/extensions/emoji-suggestion.tsx","../../src/composed/extensions/file-attachment.tsx","../../src/composed/extensions/mention-suggestion.tsx"],"sourcesContent":["import { emojiDataLoaders } from '../emoji-picker'\n\n// Spritesheet constants — must match emoji-mart's rendering (emoji-datasource v15.0.1)\nexport const SPRITESHEET_URL = (set: string) =>\n  `https://cdn.jsdelivr.net/npm/emoji-datasource-${set}@15.0.1/img/${set}/sheets-256/64.png`\nexport const SHEET_COLS = 61\nexport const SHEET_ROWS = 61\n\ninterface EmojiSkin {\n  unified: string\n  native: string\n  x?: number\n  y?: number\n}\n\ninterface EmojiEntry {\n  id: string\n  name: string\n  keywords?: string[]\n  skins: EmojiSkin[]\n}\n\nexport interface EmojiDataset {\n  emojis: Record<string, EmojiEntry>\n  sheet?: { cols: number; rows: number }\n}\n\nexport interface ResolvedEmoji {\n  id: string\n  name: string\n  native: string\n  x: number\n  y: number\n}\n\nlet cachedSet: string | null = null\nlet cachedData: EmojiDataset | null = null\n\nexport async function loadEmojiData(set: string): Promise<EmojiDataset> {\n  if (cachedSet === set && cachedData) return cachedData\n  const loader = emojiDataLoaders[set] ?? emojiDataLoaders.native\n  const mod = await loader()\n  cachedData = (mod.default ?? mod) as EmojiDataset\n  cachedSet = set\n  return cachedData\n}\n\nexport function lookupEmoji(data: EmojiDataset, id: string): ResolvedEmoji | null {\n  const entry = data.emojis[id]\n  if (!entry) return null\n  const skin = entry.skins[0]\n  if (!skin) return null\n  return {\n    id: entry.id,\n    name: entry.name,\n    native: skin.native,\n    x: skin.x ?? 0,\n    y: skin.y ?? 0,\n  }\n}\n\nexport function searchEmoji(data: EmojiDataset, query: string, limit = 8): ResolvedEmoji[] {\n  const entries = Object.values(data.emojis)\n  if (!query) {\n    return entries.slice(0, limit).map((e) => ({\n      id: e.id,\n      name: e.name,\n      native: e.skins[0]?.native ?? '',\n      x: e.skins[0]?.x ?? 0,\n      y: e.skins[0]?.y ?? 0,\n    }))\n  }\n  const q = query.toLowerCase()\n  const results: ResolvedEmoji[] = []\n  for (const e of entries) {\n    if (results.length >= limit) break\n    if (\n      e.id.includes(q) ||\n      e.name.toLowerCase().includes(q) ||\n      e.keywords?.some((k) => k.includes(q))\n    ) {\n      results.push({\n        id: e.id,\n        name: e.name,\n        native: e.skins[0]?.native ?? '',\n        x: e.skins[0]?.x ?? 0,\n        y: e.skins[0]?.y ?? 0,\n      })\n    }\n  }\n  return results\n}\n","import { Node } from '@tiptap/core'\nimport { type NodeViewProps,NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react'\n\nimport { SHEET_COLS, SHEET_ROWS,SPRITESHEET_URL } from './emoji-data'\n\nexport interface EmojiNodeAttrs {\n  id: string\n  native: string\n  set: string\n  x: number\n  y: number\n}\n\nfunction EmojiNodeView({ node }: NodeViewProps) {\n  const { native, set, x, y } = node.attrs as EmojiNodeAttrs\n\n  if (set === 'native') {\n    return (\n      <NodeViewWrapper as=\"span\" className=\"inline\">\n        <span>{native}</span>\n      </NodeViewWrapper>\n    )\n  }\n\n  const bgSize = `${100 * SHEET_COLS}% ${100 * SHEET_ROWS}%`\n  const bgPos = `${(100 / (SHEET_COLS - 1)) * x}% ${(100 / (SHEET_ROWS - 1)) * y}%`\n\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        role=\"img\"\n        aria-label={native}\n        className=\"inline-block h-[1.2em] w-[1.2em] align-text-bottom\"\n        style={{\n          backgroundImage: `url(${SPRITESHEET_URL(set)})`,\n          backgroundSize: bgSize,\n          backgroundPosition: bgPos,\n        }}\n      />\n    </NodeViewWrapper>\n  )\n}\n\nexport const EmojiNode = Node.create({\n  name: 'emojiNode',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  selectable: false,\n\n  addAttributes() {\n    return {\n      id: { default: null },\n      native: { default: null },\n      set: { default: 'native' },\n      x: { default: 0 },\n      y: { default: 0 },\n    }\n  },\n\n  renderText({ node }) {\n    return node.attrs.native ?? ''\n  },\n\n  parseHTML() {\n    return [{\n      tag: 'span[data-emoji-id]',\n      getAttrs: (el) => {\n        const dom = el as HTMLElement\n        return {\n          id: dom.getAttribute('data-emoji-id'),\n          set: dom.getAttribute('data-emoji-set') ?? 'native',\n          x: parseInt(dom.getAttribute('data-emoji-x') ?? '0', 10),\n          y: parseInt(dom.getAttribute('data-emoji-y') ?? '0', 10),\n          native: dom.textContent ?? '',\n        }\n      },\n    }]\n  },\n\n  renderHTML({ node }) {\n    return ['span', {\n      'data-emoji-id': node.attrs.id,\n      'data-emoji-set': node.attrs.set,\n      'data-emoji-x': node.attrs.x,\n      'data-emoji-y': node.attrs.y,\n      'role': 'img',\n      'aria-label': node.attrs.native,\n    }, node.attrs.native ?? '']\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(EmojiNodeView)\n  },\n})\n","import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionKeyDownProps,type SuggestionProps } from '@tiptap/suggestion'\nimport { PluginKey } from 'prosemirror-state'\nimport * as React from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { cn } from '../../ui/lib/utils'\nimport { loadEmojiData, type ResolvedEmoji, searchEmoji, SHEET_COLS, SHEET_ROWS,SPRITESHEET_URL } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\nfunction EmojiImage({ emoji, set, size = '1.2em' }: { emoji: ResolvedEmoji; set: string; size?: string }) {\n  if (set === 'native') {\n    return <span style={{ fontSize: size }}>{emoji.native}</span>\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={emoji.native}\n      className=\"inline-block\"\n      style={{\n        width: size,\n        height: size,\n        backgroundImage: `url(${SPRITESHEET_URL(set)})`,\n        backgroundSize: `${100 * SHEET_COLS}% ${100 * SHEET_ROWS}%`,\n        backgroundPosition: `${(100 / (SHEET_COLS - 1)) * emoji.x}% ${(100 / (SHEET_ROWS - 1)) * emoji.y}%`,\n      }}\n    />\n  )\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  set: string\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\n  ({ items, set, command }, ref) => {\n    const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n    React.useEffect(() => setSelectedIndex(0), [items])\n\n    React.useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n        if (event.key === 'ArrowUp') {\n          setSelectedIndex((i) => (i + items.length - 1) % items.length)\n          return true\n        }\n        if (event.key === 'ArrowDown') {\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        }\n        if (event.key === 'Enter') {\n          if (items[selectedIndex]) command(items[selectedIndex])\n          return true\n        }\n        return false\n      },\n    }))\n\n    if (!items.length) return null\n\n    return (\n      <div role=\"listbox\" aria-label=\"Emoji suggestions\" className=\"z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover\">\n        {items.map((item, index) => (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={index === selectedIndex}\n            onClick={() => command(item)}\n            className={cn(\n              'flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-ds-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} set={set} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer(set: string) {\n  return () => {\n    let root: Root | null = null\n    let container: HTMLDivElement | null = null\n    let componentRef: EmojiListRef | null = null\n\n    return {\n      onStart: (props: SuggestionProps<ResolvedEmoji>) => {\n        container = document.createElement('div')\n        container.style.position = 'absolute'\n        container.style.zIndex = '1400'\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        document.body.appendChild(container)\n        root = createRoot(container)\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            set={set}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onUpdate: (props: SuggestionProps<ResolvedEmoji>) => {\n        if (!root || !container) return\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            set={set}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onKeyDown: (props: SuggestionKeyDownProps) => {\n        if (props.event.key === 'Escape') {\n          if (container) {\n            root?.unmount()\n            container.remove()\n            container = null\n            root = null\n          }\n          return true\n        }\n        return componentRef?.onKeyDown(props) ?? false\n      },\n\n      onExit: () => {\n        if (container) {\n          root?.unmount()\n          container.remove()\n          container = null\n          root = null\n        }\n      },\n    }\n  }\n}\n\n/** Factory: call with the emoji set to get a configured extension. */\nexport function createEmojiSuggestion(set = 'native') {\n  return Extension.create({\n    name: 'emojiSuggestion',\n\n    addProseMirrorPlugins() {\n      return [\n        Suggestion({\n          pluginKey: new PluginKey('emojiSuggestion'),\n          editor: this.editor,\n          char: ':',\n          items: async ({ query }) => {\n            const data = await loadEmojiData(set)\n            return searchEmoji(data, query, 8)\n          },\n          command: ({ editor, range, props: item }) => {\n            const emoji = item as ResolvedEmoji\n            editor\n              .chain()\n              .focus()\n              .deleteRange(range)\n              .insertContent({\n                type: 'emojiNode',\n                attrs: { id: emoji.id, native: emoji.native, set, x: emoji.x, y: emoji.y },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(set),\n        }),\n      ]\n    },\n  })\n}\n","import { IconDownload,IconFile } from '@tabler/icons-react'\nimport { mergeAttributes,Node } from '@tiptap/core'\nimport { type NodeViewProps,NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react'\n\nimport { Icon } from '../../ui/icon'\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n}\n\nfunction FileAttachmentView({ node }: NodeViewProps) {\n  const safeUrl = /^https?:\\/\\//.test(node.attrs.url) ? node.attrs.url : '#'\n  return (\n    <NodeViewWrapper className=\"my-ds-02\">\n      <a\n        href={safeUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"inline-flex items-center gap-ds-03 rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-04 py-ds-03 text-ds-sm text-surface-fg transition-colors hover:border-surface-border-strong hover:bg-surface-raised-hover\"\n        contentEditable={false}\n      >\n        <Icon icon={IconFile} size=\"sm\" className=\"shrink-0 text-surface-fg-subtle\" />\n        <span className=\"truncate\">{node.attrs.name}</span>\n        <span className=\"shrink-0 text-surface-fg-subtle\">({formatFileSize(node.attrs.size)})</span>\n        <Icon icon={IconDownload} size=\"sm\" className=\"shrink-0 text-surface-fg-subtle\" />\n      </a>\n    </NodeViewWrapper>\n  )\n}\n\nexport const FileAttachment = Node.create({\n  name: 'fileAttachment',\n  group: 'block',\n  atom: true,\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      name: { default: 'Untitled' },\n      size: { default: 0 },\n    }\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-file-attachment]' }]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes({ 'data-file-attachment': '' }, HTMLAttributes)]\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FileAttachmentView)\n  },\n})\n","import type { SuggestionKeyDownProps,SuggestionProps } from '@tiptap/suggestion'\nimport * as React from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { cn } from '../../ui/lib/utils'\nimport type { MentionItem } from '../rich-text-editor'\n\ninterface MentionListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface MentionListProps {\n  items: MentionItem[]\n  command: (item: MentionItem) => void\n}\n\nconst MentionList = React.forwardRef<MentionListRef, MentionListProps>(\n  ({ items, command }, ref) => {\n    const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n    React.useEffect(() => setSelectedIndex(0), [items])\n\n    React.useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n        if (event.key === 'ArrowUp') {\n          setSelectedIndex((i) => (i + items.length - 1) % items.length)\n          return true\n        }\n        if (event.key === 'ArrowDown') {\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        }\n        if (event.key === 'Enter') {\n          if (items[selectedIndex]) command(items[selectedIndex])\n          return true\n        }\n        return false\n      },\n    }))\n\n    if (!items.length) return null\n\n    return (\n      <div role=\"listbox\" aria-label=\"Mention suggestions\" className=\"z-popover overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover\">\n        {items.map((item, index) => (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={index === selectedIndex}\n            onClick={() => command(item)}\n            className={cn(\n              'flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-ds-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            {item.avatar ? (\n              <img src={item.avatar} alt=\"\" className=\"h-ico-md w-ico-md rounded-ds-full object-cover\" />\n            ) : (\n              <span className=\"flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-accent-2 text-[10px] font-semibold text-accent-11\">\n                {item.label.charAt(0).toUpperCase()}\n              </span>\n            )}\n            <span>{item.label}</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nMentionList.displayName = 'MentionList'\n\nexport function createSuggestionRenderer(onMentionSelect?: (item: MentionItem) => void) {\n  return () => {\n    let root: Root | null = null\n    let container: HTMLDivElement | null = null\n    let componentRef: MentionListRef | null = null\n\n    return {\n      onStart: (props: SuggestionProps<MentionItem>) => {\n        container = document.createElement('div')\n        container.style.position = 'absolute'\n        container.style.zIndex = '1400' // z-popover\n\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        document.body.appendChild(container)\n\n        root = createRoot(container)\n        root.render(\n          <MentionList\n            ref={(r) => { componentRef = r }}\n            items={props.items as MentionItem[]}\n            command={(item) => {\n              props.command({ id: item.id, label: item.label })\n              onMentionSelect?.(item)\n            }}\n          />,\n        )\n      },\n\n      onUpdate: (props: SuggestionProps<MentionItem>) => {\n        if (!root || !container) return\n\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n\n        root.render(\n          <MentionList\n            ref={(r) => { componentRef = r }}\n            items={props.items as MentionItem[]}\n            command={(item) => {\n              props.command({ id: item.id, label: item.label })\n              onMentionSelect?.(item)\n            }}\n          />,\n        )\n      },\n\n      onKeyDown: (props: SuggestionKeyDownProps) => {\n        if (props.event.key === 'Escape') {\n          if (container) {\n            root?.unmount()\n            container.remove()\n            container = null\n            root = null\n          }\n          return true\n        }\n        return componentRef?.onKeyDown(props) ?? false\n      },\n\n      onExit: () => {\n        if (container) {\n          root?.unmount()\n          container.remove()\n          container = null\n          root = null\n        }\n      },\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/_chunks/motion-provider.js

@@ -1,30 +1,30 @@
 "use client";
-import { n as e, o as t } from "./framer.js";
-import { springs as n, tweens as r } from "../ui/lib/motion.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { springs as e, tweens as t } from "../ui/lib/motion.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { MotionConfig as i, useReducedMotion as a } from "framer-motion";
 //#region src/motion/motion-provider.tsx
-var o = i.createContext({
-	springs: n,
-	tweens: r,
+var o = n.createContext({
+	springs: e,
+	tweens: t,
 	reducedMotion: !1
 });
 function s({ children: s, reducedMotion: c = "user" }) {
-	let l = e() ?? !1, u = c === "user" ? l : c, d = i.useMemo(() => ({
-		springs: n,
-		tweens: r,
+	let l = a() ?? !1, u = c === "user" ? l : c, d = n.useMemo(() => ({
+		springs: e,
+		tweens: t,
 		reducedMotion: u
 	}), [u]);
-	return /* @__PURE__ */ a(o.Provider, {
+	return /* @__PURE__ */ r(o.Provider, {
 		value: d,
-		children: /* @__PURE__ */ a(t, {
+		children: /* @__PURE__ */ r(i, {
 			reducedMotion: c === "user" ? "user" : c ? "always" : "never",
 			children: s
 		})
 	});
 }
 function c() {
-	return i.useContext(o);
+	return n.useContext(o);
 }
 //#endregion
 export { c as n, s as t };

package/dist/_chunks/motion-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion-provider.js","names":[],"sources":["../../src/motion/motion-provider.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { MotionConfig, useReducedMotion as useFMReducedMotion } from 'framer-motion'\nimport { springs, tweens } from '../ui/lib/motion'\n\ntype ReducedMotionMode = 'user' | boolean\n\ntype MotionContextValue = {\n  springs: typeof springs\n  tweens: typeof tweens\n  reducedMotion: boolean\n}\n\nconst MotionContext = React.createContext<MotionContextValue>({\n  springs,\n  tweens,\n  reducedMotion: false,\n})\n\ntype MotionProviderProps = {\n  children: React.ReactNode\n  /** 'user' = detect OS preference, true = force off, false = force on */\n  reducedMotion?: ReducedMotionMode\n}\n\nfunction MotionProvider({ children, reducedMotion = 'user' }: MotionProviderProps) {\n  const osPreference = useFMReducedMotion() ?? false\n  const isReduced = reducedMotion === 'user' ? osPreference : reducedMotion\n\n  const value = React.useMemo<MotionContextValue>(\n    () => ({ springs, tweens, reducedMotion: isReduced }),\n    [isReduced],\n  )\n\n  return (\n    <MotionContext.Provider value={value}>\n      <MotionConfig reducedMotion={reducedMotion === 'user' ? 'user' : reducedMotion ? 'always' : 'never'}>\n        {children}\n      </MotionConfig>\n    </MotionContext.Provider>\n  )\n}\n\nfunction useMotion() {\n  return React.useContext(MotionContext)\n}\n\nexport { MotionProvider, useMotion, type MotionProviderProps }\n"],"mappings":";;;;;AAcA,IAAM,IAAgB,EAAM,cAAkC;CAC5D;CACA;CACA,eAAe;CAChB,CAAC;AAQF,SAAS,EAAe,EAAE,aAAU,mBAAgB,UAA+B;CACjF,IAAM,IAAe,GAAoB,IAAI,IACvC,IAAY,MAAkB,SAAS,IAAe,GAEtD,IAAQ,EAAM,eACX;EAAE;EAAS;EAAQ,eAAe;EAAW,GACpD,CAAC,EAAU,CACZ;AAED,QACE,kBAAC,EAAc,UAAf;EAA+B;YAC7B,kBAAC,GAAD;GAAc,eAAe,MAAkB,SAAS,SAAS,IAAgB,WAAW;GACzF;GACY,CAAA;EACQ,CAAA;;AAI7B,SAAS,IAAY;AACnB,QAAO,EAAM,WAAW,EAAc"}
+{"version":3,"file":"motion-provider.js","names":[],"sources":["../../src/motion/motion-provider.tsx"],"sourcesContent":["'use client'\n\nimport { MotionConfig, useReducedMotion as useFMReducedMotion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from '../ui/lib/motion'\n\ntype ReducedMotionMode = 'user' | boolean\n\ntype MotionContextValue = {\n  springs: typeof springs\n  tweens: typeof tweens\n  reducedMotion: boolean\n}\n\nconst MotionContext = React.createContext<MotionContextValue>({\n  springs,\n  tweens,\n  reducedMotion: false,\n})\n\ntype MotionProviderProps = {\n  children: React.ReactNode\n  /** 'user' = detect OS preference, true = force off, false = force on */\n  reducedMotion?: ReducedMotionMode\n}\n\nfunction MotionProvider({ children, reducedMotion = 'user' }: MotionProviderProps) {\n  const osPreference = useFMReducedMotion() ?? false\n  const isReduced = reducedMotion === 'user' ? osPreference : reducedMotion\n\n  const value = React.useMemo<MotionContextValue>(\n    () => ({ springs, tweens, reducedMotion: isReduced }),\n    [isReduced],\n  )\n\n  return (\n    <MotionContext.Provider value={value}>\n      <MotionConfig reducedMotion={reducedMotion === 'user' ? 'user' : reducedMotion ? 'always' : 'never'}>\n        {children}\n      </MotionConfig>\n    </MotionContext.Provider>\n  )\n}\n\nfunction useMotion() {\n  return React.useContext(MotionContext)\n}\n\nexport { MotionProvider, type MotionProviderProps,useMotion }\n"],"mappings":";;;;;AAeA,IAAM,IAAgB,EAAM,cAAkC;CAC5D;CACA;CACA,eAAe;CAChB,CAAC;AAQF,SAAS,EAAe,EAAE,aAAU,mBAAgB,UAA+B;CACjF,IAAM,IAAe,GAAoB,IAAI,IACvC,IAAY,MAAkB,SAAS,IAAe,GAEtD,IAAQ,EAAM,eACX;EAAE;EAAS;EAAQ,eAAe;EAAW,GACpD,CAAC,EAAU,CACZ;AAED,QACE,kBAAC,EAAc,UAAf;EAA+B;YAC7B,kBAAC,GAAD;GAAc,eAAe,MAAkB,SAAS,SAAS,IAAgB,WAAW;GACzF;GACY,CAAA;EACQ,CAAA;;AAI7B,SAAS,IAAY;AACnB,QAAO,EAAM,WAAW,EAAc"}

package/dist/_chunks/popover.js

@@ -1,51 +1,51 @@
 "use client";
 import { An as e, Dn as t, Gt as n, Jt as r, Kt as i, Yt as a, jn as o, kn as s, qt as c } from "./primitives.js";
-import { a as l, c as u, n as d } from "./framer.js";
-import { springs as f, tweens as p } from "../ui/lib/motion.js";
-import { cn as m } from "../ui/lib/utils.js";
-import { useIsMobile as h } from "../hooks/use-mobile.js";
-import * as g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { springs as l, tweens as u } from "../ui/lib/motion.js";
+import { cn as d } from "../ui/lib/utils.js";
+import { useIsMobile as f } from "../hooks/use-mobile.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { AnimatePresence as g, motion as _, useReducedMotion as v } from "framer-motion";
 //#region src/ui/lib/bottom-sheet.tsx
-function y({ open: n, onOpenChange: r, children: i, className: a, dragHandle: c = !0, swipeable: h = !0, title: y }) {
-	let b = d(), x = g.useRef(null), S = g.useCallback((e, t) => {
+function y({ open: n, onOpenChange: r, children: i, className: a, dragHandle: c = !0, swipeable: f = !0, title: y }) {
+	let b = v(), x = p.useRef(null), S = p.useCallback((e, t) => {
 		let n = x.current?.getBoundingClientRect().height ?? 300;
 		(t.offset.y > n * .3 || t.velocity.y > 500) && r(!1);
 	}, [r]);
-	return /* @__PURE__ */ _(o, {
+	return /* @__PURE__ */ m(o, {
 		open: n,
 		onOpenChange: r,
-		children: /* @__PURE__ */ _(u, { children: n && /* @__PURE__ */ v(e, {
+		children: /* @__PURE__ */ m(g, { children: n && /* @__PURE__ */ h(e, {
 			forceMount: !0,
-			children: [/* @__PURE__ */ _(s, {
+			children: [/* @__PURE__ */ m(s, {
 				forceMount: !0,
 				asChild: !0,
-				children: /* @__PURE__ */ _(l.div, {
+				children: /* @__PURE__ */ m(_.div, {
 					className: "fixed inset-0 z-modal bg-overlay",
 					initial: { opacity: 0 },
 					animate: { opacity: 1 },
 					exit: { opacity: 0 },
-					transition: p.fade
+					transition: u.fade
 				})
-			}), /* @__PURE__ */ _(t, {
+			}), /* @__PURE__ */ m(t, {
 				forceMount: !0,
 				asChild: !0,
 				"aria-label": y,
-				children: /* @__PURE__ */ v(l.div, {
+				children: /* @__PURE__ */ h(_.div, {
 					ref: x,
-					className: m("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", a),
+					className: d("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", a),
 					initial: { y: "100%" },
 					animate: { y: 0 },
 					exit: { y: "100%" },
-					transition: b ? { duration: 0 } : f.smooth,
-					drag: h && !b ? "y" : !1,
+					transition: b ? { duration: 0 } : l.smooth,
+					drag: f && !b ? "y" : !1,
 					dragConstraints: { top: 0 },
 					dragElastic: .2,
 					onDragEnd: S,
-					children: [c && /* @__PURE__ */ _("div", {
+					children: [c && /* @__PURE__ */ m("div", {
 						className: "flex justify-center pt-ds-03 pb-ds-02",
-						children: /* @__PURE__ */ _("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" })
-					}), /* @__PURE__ */ _("div", {
+						children: /* @__PURE__ */ m("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" })
+					}), /* @__PURE__ */ m("div", {
 						className: "px-ds-05 pb-ds-06",
 						children: i
 					})]
@@ -56,19 +56,19 @@ function y({ open: n, onOpenChange: r, children: i, className: a, dragHandle: c
 }
 //#endregion
 //#region src/ui/popover.tsx
-var b = g.createContext({
+var b = p.createContext({
 	open: !1,
 	onClose: () => {}
 }), x = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...i }) => {
-	let [a, o] = g.useState(t), s = e !== void 0, c = s ? e : a, l = g.useCallback((e) => {
+	let [a, o] = p.useState(t), s = e !== void 0, c = s ? e : a, l = p.useCallback((e) => {
 		s || o(e), n?.(e);
-	}, [s, n]), u = g.useMemo(() => ({
+	}, [s, n]), u = p.useMemo(() => ({
 		open: c,
 		onClose: () => l(!1)
 	}), [c, l]);
-	return /* @__PURE__ */ _(b.Provider, {
+	return /* @__PURE__ */ m(b.Provider, {
 		value: u,
-		children: /* @__PURE__ */ _(r, {
+		children: /* @__PURE__ */ m(r, {
 			open: c,
 			onOpenChange: l,
 			...i
@@ -76,26 +76,26 @@ var b = g.createContext({
 	});
 };
 x.displayName = "Popover";
-var S = a, C = n, w = g.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, children: r, ...a }, o) => {
-	let s = h(), { open: d, onClose: v } = g.useContext(b);
-	return s ? /* @__PURE__ */ _(y, {
-		open: d,
+var S = a, C = n, w = p.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, children: r, ...a }, o) => {
+	let s = f(), { open: h, onClose: v } = p.useContext(b);
+	return s ? /* @__PURE__ */ m(y, {
+		open: h,
 		onOpenChange: (e) => {
 			e || v();
 		},
 		title: "Options",
 		className: e,
 		children: r
-	}) : /* @__PURE__ */ _(u, { children: d && /* @__PURE__ */ _(c, {
+	}) : /* @__PURE__ */ m(g, { children: h && /* @__PURE__ */ m(c, {
 		forceMount: !0,
-		children: /* @__PURE__ */ _(i, {
+		children: /* @__PURE__ */ m(i, {
 			ref: o,
 			align: t,
 			sideOffset: n,
 			forceMount: !0,
 			asChild: !0,
 			...a,
-			children: /* @__PURE__ */ _(l.div, {
+			children: /* @__PURE__ */ m(_.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -109,10 +109,10 @@ var S = a, C = n, w = g.forwardRef(({ className: e, align: t = "center", sideOff
 					scale: .95
 				},
 				transition: {
-					...f.snappy,
-					opacity: p.fade
+					...l.snappy,
+					opacity: u.fade
 				},
-				className: m("z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", e),
+				className: d("z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", e),
 				children: r
 			})
 		})