@fairmint/ui 0.4.10 → 0.4.11

package/dist/components/primitives/Glossary/GlossaryContext.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const glossary = require("../../../constants/glossary.cjs");
+const GlossaryContext = React.createContext(null);
+function GlossaryProvider({
+  children,
+  enabled = true,
+  terms = glossary.FINANCIAL_GLOSSARY,
+  onTermClick,
+  learnMoreText = "Click to learn more"
+}) {
+  const value = React.useMemo(
+    () => ({
+      enabled,
+      terms,
+      onTermClick,
+      learnMoreText
+    }),
+    [enabled, terms, onTermClick, learnMoreText]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(GlossaryContext.Provider, { value, children });
+}
+function useGlossaryContext() {
+  return React.useContext(GlossaryContext);
+}
+const GlossaryScopeContext = React.createContext(null);
+function GlossaryScope({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(GlossaryScopeContext.Provider, { value: { active: true }, children });
+}
+function useGlossaryScope() {
+  return React.useContext(GlossaryScopeContext);
+}
+exports.GlossaryProvider = GlossaryProvider;
+exports.GlossaryScope = GlossaryScope;
+exports.useGlossaryContext = useGlossaryContext;
+exports.useGlossaryScope = useGlossaryScope;
+//# sourceMappingURL=GlossaryContext.cjs.map

package/dist/components/primitives/Glossary/GlossaryContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryContext.cjs","sources":["../../../../src/components/primitives/Glossary/GlossaryContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n  FINANCIAL_GLOSSARY,\n  type GlossaryTerm,\n  type GlossaryTermData,\n  type GlossaryTermDefinition,\n} from \"../../../constants/glossary\";\n\nexport type { GlossaryTermData, GlossaryTermDefinition };\n\nexport interface GlossaryContextValue {\n  /** Whether glossary term matching and linkification is enabled. @default true */\n  enabled: boolean;\n  /** Active dictionary of terms to match against. Defaults to FINANCIAL_GLOSSARY. */\n  terms: readonly GlossaryTerm[];\n  /**\n   * Optional click handler called when an interactive glossary term is activated.\n   * If provided, terms render with interactive click affordances (e.g. opens Cap Table AI).\n   * If omitted, terms render as definition-only glossary items with informative tooltips.\n   */\n  onTermClick?: (term: GlossaryTerm) => void;\n  /**\n   * Optional call-to-action text displayed in the tooltip footer when `onTermClick` is defined.\n   * @default \"Click to learn more\"\n   */\n  learnMoreText?: string;\n}\n\nexport interface GlossaryProviderProps {\n  children: ReactNode;\n  /** Whether glossary term matching is active. Defaults to true. */\n  enabled?: boolean;\n  /** Custom dictionary of terms to replace the standard financial glossary. */\n  terms?: readonly GlossaryTerm[];\n  /** Callback fired when a user clicks/taps an interactive glossary term. */\n  onTermClick?: (term: GlossaryTerm) => void;\n  /** Custom tooltip action label (e.g. \"Click to learn more with Cap Table AI\"). */\n  learnMoreText?: string;\n}\n\nconst GlossaryContext = createContext<GlossaryContextValue | null>(null);\n\nexport function GlossaryProvider({\n  children,\n  enabled = true,\n  terms = FINANCIAL_GLOSSARY,\n  onTermClick,\n  learnMoreText = \"Click to learn more\",\n}: GlossaryProviderProps) {\n  const value = useMemo<GlossaryContextValue>(\n    () => ({\n      enabled,\n      terms,\n      onTermClick,\n      learnMoreText,\n    }),\n    [enabled, terms, onTermClick, learnMoreText],\n  );\n\n  return <GlossaryContext.Provider value={value}>{children}</GlossaryContext.Provider>;\n}\n\nexport function useGlossaryContext(): GlossaryContextValue | null {\n  return useContext(GlossaryContext);\n}\n\n/**\n * Marks a section where automatic glossary parsing is enabled.\n *\n * Each `<Text>` block deduplicates its own terms to avoid repetitive visual noise\n * within a paragraph. The scope intentionally does not coordinate ownership across\n * components, which keeps glossary output stable across updates and unmounts.\n */\nexport interface GlossaryScopeContextValue {\n  active: true;\n}\n\nconst GlossaryScopeContext = createContext<GlossaryScopeContextValue | null>(null);\n\nexport interface GlossaryScopeProps {\n  children: ReactNode;\n}\n\nexport function GlossaryScope({ children }: GlossaryScopeProps) {\n  return (\n    <GlossaryScopeContext.Provider value={{ active: true }}>\n      {children}\n    </GlossaryScopeContext.Provider>\n  );\n}\n\nexport function useGlossaryScope(): GlossaryScopeContextValue | null {\n  return useContext(GlossaryScopeContext);\n}\n"],"names":["createContext","FINANCIAL_GLOSSARY","useMemo","jsx","useContext"],"mappings":";;;;;AAyCA,MAAM,kBAAkBA,MAAAA,cAA2C,IAAI;AAEhE,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV,QAAQC,SAAAA;AAAAA,EACR;AAAA,EACA,gBAAgB;AAClB,GAA0B;AACxB,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,SAAS,OAAO,aAAa,aAAa;AAAA,EAAA;AAG7C,SAAOC,2BAAAA,IAAC,gBAAgB,UAAhB,EAAyB,OAAe,SAAA,CAAS;AAC3D;AAEO,SAAS,qBAAkD;AAChE,SAAOC,MAAAA,WAAW,eAAe;AACnC;AAaA,MAAM,uBAAuBJ,MAAAA,cAAgD,IAAI;AAM1E,SAAS,cAAc,EAAE,YAAgC;AAC9D,SACEG,2BAAAA,IAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,QAC7C,UACH;AAEJ;AAEO,SAAS,mBAAqD;AACnE,SAAOC,MAAAA,WAAW,oBAAoB;AACxC;;;;;"}

