impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/ui/skeleton.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const Skeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Skeleton };

package/dist/components/ui/skeleton.js

@@ -1,18 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as r } from "../../lib/utils.js";
-const n = m.forwardRef(
-  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
-    "div",
-    {
-      ref: a,
-      "data-component": "skeleton",
-      className: r("animate-pulse rounded-md bg-brand/10", e),
-      ...o
-    }
-  )
-);
-n.displayName = "Skeleton";
-export {
-  n as Skeleton
-};

package/dist/components/ui/slider.js

@@ -1,50 +0,0 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import * as s from "react";
-import * as e from "@radix-ui/react-slider";
-import { cn as d } from "../../lib/utils.js";
-const t = s.forwardRef(({ className: r, ...o }, l) => /* @__PURE__ */ n(
-  e.Root,
-  {
-    ref: l,
-    className: d(
-      "relative flex w-full touch-none select-none items-center",
-      r
-    ),
-    "data-component": "slider-root",
-    ...o,
-    children: [
-      /* @__PURE__ */ a(
-        e.Track,
-        {
-          className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-brand/20",
-          "data-component": "slider-track",
-          children: /* @__PURE__ */ a(
-            e.Range,
-            {
-              className: "absolute h-full bg-brand",
-              "data-component": "slider-range"
-            }
-          )
-        }
-      ),
-      Array.isArray(o.value || o.defaultValue) ? (o.value || o.defaultValue || []).map((c, i) => /* @__PURE__ */ a(
-        e.Thumb,
-        {
-          className: "block h-4 w-4 rounded-full border border-brand/50 bg-canvas shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:pointer-events-none disabled:opacity-50",
-          "data-component": "slider-thumb"
-        },
-        i
-      )) : /* @__PURE__ */ a(
-        e.Thumb,
-        {
-          className: "block h-4 w-4 rounded-full border border-brand/50 bg-canvas shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:pointer-events-none disabled:opacity-50",
-          "data-component": "slider-thumb"
-        }
-      )
-    ]
-  }
-));
-t.displayName = e.Root.displayName;
-export {
-  t as Slider
-};

package/dist/components/ui/smart-input.d.ts

