@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/isFocusVisible-BzX3wEi7.js

@@ -0,0 +1,12 @@
+function s(o) {
+  try {
+    return o.matches(":focus-visible");
+  } catch {
+    process.env.NODE_ENV !== "production" && !window.navigator.userAgent.includes("jsdom") && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
+`));
+  }
+  return !1;
+}
+export {
+  s as i
+};

package/dist/main.d.ts

@@ -27,7 +27,24 @@ export { GroupedMultiSelect } from './components/GroupedMultiSelect';
 export { GroupedSingleSelect } from './components/GroupedSingleSelect';
 export { MenuOptions, MenuOptionsWrapper } from './components/MenuOptions';
 export { TextField } from './components/TextField';
+export { Pagination } from './components/Pagination';
+export { ProgressBar } from './components/ProgressBar';
+export type { ProgressBarProps, ProgressBarColor, ProgressBarSize, ProgressBarThreshold } from './components/ProgressBar/_types/progressBar.types';
+export { DateRangePicker } from './components/DateRangePicker/DateRangePicker';
+export { CustomTable } from './components/Table';
+export { CostComparatorTable } from './components/CostComparatorTable';
+export { RadioGroup } from './components/RadioGroup';
+export { useSelection } from './components/Table/_hooks/useSelection';
+export { useExpansion } from './components/Table/_hooks/useExpansion';
+export { useFilterColumnState } from './components/Table/_hooks/useFilterColumnState';
+export { FilterColumnToolbar } from './components/Table/_helpers/FilterColumnToolbar';
 export { MetricCard } from './components/MetricCards';
 export { CardBox } from './components/CardBox';
+export { MultiSelect } from './components/MultiSelect';
+export { SimpleMultiSelect } from './components/MultiSelect/SimpleMultiSelect';
+export { ProfileDropdown } from './components/ProfileDropdown';
+export { MAVDropdown } from './components/MAVDropdown';
 export * from './theme/Theme';
+export { FusionChart } from './components/FusionChart';
+export { Loader } from './components/Loader';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,cAAc,eAAe,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"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"}

package/dist/main.js

@@ -1,15 +1,15 @@
-import { Button as I } from "./components/Button/index.js";
-import { Avatar as q } from "./components/Avatar/index.js";
-import { CKButton as F } from "./components/CKButton/index.js";
+import { Button as z } from "./components/Button/index.js";
+import { Avatar as I } from "./components/Avatar/index.js";
+import { CKButton as q } from "./components/CKButton/index.js";
 import { IconButton as X } from "./components/IconButton/index.js";
 import { Stepper as J } from "./components/Stepper/index.js";
 import { Input as Z } from "./components/Input/index.js";
 import { Label as ce } from "./components/Label/index.js";
-import { Tag as se } from "./components/Tag/index.js";
-import { Switch as ae } from "./components/Switch/index.js";
+import { Tag as re } from "./components/Tag/index.js";
+import { Switch as se } from "./components/Switch/index.js";
 import { Checkbox as te } from "./components/Checkbox/index.js";
 import { CopyText as de } from "./components/Copy/index.js";
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import { useState as p, useEffect as k } from "react";
 import { Tooltip as ne } from "./components/Tooltip/index.js";
 import { Toggle as ke } from "./components/Toggle/index.js";
@@ -22,19 +22,35 @@ import { useToast as Ce } from "./components/Toast/_hooks/useToast.js";
 import { EmptyState as Se } from "./components/EmptyState/index.js";
 import { RadioButton as Be } from "./components/RadioButton/index.js";
 import { ErrorPage as Ge } from "./components/ErrorPage/index.js";
-import { Search as Me } from "./components/Search/index.js";
-import { SingleSelectDropdown as Pe } from "./components/SingleSelectDropdown/index.js";
-import { Breadcrumb as Ke } from "./components/Breadcrumb/index.js";
-import { DeviationTag as je } from "./components/DeviationTag/index.js";
-import { GroupedMultiSelect as De } from "./components/GroupedMultiSelect/index.js";
-import { GroupedSingleSelect as Ie } from "./components/GroupedSingleSelect/index.js";
-import { MenuOptions as qe } from "./components/MenuOptions/index.js";
-import { TextField as Fe } from "./components/TextField/index.js";
-import { MetricCard as Xe } from "./components/MetricCards/index.js";
-import { CardBox as Je } from "./components/CardBox/index.js";
-import { CKThemeProvider as Ze } from "./theme/Theme.js";
-import { MenuOptionsWrapper as cc } from "./components/MenuOptions/MenuOptionsWrapper.js";
-import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", C = "_swatch_97m56_79", T = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", V = "_fsSample_97m56_135", c = {
+import { Search as Ve } from "./components/Search/index.js";
+import { SingleSelectDropdown as Le } from "./components/SingleSelectDropdown/index.js";
+import { Breadcrumb as He } from "./components/Breadcrumb/index.js";
+import { DeviationTag as Ee } from "./components/DeviationTag/index.js";
+import { GroupedMultiSelect as We } from "./components/GroupedMultiSelect/index.js";
+import { GroupedSingleSelect as ze } from "./components/GroupedSingleSelect/index.js";
+import { MenuOptions as Ie } from "./components/MenuOptions/index.js";
+import { TextField as qe } from "./components/TextField/index.js";
+import { Pagination as Xe } from "./components/Pagination/index.js";
+import { ProgressBar as Je } from "./components/ProgressBar/index.js";
+import { DateRangePicker as Ze } from "./components/DateRangePicker/DateRangePicker.js";
+import { CustomTable as cc } from "./components/Table/index.js";
+import { CostComparatorTable as rc } from "./components/CostComparatorTable/index.js";
+import { RadioGroup as sc } from "./components/RadioGroup/index.js";
+import { useSelection as tc } from "./components/Table/_hooks/useSelection.js";
+import { useExpansion as dc } from "./components/Table/_hooks/useExpansion.js";
+import { useFilterColumnState as nc } from "./components/Table/_hooks/useFilterColumnState.js";
+import { FilterColumnToolbar as kc } from "./components/Table/_helpers/FilterColumnToolbar.js";
+import { MetricCard as gc } from "./components/MetricCards/index.js";
+import { CardBox as yc } from "./components/CardBox/index.js";
+import { MultiSelect as fc } from "./components/MultiSelect/index.js";
+import { SimpleMultiSelect as vc } from "./components/MultiSelect/SimpleMultiSelect.js";
+import { ProfileDropdown as Nc } from "./components/ProfileDropdown/index.js";
+import { MAVDropdown as Cc } from "./components/MAVDropdown/index.js";
+import { CKThemeProvider as Sc } from "./theme/Theme.js";
+import { FusionChart as Bc } from "./components/FusionChart/index.js";
+import { Loader as Gc } from "./components/Loader/index.js";
+import { MenuOptionsWrapper as Vc } from "./components/MenuOptions/MenuOptionsWrapper.js";
+import './assets/main-Dv8QUU_o.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", C = "_swatch_97m56_79", T = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", M = "_fsSample_97m56_135", c = {
   showcase: b,
   title: g,
   lead: h,
@@ -53,7 +69,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   typographyMeta: B,
   typographyClass: R,
   typographyGroupTitle: G,
-  fsSample: V
+  fsSample: M
 }, m = [
   {
     title: "Primary",
@@ -173,7 +189,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
       "--ckcl-tag-alert-border"
     ]
   }
-], M = [
+], V = [
   "ckcl-primary-bg-600",
   "ckcl-primary-bg-500",
   "ckcl-primary-bg-400",
@@ -209,7 +225,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-green-bg-200",
   "ckcl-green-bg-100",
   "ckcl-green-bg-50"
-], L = [
+], P = [
   "ckcl-primary-600",
   "ckcl-primary-500",
   "ckcl-primary-400",
@@ -237,7 +253,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-green-300",
   "ckcl-green-200",
   "ckcl-green-100"
-], P = [
+], L = [
   "ckcl-fs-3xs",
   "ckcl-fs-2xs",
   "ckcl-fs-xs",
@@ -245,7 +261,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-fs-md",
   "ckcl-fs-lg",
   "ckcl-fs-xl"
-], H = [
+], D = [
   ...["reg", "med", "semibold", "bold"].map((e) => ({
     group: "Heading 1",
     label: `H1 ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
@@ -282,25 +298,25 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
     className: `ckcl-cap-${e === "semibold" ? "semibold" : e}`
   }))
 ];
