@keboola/design 11.9.0 → 13.0.0

package/dist/internal/components/SpotlightBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightBackdrop.js","names":[],"sources":["../../../src/components/SpotlightBackdrop/SpotlightBackdrop.tsx","../../../src/components/SpotlightBackdrop/useTargetRect.ts"],"sourcesContent":["import { type MouseEventHandler, useId } from 'react';\n\nimport { cn } from '../../utils';\n\nimport type { TargetRect } from './useTargetRect';\n\ntype Props = {\n  /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */\n  rect: TargetRect | null;\n  /** Padding around the target inside the cut-out, in px. */\n  padding?: number;\n  /** Corner radius of the cut-out, in px. */\n  radius?: number;\n  className?: string;\n  /** Fired when the dim layer is clicked (e.g. to dismiss). Receives the click event. */\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n/**\n * Full-viewport dimmed layer with an SVG-mask cut-out around a target rect,\n * producing a spotlight highlight. With `rect={null}` it dims the whole viewport\n * (no cut-out). The dim tone uses the semantic `foreground` token, so it re-skins\n * with the active brand.\n *\n * **Presentational primitive** — pass a `rect` from `useTargetRect`, and compose\n * with `Popover` for an anchored callout. Tour / coachmark orchestration\n * (steps, next/prev, \"seen\" persistence) is intentionally app-owned; see the\n * \"Guided tour (recipe)\" story for the composition.\n */\nexport const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }: Props) => {\n  const maskId = useId();\n\n  const cutout = rect\n    ? {\n        x: rect.left - padding,\n        y: rect.top - padding,\n        width: rect.width + padding * 2,\n        height: rect.height + padding * 2,\n      }\n    : null;\n\n  return (\n    // Sits above the standard portalled surface tier (z 1055) so stray popovers\n    // can't punch through the dim; the anchored callout must set a higher z.\n    // The wrapper ignores pointer events and only the painted dim (the masked\n    // rect) captures them, bubbling to the wrapper's `onClick`. A click inside\n    // the masked-out cut-out isn't painted, so it falls through to the target.\n    <div\n      aria-hidden\n      onClick={onClick}\n      className={cn('tw:pointer-events-none tw:fixed tw:inset-0 tw:z-[1056]', className)}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"tw:size-full\">\n        <defs>\n          <mask id={maskId}>\n            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n            {cutout && (\n              <rect\n                x={cutout.x}\n                y={cutout.y}\n                width={cutout.width}\n                height={cutout.height}\n                rx={radius}\n                ry={radius}\n                fill=\"black\"\n              />\n            )}\n          </mask>\n        </defs>\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          mask={`url(#${maskId})`}\n          className=\"tw:pointer-events-auto tw:fill-foreground/50\"\n        />\n      </svg>\n    </div>\n  );\n};\n","import { type RefObject, useLayoutEffect, useState } from 'react';\n\n/** Viewport-relative box of the highlighted target. */\nexport type TargetRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\n/** Element to track: a CSS selector, a React ref, or nothing (centered/no target). */\nexport type SpotlightTarget = string | RefObject<Element | null> | undefined;\n\nconst resolveElement = (target: SpotlightTarget): Element | null => {\n  if (!target) return null;\n  if (typeof target !== 'string') return target.current;\n  try {\n    return document.querySelector(target);\n  } catch (error) {\n    // An invalid selector throws a DOMException; don't crash the render.\n    console.error(`useTargetRect: invalid target selector \"${target}\"`, error);\n    return null;\n  }\n};\n\n/**\n * Resolves a `target` (CSS selector or React ref) to a live viewport rect and\n * keeps it in sync while `enabled` — re-measuring on resize and scroll so an\n * anchored overlay (e.g. `SpotlightBackdrop` + `Popover`) follows the element.\n * Returns `null` when disabled or the target is absent, so callers can fall\n * back to a centered/full-dim layout.\n */\nexport const useTargetRect = (target: SpotlightTarget, enabled: boolean): TargetRect | null => {\n  const [rect, setRect] = useState<TargetRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !target) {\n      setRect(null);\n      return;\n    }\n\n    let frame = 0;\n    // Cap the lazy-mount poll so a permanently-absent target settles on `null`\n    // instead of spinning a frame forever. ~1s at 60fps is ample for a target\n    // that mounts a tick or two after the overlay opens.\n    let attemptsLeft = 60;\n\n    const same = (a: TargetRect | null, b: TargetRect) => {\n      if (a === null) return false;\n      return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n    };\n\n    // Re-resolve on every measure: the target may mount lazily after the overlay\n    // opens, so we poll (rAF) until it appears — up to `attemptsLeft` frames —\n    // then track it on resize/scroll. Until then `rect` stays `null` and the\n    // caller falls back to a centered/full-dim layout. State only updates when\n    // the rect actually changed, avoiding needless re-renders.\n    const measure = () => {\n      const element = resolveElement(target);\n      if (!element) {\n        setRect(null);\n        if (attemptsLeft > 0) {\n          attemptsLeft -= 1;\n          frame = requestAnimationFrame(measure);\n        }\n        return;\n      }\n      const box = element.getBoundingClientRect();\n      const next = { top: box.top, left: box.left, width: box.width, height: box.height };\n      setRect((prev) => (same(prev, next) ? prev : next));\n    };\n\n    // Coalesce scroll/resize bursts to at most one measure per animation frame.\n    const scheduleMeasure = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(measure);\n    };\n\n    measure();\n    window.addEventListener('resize', scheduleMeasure, { passive: true });\n    window.addEventListener('scroll', scheduleMeasure, { capture: true, passive: true });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('resize', scheduleMeasure);\n      window.removeEventListener('scroll', scheduleMeasure, true);\n    };\n  }, [target, enabled]);\n\n  return rect;\n};\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,MAAa,qBAAqB,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,cAAqB;CACjG,MAAM,SAAS,MAAM;CAErB,MAAM,SAAS,OACX;EACE,GAAG,KAAK,OAAO;EACf,GAAG,KAAK,MAAM;EACd,OAAO,KAAK,QAAQ,UAAU;EAC9B,QAAQ,KAAK,SAAS,UAAU;CAClC,IACA;CAEJ,OAME,oBAAC,OAAD;EACE,eAAA;EACS;EACT,WAAW,GAAG,0DAA0D,SAAS;EAEjF,UAAA,qBAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,WAAU;GAA1C,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,qBAAC,QAAD;IAAM,IAAI;IAAV,UAAA,CACE,oBAAC,QAAD;KAAM,GAAE;KAAI,GAAE;KAAI,OAAM;KAAO,QAAO;KAAO,MAAK;IAAS,CAAA,GAC1D,UACC,oBAAC,QAAD;KACE,GAAG,OAAO;KACV,GAAG,OAAO;KACV,OAAO,OAAO;KACd,QAAQ,OAAO;KACf,IAAI;KACJ,IAAI;KACJ,MAAK;IACN,CAAA,CAEC;GACF,CAAA,EAAA,CAAA,GACN,oBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,MAAM,QAAQ,OAAO;IACrB,WAAU;GACX,CAAA,CACE;;CACF,CAAA;AAET;;;ACnEA,MAAM,kBAAkB,WAA4C;CAClE,IAAI,CAAC,QAAQ,OAAO;CACpB,IAAI,OAAO,WAAW,UAAU,OAAO,OAAO;CAC9C,IAAI;EACF,OAAO,SAAS,cAAc,MAAM;CACtC,SAAS,OAAO;EAEd,QAAQ,MAAM,2CAA2C,OAAO,IAAI,KAAK;EACzE,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,iBAAiB,QAAyB,YAAwC;CAC7F,MAAM,CAAC,MAAM,WAAW,SAA4B,IAAI;CAExD,sBAAsB;EACpB,IAAI,CAAC,WAAW,CAAC,QAAQ;GACvB,QAAQ,IAAI;GACZ;EACF;EAEA,IAAI,QAAQ;EAIZ,IAAI,eAAe;EAEnB,MAAM,QAAQ,GAAsB,MAAkB;GACpD,IAAI,MAAM,MAAM,OAAO;GACvB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;EACvF;EAOA,MAAM,gBAAgB;GACpB,MAAM,UAAU,eAAe,MAAM;GACrC,IAAI,CAAC,SAAS;IACZ,QAAQ,IAAI;IACZ,IAAI,eAAe,GAAG;KACpB,gBAAgB;KAChB,QAAQ,sBAAsB,OAAO;IACvC;IACA;GACF;GACA,MAAM,MAAM,QAAQ,sBAAsB;GAC1C,MAAM,OAAO;IAAE,KAAK,IAAI;IAAK,MAAM,IAAI;IAAM,OAAO,IAAI;IAAO,QAAQ,IAAI;GAAO;GAClF,SAAS,SAAU,KAAK,MAAM,IAAI,IAAI,OAAO,IAAK;EACpD;EAGA,MAAM,wBAAwB;GAC5B,qBAAqB,KAAK;GAC1B,QAAQ,sBAAsB,OAAO;EACvC;EAEA,QAAQ;EACR,OAAO,iBAAiB,UAAU,iBAAiB,EAAE,SAAS,KAAK,CAAC;EACpE,OAAO,iBAAiB,UAAU,iBAAiB;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC;EAEnF,aAAa;GACX,qBAAqB,KAAK;GAC1B,OAAO,oBAAoB,UAAU,eAAe;GACpD,OAAO,oBAAoB,UAAU,iBAAiB,IAAI;EAC5D;CACF,GAAG,CAAC,QAAQ,OAAO,CAAC;CAEpB,OAAO;AACT"}
+{"version":3,"file":"SpotlightBackdrop.js","names":[],"sources":["../../../src/components/SpotlightBackdrop/SpotlightBackdrop.tsx","../../../src/components/SpotlightBackdrop/useTargetRect.ts"],"sourcesContent":["import { type MouseEventHandler, useId } from 'react';\n\nimport { cn } from '../../utils';\n\nimport type { TargetRect } from './useTargetRect';\n\ntype Props = {\n  /** Box to cut out, or `null` to dim everything. */\n  rect: TargetRect | null;\n  /** In px. */\n  padding?: number;\n  /** In px. */\n  radius?: number;\n  className?: string;\n  /** Fires for clicks on the dim only — a click in the cut-out reaches the target. */\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n/**\n * Full-viewport dim with a spotlight cut-out around `rect`.\n *\n * - Presentational: `rect` from `useTargetRect`, callout via `Popover`.\n * - Tour steps and \"seen\" persistence are app-owned — see the \"Guided tour (recipe)\" story.\n */\nexport const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }: Props) => {\n  const maskId = useId();\n\n  const cutout = rect\n    ? {\n        x: rect.left - padding,\n        y: rect.top - padding,\n        width: rect.width + padding * 2,\n        height: rect.height + padding * 2,\n      }\n    : null;\n\n  return (\n    // - z above the portalled surface tier (1055); the callout must sit higher still.\n    // - Only the painted dim takes pointer events, so the cut-out stays clickable.\n    <div\n      aria-hidden\n      onClick={onClick}\n      className={cn('tw:pointer-events-none tw:fixed tw:inset-0 tw:z-[1056]', className)}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"tw:size-full\">\n        <defs>\n          <mask id={maskId}>\n            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n            {cutout && (\n              <rect\n                x={cutout.x}\n                y={cutout.y}\n                width={cutout.width}\n                height={cutout.height}\n                rx={radius}\n                ry={radius}\n                fill=\"black\"\n              />\n            )}\n          </mask>\n        </defs>\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          mask={`url(#${maskId})`}\n          className=\"tw:pointer-events-auto tw:fill-foreground/50\"\n        />\n      </svg>\n    </div>\n  );\n};\n","import { type RefObject, useLayoutEffect, useState } from 'react';\n\n/** Viewport-relative box of the highlighted target. */\nexport type TargetRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\n/** Element to track: a CSS selector, a React ref, or nothing (centered/no target). */\nexport type SpotlightTarget = string | RefObject<Element | null> | undefined;\n\nconst resolveElement = (target: SpotlightTarget): Element | null => {\n  if (!target) return null;\n  if (typeof target !== 'string') return target.current;\n  try {\n    return document.querySelector(target);\n  } catch (error) {\n    // An invalid selector throws a DOMException; don't crash the render.\n    console.error(`useTargetRect: invalid target selector \"${target}\"`, error);\n    return null;\n  }\n};\n\n/**\n * Resolves a `target` (CSS selector or React ref) to a live viewport rect and\n * keeps it in sync while `enabled` — re-measuring on resize and scroll so an\n * anchored overlay (e.g. `SpotlightBackdrop` + `Popover`) follows the element.\n * Returns `null` when disabled or the target is absent, so callers can fall\n * back to a centered/full-dim layout.\n */\nexport const useTargetRect = (target: SpotlightTarget, enabled: boolean): TargetRect | null => {\n  const [rect, setRect] = useState<TargetRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !target) {\n      setRect(null);\n      return;\n    }\n\n    let frame = 0;\n    // Cap the lazy-mount poll so a permanently-absent target settles on `null`\n    // instead of spinning a frame forever. ~1s at 60fps is ample for a target\n    // that mounts a tick or two after the overlay opens.\n    let attemptsLeft = 60;\n\n    const same = (a: TargetRect | null, b: TargetRect) => {\n      if (a === null) return false;\n      return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n    };\n\n    // Re-resolve on every measure: the target may mount lazily after the overlay\n    // opens, so we poll (rAF) until it appears — up to `attemptsLeft` frames —\n    // then track it on resize/scroll. Until then `rect` stays `null` and the\n    // caller falls back to a centered/full-dim layout. State only updates when\n    // the rect actually changed, avoiding needless re-renders.\n    const measure = () => {\n      const element = resolveElement(target);\n      if (!element) {\n        setRect(null);\n        if (attemptsLeft > 0) {\n          attemptsLeft -= 1;\n          frame = requestAnimationFrame(measure);\n        }\n        return;\n      }\n      const box = element.getBoundingClientRect();\n      const next = { top: box.top, left: box.left, width: box.width, height: box.height };\n      setRect((prev) => (same(prev, next) ? prev : next));\n    };\n\n    // Coalesce scroll/resize bursts to at most one measure per animation frame.\n    const scheduleMeasure = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(measure);\n    };\n\n    measure();\n    window.addEventListener('resize', scheduleMeasure, { passive: true });\n    window.addEventListener('scroll', scheduleMeasure, { capture: true, passive: true });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('resize', scheduleMeasure);\n      window.removeEventListener('scroll', scheduleMeasure, true);\n    };\n  }, [target, enabled]);\n\n  return rect;\n};\n"],"mappings":";;;;;;;;;;AAwBA,MAAa,qBAAqB,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,cAAqB;CACjG,MAAM,SAAS,MAAM;CAErB,MAAM,SAAS,OACX;EACE,GAAG,KAAK,OAAO;EACf,GAAG,KAAK,MAAM;EACd,OAAO,KAAK,QAAQ,UAAU;EAC9B,QAAQ,KAAK,SAAS,UAAU;CAClC,IACA;CAEJ,OAGE,oBAAC,OAAD;EACE,eAAA;EACS;EACT,WAAW,GAAG,0DAA0D,SAAS;EAEjF,UAAA,qBAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,WAAU;GAA1C,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,qBAAC,QAAD;IAAM,IAAI;IAAV,UAAA,CACE,oBAAC,QAAD;KAAM,GAAE;KAAI,GAAE;KAAI,OAAM;KAAO,QAAO;KAAO,MAAK;IAAS,CAAA,GAC1D,UACC,oBAAC,QAAD;KACE,GAAG,OAAO;KACV,GAAG,OAAO;KACV,OAAO,OAAO;KACd,QAAQ,OAAO;KACf,IAAI;KACJ,IAAI;KACJ,MAAK;IACN,CAAA,CAEC;GACF,CAAA,EAAA,CAAA,GACN,oBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,MAAM,QAAQ,OAAO;IACrB,WAAU;GACX,CAAA,CACE;;CACF,CAAA;AAET;;;AC3DA,MAAM,kBAAkB,WAA4C;CAClE,IAAI,CAAC,QAAQ,OAAO;CACpB,IAAI,OAAO,WAAW,UAAU,OAAO,OAAO;CAC9C,IAAI;EACF,OAAO,SAAS,cAAc,MAAM;CACtC,SAAS,OAAO;EAEd,QAAQ,MAAM,2CAA2C,OAAO,IAAI,KAAK;EACzE,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,iBAAiB,QAAyB,YAAwC;CAC7F,MAAM,CAAC,MAAM,WAAW,SAA4B,IAAI;CAExD,sBAAsB;EACpB,IAAI,CAAC,WAAW,CAAC,QAAQ;GACvB,QAAQ,IAAI;GACZ;EACF;EAEA,IAAI,QAAQ;EAIZ,IAAI,eAAe;EAEnB,MAAM,QAAQ,GAAsB,MAAkB;GACpD,IAAI,MAAM,MAAM,OAAO;GACvB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;EACvF;EAOA,MAAM,gBAAgB;GACpB,MAAM,UAAU,eAAe,MAAM;GACrC,IAAI,CAAC,SAAS;IACZ,QAAQ,IAAI;IACZ,IAAI,eAAe,GAAG;KACpB,gBAAgB;KAChB,QAAQ,sBAAsB,OAAO;IACvC;IACA;GACF;GACA,MAAM,MAAM,QAAQ,sBAAsB;GAC1C,MAAM,OAAO;IAAE,KAAK,IAAI;IAAK,MAAM,IAAI;IAAM,OAAO,IAAI;IAAO,QAAQ,IAAI;GAAO;GAClF,SAAS,SAAU,KAAK,MAAM,IAAI,IAAI,OAAO,IAAK;EACpD;EAGA,MAAM,wBAAwB;GAC5B,qBAAqB,KAAK;GAC1B,QAAQ,sBAAsB,OAAO;EACvC;EAEA,QAAQ;EACR,OAAO,iBAAiB,UAAU,iBAAiB,EAAE,SAAS,KAAK,CAAC;EACpE,OAAO,iBAAiB,UAAU,iBAAiB;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC;EAEnF,aAAa;GACX,qBAAqB,KAAK;GAC1B,OAAO,oBAAoB,UAAU,eAAe;GACpD,OAAO,oBAAoB,UAAU,iBAAiB,IAAI;EAC5D;CACF,GAAG,CAAC,QAAQ,OAAO,CAAC;CAEpB,OAAO;AACT"}

package/dist/internal/components/Stepper.js

@@ -1,2 +1,2 @@
-import { Stepper } from "../../Stepper-C8sm9ZFM.js";
+import { Stepper } from "../../Stepper-BLkLhfnd.js";
 export { Stepper };

package/dist/internal/components/Switch.js

@@ -1,2 +1,2 @@
-import { Switch } from "../../Switch-B0WdGSjz.js";
+import { Switch } from "../../Switch-DZvNePOm.js";
 export { Switch };

package/dist/internal/components/Table.js

@@ -1,2 +1,2 @@
-import { Table, TableSortHeader, tableAriaSort } from "../../Table-CvYuTuNU.js";
+import { Table, TableSortHeader, tableAriaSort } from "../../Table-BaVT5Tkn.js";
 export { Table, TableSortHeader, tableAriaSort };

package/dist/internal/components/Tabs.js

@@ -1,2 +1,2 @@
-import { Tabs, TabsContent } from "../../Tabs-eB974xJf.js";
+import { Tabs, TabsContent } from "../../Tabs-CTDmye1N.js";
 export { Tabs, TabsContent };

package/dist/internal/components/ThemeProvider.js

@@ -1,4 +1,4 @@
 import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../defaults-i_xG2F_1.js";
-import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-D7X470dy.js";
-import { ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "../../ThemeProvider-DAmNn9Sd.js";
-export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useArgoDesign, useTheme, useThemeScopeContainer };
+import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-U293r3v-.js";
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useThemeScopeContainer } from "../../ThemeProvider-VF38VfUa.js";
+export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useArgoDesign, useTheme, useThemeScopeContainer };

