impact-nova 1.6.2 → 1.6.4

package/dist/components/ui/sheet.js

@@ -1,29 +1,29 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as n from "react";
 import * as o from "@radix-ui/react-dialog";
-import { cva as N } from "class-variance-authority";
+import { cva as v } from "class-variance-authority";
 import { ChevronDown as S, ChevronUp as w, X as C } from "lucide-react";
 import { cn as r } from "../../lib/utils.js";
-import { Tooltip as g, TooltipTrigger as x, TooltipContent as y } from "./tooltip.js";
+import { Tooltip as g, TooltipTrigger as x, TooltipContent as b } from "./tooltip.js";
 import { useImpactNovaI18n as T } from "../../i18n/ImpactNovaI18nContext.js";
-const b = n.createContext({
+const y = n.createContext({
   isExpanded: !1,
   expandable: !1,
   side: "right"
-}), U = o.Root, X = o.Trigger, D = o.Close, E = o.Portal, v = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+}), X = o.Root, q = o.Trigger, k = o.Close, E = o.Portal, N = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Overlay,
   {
     className: r(
-      "fixed inset-0 z-50 bg-scrim  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
     ...a,
     ref: s
   }
 ));
-v.displayName = o.Overlay.displayName;
-const R = N(
-  "fixed z-50 gap-4 bg-canvas p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+N.displayName = o.Overlay.displayName;
+const R = v(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
       side: {
@@ -37,100 +37,71 @@ const R = N(
       side: "right"
     }
   }
-), k = n.forwardRef(
-  ({
-    side: t = "right",
-    className: a,
-    children: s,
-    expandable: c = !1,
-    defaultExpanded: d = !1,
-    ...f
-  }, u) => {
-    const [h, m] = n.useState(d), p = n.useCallback(() => {
-      m((i) => !i);
-    }, []);
-    return /* @__PURE__ */ e(
-      b.Provider,
+), D = n.forwardRef(({ side: t = "right", className: a, children: s, expandable: d = !1, defaultExpanded: l = !1, ...f }, u) => {
+  const [h, c] = n.useState(l), m = n.useCallback(() => {
+    c((p) => !p);
+  }, []);
+  return /* @__PURE__ */ e(y.Provider, { value: { isExpanded: h, onExpandToggle: m, expandable: d, side: t || void 0 }, children: /* @__PURE__ */ i(E, { children: [
+    /* @__PURE__ */ e(N, {}),
+    /* @__PURE__ */ e(
+      o.Content,
       {
-        value: {
-          isExpanded: h,
-          onExpandToggle: p,
-          expandable: c,
-          side: t || void 0
-        },
-        children: /* @__PURE__ */ l(E, { children: [
-          /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(
-            o.Content,
-            {
-              ref: u,
-              "data-component": "sheet-content",
-              onOpenAutoFocus: (i) => i.preventDefault(),
-              className: r(
-                R({ side: t }),
-                "flex flex-col p-0 transition-all duration-300",
-                t === "bottom" && (h ? "h-[96vh]" : "h-[40vh]"),
-                a
-              ),
-              ...f,
-              children: s
-            }
-          )
-        ] })
+        ref: u,
+        "data-component": "sheet-content",
+        className: r(
+          R({ side: t }),
+          "flex flex-col p-0 transition-all duration-300",
+          t === "bottom" && (h ? "h-[96vh]" : "h-[40vh]"),
+          a
+        ),
+        ...f,
+        children: s
       }
-    );
-  }
-);
-k.displayName = o.Content.displayName;
+    )
+  ] }) });
+});
+D.displayName = o.Content.displayName;
 const L = ({
   className: t,
   children: a,
   ...s
 }) => {
-  const { t: c } = T(), { isExpanded: d, onExpandToggle: f, expandable: u, side: h } = n.useContext(b), m = c("aria.close"), p = c("nestedList.expand"), i = c("nestedList.collapse");
-  return /* @__PURE__ */ l(
+  const { t: d } = T(), { isExpanded: l, onExpandToggle: f, expandable: u, side: h } = n.useContext(y), c = d("aria.close"), m = d("nestedList.expand"), p = d("nestedList.collapse");
+  return /* @__PURE__ */ i(
     "div",
     {
       className: r(
-        "flex px-4 py-4 shrink-0 items-center justify-between bg-canvas-tint border-b",
+        "flex px-4 py-4 shrink-0 items-center justify-between bg-light-blue border-b",
         h === "bottom" && "rounded-t-lg",
         t
       ),
       ...s,
       children: [
         /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1 text-center sm:text-left", children: a }),
-        /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          u && /* @__PURE__ */ l(g, { children: [
-            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ l(
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          u && /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
                 "data-component": "sheet-expand-toggle",
                 onClick: f,
-                className: "rounded-sm opacity-70 ring-offset-canvas transition-opacity hover:opacity-100 focus:outline-none",
-                "aria-label": d ? i : p,
+                className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none",
+                "aria-label": l ? p : m,
                 children: [
-                  d ? /* @__PURE__ */ e(S, { className: "h-4 w-4" }) : /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { className: "sr-only", children: d ? i : p })
+                  l ? /* @__PURE__ */ e(S, { className: "h-4 w-4" }) : /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: l ? p : m })
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(y, { variant: "tertiary", side: "top", children: d ? i : p })
+            /* @__PURE__ */ e(b, { variant: "tertiary", side: "top", children: l ? p : m })
           ] }),
-          /* @__PURE__ */ l(g, { children: [
-            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ l(
-              D,
-              {
-                "data-component": "sheet-close",
-                className: "rounded-sm opacity-70 ring-offset-canvas transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 disabled:pointer-events-none",
-                "aria-label": m,
-                children: [
-                  /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { className: "sr-only", children: m })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e(y, { variant: "tertiary", side: "top", children: m })
+          /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ i(k, { "data-component": "sheet-close", className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", "aria-label": c, children: [
+              /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: c })
+            ] }) }),
+            /* @__PURE__ */ e(b, { variant: "tertiary", side: "top", children: c })
           ] })
         ] })
       ]
