impact-nova 1.6.3 → 1.6.5

package/dist/components/ui/accordion.js

@@ -1,65 +1,65 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as c from "react";
-import * as o from "@radix-ui/react-accordion";
+import * as a from "@radix-ui/react-accordion";
 import { ChevronRight as f } from "lucide-react";
 import { cn as n } from "../../lib/utils.js";
 import { Tooltip as p, TooltipTrigger as g, TooltipContent as h } from "./tooltip.js";
-import { useImpactNovaI18n as v } from "../../i18n/ImpactNovaI18nContext.js";
-const C = o.Root, u = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
-  o.Item,
+import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
+const C = a.Root, v = c.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ e(
+  a.Item,
   {
-    ref: a,
+    ref: r,
     "data-item": t.value,
     "data-disabled": t.disabled ? "" : void 0,
     className: n(
       "ia-accordion-item border-b rounded-lg bg-white border-b-[#D9DDE7]",
-      i
+      o
     ),
     ...t
   }
 ));
-u.displayName = "AccordionItem";
-const x = c.forwardRef(({ className: i, children: t, badge: a, rightActions: s, ...d }, l) => {
-  const { t: m } = v();
-  return /* @__PURE__ */ e(o.Header, { className: "flex", children: /* @__PURE__ */ r(
-    o.Trigger,
+v.displayName = "AccordionItem";
+const N = c.forwardRef(({ className: o, children: t, badge: r, rightActions: d, ...s }, l) => {
+  const { t: m } = x();
+  return /* @__PURE__ */ e(a.Header, { className: "flex", children: /* @__PURE__ */ i(
+    a.Trigger,
     {
       ref: l,
       className: n(
-        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90 outline-none focus-visible:outline-none focus-visible:shadow-none",
-        i
+        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
+        o
       ),
-      ...d,
+      ...s,
       children: [
-        /* @__PURE__ */ r(p, { children: [
+        /* @__PURE__ */ i(p, { children: [
           /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(f, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
           /* @__PURE__ */ e(h, { side: "top", variant: "tertiary", children: m("aria.toggle") })
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-between", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-1 items-center justify-between", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
             t,
-            a
+            r
           ] }),
-          s
+          d
         ] })
       ]
     }
   ) });
 });
-x.displayName = o.Trigger.displayName;
-const N = c.forwardRef(({ className: i, children: t, surfaceClassName: a, ...s }, d) => /* @__PURE__ */ e(
-  o.Content,
+N.displayName = a.Trigger.displayName;
+const b = c.forwardRef(({ className: o, children: t, surfaceClassName: r, ...d }, s) => /* @__PURE__ */ e(
+  a.Content,
   {
-    ref: d,
-    className: n("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", a),
-    ...s,
-    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", i), children: t })
+    ref: s,
+    className: n("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", r),
+    ...d,
+    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", o), children: t })
   }
 ));
-N.displayName = o.Content.displayName;
+b.displayName = a.Content.displayName;
 export {
   C as Accordion,
-  N as AccordionContent,
-  u as AccordionItem,
-  x as AccordionTrigger
+  b as AccordionContent,
+  v as AccordionItem,
+  N as AccordionTrigger
 };

package/dist/components/ui/chart/chart.js

@@ -1,9 +1,9 @@
-import { jsx as s, jsxs as F } from "react/jsx-runtime";
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
 import * as n from "react";
-import * as l from "highcharts";
-import H from "highcharts-react-official";
-import { cn as g } from "../../../lib/utils.js";
-import { Skeleton as L } from "../skeleton.js";
+import * as i from "highcharts";
+import F from "highcharts-react-official";
+import { cn as p } from "../../../lib/utils.js";
+import { Skeleton as k } from "../skeleton.js";
 import { Minimize2 as A, Maximize2 as j } from "lucide-react";
 import { Button as I } from "../button.js";
 import B from "highcharts/highcharts-more";
@@ -13,41 +13,41 @@ import P from "highcharts/modules/treemap";
 import D from "highcharts/modules/venn";
 import V from "highcharts/modules/stock";
 import O from "highcharts/modules/accessibility";
-import G from "highcharts/modules/exporting";
-import J from "highcharts/modules/dumbbell";
-import K from "highcharts/modules/lollipop";
-import Q from "highcharts-border-radius";
-import { getBaseChartOptions as U } from "./chart.utils.js";
-import { useImpactNovaI18n as W } from "../../../i18n/ImpactNovaI18nContext.js";
+import W from "highcharts/modules/exporting";
+import G from "highcharts/modules/dumbbell";
+import J from "highcharts/modules/lollipop";
+import K from "highcharts-border-radius";
+import { getBaseChartOptions as Q } from "./chart.utils.js";
+import { useImpactNovaI18n as U } from "../../../i18n/ImpactNovaI18nContext.js";
 const c = (e, r) => {
   typeof e == "function" ? e(r) : typeof e == "object" && e.default && typeof e.default == "function" && e.default(r);
 };
-typeof l == "object" && (c(B, l), c(M, l), c(T, l), c(P, l), c(D, l), c(O, l), c(G, l), c(J, l), c(K, l), c(V, l), c(Q, l));
-const b = n.createContext(null), k = () => {
-  const e = n.useContext(b);
+typeof i == "object" && (c(B, i), c(M, i), c(T, i), c(P, i), c(D, i), c(O, i), c(W, i), c(G, i), c(J, i), c(V, i), c(K, i));
+const E = n.createContext(null), z = () => {
+  const e = n.useContext(E);
   if (!e)
     throw new Error("Chart components must be used within a ChartContainer");
   return e;
-}, z = n.forwardRef(
-  ({ className: e, children: r, isLoading: i = !1, ...o }, f) => {
-    const a = n.useRef(null), m = n.useRef(null), [u, h] = n.useState(!1), [x, p] = n.useState(!1);
-    n.useImperativeHandle(f, () => a.current);
-    const w = () => {
-      const t = a.current;
-      t && (p(!0), t.classList.add("fullscreen-animating"), setTimeout(() => {
-        t.requestFullscreen ? t.requestFullscreen() : t.webkitRequestFullscreen ? t.webkitRequestFullscreen() : t.msRequestFullscreen && t.msRequestFullscreen(), h(!0), t.classList.remove("fullscreen-animating");
+}, S = n.forwardRef(
+  ({ className: e, children: r, isLoading: a = !1, ...o }, h) => {
+    const l = n.useRef(null), u = n.useRef(null), [m, f] = n.useState(!1), [R, w] = n.useState(!1);
+    n.useImperativeHandle(h, () => l.current);
+    const x = () => {
+      const t = l.current;
+      t && (w(!0), t.classList.add("fullscreen-animating"), setTimeout(() => {
+        t.requestFullscreen ? t.requestFullscreen() : t.webkitRequestFullscreen ? t.webkitRequestFullscreen() : t.msRequestFullscreen && t.msRequestFullscreen(), f(!0), t.classList.remove("fullscreen-animating");
       }, 200));
-    }, C = () => {
-      const t = a.current;
-      t && (p(!0), t.classList.add("fullscreen-animating-out"), setTimeout(() => {
-        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), h(!1), t.classList.remove("fullscreen-animating-out");
+    }, g = () => {
+      const t = l.current;
+      t && (w(!0), t.classList.add("fullscreen-animating-out"), setTimeout(() => {
+        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), f(!1), t.classList.remove("fullscreen-animating-out");
       }, 200));
-    }, q = () => {
-      u ? C() : w();
+    }, C = () => {
+      m ? g() : x();
     };
     return n.useEffect(() => {
       const t = () => {
-        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || h(!1);
+        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || f(!1);
       };
       return document.addEventListener("fullscreenchange", t), document.addEventListener("webkitfullscreenchange", t), () => {
         document.removeEventListener("fullscreenchange", t), document.removeEventListener(
@@ -56,44 +56,44 @@ const b = n.createContext(null), k = () => {
         );
       };
     }, []), n.useEffect(() => {
-      if (!m?.current?.chart) return;
-      const t = m.current.chart;
+      if (!u?.current?.chart) return;
+      const t = u.current.chart;
       let d = null;
-      const E = () => {
-        u && a.current ? (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-          const v = a.current;
+      const N = () => {
+        m && l.current ? (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+          const v = l.current;
           if (!v) return;
-          const R = v.getBoundingClientRect(), N = v.querySelector('[class*="ChartContent"]');
-          if (N) {
-            const y = N.getBoundingClientRect();
-            t.setSize(y.width, y.height, !1);
+          const y = v.getBoundingClientRect(), H = v.querySelector('[class*="ChartContent"]');
+          if (H) {
+            const L = H.getBoundingClientRect();
+            t.setSize(L.width, L.height, !1);
           } else
-            t.setSize(R.width, R.height, !1);
+            t.setSize(y.width, y.height, !1);
           d = null;
         })) : (t.setSize(null, null, !1), t.reflow());
       };
-      return window.addEventListener("resize", E), () => {
-        d && cancelAnimationFrame(d), window.removeEventListener("resize", E);
+      return window.addEventListener("resize", N), () => {
+        d && cancelAnimationFrame(d), window.removeEventListener("resize", N);
       };
-    }, [u]), /* @__PURE__ */ s(
-      b.Provider,
+    }, [m]), /* @__PURE__ */ s(
+      E.Provider,
       {
         value: {
-          isExpanded: u,
-          toggleFullscreen: q,
-          isLoading: i,
-          containerRef: a,
-          chartComponentRef: m
+          isExpanded: m,
+          toggleFullscreen: C,
+          isLoading: a,
+          containerRef: l,
+          chartComponentRef: u
         },
         children: /* @__PURE__ */ s(
           "div",
           {
-            ref: a,
-            className: g(
+            ref: l,
+            className: p(
               e,
               "w-full relative bg-canvas-elevated transition-all duration-200 ease-in-out",
-              u && "fixed inset-0 z-50 h-screen w-screen p-4 bg-canvas flex flex-col",
-              x && "overflow-hidden"
+              m && "fixed inset-0 z-50 h-screen w-screen p-4 bg-canvas flex flex-col",
+              R && "overflow-hidden"
             ),
             ...o,
             children: r
@@ -103,89 +103,98 @@ const b = n.createContext(null), k = () => {
     );
   }
 );
-z.displayName = "ChartContainer";
+S.displayName = "ChartContainer";
 const X = n.forwardRef(
-  ({ className: e, children: r, ...i }, o) => /* @__PURE__ */ s("div", { ref: o, className: g("flex items-center justify-between mb-4", e), ...i, children: r })
+  ({ className: e, children: r, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: p("flex items-center justify-between mb-4", e), ...a, children: r })
 );
 X.displayName = "ChartHeader";
 const Y = n.forwardRef(
-  ({ className: e, ...r }, i) => /* @__PURE__ */ s("h3", { ref: i, className: g("text-lg font-semibold leading-none tracking-tight", e), ...r })
+  ({ className: e, ...r }, a) => /* @__PURE__ */ s("h3", { ref: a, className: p("text-lg font-semibold leading-none tracking-tight", e), ...r })
 );
 Y.displayName = "ChartTitle";
 const Z = n.forwardRef(
-  ({ className: e, ...r }, i) => /* @__PURE__ */ s("div", { ref: i, className: g("flex items-center gap-2", e), ...r })
+  ({ className: e, ...r }, a) => /* @__PURE__ */ s("div", { ref: a, className: p("flex items-center gap-2", e), ...r })
 );
 Z.displayName = "ChartActions";
 const _ = n.forwardRef(
-  ({ className: e, ...r }, i) => {
-    const { t: o } = W(), { toggleFullscreen: f, isExpanded: a } = k(), m = o("aria.toggleFullscreen");
-    return /* @__PURE__ */ F(
+  ({ className: e, ...r }, a) => {
+    const { t: o } = U(), { toggleFullscreen: h, isExpanded: l } = z(), u = o("aria.toggleFullscreen");
+    return /* @__PURE__ */ b(
       I,
       {
         variant: "ghost",
         size: "icon",
-        onClick: f,
-        ref: i,
-        className: g("h-8 w-8", e),
-        "aria-label": m,
+        onClick: h,
+        ref: a,
+        className: p("h-8 w-8", e),
+        "aria-label": u,
         ...r,
         children: [
-          a ? /* @__PURE__ */ s(A, { className: "h-4 w-4" }) : /* @__PURE__ */ s(j, { className: "h-4 w-4" }),
-          /* @__PURE__ */ s("span", { className: "sr-only", children: m })
+          l ? /* @__PURE__ */ s(A, { className: "h-4 w-4" }) : /* @__PURE__ */ s(j, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: u })
         ]
       }
     );
   }
 );
 _.displayName = "ChartFullScreen";
-const S = n.forwardRef(
-  ({ className: e, children: r, loader: i, ...o }, f) => {
-    const { isLoading: a, chartComponentRef: m, isExpanded: u } = k();
-    return a && i ? /* @__PURE__ */ s("div", { ref: f, className: g(e, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", u && "min-h-0"), ...o, children: i }) : /* @__PURE__ */ F("div", { ref: f, className: g(e, "w-full relative flex-1 min-h-[300px]", u && "min-h-0"), ...o, children: [
-      a && /* @__PURE__ */ F("div", { className: "absolute inset-0 z-10 bg-canvas/50 flex flex-col gap-2 p-4", children: [
-        /* @__PURE__ */ s(L, { className: "h-8 w-1/3" }),
-        /* @__PURE__ */ s(L, { className: "flex-1 w-full" })
+const q = n.forwardRef(
+  ({ className: e, children: r, loader: a, ...o }, h) => {
+    const { isLoading: l, chartComponentRef: u, isExpanded: m } = z();
+    return l && a ? /* @__PURE__ */ s("div", { ref: h, className: p(e, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", m && "min-h-0"), ...o, children: a }) : /* @__PURE__ */ b("div", { ref: h, className: p(e, "w-full relative flex-1 min-h-[300px]", m && "min-h-0"), ...o, children: [
+      l && /* @__PURE__ */ b("div", { className: "absolute inset-0 z-10 bg-canvas/50 flex flex-col gap-2 p-4", children: [
+        /* @__PURE__ */ s(k, { className: "h-8 w-1/3" }),
+        /* @__PURE__ */ s(k, { className: "flex-1 w-full" })
       ] }),
-      n.Children.map(r, (h) => n.isValidElement(h) ? n.cloneElement(h, { ref: m }) : h)
+      n.Children.map(r, (f) => n.isValidElement(f) ? n.cloneElement(f, { ref: u }) : f)
     ] });
   }
 );
-S.displayName = "ChartContent";
+q.displayName = "ChartContent";
 const $ = n.forwardRef(
   (e, r) => {
     const {
-      height: i,
+      height: a,
       width: o,
-      className: f,
-      isLoading: a,
-      loader: m,
-      title: u,
-      children: h,
-      ...x
-    } = e, p = n.useContext(b), w = n.useMemo(() => {
-      const C = U({ title: u, ...x });
+      className: h,
+      isLoading: l,
+      loader: u,
+      title: m,
+      noWrapper: f,
+      children: R,
+      ...w
+    } = e, x = n.useContext(E), g = n.useMemo(() => {
+      const C = Q({ title: m, ...w });
       return {
         ...C,
         chart: {
           ...C.chart,
-          height: i ?? null,
+          height: a ?? null,
           width: o ?? null
         }
       };
     }, [e]);
-    return p ? /* @__PURE__ */ s(
-      H,
+    return f ? /* @__PURE__ */ s(
+      F,
+      {
+        highcharts: i,
+        options: g,
+        ref: r,
+        containerProps: { style: { height: "100%", width: "100%" } }
+      }
+    ) : x ? /* @__PURE__ */ s(
+      F,
       {
-        highcharts: l,
-        options: w,
+        highcharts: i,
+        options: g,
         ref: r,
         containerProps: { style: { height: "100%", width: "100%" } }
       }
-    ) : /* @__PURE__ */ s(z, { className: f, isLoading: a, children: /* @__PURE__ */ s(S, { loader: m, children: /* @__PURE__ */ s(
-      H,
+    ) : /* @__PURE__ */ s(S, { className: h, isLoading: l, children: /* @__PURE__ */ s(q, { loader: u, children: /* @__PURE__ */ s(
+      F,
       {
-        highcharts: l,
-        options: w,
+        highcharts: i,
+        options: g,
         ref: r,
         containerProps: { style: { height: "100%", width: "100%" } }
       }
@@ -196,8 +205,8 @@ $.displayName = "Chart";
 export {
   $ as Chart,
   Z as ChartActions,
-  z as ChartContainer,
-  S as ChartContent,
+  S as ChartContainer,
+  q as ChartContent,
   _ as ChartFullScreen,
   X as ChartHeader,
   Y as ChartTitle