package/dist/components/primitives/Glossary/GlossaryContext.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { GlossaryTerm, GlossaryTermData, GlossaryTermDefinition } from '../../../constants/glossary';
+export type { GlossaryTermData, GlossaryTermDefinition };
+export interface GlossaryContextValue {
+    /** Whether glossary term matching and linkification is enabled. @default true */
+    enabled: boolean;
+    /** Active dictionary of terms to match against. Defaults to FINANCIAL_GLOSSARY. */
+    terms: readonly GlossaryTerm[];
+    /**
+     * Optional click handler called when an interactive glossary term is activated.
+     * If provided, terms render with interactive click affordances (e.g. opens Cap Table AI).
+     * If omitted, terms render as definition-only glossary items with informative tooltips.
+     */
+    onTermClick?: (term: GlossaryTerm) => void;
+    /**
+     * Optional call-to-action text displayed in the tooltip footer when `onTermClick` is defined.
+     * @default "Click to learn more"
+     */
+    learnMoreText?: string;
+}
+export interface GlossaryProviderProps {
+    children: ReactNode;
+    /** Whether glossary term matching is active. Defaults to true. */
+    enabled?: boolean;
+    /** Custom dictionary of terms to replace the standard financial glossary. */
+    terms?: readonly GlossaryTerm[];
+    /** Callback fired when a user clicks/taps an interactive glossary term. */
+    onTermClick?: (term: GlossaryTerm) => void;
+    /** Custom tooltip action label (e.g. "Click to learn more with Cap Table AI"). */
+    learnMoreText?: string;
+}
+export declare function GlossaryProvider({ children, enabled, terms, onTermClick, learnMoreText, }: GlossaryProviderProps): import("react").JSX.Element;
+export declare function useGlossaryContext(): GlossaryContextValue | null;
+/**
+ * Marks a section where automatic glossary parsing is enabled.
+ *
+ * Each `<Text>` block deduplicates its own terms to avoid repetitive visual noise
+ * within a paragraph. The scope intentionally does not coordinate ownership across
+ * components, which keeps glossary output stable across updates and unmounts.
+ */
+export interface GlossaryScopeContextValue {
+    active: true;
+}
+export interface GlossaryScopeProps {
+    children: ReactNode;
+}
+export declare function GlossaryScope({ children }: GlossaryScopeProps): import("react").JSX.Element;
+export declare function useGlossaryScope(): GlossaryScopeContextValue | null;
+//# sourceMappingURL=GlossaryContext.d.ts.map

package/dist/components/primitives/Glossary/GlossaryContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryContext.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Glossary/GlossaryContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC5B,MAAM,6BAA6B,CAAC;AAErC,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,iFAAiF;IACjF,OAAO,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAChC,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAc,EACd,KAA0B,EAC1B,WAAW,EACX,aAAqC,GACtC,EAAE,qBAAqB,+BAYvB;AAED,wBAAgB,kBAAkB,IAAI,oBAAoB,GAAG,IAAI,CAEhE;AAED;;;;;;GAMG;AACH,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,IAAI,CAAC;CACd;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAM7D;AAED,wBAAgB,gBAAgB,IAAI,yBAAyB,GAAG,IAAI,CAEnE"}

package/dist/components/primitives/Glossary/GlossaryContext.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useContext, createContext } from "react";
+import { FINANCIAL_GLOSSARY } from "../../../constants/glossary.js";
+const GlossaryContext = createContext(null);
+function GlossaryProvider({
+  children,
+  enabled = true,
+  terms = FINANCIAL_GLOSSARY,
+  onTermClick,
+  learnMoreText = "Click to learn more"
+}) {
+  const value = useMemo(
+    () => ({
+      enabled,
+      terms,
+      onTermClick,
+      learnMoreText
+    }),
+    [enabled, terms, onTermClick, learnMoreText]
+  );
+  return /* @__PURE__ */ jsx(GlossaryContext.Provider, { value, children });
+}
+function useGlossaryContext() {
+  return useContext(GlossaryContext);
+}
+const GlossaryScopeContext = createContext(null);
+function GlossaryScope({ children }) {
+  return /* @__PURE__ */ jsx(GlossaryScopeContext.Provider, { value: { active: true }, children });
+}
+function useGlossaryScope() {
+  return useContext(GlossaryScopeContext);
+}
+export {
+  GlossaryProvider,
+  GlossaryScope,
+  useGlossaryContext,
+  useGlossaryScope
+};
+//# sourceMappingURL=GlossaryContext.js.map

