@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

package/dist/es/components/product/fixture-status.js

@@ -1,64 +1,66 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import C from "react";
-import { Icon as s } from "../fundamental/icon.js";
-import { Badge as k } from "../fundamental/badge.js";
-import { cn as t } from "../../lib/utils.js";
-import { TooltipProvider as q, Tooltip as F, TooltipTrigger as T, TooltipContent as R } from "../fundamental/tooltip.js";
-const f = {
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import F from "react";
+import { SquareSlash as A, SquareMinus as q, SquareCheck as g, SquareX as T, SquareChartGantt as R, CirclePlus as L, CircleSlash as O, ClockAlert as x, CircleMinus as I, CircleArrowUp as M, CircleArrowDown as H, CircleHelp as P } from "lucide-react";
+import { SquareDiamond as U, SquareDashedChartGantt as p, SquareCornerCheck as W, SquareCornerPlus as $, SquareDashedCornerPlus as G, CircleCheck2 as _, CircleDiamond as B, CircleDot2 as E, CircleDashedArrowUp as X, CircleDashedArrowDown as J, HexagonMinus as K, HexagonAsterisk as Q, HexagonDashed as V } from "../fundamental/custom-icons.js";
+import { Icon as l } from "../fundamental/icon.js";
+import { Badge as Y } from "../fundamental/badge.js";
+import { cn as a } from "../../lib/utils.js";
+import { TooltipProvider as Z, Tooltip as z, TooltipTrigger as ee, TooltipContent as oe } from "../fundamental/tooltip.js";
+const C = {
   // Order statuses
-  "order-draft": { icon: "hexagon-dashed", color: "tertiary", objectLabel: "Order", statusLabel: "Draft" },
-  "order-distributed": { icon: "hexagon-asterisk", color: "information", objectLabel: "Order", statusLabel: "Distributed" },
-  "order-withdrawn": { icon: "hexagon-minus", color: "error", objectLabel: "Order", statusLabel: "Withdrawn" },
+  "order-draft": { icon: V, color: "tertiary", objectLabel: "Order", statusLabel: "Draft" },
+  "order-distributed": { icon: Q, color: "information", objectLabel: "Order", statusLabel: "Distributed" },
+  "order-withdrawn": { icon: K, color: "error", objectLabel: "Order", statusLabel: "Withdrawn" },
   // Negotiation statuses
-  "negotiation-indicative-offer": { icon: "circle-dashed-arrow-down", color: "information", objectLabel: "Negotiation", statusLabel: "Indicative offer" },
-  "negotiation-indicative-bid": { icon: "circle-dashed-arrow-up", color: "information", objectLabel: "Negotiation", statusLabel: "Indicative bid" },
-  "negotiation-firm-offer": { icon: "circle-arrow-down", color: "information", objectLabel: "Negotiation", statusLabel: "Firm offer" },
-  "negotiation-firm-bid": { icon: "circle-arrow-up", color: "information", objectLabel: "Negotiation", statusLabel: "Firm bid" },
-  "negotiation-firm": { icon: "circle-dot-2", color: "violet", objectLabel: "Negotiation", statusLabel: "Firm" },
-  "negotiation-on-subs": { icon: "circle-diamond", color: "warning", objectLabel: "Negotiation", statusLabel: "On subs" },
-  "negotiation-fixed": { icon: "circle-check-2", color: "success", objectLabel: "Negotiation", statusLabel: "Fixed" },
-  "negotiation-firm-offer-expired": { icon: "clock-alert", color: "error", objectLabel: "Negotiation", statusLabel: "(Firm offer) Expired" },
-  "negotiation-withdrawn": { icon: "circle-minus", color: "error", objectLabel: "Negotiation", statusLabel: "Withdrawn" },
-  "negotiation-firm-amendment": { icon: "circle-plus", color: "violet", objectLabel: "Negotiation", statusLabel: "Firm (Amendment)" },
-  "negotiation-subs-expired": { icon: "clock-alert", color: "error", objectLabel: "Negotiation", statusLabel: "Subs expired" },
-  "negotiation-subs-failed": { icon: "circle-slash", color: "error", objectLabel: "Negotiation", statusLabel: "Subs failed" },
-  "negotiation-on-subs-amendment": { icon: "circle-plus", color: "warning", objectLabel: "Negotiation", statusLabel: "On subs (amendment)" },
+  "negotiation-indicative-offer": { icon: J, color: "information", objectLabel: "Negotiation", statusLabel: "Indicative offer" },
+  "negotiation-indicative-bid": { icon: X, color: "information", objectLabel: "Negotiation", statusLabel: "Indicative bid" },
+  "negotiation-firm-offer": { icon: H, color: "information", objectLabel: "Negotiation", statusLabel: "Firm offer" },
+  "negotiation-firm-bid": { icon: M, color: "information", objectLabel: "Negotiation", statusLabel: "Firm bid" },
+  "negotiation-firm": { icon: E, color: "violet", objectLabel: "Negotiation", statusLabel: "Firm" },
+  "negotiation-on-subs": { icon: B, color: "warning", objectLabel: "Negotiation", statusLabel: "On subs" },
+  "negotiation-fixed": { icon: _, color: "success", objectLabel: "Negotiation", statusLabel: "Fixed" },
+  "negotiation-firm-offer-expired": { icon: x, color: "error", objectLabel: "Negotiation", statusLabel: "(Firm offer) Expired" },
+  "negotiation-withdrawn": { icon: I, color: "error", objectLabel: "Negotiation", statusLabel: "Withdrawn" },
+  "negotiation-firm-amendment": { icon: L, color: "violet", objectLabel: "Negotiation", statusLabel: "Firm (Amendment)" },
+  "negotiation-subs-expired": { icon: x, color: "error", objectLabel: "Negotiation", statusLabel: "Subs expired" },
+  "negotiation-subs-failed": { icon: O, color: "error", objectLabel: "Negotiation", statusLabel: "Subs failed" },
+  "negotiation-on-subs-amendment": { icon: L, color: "warning", objectLabel: "Negotiation", statusLabel: "On subs (amendment)" },
   // Contract statuses
-  "contract-draft": { icon: "square-dashed-chart-gantt", color: "tertiary", objectLabel: "Contract", statusLabel: "Draft" },
-  "contract-working-copy": { icon: "square-chart-gantt", color: "information", objectLabel: "Contract", statusLabel: "Working copy" },
-  "contract-final": { icon: "square-check", color: "success", objectLabel: "Contract", statusLabel: "Final" },
-  "contract-rejected": { icon: "square-x", color: "error", objectLabel: "Contract", statusLabel: "Rejected" },
+  "contract-draft": { icon: p, color: "tertiary", objectLabel: "Contract", statusLabel: "Draft" },
+  "contract-working-copy": { icon: R, color: "information", objectLabel: "Contract", statusLabel: "Working copy" },
+  "contract-final": { icon: g, color: "success", objectLabel: "Contract", statusLabel: "Final" },
+  "contract-rejected": { icon: T, color: "error", objectLabel: "Contract", statusLabel: "Rejected" },
   // Addenda statuses
-  "addenda-draft": { icon: "square-dashed-corner-plus", color: "tertiary", objectLabel: "Addenda", statusLabel: "Draft" },
-  "addenda-working-copy": { icon: "square-corner-plus", color: "information", objectLabel: "Addenda", statusLabel: "Working copy" },
-  "addenda-final": { icon: "square-corner-check", color: "success", objectLabel: "Addenda", statusLabel: "Final" },
+  "addenda-draft": { icon: G, color: "tertiary", objectLabel: "Addenda", statusLabel: "Draft" },
+  "addenda-working-copy": { icon: $, color: "information", objectLabel: "Addenda", statusLabel: "Working copy" },
+  "addenda-final": { icon: W, color: "success", objectLabel: "Addenda", statusLabel: "Final" },
   // Recap Manager statuses
-  "recap-manager-draft": { icon: "square-dashed-chart-gantt", color: "tertiary", objectLabel: "Recap manager", statusLabel: "Draft" },
-  "recap-manager-on-subs": { icon: "square-diamond", color: "warning", objectLabel: "Recap manager", statusLabel: "On subs" },
-  "recap-manager-fully-fixed": { icon: "square-check", color: "success", objectLabel: "Recap manager", statusLabel: "Fully fixed" },
-  "recap-manager-canceled": { icon: "square-minus", color: "error", objectLabel: "Recap manager", statusLabel: "Canceled" },
-  "recap-manager-failed": { icon: "square-slash", color: "error", objectLabel: "Recap manager", statusLabel: "Failed" }
-}, L = {
+  "recap-manager-draft": { icon: p, color: "tertiary", objectLabel: "Recap manager", statusLabel: "Draft" },
+  "recap-manager-on-subs": { icon: U, color: "warning", objectLabel: "Recap manager", statusLabel: "On subs" },
+  "recap-manager-fully-fixed": { icon: g, color: "success", objectLabel: "Recap manager", statusLabel: "Fully fixed" },
+  "recap-manager-canceled": { icon: q, color: "error", objectLabel: "Recap manager", statusLabel: "Canceled" },
+  "recap-manager-failed": { icon: A, color: "error", objectLabel: "Recap manager", statusLabel: "Failed" }
+}, j = {
   xs: "text-body-medium-xsm",
   s: "text-body-medium-sm",
   m: "text-body-medium-md",
   l: "text-body-medium-lg"
-}, l = {
+}, s = {
   xs: "s",
   s: "s",
   m: "m",
   l: "l"
-}, x = {
+}, y = {
   xs: "translate-y-[0.5px]",
   s: "translate-y-[0px]",
   m: "translate-y-[0.5px]",
   l: "translate-y-[0.5px]"
-}, p = {
+}, h = {
   xs: "gap-[var(--space-xs)]",
   s: "gap-[var(--space-xs)]",
   m: "gap-[var(--space-s)]",
   l: "gap-[var(--space-s)]"
-}, h = {
+}, v = {
   primary: "text-[var(--color-text-primary)]",
   secondary: "text-[var(--color-text-secondary)]",
   tertiary: "text-[var(--color-text-tertiary)]",
@@ -68,7 +70,7 @@ const f = {
   warning: "text-[var(--color-text-warning-bold)]",
   error: "text-[var(--color-text-error-bold)]",
   violet: "text-[var(--violet-500)]"
-}, O = {
+}, te = {
   primary: "neutral",
   secondary: "neutral",
   tertiary: "neutral",
@@ -78,101 +80,101 @@ const f = {
   warning: "warning",
   error: "destructive",
   violet: "violet"
-}, S = {
+}, ae = {
   xs: "xs",
   s: "s",
   m: "m",
   l: "l"
-}, D = /* @__PURE__ */ C.forwardRef(
+}, re = /* @__PURE__ */ F.forwardRef(
   ({
-    value: b,
-    size: a = "s",
-    showObject: j = !1,
-    iconOnly: y = !1,
+    value: d,
+    size: t = "s",
+    showObject: w = !1,
+    iconOnly: N = !1,
     lowercase: u = !1,
-    asBadge: v = !1,
+    asBadge: S = !1,
     className: r,
     ...n
-  }, c) => {
-    const e = f[b];
+  }, i) => {
+    const e = C[d];
     if (!e)
       return console.warn(
-        `Unknown status "${b}". Available statuses:`,
-        Object.keys(f)
-      ), /* @__PURE__ */ d(
+        `Unknown status "${d}". Available statuses:`,
+        Object.keys(C)
+      ), /* @__PURE__ */ b(
         "div",
         {
-          ref: c,
-          className: t(
+          ref: i,
+          className: a(
             "inline-flex items-center p-0.5",
-            p[a],
-            L[a],
+            h[t],
+            j[t],
             r
           ),
           ...n,
           children: [
-            /* @__PURE__ */ o("span", { className: t("flex-shrink-0", x[a]), children: /* @__PURE__ */ o(s, { name: "circle-help", size: l[a], color: "secondary" }) }),
-            /* @__PURE__ */ o("span", { className: h.secondary, children: "Unknown status" })
+            /* @__PURE__ */ o("span", { className: a("flex-shrink-0", y[t]), children: /* @__PURE__ */ o(l, { name: P, size: s[t], color: "secondary" }) }),
+            /* @__PURE__ */ o("span", { className: v.secondary, children: "Unknown status" })
           ]
         }
       );
-    const w = u ? e.objectLabel.toLowerCase() : e.objectLabel, m = u ? e.statusLabel.toLowerCase() : e.statusLabel, i = j ? `${w} • ${m}` : m;
-    if (v) {
-      const g = e.color === "tertiary", N = g ? "secondary" : e.color;
+    const D = u ? e.objectLabel.toLowerCase() : e.objectLabel, m = u ? e.statusLabel.toLowerCase() : e.statusLabel, c = w ? `${D} • ${m}` : m;
+    if (S) {
+      const f = e.color === "tertiary", k = f ? "secondary" : e.color;
       return /* @__PURE__ */ o(
-        k,
+        Y,
         {
-          ref: c,
+          ref: i,
           appearance: "subtle",
-          intent: O[e.color] ?? "neutral",
-          size: S[a],
-          icon: /* @__PURE__ */ o(s, { name: e.icon, size: l[a], color: N }),
-          className: t(g && "text-[var(--color-text-secondary)]", r),
+          intent: te[e.color] ?? "neutral",
+          size: ae[t],
+          icon: /* @__PURE__ */ o(l, { name: e.icon, size: s[t], color: k }),
+          className: a(f && "text-[var(--color-text-secondary)]", r),
           ...n,
-          children: i
+          children: c
         }
       );
     }
-    return y ? /* @__PURE__ */ o(q, { delayDuration: 200, children: /* @__PURE__ */ d(F, { children: [
-      /* @__PURE__ */ o(T, { asChild: !0, children: /* @__PURE__ */ o(
+    return N ? /* @__PURE__ */ o(Z, { delayDuration: 200, children: /* @__PURE__ */ b(z, { children: [
+      /* @__PURE__ */ o(ee, { asChild: !0, children: /* @__PURE__ */ o(
         "div",
         {
-          ref: c,
-          className: t("inline-flex p-0.5", r),
+          ref: i,
+          className: a("inline-flex p-0.5", r),
           ...n,
           children: /* @__PURE__ */ o(
-            s,
+            l,
             {
               name: e.icon,
-              size: l[a],
+              size: s[t],
               color: e.color,
-              "aria-label": i
+              "aria-label": c
             }
           )
         }
       ) }),
-      /* @__PURE__ */ o(R, { children: i })
-    ] }) }) : /* @__PURE__ */ d(
+      /* @__PURE__ */ o(oe, { children: c })
+    ] }) }) : /* @__PURE__ */ b(
       "div",
       {
-        ref: c,
-        className: t(
+        ref: i,
+        className: a(
           "inline-flex items-center p-0.5",
-          p[a],
-          L[a],
+          h[t],
+          j[t],
           r
         ),
         ...n,
         children: [
-          /* @__PURE__ */ o("span", { className: t("flex-shrink-0", x[a]), children: /* @__PURE__ */ o(s, { name: e.icon, size: l[a], color: e.color }) }),
-          /* @__PURE__ */ o("span", { className: h[e.color], children: i })
+          /* @__PURE__ */ o("span", { className: a("flex-shrink-0", y[t]), children: /* @__PURE__ */ o(l, { name: e.icon, size: s[t], color: e.color }) }),
+          /* @__PURE__ */ o("span", { className: v[e.color], children: c })
         ]
       }
     );
   }
 );
-D.displayName = "FixtureStatus";
+re.displayName = "FixtureStatus";
 export {
-  D as FixtureStatus,
-  f as statusConfig
+  re as FixtureStatus,
+  C as statusConfig
 };

package/dist/es/components/product/linked-chart.js

@@ -1,56 +1,57 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useState as v, useMemo as O, useCallback as m } from "react";
+import { useState as v, useMemo as F, useCallback as m } from "react";
 import { Chart as ee } from "../fundamental/chart.js";
-import { Table as re, TableHeader as se, TableRow as P, TableHead as te, TableBody as le, TableCell as ne } from "../fundamental/table.js";
+import { Table as re, TableHeader as te, TableRow as O, TableHead as se, TableBody as le, TableCell as ne } from "../fundamental/table.js";
 import { Card as k, CardContent as z, CardHeader as ae, CardTitle as ie } from "../fundamental/card.js";
-import { Button as U } from "../fundamental/button.js";
+import { Button as P } from "../fundamental/button.js";
 import { Icon as w } from "../fundamental/icon.js";
+import { Filter as ce, X as de, Info as oe } from "lucide-react";
 import { Badge as H } from "../fundamental/badge.js";
 import { cn as T } from "../../lib/utils.js";
-function be({
+function ge({
   title: f,
   description: p,
   data: n,
   config: C,
   columns: b,
-  type: E,
+  type: U,
   enableFiltering: g = !0,
   enableRowSelection: u = !0,
   onRowSelectionChange: x,
   onDataFilter: y,
-  showTable: F = !0,
+  showTable: E = !0,
   tableClassName: R,
   chartClassName: V,
   enableRowFiltering: S = !1,
-  className: q,
-  ...G
+  className: X,
+  ...q
 }) {
-  const [a, j] = v(/* @__PURE__ */ new Set()), [A, L] = v(null), [_, N] = v(null), [d, B] = v(/* @__PURE__ */ new Set()), [o, D] = v(!1), i = O(() => d.size > 0 ? n.filter((e, s) => d.has(s)) : o && a.size > 0 ? n.filter((e, s) => a.has(s)) : n, [n, d, a, o]), J = m((e, s) => {
-    if (s !== void 0 && e) {
-      const t = n.findIndex((c) => c === i[s]);
-      N(t !== -1 ? t : null);
+  const [a, j] = v(/* @__PURE__ */ new Set()), [A, L] = v(null), [_, I] = v(null), [d, B] = v(/* @__PURE__ */ new Set()), [o, D] = v(!1), i = F(() => d.size > 0 ? n.filter((e, t) => d.has(t)) : o && a.size > 0 ? n.filter((e, t) => a.has(t)) : n, [n, d, a, o]), G = m((e, t) => {
+    if (t !== void 0 && e) {
+      const s = n.findIndex((c) => c === i[t]);
+      I(s !== -1 ? s : null);
     } else
-      N(null);
-  }, [n, i]), K = m((e, s) => {
+      I(null);
+  }, [n, i]), J = m((e, t) => {
     if (!g) return;
-    const t = n.findIndex((h) => h === i[s]);
-    if (t === -1) return;
+    const s = n.findIndex((h) => h === i[t]);
+    if (s === -1) return;
     const c = new Set(d);
-    c.has(t) ? c.delete(t) : c.add(t), B(c);
+    c.has(s) ? c.delete(s) : c.add(s), B(c);
     const $ = n.filter((h, Z) => c.has(Z));
     y?.($);
-  }, [g, d, n, y, i]), Q = m((e) => {
+  }, [g, d, n, y, i]), K = m((e) => {
     if (!u) return;
-    const s = new Set(a);
-    s.has(e) ? s.delete(e) : s.add(e), j(s), x?.(Array.from(s));
+    const t = new Set(a);
+    t.has(e) ? t.delete(e) : t.add(e), j(t), x?.(Array.from(t));
   }, [u, a, x]), M = m((e) => {
     L(e);
-  }, []), W = m(() => {
-    j(/* @__PURE__ */ new Set()), B(/* @__PURE__ */ new Set()), L(null), N(null), D(!1), x?.([]), y?.([]);
-  }, [x, y]), X = m((e, s, t) => {
-    if (s.format)
-      return s.format(e, t);
-    switch (s.type) {
+  }, []), Q = m(() => {
+    j(/* @__PURE__ */ new Set()), B(/* @__PURE__ */ new Set()), L(null), I(null), D(!1), x?.([]), y?.([]);
+  }, [x, y]), W = m((e, t, s) => {
+    if (t.format)
+      return t.format(e, s);
+    switch (t.type) {
       case "currency":
         return typeof e == "number" ? `$${e.toLocaleString()}` : e;
       case "percentage":
@@ -60,13 +61,13 @@ function be({
       default:
         return e;
     }
-  }, []), I = A ?? _, Y = O(() => {
-    if (I !== null) {
-      const e = i.findIndex((s) => n[I] === s);
+  }, []), N = A ?? _, Y = F(() => {
+    if (N !== null) {
+      const e = i.findIndex((t) => n[N] === t);
       return e !== -1 ? e : void 0;
     }
-  }, [I, i, n]);
-  return /* @__PURE__ */ l("div", { className: T("space-y-[var(--space-l)]", q), children: [
+  }, [N, i, n]);
+  return /* @__PURE__ */ l("div", { className: T("space-y-[var(--space-l)]", X), children: [
     (f || p) && /* @__PURE__ */ l("div", { className: "space-y-[var(--space-s)]", children: [
       f && /* @__PURE__ */ r("h3", { className: "text-heading-md", children: f }),
       p && /* @__PURE__ */ r("p", { className: "text-body-md text-[var(--color-text-secondary)]", children: p })
@@ -85,19 +86,19 @@ function be({
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-[var(--space-s)]", children: [
         S && a.size > 0 && /* @__PURE__ */ l(
-          U,
+          P,
           {
             size: "s",
             variant: o ? "default" : "ghost",
             onClick: () => D(!o),
             children: [
-              /* @__PURE__ */ r(w, { name: "filter", size: "s", className: "mr-[var(--space-xs)]" }),
+              /* @__PURE__ */ r(w, { name: ce, size: "s", className: "mr-[var(--space-xs)]" }),
               "Filter selected"
             ]
           }
         ),
-        (a.size > 0 || d.size > 0 || o) && /* @__PURE__ */ l(U, { variant: "ghost", size: "s", onClick: W, children: [
-          /* @__PURE__ */ r(w, { name: "x", size: "s", className: "mr-[var(--space-s)]" }),
+        (a.size > 0 || d.size > 0 || o) && /* @__PURE__ */ l(P, { variant: "ghost", size: "s", onClick: Q, children: [
+          /* @__PURE__ */ r(w, { name: de, size: "s", className: "mr-[var(--space-s)]" }),
           "Clear all"
         ] })
       ] })
@@ -105,17 +106,17 @@ function be({
     /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(z, { className: "p-[var(--space-l)]", children: /* @__PURE__ */ r(
       ee,
       {
-        ...G,
-        type: E,
+        ...q,
+        type: U,
         data: i,
         config: C,
-        onDataPointClick: K,
-        onDataPointHover: J,
+        onDataPointClick: J,
+        onDataPointHover: G,
         highlightedIndex: Y,
         className: V
       }
     ) }) }),
-    F && /* @__PURE__ */ l(k, { children: [
+    E && /* @__PURE__ */ l(k, { children: [
       /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ l(ie, { className: "text-heading-sm flex items-center justify-between", children: [
         "Data Table",
         /* @__PURE__ */ l(H, { intent: "neutral", appearance: "subtle", size: "s", children: [
@@ -124,30 +125,30 @@ function be({
         ] })
       ] }) }),
       /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r("div", { className: T("rounded-m border border-[var(--color-border-primary-subtle)]", R), children: /* @__PURE__ */ l(re, { children: [
-        /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(P, { children: b.map((e) => /* @__PURE__ */ r(te, { children: e.label }, e.key)) }) }),
-        /* @__PURE__ */ r(le, { children: i.map((e, s) => {
-          const t = n.indexOf(e), c = a.has(t);
+        /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(O, { children: b.map((e) => /* @__PURE__ */ r(se, { children: e.label }, e.key)) }) }),
+        /* @__PURE__ */ r(le, { children: i.map((e, t) => {
+          const s = n.indexOf(e), c = a.has(s);
           return /* @__PURE__ */ r(
-            P,
+            O,
             {
-              onClick: () => Q(t),
-              onMouseEnter: () => M(t),
+              onClick: () => K(s),
+              onMouseEnter: () => M(s),
               onMouseLeave: () => M(null),
               variant: c ? "selected" : "default",
               className: T(
                 "cursor-pointer transition-colors",
-                (A === t || _ === t) && "bg-[var(--color-background-neutral-subtlest-hovered)]",
+                (A === s || _ === s) && "bg-[var(--color-background-neutral-subtlest-hovered)]",
                 u && "hover:bg-[var(--color-background-neutral-subtlest-hovered)]"
               ),
-              children: b.map((h) => /* @__PURE__ */ r(ne, { children: X(e[h.key], h, e) }, h.key))
+              children: b.map((h) => /* @__PURE__ */ r(ne, { children: W(e[h.key], h, e) }, h.key))
             },
-            t
+            s
           );
         }) })
       ] }) }) })
     ] }),
     g && /* @__PURE__ */ r(k, { className: "border-[var(--color-border-info-bold)]", children: /* @__PURE__ */ r(z, { className: "p-[var(--space-m)]", children: /* @__PURE__ */ l("div", { className: "flex items-start gap-[var(--space-s)]", children: [
-      /* @__PURE__ */ r(w, { name: "info", size: "s", color: "information", className: "mt-1" }),
+      /* @__PURE__ */ r(w, { name: oe, size: "s", color: "information", className: "mt-1" }),
       /* @__PURE__ */ l("div", { className: "space-y-[var(--space-xs)] text-body-sm text-[var(--color-text-secondary)]", children: [
         /* @__PURE__ */ r("p", { children: /* @__PURE__ */ r("strong", { children: "Interactive Features:" }) }),
         /* @__PURE__ */ l("ul", { className: "list-disc list-inside space-y-[var(--space-xs)]", children: [
@@ -161,7 +162,7 @@ function be({
     ] }) }) })
   ] });
 }
-const xe = (f, p = []) => {
+const Ie = (f, p = []) => {
   const n = Object.entries(f).map(([C, b]) => ({
     key: C,
     label: b.label,
@@ -174,6 +175,6 @@ const xe = (f, p = []) => {
   ];
 };
 export {
-  be as LinkedChart,
-  xe as createLinkedChartColumns
+  ge as LinkedChart,
+  Ie as createLinkedChartColumns
 };