@stackone/malachite 2.21.0 → 2.23.0

package/dist/components/Toggle.js

@@ -0,0 +1,115 @@
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as O, useId as T } from "react";
+import { Button as L } from "./Button.js";
+import { FOCUS_RING as B } from "./focusRing.js";
+const m = 2, A = {
+  small: { track: 28, height: 16, knob: 12 },
+  medium: { track: 36, height: 20, knob: 16 }
+}, H = {
+  small: "small",
+  medium: "medium"
+}, M = "inline-flex items-center gap-1.5 shrink-0 text-[length:var(--malachite-font-size-small,13px)] font-medium select-none", P = "px-2.5 rounded-xl whitespace-nowrap bg-[var(--malachite-card-background)] border border-[var(--malachite-card-border)] shadow-default text-[var(--malachite-card-foreground)]", j = {
+  small: "h-[var(--malachite-control-height-small,28px)]",
+  medium: "h-[var(--malachite-control-height-medium,32px)]"
+}, G = O(
+  ({
+    checked: t,
+    onChange: h,
+    disabled: a = !1,
+    size: i = "medium",
+    tone: I = "default",
+    label: n,
+    variant: $,
+    bordered: S = !1,
+    "aria-label": p,
+    "aria-labelledby": b,
+    "aria-describedby": g,
+    className: l = "",
+    id: u
+  }, s) => {
+    const { track: x, height: N, knob: c } = A[i], E = t ? x - c - m : m, r = $ ?? (S ? "pill" : void 0), R = T(), o = !!n, d = o && !b ? R : void 0, f = b || d, k = {
+      position: "relative",
+      display: "inline-block",
+      flexShrink: 0,
+      width: `${x}px`,
+      height: `${N}px`,
+      borderRadius: "999px",
+      transition: "background-color 150ms ease-in-out",
+      backgroundColor: t ? I === "pending" ? "var(--malachite-toggle-track-checked-pending, rgb(241, 139, 10))" : "var(--malachite-toggle-track-checked, rgb(0, 175, 102))" : "var(--malachite-toggle-track, rgb(232, 232, 232))"
+    }, v = /* @__PURE__ */ e(
+      "span",
+      {
+        style: {
+          position: "absolute",
+          top: `${m}px`,
+          left: `${E}px`,
+          width: `${c}px`,
+          height: `${c}px`,
+          borderRadius: "50%",
+          backgroundColor: "var(--malachite-toggle-knob, rgb(255, 255, 255))",
+          boxShadow: "0 1px 2px rgba(0, 0, 0, 0.2)",
+          transition: "left 150ms ease-in-out"
+        }
+      }
+    );
+    if (r === "button")
+      return /* @__PURE__ */ e(
+        L,
+        {
+          ref: s,
+          variant: "outline",
+          size: H[i],
+          type: "button",
+          role: "switch",
+          id: u,
+          "aria-checked": t,
+          "aria-label": p,
+          "aria-labelledby": f,
+          "aria-describedby": g,
+          disabled: a,
+          onClick: () => h(!t),
+          icon: /* @__PURE__ */ e("span", { style: k, children: v }),
+          iconPosition: "end",
+          className: `whitespace-nowrap select-none ${l}`.trim(),
+          children: o && /* @__PURE__ */ e("span", { id: d, children: n })
+        }
+      );
+    const w = !o && !r, y = /* @__PURE__ */ e(
+      "button",
+      {
+        ref: w ? s : null,
+        type: "button",
+        role: "switch",
+        id: u,
+        "aria-checked": t,
+        "aria-label": p,
+        "aria-labelledby": f,
+        "aria-describedby": g,
+        disabled: a,
+        onClick: () => h(!t),
+        className: `${B} ${o || r ? "" : l}`.trim(),
+        style: {
+          ...k,
+          padding: 0,
+          border: "none",
+          cursor: a ? "not-allowed" : "pointer",
+          opacity: a ? 0.5 : 1
+        },
+        children: v
+      }
+    );
+    if (w)
+      return y;
+    const _ = `${M}${r === "pill" ? ` ${j[i]} ${P}` : ""} ${l}`.trim();
+    return /* @__PURE__ */ C("span", { ref: s, className: _, children: [
+      o && /* @__PURE__ */ e("span", { id: d, children: n }),
+      y
+    ] });
+  }
+);
+G.displayName = "Toggle";
+export {
+  G as Toggle,
+  G as default
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef, useId } from 'react';\nimport Button, { type ButtonSize } from './Button';\nimport { FOCUS_RING } from './focusRing';\n\nexport type ToggleSize = 'small' | 'medium';\n\n/**\n * Which family of toolbar controls the chrome should match. `pill` matches the\n * filter-bar inputs (`Search`, `MultiSelect`); `button` matches the buttons.\n */\nexport type ToggleVariant = 'pill' | 'button';\n\n/** What the checked state means. 'pending' paints the track amber, for a switch whose change\n *  has not been written yet. The unchecked track is unaffected. */\nexport type ToggleTone = 'default' | 'pending';\n\ninterface ToggleProps {\n    checked: boolean;\n    onChange: (checked: boolean) => void;\n    disabled?: boolean;\n    size?: ToggleSize;\n    tone?: ToggleTone;\n    /** Visible text shown before the switch (e.g. a filter label). */\n    label?: string;\n    /**\n     * Chrome for a toolbar filter — pick the family it sits beside. `pill` is the\n     * filter-bar look that matches `Search`/`MultiSelect`; `button` renders the whole\n     * control as an outline `Button`. Setting this implies `bordered`.\n     */\n    variant?: ToggleVariant;\n    /** Shorthand for `variant=\"pill\"`. */\n    bordered?: boolean;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    className?: string;\n    id?: string;\n}\n\nconst KNOB_INSET = 2;\n\nconst SIZE_DIMENSIONS: Record<ToggleSize, { track: number; height: number; knob: number }> = {\n    small: { track: 28, height: 16, knob: 12 },\n    medium: { track: 36, height: 20, knob: 16 },\n};\n\n// The `button` variant delegates its chrome to `Button` rather than carrying a\n// parallel copy of the border/radius/padding/typography classes. The `pill` chrome\n// below is what happens without that discipline: it was the only bordered look, and\n// it drifted from the buttons it sat next to (card tokens, `h-8`, `rounded-xl`\n// against `btn-outline`, 34px, `rounded-lg`), so those toolbars read as two\n// unrelated control families (ENG-1453).\nconst BUTTON_VARIANT_SIZE: Record<ToggleSize, ButtonSize> = {\n    small: 'small',\n    medium: 'medium',\n};\n\nconst CONTAINER_BASE =\n    'inline-flex items-center gap-1.5 shrink-0 text-[length:var(--malachite-font-size-small,13px)] font-medium select-none';\n// Colours come from card tokens so it themes in dark mode; `.shadow-default` is a\n// plain box-shadow rule (shadow-DOM-safe, unlike Tailwind `shadow-*`/`ring-*` which\n// rely on @property).\nconst PILL_CHROME =\n    'px-2.5 rounded-xl whitespace-nowrap bg-[var(--malachite-card-background)] border border-[var(--malachite-card-border)] shadow-default text-[var(--malachite-card-foreground)]';\nconst PILL_CHROME_HEIGHT: Record<ToggleSize, string> = {\n    small: 'h-[var(--malachite-control-height-small,28px)]',\n    medium: 'h-[var(--malachite-control-height-medium,32px)]',\n};\n\nexport const Toggle = forwardRef<HTMLElement, ToggleProps>(\n    (\n        {\n            checked,\n            onChange,\n            disabled = false,\n            size = 'medium',\n            tone = 'default',\n            label,\n            variant,\n            bordered = false,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledBy,\n            'aria-describedby': ariaDescribedBy,\n            className = '',\n            id,\n        },\n        ref,\n    ) => {\n        const { track, height, knob } = SIZE_DIMENSIONS[size];\n        const knobOffset = checked ? track - knob - KNOB_INSET : KNOB_INSET;\n\n        // `variant` implies chrome, so `variant=\"button\"` works on its own rather than\n        // silently doing nothing without `bordered`.\n        const chrome = variant ?? (bordered ? 'pill' : undefined);\n\n        // When a visible label is rendered and the consumer hasn't supplied their own\n        // labelledby, the visible text becomes the switch's accessible name. An\n        // empty-string label or labelledby counts as absent, so it can't render an\n        // empty <span> (with stray gap) or wire up a broken/empty aria linkage.\n        const generatedLabelId = useId();\n        const hasLabel = Boolean(label);\n        const visibleLabelId = hasLabel && !ariaLabelledBy ? generatedLabelId : undefined;\n        const resolvedLabelledBy = ariaLabelledBy || visibleLabelId;\n\n        const trackStyle: React.CSSProperties = {\n            position: 'relative',\n            display: 'inline-block',\n            flexShrink: 0,\n            width: `${track}px`,\n            height: `${height}px`,\n            borderRadius: '999px',\n            transition: 'background-color 150ms ease-in-out',\n            backgroundColor: checked\n                ? tone === 'pending'\n                    ? 'var(--malachite-toggle-track-checked-pending, rgb(241, 139, 10))'\n                    : 'var(--malachite-toggle-track-checked, rgb(0, 175, 102))'\n                : 'var(--malachite-toggle-track, rgb(232, 232, 232))',\n        };\n\n        const knobSpan = (\n            <span\n                style={{\n                    position: 'absolute',\n                    top: `${KNOB_INSET}px`,\n                    left: `${knobOffset}px`,\n                    width: `${knob}px`,\n                    height: `${knob}px`,\n                    borderRadius: '50%',\n                    backgroundColor: 'var(--malachite-toggle-knob, rgb(255, 255, 255))',\n                    boxShadow: '0 1px 2px rgba(0, 0, 0, 0.2)',\n                    transition: 'left 150ms ease-in-out',\n                }}\n            />\n        );\n\n        // The whole button-variant control is the switch — a button-shaped surface whose\n        // label isn't clickable reads as broken. That also rules out nesting the switch\n        // `<button>` inside `Button`'s, so here the track is a decorative span and\n        // `Button` carries the switch role. Disabled dimming comes from\n        // `.btn-outline:disabled`, so the track must not dim itself as well.\n        if (chrome === 'button') {\n            return (\n                <Button\n                    ref={ref as React.Ref<HTMLButtonElement>}\n                    variant=\"outline\"\n                    size={BUTTON_VARIANT_SIZE[size]}\n                    type=\"button\"\n                    role=\"switch\"\n                    id={id}\n                    aria-checked={checked}\n                    aria-label={ariaLabel}\n                    aria-labelledby={resolvedLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    disabled={disabled}\n                    onClick={() => onChange(!checked)}\n                    icon={<span style={trackStyle}>{knobSpan}</span>}\n                    iconPosition=\"end\"\n                    className={`whitespace-nowrap select-none ${className}`.trim()}\n                >\n                    {hasLabel && <span id={visibleLabelId}>{label}</span>}\n                </Button>\n            );\n        }\n\n        const isSwitchRoot = !hasLabel && !chrome;\n        const switchButton = (\n            <button\n                ref={isSwitchRoot ? (ref as React.Ref<HTMLButtonElement>) : null}\n                type=\"button\"\n                role=\"switch\"\n                id={id}\n                aria-checked={checked}\n                aria-label={ariaLabel}\n                aria-labelledby={resolvedLabelledBy}\n                aria-describedby={ariaDescribedBy}\n                disabled={disabled}\n                onClick={() => onChange(!checked)}\n                className={`${FOCUS_RING} ${hasLabel || chrome ? '' : className}`.trim()}\n                style={{\n                    ...trackStyle,\n                    padding: 0,\n                    border: 'none',\n                    cursor: disabled ? 'not-allowed' : 'pointer',\n                    opacity: disabled ? 0.5 : 1,\n                }}\n            >\n                {knobSpan}\n            </button>\n        );\n\n        if (isSwitchRoot) {\n            return switchButton;\n        }\n\n        const containerClasses =\n            `${CONTAINER_BASE}${chrome === 'pill' ? ` ${PILL_CHROME_HEIGHT[size]} ${PILL_CHROME}` : ''} ${className}`.trim();\n\n        return (\n            <span ref={ref as React.Ref<HTMLSpanElement>} className={containerClasses}>\n                {hasLabel && <span id={visibleLabelId}>{label}</span>}\n                {switchButton}\n            </span>\n        );\n    },\n);\n\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["KNOB_INSET","SIZE_DIMENSIONS","BUTTON_VARIANT_SIZE","CONTAINER_BASE","PILL_CHROME","PILL_CHROME_HEIGHT","Toggle","forwardRef","checked","onChange","disabled","size","tone","label","variant","bordered","ariaLabel","ariaLabelledBy","ariaDescribedBy","className","id","ref","track","height","knob","knobOffset","chrome","generatedLabelId","useId","hasLabel","visibleLabelId","resolvedLabelledBy","trackStyle","knobSpan","jsx","Button","isSwitchRoot","switchButton","FOCUS_RING","containerClasses","jsxs"],"mappings":"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"}