@@ -141,24 +112,30 @@ L.displayName = "SheetHeader";
 const j = ({
   className: t,
   ...a
-}) => /* @__PURE__ */ e("div", { className: r("flex-1 overflow-y-auto p-4", t), ...a });
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: r("flex-1 overflow-y-auto p-4", t),
+    ...a
+  }
+);
 j.displayName = "SheetBody";
-const O = ({
+const P = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
   "div",
   {
     className: r(
-      "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-canvas",
+      "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-background",
       t
     ),
     ...a,
     children: a.children
   }
 );
-O.displayName = "SheetFooter";
-const P = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+P.displayName = "SheetFooter";
+const I = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Title,
   {
     ref: s,
@@ -167,26 +144,26 @@ const P = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
     ...a
   }
 ));
-P.displayName = o.Title.displayName;
-const F = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+I.displayName = o.Title.displayName;
+const O = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Description,
   {
     ref: s,
-    className: r("text-sm text-content-muted", t),
+    className: r("text-sm text-muted-foreground", t),
     ...a
   }
 ));
-F.displayName = o.Description.displayName;
+O.displayName = o.Description.displayName;
 export {
-  U as Sheet,
+  X as Sheet,
   j as SheetBody,
-  D as SheetClose,
-  k as SheetContent,
-  F as SheetDescription,
-  O as SheetFooter,
+  k as SheetClose,
+  D as SheetContent,
+  O as SheetDescription,
+  P as SheetFooter,
   L as SheetHeader,
-  v as SheetOverlay,
+  N as SheetOverlay,
   E as SheetPortal,
-  P as SheetTitle,
-  X as SheetTrigger
+  I as SheetTitle,
+  q as SheetTrigger
 };

package/dist/components/ui/statistics-card.d.ts