package/dist/components/primitives/Glossary/GlossaryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryContext.js","sources":["../../../../src/components/primitives/Glossary/GlossaryContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n  FINANCIAL_GLOSSARY,\n  type GlossaryTerm,\n  type GlossaryTermData,\n  type GlossaryTermDefinition,\n} from \"../../../constants/glossary\";\n\nexport type { GlossaryTermData, GlossaryTermDefinition };\n\nexport interface GlossaryContextValue {\n  /** Whether glossary term matching and linkification is enabled. @default true */\n  enabled: boolean;\n  /** Active dictionary of terms to match against. Defaults to FINANCIAL_GLOSSARY. */\n  terms: readonly GlossaryTerm[];\n  /**\n   * Optional click handler called when an interactive glossary term is activated.\n   * If provided, terms render with interactive click affordances (e.g. opens Cap Table AI).\n   * If omitted, terms render as definition-only glossary items with informative tooltips.\n   */\n  onTermClick?: (term: GlossaryTerm) => void;\n  /**\n   * Optional call-to-action text displayed in the tooltip footer when `onTermClick` is defined.\n   * @default \"Click to learn more\"\n   */\n  learnMoreText?: string;\n}\n\nexport interface GlossaryProviderProps {\n  children: ReactNode;\n  /** Whether glossary term matching is active. Defaults to true. */\n  enabled?: boolean;\n  /** Custom dictionary of terms to replace the standard financial glossary. */\n  terms?: readonly GlossaryTerm[];\n  /** Callback fired when a user clicks/taps an interactive glossary term. */\n  onTermClick?: (term: GlossaryTerm) => void;\n  /** Custom tooltip action label (e.g. \"Click to learn more with Cap Table AI\"). */\n  learnMoreText?: string;\n}\n\nconst GlossaryContext = createContext<GlossaryContextValue | null>(null);\n\nexport function GlossaryProvider({\n  children,\n  enabled = true,\n  terms = FINANCIAL_GLOSSARY,\n  onTermClick,\n  learnMoreText = \"Click to learn more\",\n}: GlossaryProviderProps) {\n  const value = useMemo<GlossaryContextValue>(\n    () => ({\n      enabled,\n      terms,\n      onTermClick,\n      learnMoreText,\n    }),\n    [enabled, terms, onTermClick, learnMoreText],\n  );\n\n  return <GlossaryContext.Provider value={value}>{children}</GlossaryContext.Provider>;\n}\n\nexport function useGlossaryContext(): GlossaryContextValue | null {\n  return useContext(GlossaryContext);\n}\n\n/**\n * Marks a section where automatic glossary parsing is enabled.\n *\n * Each `<Text>` block deduplicates its own terms to avoid repetitive visual noise\n * within a paragraph. The scope intentionally does not coordinate ownership across\n * components, which keeps glossary output stable across updates and unmounts.\n */\nexport interface GlossaryScopeContextValue {\n  active: true;\n}\n\nconst GlossaryScopeContext = createContext<GlossaryScopeContextValue | null>(null);\n\nexport interface GlossaryScopeProps {\n  children: ReactNode;\n}\n\nexport function GlossaryScope({ children }: GlossaryScopeProps) {\n  return (\n    <GlossaryScopeContext.Provider value={{ active: true }}>\n      {children}\n    </GlossaryScopeContext.Provider>\n  );\n}\n\nexport function useGlossaryScope(): GlossaryScopeContextValue | null {\n  return useContext(GlossaryScopeContext);\n}\n"],"names":[],"mappings":";;;AAyCA,MAAM,kBAAkB,cAA2C,IAAI;AAEhE,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,gBAAgB;AAClB,GAA0B;AACxB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,SAAS,OAAO,aAAa,aAAa;AAAA,EAAA;AAG7C,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAe,SAAA,CAAS;AAC3D;AAEO,SAAS,qBAAkD;AAChE,SAAO,WAAW,eAAe;AACnC;AAaA,MAAM,uBAAuB,cAAgD,IAAI;AAM1E,SAAS,cAAc,EAAE,YAAgC;AAC9D,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,QAC7C,UACH;AAEJ;AAEO,SAAS,mBAAqD;AACnE,SAAO,WAAW,oBAAoB;AACxC;"}

package/dist/components/primitives/Glossary/GlossaryTerm.cjs

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const useIsMobile = require("../../../hooks/useIsMobile.cjs");
+const Popover = require("../Popover/Popover.cjs");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const GlossaryContext = require("./GlossaryContext.cjs");
+const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
+function GlossaryTerm({ term, children }) {
+  const glossary = GlossaryContext.useGlossaryContext();
+  const isMobile = useIsMobile.useIsMobile();
+  const onTermClick = glossary?.onTermClick;
+  const learnMoreText = glossary?.learnMoreText ?? "Click to learn more";
+  const [mobileOpened, setMobileOpened] = React.useState(false);
+  const handleAction = React.useCallback(() => {
+    if (!onTermClick) return;
+    setMobileOpened(false);
+    onTermClick(term);
+  }, [onTermClick, term]);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    if (isMobile) {
+      setMobileOpened((prev) => !prev);
+      return;
+    }
+    if (onTermClick) {
+      e.preventDefault();
+      handleAction();
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (isMobile) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        e.stopPropagation();
+        setMobileOpened((prev) => !prev);
+      }
+      return;
+    }
+    if ((e.key === "Enter" || e.key === " ") && onTermClick) {
+      e.preventDefault();
+      e.stopPropagation();
+      handleAction();
+    }
+  };
+  const termStyle = {
+    display: "inline",
+    padding: 0,
+    border: 0,
+    background: "transparent",
+    color: "inherit",
+    font: "inherit",
+    textDecoration: "underline dotted",
+    textDecorationColor: "color-mix(in srgb, currentColor 55%, transparent)",
+    textDecorationThickness: "1px",
+    textUnderlineOffset: "3px",
+    cursor: onTermClick ? isMobile ? "help" : "pointer" : "help"
+  };
+  const tooltipContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: term.explanation }),
+    onTermClick && (isMobile ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction();
+        },
+        style: {
+          background: "transparent",
+          border: 0,
+          padding: 0,
+          color: "inherit",
+          font: "inherit",
+          fontSize: "11px",
+          opacity: 0.85,
+          fontWeight: 500,
+          cursor: "pointer",
+          textAlign: "left",
+          textDecoration: "underline"
+        },
+        type: "button",
+        children: [
+          learnMoreText,
+          " →"
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "11px", opacity: 0.85, fontWeight: 500 }, children: learnMoreText }))
+  ] });
+  if (isMobile) {
+    return (
+      // The wrapper stops the completed Popover click from reaching parent cards
+      // without blocking Popover.Target's own toggle handler.
+      // biome-ignore lint/a11y/noStaticElementInteractions: propagation boundary around an interactive Popover
+      // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard activation does not bubble as a parent click
+      /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Popover.Popover,
+        {
+          onChange: setMobileOpened,
+          onClose: () => setMobileOpened(false),
+          opened: mobileOpened,
+          position: "top",
+          shadow: "md",
+          transitionProps: { duration: 0, exitDuration: 0 },
+          withArrow: true,
+          width: 260,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              UnstyledButton.UnstyledButton,
+              {
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                style: termStyle,
+                type: "button",
+                children
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Dropdown, { style: mobileOpened ? { display: "block" } : void 0, children: tooltipContent })
+          ]
+        }
+      ) })
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tooltip.Tooltip,
+    {
+      events: { focus: true, hover: true, touch: true },
+      label: tooltipContent,
+      multiline: true,
+      styles: onTermClick ? { tooltip: { pointerEvents: "auto" } } : void 0,
+      w: 260,
+      withArrow: true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        UnstyledButton.UnstyledButton,
+        {
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          style: termStyle,
+          type: "button",
+          children
+        }
+      )
+    }
+  );
+}
+exports.GlossaryTerm = GlossaryTerm;
+//# sourceMappingURL=GlossaryTerm.cjs.map

package/dist/components/primitives/Glossary/GlossaryTerm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryTerm.cjs","sources":["../../../../src/components/primitives/Glossary/GlossaryTerm.tsx"],"sourcesContent":["import type { CSSProperties, KeyboardEvent, MouseEvent, ReactNode } from \"react\";\nimport { useCallback, useState } from \"react\";\nimport type { GlossaryTerm as GlossaryTermData } from \"../../../constants/glossary\";\nimport { useIsMobile } from \"../../../hooks/useIsMobile\";\nimport { UnstyledButton } from \"../layout\";\nimport { Popover } from \"../Popover/Popover\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { useGlossaryContext } from \"./GlossaryContext\";\n\nexport interface GlossaryTermProps {\n  /** The glossary term data. */\n  term: GlossaryTermData;\n  /** The text displayed in the copy (matches source text casing). */\n  children: ReactNode;\n}\n\nexport function GlossaryTerm({ term, children }: GlossaryTermProps) {\n  const glossary = useGlossaryContext();\n  const isMobile = useIsMobile();\n  const onTermClick = glossary?.onTermClick;\n  const learnMoreText = glossary?.learnMoreText ?? \"Click to learn more\";\n\n  const [mobileOpened, setMobileOpened] = useState(false);\n\n  const handleAction = useCallback(() => {\n    if (!onTermClick) return;\n    setMobileOpened(false);\n    onTermClick(term);\n  }, [onTermClick, term]);\n\n  const handleClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (isMobile) {\n      setMobileOpened((prev) => !prev);\n      return;\n    }\n\n    if (onTermClick) {\n      e.preventDefault();\n      handleAction();\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (isMobile) {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        e.stopPropagation();\n        setMobileOpened((prev) => !prev);\n      }\n      return;\n    }\n\n    if ((e.key === \"Enter\" || e.key === \" \") && onTermClick) {\n      e.preventDefault();\n      e.stopPropagation();\n      handleAction();\n    }\n  };\n\n  const termStyle: CSSProperties = {\n    display: \"inline\",\n    padding: 0,\n    border: 0,\n    background: \"transparent\",\n    color: \"inherit\",\n    font: \"inherit\",\n    textDecoration: \"underline dotted\",\n    textDecorationColor: \"color-mix(in srgb, currentColor 55%, transparent)\",\n    textDecorationThickness: \"1px\",\n    textUnderlineOffset: \"3px\",\n    cursor: onTermClick ? (isMobile ? \"help\" : \"pointer\") : \"help\",\n  };\n\n  const tooltipContent = (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n      <span>{term.explanation}</span>\n      {onTermClick &&\n        (isMobile ? (\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              handleAction();\n            }}\n            style={{\n              background: \"transparent\",\n              border: 0,\n              padding: 0,\n              color: \"inherit\",\n              font: \"inherit\",\n              fontSize: \"11px\",\n              opacity: 0.85,\n              fontWeight: 500,\n              cursor: \"pointer\",\n              textAlign: \"left\",\n              textDecoration: \"underline\",\n            }}\n            type=\"button\"\n          >\n            {learnMoreText} →\n          </button>\n        ) : (\n          <span style={{ fontSize: \"11px\", opacity: 0.85, fontWeight: 500 }}>{learnMoreText}</span>\n        ))}\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      // The wrapper stops the completed Popover click from reaching parent cards\n      // without blocking Popover.Target's own toggle handler.\n      // biome-ignore lint/a11y/noStaticElementInteractions: propagation boundary around an interactive Popover\n      // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard activation does not bubble as a parent click\n      <span onClick={(event) => event.stopPropagation()}>\n        <Popover\n          onChange={setMobileOpened}\n          onClose={() => setMobileOpened(false)}\n          opened={mobileOpened}\n          position=\"top\"\n          shadow=\"md\"\n          transitionProps={{ duration: 0, exitDuration: 0 }}\n          withArrow\n          width={260}\n        >\n          <Popover.Target>\n            <UnstyledButton\n              onClick={handleClick}\n              onKeyDown={handleKeyDown}\n              style={termStyle}\n              type=\"button\"\n            >\n              {children}\n            </UnstyledButton>\n          </Popover.Target>\n          <Popover.Dropdown style={mobileOpened ? { display: \"block\" } : undefined}>\n            {tooltipContent}\n          </Popover.Dropdown>\n        </Popover>\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      events={{ focus: true, hover: true, touch: true } as const}\n      label={tooltipContent}\n      multiline\n      styles={onTermClick ? { tooltip: { pointerEvents: \"auto\" } } : undefined}\n      w={260}\n      withArrow\n    >\n      <UnstyledButton\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        style={termStyle}\n        type=\"button\"\n      >\n        {children}\n      </UnstyledButton>\n    </Tooltip>\n  );\n}\n"],"names":["useGlossaryContext","useIsMobile","useState","useCallback","jsxs","jsx","Popover","UnstyledButton","Tooltip"],"mappings":"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"}

package/dist/components/primitives/Glossary/GlossaryTerm.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { GlossaryTerm as GlossaryTermData } from '../../../constants/glossary';
+export interface GlossaryTermProps {
+    /** The glossary term data. */
+    term: GlossaryTermData;
+    /** The text displayed in the copy (matches source text casing). */
+    children: ReactNode;
+}
+export declare function GlossaryTerm({ term, children }: GlossaryTermProps): import("react").JSX.Element;
+//# sourceMappingURL=GlossaryTerm.d.ts.map

package/dist/components/primitives/Glossary/GlossaryTerm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryTerm.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Glossary/GlossaryTerm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAOpF,MAAM,WAAW,iBAAiB;IAChC,8BAA8B;IAC9B,IAAI,EAAE,gBAAgB,CAAC;IACvB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAiJjE"}

package/dist/components/primitives/Glossary/GlossaryTerm.js

@@ -0,0 +1,147 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useIsMobile } from "../../../hooks/useIsMobile.js";
+import { Popover } from "../Popover/Popover.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import { useGlossaryContext } from "./GlossaryContext.js";
+import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
+function GlossaryTerm({ term, children }) {
+  const glossary = useGlossaryContext();
+  const isMobile = useIsMobile();
+  const onTermClick = glossary?.onTermClick;
+  const learnMoreText = glossary?.learnMoreText ?? "Click to learn more";
+  const [mobileOpened, setMobileOpened] = useState(false);
+  const handleAction = useCallback(() => {
+    if (!onTermClick) return;
+    setMobileOpened(false);
+    onTermClick(term);
+  }, [onTermClick, term]);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    if (isMobile) {
+      setMobileOpened((prev) => !prev);
+      return;
+    }
+    if (onTermClick) {
+      e.preventDefault();
+      handleAction();
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (isMobile) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        e.stopPropagation();
+        setMobileOpened((prev) => !prev);
+      }
+      return;
+    }
+    if ((e.key === "Enter" || e.key === " ") && onTermClick) {
+      e.preventDefault();
+      e.stopPropagation();
+      handleAction();
+    }
+  };
+  const termStyle = {
+    display: "inline",
+    padding: 0,
+    border: 0,
+    background: "transparent",
+    color: "inherit",
+    font: "inherit",
+    textDecoration: "underline dotted",
+    textDecorationColor: "color-mix(in srgb, currentColor 55%, transparent)",
+    textDecorationThickness: "1px",
+    textUnderlineOffset: "3px",
+    cursor: onTermClick ? isMobile ? "help" : "pointer" : "help"
+  };
+  const tooltipContent = /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+    /* @__PURE__ */ jsx("span", { children: term.explanation }),
+    onTermClick && (isMobile ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction();
+        },
+        style: {
+          background: "transparent",
+          border: 0,
+          padding: 0,
+          color: "inherit",
+          font: "inherit",
+          fontSize: "11px",
+          opacity: 0.85,
+          fontWeight: 500,
+          cursor: "pointer",
+          textAlign: "left",
+          textDecoration: "underline"
+        },
+        type: "button",
+        children: [
+          learnMoreText,
+          " →"
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", opacity: 0.85, fontWeight: 500 }, children: learnMoreText }))
+  ] });
+  if (isMobile) {
+    return (
+      // The wrapper stops the completed Popover click from reaching parent cards
+      // without blocking Popover.Target's own toggle handler.
+      // biome-ignore lint/a11y/noStaticElementInteractions: propagation boundary around an interactive Popover
+      // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard activation does not bubble as a parent click
+      /* @__PURE__ */ jsx("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxs(
+        Popover,
+        {
+          onChange: setMobileOpened,
+          onClose: () => setMobileOpened(false),
+          opened: mobileOpened,
+          position: "top",
+          shadow: "md",
+          transitionProps: { duration: 0, exitDuration: 0 },
+          withArrow: true,
+          width: 260,
+          children: [
+            /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(
+              UnstyledButton,
+              {
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                style: termStyle,
+                type: "button",
+                children
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Popover.Dropdown, { style: mobileOpened ? { display: "block" } : void 0, children: tooltipContent })
+          ]
+        }
+      ) })
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      events: { focus: true, hover: true, touch: true },
+      label: tooltipContent,
+      multiline: true,
+      styles: onTermClick ? { tooltip: { pointerEvents: "auto" } } : void 0,
+      w: 260,
+      withArrow: true,
+      children: /* @__PURE__ */ jsx(
+        UnstyledButton,
+        {
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          style: termStyle,
+          type: "button",
+          children
+        }
+      )
+    }
+  );
+}
+export {
+  GlossaryTerm
+};
+//# sourceMappingURL=GlossaryTerm.js.map