-function K() {
+function H() {
   const [e, i] = p({});
   return k(() => {
-    const d = document.documentElement, s = getComputedStyle(d), a = {};
-    for (const o of m)
-      for (const t of o.variables)
-        a[t] = s.getPropertyValue(t).trim();
-    i(a);
+    const d = document.documentElement, r = getComputedStyle(d), s = {};
+    for (const a of m)
+      for (const t of a.variables)
+        s[t] = r.getPropertyValue(t).trim();
+    i(s);
   }, []), e;
 }
-function z({ className: e = "" }) {
-  const i = K(), d = H.reduce((s, a) => (s[a.group] || (s[a.group] = []), s[a.group].push(a), s), {});
-  return /* @__PURE__ */ r(
+function F({ className: e = "" }) {
+  const i = H(), d = D.reduce((r, s) => (r[s.group] || (r[s.group] = []), r[s.group].push(s), r), {});
+  return /* @__PURE__ */ o(
     "div",
     {
       className: `${c.showcase} ckcl-font-family-base ckcl-body-sm-reg ${e}`,
       children: [
         /* @__PURE__ */ l("h1", { className: c.title, children: "Design tokens & utilities" }),
-        /* @__PURE__ */ r("p", { className: c.lead, children: [
+        /* @__PURE__ */ o("p", { className: c.lead, children: [
           "Reference for CSS custom properties (override via ",
           /* @__PURE__ */ l("code", { children: ":root" }),
           ") and global utility classes from the CloudKeeper component library theme. Import",
@@ -310,38 +326,38 @@ function z({ className: e = "" }) {
           /* @__PURE__ */ l("code", { children: "CKThemeProvider" }),
           ") so variables and classes apply."
         ] }),
-        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-vars", children: [
+        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-vars", children: [
           /* @__PURE__ */ l("h2", { id: "section-vars", className: c.sectionTitle, children: "CSS variables" }),
-          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Resolved values below come from the current document (Storybook loads",
             " ",
             /* @__PURE__ */ l("code", { children: "lib/theme/theme.scss" }),
             " in preview)."
           ] }),
-          m.map((s) => /* @__PURE__ */ r("div", { children: [
-            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: s.title }),
-            /* @__PURE__ */ l("div", { className: c.grid, children: s.variables.map((a) => {
-              const o = i[a] ?? "", t = o || "(empty)", n = o.startsWith("#") || o.startsWith("rgb") || a.includes("tag-") || a.includes("primary-") || a.includes("black-") || a.includes("red-") || a.includes("yellow-") || a.includes("green-") || a === "--ckcl-white";
-              return /* @__PURE__ */ r("div", { className: c.varRow, children: [
-                n && o.startsWith("#") ? /* @__PURE__ */ l(
+          m.map((r) => /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r.title }),
+            /* @__PURE__ */ l("div", { className: c.grid, children: r.variables.map((s) => {
+              const a = i[s] ?? "", t = a || "(empty)", n = a.startsWith("#") || a.startsWith("rgb") || s.includes("tag-") || s.includes("primary-") || s.includes("black-") || s.includes("red-") || s.includes("yellow-") || s.includes("green-") || s === "--ckcl-white";
+              return /* @__PURE__ */ o("div", { className: c.varRow, children: [
+                n && a.startsWith("#") ? /* @__PURE__ */ l(
                   "div",
                   {
                     className: c.colorChip,
-                    style: { backgroundColor: `var(${a})` },
+                    style: { backgroundColor: `var(${s})` },
                     title: t
                   }
                 ) : null,
-                /* @__PURE__ */ l("span", { className: c.varName, children: a }),
+                /* @__PURE__ */ l("span", { className: c.varName, children: s }),
                 /* @__PURE__ */ l("span", { className: c.varValue, children: t })
-              ] }, a);
+              ] }, s);
             }) })
-          ] }, s.title))
+          ] }, r.title))
         ] }),
-        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-bg", children: [
+        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-bg", children: [
           /* @__PURE__ */ l("h2", { id: "section-bg", className: c.sectionTitle, children: "Background color classes" }),
-          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Classes follow ",
-            /* @__PURE__ */ r("code", { children: [
+            /* @__PURE__ */ o("code", { children: [
               "ckcl-",
               "<scale>",
               "-bg-",
@@ -352,16 +368,16 @@ function z({ className: e = "" }) {
             /* @__PURE__ */ l("code", { children: "_backgroundColor.scss" }),
             ")."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: M.map((s) => /* @__PURE__ */ r("div", { className: c.swatch, children: [
-            /* @__PURE__ */ l("div", { className: `${s} ${c.swatchTop}`, "aria-hidden": !0 }),
-            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: s })
-          ] }, s)) })
+          /* @__PURE__ */ l("div", { className: c.grid, children: V.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
+            /* @__PURE__ */ l("div", { className: `${r} ${c.swatchTop}`, "aria-hidden": !0 }),
+            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
+          ] }, r)) })
         ] }),
