@devalok/shilp-sutra 0.55.1 → 0.56.0

package/BREAKING.json

@@ -350,6 +350,19 @@
         "Fastest migration: `npx shadcn@latest add @devalok/sidebar-app`, then replace <AppSidebar navGroups={…} user={…} currentPath={…} /> with the pasted <SidebarApp/>, wiring your router Link + active path. Composing @devalok/shilp-sutra/ui/sidebar directly is equally valid and needs no registry.",
         "Deprecation cycle: no PUBLISHED version carried an @deprecated AppSidebar — 0.53.0 shipped it undeprecated, 0.54.0 removes it. The deprecation marker existed only within the unreleased 0.54.0 line. This is a deliberate call for a 0.x beta with a single coordinated consumer (breaking changes ship in 0.x minors); a post-1.0 removal would get a real deprecate→remove window."
       ]
+    },
+    "0.56.0": {
+      "summary": "TipTap is no longer bundled — @tiptap/* and prosemirror-* are externalized, so RichTextEditor / RichChatInput now REQUIRE their peers to be installed. No symbol, prop, or export changed; this is an install-graph break only.",
+      "migrationDoc": "MIGRATION.md#v0560--tiptap-externalized--no-install-scripts",
+      "notes": [
+        "BREAKING: @tiptap/* and prosemirror-* were declared as optional peerDependencies AND bundled into a 641 KB _chunks/tiptap.js. RichTextEditor / RichChatInput therefore worked whether or not you installed the peers. They are now externalized and the peers are mandatory for those two components. Install command per framework: §2a of docs/recipes/install-*.md, or run the MCP's preflight tool.",
+        "WHY: a consumer who DID follow our peer instructions ran two ProseMirror copies. Plugin keys are module-scoped, so the copies could not see each other's plugins and the editors misbehaved un-attributably. Same failure class as the framer-motion/sonner externalization in 0.37.0. It also removes 641 KB from the package for every consumer who never touches rich text.",
+        "Twelve @tiptap/* packages are now declared as optional peers (previously four: core, pm, react, suggestion) — the full set we import must be resolvable by the consumer. Two internal `prosemirror-state` imports were rerouted to `@tiptap/pm/state` so they ride the existing @tiptap/pm peer instead of requiring a separate prosemirror-state install.",
+        "NOT breaking: every component outside RichTextEditor / RichChatInput is untouched. No exported symbol, prop type, or subpath export changed in this release — no widening and no narrowing.",
+        "use-sync-external-store is no longer a dependency. React 18+ has useSyncExternalStore built in and our own code always called it directly (primitives/_internal/react-use-is-hydrated.ts); the dep existed only to feed the bundled TipTap chunk. Runtime dependencies are now class-variance-authority, clsx, tailwind-merge, tw-animate-css.",
+        "clsx / class-variance-authority / tailwind-merge are now externalized rather than bundled. All three leak into our published .d.ts (25 files reference VariantProps, cva's return type embeds class-variance-authority/types#ClassProp, utils.d.ts imports ClassValue), so consumers already had to resolve them for tsc; bundling a second copy shipped the same code twice and blocked dedupe with the consumer's own copies. tailwind-merge moves devDependency -> dependency (it was already shipping, hidden inside our bundle). All auto-installed with us — no consumer action.",
+        "The postinstall script is REMOVED — this package now runs no lifecycle scripts at all on install. It previously printed a welcome banner and wrote a project-scoped .mcp.json into the consumer's repo pointing at our hosted docs MCP. Nothing is required when upgrading. To clean up after the old behaviour: remove the `shilp-sutra` entry from .mcp.json and delete the node_modules/.shilp-sutra-welcomed and .shilp-sutra-mcp-written sentinels. Add the MCP deliberately with `claude mcp add --transport http shilp-sutra https://shilp-sutra.devalok.in/mcp`."
+      ]
     }
   }
 }

package/MIGRATION.md

@@ -4,6 +4,62 @@ This page indexes all breaking changes across `@devalok/shilp-sutra` versions. F
 
 > **Upgrading from < 0.36?** Start here, then read each intermediate version section. Breaking changes stack — skipping versions means stacking migrations.
 