package/dist/internal/components/TimePicker.js

@@ -1,2 +1,2 @@
-import { TimePicker } from "../../TimePicker-BGeqc-Ed.js";
+import { TimePicker } from "../../TimePicker-CDGYrRxi.js";
 export { TimePicker };

package/dist/internal/components/Timeline.js

@@ -1,2 +1,2 @@
-import { Timeline } from "../../Timeline-C8-wnRRr.js";
+import { Timeline } from "../../Timeline-B-I6sb0M.js";
 export { Timeline };

package/dist/internal/components/Toast.js

@@ -1,3 +1,3 @@
-import { toast } from "../../toast-DIC0iNRf.js";
-import { Toaster, useNotification } from "../../Toast-Dr6Uw7ao.js";
+import { toast } from "../../toast-CyXEdaCZ.js";
+import { Toaster, useNotification } from "../../Toast-PfQf3vj-.js";
 export { Toaster, toast, useNotification };

package/dist/internal/components/Tooltip.js

@@ -1,2 +1,2 @@
-import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-BW4AE8VP.js";
+import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-Bd28bWgm.js";
 export { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider };

package/dist/internal/components/Truncated.js

@@ -1,18 +1,14 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Tooltip } from "../../utils-BW4AE8VP.js";
+import { Tooltip } from "../../utils-Bd28bWgm.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Truncated.tsx
 const OFFSET_TOLERANCE = 2;
 /**
-* Whether the text is actually cut off, on either axis.
+* Whether the text is cut off, on either axis.
 *
-* - A clamp that wraps overflows **vertically**.
-* - A single line that cannot wrap overflows **horizontally** — the case an
-*   inherited `white-space: nowrap` produces (e.g. inside a `Button` under a
-*   non-legacy brand).
-* - The tolerance absorbs subpixel rounding, which would otherwise report
-*   overflow on text that fits exactly.
+* - Horizontal covers text that cannot wrap (inherited `white-space: nowrap`).
+* - The tolerance absorbs subpixel rounding on text that fits exactly.
 */
 const hasTruncationOverflow = (m) => m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight || m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;
 const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noTooltip = false, tooltipVariant = "explanatory", tooltipPlacement = "top", ...rest }) => {

package/dist/internal/components/Truncated.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncated.js","names":[],"sources":["../../../src/components/Truncated.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Metrics = Pick<HTMLElement, 'scrollWidth' | 'clientWidth' | 'scrollHeight' | 'clientHeight'>;\n\n/**\n * Whether the text is actually cut off, on either axis.\n *\n * - A clamp that wraps overflows **vertically**.\n * - A single line that cannot wrap overflows **horizontally** — the case an\n *   inherited `white-space: nowrap` produces (e.g. inside a `Button` under a\n *   non-legacy brand).\n * - The tolerance absorbs subpixel rounding, which would otherwise report\n *   overflow on text that fits exactly.\n */\nexport const hasTruncationOverflow = (m: Metrics): boolean =>\n  m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight ||\n  m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  // v4's native `line-clamp-*` emits the full `-webkit-box` recipe (display,\n  // box-orient, line-clamp, overflow). The old hand-rolled `[display:-webkit-box!important]`\n  // arbitrary property produced NO rule under v4 — it doesn't support `!important` inside\n  // arbitrary-property brackets (v3 did) — so the clamp silently stopped applying and long\n  // text wrapped instead of truncating.\n  //\n  // `text-ellipsis` covers what the clamp cannot: `-webkit-line-clamp` draws its ellipsis\n  // only on text it wrapped itself, so text that cannot wrap (an inherited\n  // `white-space: nowrap`) was cut mid-word with no ellipsis at all.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all] tw:text-ellipsis',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;;;;;;;;;;;AAczB,MAAa,yBAAyB,MACpC,EAAE,eAAe,oBAAoB,EAAE,gBACvC,EAAE,cAAc,oBAAoB,EAAE;AAWxC,MAAa,aAAa,EACxB,KACA,MACA,UAAU,MACV,WACA,WAAW,OACX,YAAY,OACZ,iBAAiB,eACjB,mBAAmB,OACnB,GAAG,WACQ;CACX,MAAM,cAAc,OAAO,YAAY,WAAW,UAAU;CAC5D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAWpD,MAAM,mBAAmB,GACvB,WACA,8CACA,WAAW,+CAA+C,iBAC5D;CAEA,IAAI,aAAa,CAAC,aAChB,OACE,oBAAC,QAAD;EAAW;EAAK,WAAW;EAAkB,GAAI;EAC9C,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,SAAD;EACE,WAAW;EACX,SAAS;EACT,WAAW,CAAC;EACZ,SAAS,oBAAC,OAAD,EAAA,UAAM,YAAiB,CAAA;EAChC,gBAAA;EAEA,UAAA,oBAAC,QAAD;GACO;GACL,WAAW;GACX,GAAI;GACJ,cAAc,MAAM;IAClB,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}
+{"version":3,"file":"Truncated.js","names":[],"sources":["../../../src/components/Truncated.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Metrics = Pick<HTMLElement, 'scrollWidth' | 'clientWidth' | 'scrollHeight' | 'clientHeight'>;\n\n/**\n * Whether the text is cut off, on either axis.\n *\n * - Horizontal covers text that cannot wrap (inherited `white-space: nowrap`).\n * - The tolerance absorbs subpixel rounding on text that fits exactly.\n */\nexport const hasTruncationOverflow = (m: Metrics): boolean =>\n  m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight ||\n  m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  // `text-ellipsis`: the clamp draws an ellipsis only on text it wrapped, not on `nowrap` text.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all] tw:text-ellipsis',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;;;;;;;AAUzB,MAAa,yBAAyB,MACpC,EAAE,eAAe,oBAAoB,EAAE,gBACvC,EAAE,cAAc,oBAAoB,EAAE;AAWxC,MAAa,aAAa,EACxB,KACA,MACA,UAAU,MACV,WACA,WAAW,OACX,YAAY,OACZ,iBAAiB,eACjB,mBAAmB,OACnB,GAAG,WACQ;CACX,MAAM,cAAc,OAAO,YAAY,WAAW,UAAU;CAC5D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAGpD,MAAM,mBAAmB,GACvB,WACA,8CACA,WAAW,+CAA+C,iBAC5D;CAEA,IAAI,aAAa,CAAC,aAChB,OACE,oBAAC,QAAD;EAAW;EAAK,WAAW;EAAkB,GAAI;EAC9C,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,SAAD;EACE,WAAW;EACX,SAAS;EACT,WAAW,CAAC;EACZ,SAAS,oBAAC,OAAD,EAAA,UAAM,YAAiB,CAAA;EAChC,gBAAA;EAEA,UAAA,oBAAC,QAAD;GACO;GACL,WAAW;GACX,GAAI;GACJ,cAAc,MAAM;IAClB,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/internal/components/Workbench.js

@@ -1,2 +1,2 @@
-import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-UR2FBC7I.js";
+import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-DmZzpkj7.js";
 export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench };

package/dist/internal/components/ZoomableSvg.js

@@ -1,2 +1,2 @@
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-BZlk3PFJ.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-C65nta_r.js";
 export { ZoomableSvg, svgToPngBlob, toSvgFileContent };

package/dist/internal/hooks/useScrollbarPosition.js

@@ -1,4 +1,4 @@
-import { useElement } from "../../useElement-BK3AAiIf.js";
+import { useElement } from "../../useElement-D-RjrGa4.js";
 import { useEffect, useState } from "react";
 //#region src/hooks/useScrollbarPosition.ts
 const calcPosition = ({ scrollHeight, clientHeight, scrollTop }) => {

package/dist/internal/hooks/useStableCallback.js

@@ -1,20 +1,11 @@
 import { useCallback, useLayoutEffect, useRef } from "react";
 //#region src/hooks/useStableCallback.ts
 /**
-* A callback with a permanently stable identity that always sees the latest
-* render's values — for any consumer that keys off the handler's identity: a
-* third-party component that redoes expensive work when it changes, or a
-* memoized context value.
+* A callback with a stable identity that always sees the latest render's values.
 *
-* React 19.2's `useEffectEvent` does this in one line, but it is scoped to
-* Effects and explicitly not to be passed to another component, which is the
-* whole point here.
-*
-* The swap is a layout effect rather than a passive one so it lands before the
-* browser can paint and accept input against the previous render's handler. It
-* is still an effect, and a child's runs before its parent's — so a consumer
-* calling the returned function from its own layout effect can still see the
-* previous render's closure.
+* - Not `useEffectEvent`: that one must not be passed to other components.
+* - Updated in a layout effect, so it lands before paint and input.
+* - A child's layout effect calling it still sees the previous render's closure.
 */
 const useStableCallback = (callback) => {
 	const latestRef = useRef(callback);

package/dist/internal/hooks/useStableCallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStableCallback.js","names":[],"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\n\n/**\n * A callback with a permanently stable identity that always sees the latest\n * render's values — for any consumer that keys off the handler's identity: a\n * third-party component that redoes expensive work when it changes, or a\n * memoized context value.\n *\n * React 19.2's `useEffectEvent` does this in one line, but it is scoped to\n * Effects and explicitly not to be passed to another component, which is the\n * whole point here.\n *\n * The swap is a layout effect rather than a passive one so it lands before the\n * browser can paint and accept input against the previous render's handler. It\n * is still an effect, and a child's runs before its parent's — so a consumer\n * calling the returned function from its own layout effect can still see the\n * previous render's closure.\n */\nexport const useStableCallback = <Args extends unknown[], Result>(\n  callback: (...args: Args) => Result,\n): ((...args: Args) => Result) => {\n  const latestRef = useRef(callback);\n\n  useLayoutEffect(() => {\n    latestRef.current = callback;\n  }, [callback]);\n\n  return useCallback((...args: Args) => latestRef.current(...args), []);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,qBACX,aACgC;CAChC,MAAM,YAAY,OAAO,QAAQ;CAEjC,sBAAsB;EACpB,UAAU,UAAU;CACtB,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,aAAa,GAAG,SAAe,UAAU,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;AACtE"}
+{"version":3,"file":"useStableCallback.js","names":[],"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\n\n/**\n * A callback with a stable identity that always sees the latest render's values.\n *\n * - Not `useEffectEvent`: that one must not be passed to other components.\n * - Updated in a layout effect, so it lands before paint and input.\n * - A child's layout effect calling it still sees the previous render's closure.\n */\nexport const useStableCallback = <Args extends unknown[], Result>(\n  callback: (...args: Args) => Result,\n): ((...args: Args) => Result) => {\n  const latestRef = useRef(callback);\n\n  useLayoutEffect(() => {\n    latestRef.current = callback;\n  }, [callback]);\n\n  return useCallback((...args: Args) => latestRef.current(...args), []);\n};\n"],"mappings":";;;;;;;;;AASA,MAAa,qBACX,aACgC;CAChC,MAAM,YAAY,OAAO,QAAQ;CAEjC,sBAAsB;EACpB,UAAU,UAAU;CACtB,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,aAAa,GAAG,SAAe,UAAU,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;AACtE"}

package/dist/internal/utils/accessibleName.js

@@ -0,0 +1,11 @@
+//#region src/utils/accessibleName.ts
+/**
+* Passes the rest of a destructure on as the control's accessible name.
+*
+* - A prop left in the rest, besides the three names, fails type-check.
+*/
+const forwardAccessibleName = (rest) => rest;
+//#endregion
+export { forwardAccessibleName };
+
+//# sourceMappingURL=accessibleName.js.map

package/dist/internal/utils/accessibleName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibleName.js","names":[],"sources":["../../../src/utils/accessibleName.ts"],"sourcesContent":["type AccessibleNameProps = { id?: string; 'aria-label'?: string; 'aria-labelledby'?: string };\n\n/**\n * `Props` with one accessible-name route required: `aria-label`, `aria-labelledby` or `id`.\n *\n * - An either-or union: the props keep their own types, and more than one may be passed.\n * - `id` counts only when a `<Label htmlFor>` points at it — the type cannot check that pair.\n * - Forward the three as one rest object: destructured apart, they become three optional props.\n */\nexport type WithAccessibleName<Props> = Props &\n  AccessibleNameProps &\n  (\n    | Required<Pick<Props & AccessibleNameProps, 'aria-label'>>\n    | Required<Pick<Props & AccessibleNameProps, 'aria-labelledby'>>\n    | Required<Pick<Props & AccessibleNameProps, 'id'>>\n  );\n\ntype AccessibleNameRest<Rest> = keyof Rest extends keyof AccessibleNameProps ? Rest : never;\n\n/**\n * Passes the rest of a destructure on as the control's accessible name.\n *\n * - A prop left in the rest, besides the three names, fails type-check.\n */\nexport const forwardAccessibleName = <Rest>(rest: Rest & AccessibleNameRest<Rest>): Rest => rest;\n"],"mappings":";;;;;;AAwBA,MAAa,yBAA+B,SAAgD"}

package/dist/internal/utils.js

@@ -1,5 +1,5 @@
 import { cn } from "../classNames-BzrkDnOD.js";
-import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-BW4AE8VP.js";
-import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-BGBw8Vbl.js";
+import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-Bd28bWgm.js";
+import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-DgGLzyG0.js";
 import { mergeRefs } from "./utils/mergeRefs.js";
 export { DEFAULT_ENTRY_SEPARATOR, cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, findLiteralMatches, findLiteralTermMatches, hasLiteralMatch, isMac, mergeRefs, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle };

package/dist/markdown-editor.d.ts

@@ -4,30 +4,20 @@ type MarkdownEditorProps = {
   /** Markdown string (controlled) */
   value: string;
   onChange?: (markdown: string) => void;
-  /**
-   * Renders content but never accepts input. Use for permanent view-only contexts
-   * (e.g. a current user lacks edit permission). Toolbar is hidden.
-   */
+  /** Permanent view-only (e.g. no edit permission). Hides the toolbar. */
   readOnly?: boolean;
-  /**
-   * Temporarily blocks input but signals intent to re-enable
-   * (e.g. while a save is in flight). Functionally identical to `readOnly` today.
-   */
+  /** Temporary block (e.g. save in flight). Behaves like `readOnly`. */
   disabled?: boolean;
   placeholder?: string;
   autoFocus?: boolean;
-  /** Invoked on Cmd/Ctrl+Enter — typically used to commit a form. */
+  /** Invoked on Cmd/Ctrl+Enter. */
   onSave?: () => void;
   /**
-   * Invoked on Escape in inline-edit mode (`singleLine || saveOnBlur`). Per the
-   * inline-editable-text pattern spec, Esc reverts the in-progress edit — callers
-   * reset `value` to the last-committed state inside this handler.
+   * Escape in inline-edit mode (`singleLine || saveOnBlur`).
+   * Callers reset `value` to the last-committed state here.
    */
   onCancel?: () => void;
-  /**
-   * Async image upload. Resolved URL is embedded as the image src
-   * (`![alt](url)` in the underlying markdown).
-   */
+  /** The resolved URL becomes the image src in the markdown. */
   onImageUpload?: (file: File) => Promise<{
     url: string;
   }>;
@@ -38,38 +28,26 @@ type MarkdownEditorProps = {
   }) => ReactNode;
   showToolbar?: boolean;
   /**
-   * Strips the prose typography wrapper, removes the min-height, and tightens padding so
-   * the editor visually blends with surrounding text. Use for inline / Linear-style edit
-   * affordances inside headings, list rows, or table cells. Pair with `className` to set
-   * the caller's typography.
+   * No prose wrapper, min-height or padding — blends into surrounding text for inline editing.
+   * Set typography via `className`.
    */
   compact?: boolean;
-  /**
-   * Calls `onSave` when focus leaves the editor (and is not moved into the toolbar).
-   * `onChange` already keeps the caller's value in sync — `onSave` is the "commit" signal.
-   */
+  /** Calls `onSave` when focus leaves the editor (the toolbar doesn't count). */
   saveOnBlur?: boolean;
   /**
-   * Disables block-level markdown (lists, headings, code blocks, HR) and makes a plain
-   * Enter press trigger `onSave` and blur the editor. Shift+Enter still inserts a soft
-   * line break. Use for editable titles.
+   * No block-level markdown; Enter blurs the editor, Shift+Enter inserts a soft break.
+   * Use for editable titles.
    */
   singleLine?: boolean;
-  /**
-   * Clamps content to 2 lines (truncating with an ellipsis) in the display (not-focused)
-   * state; focus expands the editor to full height (no clamp). `line-clamp` is self-gating,
-   * so short/empty content renders fully with no truncation. Per the inline-editable-text
-   * pattern spec for description-style slots.
-   */
+  /** Clamps to 2 lines with an ellipsis while not focused; focus shows everything. */
   clampDisplay?: boolean;
   /**
-   * Minimum visible height in lines. `1` renders as a single line that grows with
-   * content (Linear/Slack/GitHub-PR-comment pattern); `0` removes the floor entirely.
-   * Omit to keep the default ~4-line floor. Ignored in `compact` mode (which has no floor).
+   * Minimum height in lines; `0` removes the floor. Default ~4 lines.
+   * Ignored in `compact` mode.
    */
   minRows?: number;
 };
-declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, compact, saveOnBlur, singleLine, clampDisplay, minRows }: MarkdownEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, compact, saveOnBlur, singleLine, clampDisplay, minRows }: MarkdownEditorProps) => import("react").JSX.Element;
 //#endregion
 export { MarkdownEditor, type MarkdownEditorProps };
 //# sourceMappingURL=markdown-editor.d.ts.map