-        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-text", children: [
+        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-text", children: [
           /* @__PURE__ */ l("h2", { id: "section-text", className: c.sectionTitle, children: "Text color classes" }),
-          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Classes follow ",
-            /* @__PURE__ */ r("code", { children: [
+            /* @__PURE__ */ o("code", { children: [
               "ckcl-",
               "<scale>",
               "-",
@@ -377,85 +393,101 @@ function z({ className: e = "" }) {
             /* @__PURE__ */ l("code", { children: "_color.scss" }),
             "."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: L.map((s) => /* @__PURE__ */ r("div", { className: c.swatch, children: [
+          /* @__PURE__ */ l("div", { className: c.grid, children: P.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
             /* @__PURE__ */ l(
               "div",
               {
-                className: `${c.swatchTop} ${s === "ckcl-white" ? "ckcl-black-bg-600" : "ckcl-black-bg-50"}`,
-                children: /* @__PURE__ */ l("span", { className: s, children: "Aa Sample" })
+                className: `${c.swatchTop} ${r === "ckcl-white" ? "ckcl-black-bg-600" : "ckcl-black-bg-50"}`,
+                children: /* @__PURE__ */ l("span", { className: r, children: "Aa Sample" })
               }
             ),
-            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: s })
-          ] }, s)) })
+            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
+          ] }, r)) })
         ] }),