package/dist/components/Toolbar.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+const c = {
+  none: "",
+  compact: "px-[12px] py-[8px]",
+  default: "px-[16px] py-[12px]"
+}, p = ({
+  children: r,
+  divider: a = !1,
+  padding: o = "default",
+  className: e = "",
+  style: l
+}) => {
+  const d = [
+    "w-full bg-[var(--malachite-card-background)]",
+    c[o],
+    a ? "border-0 border-b border-solid border-[var(--malachite-card-border)]" : "",
+    e
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { className: d, style: l, children: r });
+};
+export {
+  p as Toolbar,
+  p as default
+};
+//# sourceMappingURL=Toolbar.js.map

package/dist/components/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../src/components/Toolbar.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ToolbarProps {\n    children?: React.ReactNode;\n    /** Draw a bottom divider — for a bar that sits above scrolling/list content. */\n    divider?: boolean;\n    /** Padding preset (applies to both axes). `none` for a bar that must sit flush with\n     *  the content it pins over — the consumer then owns the gutter. */\n    padding?: 'none' | 'compact' | 'default';\n    className?: string;\n    style?: React.CSSProperties;\n}\n\n/**\n * A flat, opaque horizontal bar — e.g. a toolbar/sub-header holding a Search or\n * filters. Owns its chrome (opaque `card-background` so scrolling content doesn't\n * bleed through when it's pinned, plus an optional bottom `divider`), so consumers\n * don't hand-roll `--malachite-*` backgrounds/borders. Positioning (incl.\n * `position: sticky`) is left to the consumer via `className`/`style`.\n */\nconst PADDING_CLASSES: Record<NonNullable<ToolbarProps['padding']>, string> = {\n    none: '',\n    compact: 'px-[12px] py-[8px]',\n    default: 'px-[16px] py-[12px]',\n};\n\nconst Toolbar: React.FC<ToolbarProps> = ({\n    children,\n    divider = false,\n    padding = 'default',\n    className = '',\n    style,\n}) => {\n    const classes = [\n        'w-full bg-[var(--malachite-card-background)]',\n        PADDING_CLASSES[padding],\n        divider ? 'border-0 border-b border-solid border-[var(--malachite-card-border)]' : '',\n        className,\n    ]\n        .filter(Boolean)\n        .join(' ');\n\n    return (\n        <div className={classes} style={style}>\n            {children}\n        </div>\n    );\n};\n\nexport default Toolbar;\nexport { Toolbar };\n"],"names":["PADDING_CLASSES","Toolbar","children","divider","padding","className","style","classes","jsx"],"mappings":";AAoBA,MAAMA,IAAwE;AAAA,EAC1E,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACb,GAEMC,IAAkC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACJ,MAAM;AACF,QAAMC,IAAU;AAAA,IACZ;AAAA,IACAP,EAAgBI,CAAO;AAAA,IACvBD,IAAU,yEAAyE;AAAA,IACnFE;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEb,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAWD,GAAS,OAAAD,GACpB,UAAAJ,GACL;AAER;"}

