@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/components/CKCheckbox/index.js

@@ -1,44 +1,59 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { LG as t } from "../../constants.js";
-import '../../assets/index-DAtOlGx5.css';const c = {
-  "ckds-checkbox-wrapper": "_ckds-checkbox-wrapper_9rogj_1",
-  "ckds-checkbox": "_ckds-checkbox_9rogj_1",
-  "ckds-checkbox-sm": "_ckds-checkbox-sm_9rogj_49",
-  "ckds-checkbox-md": "_ckds-checkbox-md_9rogj_53",
-  "ckds-checkbox-tick": "_ckds-checkbox-tick_9rogj_58"
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { useRef as p, useLayoutEffect as m } from "react";
+import { LG as _ } from "../../constants.js";
+import { mergeClasses as t } from "../../utils/mergeClasses.js";
+import '../../assets/index-rrYSS2rl.css';const e = {
+  "ckds-checkbox-wrapper": "_ckds-checkbox-wrapper_2erx7_1",
+  "ckds-checkbox": "_ckds-checkbox_2erx7_1",
+  "ckds-checkbox-sm": "_ckds-checkbox-sm_2erx7_63",
+  "ckds-checkbox-md": "_ckds-checkbox-md_2erx7_67",
+  "ckds-checkbox-tick": "_ckds-checkbox-tick_2erx7_72",
+  "ckds-checkbox-indeterminate": "_ckds-checkbox-indeterminate_2erx7_99"
 };
-function i({
-  checked: o,
-  onChange: s,
-  wrapperClassName: r = "",
-  className: h = "",
-  disabled: d = !1,
-  size: x = t,
-  ...a
+function w({
+  checked: k,
+  indeterminate: o = !1,
+  onChange: x,
+  wrapperClassName: d = "",
+  classname: h = "",
+  disabled: a = !1,
+  size: i = _,
+  ...n
 }) {
-  return /* @__PURE__ */ b(
+  const s = p(null);
+  return m(() => {
+    s.current && (s.current.indeterminate = o, s.current.checked = !!k);
+  }, [o, k]), /* @__PURE__ */ b(
     "label",
     {
-      className: `${c["ckds-checkbox-wrapper"]} ${c[r]}`,
+      className: t(
+        e["ckds-checkbox-wrapper"],
+        e[d]
+      ),
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ c(
           "input",
           {
+            ref: s,
             type: "checkbox",
-            checked: o,
-            onChange: (k) => {
-              s?.(k.target.checked);
+            checked: k,
+            onChange: (r) => {
+              x?.(r.target.checked);
             },
-            onClick: (k) => k.stopPropagation(),
-            disabled: d,
-            ...a
+            onClick: (r) => r.stopPropagation(),
+            disabled: a,
+            ...n
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ c(
           "span",
           {
-            className: `${c["ckds-checkbox"]} ${c[`ckds-checkbox-${x}`]} ${c[h]}`,
-            children: /* @__PURE__ */ e("svg", { className: c["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ e("path", { d: "M4 8.5L7 11.5L12 5.5" }) })
+            className: t(
+              e["ckds-checkbox"],
+              e[`ckds-checkbox-${i}`],
+              h
+            ),
+            children: o ? /* @__PURE__ */ c("svg", { className: e["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ c("path", { d: "M4 8H12" }) }) : /* @__PURE__ */ c("svg", { className: e["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ c("path", { d: "M4 8.5L7 11.5L12 5.5" }) })
           }
         )
       ]
@@ -46,5 +61,5 @@ function i({
   );
 }
 export {
-  i as CKCheckbox
+  w as CKCheckbox
 };

package/dist/components/CKTag/_types/type.d.ts

@@ -5,7 +5,7 @@ type Shapes = "rounded" | "pill";
 export interface CKTagProps extends React.HTMLAttributes<HTMLSpanElement> {
     variation: CKTagVariation;
     children: React.ReactNode;
-    className?: string;
+    classname?: string;
     size?: sizes;
     fill?: FillVariants;
     shape?: Shapes;

package/dist/components/CKTag/_types/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKTag/_types/type.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AACnF,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AACjD,KAAK,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMzD,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKTag/_types/type.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AACX,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AACjD,KAAK,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMzD,CAAC"}

package/dist/components/CKTag/index.d.ts

@@ -1,3 +1,3 @@
 import { CKTagProps } from './_types/type';
-export declare function CKTag({ variation, children, className, size, fill, shape, ...restProps }: CKTagProps): import("react/jsx-runtime").JSX.Element;
+export declare function CKTag({ variation, children, classname, size, fill, shape, ...restProps }: CKTagProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CKTag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKTag/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,eAAe,CAAC;AAGvB,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,SAAc,EACd,IAAa,EACb,IAAY,EACZ,KAAe,EACf,GAAG,SAAS,EACb,EAAE,UAAU,2CAqBZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKTag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,eAAe,CAAC;AAGvB,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,SAAc,EACd,IAAa,EACb,IAAY,EACZ,KAAe,EACf,GAAG,SAAS,EACb,EAAE,UAAU,2CA6BZ"}

package/dist/components/CKTag/index.js

@@ -1,41 +1,50 @@
 import { jsx as d } from "react/jsx-runtime";
-import { SOLID as u, MEDIUM as o, ROUNDED as m, SMALL as g, LARGE as p } from "../../constants.js";
-import { statusClassMap as $ } from "./_types/type.js";
-import '../../assets/index-Bo4Tx8px.css';const k = "_small_9itnf_13", C = "_soft_9itnf_13", D = "_outline_9itnf_17", L = "_solid_9itnf_21", M = "_medium_9itnf_25", w = "_large_9itnf_37", E = "_rounded_9itnf_63", S = "_pill_9itnf_67", x = "_neutral_9itnf_72", y = "_success_9itnf_89", A = "_danger_9itnf_106", I = "_info_9itnf_123", N = "_warning_9itnf_140", n = {
+import { ROUNDED as m, MEDIUM as o, SOLID as u, SMALL as g, LARGE as p } from "../../constants.js";
+import { mergeClasses as k } from "../../utils/mergeClasses.js";
+import { statusClassMap as C } from "./_types/type.js";
+import '../../assets/index-Bo4Tx8px.css';const D = "_small_9itnf_13", L = "_soft_9itnf_13", M = "_outline_9itnf_17", w = "_solid_9itnf_21", E = "_medium_9itnf_25", S = "_large_9itnf_37", x = "_rounded_9itnf_63", y = "_pill_9itnf_67", A = "_neutral_9itnf_72", I = "_success_9itnf_89", N = "_danger_9itnf_106", O = "_info_9itnf_123", R = "_warning_9itnf_140", n = {
   "ckds-tag": "_ckds-tag_9itnf_1",
-  small: k,
-  soft: C,
-  outline: D,
-  solid: L,
-  medium: M,
-  large: w,
-  rounded: E,
-  pill: S,
-  neutral: x,
-  success: y,
-  danger: A,
-  info: I,
-  warning: N
+  small: D,
+  soft: L,
+  outline: M,
+  solid: w,
+  medium: E,
+  large: S,
+  rounded: x,
+  pill: y,
+  neutral: A,
+  success: I,
+  danger: N,
+  info: O,
+  warning: R
 };
-function b({
+function K({
   variation: s,
   children: i,
-  className: e = "",
+  classname: e = "",
   size: _ = o,
   fill: l = u,
-  shape: c = m,
-  ...r
+  shape: r = m,
+  ...c
 }) {
-  const a = $[s] || s || "neutral", f = (t) => t === g ? "ckcl-cap-med" : t === o || t === p ? "ckds-body-sm-med" : "";
+  const a = C[s] || s || "neutral", f = (t) => t === g ? "ckcl-cap-med" : t === o || t === p ? "ckds-body-sm-med" : "";
   return /* @__PURE__ */ d(
     "div",
     {
-      className: `${n["ckds-tag"]} ${n[a]} ${n[l]} ${n[_]} ${f(_)} ${n[c]} ${e}`,
-      ...r,
+      className: k(
+        n["ckds-tag"],
+        n[a],
+        n[l],
+        n[_],
+        f(_),
+        n[r],
+        e
+      ),
+      ...c,
       children: i
     }
   );
 }
 export {
-  b as CKTag
+  K as CKTag
 };

package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { CompareValues, FormatValue } from '../_types/costComparatorTable.types';
+interface CostCellProps<TRow> {
+    /** The comparator column key this cell belongs to. */
+    columnKey: string;
+    /** Index of this column inside the full ordered list of comparator columns. */
+    columnIndex: number;
+    /** The full ordered list of comparator column keys (used for non-comparator mode adjacency). */
+    orderedKeys: string[];
+    /** Original row, used to fetch sibling values for diff coloring. */
+    row: TRow;
+    /** The accessor used to read the row's value map (e.g. "costDates"). */
+    valueMapKey: string;
+    /** Current cell value. */
+    value: number | undefined;
+    /** Comparator mode toggle. */
+    comparatorMode: boolean;
+    /** Currently selected (and chronologically sorted) header keys. */
+    selected: string[];
+    /** Consumer-supplied formatter. */
+    formatValue: FormatValue<TRow>;
+    /** Consumer-supplied diff-class resolver. */
+    compareValues: CompareValues;
+}
+/**
+ * Body cell wrapper that handles:
+ *   • Comparator mode dim/disable styling.
+ *   • Diff coloring vs. the previous selected (or adjacent) column.
+ *   • Delegating value rendering to the consumer's `formatValue`.
+ *
+ * The library never produces color classes itself — `compareValues` is what
+ * chooses them. We just apply the returned class to the cell wrapper.
+ */
+export declare function CostCell<TRow extends Record<string, unknown>>({ columnKey, columnIndex, orderedKeys, row, valueMapKey, value, comparatorMode, selected, formatValue, compareValues, }: CostCellProps<TRow>): ReactNode;
+export {};
+//# sourceMappingURL=CostCell.d.ts.map

package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostCell.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_helpers/CostCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEtF,UAAU,aAAa,CAAC,IAAI;IAC1B,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,oEAAoE;IACpE,GAAG,EAAE,IAAI,CAAC;IACV,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,8BAA8B;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,SAAS,EACT,WAAW,EACX,WAAW,EACX,GAAG,EACH,WAAW,EACX,KAAK,EACL,cAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAa,GACd,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,CAmCjC"}

package/dist/components/CostComparatorTable/_helpers/CostCell.js

@@ -0,0 +1,52 @@
+import { jsx as x } from "react/jsx-runtime";
+import "react";
+import { s as d } from "../../../styles.module-CCyijXTv.js";
+import { mergeClasses as N } from "../../../utils/mergeClasses.js";
+import { pickPrecision as V } from "../_utils/costComparator.utils.js";
+function P({
+  columnKey: s,
+  columnIndex: e,
+  orderedKeys: o,
+  row: r,
+  valueMapKey: i,
+  value: b,
+  comparatorMode: C,
+  selected: n,
+  formatValue: k,
+  compareValues: p
+}) {
+  const t = Number(b ?? 0), m = V(t);
+  let f = "", a = !1;
+  if (C)
+    if (!n.includes(s))
+      a = !0;
+    else {
+      const c = n.indexOf(s);
+      if (c > 0) {
+        const l = n[c - 1], v = u(r, i, l);
+        f = p(t, v, m);
+      }
+    }
+  else if (e > 0) {
+    const c = o[e - 1], l = u(r, i, c);
+    f = p(t, l, m);
+  }
+  return /* @__PURE__ */ x(
+    "span",
+    {
+      className: N(
+        d["ckds-cost-cell"],
+        a ? d["ckds-disabled"] : "",
+        f
+      ),
+      children: k(t, r, s)
+    }
+  );
+}
+function u(s, e, o) {
+  const i = s[e];
+  return Number(i?.[o] ?? 0);
+}
+export {
+  P as CostCell
+};

package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.d.ts

@@ -0,0 +1,14 @@
+interface HeaderCheckboxProps {
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    onToggle: () => void;
+}
+/**
+ * Header content used while comparator mode is on.
+ * Renders a checkbox alongside the label and dims the whole header
+ * when the column is unselected.
+ */
+export declare function HeaderCheckbox({ label, checked, disabled, onToggle }: HeaderCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeaderCheckbox.d.ts.map

package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCheckbox.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_helpers/HeaderCheckbox.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAWzF"}

package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.js

@@ -0,0 +1,19 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { CKCheckbox as h } from "../../CKCheckbox/index.js";
+import { s as e } from "../../../styles.module-CCyijXTv.js";
+function l({ label: c, checked: r, disabled: a, onToggle: o }) {
+  return /* @__PURE__ */ d("span", { className: `${e["ckds-header-checkbox"]} ${a ? e["ckds-disabled"] : ""}`, children: [
+    /* @__PURE__ */ s(
+      h,
+      {
+        checked: r,
+        onChange: o,
+        size: "md"
+      }
+    ),
+    /* @__PURE__ */ s("span", { className: e["ckds-header-checkbox-label"], children: c })
+  ] });
+}
+export {
+  l as HeaderCheckbox
+};

package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+/**
+ * One date / period column the user can compare across.
+ * `key` is the lookup key used inside each row's value map (e.g. "01-Jan").
+ * `label` is what is shown in the header cell.
+ */
+export interface ComparatorColumn {
+    key: string;
+    label?: string;
+}
+/**
+ * Granularity hint. Used by the default header sorter to parse keys
+ * like "01-Jan", "01-Jan-07-Jan", "Jan-2025".
+ * Pass any string the consumer wants — only the three built-ins are sorted
+ * automatically; everything else falls back to lexical/insertion order.
+ */
+export type Granularity = "Daily" | "Weekly" | "Monthly" | (string & {});
+/**
+ * Renders the value inside a cell (body or footer total).
+ * Stays in the consumer so number formatting / currency / locale stay there.
+ *
+ * @param value     The raw numeric value from the row (or footer total).
+ * @param row       The original row passed in `data` (undefined for footer cells).
+ * @param columnKey The comparator column key (or "__total" / "__group" for fixed cols).
+ */
+export type FormatValue<TRow> = (value: number, row: TRow | undefined, columnKey: string) => ReactNode;
+/**
+ * Returns a CSS class name describing how `current` differs from `previous`.
+ * The library applies this class to the cell wrapper — it never decides colors itself.
+ *
+ * @param current   Current cell value.
+ * @param previous  Value of the previous selected (or adjacent) column.
+ * @param precision Suggested decimal precision (0 for big values, 2 for small).
+ */
+export type CompareValues = (current: number, previous: number, precision: number) => string;
+export interface CostComparatorTableProps<TRow extends Record<string, unknown>> {
+    /** Source rows. */
+    data: TRow[];
+    /** Ordered list of date/period columns to render between group and total. */
+    comparatorColumns: ComparatorColumn[];
+    /** Field on each row that holds the row's display label (e.g. "groupValue"). */
+    groupKey: keyof TRow;
+    /** Field on each row that holds the row total (e.g. "totalCost"). */
+    totalKey: keyof TRow;
+    /** Field on each row that holds the per-column value map (e.g. "costDates"). */
+    valueKey: keyof TRow;
+    /** Header text for the first (group) column. Defaults to "Service". */
+    serviceHeader?: string;
+    /** Label for the first cell of the totals row. Defaults to "Total". */
+    footerTotalKey?: string;
+    /** Hint used to sort selected headers chronologically. */
+    granularity?: Granularity;
+    /**
+     * Format any numeric value into the cell. The library does not format numbers itself.
+     */
+    formatValue: FormatValue<TRow>;
+    /**
+     * Return a class name that styles the diff between current and previous values.
+     * The class is applied to the cell wrapper.
+     */
+    compareValues: CompareValues;
+    /** Optional legend (e.g. ColorCode component) rendered next to the toggle. */
+    legend?: ReactNode;
+    /** Optional override for the toggle label. */
+    toggleLabel?: string;
+    /** Forwarded to CustomTable. */
+    maxHeight?: string;
+    /** Forwarded to CustomTable. Defaults to false (cost grids are usually small). */
+    virtualization?: boolean;
+    /** Sticky behaviour. Defaults to first + last (group + total). */
+    stickyStart?: "none" | "first" | "firstTwo";
+    stickyEnd?: "none" | "last";
+}
+/**
+ * Shape of every row CustomTable actually receives after we flatten.
+ * Internal — not exported from the library entry point.
+ */
+export interface FlatComparatorRow<TRow> extends Record<string, unknown> {
+    __group: unknown;
+    __total: number;
+    __original: TRow;
+}
+//# sourceMappingURL=costComparatorTable.types.d.ts.map

package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"costComparatorTable.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_types/costComparatorTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEzE;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,CAAC,IAAI,IAAI,CAC9B,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,SAAS,EAAE,MAAM,KACd,SAAS,CAAC;AAEf;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,CAC1B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,KACd,MAAM,CAAC;AAEZ,MAAM,WAAW,wBAAwB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5E,mBAAmB;IACnB,IAAI,EAAE,IAAI,EAAE,CAAC;IAEb,6EAA6E;IAC7E,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IAEtC,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,qEAAqE;IACrE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAE/B;;;OAGG;IACH,aAAa,EAAE,aAAa,CAAC;IAE7B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,IAAI,CAAC;CAClB"}

package/dist/components/CostComparatorTable/_types/costComparatorTable.types.js

@@ -0,0 +1 @@
+

package/dist/components/CostComparatorTable/_utils/costComparator.utils.d.ts

@@ -0,0 +1,22 @@
+import { ComparatorColumn, Granularity } from '../_types/costComparatorTable.types';
+/**
+ * Parse a header key into a comparable timestamp. Supports the three built-in
+ * granularities. Anything else returns NaN (callers fall back to insertion order).
+ *
+ * Note: this is a small, dependency-free parser. It deliberately doesn't pull
+ * moment/dayjs into the library bundle — keys outside the built-in formats
+ * are left to the consumer to provide pre-sorted.
+ */
+export declare function parseDateKey(key: string, granularity: Granularity): number;
+/**
+ * Sort selected header keys so cell-to-cell comparison always walks
+ * left-to-right in time order. Falls back to the original column order
+ * when keys can't be parsed.
+ */
+export declare function sortSelectedHeaders(selected: string[], granularity: Granularity, orderedColumns: ComparatorColumn[]): string[];
+/**
+ * Cost-comparator color thresholds use 2 decimals for small values
+ * and 0 for large ones. Mirrors the legacy behavior.
+ */
+export declare function pickPrecision(value: number): number;
+//# sourceMappingURL=costComparator.utils.d.ts.map

package/dist/components/CostComparatorTable/_utils/costComparator.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"costComparator.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_utils/costComparator.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEzF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAG,MAAM,CA+B1E;AAYD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,gBAAgB,EAAE,GACjC,MAAM,EAAE,CAUV;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD"}

package/dist/components/CostComparatorTable/_utils/costComparator.utils.js

@@ -0,0 +1,50 @@
+function a(r, o) {
+  if (o === "Daily") {
+    const e = r.match(m);
+    if (!e) return NaN;
+    const [, c, n] = e, t = N[n];
+    return t == null ? NaN : new Date(2e3, t, Number(c)).getTime();
+  }
+  if (o === "Weekly") {
+    const e = r.match(m);
+    if (!e) return NaN;
+    const [, c, n] = e, t = N[n];
+    return t == null ? NaN : new Date(2e3, t, Number(c)).getTime();
+  }
+  if (o === "Monthly") {
+    const e = r.match(i);
+    if (!e) return NaN;
+    const [, c, n] = e, t = N[c];
+    return t == null ? NaN : new Date(Number(n), t, 1).getTime();
+  }
+  return NaN;
+}
+const m = /(\d{1,2})[\s-]+([A-Za-z]{3})/, i = /([A-Za-z]{3})[\s-]+(\d{4})/, N = {
+  Jan: 0,
+  Feb: 1,
+  Mar: 2,
+  Apr: 3,
+  May: 4,
+  Jun: 5,
+  Jul: 6,
+  Aug: 7,
+  Sep: 8,
+  Oct: 9,
+  Nov: 10,
+  Dec: 11
+};
+function f(r, o, e) {
+  const c = new Map(e.map((n, t) => [n.key, t]));
+  return [...r].sort((n, t) => {
+    const s = a(n, o), u = a(t, o);
+    return !Number.isNaN(s) && !Number.isNaN(u) ? s - u : (c.get(n) ?? 0) - (c.get(t) ?? 0);
+  });
+}
+function h(r) {
+  return r > 100 || r < -100 ? 0 : 2;
+}
+export {
+  a as parseDateKey,
+  h as pickPrecision,
+  f as sortSelectedHeaders
+};

package/dist/components/CostComparatorTable/index.d.ts

@@ -0,0 +1,23 @@
+import { CostComparatorTableProps } from './_types/costComparatorTable.types';
+/**
+ * Cost-comparator table.
+ *
+ * A thin wrapper over {@link CustomTable} that adds:
+ *   • A "Cost Comparator Mode" toggle.
+ *   • Per-column header checkboxes for picking which columns to compare.
+ *   • Diff coloring across selected (or adjacent) columns.
+ *   • A footer total row with disabled styling on unselected columns.
+ *
+ * The library is intentionally agnostic about *how* values are formatted or
+ * colored. Consumers pass `formatValue` and `compareValues` so number
+ * formatting and color thresholds stay in their codebase.
+ *
+ * Implementation note: we drive CustomTable through `externalTableConfig`
+ * because its internal `tableConfig` state is initialized once and never
+ * re-synced. Using the external config makes header/cell renderers update
+ * on every render — required for the comparator toggle and selection state
+ * to flow through to the header checkboxes.
+ */
+export declare function CostComparatorTable<TRow extends Record<string, unknown>>({ data, comparatorColumns, groupKey, totalKey, valueKey, serviceHeader, footerTotalKey, granularity, formatValue, compareValues, legend, toggleLabel, maxHeight, virtualization, stickyStart, stickyEnd, }: CostComparatorTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
+export default CostComparatorTable;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CostComparatorTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CostComparatorTable/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,oCAAoC,CAAC;AAI5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxE,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAyB,EACzB,cAAwB,EACxB,WAAqB,EACrB,WAAW,EACX,aAAa,EACb,MAAM,EACN,WAAoC,EACpC,SAAS,EACT,cAAsB,EACtB,WAAqB,EACrB,SAAkB,GACnB,EAAE,wBAAwB,CAAC,IAAI,CAAC,2CA2LhC;AAED,eAAe,mBAAmB,CAAC"}