@fairmint/ui 0.4.9 → 0.4.11

package/dist/components/generic/StepProgress/StepProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepProgress.js","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"sourcesContent":["import { brandColors, commonColors, fairmintVars, indigoColors } from \"../../../theme\";\nimport { Box, UnstyledButton } from \"../../primitives/layout\";\nimport \"./StepProgress.css\";\n\nexport type StepProgressOrientation = \"horizontal\" | \"vertical\";\nexport type StepProgressStepStatus = \"complete\" | \"active\" | \"pending\";\n\nexport interface StepProgressStep {\n  /** Visible label in the progress pill. */\n  label: string;\n  /** Explicitly mark a step complete when completion is not derived from activeStep. */\n  completed?: boolean;\n  /** Prevent navigation to this step when onStepChange is supplied. */\n  disabled?: boolean;\n}\n\nexport interface StepProgressProps {\n  /** Ordered steps. The visible number is derived from this array and is 1-indexed. */\n  steps: readonly StepProgressStep[];\n  /** Current step number. This is intentionally 1-indexed to match StepCard and the UI. */\n  activeStep: number;\n  /** Row of pills for in-app progress or a rail for onboarding. @default \"horizontal\" */\n  orientation?: StepProgressOrientation;\n  /** Called with the 1-indexed step number when a pill is activated. */\n  onStepChange?: (step: number) => void;\n  /** Accessible label for the navigation. @default \"Progress\" */\n  ariaLabel?: string;\n}\n\nconst CheckIcon = () => (\n  <svg\n    width=\"11\"\n    height=\"11\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nconst resolveActiveStep = (activeStep: number, stepCount: number) => {\n  if (!Number.isFinite(activeStep)) return 1;\n  return Math.min(Math.max(Math.trunc(activeStep), 1), stepCount);\n};\n\nexport const getStepProgressStatus = (\n  step: StepProgressStep,\n  stepNumber: number,\n  activeStep: number,\n): StepProgressStepStatus => {\n  if (stepNumber === activeStep) return \"active\";\n  if (step.completed ?? stepNumber < activeStep) return \"complete\";\n  return \"pending\";\n};\n\n/**\n * Numbered progress pills shared by horizontal in-app flows and vertical\n * onboarding rails. Owns navigation only — the numbered content container is\n * `StepCard`, and `StepFlow` pairs the two into the canonical shell.\n */\nexport function StepProgress({\n  steps,\n  activeStep,\n  orientation = \"horizontal\",\n  onStepChange,\n  ariaLabel = \"Progress\",\n}: StepProgressProps) {\n  if (steps.length === 0) return null;\n\n  const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);\n  const rootStyle = {\n    \"--fairmint-step-progress-brand\": brandColors.indigo,\n    \"--fairmint-step-progress-border\": fairmintVars.colorBorderDefault,\n    \"--fairmint-step-progress-text-primary\": fairmintVars.colorTextPrimary,\n    \"--fairmint-step-progress-text-secondary\": fairmintVars.colorTextSecondary,\n    \"--fairmint-step-progress-surface-selected\": fairmintVars.colorSurfaceSelected,\n    // One shared accent tone for anything bordering/reading on colorSurfaceSelected,\n    // instead of two adjacent-but-different indigo shades competing.\n    \"--fairmint-step-progress-active-border\": indigoColors[2],\n    \"--fairmint-step-progress-active-indicator-text\": commonColors.white,\n    \"--fairmint-step-progress-complete-border\": indigoColors[2],\n    \"--fairmint-step-progress-complete-text\": fairmintVars.colorIconOnSurfaceSelected,\n  };\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={ariaLabel}\n      className=\"fairmint-step-progress\"\n      data-orientation={orientation}\n      style={rootStyle}\n    >\n      <ol className=\"fairmint-step-progress__list\">\n        {steps.map((step, index) => {\n          const stepNumber = index + 1;\n          const status = getStepProgressStatus(step, stepNumber, resolvedActiveStep);\n          const isInteractive = Boolean(onStepChange) && !step.disabled;\n          const pillContent = (\n            <>\n              <span className=\"fairmint-step-progress__indicator\" aria-hidden=\"true\">\n                {status === \"complete\" ? <CheckIcon /> : stepNumber}\n              </span>\n              <span className=\"fairmint-step-progress__label\">{step.label}</span>\n            </>\n          );\n\n          return (\n            <li key={`${stepNumber}-${step.label}`} className=\"fairmint-step-progress__item\">\n              {isInteractive ? (\n                <UnstyledButton\n                  type=\"button\"\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-interactive=\"true\"\n                  data-disabled=\"false\"\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-label={`Step ${stepNumber}: ${step.label}`}\n                  onClick={() => onStepChange?.(stepNumber)}\n                >\n                  {pillContent}\n                </UnstyledButton>\n              ) : (\n                <span\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-disabled={step.disabled ? \"true\" : \"false\"}\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-disabled={step.disabled || undefined}\n                  title={`Step ${stepNumber}: ${step.label}`}\n                >\n                  {pillContent}\n                </span>\n              )}\n              {index < steps.length - 1 ? (\n                <span\n                  className=\"fairmint-step-progress__connector\"\n                  data-state={status}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n            </li>\n          );\n        })}\n      </ol>\n    </Box>\n  );\n}\n\nexport const STEP_PROGRESS_MOBILE_BREAKPOINT = \"48em\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepProgress.js","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"sourcesContent":["import { brandColors, commonColors, fairmintVars, indigoColors } from \"../../../theme\";\nimport { Box, UnstyledButton } from \"../../primitives/layout\";\nimport \"./StepProgress.css\";\n\nexport type StepProgressOrientation = \"horizontal\" | \"vertical\";\nexport type StepProgressStepStatus = \"complete\" | \"active\" | \"pending\";\n\nexport interface StepProgressStep {\n  /** Visible label in the progress pill. */\n  label: string;\n  /** Explicitly mark a step complete when completion is not derived from activeStep. */\n  completed?: boolean;\n  /** Prevent navigation to this step when onStepChange is supplied. */\n  disabled?: boolean;\n}\n\nexport interface StepProgressProps {\n  /** Ordered steps. The visible number is derived from this array and is 1-indexed. */\n  steps: readonly StepProgressStep[];\n  /** Current step number. This is intentionally 1-indexed to match StepCard and the UI. */\n  activeStep: number;\n  /** Row of pills for in-app progress or a rail for onboarding. @default \"horizontal\" */\n  orientation?: StepProgressOrientation;\n  /** Called with the 1-indexed step number when a pill is activated. */\n  onStepChange?: (step: number) => void;\n  /** Accessible label for the navigation. @default \"Progress\" */\n  ariaLabel?: string;\n}\n\nconst CheckIcon = () => (\n  <svg\n    width=\"11\"\n    height=\"11\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nconst resolveActiveStep = (activeStep: number, stepCount: number) => {\n  if (!Number.isFinite(activeStep)) return 1;\n  return Math.min(Math.max(Math.trunc(activeStep), 1), stepCount);\n};\n\nexport const getStepProgressStatus = (\n  step: StepProgressStep,\n  stepNumber: number,\n  activeStep: number,\n): StepProgressStepStatus => {\n  if (stepNumber === activeStep) return \"active\";\n  if (step.completed ?? stepNumber < activeStep) return \"complete\";\n  return \"pending\";\n};\n\n/**\n * Numbered progress pills shared by horizontal in-app flows and vertical\n * onboarding rails. Owns navigation only — the numbered content container is\n * `StepCard`, and `StepFlow` pairs the two into the canonical shell.\n */\nexport function StepProgress({\n  steps,\n  activeStep,\n  orientation = \"horizontal\",\n  onStepChange,\n  ariaLabel = \"Progress\",\n}: StepProgressProps) {\n  if (steps.length === 0) return null;\n\n  const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);\n  const rootStyle = {\n    \"--fairmint-step-progress-brand\": brandColors.indigo,\n    // colorBorderDefault washes out on colorBgSurfaceSecondary; text-secondary clears 3:1.\n    \"--fairmint-step-progress-border\": fairmintVars.colorTextSecondary,\n    // Kept off the ring token: the ring carries the step number and needs 3:1, the\n    // connector is decorative and reads as a hairline between pills.\n    \"--fairmint-step-progress-connector\": fairmintVars.colorBorderDefault,\n    \"--fairmint-step-progress-text-primary\": fairmintVars.colorTextPrimary,\n    // Pending labels use primary ink; active hierarchy is weight + fill, not mute gray.\n    \"--fairmint-step-progress-text-secondary\": fairmintVars.colorTextPrimary,\n    // indigo[1] — surface-selected (indigo[0]) is too close to the secondary canvas.\n    \"--fairmint-step-progress-surface-selected\": fairmintVars.colorBgBrandSubtleHover,\n    \"--fairmint-step-progress-active-border\": indigoColors[3],\n    \"--fairmint-step-progress-active-indicator-text\": commonColors.white,\n    \"--fairmint-step-progress-complete-border\": indigoColors[3],\n    \"--fairmint-step-progress-complete-text\": fairmintVars.colorIconOnSurfaceSelected,\n  };\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={ariaLabel}\n      className=\"fairmint-step-progress\"\n      data-orientation={orientation}\n      style={rootStyle}\n    >\n      <ol className=\"fairmint-step-progress__list\">\n        {steps.map((step, index) => {\n          const stepNumber = index + 1;\n          const status = getStepProgressStatus(step, stepNumber, resolvedActiveStep);\n          const isInteractive = Boolean(onStepChange) && !step.disabled;\n          const pillContent = (\n            <>\n              <span className=\"fairmint-step-progress__indicator\" aria-hidden=\"true\">\n                {status === \"complete\" ? <CheckIcon /> : stepNumber}\n              </span>\n              <span className=\"fairmint-step-progress__label\">{step.label}</span>\n            </>\n          );\n\n          return (\n            <li key={`${stepNumber}-${step.label}`} className=\"fairmint-step-progress__item\">\n              {isInteractive ? (\n                <UnstyledButton\n                  type=\"button\"\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-interactive=\"true\"\n                  data-disabled=\"false\"\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-label={`Step ${stepNumber}: ${step.label}`}\n                  onClick={() => onStepChange?.(stepNumber)}\n                >\n                  {pillContent}\n                </UnstyledButton>\n              ) : (\n                <span\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-disabled={step.disabled ? \"true\" : \"false\"}\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-disabled={step.disabled || undefined}\n                  title={`Step ${stepNumber}: ${step.label}`}\n                >\n                  {pillContent}\n                </span>\n              )}\n              {index < steps.length - 1 ? (\n                <span\n                  className=\"fairmint-step-progress__connector\"\n                  data-state={status}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n            </li>\n          );\n        })}\n      </ol>\n    </Box>\n  );\n}\n\nexport const STEP_PROGRESS_MOBILE_BREAKPOINT = \"48em\";\n"],"names":[],"mappings":"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"}

package/dist/components/generic/TablePagination/TablePagination.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const Select = require("../../primitives/Select/Select.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const Pagination = require("../../../node_modules/@mantine/core/esm/components/Pagination/Pagination.cjs");
 function toSelectOption(option) {
   if (option && typeof option === "object") {

package/dist/components/generic/TablePagination/TablePagination.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Select } from "../../primitives/Select/Select.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { Pagination } from "../../../node_modules/@mantine/core/esm/components/Pagination/Pagination.js";
 function toSelectOption(option) {
   if (option && typeof option === "object") {

package/dist/components/generic/TaskInboxPopover/TaskInboxPopover.cjs

@@ -5,7 +5,7 @@ const index = require("../../../theme/index.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Popover = require("../../primitives/Popover/Popover.cjs");
 const zIndex = require("../../../theme/zIndex.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const ScrollArea = require("../../../node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.cjs");
 const DEFAULT_EMPTY_MESSAGE = "There are no tasks to do right now. You'll see a badge on this icon when there are.";
 function TaskInboxPopover({

package/dist/components/generic/TaskInboxPopover/TaskInboxPopover.js

@@ -3,7 +3,7 @@ import { fairmintVars } from "../../../theme/index.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { Popover } from "../../primitives/Popover/Popover.js";
 import { overlayZIndexAboveLegacyShell } from "../../../theme/zIndex.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { ScrollArea } from "../../../node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.js";
 const DEFAULT_EMPTY_MESSAGE = "There are no tasks to do right now. You'll see a badge on this icon when there are.";
 function TaskInboxPopover({

package/dist/components/generic/TaskRow/TaskRow.cjs

@@ -7,7 +7,7 @@ const ActionIcon = require("../../primitives/ActionIcon/ActionIcon.cjs");
 const Button = require("../../primitives/Button/Button.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const PRIORITY_SEVERITY_COLORS = {
   critical: index.fairmintVars.colorErrorText,
   // Mid warning ramp (amber) — clearer than warning-text/solid brown vs error red.

package/dist/components/generic/TaskRow/TaskRow.js

@@ -5,7 +5,7 @@ import { ActionIcon } from "../../primitives/ActionIcon/ActionIcon.js";
 import { Button } from "../../primitives/Button/Button.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const PRIORITY_SEVERITY_COLORS = {
   critical: fairmintVars.colorErrorText,
   // Mid warning ramp (amber) — clearer than warning-text/solid brown vs error red.

package/dist/components/layout/AccountSheet/AccountSheet.cjs

@@ -7,7 +7,7 @@ const BottomSheet = require("../../generic/BottomSheet/BottomSheet.cjs");
 const Avatar = require("../../primitives/Avatar/Avatar.cjs");
 const layout = require("../../primitives/layout.cjs");
 const colors = require("../../../theme/colors.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const ACCOUNT_SHEET_ROW_MIN_HEIGHT = 48;
 function resolvePaintColor(color) {

package/dist/components/layout/AccountSheet/AccountSheet.js

@@ -5,7 +5,7 @@ import { BottomSheet } from "../../generic/BottomSheet/BottomSheet.js";
 import { Avatar } from "../../primitives/Avatar/Avatar.js";
 import { Box, Stack, Divider } from "../../primitives/layout.js";
 import { colors } from "../../../theme/colors.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 const ACCOUNT_SHEET_ROW_MIN_HEIGHT = 48;
 function resolvePaintColor(color) {

package/dist/components/layout/MobileNav/MobileNav.cjs

@@ -12,7 +12,7 @@ const MobileNavHeader = require("./MobileNavHeader.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const IconX = require("../../../node_modules/@tabler/icons-react/dist/esm/icons/IconX.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const IconChevronDown = require("../../../node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.cjs");
 const MOBILE_NAV_WIDTH = "100%";
 const MOBILE_NAV_ROW_MIN_HEIGHT = 48;

package/dist/components/layout/MobileNav/MobileNav.js

@@ -10,7 +10,7 @@ import { MOBILE_NAV_LOGO_HEIGHT } from "./MobileNavHeader.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
 import IconX from "../../../node_modules/@tabler/icons-react/dist/esm/icons/IconX.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import IconChevronDown from "../../../node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js";
 const MOBILE_NAV_WIDTH = "100%";
 const MOBILE_NAV_ROW_MIN_HEIGHT = 48;

package/dist/components/layout/PageHeader/PageHeader.cjs

@@ -6,7 +6,7 @@ const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const Title = require("../../../node_modules/@mantine/core/esm/components/Title/Title.cjs");
 const responsiveTypography = require("../../../theme/responsiveTypography.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function PageHeader({ title, subtitle, action }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { justify: "space-between", align: "flex-start", mb: "lg", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: 4, children: [

package/dist/components/layout/PageHeader/PageHeader.js

@@ -4,7 +4,7 @@ import { Stack } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
 import { Title } from "../../../node_modules/@mantine/core/esm/components/Title/Title.js";
 import { responsiveTypography } from "../../../theme/responsiveTypography.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function PageHeader({ title, subtitle, action }) {
   return /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", mb: "lg", children: [
     /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [

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"}