package/dist/markdown-editor.js

@@ -1,15 +1,15 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip } from "./utils-BW4AE8VP.js";
-import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-Cek151jC.js";
-import { Button } from "./Button-DsRrU5F1.js";
+import { Tooltip } from "./utils-Bd28bWgm.js";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-wcA70iQx.js";
+import { Button } from "./Button-B21oVcPU.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-CgVwhDvl.js";
+import { DropdownMenu } from "./DropdownMenu-gRM-A8qU.js";
 import { Label } from "./internal/components/Label.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { TextInput } from "./TextInput-CFTf4Cz1.js";
-import { FormGroup } from "./FormGroup-DR_gZ25-.js";
+import { TextInput } from "./TextInput-BWYXbfs4.js";
+import { FormGroup } from "./FormGroup-CmCppxOn.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-DIC0iNRf.js";
+import { toast } from "./toast-CyXEdaCZ.js";
 import { Suspense, createContext, lazy, use, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -141,7 +141,7 @@ const $isImageNode = (node) => {
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-ZG0iiDV_.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-B30x2yV7.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
 	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
 	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
 }));
@@ -340,9 +340,10 @@ const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSa
 	return null;
 };
 /**
-* Custom transformers = our additions + built-in Lexical transformers.
-* MERMAID is placed before TRANSFORMERS so it intercepts ` ```mermaid ``` ` before the generic CODE transformer.
-* IMAGE is placed before built-in LINK to prevent `![alt](url)` from being parsed as `!` + link.
+* Our transformers plus Lexical's built-ins; order matters.
+*
+* - MERMAID precedes TRANSFORMERS, so it wins over the generic CODE transformer.
+* - IMAGE precedes LINK, so `![alt](url)` is not parsed as `!` + link.
 */
 const CUSTOM_TRANSFORMERS = [
 	{
@@ -409,13 +410,10 @@ const CUSTOM_TRANSFORMERS = [
 	...TRANSFORMERS
 ];
 /**
-* No transformers = plain text. `singleLine` mode edits entity names / titles, which are
-* plain text, not markdown. Parsing inline formatting here corrupts ordinary names: e.g.
-* `staging_chargebee_invoices` would render the `_chargebee_` span as italics, and Lexical
-* escapes the underscores on export (`\_`) to prevent exactly that — but those backslashes
-* then leak into the persisted name. Dropping every transformer keeps `_`, `*`, `` ` ``, `~`
-* literal on both import and export; pair the empty set with `unescapeMarkdownText` on export
-* to strip Lexical's escaping (see MarkdownSyncPlugin).
+* No transformers: `singleLine` mode edits plain-text entity names, not markdown.
+*
+* - Inline formatting would corrupt names like `a_b_c` (italics, then `\_` on export).
+* - Pair with `unescapeMarkdownText` on export (see MarkdownSyncPlugin).
 */
 const SINGLE_LINE_TRANSFORMERS = [];
 const TABLE_FENCE_LANG = "__kbc_table__";
@@ -463,11 +461,7 @@ const postprocessMarkdown = (markdown) => {
 	const regex = new RegExp(`\`\`\`${TABLE_FENCE_LANG}\\n([\\s\\S]*?)\\n\`\`\``, "g");
 	return markdown.replace(regex, "$1");
 };
-/**
-* Reverses the backslash-escaping Lexical applies to markdown punctuation (`* _ ` ~ \`) when
-* exporting text nodes. Used for `singleLine` (plain-text) mode, where the export value is a
-* bare entity name — the escaping would otherwise persist as literal backslashes in the name.
-*/
+/** Reverses Lexical's export escaping of `* _ ` ~ \`, for `singleLine` plain-text names. */
 const unescapeMarkdownText = (markdown) => markdown.replace(/\\([*_`~\\])/g, "$1");
 //#endregion
 //#region src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx