@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/CKButton/constants.js

@@ -0,0 +1,30 @@
+const E = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  HYPERLINK: "hyperlink",
+  COMBO: "combo"
+}, R = {
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large"
+}, e = {
+  LEFT: "left",
+  RIGHT: "right"
+}, t = {
+  TRUE: !0,
+  FALSE: !1
+}, I = {
+  TRUE: !0,
+  FALSE: !1
+}, s = {
+  TRUE: !0,
+  FALSE: !1
+};
+export {
+  t as ERROR,
+  s as FULL_WIDTH,
+  e as ICON_POSITION,
+  I as IS_SUBMIT,
+  R as SIZE,
+  E as VARIANT
+};

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from './_types/button.types';
+export declare const CKButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMzD,eAAO,MAAM,QAAQ,+HAiGnB,CAAC"}

package/dist/components/CKButton/index.js

@@ -0,0 +1,91 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { s as o } from "../../IconSlot-CFKmSU2_.js";
+import { StandardLayout as g } from "./_helper/StandardLayout.js";
+import { ComboLayout as E } from "./_helper/ComboLayout.js";
+import { mergeClasses as k } from "../../utils/mergeClasses.js";
+import { VARIANT as C, SIZE as B, ERROR as F, IS_SUBMIT as N, FULL_WIDTH as O } from "./constants.js";
+const w = y(function(A, i) {
+  const {
+    variant: n = C.PRIMARY,
+    size: a = B.LARGE,
+    label: s,
+    icons: l,
+    error: h = F.FALSE,
+    isSubmit: v = N.FALSE,
+    fullWidth: I = O.FALSE,
+    disabled: t,
+    className: L,
+    href: c,
+    iconOnly: R,
+    ...m
+  } = A, d = l?.left, b = l?.right, S = k(
+    o["ckds-button"],
+    o[n],
+    o[a],
+    h && o.error,
+    I && "ckds-w-full",
+    R && o["icon-only"],
+    L
+  ), f = n === C.COMBO ? /* @__PURE__ */ e(
+    E,
+    {
+      leftIcon: d,
+      rightIcon: b,
+      label: s,
+      size: a,
+      dividerClass: o["combo-divider"],
+      labelAreaClass: o["combo-label-area"],
+      labelAreaWithDividerClass: o["combo-label-area-with-divider"],
+      iconAreaClass: o["combo-icon-area"]
+    }
+  ) : /* @__PURE__ */ e(
+    g,
+    {
+      leftIcon: d,
+      rightIcon: b,
+      label: s,
+      size: a
+    }
+  ), u = {
+    className: S
+  };
+  if (c) {
+    const r = m;
+    return /* @__PURE__ */ e(
+      "a",
+      {
+        ...u,
+        ref: i,
+        href: t ? void 0 : c,
+        "aria-disabled": t || void 0,
+        target: r.target,
+        rel: r.target === "_blank" ? r.rel ?? "noopener noreferrer" : r.rel,
+        onClick: (p) => {
+          if (t) {
+            p.preventDefault();
+            return;
+          }
+          r.onClick?.(p);
+        },
+        ...r,
+        children: f
+      }
+    );
+  }
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ...u,
+      ref: i,
+      type: v ? "submit" : "button",
+      disabled: t,
+      ...m,
+      children: f
+    }
+  );
+});
+w.displayName = "CKButton";
+export {
+  w as CKButton
+};

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type sizes = "sm" | "md" | "lg";
+export interface DSCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    checked: boolean;
+    /** When true, shows a partial/indeterminate state (dash icon) */
+    indeterminate?: boolean;
+    wrapperClassName?: string;
+    classname?: string;
+    onChange?: (val: boolean) => void;
+    size?: sizes;
+}
+export {};
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKCheckbox/_types/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd"}

