@ck-ui/component-library 2.0.3 → 2.0.5

package/dist/main.d.ts

@@ -29,9 +29,10 @@ 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 type { ProgressBarProps, ProgressBarColor, ProgressBarSize, ProgressBarThreshold, } from './components/ProgressBar/_types/progressBar.types';
 export { DateRangePicker } from './components/DateRangePicker/DateRangePicker';
 export { CustomTable } from './components/Table';
+export { TableChipCell } from './components/Table/_helpers/TableChipCell';
 export { CostComparatorTable } from './components/CostComparatorTable';
 export { RadioGroup } from './components/RadioGroup';
 export { useSelection } from './components/Table/_hooks/useSelection';
@@ -48,10 +49,12 @@ export * from './theme/Theme';
 export { FusionChart } from './components/FusionChart';
 export { Loader } from './components/Loader';
 export { Typography } from './components/Typography';
+export { CKBadge } from './components/CKBadge';
 export { default as Dialog } from './components/PopupAndDialogBox';
 export { DialogHeader } from './components/PopupAndDialogBox/components/DialogHeader';
 export { DialogContent } from './components/PopupAndDialogBox/components/DialogContent';
 export { DialogFooter } from './components/PopupAndDialogBox/components/DialogFooter';
-export { TYPE as DIALOG_TYPE, BUTTON_LAYOUT } from './components/PopupAndDialogBox/constant/popupAndDialog';
-export type { DialogProps, HeaderProps as DialogHeaderProps, FooterProps as DialogFooterProps } from './components/PopupAndDialogBox/_types/popupAndDialog.types';
+export { TYPE as DIALOG_TYPE, BUTTON_LAYOUT, } from './components/PopupAndDialogBox/constant/popupAndDialog';
+export type { DialogProps, HeaderProps as DialogHeaderProps, FooterProps as DialogFooterProps, } from './components/PopupAndDialogBox/_types/popupAndDialog.types';
+export { Popover } from './components/Popover';
 //# 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":"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"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"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"}

package/dist/main.js

@@ -1,62 +1,65 @@
-import { Button as W } from "./components/Button/index.js";
-import { Avatar as z } from "./components/Avatar/index.js";
-import { CKButton as Y } from "./components/CKButton/index.js";
-import { IconButton as q } from "./components/IconButton/index.js";
+import { Button as A } from "./components/Button/index.js";
+import { Avatar as j } from "./components/Avatar/index.js";
+import { CKButton as I } from "./components/CKButton/index.js";
+import { IconButton as U } 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 { Label as le } from "./components/Label/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 me } from "./components/Copy/index.js";
-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 { CopyText as de } from "./components/Copy/index.js";
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { useState as n, useEffect as k } from "react";
+import { Tooltip as pe } from "./components/Tooltip/index.js";
 import { Toggle as ke } from "./components/Toggle/index.js";
 import { CKTag as ge } from "./components/CKTag/index.js";
 import { CKCheckbox as ye } from "./components/CKCheckbox/index.js";
 import { Tabs as fe } from "./components/Tab/index.js";
 import { ToastContent as ve } from "./components/Toast/_helper/ToastContent.js";
 import { ToastProvider as Ne } from "./components/Toast/_helper/ToastProvider.js";