@@ -1,25 +0,0 @@
-import { default as React, HTMLInputTypeAttribute } from 'react';
-import { InputProps } from './input';
-type ComparisonOperator = ">" | "<" | ">=" | "<=";
-export interface SmartInputProps extends Omit<InputProps, "onChange" | "value" | "onFocus" | "onBlur"> {
-    value?: string | number;
-    onChange?: (value: string, syntheticEvent?: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    type?: HTMLInputTypeAttribute;
-    allowNegative?: boolean;
-    min?: number;
-    max?: number;
-    min_operator?: ComparisonOperator;
-    max_operator?: ComparisonOperator;
-    maxIntegerDigits?: number;
-    decimalPlaces?: number;
-    enforceDecimal?: boolean;
-    allowDecimal?: boolean;
-    maxLength?: number;
-    trimLeadingSpaces?: boolean;
-    customValidator?: (value: string) => boolean;
-    onValidationError?: (error: string) => void;
-}
-declare const InputWrapper: React.FC<SmartInputProps>;
-export { InputWrapper as SmartInput };

package/dist/components/ui/smart-input.js

@@ -1,183 +0,0 @@
-import { jsx as H } from "react/jsx-runtime";
-import { useState as J, useRef as Q, useEffect as U } from "react";
-import { Input as X } from "./input.js";
-const ne = ({
-  value: D = "",
-  type: C = "text",
-  onChange: V,
-  onBlur: N,
-  onFocus: W,
-  allowNegative: g = !0,
-  min: s,
-  max: u,
-  min_operator: I = ">=",
-  max_operator: v = "<=",
-  maxIntegerDigits: w,
-  decimalPlaces: l,
-  enforceDecimal: b = !1,
-  allowDecimal: M = !0,
-  maxLength: c,
-  trimLeadingSpaces: P = !0,
-  customValidator: y,
-  onValidationError: h,
-  disabled: p = !1,
-  ...z
-}) => {
-  const [a, $] = J(String(D ?? "")), F = Q(null), i = C === "number";
-  U(() => {
-    $(String(D ?? ""));
-  }, [D]);
-  const K = (t) => {
-    if (s === void 0) return !0;
-    switch (I) {
-      case ">":
-        return t > s;
-      case ">=":
-        return t >= s;
-      case "<":
-        return t < s;
-      case "<=":
-        return t <= s;
-      default:
-        return !0;
-    }
-  }, j = (t) => {
-    if (u === void 0) return !0;
-    switch (v) {
-      case ">":
-        return t > u;
-      case ">=":
-        return t >= u;
-      case "<":
-        return t < u;
-      case "<=":
-        return t <= u;
-      default:
-        return !0;
-    }
-  }, k = (t) => {
-    let e = t;
-    if (s !== void 0) {
-      const r = I === ">" ? s + 0.01 : s;
-      e = Math.max(e, r);
-    }
-    if (u !== void 0) {
-      const r = v === "<" ? u - 0.01 : u;
-      e = Math.min(e, r);
-    }
-    return e;
-  }, R = (t) => {
-    const e = g ? /[^0-9.-]/g : /[^0-9.]/g;
-    return t.replace(e, "");
-  }, O = (t) => {
-    const e = t.split(".");
-    return e.length > 2 ? e[0] + "." + e.slice(1).join("") : t;
-  }, T = (t, e) => {
-    if (!g) return t;
-    if ((t.match(/-/g) || []).length > 1) {
-      let n = t.replace(/-/g, "");
-      return e.startsWith("-") && (n = "-" + n), n;
-    } else if (t.includes("-") && !t.startsWith("-"))
-      return t.replace("-", "");
-    return t;
-  }, m = (t) => {
-    if (l === void 0 || !t.includes(".")) return t;
-    const [e, r] = t.split(".");
-    return r && r.length > l ? `${e}.${r.slice(0, l)}` : t;
-  }, q = (t) => {
-    if (w === void 0) return t;
-    const [e, r] = t.split("."), n = e.replace("-", "");
-    if (n.length > w) {
-      const o = n.slice(0, w), d = e.startsWith("-") ? "-" : "";
-      return r !== void 0 ? `${d}${o}.${r}` : `${d}${o}`;
-    }
-    return t;
-  }, S = (t) => {
-    if (!i) return t;
-    let e = String(t ?? "");
-    return P && (e = e.replace(/^\s+/, "")), e = R(e), e = O(e), e = T(e, t), e = m(e), e = q(e), M || (e = e.replace(".", "")), e;
-  }, A = (t) => {
-    if (!i || !t || t === "-") return t;
-    let e = t;
-    const r = parseFloat(e);
-    if (isNaN(r)) return "";
-    const n = k(r);
-    if (b && l !== void 0)
-      e = n.toFixed(l);
-    else if (l !== void 0 && e.includes(".")) {
-      const [o, d = ""] = e.split("."), B = d.padEnd(l, "0");
-      e = `${o}.${B}`;
-    } else
-      e = String(n);
-    return e;
-  }, E = (t) => {
-    if (!t) return !0;
-    if (y && !y(t))
-      return h?.("Custom validation failed"), !1;
-    if (i) {
-      const e = parseFloat(t);
-      if (isNaN(e))
-        return h?.("Invalid number"), !1;
-      if (!K(e))
-        return h?.(`Value must be ${I} ${s}`), !1;
-      if (!j(e))
-        return h?.(`Value must be ${v} ${u}`), !1;
-    }
-    return c && t.length > c ? (h?.(`Maximum length is ${c}`), !1) : !0;
-  };
-  return /* @__PURE__ */ H(
-    X,
-    {
-      ...z,
-      type: C,
-      value: a,
-      onChange: (t) => {
-        if (p) return;
-        let r = t.target.value;
-        i ? r = S(r) : P && (r = r.replace(/^\s+/, "")), c && r.length > c && (r = r.slice(0, c)), $(r), V?.(r, t);
-      },
-      onBlur: (t) => {
-        let e = a;
-        i && e && (e = A(e), E(e) && ($(e), e !== a && V?.(e))), N?.(t);
-      },
-      onFocus: W,
-      onKeyDown: (t) => {
-        if (p || !i) return;
-        const e = t.key;
-        if (e === "e" || e === "E") {
-          t.preventDefault();
-          return;
-        }
-        if (e === "-" && !g) {
-          t.preventDefault();
-          return;
-        }
-        if (e === "-" && a.includes("-")) {
-          t.preventDefault();
-          return;
-        }
-        if (e === "." && (!M || a.includes("."))) {
-          t.preventDefault();
-          return;
-        }
-      },
-      onPaste: (t) => {
-        if (p) return;
-        t.preventDefault();
-        const e = t.clipboardData.getData("text"), r = i ? S(e) : e, n = t.target, o = n.selectionStart || 0, d = n.selectionEnd || 0, B = a.slice(0, o), G = a.slice(d);
-        let f = B + r + G;
-        i && (f = S(f)), c && f.length > c && (f = f.slice(0, c)), $(f), V?.(f);
-      },
-      disabled: p,
-      ref: F,
-      "data-component": "smart-input",
-      "data-numeric": i || void 0,
-      "data-decimal-places": l,
-      "data-min": s,
-      "data-max": u
-    }
-  );
-};
-export {
-  ne as SmartInput
-};

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

@@ -1,80 +0,0 @@
-import * as React from "react";
-export interface StatisticsCardItem {
-    label: string;
-    value: number;
-    borderColor: string;
-    checked?: boolean;
-}
-export interface StatisticsCardConfig {
-    colors?: {
-        background?: string;
-        text?: string;
-        border?: string;
-        outlineChecked?: string;
-        unchecked?: string;
-        tooltipBg?: string;
-        tooltipBorder?: string;
-    };
-    spacing?: {
-        rootWidth?: string;
-        rootPadding?: string;
-        rootGap?: string;
-        legendWidth?: string;
-        itemPadding?: string;
-        itemGap?: string;
-    };
-}
-interface StatisticsCardRootProps<T = StatisticsCardItem> extends React.HTMLAttributes<HTMLDivElement> {
-    items: T[];
-    onItemToggle?: (index: number, checked: boolean) => void;
-    chartSize?: number;
-    config?: StatisticsCardConfig;
-    mapItem?: (item: T, index: number) => StatisticsCardItem;
-}
-declare const StatisticsCardRoot: React.ForwardRefExoticComponent<StatisticsCardRootProps<StatisticsCardItem> & React.RefAttributes<HTMLDivElement>>;
-declare const StatisticsCardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & 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>>;
-declare const StatisticsCardTitleText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-interface StatisticsCardTitleTooltipProps extends React.HTMLAttributes<HTMLDivElement> {
-    content: string;
-    icon?: React.ReactNode;
-}
-declare const StatisticsCardTitleTooltip: React.ForwardRefExoticComponent<StatisticsCardTitleTooltipProps & React.RefAttributes<HTMLDivElement>>;
-export interface StatisticsCardChartConfig {
-    type?: "pie" | "donut";
-    name?: string;
-    innerSize?: string | number;
-    uncheckedColor?: string;
-    borderColor?: string;
-    borderWidth?: number;
-    borderRadius?: number;
-    enableHover?: boolean;
-    enableClick?: boolean;
-}
-interface StatisticsCardChartProps extends React.HTMLAttributes<HTMLDivElement> {
-    centerLabel?: string;
-    chartConfig?: StatisticsCardChartConfig;
-    chartSize?: number;
-    className?: string;
-}
-declare const StatisticsCardChart: React.ForwardRefExoticComponent<StatisticsCardChartProps & React.RefAttributes<HTMLDivElement>>;
-declare const StatisticsCardLegend: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-interface StatisticsCardLegendItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    index?: number;
-    item?: StatisticsCardItem;
-}
-declare const StatisticsCardLegendItem: React.ForwardRefExoticComponent<StatisticsCardLegendItemProps & 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;
-    color?: string;
-}
-declare const StatisticsCardSummaryItem: React.ForwardRefExoticComponent<StatisticsCardSummaryItemProps & React.RefAttributes<HTMLDivElement>>;
-export { StatisticsCardRoot, StatisticsCardHeader, StatisticsCardTitle, StatisticsCardTitleIcon, StatisticsCardTitleText, StatisticsCardTitleTooltip, StatisticsCardChart, StatisticsCardLegend, StatisticsCardLegendItem, StatisticsCardSummary, StatisticsCardSummaryItem, };
-export type { StatisticsCardRootProps, StatisticsCardTitleIconProps, StatisticsCardTitleTooltipProps, StatisticsCardChartProps, StatisticsCardLegendItemProps, StatisticsCardSummaryItemProps };

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