package/dist/components/CKCheckbox/_types/type.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { DSCheckboxProps } from './_types/type';
+export declare function CKCheckbox({ checked, indeterminate, onChange, wrapperClassName, classname, disabled, size, ...restProps }: DSCheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKCheckbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,gBAAqB,EACrB,SAAc,EACd,QAAgB,EAChB,IAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CA+CjB"}

package/dist/components/CKCheckbox/index.js

@@ -0,0 +1,65 @@
+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 w({
+  checked: k,
+  indeterminate: o = !1,
+  onChange: x,
+  wrapperClassName: d = "",
+  classname: h = "",
+  disabled: a = !1,
+  size: i = _,
+  ...n
+}) {
+  const s = p(null);
+  return m(() => {
+    s.current && (s.current.indeterminate = o, s.current.checked = !!k);
+  }, [o, k]), /* @__PURE__ */ b(
+    "label",
+    {
+      className: t(
+        e["ckds-checkbox-wrapper"],
+        e[d]
+      ),
+      children: [
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: s,
+            type: "checkbox",
+            checked: k,
+            onChange: (r) => {
+              x?.(r.target.checked);
+            },
+            onClick: (r) => r.stopPropagation(),
+            disabled: a,
+            ...n
+          }
+        ),
+        /* @__PURE__ */ c(
+          "span",
+          {
+            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" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  w as CKCheckbox
+};

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

@@ -0,0 +1,15 @@
+export type sizes = "small" | "medium" | "large";
+export type CKTagVariation = "NEUTRAL" | "DANGER" | "SUCCESS" | "WARNING" | "INFO";
+type FillVariants = "outline" | "soft" | "solid";
+type Shapes = "rounded" | "pill";
+export interface CKTagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variation: CKTagVariation;
+    children: React.ReactNode;
+    classname?: string;
+    size?: sizes;
+    fill?: FillVariants;
+    shape?: Shapes;
+}
+export declare const statusClassMap: Record<CKTagVariation, string>;
+export {};
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"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/_types/type.js

@@ -0,0 +1,11 @@
+import { WARNING as s, INFO as t, SUCCESS as N, DANGER as o, NEUTRAL as a } from "../../../constants.js";
+const r = {
+  NEUTRAL: a,
+  DANGER: o,
+  SUCCESS: N,
+  INFO: t,
+  WARNING: s
+};
+export {
+  r as statusClassMap
+};

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

@@ -0,0 +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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,50 @@
+import { jsx as d } from "react/jsx-runtime";
+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: 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 K({
+  variation: s,
+  children: i,
+  classname: e = "",
+  size: _ = o,
+  fill: l = u,
+  shape: r = m,
+  ...c
+}) {
+  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: k(
+        n["ckds-tag"],
+        n[a],
+        n[l],
+        n[_],
+        f(_),
+        n[r],
+        e
+      ),
+      ...c,
+      children: i
+    }
+  );
+}
+export {
+  K as CKTag
+};

package/dist/components/CardBox/_types/cardBox.types.d.ts

@@ -0,0 +1,10 @@
+import { Size } from '../../MetricCards/_types/metricCards.types';
+export interface BoxProps {
+    children: React.ReactNode;
+    size: Size;
+    className?: string;
+    boxBg?: boolean;
+    cardFooter?: React.ReactNode;
+    shadow?: boolean;
+}
+//# sourceMappingURL=cardBox.types.d.ts.map

package/dist/components/CardBox/_types/cardBox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardBox.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/CardBox/_types/cardBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAEvE,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/components/CardBox/_types/cardBox.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { BoxProps } from './_types/cardBox.types';
+export declare const CardBox: React.FC<BoxProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CardBox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkBtC,CAAC"}

package/dist/components/CardBox/index.js

@@ -0,0 +1,30 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { SIZE as i } from "../MetricCards/Constant/constant.js";
+import '../../assets/index-CaWXKQ7j.css';const t = "_shadow_1vefd_14", l = "_footer_1vefd_45", e = {
+  "metric-card-wrapper": "_metric-card-wrapper_1vefd_1",
+  shadow: t,
+  "ckds-cardbox": "_ckds-cardbox_1vefd_18",
+  "box-bg": "_box-bg_1vefd_22",
+  "size-regular": "_size-regular_1vefd_38",
+  "size-large": "_size-large_1vefd_41",
+  footer: l
+}, x = ({
+  children: o,
+  cardFooter: r,
+  size: a = i.REGULAR,
+  className: d = "",
+  boxBg: _ = !1,
+  shadow: c = !1
+}) => /* @__PURE__ */ f("div", { className: `${e["metric-card-wrapper"]} ${c ? e.shadow : ""} ${d}`, children: [
+  /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${e["ckds-cardbox"]} ${e[`size-${a}`]} ${_ ? e["box-bg"] : ""}`,
+      children: o
+    }
+  ),
+  r && /* @__PURE__ */ s("div", { className: e.footer, children: r })
+] });
+export {
+  x as CardBox
+};

package/dist/components/Checkbox/index.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import '../../assets/index4.css';const e = {
+import '../../assets/index-DRigR6XT.css';const e = {
   "ckcl-checkbox-wrapper": "_ckcl-checkbox-wrapper_19qa8_1",
   "ckcl-checkbox": "_ckcl-checkbox_19qa8_1"
 };

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"}