package/dist/components/primitives/Glossary/GlossaryTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryTerm.js","sources":["../../../../src/components/primitives/Glossary/GlossaryTerm.tsx"],"sourcesContent":["import type { CSSProperties, KeyboardEvent, MouseEvent, ReactNode } from \"react\";\nimport { useCallback, useState } from \"react\";\nimport type { GlossaryTerm as GlossaryTermData } from \"../../../constants/glossary\";\nimport { useIsMobile } from \"../../../hooks/useIsMobile\";\nimport { UnstyledButton } from \"../layout\";\nimport { Popover } from \"../Popover/Popover\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { useGlossaryContext } from \"./GlossaryContext\";\n\nexport interface GlossaryTermProps {\n  /** The glossary term data. */\n  term: GlossaryTermData;\n  /** The text displayed in the copy (matches source text casing). */\n  children: ReactNode;\n}\n\nexport function GlossaryTerm({ term, children }: GlossaryTermProps) {\n  const glossary = useGlossaryContext();\n  const isMobile = useIsMobile();\n  const onTermClick = glossary?.onTermClick;\n  const learnMoreText = glossary?.learnMoreText ?? \"Click to learn more\";\n\n  const [mobileOpened, setMobileOpened] = useState(false);\n\n  const handleAction = useCallback(() => {\n    if (!onTermClick) return;\n    setMobileOpened(false);\n    onTermClick(term);\n  }, [onTermClick, term]);\n\n  const handleClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (isMobile) {\n      setMobileOpened((prev) => !prev);\n      return;\n    }\n\n    if (onTermClick) {\n      e.preventDefault();\n      handleAction();\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (isMobile) {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        e.stopPropagation();\n        setMobileOpened((prev) => !prev);\n      }\n      return;\n    }\n\n    if ((e.key === \"Enter\" || e.key === \" \") && onTermClick) {\n      e.preventDefault();\n      e.stopPropagation();\n      handleAction();\n    }\n  };\n\n  const termStyle: CSSProperties = {\n    display: \"inline\",\n    padding: 0,\n    border: 0,\n    background: \"transparent\",\n    color: \"inherit\",\n    font: \"inherit\",\n    textDecoration: \"underline dotted\",\n    textDecorationColor: \"color-mix(in srgb, currentColor 55%, transparent)\",\n    textDecorationThickness: \"1px\",\n    textUnderlineOffset: \"3px\",\n    cursor: onTermClick ? (isMobile ? \"help\" : \"pointer\") : \"help\",\n  };\n\n  const tooltipContent = (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n      <span>{term.explanation}</span>\n      {onTermClick &&\n        (isMobile ? (\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              handleAction();\n            }}\n            style={{\n              background: \"transparent\",\n              border: 0,\n              padding: 0,\n              color: \"inherit\",\n              font: \"inherit\",\n              fontSize: \"11px\",\n              opacity: 0.85,\n              fontWeight: 500,\n              cursor: \"pointer\",\n              textAlign: \"left\",\n              textDecoration: \"underline\",\n            }}\n            type=\"button\"\n          >\n            {learnMoreText} →\n          </button>\n        ) : (\n          <span style={{ fontSize: \"11px\", opacity: 0.85, fontWeight: 500 }}>{learnMoreText}</span>\n        ))}\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      // The wrapper stops the completed Popover click from reaching parent cards\n      // without blocking Popover.Target's own toggle handler.\n      // biome-ignore lint/a11y/noStaticElementInteractions: propagation boundary around an interactive Popover\n      // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard activation does not bubble as a parent click\n      <span onClick={(event) => event.stopPropagation()}>\n        <Popover\n          onChange={setMobileOpened}\n          onClose={() => setMobileOpened(false)}\n          opened={mobileOpened}\n          position=\"top\"\n          shadow=\"md\"\n          transitionProps={{ duration: 0, exitDuration: 0 }}\n          withArrow\n          width={260}\n        >\n          <Popover.Target>\n            <UnstyledButton\n              onClick={handleClick}\n              onKeyDown={handleKeyDown}\n              style={termStyle}\n              type=\"button\"\n            >\n              {children}\n            </UnstyledButton>\n          </Popover.Target>\n          <Popover.Dropdown style={mobileOpened ? { display: \"block\" } : undefined}>\n            {tooltipContent}\n          </Popover.Dropdown>\n        </Popover>\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      events={{ focus: true, hover: true, touch: true } as const}\n      label={tooltipContent}\n      multiline\n      styles={onTermClick ? { tooltip: { pointerEvents: \"auto\" } } : undefined}\n      w={260}\n      withArrow\n    >\n      <UnstyledButton\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        style={termStyle}\n        type=\"button\"\n      >\n        {children}\n      </UnstyledButton>\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/primitives/Glossary/index.d.ts