@@ -1,152 +0,0 @@
-import { StatisticsCardItem, StatisticsCardChartConfig } from './statistics-card';
-/**
- * Hook: useStatisticsChartData
- * Extracts calculation logic for chart data
- *
- * Calculates:
- * - Total sum of all items
- * - Sum of checked items
- * - Whether any items are checked
- */
-export declare const useStatisticsChartData: (items: StatisticsCardItem[]) => {
-    total: number;
-    checkedTotal: number;
-    hasChecked: boolean;
-};
-/**
- * Hook: useStatisticsChartSeries
- * Extracts chart series generation logic
- *
- * Generates pie chart data with:
- * - Item labels and values
- * - Dynamic coloring based on checked state
- * - Faded color (same color, lower opacity) for unchecked items when some are checked
- */
-export declare const useStatisticsChartSeries: (items: StatisticsCardItem[], hasChecked: boolean) => {
-    type: "pie";
-    name: string;
-    innerSize: string;
-    data: {
-        name: string;
-        y: number;
-        color: string;
-    }[];
-}[];
-/**
- * Hook: useStatisticsChartLabel
- * Extracts chart center label logic
- *
- * Returns:
- * - Custom label if provided
- * - Checked total if any items are checked
- * - Total otherwise
- */
-export declare const useStatisticsChartLabel: (centerLabel: string | undefined, hasChecked: boolean, checkedTotal: number, total: number) => string;
-/**
- * Hook: useStatisticsChartTooltip
- * Extracts tooltip configuration logic
- *
- * Returns tooltip options for Highcharts with:
- * - Custom HTML formatting
- * - Color indicators
- * - Proper styling
- */
-export declare const useStatisticsChartTooltip: () => {
-    enabled: boolean;
-    useHTML: boolean;
-    outside: boolean;
-    backgroundColor: string;
-    borderWidth: number;
-    borderRadius: number;
-    shadow: boolean;
-    style: {
-        fontFamily: string;
-        fontSize: string;
-    };
-    formatter: () => string;
-};
-/**
- * Hook: useStatisticsChartPlotOptions
- * Extracts chart plot options configuration
- *
- * Returns pie chart options with:
- * - Border and styling (customizable via chartConfig)
- * - Hover effects (customizable)
- * - Click event handling for slice interaction (customizable)
- */
-export declare const useStatisticsChartPlotOptions: (items: StatisticsCardItem[], onItemToggle?: (index: number, checked: boolean) => void, chartConfig?: StatisticsCardChartConfig) => {
-    pie: {
-        borderWidth: number;
-        borderColor: string;
-        borderRadius: number;
-        dataLabels: {
-            enabled: boolean;
-        };
-        showInLegend: boolean;
-        allowPointSelect: boolean;
-        states: {
-            hover: {
-                enabled: boolean;
-                brightness: number;
-            };
-        };
-        point: {
-            events: {
-                click: (this: any) => void;
-            };
-        };
-    };
-};
-/**
- * Hook: useStatisticsChartOptions
- * Master hook that combines all chart configuration
- *
- * Returns complete Highcharts options object with:
- * - Chart spacing and margins
- * - Tooltip configuration
- * - Plot options with click handling
- * - Customizable chart behavior
- */
-export declare const useStatisticsChartOptions: (items: StatisticsCardItem[], onItemToggle?: (index: number, checked: boolean) => void, chartConfig?: StatisticsCardChartConfig) => {
-    chart: {
-        margin: number[];
-        spacing: number[];
-    };
-    tooltip: {
-        enabled: boolean;
-        useHTML: boolean;
-        outside: boolean;
-        backgroundColor: string;
-        borderWidth: number;
-        borderRadius: number;
-        shadow: boolean;
-        style: {
-            fontFamily: string;
-            fontSize: string;
-        };
-        formatter: () => string;
-    };
-    plotOptions: {
-        pie: {
-            borderWidth: number;
-            borderColor: string;
-            borderRadius: number;
-            dataLabels: {
-                enabled: boolean;
-            };
-            showInLegend: boolean;
-            allowPointSelect: boolean;
-            states: {
-                hover: {
-                    enabled: boolean;
-                    brightness: number;
-                };
-            };
-            point: {
-                events: {
-                    click: (this: any) => void;
-                };
-            };
-        };
-    };
-};

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