+## v0.56.0 — TipTap externalized; no install scripts
+
+One breaking change, and it only affects `RichTextEditor` / `RichChatInput`. No exported symbol, prop type, or subpath export changed — nothing widened and nothing narrowed.
+
+### If you import `RichTextEditor` or `RichChatInput`, install the TipTap peers
+
+0.55.x declared `@tiptap/*` as optional peers **and** bundled TipTap into a 641 KB chunk, so these components worked whether or not you installed anything. TipTap is now externalized: the peers are required.
+
+```bash
+# RichTextEditor
+pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image \
+  @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align \
+  @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react \
+  @tiptap/starter-kit @tiptap/suggestion
+
+# RichChatInput — the list above, plus:
+pnpm add date-fns
+```
+
+Note these are plain `pnpm add`, not `-D`. In 0.55.0 they were devDependencies for types only; now they are the runtime.
+
+§2a of your framework's install recipe carries the same list, and the docs MCP's `preflight` derives it from your actual imports.
+
+**Why the churn:** the old arrangement meant a consumer who *did* follow our peer instructions ran two ProseMirror copies. Plugin keys are module-scoped, so the copies could not recognise each other's plugins and the editors misbehaved in ways nobody could attribute to us. This is the same failure class as the framer-motion / sonner externalization in 0.37.0. It also removes 641 KB from the package for every consumer who never touches rich text.
+
+### If you don't use the editors — nothing to do
+
+Every other component is untouched, and the package gets smaller.
+
+### `use-sync-external-store` is gone — nothing to do
+
+It was never ours. React 18+ has `useSyncExternalStore` built in and our code always called it directly; the dependency existed only to feed the bundled TipTap chunk. Runtime dependencies are now `class-variance-authority`, `clsx`, `tailwind-merge`, `tw-animate-css`.
+
+### `clsx` / `class-variance-authority` / `tailwind-merge` externalized — nothing to do
+
+All three leak into our published `.d.ts`, so you already had to resolve them for `tsc`. We were also bundling copies, which shipped the same code twice and stopped your own copies from deduping with ours. `tailwind-merge` moves from our devDependencies to our dependencies — it was already shipping, just hidden inside the bundle. All three install with us automatically.
+
+### No more `postinstall` — nothing to do
+
+This package now runs **zero lifecycle scripts** on install. The old `postinstall` printed a welcome banner and wrote a project-scoped `.mcp.json` into your repo pointing at our hosted docs MCP.
+
+To clean up after the old behaviour if you want to:
+
+```bash
+# 1. drop the entry we added (or the whole file, if we created it and you keep nothing else there)
+#    .mcp.json → mcpServers → "shilp-sutra"
+# 2. remove the sentinels
+rm -f node_modules/.shilp-sutra-welcomed node_modules/.shilp-sutra-mcp-written
+```
+
+To add the MCP deliberately:
+
+```bash
+claude mcp add --transport http shilp-sutra https://shilp-sutra.devalok.in/mcp
+```
+
 ## v0.55.0 — additive; one optional step if you use the editors
 
 Nothing breaks. No existing import, prop value, or install stops working.

package/README.md

@@ -53,8 +53,22 @@ claude mcp add --transport http shilp-sutra https://shilp-sutra.devalok.in/mcp
 
 Six read-only tools: `find_component`, `get_component`, `get_tokens`, `get_setup`, `upgrade`, `search_docs`. Every tool takes a `version` param — pass your installed version (from `node_modules/@devalok/shilp-sutra/package.json`) so answers match your prop surface exactly.
 
+Prefer a local skill over a network call? Copy the one we ship:
+
+```sh
+cp -r node_modules/@devalok/shilp-sutra/skill ~/.claude/skills/shilp-sutra
+```
+
 Without MCP: `llms.txt` (router) → `docs/components/<tier>/<name>.md` (per-component) → `mcp-manifest.json` (all props/tokens/composition as JSON). Full contract in `AGENTS.md`.
 
+### No install scripts
+
+This package has **no `postinstall` and no lifecycle scripts of any kind**. Installing it runs zero code on your machine and writes nothing outside its own directory.
+
+Up to 0.55.x we shipped a `postinstall` that printed a welcome banner and wrote a project-scoped `.mcp.json` pointing at the docs MCP above. Both are gone as of 0.56.0. The banner was noise; writing a config file into someone's repo — unasked, to wire their AI agent to our server — is exactly the behaviour npm's install-script blocking exists to stop, and it is not a thing a design system should do to earn a place in your dependency tree. Add the MCP yourself with the command above if you want it.
+
+> **Upgrading from ≤0.55.x?** Nothing to do. If you want the old auto-written config gone, delete the `shilp-sutra` entry from your `.mcp.json` (or the file, if we created it and you keep nothing else there) and remove the `node_modules/.shilp-sutra-welcomed` / `.shilp-sutra-mcp-written` sentinels.
+
 ## Peer Dependencies
 
 ### Required