package/dist/components/Tooltip.js

@@ -0,0 +1,181 @@
+import { jsx as l, jsxs as C, Fragment as K } from "react/jsx-runtime";
+import x, { useState as w, useRef as p, useCallback as X, useId as D, useEffect as P, useInsertionEffect as J } from "react";
+import { createPortal as Q } from "react-dom";
+import { ensureOverlayStyles as Z, overlayIdentity as ee } from "./portalOverlay.js";
+import { useTopLayer as te } from "./topLayer.js";
+const ne = new RegExp("(?<=[/\\\\.\\-_?&#=:@])"), re = (n) => n.split(ne).map((i, f) => /* @__PURE__ */ C(x.Fragment, { children: [
+  i,
+  /* @__PURE__ */ l("wbr", {})
+] }, f)), oe = {
+  minWidth: 0,
+  overflow: "hidden"
+}, ie = {
+  flex: 1,
+  minWidth: 0
+}, $ = 8, pe = ({
+  text: n,
+  children: i,
+  delay: f = 1,
+  wrapChildren: V = !1,
+  triggerAs: H = "div",
+  placement: j = "top",
+  isShrinkable: E = !1,
+  maxWidth: m = "320px",
+  fill: R = !1,
+  shouldShow: c,
+  describesTrigger: L = !0
+}) => {
+  const k = E || R ? { ...E ? oe : {}, ...R ? ie : {} } : void 0, [t, h] = w(!1), [u, z] = w(!1), d = p(null), r = p(null), o = X(() => {
+    d.current && (clearTimeout(d.current), d.current = null), r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
+  }, []), T = () => {
+    z(!0), r.current !== null && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      r.current = null, h(!0);
+    });
+  }, g = p(null), v = p(null);
+  te(g, t);
+  const F = D(), s = n != null && n !== "" && n !== !1, N = (e) => {
+    e.stopPropagation(), !(!s || c && !c()) && (o(), d.current = setTimeout(() => {
+      T();
+    }, f * 1e3));
+  }, O = (e) => {
+    e.stopPropagation(), o(), h(!1);
+  }, Y = () => {
+    !s || c && !c() || (o(), T());
+  }, U = () => {
+    o(), h(!1);
+  }, [, I] = w({});
+  P(() => {
+    if (!t)
+      return () => {
+        o();
+      };
+    const e = () => {
+      I({});
+    };
+    return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+      o(), window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+    };
+  }, [t, o]), P(() => {
+    t && I({});
+  }, [t]);
+  const q = () => {
+    if (!v.current)
+      return { display: "none" };
+    const e = v.current.getBoundingClientRect(), a = {
+      position: "fixed",
+      display: "flex",
+      width: "max-content",
+      maxWidth: typeof m == "number" ? `${m}px` : m,
+      minWidth: "32px",
+      minHeight: "32px",
+      padding: "8px 12px",
+      alignItems: "center",
+      gap: "8px",
+      borderRadius: "12px",
+      backgroundColor: "var(--malachite-tooltip-background, rgb(59, 59, 59))",
+      color: "var(--malachite-tooltip-foreground, rgb(255, 255, 255))",
+      boxShadow: "var(--malachite-tooltip-shadow, 0px 0px 10px 0px rgba(0, 0, 0, 0.20))",
+      fontSize: "14px",
+      lineHeight: "1.4",
+      whiteSpace: "normal",
+      textAlign: "left",
+      pointerEvents: "none",
+      opacity: t ? 1 : 0,
+      visibility: t ? "visible" : "hidden",
+      transition: "opacity 150ms ease-in-out, transform 150ms ease-in-out, visibility 150ms ease-in-out"
+    }, b = () => {
+      var _;
+      const y = e.left + e.width / 2, A = ((_ = g.current) == null ? void 0 : _.getBoundingClientRect().width) ?? 0;
+      if (A === 0)
+        return y;
+      const B = A / 2, M = $ + B, W = window.innerWidth - $ - B;
+      return M > W ? y : Math.min(Math.max(y, M), W);
+    };
+    switch (j) {
+      case "top":
+        return {
+          ...a,
+          top: e.top - 8,
+          left: b(),
+          transform: `translate(-50%, -100%) ${t ? "scale(1)" : "scale(0.95)"}`
+        };
+      case "bottom":
+        return {
+          ...a,
+          top: e.bottom + 8,
+          left: b(),
+          transform: `translateX(-50%) ${t ? "scale(1)" : "scale(0.95)"}`
+        };
+      case "left":
+        return {
+          ...a,
+          top: e.top + e.height / 2,
+          left: e.left - 8,
+          transform: `translate(-100%, -50%) ${t ? "scale(1)" : "scale(0.95)"}`
+        };
+      case "right":
+        return {
+          ...a,
+          top: e.top + e.height / 2,
+          left: e.right + 8,
+          transform: `translateY(-50%) ${t ? "scale(1)" : "scale(0.95)"}`
+        };
+      default:
+        return {
+          ...a,
+          top: e.top - 8,
+          left: b(),
+          transform: `translate(-50%, -100%) ${t ? "scale(1)" : "scale(0.95)"}`
+        };
+    }
+  }, S = s && u && L ? F : void 0;
+  J(() => {
+    s && u && Z();
+  }, [s, u]);
+  const G = V || !x.isValidElement(i) ? /* @__PURE__ */ l("span", { "aria-describedby": S, children: i }) : x.cloneElement(i, {
+    "aria-describedby": [i.props["aria-describedby"], S].filter(Boolean).join(" ") || void 0
+  });
+  return /* @__PURE__ */ C(K, { children: [
+    /* @__PURE__ */ l(
+      H,
+      {
+        ref: v,
+        className: "relative flex items-center",
+        style: k,
+        onMouseEnter: N,
+        onMouseLeave: O,
+        onFocus: Y,
+        onBlur: U,
+        children: G
+      }
+    ),
+    s && u && Q(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          ref: g,
+          id: F,
+          role: "tooltip",
+          "aria-hidden": L ? void 0 : !0,
+          ...ee("tooltip"),
+          style: q(),
+          children: /* @__PURE__ */ l(
+            "span",
+            {
+              style: {
+                minWidth: 0,
+                overflowWrap: "anywhere"
+              },
+              children: typeof n == "string" ? re(n) : n
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  pe as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId, useInsertionEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ensureOverlayStyles, overlayIdentity } from './portalOverlay';\nimport { useTopLayer } from './topLayer';\n\n// Split after each delimiter so long values (URLs, dotted paths) wrap at \"/\" or \".\"\n// instead of mid-token. <wbr> is copy-safe (a zero-width space would corrupt a copied\n// URL); overflow-wrap still handles a single run too long to fit.\nconst WRAP_AFTER = /(?<=[/\\\\.\\-_?&#=:@])/;\nconst withBreakOpportunities = (value: string): React.ReactNode =>\n    value.split(WRAP_AFTER).map((chunk, i) => (\n        <React.Fragment key={i}>\n            {chunk}\n            <wbr />\n        </React.Fragment>\n    ));\n\ninterface TooltipProps {\n    text: React.ReactNode | string;\n    children: React.ReactNode;\n    delay?: number;\n    wrapChildren?: boolean;\n    placement?: 'top' | 'bottom' | 'left' | 'right';\n    isShrinkable?: boolean;\n    fill?: boolean;\n    /** Max width of tooltip. Default: 320px */\n    maxWidth?: number | string;\n    /** Called synchronously when the trigger is hovered/focused; return false to\n     *  suppress the tooltip for this interaction. Lets wrappers defer expensive\n     *  checks (e.g. truncation measurement) to interaction time instead of mount. */\n    shouldShow?: () => boolean;\n    triggerAs?: 'div' | 'span';\n    /** Whether the tooltip acts as the trigger's accessible description. False where the\n     *  trigger already points at the same sentence on screen, so it is not announced twice. */\n    describesTrigger?: boolean;\n}\n\nconst SHRINKABLE_STYLE: React.CSSProperties = {\n    minWidth: 0,\n    overflow: 'hidden',\n};\n\nconst FILL_STYLE: React.CSSProperties = {\n    flex: 1,\n    minWidth: 0,\n};\n\n/** Kept clear of the viewport edge so a clamped tooltip does not sit flush against it. */\nconst VIEWPORT_MARGIN = 8;\n\nconst Tooltip: React.FC<TooltipProps> = ({\n    text,\n    children,\n    delay = 1,\n    wrapChildren = false,\n    triggerAs = 'div',\n    placement = 'top',\n    isShrinkable = false,\n    maxWidth = '320px',\n    fill = false,\n    shouldShow,\n    describesTrigger = true,\n}) => {\n    const triggerStyle =\n        isShrinkable || fill\n            ? { ...(isShrinkable ? SHRINKABLE_STYLE : {}), ...(fill ? FILL_STYLE : {}) }\n            : undefined;\n\n    const [isVisible, setIsVisible] = useState(false);\n    // Portal mounts on first show, not on mount: an at-rest tooltip otherwise\n    // costs a hidden document.body node plus a getBoundingClientRect per render —\n    // multiplied by every row in a large table.\n    const [hasShown, setHasShown] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const showFrameRef = useRef<number | null>(null);\n\n    const cancelPendingShow = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n            timeoutRef.current = null;\n        }\n        if (showFrameRef.current !== null) {\n            cancelAnimationFrame(showFrameRef.current);\n            showFrameRef.current = null;\n        }\n    }, []);\n\n    const scheduleVisible = () => {\n        // Two steps so the portal mounts hidden first and the fade-in transition\n        // still runs on the very first show. The frame is tracked so leave/blur/\n        // unmount can cancel a show that is already past its delay.\n        setHasShown(true);\n        if (showFrameRef.current !== null) {\n            cancelAnimationFrame(showFrameRef.current);\n        }\n        showFrameRef.current = requestAnimationFrame(() => {\n            showFrameRef.current = null;\n            setIsVisible(true);\n        });\n    };\n    const tooltipRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n\n    // Tied to visibility, not mount: the node is latched into the DOM after its first show, and\n    // re-entering on each show keeps a tooltip above the panel it is annotating.\n    useTopLayer(tooltipRef, isVisible);\n\n    const tooltipId = useId();\n\n    const hasText = text !== null && text !== undefined && text !== '' && text !== false;\n\n    const handleMouseEnter = (e: React.MouseEvent) => {\n        e.stopPropagation();\n\n        if (!hasText || (shouldShow && !shouldShow())) {\n            return;\n        }\n\n        cancelPendingShow();\n\n        timeoutRef.current = setTimeout(() => {\n            scheduleVisible();\n        }, delay * 1000);\n    };\n\n    const handleMouseLeave = (e: React.MouseEvent) => {\n        e.stopPropagation();\n\n        cancelPendingShow();\n        setIsVisible(false);\n    };\n\n    const handleFocus = () => {\n        if (!hasText || (shouldShow && !shouldShow())) {\n            return;\n        }\n\n        cancelPendingShow();\n        scheduleVisible();\n    };\n\n    const handleBlur = () => {\n        cancelPendingShow();\n        setIsVisible(false);\n    };\n\n    const [, forceUpdate] = useState({});\n\n    useEffect(() => {\n        // Only a VISIBLE tooltip needs to track scroll/resize; keeping global\n        // listeners per mounted instance made every scroll event fan out across\n        // every tooltip on the page.\n        if (!isVisible) {\n            return () => {\n                cancelPendingShow();\n            };\n        }\n        const handleUpdate = () => {\n            forceUpdate({});\n        };\n\n        window.addEventListener('scroll', handleUpdate, true);\n        window.addEventListener('resize', handleUpdate);\n\n        return () => {\n            cancelPendingShow();\n            window.removeEventListener('scroll', handleUpdate, true);\n            window.removeEventListener('resize', handleUpdate);\n        };\n    }, [isVisible, cancelPendingShow]);\n\n    // The first render that mounts the tooltip has no measured width yet, so the clamp below\n    // cannot run on it. One extra pass once it is in the DOM gives the clamp its measurement\n    // — before the opacity transition finishes, so nothing is seen sliding into place.\n    useEffect(() => {\n        if (isVisible) {\n            forceUpdate({});\n        }\n    }, [isVisible]);\n\n    const getTooltipStyles = (): React.CSSProperties => {\n        if (!triggerRef.current) {\n            return { display: 'none' };\n        }\n\n        const rect = triggerRef.current.getBoundingClientRect();\n\n        const baseStyles: React.CSSProperties = {\n            position: 'fixed',\n            display: 'flex',\n            width: 'max-content',\n            maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth,\n            minWidth: '32px',\n            minHeight: '32px',\n            padding: '8px 12px',\n            alignItems: 'center',\n            gap: '8px',\n            borderRadius: '12px',\n            backgroundColor: 'var(--malachite-tooltip-background, rgb(59, 59, 59))',\n            color: 'var(--malachite-tooltip-foreground, rgb(255, 255, 255))',\n            boxShadow: 'var(--malachite-tooltip-shadow, 0px 0px 10px 0px rgba(0, 0, 0, 0.20))',\n            fontSize: '14px',\n            lineHeight: '1.4',\n            whiteSpace: 'normal',\n            textAlign: 'left',\n            pointerEvents: 'none',\n            opacity: isVisible ? 1 : 0,\n            visibility: isVisible ? 'visible' : 'hidden',\n            transition:\n                'opacity 150ms ease-in-out, transform 150ms ease-in-out, visibility 150ms ease-in-out',\n        };\n\n        // A trigger near the viewport edge would otherwise centre a wide tooltip half off\n        // screen, where the panel or the window crops it. Clamping the CENTRE keeps the\n        // `translateX(-50%)` placement honest: the box stays put, it just stops short.\n        const centeredLeft = (): number => {\n            const desired = rect.left + rect.width / 2;\n            const width = tooltipRef.current?.getBoundingClientRect().width ?? 0;\n\n            if (width === 0) {\n                return desired;\n            }\n\n            const half = width / 2;\n            const min = VIEWPORT_MARGIN + half;\n            const max = window.innerWidth - VIEWPORT_MARGIN - half;\n\n            // A tooltip wider than the viewport has no in-bounds centre; leave it centred\n            // rather than pinning it to a nonsensical one.\n            return min > max ? desired : Math.min(Math.max(desired, min), max);\n        };\n\n        switch (placement) {\n            case 'top':\n                return {\n                    ...baseStyles,\n                    top: rect.top - 8,\n                    left: centeredLeft(),\n                    transform: `translate(-50%, -100%) ${isVisible ? 'scale(1)' : 'scale(0.95)'}`,\n                };\n            case 'bottom':\n                return {\n                    ...baseStyles,\n                    top: rect.bottom + 8,\n                    left: centeredLeft(),\n                    transform: `translateX(-50%) ${isVisible ? 'scale(1)' : 'scale(0.95)'}`,\n                };\n            case 'left':\n                return {\n                    ...baseStyles,\n                    top: rect.top + rect.height / 2,\n                    left: rect.left - 8,\n                    transform: `translate(-100%, -50%) ${isVisible ? 'scale(1)' : 'scale(0.95)'}`,\n                };\n            case 'right':\n                return {\n                    ...baseStyles,\n                    top: rect.top + rect.height / 2,\n                    left: rect.right + 8,\n                    transform: `translateY(-50%) ${isVisible ? 'scale(1)' : 'scale(0.95)'}`,\n                };\n            default:\n                return {\n                    ...baseStyles,\n                    top: rect.top - 8,\n                    left: centeredLeft(),\n                    transform: `translate(-50%, -100%) ${isVisible ? 'scale(1)' : 'scale(0.95)'}`,\n                };\n        }\n    };\n\n    // Only reference the tooltip id once the portal can exist — a dangling\n    // aria-describedby (text set, never shown) confuses assistive tech.\n    const describedBy = hasText && hasShown && describesTrigger ? tooltipId : undefined;\n    useInsertionEffect(() => {\n        if (hasText && hasShown) {\n            ensureOverlayStyles();\n        }\n    }, [hasText, hasShown]);\n    const renderedChildren =\n        wrapChildren || !React.isValidElement(children) ? (\n            <span aria-describedby={describedBy}>{children}</span>\n        ) : (\n            React.cloneElement(children as React.ReactElement, {\n                'aria-describedby':\n                    [(children as React.ReactElement).props['aria-describedby'], describedBy]\n                        .filter(Boolean)\n                        .join(' ') || undefined,\n            })\n        );\n\n    const Trigger = triggerAs;\n\n    // Create the tooltip content without its own shadow root\n    return (\n        <>\n            <Trigger\n                ref={triggerRef}\n                className=\"relative flex items-center\"\n                style={triggerStyle}\n                onMouseEnter={handleMouseEnter}\n                onMouseLeave={handleMouseLeave}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n            >\n                {renderedChildren}\n            </Trigger>\n\n            {hasText &&\n                hasShown &&\n                createPortal(\n                    <div\n                        ref={tooltipRef}\n                        id={tooltipId}\n                        role=\"tooltip\"\n                        // Nothing references it, and the sentence is already on screen and\n                        // described: left in the tree it is a second copy to read past.\n                        aria-hidden={describesTrigger ? undefined : true}\n                        {...overlayIdentity('tooltip')}\n                        style={getTooltipStyles()}\n                    >\n                        {/* min-w-0 + overflow-wrap let long values wrap within maxWidth. */}\n                        <span\n                            style={{\n                                minWidth: 0,\n                                overflowWrap: 'anywhere',\n                            }}\n                        >\n                            {typeof text === 'string' ? withBreakOpportunities(text) : text}\n                        </span>\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n\nexport default Tooltip;\n"],"names":["WRAP_AFTER","withBreakOpportunities","value","chunk","i","jsxs","React","SHRINKABLE_STYLE","FILL_STYLE","VIEWPORT_MARGIN","Tooltip","text","children","delay","wrapChildren","triggerAs","placement","isShrinkable","maxWidth","fill","shouldShow","describesTrigger","triggerStyle","isVisible","setIsVisible","useState","hasShown","setHasShown","timeoutRef","useRef","showFrameRef","cancelPendingShow","useCallback","scheduleVisible","tooltipRef","triggerRef","useTopLayer","tooltipId","useId","hasText","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","forceUpdate","useEffect","handleUpdate","getTooltipStyles","rect","baseStyles","centeredLeft","desired","width","_a","half","min","max","describedBy","useInsertionEffect","ensureOverlayStyles","renderedChildren","jsx","Fragment","createPortal","overlayIdentity"],"mappings":"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"}

package/dist/components/TruncatedTooltip.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as c, useCallback as p } from "react";
+import u from "./Tooltip.js";
+const m = ({
+  text: o,
+  children: l,
+  delay: i = 0.5,
+  placement: n = "top",
+  className: s = ""
+}) => {
+  const r = c(null), a = p(() => {
+    const e = r.current;
+    return !!e && e.scrollWidth > e.clientWidth;
+  }, []);
+  return /* @__PURE__ */ t(
+    u,
+    {
+      text: o,
+      delay: i,
+      placement: n,
+      wrapChildren: !1,
+      isShrinkable: !0,
+      shouldShow: a,
+      children: /* @__PURE__ */ t(
+        "span",
+        {
+          ref: r,
+          className: `block w-full overflow-hidden whitespace-nowrap text-ellipsis ${s}`.trim(),
+          children: l
+        }
+      )
+    }
+  );
+};
+export {
+  m as default
+};
+//# sourceMappingURL=TruncatedTooltip.js.map

package/dist/components/TruncatedTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedTooltip.js","sources":["../../src/components/TruncatedTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport Tooltip from './Tooltip';\n\nexport interface TruncatedTooltipProps {\n    text: React.ReactNode | string;\n    children: React.ReactNode;\n    delay?: number;\n    placement?: 'top' | 'bottom' | 'left' | 'right';\n    className?: string;\n}\n\n/**\n * TruncatedTooltip renders its children in a single-line truncating container\n * (overflow:hidden + text-overflow:ellipsis + white-space:nowrap) and surfaces\n * the malachite Tooltip only when the content is actually being cut off.\n *\n * Truncation is checked at interaction time (Tooltip's `shouldShow`), not at\n * mount: a mount-time measurement forces a synchronous layout per instance,\n * and in large tables those reads interleave with other components' DOM writes\n * — hundreds of full layout passes per mounted batch (the Safari row-mount\n * stalls of ENG-1168). The ellipsis itself is pure CSS and needs no JS.\n */\nconst TruncatedTooltip: React.FC<TruncatedTooltipProps> = ({\n    text,\n    children,\n    delay = 0.5,\n    placement = 'top',\n    className = '',\n}) => {\n    const containerRef = useRef<HTMLSpanElement | null>(null);\n\n    // One layout read, on the user's hover/focus — never on the mount path.\n    const isTruncated = useCallback(() => {\n        const el = containerRef.current;\n        return !!el && el.scrollWidth > el.clientWidth;\n    }, []);\n\n    return (\n        <Tooltip\n            text={text}\n            delay={delay}\n            placement={placement}\n            wrapChildren={false}\n            isShrinkable\n            shouldShow={isTruncated}\n        >\n            <span\n                ref={containerRef}\n                className={`block w-full overflow-hidden whitespace-nowrap text-ellipsis ${className}`.trim()}\n            >\n                {children}\n            </span>\n        </Tooltip>\n    );\n};\n\nexport default TruncatedTooltip;\n"],"names":["TruncatedTooltip","text","children","delay","placement","className","containerRef","useRef","isTruncated","useCallback","el","jsx","Tooltip"],"mappings":";;;AAsBA,MAAMA,IAAoD,CAAC;AAAA,EACvD,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAChB,MAAM;AACF,QAAMC,IAAeC,EAA+B,IAAI,GAGlDC,IAAcC,EAAY,MAAM;AAClC,UAAMC,IAAKJ,EAAa;AACxB,WAAO,CAAC,CAACI,KAAMA,EAAG,cAAcA,EAAG;AAAA,EACvC,GAAG,CAAA,CAAE;AAEL,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAX;AAAA,MACA,OAAAE;AAAA,MACA,WAAAC;AAAA,MACA,cAAc;AAAA,MACd,cAAY;AAAA,MACZ,YAAYI;AAAA,MAEZ,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKL;AAAA,UACL,WAAW,gEAAgED,CAAS,GAAG,KAAA;AAAA,UAEtF,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;"}

package/dist/components/Typography/CodeText.js

@@ -0,0 +1,49 @@
+import { jsx as p } from "react/jsx-runtime";
+const d = (e) => {
+  switch (e) {
+    case "xsmall":
+      return "12px";
+    case "small":
+      return "14px";
+    case "medium":
+      return "16px";
+    case "large":
+      return "18px";
+    case "xlarge":
+      return "20px";
+    case "xxlarge":
+      return "24px";
+    default:
+      return "14px";
+  }
+}, u = ({
+  bold: e = !1,
+  children: t,
+  size: n = "small",
+  hasBorder: a = !1,
+  variant: l = "block",
+  // Deliberately NOT `inherit`: secondary prose would drop the chip to 3.65:1 in dark mode,
+  // under AA's 4.5:1. Pinning primary measures 18.5:1 light / 9.4:1 dark.
+  color: o = "var(--malachite-text-primary)",
+  backgroundColor: s,
+  className: c = "",
+  style: i = {}
+}) => {
+  const r = l === "inline", x = {
+    fontFamily: "var(--malachite-font-mono, monospace)",
+    fontSize: r ? "0.9em" : d(n),
+    fontWeight: e ? 600 : 400,
+    color: o,
+    backgroundColor: a ? "transparent" : s || "var(--malachite-card-dimmed-background, #f5f5f5)",
+    borderRadius: r ? "4px" : "8px",
+    border: a ? "none" : "1px solid var(--malachite-card-border, #e8e8e8)",
+    padding: a ? "0px" : r ? "0 4px" : "4px 8px",
+    display: "inline",
+    ...i
+  };
+  return /* @__PURE__ */ p("code", { className: c, style: x, children: t });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=CodeText.js.map

package/dist/components/Typography/CodeText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeText.js","sources":["../../../src/components/Typography/CodeText.tsx"],"sourcesContent":["import React from 'react';\nimport type { FontSize } from './Text';\n\nconst getFontSize = (size: FontSize): string => {\n    switch (size) {\n        case 'xsmall':\n            return '12px';\n        case 'small':\n            return '14px';\n        case 'medium':\n            return '16px';\n        case 'large':\n            return '18px';\n        case 'xlarge':\n            return '20px';\n        case 'xxlarge':\n            return '24px';\n        default:\n            return '14px';\n    }\n};\n\nexport type CodeTextVariant = 'block' | 'inline';\n\nexport interface CodeTextProps {\n    bold?: boolean;\n    size?: FontSize;\n    hasBorder?: boolean;\n    variant?: CodeTextVariant;\n    color?: string;\n    backgroundColor?: string;\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst CodeText: React.FC<CodeTextProps> = ({\n    bold = false,\n    children,\n    size = 'small',\n    hasBorder = false,\n    variant = 'block',\n    // Deliberately NOT `inherit`: secondary prose would drop the chip to 3.65:1 in dark mode,\n    // under AA's 4.5:1. Pinning primary measures 18.5:1 light / 9.4:1 dark.\n    color = 'var(--malachite-text-primary)',\n    backgroundColor,\n    className = '',\n    style = {},\n}) => {\n    const isInline = variant === 'inline';\n    const codeStyles: React.CSSProperties = {\n        fontFamily: 'var(--malachite-font-mono, monospace)',\n        fontSize: isInline ? '0.9em' : getFontSize(size),\n        fontWeight: bold ? 600 : 400,\n        color,\n        backgroundColor: hasBorder\n            ? 'transparent'\n            : backgroundColor || 'var(--malachite-card-dimmed-background, #f5f5f5)',\n        borderRadius: isInline ? '4px' : '8px',\n        border: hasBorder ? 'none' : '1px solid var(--malachite-card-border, #e8e8e8)',\n        padding: hasBorder ? '0px' : isInline ? '0 4px' : '4px 8px',\n        display: 'inline',\n        ...style,\n    };\n\n    return (\n        <code className={className} style={codeStyles}>\n            {children}\n        </code>\n    );\n};\n\nexport default CodeText;\n"],"names":["getFontSize","size","CodeText","bold","children","hasBorder","variant","color","backgroundColor","className","style","isInline","codeStyles","jsx"],"mappings":";AAGA,MAAMA,IAAc,CAACC,MAA2B;AAC5C,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAgBMC,IAAoC,CAAC;AAAA,EACvC,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,MAAAH,IAAO;AAAA,EACP,WAAAI,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA;AAAA;AAAA,EAGV,OAAAC,IAAQ;AAAA,EACR,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAWL,MAAY,UACvBM,IAAkC;AAAA,IACpC,YAAY;AAAA,IACZ,UAAUD,IAAW,UAAUX,EAAYC,CAAI;AAAA,IAC/C,YAAYE,IAAO,MAAM;AAAA,IACzB,OAAAI;AAAA,IACA,iBAAiBF,IACX,gBACAG,KAAmB;AAAA,IACzB,cAAcG,IAAW,QAAQ;AAAA,IACjC,QAAQN,IAAY,SAAS;AAAA,IAC7B,SAASA,IAAY,QAAQM,IAAW,UAAU;AAAA,IAClD,SAAS;AAAA,IACT,GAAGD;AAAA,EAAA;AAGP,SACI,gBAAAG,EAAC,QAAA,EAAK,WAAAJ,GAAsB,OAAOG,GAC9B,UAAAR,GACL;AAER;"}

package/dist/components/Typography/EllipsisText.js

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import a from "../Tooltip.js";
+import { getTextColor as c } from "./textStyles.js";
+const d = ({
+  children: i,
+  tooltip: e,
+  maxWidth: l = "100%",
+  color: o = "primary",
+  className: s = "",
+  style: n = {}
+}) => {
+  const p = {
+    color: c(o),
+    maxWidth: l,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    display: "inline-block",
+    verticalAlign: "top",
+    ...n
+  }, t = /* @__PURE__ */ r("span", { className: s, style: p, children: i });
+  return e ? /* @__PURE__ */ r(a, { text: e, isShrinkable: !0, children: t }) : t;
+};
+export {
+  d as default
+};
+//# sourceMappingURL=EllipsisText.js.map

package/dist/components/Typography/EllipsisText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisText.js","sources":["../../../src/components/Typography/EllipsisText.tsx"],"sourcesContent":["import React from 'react';\nimport Tooltip from '../Tooltip';\nimport type { TextColor } from './Text';\nimport { getTextColor } from './textStyles';\n\nexport interface EllipsisTextProps {\n    children: React.ReactNode;\n    tooltip?: React.ReactNode | string;\n    /**\n     * Defaults to filling the container. Pass a fixed width only when the text should\n     * truncate before its container runs out of room (e.g. a column with a hard cap).\n     */\n    maxWidth?: string;\n    color?: TextColor;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst EllipsisText: React.FC<EllipsisTextProps> = ({\n    children,\n    tooltip,\n    maxWidth = '100%',\n    color = 'primary',\n    className = '',\n    style = {},\n}) => {\n    const ellipsisStyles: React.CSSProperties = {\n        color: getTextColor(color),\n        maxWidth,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis',\n        display: 'inline-block',\n        verticalAlign: 'top',\n        ...style,\n    };\n\n    const textElement = (\n        <span className={className} style={ellipsisStyles}>\n            {children}\n        </span>\n    );\n\n    if (tooltip) {\n        // Without `isShrinkable` the tooltip wrapper is floored at min-content and a percentage `maxWidth` never truncates.\n        return (\n            <Tooltip text={tooltip} isShrinkable>\n                {textElement}\n            </Tooltip>\n        );\n    }\n\n    return textElement;\n};\n\nexport default EllipsisText;\n"],"names":["EllipsisText","children","tooltip","maxWidth","color","className","style","ellipsisStyles","getTextColor","textElement","jsx","Tooltip"],"mappings":";;;AAkBA,MAAMA,IAA4C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAsC;AAAA,IACxC,OAAOC,EAAaJ,CAAK;AAAA,IACzB,UAAAD;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,GAAGG;AAAA,EAAA,GAGDG,IACF,gBAAAC,EAAC,QAAA,EAAK,WAAAL,GAAsB,OAAOE,GAC9B,UAAAN,GACL;AAGJ,SAAIC,sBAGKS,GAAA,EAAQ,MAAMT,GAAS,cAAY,IAC/B,UAAAO,GACL,IAIDA;AACX;"}

package/dist/components/Typography/FormSectionTitle.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+const a = ({
+  children: t,
+  className: e = "",
+  style: i = {}
+}) => {
+  const o = {
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "var(--malachite-text-primary)",
+    paddingLeft: "8px",
+    lineHeight: "1.4",
+    margin: 0,
+    ...i
+  };
+  return /* @__PURE__ */ r("div", { className: e, style: o, children: t });
+};
+export {
+  a as default
+};
+//# sourceMappingURL=FormSectionTitle.js.map

package/dist/components/Typography/FormSectionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSectionTitle.js","sources":["../../../src/components/Typography/FormSectionTitle.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface FormSectionTitleProps {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst FormSectionTitle: React.FC<FormSectionTitleProps> = ({\n    children,\n    className = '',\n    style = {},\n}) => {\n    const titleStyles: React.CSSProperties = {\n        fontSize: '13px',\n        fontWeight: 600,\n        color: 'var(--malachite-text-primary)',\n        paddingLeft: '8px',\n        lineHeight: '1.4',\n        margin: 0,\n        ...style,\n    };\n\n    return (\n        <div className={className} style={titleStyles}>\n            {children}\n        </div>\n    );\n};\n\nexport default FormSectionTitle;\n"],"names":["FormSectionTitle","children","className","style","titleStyles","jsx"],"mappings":";AAQA,MAAMA,IAAoD,CAAC;AAAA,EACvD,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAmC;AAAA,IACrC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAGD;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,OAAA,EAAI,WAAAH,GAAsB,OAAOE,GAC7B,UAAAH,GACL;AAER;"}

package/dist/components/Typography/LinkText.js

@@ -0,0 +1,32 @@
+import { jsx as c } from "react/jsx-runtime";
+const h = ({
+  children: e,
+  href: t,
+  target: s = "_self",
+  rel: a,
+  className: r = "",
+  showRightBorder: o = !1,
+  showLeftBorder: l = !1,
+  padding: i = !1,
+  color: n = "default",
+  fontSize: d = "base"
+}) => {
+  const m = [
+    l && "border-l border-[var(--malachite-text-dimmed)]",
+    o && "border-r border-[var(--malachite-text-dimmed)]"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c(
+    "a",
+    {
+      href: t,
+      target: s,
+      rel: a,
+      className: `no-underline cursor-pointer transition-colors duration-200 ease-in-out ${n === "dimmed" ? "text-[var(--malachite-text-dimmed)]" : "text-[var(--malachite-text-link-foreground)] hover:text-[var(--malachite-text-link-foreground-hover)]"} ${m} ${i ? "px-[10px]" : ""} ${d === "sm" ? "text-[13px]" : ""} ${r}`,
+      children: e
+    }
+  );
+};
+export {
+  h as default
+};
+//# sourceMappingURL=LinkText.js.map

package/dist/components/Typography/LinkText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkText.js","sources":["../../../src/components/Typography/LinkText.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface LinkProps {\n    href: string;\n    target?: '_blank' | '_self' | '_parent' | '_top';\n    rel?: string;\n    children: React.ReactNode;\n    className?: string;\n    showRightBorder?: boolean;\n    showLeftBorder?: boolean;\n    padding?: boolean;\n    color?: 'default' | 'dimmed';\n    fontSize?: 'sm' | 'base';\n}\n\nconst LinkText: React.FC<LinkProps> = ({\n    children,\n    href,\n    target = '_self',\n    rel,\n    className = '',\n    showRightBorder = false,\n    showLeftBorder = false,\n    padding = false,\n    color = 'default',\n    fontSize = 'base',\n}) => {\n    const borderClasses = [\n        showLeftBorder && 'border-l border-[var(--malachite-text-dimmed)]',\n        showRightBorder && 'border-r border-[var(--malachite-text-dimmed)]',\n    ]\n        .filter(Boolean)\n        .join(' ');\n\n    const paddingClasses = padding ? 'px-[10px]' : '';\n\n    const colorClasses =\n        color === 'dimmed'\n            ? 'text-[var(--malachite-text-dimmed)]'\n            : 'text-[var(--malachite-text-link-foreground)] hover:text-[var(--malachite-text-link-foreground-hover)]';\n\n    const fontSizeClasses = fontSize === 'sm' ? 'text-[13px]' : '';\n\n    return (\n        <a\n            href={href}\n            target={target}\n            rel={rel}\n            className={`no-underline cursor-pointer transition-colors duration-200 ease-in-out ${colorClasses} ${borderClasses} ${paddingClasses} ${fontSizeClasses} ${className}`}\n        >\n            {children}\n        </a>\n    );\n};\n\nexport default LinkText;\n"],"names":["LinkText","children","href","target","rel","className","showRightBorder","showLeftBorder","padding","color","fontSize","borderClasses","jsx"],"mappings":";AAeA,MAAMA,IAAgC,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,gBAAAC,IAAiB;AAAA,EACjB,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACf,MAAM;AACF,QAAMC,IAAgB;AAAA,IAClBJ,KAAkB;AAAA,IAClBD,KAAmB;AAAA,EAAA,EAElB,OAAO,OAAO,EACd,KAAK,GAAG;AAWb,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAV;AAAA,MACA,QAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAW,0EAXfK,MAAU,WACJ,wCACA,uGAS+F,IAAIE,CAAa,IAdnGH,IAAU,cAAc,EAc6F,IAPpHE,MAAa,OAAO,gBAAgB,EAOmG,IAAIL,CAAS;AAAA,MAEnK,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}