@@ -1,102 +0,0 @@
-import * as a from "react";
-const f = (e) => {
-  const o = a.useMemo(
-    () => e.reduce((s, n) => s + n.value, 0),
-    [e]
-  ), t = a.useMemo(
-    () => e.reduce((s, n) => s + (n.checked ? n.value : 0), 0),
-    [e]
-  ), 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",
-      name: "Statistics",
-      innerSize: "72%",
-      data: e.map((t) => ({
-        name: t.label,
-        y: t.value,
-        color: o ? t.checked ? t.borderColor : p(t.borderColor, 0.4) : t.borderColor
-      }))
-    }
-  ],
-  [e, o]
-), y = (e, o, t, r) => a.useMemo(
-  () => e ?? String(o ? t : r),
-  [e, o, t, r]
-), b = () => a.useMemo(
-  () => ({
-    enabled: !0,
-    useHTML: !0,
-    outside: !0,
-    backgroundColor: "#FFFFFF",
-    borderWidth: 0,
-    borderRadius: 8,
-    shadow: !0,
-    style: {
-      fontFamily: "Manrope, sans-serif",
-      fontSize: "12px"
-    },
-    formatter: function() {
-      const e = this;
-      return `<div style="display:flex;align-items:center;gap:6px;padding:4px 8px;">
-          <span style="width:8px;height:8px;border-radius:50%;background:${e.color ?? "#000"};flex-shrink:0;display:inline-block;"></span>
-          <span style="color:#0D152C;font-weight:500;white-space:nowrap;">${e.key ?? e.name}</span>
-          <span style="color:#1F2B4D;font-weight:700;margin-left:4px;">${e.y}</span>
-        </div>`;
-    }
-  }),
-  []
-), 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: 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: {
-          events: {
-            click: function() {
-              if (!l) return;
-              const u = this.name, c = e.findIndex((d) => d.label === u);
-              c !== -1 && o && o(c, !e[c].checked);
-            }
-          }
-        }
-      }
-    }),
-    [e, o, r, s, n, i, l]
-  );
-}, S = (e, o, t) => {
-  const r = b(), s = h(e, o, t);
-  return a.useMemo(
-    () => ({
-      chart: {
-        margin: [0, 0, 0, 0],
-        spacing: [0, 0, 0, 0]
-      },
-      tooltip: r,
-      plotOptions: s
-    }),
-    [r, s]
-  );
-};
-export {
-  f as useStatisticsChartData,
-  y as useStatisticsChartLabel,
-  S as useStatisticsChartOptions,
-  h as useStatisticsChartPlotOptions,
-  x as useStatisticsChartSeries,
-  b as useStatisticsChartTooltip
-};