-        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-fs", children: [
+        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-fs", children: [
           /* @__PURE__ */ l("h2", { id: "section-fs", className: c.sectionTitle, children: "Font size classes" }),
-          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Use ",
             /* @__PURE__ */ l("code", { children: "ckcl-fs-*" }),
             " for raw steps; prefer typography presets below for line height and weight."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: P.map((s) => /* @__PURE__ */ r("div", { className: c.varRow, children: [
-            /* @__PURE__ */ l("p", { className: `${s} ${c.fsSample} ckcl-black-600`, children: "The quick brown fox" }),
-            /* @__PURE__ */ l("span", { className: c.varName, children: s })
-          ] }, s)) })
+          /* @__PURE__ */ l("div", { className: c.grid, children: L.map((r) => /* @__PURE__ */ o("div", { className: c.varRow, children: [
+            /* @__PURE__ */ l("p", { className: `${r} ${c.fsSample} ckcl-black-600`, children: "The quick brown fox" }),
+            /* @__PURE__ */ l("span", { className: c.varName, children: r })
+          ] }, r)) })
         ] }),
-        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-type", children: [
+        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-type", children: [
           /* @__PURE__ */ l("h2", { id: "section-type", className: c.sectionTitle, children: "Typography presets" }),
-          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Composite classes combining font size, weight, and line height (",
             /* @__PURE__ */ l("code", { children: "_typography.scss" }),
             ")."
           ] }),