@@ -33,17 +33,13 @@ interface StatisticsCardRootProps<T = StatisticsCardItem> extends React.HTMLAttr
 }
 declare const StatisticsCardRoot: React.ForwardRefExoticComponent<StatisticsCardRootProps<StatisticsCardItem> & React.RefAttributes<HTMLDivElement>>;
 declare const StatisticsCardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-interface StatisticsCardTitleProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const StatisticsCardTitle: React.ForwardRefExoticComponent<StatisticsCardTitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const StatisticsCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface StatisticsCardTitleIconProps extends React.HTMLAttributes<HTMLDivElement> {
     icon: React.ReactNode;
     className?: string;
 }
 declare const StatisticsCardTitleIcon: React.ForwardRefExoticComponent<StatisticsCardTitleIconProps & React.RefAttributes<HTMLDivElement>>;
-interface StatisticsCardTitleTextProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-declare const StatisticsCardTitleText: React.ForwardRefExoticComponent<StatisticsCardTitleTextProps & React.RefAttributes<HTMLSpanElement>>;
+declare const StatisticsCardTitleText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 interface StatisticsCardTitleTooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     content: string;
     icon?: React.ReactNode;
@@ -73,9 +69,7 @@ interface StatisticsCardLegendItemProps extends React.HTMLAttributes<HTMLDivElem
     item?: StatisticsCardItem;
 }
 declare const StatisticsCardLegendItem: React.ForwardRefExoticComponent<StatisticsCardLegendItemProps & React.RefAttributes<HTMLDivElement>>;
-interface StatisticsCardSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const StatisticsCardSummary: React.ForwardRefExoticComponent<StatisticsCardSummaryProps & React.RefAttributes<HTMLDivElement>>;
+declare const StatisticsCardSummary: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 interface StatisticsCardSummaryItemProps extends React.HTMLAttributes<HTMLDivElement> {
     label: string;
     count: number | string | React.ReactNode;
@@ -83,4 +77,4 @@ interface StatisticsCardSummaryItemProps extends React.HTMLAttributes<HTMLDivEle
 }
 declare const StatisticsCardSummaryItem: React.ForwardRefExoticComponent<StatisticsCardSummaryItemProps & React.RefAttributes<HTMLDivElement>>;
 export { StatisticsCardRoot, StatisticsCardHeader, StatisticsCardTitle, StatisticsCardTitleIcon, StatisticsCardTitleText, StatisticsCardTitleTooltip, StatisticsCardChart, StatisticsCardLegend, StatisticsCardLegendItem, StatisticsCardSummary, StatisticsCardSummaryItem, };
-export type { StatisticsCardRootProps, StatisticsCardTitleProps, StatisticsCardTitleIconProps, StatisticsCardTitleTextProps, StatisticsCardTitleTooltipProps, StatisticsCardChartProps, StatisticsCardLegendItemProps, StatisticsCardSummaryProps, StatisticsCardSummaryItemProps };
+export type { StatisticsCardRootProps, StatisticsCardTitleIconProps, StatisticsCardTitleTooltipProps, StatisticsCardChartProps, StatisticsCardLegendItemProps, StatisticsCardSummaryItemProps };

package/dist/components/ui/statistics-card.hooks.d.ts

@@ -83,6 +83,7 @@ export declare const useStatisticsChartPlotOptions: (items: StatisticsCardItem[]
             enabled: boolean;
         };
         showInLegend: boolean;