@@ -74,7 +88,8 @@ Install only what you use:
 |---------|----------|
 | Toasts (`./ui/toaster`, `./ui/toast`) | `sonner` |
 | Charts (`./ui/charts`) | `d3-array`, `d3-axis`, `d3-format`, `d3-interpolate`, `d3-scale`, `d3-selection`, `d3-shape`, `d3-time-format`, `d3-transition` |
-| Rich Text Editor (`./composed/rich-text-editor`) | `@tiptap/react`, `@tiptap/starter-kit` |
+| Rich Text Editor (`./composed/rich-text-editor`) | `@tiptap/core`, `@tiptap/extension-highlight`, `@tiptap/extension-image`, `@tiptap/extension-list`, `@tiptap/extension-mention`, `@tiptap/extension-text-align`, `@tiptap/extensions`, `@tiptap/markdown`, `@tiptap/pm`, `@tiptap/react`, `@tiptap/starter-kit`, `@tiptap/suggestion` |
+| Rich Chat Input (`./composed/rich-chat-input`) | the Rich Text Editor list, plus `date-fns` |
 | DataTable (`./ui/data-table`) | `@tanstack/react-table`, `@tanstack/react-virtual` |
 | Icons | `@tabler/icons-react` |
 | Date components (`./composed/date-picker`) | `date-fns` |

package/dist/_chunks/badge-group.js

@@ -1,16 +1,16 @@
 "use client";
 import { Slot as e } from "./primitives-internal.js";
 import { durations as t, springs as n } from "../ui/lib/motion.js";