-          Object.entries(d).map(([s, a]) => /* @__PURE__ */ r("div", { children: [
-            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: s }),
-            a.map((o) => /* @__PURE__ */ r("div", { className: c.typographyRow, children: [
-              /* @__PURE__ */ r("div", { children: [
-                /* @__PURE__ */ l("div", { className: c.typographyMeta, children: o.label }),
-                /* @__PURE__ */ l("div", { className: c.typographyClass, children: o.className })
+          Object.entries(d).map(([r, s]) => /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r }),
+            s.map((a) => /* @__PURE__ */ o("div", { className: c.typographyRow, children: [
+              /* @__PURE__ */ o("div", { children: [
+                /* @__PURE__ */ l("div", { className: c.typographyMeta, children: a.label }),
+                /* @__PURE__ */ l("div", { className: c.typographyClass, children: a.className })
               ] }),
-              /* @__PURE__ */ l("div", { className: `${o.className} ckcl-black-600`, children: "The quick brown fox jumps over the lazy dog." })
-            ] }, o.className))
-          ] }, s))
+              /* @__PURE__ */ l("div", { className: `${a.className} ckcl-black-600`, children: "The quick brown fox jumps over the lazy dog." })
+            ] }, a.className))
+          ] }, r))
         ] })
       ]
     }
   );
 }
 export {
-  q as Avatar,
-  Ke as Breadcrumb,
-  I as Button,
-  F as CKButton,
+  I as Avatar,
+  He as Breadcrumb,
+  z as Button,
+  q as CKButton,
   ye as CKCheckbox,
   ge as CKTag,
-  Ze as CKThemeProvider,
-  Je as CardBox,
+  Sc as CKThemeProvider,
+  yc as CardBox,
   te as Checkbox,
   de as CopyText,
-  z as DesignSystemShowcase,
-  je as DeviationTag,
+  rc as CostComparatorTable,
+  cc as CustomTable,
+  Ze as DateRangePicker,
+  F as DesignSystemShowcase,
+  Ee as DeviationTag,
   Se as EmptyState,
   Ge as ErrorPage,
-  De as GroupedMultiSelect,
-  Ie as GroupedSingleSelect,
+  kc as FilterColumnToolbar,
+  Bc as FusionChart,
+  We as GroupedMultiSelect,
+  ze as GroupedSingleSelect,
   X as IconButton,
   Z as Input,
   ce as Label,
-  qe as MenuOptions,
-  cc as MenuOptionsWrapper,
-  Xe as MetricCard,
+  Gc as Loader,
+  Cc as MAVDropdown,
+  Ie as MenuOptions,
+  Vc as MenuOptionsWrapper,
+  gc as MetricCard,
+  fc as MultiSelect,
+  Xe as Pagination,
+  Nc as ProfileDropdown,
+  Je as ProgressBar,
   Be as RadioButton,
-  Me as Search,
-  Pe as SingleSelectDropdown,
+  sc as RadioGroup,
+  Ve as Search,
+  vc as SimpleMultiSelect,
+  Le as SingleSelectDropdown,
   J as Stepper,
-  ae as Switch,
+  se as Switch,
   fe as Tabs,
-  se as Tag,
-  Fe as TextField,
+  re as Tag,
+  qe as TextField,
   ve as ToastContent,
   Ne as ToastProvider,
   ke as Toggle,
   ne as Tooltip,
+  dc as useExpansion,
+  nc as useFilterColumnState,
+  tc as useSelection,
   Ce as useToast
 };

package/dist/reset-icon-YxMt3Ozp.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_1503_22834)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.48783 12.6409C10.9903 11.9817 12.8337 9.70675 12.8337 7.00008C12.8337 3.78008 10.2437 1.16675 7.00033 1.16675C3.10949 1.16675 1.16699 4.41008 1.16699 4.41008M1.16699 4.41008V1.75008M1.16699 4.41008H2.33949H3.75699", stroke: "currentColor", strokeWidth: 0.88, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M1.16699 7C1.16699 10.22 3.78033 12.8333 7.00033 12.8333", stroke: "currentColor", strokeWidth: 0.88, strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "1.87 1.87" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_1503_22834" }, /* @__PURE__ */ e.createElement("rect", { width: 14, height: 14, fill: "white" }))));
+export {
+  r as S
+};

package/dist/search-B_cup-NN.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M9.91699 9.9165L12.2503 12.2498", stroke: "#737373", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M11.0833 6.41667C11.0833 3.83934 8.99401 1.75 6.41667 1.75C3.83934 1.75 1.75 3.83934 1.75 6.41667C1.75 8.99401 3.83934 11.0833 6.41667 11.0833C8.99401 11.0833 11.0833 8.99401 11.0833 6.41667Z", stroke: "#737373", strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as S
+};

package/dist/styles.module-BXby6f8d.js

@@ -0,0 +1,16 @@
+import './assets/styles-CZCmGNUn.css';const c = {
+  "ckds-cost-comparator-wrapper": "_ckds-cost-comparator-wrapper_115v1_1",
+  "ckds-cost-comparator-toolbar": "_ckds-cost-comparator-toolbar_115v1_5",
+  "ckds-cost-comparator-toggle": "_ckds-cost-comparator-toggle_115v1_13",
+  "ckds-cost-comparator-toggle-label": "_ckds-cost-comparator-toggle-label_115v1_21",
+  "ckds-cost-comparator-legend": "_ckds-cost-comparator-legend_115v1_27",
+  "ckds-header-label": "_ckds-header-label_115v1_32",
+  "ckds-header-checkbox": "_ckds-header-checkbox_115v1_37",
+  "ckds-disabled": "_ckds-disabled_115v1_43",
+  "ckds-header-checkbox-label": "_ckds-header-checkbox-label_115v1_43",
+  "ckds-cost-cell": "_ckds-cost-cell_115v1_54",
+  "ckds-total-cell": "_ckds-total-cell_115v1_59"
+};
+export {
+  c as s
+};