-import { useToast as Te } from "./components/Toast/_hooks/useToast.js";
+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 De } from "./components/Search/index.js";
-import { SingleSelectDropdown as Ve } from "./components/SingleSelectDropdown/index.js";
-import { Breadcrumb as Ee } from "./components/Breadcrumb/index.js";
-import { DeviationTag as Fe } from "./components/DeviationTag/index.js";
-import { GroupedMultiSelect as Oe } from "./components/GroupedMultiSelect/index.js";
-import { GroupedSingleSelect as We } from "./components/GroupedSingleSelect/index.js";
-import { MenuOptions as ze } from "./components/MenuOptions/index.js";
-import { TextField as Ye } from "./components/TextField/index.js";
-import { Pagination as qe } from "./components/Pagination/index.js";
+import { RadioButton as qe } from "./components/RadioButton/index.js";
+import { ErrorPage as Re } from "./components/ErrorPage/index.js";
+import { Search as Ge } from "./components/Search/index.js";
+import { SingleSelectDropdown as Me } from "./components/SingleSelectDropdown/index.js";
+import { Breadcrumb as Le } from "./components/Breadcrumb/index.js";
+import { DeviationTag as He } from "./components/DeviationTag/index.js";
+import { GroupedMultiSelect as Fe } from "./components/GroupedMultiSelect/index.js";
+import { GroupedSingleSelect as Ae } from "./components/GroupedSingleSelect/index.js";
+import { MenuOptions as je } from "./components/MenuOptions/index.js";
+import { TextField as Ie } from "./components/TextField/index.js";
+import { Pagination as Ue } 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 mc } 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 Tc } 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 { Typography as Dc } from "./components/Typography/index.js";
-import { default as Vc } from "./components/PopupAndDialogBox/index.js";
-import { DialogHeader as Ec } from "./components/PopupAndDialogBox/components/DialogHeader.js";
-import { DialogContent as Fc } from "./components/PopupAndDialogBox/components/DialogContent.js";
-import { DialogFooter as Oc } from "./components/PopupAndDialogBox/components/DialogFooter.js";
-import { BUTTON_LAYOUT as Wc, TYPE as jc } from "./components/PopupAndDialogBox/constant/popupAndDialog.js";
-import { MenuOptionsWrapper as Ic } 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", T = "_swatch_97m56_79", C = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", P = "_fsSample_97m56_135", c = {
+import { CustomTable as ll } from "./components/Table/index.js";
+import { TableChipCell as rl } from "./components/Table/_helpers/TableChipCell.js";
+import { CostComparatorTable as sl } from "./components/CostComparatorTable/index.js";
+import { RadioGroup as tl } from "./components/RadioGroup/index.js";
+import { useSelection as dl } from "./components/Table/_hooks/useSelection.js";
+import { useExpansion as pl } from "./components/Table/_hooks/useExpansion.js";
+import { useFilterColumnState as kl } from "./components/Table/_hooks/useFilterColumnState.js";
+import { FilterColumnToolbar as gl } from "./components/Table/_helpers/FilterColumnToolbar.js";
+import { MetricCard as yl } from "./components/MetricCards/index.js";
+import { CardBox as fl } from "./components/CardBox/index.js";
+import { MultiSelect as vl } from "./components/MultiSelect/index.js";
+import { SimpleMultiSelect as Nl } from "./components/MultiSelect/SimpleMultiSelect.js";
+import { ProfileDropdown as Cl } from "./components/ProfileDropdown/index.js";
+import { MAVDropdown as Sl } from "./components/MAVDropdown/index.js";
+import { CKThemeProvider as ql } from "./theme/Theme.js";
+import { FusionChart as Rl } from "./components/FusionChart/index.js";
+import { Loader as Gl } from "./components/Loader/index.js";
+import { Typography as Ml } from "./components/Typography/index.js";
+import { CKBadge as Ll } from "./components/CKBadge/index.js";
+import { default as Hl } from "./components/PopupAndDialogBox/index.js";
+import { DialogHeader as Fl } from "./components/PopupAndDialogBox/components/DialogHeader.js";
+import { DialogContent as Al } from "./components/PopupAndDialogBox/components/DialogContent.js";
+import { DialogFooter as jl } from "./components/PopupAndDialogBox/components/DialogFooter.js";
+import { BUTTON_LAYOUT as Il, TYPE as Yl } from "./components/PopupAndDialogBox/constant/popupAndDialog.js";
+import { Popover as Xl } from "./components/Popover/index.js";
+import { MenuOptionsWrapper as Ql } from "./components/MenuOptions/MenuOptionsWrapper.js";
+import './assets/main-PzmpqYzB.css';const b = "_showcase_1qhp0_1", g = "_title_1qhp0_8", h = "_lead_1qhp0_15", y = "_section_1qhp0_22", u = "_sectionTitle_1qhp0_26", f = "_subtle_1qhp0_35", x = "_grid_1qhp0_42", v = "_varRow_1qhp0_48", _ = "_varName_1qhp0_58", N = "_varValue_1qhp0_65", w = "_colorChip_1qhp0_71", C = "_swatch_1qhp0_79", T = "_swatchTop_1qhp0_85", S = "_swatchLabel_1qhp0_92", $ = "_typographyRow_1qhp0_102", q = "_typographyMeta_1qhp0_116", B = "_typographyClass_1qhp0_121", R = "_typographyGroupTitle_1qhp0_128", P = "_fsSample_1qhp0_135", l = {
   showcase: b,
   title: g,
   lead: h,
@@ -68,15 +71,15 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   varName: _,
   varValue: N,
   colorChip: w,
-  swatch: T,
-  swatchTop: C,
+  swatch: C,
+  swatchTop: T,
   swatchLabel: S,
   typographyRow: $,
-  typographyMeta: B,
-  typographyClass: R,
-  typographyGroupTitle: G,
+  typographyMeta: q,
+  typographyClass: B,
+  typographyGroupTitle: R,
   fsSample: P
-}, d = [
+}, m = [
   {
     title: "Primary",
     variables: [
@@ -195,7 +198,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
       "--ckcl-tag-alert-border"
     ]
   }
-], D = [
+], G = [
   "ckcl-primary-bg-600",
   "ckcl-primary-bg-500",
   "ckcl-primary-bg-400",
@@ -231,7 +234,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"
-], M = [
+], D = [
   "ckcl-primary-600",
   "ckcl-primary-500",
   "ckcl-primary-400",
@@ -259,7 +262,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-green-300",
   "ckcl-green-200",
   "ckcl-green-100"
-], V = [
+], M = [
   "ckcl-fs-3xs",
   "ckcl-fs-2xs",
   "ckcl-fs-xs",
@@ -267,7 +270,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-fs-md",
   "ckcl-fs-lg",
   "ckcl-fs-xl"
-], L = [
+], V = [
   ...["reg", "med", "semibold", "bold"].map((e) => ({
     group: "Heading 1",
     label: `H1 ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
@@ -304,64 +307,64 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
     className: `ckcl-cap-${e === "semibold" ? "semibold" : e}`
   }))
 ];
-function E() {
-  const [e, i] = p({});
+function L() {
+  const [e, i] = n({});
   return k(() => {
-    const m = document.documentElement, r = getComputedStyle(m), s = {};
-    for (const a of d)
+    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 K({ className: e = "" }) {
-  const i = E(), m = L.reduce((r, s) => (r[s.group] || (r[s.group] = []), r[s.group].push(s), r), {});
+  const i = L(), d = V.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}`,
+      className: `${l.showcase} ckcl-font-family-base ckcl-body-sm-reg ${e}`,
       children: [
-        /* @__PURE__ */ l("h1", { className: c.title, children: "Design tokens & utilities" }),
-        /* @__PURE__ */ o("p", { className: c.lead, children: [
+        /* @__PURE__ */ c("h1", { className: l.title, children: "Design tokens & utilities" }),
+        /* @__PURE__ */ o("p", { className: l.lead, children: [
           "Reference for CSS custom properties (override via ",
-          /* @__PURE__ */ l("code", { children: ":root" }),
+          /* @__PURE__ */ c("code", { children: ":root" }),
           ") and global utility classes from the CloudKeeper component library theme. Import",
           " ",
-          /* @__PURE__ */ l("code", { children: "theme.scss" }),
+          /* @__PURE__ */ c("code", { children: "theme.scss" }),
           " (or wrap with ",
-          /* @__PURE__ */ l("code", { children: "CKThemeProvider" }),
+          /* @__PURE__ */ c("code", { children: "CKThemeProvider" }),
           ") so variables and classes apply."
         ] }),
-        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-vars", children: [
-          /* @__PURE__ */ l("h2", { id: "section-vars", className: c.sectionTitle, children: "CSS variables" }),
-          /* @__PURE__ */ o("p", { className: c.subtle, children: [
+        /* @__PURE__ */ o("section", { className: l.section, "aria-labelledby": "section-vars", children: [
+          /* @__PURE__ */ c("h2", { id: "section-vars", className: l.sectionTitle, children: "CSS variables" }),
+          /* @__PURE__ */ o("p", { className: l.subtle, children: [
             "Resolved values below come from the current document (Storybook loads",
             " ",
-            /* @__PURE__ */ l("code", { children: "lib/theme/theme.scss" }),
+            /* @__PURE__ */ c("code", { children: "lib/theme/theme.scss" }),
             " in preview)."
           ] }),
-          d.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(
+          m.map((r) => /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ c("h3", { className: l.typographyGroupTitle, children: r.title }),
+            /* @__PURE__ */ c("div", { className: l.grid, children: r.variables.map((s) => {
+              const a = i[s] ?? "", t = a || "(empty)", p = 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: l.varRow, children: [
+                p && a.startsWith("#") ? /* @__PURE__ */ c(
                   "div",
                   {
-                    className: c.colorChip,
+                    className: l.colorChip,
                     style: { backgroundColor: `var(${s})` },
                     title: t
                   }
                 ) : null,
-                /* @__PURE__ */ l("span", { className: c.varName, children: s }),
-                /* @__PURE__ */ l("span", { className: c.varValue, children: t })
+                /* @__PURE__ */ c("span", { className: l.varName, children: s }),
+                /* @__PURE__ */ c("span", { className: l.varValue, children: t })
               ] }, s);
             }) })
           ] }, r.title))
         ] }),
-        /* @__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__ */ o("p", { className: c.subtle, children: [
+        /* @__PURE__ */ o("section", { className: l.section, "aria-labelledby": "section-bg", children: [
+          /* @__PURE__ */ c("h2", { id: "section-bg", className: l.sectionTitle, children: "Background color classes" }),
+          /* @__PURE__ */ o("p", { className: l.subtle, children: [
             "Classes follow ",
             /* @__PURE__ */ o("code", { children: [
               "ckcl-",
@@ -371,17 +374,17 @@ function K({ className: e = "" }) {
             ] }),
             " (see",
             " ",
-            /* @__PURE__ */ l("code", { children: "_backgroundColor.scss" }),
+            /* @__PURE__ */ c("code", { children: "_backgroundColor.scss" }),
             ")."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: D.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 })
+          /* @__PURE__ */ c("div", { className: l.grid, children: G.map((r) => /* @__PURE__ */ o("div", { className: l.swatch, children: [
+            /* @__PURE__ */ c("div", { className: `${r} ${l.swatchTop}`, "aria-hidden": !0 }),
+            /* @__PURE__ */ c("div", { className: l.swatchLabel, children: r })
           ] }, r)) })
         ] }),
-        /* @__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__ */ o("p", { className: c.subtle, children: [
+        /* @__PURE__ */ o("section", { className: l.section, "aria-labelledby": "section-text", children: [
+          /* @__PURE__ */ c("h2", { id: "section-text", className: l.sectionTitle, children: "Text color classes" }),
+          /* @__PURE__ */ o("p", { className: l.subtle, children: [
             "Classes follow ",
             /* @__PURE__ */ o("code", { children: [
               "ckcl-",
@@ -390,53 +393,53 @@ function K({ className: e = "" }) {
               "<step>"
             ] }),
             " or ",
-            /* @__PURE__ */ l("code", { children: "ckcl-white" }),
+            /* @__PURE__ */ c("code", { children: "ckcl-white" }),
             ". Some",
             " ",
-            /* @__PURE__ */ l("code", { children: "ckcl-black-*" }),
+            /* @__PURE__ */ c("code", { children: "ckcl-black-*" }),
             " text utilities map to primary tokens in",
             " ",
-            /* @__PURE__ */ l("code", { children: "_color.scss" }),
+            /* @__PURE__ */ c("code", { children: "_color.scss" }),
             "."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: M.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ c("div", { className: l.grid, children: D.map((r) => /* @__PURE__ */ o("div", { className: l.swatch, children: [
+            /* @__PURE__ */ c(
               "div",
               {
-                className: `${c.swatchTop} ${r === "ckcl-white" ? "ckcl-black-bg-600" : "ckcl-black-bg-50"}`,
-                children: /* @__PURE__ */ l("span", { className: r, children: "Aa Sample" })
+                className: `${l.swatchTop} ${r === "ckcl-white" ? "ckcl-black-bg-600" : "ckcl-black-bg-50"}`,
+                children: /* @__PURE__ */ c("span", { className: r, children: "Aa Sample" })
               }
             ),
-            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
+            /* @__PURE__ */ c("div", { className: l.swatchLabel, children: r })
           ] }, r)) })
         ] }),
-        /* @__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__ */ o("p", { className: c.subtle, children: [
+        /* @__PURE__ */ o("section", { className: l.section, "aria-labelledby": "section-fs", children: [
+          /* @__PURE__ */ c("h2", { id: "section-fs", className: l.sectionTitle, children: "Font size classes" }),
+          /* @__PURE__ */ o("p", { className: l.subtle, children: [
             "Use ",
-            /* @__PURE__ */ l("code", { children: "ckcl-fs-*" }),
+            /* @__PURE__ */ c("code", { children: "ckcl-fs-*" }),
             " for raw steps; prefer typography presets below for line height and weight."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: V.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 })
+          /* @__PURE__ */ c("div", { className: l.grid, children: M.map((r) => /* @__PURE__ */ o("div", { className: l.varRow, children: [
+            /* @__PURE__ */ c("p", { className: `${r} ${l.fsSample} ckcl-black-600`, children: "The quick brown fox" }),
+            /* @__PURE__ */ c("span", { className: l.varName, children: r })
           ] }, r)) })
         ] }),
-        /* @__PURE__ */ o("section", { className: c.section, "aria-labelledby": "section-type", children: [
-          /* @__PURE__ */ l("h2", { id: "section-type", className: c.sectionTitle, children: "Typography presets" }),
-          /* @__PURE__ */ o("p", { className: c.subtle, children: [
+        /* @__PURE__ */ o("section", { className: l.section, "aria-labelledby": "section-type", children: [
+          /* @__PURE__ */ c("h2", { id: "section-type", className: l.sectionTitle, children: "Typography presets" }),
+          /* @__PURE__ */ o("p", { className: l.subtle, children: [
             "Composite classes combining font size, weight, and line height (",
-            /* @__PURE__ */ l("code", { children: "_typography.scss" }),
+            /* @__PURE__ */ c("code", { children: "_typography.scss" }),
             ")."
           ] }),
-          Object.entries(m).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: [
+          Object.entries(d).map(([r, s]) => /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ c("h3", { className: l.typographyGroupTitle, children: r }),
+            s.map((a) => /* @__PURE__ */ o("div", { className: l.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__ */ c("div", { className: l.typographyMeta, children: a.label }),
+                /* @__PURE__ */ c("div", { className: l.typographyClass, children: a.className })
               ] }),
-              /* @__PURE__ */ l("div", { className: `${a.className} ckcl-black-600`, children: "The quick brown fox jumps over the lazy dog." })
+              /* @__PURE__ */ c("div", { className: `${a.className} ckcl-black-600`, children: "The quick brown fox jumps over the lazy dog." })
             ] }, a.className))
           ] }, r))
         ] })
@@ -445,62 +448,65 @@ function K({ className: e = "" }) {
   );
 }
 export {
-  z as Avatar,
-  Wc as BUTTON_LAYOUT,
-  Ee as Breadcrumb,
-  W as Button,
-  Y as CKButton,
+  j as Avatar,
+  Il as BUTTON_LAYOUT,
+  Le as Breadcrumb,
+  A as Button,
+  Ll as CKBadge,
+  I as CKButton,
   ye as CKCheckbox,
   ge as CKTag,
-  Sc as CKThemeProvider,
-  yc as CardBox,
+  ql as CKThemeProvider,
+  fl as CardBox,
   te as Checkbox,
-  me as CopyText,
-  rc as CostComparatorTable,
-  cc as CustomTable,
-  jc as DIALOG_TYPE,
+  de as CopyText,
+  sl as CostComparatorTable,
+  ll as CustomTable,
+  Yl as DIALOG_TYPE,
   Ze as DateRangePicker,
   K as DesignSystemShowcase,
-  Fe as DeviationTag,
-  Vc as Dialog,
-  Fc as DialogContent,
-  Oc as DialogFooter,
-  Ec as DialogHeader,
+  He as DeviationTag,
+  Hl as Dialog,
+  Al as DialogContent,
+  jl as DialogFooter,
+  Fl as DialogHeader,
   Se as EmptyState,
-  Ge as ErrorPage,
-  kc as FilterColumnToolbar,
-  Bc as FusionChart,
-  Oe as GroupedMultiSelect,
-  We as GroupedSingleSelect,
-  q as IconButton,
+  Re as ErrorPage,
+  gl as FilterColumnToolbar,
+  Rl as FusionChart,
+  Fe as GroupedMultiSelect,
+  Ae as GroupedSingleSelect,
+  U as IconButton,
   Z as Input,
-  ce as Label,
-  Gc as Loader,
-  Tc as MAVDropdown,
-  ze as MenuOptions,
-  Ic as MenuOptionsWrapper,
-  gc as MetricCard,
-  fc as MultiSelect,
-  qe as Pagination,
-  Nc as ProfileDropdown,
+  le as Label,
+  Gl as Loader,
+  Sl as MAVDropdown,
+  je as MenuOptions,
+  Ql as MenuOptionsWrapper,
+  yl as MetricCard,
+  vl as MultiSelect,
+  Ue as Pagination,
+  Xl as Popover,
+  Cl as ProfileDropdown,
   Je as ProgressBar,
-  Be as RadioButton,
-  sc as RadioGroup,
-  De as Search,
-  vc as SimpleMultiSelect,
-  Ve as SingleSelectDropdown,
+  qe as RadioButton,
+  tl as RadioGroup,
+  Ge as Search,
+  Nl as SimpleMultiSelect,
+  Me as SingleSelectDropdown,
   J as Stepper,
   se as Switch,
+  rl as TableChipCell,
   fe as Tabs,
   re as Tag,
-  Ye as TextField,
+  Ie as TextField,
   ve as ToastContent,
   Ne as ToastProvider,
   ke as Toggle,
-  ne as Tooltip,
-  Dc as Typography,
-  mc as useExpansion,
-  nc as useFilterColumnState,
-  tc as useSelection,
-  Te as useToast
+  pe as Tooltip,
+  Ml as Typography,
+  pl as useExpansion,
+  kl as useFilterColumnState,
+  dl as useSelection,
+  Ce as useToast
 };

package/dist/styles.module-BhZ_Dm1P.js

@@ -0,0 +1,16 @@
+import './assets/styles-BWiKngtQ.css';const o = {
+  "ckds-cost-comparator-wrapper": "_ckds-cost-comparator-wrapper_oxeyi_1",
+  "ckds-cost-comparator-toolbar": "_ckds-cost-comparator-toolbar_oxeyi_5",
+  "ckds-cost-comparator-toggle": "_ckds-cost-comparator-toggle_oxeyi_13",
+  "ckds-cost-comparator-toggle-label": "_ckds-cost-comparator-toggle-label_oxeyi_21",
+  "ckds-cost-comparator-legend": "_ckds-cost-comparator-legend_oxeyi_27",
+  "ckds-header-label": "_ckds-header-label_oxeyi_32",
+  "ckds-header-checkbox": "_ckds-header-checkbox_oxeyi_37",
+  "ckds-disabled": "_ckds-disabled_oxeyi_43",
+  "ckds-header-checkbox-label": "_ckds-header-checkbox-label_oxeyi_43",
+  "ckds-cost-cell": "_ckds-cost-cell_oxeyi_54",
+  "ckds-total-cell": "_ckds-total-cell_oxeyi_59"
+};
+export {
+  o as s
+};

package/dist/styles.module-Bxs1UJxF.js

@@ -0,0 +1,15 @@
+import './assets/styles-ak9WG2cT.css';const s = "_popup_17ssm_37", d = {
+  "ckds-dialog-overlay": "_ckds-dialog-overlay_17ssm_1",
+  "ckds-dialog": "_ckds-dialog_17ssm_1",
+  popup: s,
+  "dialog-box": "_dialog-box_17ssm_41",
+  "ckds-dialog-header": "_ckds-dialog-header_17ssm_47",
+  "ckds-dialog-title": "_ckds-dialog-title_17ssm_57",
+  "ckds-dialog-description": "_ckds-dialog-description_17ssm_62",
+  "ckds-dialog-close": "_ckds-dialog-close_17ssm_68",
+  "ckds-dialog-content": "_ckds-dialog-content_17ssm_78",
+  "ckds-dialog-footer": "_ckds-dialog-footer_17ssm_84"
+};
+export {
+  d as s
+};

package/dist/styles.module-CRMuLY4A.js

@@ -0,0 +1,13 @@
+import './assets/styles-DzivbMl0.css';const e = "_nested_1s69e_24", t = "_active_1s69e_32", n = {
+  "sidebar-menu-item": "_sidebar-menu-item_1s69e_1",
+  nested: e,
+  active: t,
+  "leaf-item": "_leaf-item_1s69e_44",
+  "active-indicator": "_active-indicator_1s69e_52",
+  "menu-icon": "_menu-icon_1s69e_63",
+  "menu-content": "_menu-content_1s69e_80",
+  "menu-content-wrap": "_menu-content-wrap_1s69e_91"
+};
+export {
+  n as s
+};

package/dist/styles.module-D5ab7LbM.js

@@ -0,0 +1,40 @@
+import './assets/styles-BYpypz4h.css';const o = "_wrapper_tacog_1", e = "_required_tacog_25", r = "_trigger_tacog_29", _ = "_placeholder_tacog_55", t = "_chevron_tacog_82", a = "_dropdown_tacog_105", p = "_divider_tacog_146", c = "_clearDisabled_tacog_222", g = {
+  wrapper: o,
+  "label-wrapper": "_label-wrapper_tacog_21",
+  required: e,
+  "trigger-wrapper": "_trigger-wrapper_tacog_29",
+  trigger: r,
+  "trigger-open": "_trigger-open_tacog_47",
+  placeholder: _,
+  "selected-value": "_selected-value_tacog_59",
+  "trigger-icons": "_trigger-icons_tacog_67",
+  "clear-icon": "_clear-icon_tacog_74",
+  chevron: t,
+  "chevron-up": "_chevron-up_tacog_88",
+  "helper-text": "_helper-text_tacog_92",
+  "helper-hide": "_helper-hide_tacog_101",
+  dropdown: a,
+  "dropdown-align-left": "_dropdown-align-left_tacog_122",
+  "dropdown-align-right": "_dropdown-align-right_tacog_126",
+  "dropdown-up": "_dropdown-up_tacog_131",
+  "dropdown-helper": "_dropdown-helper_tacog_138",
+  "dropdown-helper-up": "_dropdown-helper-up_tacog_142",
+  divider: p,
+  "group-divider": "_group-divider_tacog_151",
+  "ckds-options-list": "_ckds-options-list_tacog_157",
+  "group-wrapper": "_group-wrapper_tacog_172",
+  "group-label": "_group-label_tacog_177",
+  "option-row-wrapper": "_option-row-wrapper_tacog_182",
+  "option-row": "_option-row_tacog_182",
+  "option-label": "_option-label_tacog_200",
+  "ckds-grouped-single-select-footer": "_ckds-grouped-single-select-footer_tacog_204",
+  "clear-btn": "_clear-btn_tacog_216",
+  clearDisabled: c,
+  "footer-actions": "_footer-actions_tacog_227",
+  "cancel-btn": "_cancel-btn_tacog_232",
+  "apply-btn": "_apply-btn_tacog_241",
+  "apply-disabled": "_apply-disabled_tacog_250"
+};
+export {
+  g as s
+};