-import { cva as r } from "./vendor-utils.js";
-import { cn as i } from "../ui/lib/utils.js";
-import { Icon as a } from "../ui/icon.js";
-import { Dot as o } from "../ui/dot.js";
-import { normalizeIcon as s } from "./normalize-icon.js";
-import { BadgeIndicator as c } from "../ui/badge-indicator.js";
-import * as l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { IconCheck as f, IconX as p } from "@tabler/icons-react";
-import { AnimatePresence as m, motion as h } from "framer-motion";
+import { cn as r } from "../ui/lib/utils.js";
+import { Icon as i } from "../ui/icon.js";
+import { Dot as a } from "../ui/dot.js";
+import { normalizeIcon as o } from "./normalize-icon.js";
+import { BadgeIndicator as s } from "../ui/badge-indicator.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconCheck as d, IconX as f } from "@tabler/icons-react";
+import { AnimatePresence as p, motion as m } from "framer-motion";
+import { cva as h } from "class-variance-authority";
 //#region src/ui/badge.tsx
 var g = {
 	default: {
@@ -116,13 +116,13 @@ function _(e, t) {
 	if (t === "custom") return "";
 	let n = g[t];
 	switch (e) {
-		case "subtle": return i(n.bg, n.fg, n.border);
-		case "solid": return i(n.solid, n.solidFg, "border-transparent");
-		case "outline": return i("bg-transparent", n.fg, n.border);
-		case "soft": return i(n.bg, n.fg, "border-transparent");
+		case "subtle": return r(n.bg, n.fg, n.border);
+		case "solid": return r(n.solid, n.solidFg, "border-transparent");
+		case "outline": return r("bg-transparent", n.fg, n.border);
+		case "soft": return r(n.bg, n.fg, "border-transparent");
 	}
 }
-var v = r("relative inline-flex items-center rounded-pill font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]", {
+var v = h("relative inline-flex items-center rounded-pill font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]", {
 	variants: {
 		variant: {
 			subtle: "border",
@@ -156,8 +156,8 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 	sm: "pr-ds-02",
 	md: "pr-ds-02",
 	lg: "pr-ds-02b"
-}, S = l.forwardRef(({ className: r, variant: c, color: l, size: g, asChild: S, startIcon: C, endIcon: w, dot: T, dotPulse: E, onDismiss: D, onClick: O, selected: k, disabled: A, maxWidth: j, truncate: M, circle: N, children: P, style: F, ...I }, L) => {
-	let R = c ?? "subtle", z = l ?? "default", B = g ?? "md", V = S ? e : O && D ? "div" : O ? "button" : "span", H = z === "custom" ? {
+}, S = c.forwardRef(({ className: s, variant: c, color: h, size: g, asChild: S, startIcon: C, endIcon: w, dot: T, dotPulse: E, onDismiss: D, onClick: O, selected: k, disabled: A, maxWidth: j, truncate: M, circle: N, children: P, style: F, ...I }, L) => {
+	let R = c ?? "subtle", z = h ?? "default", B = g ?? "md", V = S ? e : O && D ? "div" : O ? "button" : "span", H = z === "custom" ? {
 		...R === "subtle" && {
 			backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
 			color: "var(--badge-color)",
@@ -181,12 +181,12 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 	} : void 0, U = O && D ? (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), A || O(e)), I.onKeyDown?.(e);
 	} : I.onKeyDown, W = !!(T || C || O && k && !C && !T), G = !!(D || w);
-	return /* @__PURE__ */ d(V, {
+	return /* @__PURE__ */ u(V, {
 		ref: L,
-		className: i(v({
+		className: r(v({
 			variant: R,
 			size: B
-		}), _(R, z), W && b[B], G && x[B], O && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]", k && "ring-1 ring-current/20 transition-shadow duration-fast-02", A && "opacity-action-disabled pointer-events-none saturate-[0.3]", N && "justify-center px-0 aspect-square", r),
+		}), _(R, z), W && b[B], G && x[B], O && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]", k && "ring-1 ring-current/20 transition-shadow duration-fast-02", A && "opacity-action-disabled pointer-events-none saturate-[0.3]", N && "justify-center px-0 aspect-square", s),
 		style: {
 			...F,
 			...H,
@@ -202,19 +202,19 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 		} : {},
 		...I,
 		children: [
-			/* @__PURE__ */ u(m, { children: T && /* @__PURE__ */ u(h.span, {
+			/* @__PURE__ */ l(p, { children: T && /* @__PURE__ */ l(m.span, {
 				initial: { scale: 0 },
 				animate: { scale: 1 },
 				exit: { scale: 0 },
 				transition: n.snappy,
 				className: "inline-flex shrink-0",
-				children: /* @__PURE__ */ u(o, {
+				children: /* @__PURE__ */ l(a, {
 					color: "current",
 					size: "sm",
 					pulse: E
 				})
 			}, "dot") }),
-			O && !C && !T && /* @__PURE__ */ u(h.span, {
+			O && !C && !T && /* @__PURE__ */ l(m.span, {
 				initial: !1,
 				animate: k ? {
 					opacity: 1,
@@ -239,33 +239,33 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 				},
 				className: "inline-flex shrink-0 overflow-hidden",
 				"aria-hidden": !k,
-				children: /* @__PURE__ */ u(a, {
-					icon: f,
+				children: /* @__PURE__ */ l(i, {
+					icon: d,
 					size: "xs"
 				})
 			}),
-			C && /* @__PURE__ */ u("span", {
-				className: i("shrink-0", y[B]),
-				children: s(C)
+			C && /* @__PURE__ */ l("span", {
+				className: r("shrink-0", y[B]),
+				children: o(C)
 			}),
-			M || j ? /* @__PURE__ */ u("span", {
+			M || j ? /* @__PURE__ */ l("span", {
 				className: "truncate",
 				title: typeof P == "string" ? P : void 0,
 				children: P
 			}) : P,
-			w && /* @__PURE__ */ u("span", {
-				className: i("shrink-0", y[B]),
-				children: s(w)
+			w && /* @__PURE__ */ l("span", {
+				className: r("shrink-0", y[B]),
+				children: o(w)
 			}),
-			D && /* @__PURE__ */ u("button", {
+			D && /* @__PURE__ */ l("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), D();
 				},
-				className: i("shrink-0 rounded-pill text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9", B === "xs" ? "p-0 -mr-0.5 min-w-ds-05 min-h-ds-05" : "p-px"),
+				className: r("shrink-0 rounded-pill text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9", B === "xs" ? "p-0 -mr-0.5 min-w-ds-05 min-h-ds-05" : "p-px"),
 				"aria-label": `Remove ${typeof P == "string" ? P : ""}`.trim() || "Remove",
-				children: /* @__PURE__ */ u(a, {
-					icon: p,
+				children: /* @__PURE__ */ l(i, {
+					icon: f,
 					size: "xs"
 				})
 			})
@@ -274,24 +274,24 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 });
 S.displayName = "Badge";
 var C = Object.assign(S, {
-	Indicator: c,
+	Indicator: s,
 	Group: T
 }), w = {
 	tight: "gap-1",
 	default: "gap-1.5",
 	loose: "gap-2"
-}, T = l.forwardRef(function({ max: e, gap: t = "default", size: n, onOverflowClick: r, className: a, children: o, ...s }, c) {
-	let u = l.Children.toArray(o), f = u.length, p = e !== void 0 && f > e, m = p ? u.slice(0, e) : u, h = p ? f - e : 0;
-	return /* @__PURE__ */ d("div", {
-		ref: c,
-		className: i("flex flex-wrap items-center", w[t], a),
+}, T = c.forwardRef(function({ max: e, gap: t = "default", size: n, onOverflowClick: i, className: a, children: o, ...s }, l) {
+	let d = c.Children.toArray(o), f = d.length, p = e !== void 0 && f > e, m = p ? d.slice(0, e) : d, h = p ? f - e : 0;
+	return /* @__PURE__ */ u("div", {
+		ref: l,
+		className: r("flex flex-wrap items-center", w[t], a),
 		...s,
-		children: [m, p && /* @__PURE__ */ d(C, {
+		children: [m, p && /* @__PURE__ */ u(C, {
 			variant: "outline",
 			color: "neutral",
 			size: n ?? "sm",
-			onClick: r,
-			"aria-label": r ? `Show ${h} more` : void 0,
+			onClick: i,
+			"aria-label": i ? `Show ${h} more` : void 0,
 			children: ["+", h]
 		})]
 	});

package/dist/_chunks/emoji-suggestion.js

@@ -1,8 +1,10 @@
 "use client";
 import { cn as e } from "../ui/lib/utils.js";
-import { Extension as t, PluginKey as n, index_default$3 as r } from "./tiptap.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Extension as i } from "@tiptap/core";
+import a from "@tiptap/suggestion";
+import { PluginKey as o } from "@tiptap/pm/state";
 import { createRoot as s } from "react-dom/client";
 //#region src/composed/extensions/emoji-data.ts
 var c = null;
@@ -31,27 +33,27 @@ function d(e, t, n = 8) {
 //#endregion
 //#region src/composed/extensions/emoji-suggestion.tsx
 function f({ emoji: e, size: t = "1.2em" }) {
-	return /* @__PURE__ */ a("span", {
+	return /* @__PURE__ */ n("span", {
 		style: { fontSize: t },
 		children: e.native
 	});
 }
-var p = i.forwardRef(({ items: t, command: n }, r) => {
-	let [s, c] = i.useState(0);
-	return i.useEffect(() => c(0), [t]), i.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (c((e) => (e + t.length - 1) % t.length), !0) : e.key === "ArrowDown" ? (c((e) => (e + 1) % t.length), !0) : e.key === "Enter" ? (t[s] && n(t[s]), !0) : !1 })), t.length ? /* @__PURE__ */ a("div", {
+var p = t.forwardRef(({ items: i, command: a }, o) => {
+	let [s, c] = t.useState(0);
+	return t.useEffect(() => c(0), [i]), t.useImperativeHandle(o, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (c((e) => (e + i.length - 1) % i.length), !0) : e.key === "ArrowDown" ? (c((e) => (e + 1) % i.length), !0) : e.key === "Enter" ? (i[s] && a(i[s]), !0) : !1 })), i.length ? /* @__PURE__ */ n("div", {
 		role: "listbox",
 		"aria-label": "Emoji suggestions",
 		className: "z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-control bg-surface-overlay shadow-raised-hover",
-		children: t.map((t, r) => /* @__PURE__ */ o("button", {
+		children: i.map((t, i) => /* @__PURE__ */ r("button", {
 			type: "button",
 			role: "option",
-			"aria-selected": r === s,
-			onClick: () => n(t),
-			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm", r === s ? "bg-surface-raised text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
-			children: [/* @__PURE__ */ a(f, {
+			"aria-selected": i === s,
+			onClick: () => a(t),
+			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm", i === s ? "bg-surface-raised text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
+			children: [/* @__PURE__ */ n(f, {
 				emoji: t,
 				size: "1.25em"
-			}), /* @__PURE__ */ o("span", {
+			}), /* @__PURE__ */ r("span", {
 				className: "truncate",
 				children: [
 					":",
@@ -65,31 +67,31 @@ var p = i.forwardRef(({ items: t, command: n }, r) => {
 p.displayName = "EmojiList";
 function m() {
 	return () => {
-		let e = null, t = null, n = null;
+		let e = null, t = null, r = null;
 		return {
-			onStart: (r) => {
+			onStart: (i) => {
 				t = document.createElement("div"), t.style.position = "absolute", t.style.zIndex = "1400";
-				let i = r.clientRect?.();
-				i && (t.style.left = `${i.left}px`, t.style.top = `${i.bottom + 4}px`), document.body.appendChild(t), e = s(t), e.render(/* @__PURE__ */ a(p, {
+				let a = i.clientRect?.();
+				a && (t.style.left = `${a.left}px`, t.style.top = `${a.bottom + 4}px`), document.body.appendChild(t), e = s(t), e.render(/* @__PURE__ */ n(p, {
 					ref: (e) => {
-						n = e;
+						r = e;
 					},
-					items: r.items,
-					command: (e) => r.command(e)
+					items: i.items,
+					command: (e) => i.command(e)
 				}));
 			},
-			onUpdate: (r) => {
+			onUpdate: (i) => {
 				if (!e || !t) return;
-				let i = r.clientRect?.();
-				i && (t.style.left = `${i.left}px`, t.style.top = `${i.bottom + 4}px`), e.render(/* @__PURE__ */ a(p, {
+				let a = i.clientRect?.();
+				a && (t.style.left = `${a.left}px`, t.style.top = `${a.bottom + 4}px`), e.render(/* @__PURE__ */ n(p, {
 					ref: (e) => {
-						n = e;
+						r = e;
 					},
-					items: r.items,
-					command: (e) => r.command(e)
+					items: i.items,
+					command: (e) => i.command(e)
 				}));
 			},
-			onKeyDown: (r) => r.event.key === "Escape" ? (t && (e?.unmount(), t.remove(), t = null, e = null), !0) : n?.onKeyDown(r) ?? !1,
+			onKeyDown: (n) => n.event.key === "Escape" ? (t && (e?.unmount(), t.remove(), t = null, e = null), !0) : r?.onKeyDown(n) ?? !1,
 			onExit: () => {
 				t && (e?.unmount(), t.remove(), t = null, e = null);
 			}
@@ -97,11 +99,11 @@ function m() {
 	};
 }
 function h() {
-	return t.create({
+	return i.create({
 		name: "emojiSuggestion",
 		addProseMirrorPlugins() {
-			return [r({
-				pluginKey: new n("emojiSuggestion"),
+			return [a({
+				pluginKey: new o("emojiSuggestion"),
 				editor: this.editor,
 				char: ":",
 				items: async ({ query: e }) => d(await l(), e, 8),

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

@@ -1 +1 @@
-{"version":3,"file":"emoji-suggestion.js","names":[],"sources":["../../src/composed/extensions/emoji-data.ts","../../src/composed/extensions/emoji-suggestion.tsx"],"sourcesContent":["// Emoji dataset for the editors' `:shortcode:` autocomplete. Sources\n// `@emoji-mart/data` — a pure-JSON package with NO react peer, so it is\n// unaffected by the React-19 peer issue that drove the picker off\n// `@emoji-mart/react` (→ frimousse). Native-only since that migration: no\n// spritesheet coordinates, no per-art-style loaders.\n\ninterface EmojiSkin {\n  native: string\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}\n\nexport interface ResolvedEmoji {\n  id: string\n  name: string\n  native: string\n}\n\nlet cachedData: EmojiDataset | null = null\n\nexport async function loadEmojiData(): Promise<EmojiDataset> {\n  if (cachedData) return cachedData\n  const mod = await import('@emoji-mart/data')\n  cachedData = ((mod as { default?: EmojiDataset }).default ?? mod) as EmojiDataset\n  return cachedData\n}\n\nfunction resolve(entry: EmojiEntry): ResolvedEmoji {\n  return { id: entry.id, name: entry.name, native: entry.skins[0]?.native ?? '' }\n}\n\nexport function searchEmoji(data: EmojiDataset, query: string, limit = 8): ResolvedEmoji[] {\n  const entries = Object.values(data.emojis)\n  if (!query) return entries.slice(0, limit).map(resolve)\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(resolve(e))\n    }\n  }\n  return results\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 } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\n// Native-only since the frimousse migration.\nfunction EmojiImage({ emoji, size = '1.2em' }: { emoji: ResolvedEmoji; size?: string }) {\n  return <span style={{ fontSize: size }}>{emoji.native}</span>\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\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=\"Emoji suggestions\" className=\"z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-control 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-body-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer() {\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            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            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: returns the configured `:shortcode:` emoji suggestion extension. */\nexport function createEmojiSuggestion() {\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()\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 },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(),\n        }),\n      ]\n    },\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"emoji-suggestion.js","names":[],"sources":["../../src/composed/extensions/emoji-data.ts","../../src/composed/extensions/emoji-suggestion.tsx"],"sourcesContent":["// Emoji dataset for the editors' `:shortcode:` autocomplete. Sources\n// `@emoji-mart/data` — a pure-JSON package with NO react peer, so it is\n// unaffected by the React-19 peer issue that drove the picker off\n// `@emoji-mart/react` (→ frimousse). Native-only since that migration: no\n// spritesheet coordinates, no per-art-style loaders.\n\ninterface EmojiSkin {\n  native: string\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}\n\nexport interface ResolvedEmoji {\n  id: string\n  name: string\n  native: string\n}\n\nlet cachedData: EmojiDataset | null = null\n\nexport async function loadEmojiData(): Promise<EmojiDataset> {\n  if (cachedData) return cachedData\n  const mod = await import('@emoji-mart/data')\n  cachedData = ((mod as { default?: EmojiDataset }).default ?? mod) as EmojiDataset\n  return cachedData\n}\n\nfunction resolve(entry: EmojiEntry): ResolvedEmoji {\n  return { id: entry.id, name: entry.name, native: entry.skins[0]?.native ?? '' }\n}\n\nexport function searchEmoji(data: EmojiDataset, query: string, limit = 8): ResolvedEmoji[] {\n  const entries = Object.values(data.emojis)\n  if (!query) return entries.slice(0, limit).map(resolve)\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(resolve(e))\n    }\n  }\n  return results\n}\n","import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionKeyDownProps,type SuggestionProps } from '@tiptap/suggestion'\nimport { PluginKey } from '@tiptap/pm/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 } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\n// Native-only since the frimousse migration.\nfunction EmojiImage({ emoji, size = '1.2em' }: { emoji: ResolvedEmoji; size?: string }) {\n  return <span style={{ fontSize: size }}>{emoji.native}</span>\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\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=\"Emoji suggestions\" className=\"z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-control 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-body-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer() {\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            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            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: returns the configured `:shortcode:` emoji suggestion extension. */\nexport function createEmojiSuggestion() {\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()\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 },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(),\n        }),\n      ]\n    },\n  })\n}\n"],"mappings":"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"}

package/dist/_chunks/mention-suggestion.js

@@ -2,36 +2,37 @@
 import { cn as e } from "../ui/lib/utils.js";
 import { Icon as t } from "../ui/icon.js";
 import { TruncatedText as n } from "../ui/truncated-text.js";
-import { Node3 as r, NodeViewWrapper as i, ReactNodeViewRenderer as a, mergeAttributes as o } from "./tiptap.js";
-import * as s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { IconDownload as u, IconFile as d } from "@tabler/icons-react";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconDownload as o, IconFile as s } from "@tabler/icons-react";
+import { NodeViewWrapper as c, ReactNodeViewRenderer as l } from "@tiptap/react";
+import { Node as u, mergeAttributes as d } from "@tiptap/core";
 import { createRoot as f } from "react-dom/client";
 //#region src/composed/extensions/file-attachment.tsx
 function p(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function m({ node: e }) {
-	return /* @__PURE__ */ c(i, {
+	return /* @__PURE__ */ i(c, {
 		className: "my-ds-02",
-		children: /* @__PURE__ */ l("a", {
+		children: /* @__PURE__ */ a("a", {
 			href: /^https?:\/\//.test(e.attrs.url) ? e.attrs.url : "#",
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: "inline-flex items-center gap-ds-03 rounded-control border border-surface-border-strong bg-surface-raised px-ds-04 py-ds-03 text-body-sm text-surface-fg transition-colors hover:border-surface-border-strong hover:bg-surface-raised-hover",
 			contentEditable: !1,
 			children: [
-				/* @__PURE__ */ c(t, {
-					icon: d,
+				/* @__PURE__ */ i(t, {
+					icon: s,
 					size: "sm",
 					className: "shrink-0 text-surface-fg-subtle"
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ i(n, {
 					mode: "middle",
 					className: "min-w-0",
 					children: e.attrs.name
 				}),
-				/* @__PURE__ */ l("span", {
+				/* @__PURE__ */ a("span", {
 					className: "shrink-0 text-surface-fg-subtle",
 					children: [
 						"(",
@@ -39,8 +40,8 @@ function m({ node: e }) {
 						")"
 					]
 				}),
-				/* @__PURE__ */ c(t, {
-					icon: u,
+				/* @__PURE__ */ i(t, {
+					icon: o,
 					size: "sm",
 					className: "shrink-0 text-surface-fg-subtle"
 				})
@@ -48,7 +49,7 @@ function m({ node: e }) {
 		})
 	});
 }
-var h = r.create({
+var h = u.create({
 	name: "fileAttachment",
 	group: "block",
 	atom: !0,
@@ -63,31 +64,31 @@ var h = r.create({
 		return [{ tag: "div[data-file-attachment]" }];
 	},
 	renderHTML({ HTMLAttributes: e }) {
-		return ["div", o({ "data-file-attachment": "" }, e)];
+		return ["div", d({ "data-file-attachment": "" }, e)];
 	},
 	addNodeView() {
-		return a(m);
+		return l(m);
 	}
-}), g = s.forwardRef(({ items: t, command: n }, r) => {
-	let [i, a] = s.useState(0);
-	return s.useEffect(() => a(0), [t]), s.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__ */ c("div", {
+}), g = r.forwardRef(({ items: t, command: n }, o) => {
+	let [s, c] = r.useState(0);
+	return r.useEffect(() => c(0), [t]), r.useImperativeHandle(o, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (c((e) => (e + t.length - 1) % t.length), !0) : e.key === "ArrowDown" ? (c((e) => (e + 1) % t.length), !0) : e.key === "Enter" ? (t[s] && n(t[s]), !0) : !1 })), t.length ? /* @__PURE__ */ i("div", {
 		role: "listbox",
 		"aria-label": "Mention suggestions",
 		className: "z-popover overflow-hidden rounded-control bg-surface-overlay shadow-raised-hover",
-		children: t.map((t, r) => /* @__PURE__ */ l("button", {
+		children: t.map((t, r) => /* @__PURE__ */ a("button", {
 			type: "button",
 			role: "option",
-			"aria-selected": r === i,
+			"aria-selected": r === s,
 			onClick: () => n(t),
-			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm", r === i ? "bg-surface-raised text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
-			children: [t.avatar ? /* @__PURE__ */ c("img", {
+			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm", r === s ? "bg-surface-raised text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
+			children: [t.avatar ? /* @__PURE__ */ i("img", {
 				src: t.avatar,
 				alt: "",
 				className: "h-ico-md w-ico-md rounded-pill object-cover"
-			}) : /* @__PURE__ */ c("span", {
+			}) : /* @__PURE__ */ i("span", {
 				className: "flex h-ico-md w-ico-md items-center justify-center rounded-pill bg-accent-2 text-[10px] font-semibold text-accent-11",
 				children: t.label.charAt(0).toUpperCase()
-			}), /* @__PURE__ */ c("span", { children: t.label })]
+			}), /* @__PURE__ */ i("span", { children: t.label })]
 		}, t.id))
 	}) : null;
 });
@@ -96,32 +97,32 @@ function _(e) {
 	return () => {
 		let t = null, n = null, r = null;
 		return {
-			onStart: (i) => {
+			onStart: (a) => {
 				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 = f(n), t.render(/* @__PURE__ */ c(g, {
+				let o = a.clientRect?.();
+				o && (n.style.left = `${o.left}px`, n.style.top = `${o.bottom + 4}px`), document.body.appendChild(n), t = f(n), t.render(/* @__PURE__ */ i(g, {
 					ref: (e) => {
 						r = e;
 					},
-					items: i.items,
+					items: a.items,
 					command: (t) => {
-						i.command({
+						a.command({
 							id: t.id,
 							label: t.label
 						}), e?.(t);
 					}
 				}));
 			},
-			onUpdate: (i) => {
+			onUpdate: (a) => {
 				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__ */ c(g, {
+				let o = a.clientRect?.();
+				o && (n.style.left = `${o.left}px`, n.style.top = `${o.bottom + 4}px`), t.render(/* @__PURE__ */ i(g, {
 					ref: (e) => {
 						r = e;
 					},
-					items: i.items,
+					items: a.items,
 					command: (t) => {
-						i.command({
+						a.command({
 							id: t.id,
 							label: t.label
 						}), e?.(t);