@@ -0,0 +1,3 @@
+export { type GlossaryContextValue, GlossaryProvider, type GlossaryProviderProps, GlossaryScope, type GlossaryScopeContextValue, type GlossaryScopeProps, type GlossaryTermData, type GlossaryTermDefinition, useGlossaryContext, useGlossaryScope, } from './GlossaryContext';
+export { GlossaryTerm, type GlossaryTermProps } from './GlossaryTerm';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/primitives/Glossary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Glossary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,aAAa,EACb,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/primitives/Text/Text.cjs

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const glossaryMatcher = require("../../../utils/glossaryMatcher.cjs");
+const GlossaryContext = require("../Glossary/GlossaryContext.cjs");
+const GlossaryTerm = require("../Glossary/GlossaryTerm.cjs");
+const createPolymorphicComponent = require("../../../node_modules/@mantine/core/esm/core/factory/create-polymorphic-component.cjs");
+const Text$1 = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const SKIP_CHILD_ELEMENTS = /^(a|button|input|select|textarea|code|pre|svg)$/i;
+const _Text = React.forwardRef(
+  ({ children, glossary = true, ...props }, ref) => {
+    const glossaryContext = GlossaryContext.useGlossaryContext();
+    const glossaryScope = GlossaryContext.useGlossaryScope();
+    const component = "component" in props ? props.component : void 0;
+    const href = "href" in props ? props.href : void 0;
+    const to = "to" in props ? props.to : void 0;
+    const onClick = "onClick" in props ? props.onClick : void 0;
+    const role = "role" in props ? props.role : void 0;
+    const isInteractive = component === "a" || component === "button" || component !== void 0 && typeof component !== "string" || Boolean(href) || Boolean(to) || typeof onClick === "function" || role === "button";
+    const isGlossaryActive = glossary !== false && !isInteractive && Boolean(glossaryContext?.enabled) && Boolean(glossaryScope) && Boolean(glossaryContext?.terms?.length);
+    if (!isGlossaryActive || !glossaryContext || !glossaryScope) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Text$1.Text, { ref, ...props, children });
+    }
+    const emittedInPass = /* @__PURE__ */ new Set();
+    const transformedChildren = transformChildren(children, glossaryContext.terms, emittedInPass);
+    return /* @__PURE__ */ jsxRuntime.jsx(Text$1.Text, { ref, ...props, children: transformedChildren });
+  }
+);
+_Text.displayName = "Text";
+const Text = createPolymorphicComponent.createPolymorphicComponent(_Text);
+function transformChildren(node, terms, emittedInPass) {
+  if (typeof node === "string") {
+    return linkifyString(node, terms, emittedInPass);
+  }
+  if (Array.isArray(node)) {
+    return transformArray(node, terms, emittedInPass);
+  }
+  if (React.isValidElement(node)) {
+    if (node.type !== React.Fragment && typeof node.type !== "string") {
+      return node;
+    }
+    if (typeof node.type === "string" && SKIP_CHILD_ELEMENTS.test(node.type)) {
+      return node;
+    }
+    if (hasChildren(node.props)) {
+      if ("onClick" in node.props || "role" in node.props && node.props.role === "button") {
+        return node;
+      }
+      return React.cloneElement(
+        node,
+        void 0,
+        transformChildren(node.props.children, terms, emittedInPass)
+      );
+    }
+  }
+  return node;
+}
+function transformArray(children, terms, emittedInPass) {
+  const result = [];
+  let textBuffer = [];
+  const flushTextBuffer = () => {
+    if (textBuffer.length === 0) return;
+    const combined = textBuffer.join("");
+    textBuffer = [];
+    if (combined.length === 0) return;
+    result.push(linkifyString(combined, terms, emittedInPass));
+  };
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    if (typeof child === "string" || typeof child === "number") {
+      textBuffer.push(String(child));
+    } else {
+      flushTextBuffer();
+      result.push(transformChildren(child, terms, emittedInPass));
+    }
+  }
+  flushTextBuffer();
+  return result.length === children.length ? result : result;
+}
+function linkifyString(text, terms, emittedInPass) {
+  const matches = glossaryMatcher.matchGlossaryTerms(text, terms, emittedInPass);
+  if (matches.length === 0) return text;
+  const parts = [];
+  let cursor = 0;
+  let keyIndex = 0;
+  for (const match of matches) {
+    if (match.start < cursor) continue;
+    emittedInPass.add(match.termId);
+    if (match.start > cursor) {
+      parts.push(text.slice(cursor, match.start));
+    }
+    const termData = terms.find((t) => t.id === match.termId);
+    if (termData) {
+      parts.push(
+        /* @__PURE__ */ jsxRuntime.jsx(GlossaryTerm.GlossaryTerm, { term: termData, children: match.text }, `glossary-${match.termId}-${keyIndex++}`)
+      );
+    } else {
+      parts.push(match.text);
+    }
+    cursor = match.end;
+  }
+  if (cursor < text.length) {
+    parts.push(text.slice(cursor));
+  }
+  return parts.length === 1 ? parts[0] : parts;
+}
+function hasChildren(value) {
+  return typeof value === "object" && value !== null && "children" in value;
+}
+exports.Text = Text;
+//# sourceMappingURL=Text.cjs.map