+        allowPointSelect: boolean;
         states: {
             hover: {
                 enabled: boolean;
@@ -134,6 +135,7 @@ export declare const useStatisticsChartOptions: (items: StatisticsCardItem[], on
                 enabled: boolean;
             };
             showInLegend: boolean;
+            allowPointSelect: boolean;
             states: {
                 hover: {
                     enabled: boolean;

package/dist/components/ui/statistics-card.hooks.js

@@ -1,17 +1,17 @@
 import * as a from "react";
 const f = (e) => {
-  const s = a.useMemo(
-    () => e.reduce((o, n) => o + n.value, 0),
+  const o = a.useMemo(
+    () => e.reduce((s, n) => s + n.value, 0),
     [e]
   ), t = a.useMemo(
-    () => e.reduce((o, n) => o + (n.checked ? n.value : 0), 0),
+    () => e.reduce((s, n) => s + (n.checked ? n.value : 0), 0),
     [e]
-  ), r = e.some((o) => o.checked);
-  return { total: s, checkedTotal: t, hasChecked: r };
-}, p = (e, s = 0.4) => {
-  const t = e.replace("#", ""), r = parseInt(t.substring(0, 2), 16), o = parseInt(t.substring(2, 4), 16), n = parseInt(t.substring(4, 6), 16);
-  return `rgba(${r}, ${o}, ${n}, ${s})`;
-}, x = (e, s) => a.useMemo(
+  ), r = e.some((s) => s.checked);
+  return { total: o, checkedTotal: t, hasChecked: r };
+}, p = (e, o = 0.4) => {
+  const t = e.replace("#", ""), r = parseInt(t.substring(0, 2), 16), s = parseInt(t.substring(2, 4), 16), n = parseInt(t.substring(4, 6), 16);
+  return `rgba(${r}, ${s}, ${n}, ${o})`;
+}, x = (e, o) => a.useMemo(
   () => [
     {
       type: "pie",
@@ -20,14 +20,14 @@ const f = (e) => {
       data: e.map((t) => ({
         name: t.label,
         y: t.value,
-        color: s ? t.checked ? t.borderColor : p(t.borderColor, 0.4) : t.borderColor
+        color: o ? t.checked ? t.borderColor : p(t.borderColor, 0.4) : t.borderColor
       }))
     }
   ],
-  [e, s]
-), y = (e, s, t, r) => a.useMemo(
-  () => e ?? String(s ? t : r),
-  [e, s, t, r]
+  [e, o]
+), y = (e, o, t, r) => a.useMemo(
+  () => e ?? String(o ? t : r),
+  [e, o, t, r]
 ), b = () => a.useMemo(
   () => ({
     enabled: !0,
@@ -51,16 +51,18 @@ const f = (e) => {
     }
   }),
   []
-), h = (e, s, t) => {
-  const r = t?.borderWidth ?? 2, o = t?.borderColor ?? "#F8F9FB", n = t?.borderRadius ?? 4, i = t?.enableHover ?? !0, l = t?.enableClick ?? !0;
+), h = (e, o, t) => {
+  const r = t?.borderWidth ?? 2, s = t?.borderColor ?? "#F8F9FB", n = t?.borderRadius ?? 4, i = t?.enableHover ?? !0, l = t?.enableClick ?? !0;
   return a.useMemo(
     () => ({
       pie: {
         borderWidth: r,
-        borderColor: o,
+        borderColor: s,
         borderRadius: n,
         dataLabels: { enabled: !1 },
         showInLegend: !1,
+        allowPointSelect: !1,
+        // Disable pull-out effect on click
         states: { hover: { enabled: i, brightness: 0.05 } },
         // Handle slice click to toggle corresponding legend item
         point: {
@@ -68,16 +70,16 @@ const f = (e) => {
             click: function() {
               if (!l) return;
               const u = this.name, c = e.findIndex((d) => d.label === u);
-              c !== -1 && s && s(c, !e[c].checked);
+              c !== -1 && o && o(c, !e[c].checked);
             }
           }
         }
       }
     }),
-    [e, s, r, o, n, i, l]
+    [e, o, r, s, n, i, l]
   );
-}, g = (e, s, t) => {
-  const r = b(), o = h(e, s, t);
+}, S = (e, o, t) => {
+  const r = b(), s = h(e, o, t);
   return a.useMemo(
     () => ({
       chart: {
@@ -85,15 +87,15 @@ const f = (e) => {
         spacing: [0, 0, 0, 0]
       },
       tooltip: r,
-      plotOptions: o
+      plotOptions: s
     }),
-    [r, o]
+    [r, s]
   );
 };
 export {
   f as useStatisticsChartData,
   y as useStatisticsChartLabel,
-  g as useStatisticsChartOptions,
+  S as useStatisticsChartOptions,
   h as useStatisticsChartPlotOptions,
   x as useStatisticsChartSeries,
   b as useStatisticsChartTooltip