package/dist/styles.module-BZaUJMlf.js

@@ -0,0 +1,14 @@
+import './assets/styles-Chhklrps.css';const o = "_popup_bks9o_39", d = {
+  "ckds-dialog-overlay": "_ckds-dialog-overlay_bks9o_1",
+  "ckds-dialog": "_ckds-dialog_bks9o_1",
+  popup: o,
+  "dialog-box": "_dialog-box_bks9o_43",
+  "ckds-dialog-header": "_ckds-dialog-header_bks9o_49",
+  "ckds-dialog-title": "_ckds-dialog-title_bks9o_58",
+  "ckds-dialog-close": "_ckds-dialog-close_bks9o_63",
+  "ckds-dialog-content": "_ckds-dialog-content_bks9o_73",
+  "ckds-dialog-footer": "_ckds-dialog-footer_bks9o_79"
+};
+export {
+  d as s
+};

package/dist/styles.module-Dojg5FTS.js

@@ -0,0 +1,41 @@
+import './assets/styles-CYxKrBqL.css';const e = "_required_1ka1a_35", a = "_trigger_1ka1a_39", _ = "_placeholder_1ka1a_66", r = "_chevron_1ka1a_74", o = "_dropdown_1ka1a_133", t = "_divider_1ka1a_176", l = "_clearDisabled_1ka1a_240", c = {
+  "ckds-wrapper": "_ckds-wrapper_1ka1a_1",
+  "label-wrapper": "_label-wrapper_1ka1a_31",
+  required: e,
+  "trigger-wrapper": "_trigger-wrapper_1ka1a_39",
+  trigger: a,
+  "trigger-open": "_trigger-open_1ka1a_58",
+  placeholder: _,
+  "placeholder-required": "_placeholder-required_1ka1a_70",
+  chevron: r,
+  "chevron-up": "_chevron-up_1ka1a_80",
+  "selected-tags-container": "_selected-tags-container_1ka1a_84",
+  "selected-tag-wrapper": "_selected-tag-wrapper_1ka1a_92",
+  "selected-tag-content": "_selected-tag-content_1ka1a_98",
+  "select-all-label": "_select-all-label_1ka1a_105",
+  "remove-icon": "_remove-icon_1ka1a_110",
+  "overflow-count": "_overflow-count_1ka1a_114",
+  "helper-text": "_helper-text_1ka1a_119",
+  dropdown: o,
+  "dropdown-helper": "_dropdown-helper_1ka1a_150",
+  "result-wrapper": "_result-wrapper_1ka1a_155",
+  "result-count": "_result-count_1ka1a_162",
+  "exclude-row": "_exclude-row_1ka1a_166",
+  "exclude-label": "_exclude-label_1ka1a_172",
+  divider: t,
+  "ckds-options-list": "_ckds-options-list_1ka1a_182",
+  "option-row": "_option-row_1ka1a_197",
+  "option-label": "_option-label_1ka1a_211",
+  "no-results": "_no-results_1ka1a_215",
+  "ckds-multi-select-footer": "_ckds-multi-select-footer_1ka1a_221",
+  "clear-btn": "_clear-btn_1ka1a_234",
+  clearDisabled: l,
+  "footer-actions": "_footer-actions_1ka1a_245",
+  "footer-actions-end": "_footer-actions-end_1ka1a_250",
+  "menu-list": "_menu-list_1ka1a_279",
+  "ckds-menu-item": "_ckds-menu-item_1ka1a_294",
+  "menu-item-label": "_menu-item-label_1ka1a_306"
+};
+export {
+  c as s
+};

package/dist/styles.module-ZyeVE7KZ.js