package/dist/components/primitives/Text/Text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sources":["../../../../src/components/primitives/Text/Text.tsx"],"sourcesContent":["import {\n  createPolymorphicComponent,\n  Text as MantineText,\n  type TextProps as MantineTextProps,\n} from \"@mantine/core\";\nimport { cloneElement, Fragment, forwardRef, isValidElement, type ReactNode } from \"react\";\nimport type { GlossaryTerm as GlossaryTermData } from \"../../../constants/glossary\";\nimport { matchGlossaryTerms } from \"../../../utils/glossaryMatcher\";\nimport { useGlossaryContext, useGlossaryScope } from \"../Glossary/GlossaryContext\";\nimport { GlossaryTerm } from \"../Glossary/GlossaryTerm\";\n\nexport interface TextProps extends MantineTextProps {\n  children?: ReactNode;\n  /**\n   * Whether to automatically linkify financial glossary terms in this text block.\n   * Defaults to `true` when wrapped inside an active `<GlossaryScope>`.\n   * Set to `false` to explicitly disable glossary matching (e.g. for dynamic data, tables, user inputs).\n   * @default true\n   */\n  glossary?: boolean;\n}\n\nconst SKIP_CHILD_ELEMENTS = /^(a|button|input|select|textarea|code|pre|svg)$/i;\n\nconst _Text = forwardRef<HTMLParagraphElement, TextProps>(\n  ({ children, glossary = true, ...props }, ref) => {\n    const glossaryContext = useGlossaryContext();\n    const glossaryScope = useGlossaryScope();\n\n    // Do not linkify if the Text element itself is interactive (component, href, to, onClick, role)\n    const component = \"component\" in props ? props.component : undefined;\n    const href = \"href\" in props ? props.href : undefined;\n    const to = \"to\" in props ? props.to : undefined;\n    const onClick = \"onClick\" in props ? props.onClick : undefined;\n    const role = \"role\" in props ? props.role : undefined;\n    const isInteractive =\n      component === \"a\" ||\n      component === \"button\" ||\n      (component !== undefined && typeof component !== \"string\") ||\n      Boolean(href) ||\n      Boolean(to) ||\n      typeof onClick === \"function\" ||\n      role === \"button\";\n\n    const isGlossaryActive =\n      glossary !== false &&\n      !isInteractive &&\n      Boolean(glossaryContext?.enabled) &&\n      Boolean(glossaryScope) &&\n      Boolean(glossaryContext?.terms?.length);\n\n    if (!isGlossaryActive || !glossaryContext || !glossaryScope) {\n      return (\n        <MantineText ref={ref} {...props}>\n          {children}\n        </MantineText>\n      );\n    }\n\n    const emittedInPass = new Set<string>();\n    const transformedChildren = transformChildren(children, glossaryContext.terms, emittedInPass);\n\n    return (\n      <MantineText ref={ref} {...props}>\n        {transformedChildren}\n      </MantineText>\n    );\n  },\n);\n\n_Text.displayName = \"Text\";\n\nexport const Text = createPolymorphicComponent<\"p\", TextProps>(_Text);\n\nfunction transformChildren(\n  node: ReactNode,\n  terms: readonly GlossaryTermData[],\n  emittedInPass: Set<string>,\n): ReactNode {\n  if (typeof node === \"string\") {\n    return linkifyString(node, terms, emittedInPass);\n  }\n\n  if (Array.isArray(node)) {\n    return transformArray(node, terms, emittedInPass);\n  }\n\n  if (isValidElement(node)) {\n    if (node.type !== Fragment && typeof node.type !== \"string\") {\n      return node;\n    }\n\n    if (typeof node.type === \"string\" && SKIP_CHILD_ELEMENTS.test(node.type)) {\n      return node;\n    }\n\n    if (hasChildren(node.props)) {\n      // Do not descend into child elements with interactive props\n      if (\"onClick\" in node.props || (\"role\" in node.props && node.props.role === \"button\")) {\n        return node;\n      }\n      return cloneElement(\n        node,\n        undefined,\n        transformChildren(node.props.children, terms, emittedInPass),\n      );\n    }\n  }\n\n  return node;\n}\n\n/**\n * Process an array of React children by concatenating adjacent strings/numbers\n * into a single text run before matching, preventing false positives like \"ISO\"\n * matching inside the split text \"ISO{\"lated\"}\" (which renders as \"ISOlated\").\n */\nfunction transformArray(\n  children: ReactNode[],\n  terms: readonly GlossaryTermData[],\n  emittedInPass: Set<string>,\n): ReactNode[] {\n  const result: ReactNode[] = [];\n  let textBuffer: Array<string | number> = [];\n\n  const flushTextBuffer = () => {\n    if (textBuffer.length === 0) return;\n    const combined = textBuffer.join(\"\");\n    textBuffer = [];\n    if (combined.length === 0) return;\n    result.push(linkifyString(combined, terms, emittedInPass));\n  };\n\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      textBuffer.push(String(child));\n    } else {\n      flushTextBuffer();\n      result.push(transformChildren(child, terms, emittedInPass));\n    }\n  }\n\n  flushTextBuffer();\n  return result.length === children.length ? result : (result as unknown as ReactNode[]);\n}\n\nfunction linkifyString(\n  text: string,\n  terms: readonly GlossaryTermData[],\n  emittedInPass: Set<string>,\n): ReactNode {\n  const matches = matchGlossaryTerms(text, terms, emittedInPass);\n  if (matches.length === 0) return text;\n\n  const parts: ReactNode[] = [];\n  let cursor = 0;\n  let keyIndex = 0;\n\n  for (const match of matches) {\n    if (match.start < cursor) continue;\n\n    emittedInPass.add(match.termId);\n\n    if (match.start > cursor) {\n      parts.push(text.slice(cursor, match.start));\n    }\n\n    // Resolve term data directly from the active terms dictionary (supports custom dictionaries)\n    const termData = terms.find((t) => t.id === match.termId);\n    if (termData) {\n      parts.push(\n        <GlossaryTerm key={`glossary-${match.termId}-${keyIndex++}`} term={termData}>\n          {match.text}\n        </GlossaryTerm>,\n      );\n    } else {\n      parts.push(match.text);\n    }\n\n    cursor = match.end;\n  }\n\n  if (cursor < text.length) {\n    parts.push(text.slice(cursor));\n  }\n\n  return parts.length === 1 ? parts[0] : parts;\n}\n\nfunction hasChildren(value: unknown): value is { children?: ReactNode } {\n  return typeof value === \"object\" && value !== null && \"children\" in value;\n}\n"],"names":["forwardRef","useGlossaryContext","useGlossaryScope","jsx","MantineText","createPolymorphicComponent","isValidElement","Fragment","cloneElement","matchGlossaryTerms","GlossaryTerm"],"mappings":"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"}