@@ -0,0 +1,39 @@
+import './assets/styles-Be-tqCP9.css';const e = "_required_zp8ej_34", _ = "_trigger_zp8ej_39", r = "_placeholder_zp8ej_60", p = "_chevron_zp8ej_64", o = "_dropdown_zp8ej_118", t = "_divider_zp8ej_155", l = "_clearDisabled_zp8ej_232", c = {
+  "ckds-group-multi-select-wrapper": "_ckds-group-multi-select-wrapper_zp8ej_1",
+  "label-wrapper": "_label-wrapper_zp8ej_30",
+  required: e,
+  trigger: _,
+  "trigger-open": "_trigger-open_zp8ej_52",
+  placeholder: r,
+  chevron: p,
+  "chevron-up": "_chevron-up_zp8ej_70",
+  "selected-tags-container": "_selected-tags-container_zp8ej_74",
+  "selected-tag-wrapper": "_selected-tag-wrapper_zp8ej_82",
+  "selected-tag-content": "_selected-tag-content_zp8ej_88",
+  "remove-icon": "_remove-icon_zp8ej_95",
+  "overflow-count": "_overflow-count_zp8ej_99",
+  "helper-text": "_helper-text_zp8ej_104",
+  "helper-hide": "_helper-hide_zp8ej_113",
+  dropdown: o,
+  "result-wrapper": "_result-wrapper_zp8ej_134",
+  "result-count": "_result-count_zp8ej_141",
+  "exclude-row": "_exclude-row_zp8ej_145",
+  "exclude-label": "_exclude-label_zp8ej_151",
+  divider: t,
+  "group-divider": "_group-divider_zp8ej_160",
+  "ckds-options-list": "_ckds-options-list_zp8ej_167",
+  "group-wrapper": "_group-wrapper_zp8ej_182",
+  "group-label": "_group-label_zp8ej_187",
+  "option-row-wrapper": "_option-row-wrapper_zp8ej_192",
+  "option-row": "_option-row_zp8ej_192",
+  "option-label": "_option-label_zp8ej_210",
+  "ckds-grouped-multi-select-footer": "_ckds-grouped-multi-select-footer_zp8ej_214",
+  "clear-btn": "_clear-btn_zp8ej_226",
+  clearDisabled: l,
+  "footer-actions": "_footer-actions_zp8ej_237",
+  "menu-list": "_menu-list_zp8ej_266",
+  "ckds-menu-item": "_ckds-menu-item_zp8ej_281"
+};
+export {
+  c as s
+};

package/dist/table-filter-C0zetUfo.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M10 8.75C10 9.44035 9.44035 10 8.75 10M10 8.75C10 8.05965 9.44035 7.5 8.75 7.5M10 8.75H10.75M8.75 10C8.05965 10 7.5 9.44035 7.5 8.75M8.75 10V10.75M8.75 7.5C8.05965 7.5 7.5 8.05965 7.5 8.75M8.75 7.5V6.75M7.5 8.75H6.75M9.6339 7.8661L10.1642 7.3358M7.8661 9.6339L7.3358 10.1642M9.6339 9.6339L10.1642 10.1642M7.8661 7.8661L7.3358 7.3358", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10.2497 5.25C10.2456 3.45772 10.196 2.51407 9.591 1.90901C8.932 1.25 7.8713 1.25 5.75 1.25C3.62868 1.25 2.56802 1.25 1.90901 1.90901C1.25 2.56802 1.25 3.62868 1.25 5.75C1.25 7.8713 1.25 8.932 1.90901 9.591C2.51407 10.196 3.45772 10.2456 5.25 10.2497", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M4.25 1.5V10", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7.25 1.5V5.25", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 13, height: 12, viewBox: "0 0 13 12", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12.1074 2.48169H8.60742", stroke: "#737373", strokeWidth: 0.88, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M2.77376 2.48169H0.44043", stroke: "#737373", strokeWidth: 0.88, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M5.1071 4.52327C6.23468 4.52327 7.14876 3.60919 7.14876 2.48161C7.14876 1.35402 6.23468 0.439941 5.1071 0.439941C3.97951 0.439941 3.06543 1.35402 3.06543 2.48161C3.06543 3.60919 3.97951 4.52327 5.1071 4.52327Z", stroke: "#737373", strokeWidth: 0.88, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M12.1068 8.89819H9.77344", stroke: "#737373", strokeWidth: 0.88, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M3.94043 8.89819H0.44043", stroke: "#737373", strokeWidth: 0.88, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7.4401 10.94C8.56769 10.94 9.48177 10.0259 9.48177 8.89836C9.48177 7.77077 8.56769 6.85669 7.4401 6.85669C6.31252 6.85669 5.39844 7.77077 5.39844 8.89836C5.39844 10.0259 6.31252 10.94 7.4401 10.94Z", stroke: "#737373", strokeWidth: 0.88, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  r as S,
+  o as a
+};