@ck-ui/component-library 0.3.0 → 1.0.0

package/dist/main.d.ts

@@ -27,6 +27,7 @@ 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';
@@ -40,6 +41,10 @@ export { FilterColumnToolbar } from './components/Table/_helpers/FilterColumnToo
 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,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,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,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAEnJ,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
+{"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,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,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;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAEnJ,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/main.js

@@ -1,15 +1,15 @@
 import { Button as z } from "./components/Button/index.js";
-import { Avatar as O } from "./components/Avatar/index.js";
-import { CKButton as A } from "./components/CKButton/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 re } from "./components/Tag/index.js";
-import { Switch as oe } from "./components/Switch/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 s, 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,30 +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 { Search as Ve } from "./components/Search/index.js";
 import { SingleSelectDropdown as Le } from "./components/SingleSelectDropdown/index.js";
-import { Breadcrumb as Ke } from "./components/Breadcrumb/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 Oe } from "./components/MenuOptions/index.js";
-import { TextField as Ae } from "./components/TextField/index.js";
-import { ProgressBar as Xe } from "./components/ProgressBar/index.js";
-import { DateRangePicker as Je } from "./components/DateRangePicker/DateRangePicker.js";
-import { CustomTable as Ze } from "./components/Table/index.js";
-import { CostComparatorTable as cc } from "./components/CostComparatorTable/index.js";
-import { RadioGroup as rc } from "./components/RadioGroup/index.js";
-import { useSelection as oc } from "./components/Table/_hooks/useSelection.js";
-import { useExpansion as tc } from "./components/Table/_hooks/useExpansion.js";
-import { useFilterColumnState as dc } from "./components/Table/_hooks/useFilterColumnState.js";
-import { FilterColumnToolbar as nc } from "./components/Table/_helpers/FilterColumnToolbar.js";
-import { MetricCard as kc } from "./components/MetricCards/index.js";
-import { CardBox as gc } from "./components/CardBox/index.js";
-import { MultiSelect as yc } from "./components/MultiSelect/index.js";
-import { CKThemeProvider as fc } from "./theme/Theme.js";
-import { FusionChart as vc } from "./components/FusionChart/index.js";
-import { MenuOptionsWrapper as Nc } 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", V = "_fsSample_97m56_135", c = {
+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,
@@ -64,7 +69,7 @@ import './assets/main-Dv8QUU_o.css';const b = "_showcase_97m56_1", g = "_title_9
   typographyMeta: B,
   typographyClass: R,
   typographyGroupTitle: G,
-  fsSample: V
+  fsSample: M
 }, m = [
   {
     title: "Primary",
@@ -184,7 +189,7 @@ import './assets/main-Dv8QUU_o.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",
@@ -256,7 +261,7 @@ import './assets/main-Dv8QUU_o.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"}`,
@@ -293,25 +298,25 @@ import './assets/main-Dv8QUU_o.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, r = getComputedStyle(d), o = {};
+    const d = document.documentElement, r = getComputedStyle(d), s = {};
     for (const a of m)
       for (const t of a.variables)
-        o[t] = r.getPropertyValue(t).trim();
-    i(o);
+        s[t] = r.getPropertyValue(t).trim();
+    i(s);
   }, []), e;
 }
 function F({ className: e = "" }) {
-  const i = K(), d = H.reduce((r, o) => (r[o.group] || (r[o.group] = []), r[o.group].push(o), r), {});
-  return /* @__PURE__ */ s(
+  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__ */ s("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",
@@ -321,38 +326,38 @@ function F({ className: e = "" }) {
           /* @__PURE__ */ l("code", { children: "CKThemeProvider" }),
           ") so variables and classes apply."
         ] }),
-        /* @__PURE__ */ s("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__ */ s("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((r) => /* @__PURE__ */ s("div", { children: [
+          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((o) => {
-              const a = i[o] ?? "", t = a || "(empty)", n = a.startsWith("#") || a.startsWith("rgb") || o.includes("tag-") || o.includes("primary-") || o.includes("black-") || o.includes("red-") || o.includes("yellow-") || o.includes("green-") || o === "--ckcl-white";
-              return /* @__PURE__ */ s("div", { className: c.varRow, children: [
+            /* @__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(${o})` },
+                    style: { backgroundColor: `var(${s})` },
                     title: t
                   }
                 ) : null,
-                /* @__PURE__ */ l("span", { className: c.varName, children: o }),
+                /* @__PURE__ */ l("span", { className: c.varName, children: s }),
                 /* @__PURE__ */ l("span", { className: c.varValue, children: t })
-              ] }, o);
+              ] }, s);
             }) })
           ] }, r.title))
         ] }),
-        /* @__PURE__ */ s("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__ */ s("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Classes follow ",
-            /* @__PURE__ */ s("code", { children: [
+            /* @__PURE__ */ o("code", { children: [
               "ckcl-",
               "<scale>",
               "-bg-",
@@ -363,16 +368,16 @@ function F({ className: e = "" }) {
             /* @__PURE__ */ l("code", { children: "_backgroundColor.scss" }),
             ")."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: M.map((r) => /* @__PURE__ */ s("div", { className: c.swatch, children: [
+          /* @__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__ */ s("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__ */ s("p", { className: c.subtle, children: [
+          /* @__PURE__ */ o("p", { className: c.subtle, children: [
             "Classes follow ",
-            /* @__PURE__ */ s("code", { children: [
+            /* @__PURE__ */ o("code", { children: [
               "ckcl-",
               "<scale>",
               "-",
@@ -388,7 +393,7 @@ function F({ className: e = "" }) {
             /* @__PURE__ */ l("code", { children: "_color.scss" }),
             "."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: P.map((r) => /* @__PURE__ */ s("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",
               {
@@ -399,29 +404,29 @@ function F({ className: e = "" }) {
             /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
           ] }, r)) })
         ] }),
-        /* @__PURE__ */ s("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__ */ s("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: L.map((r) => /* @__PURE__ */ s("div", { className: c.varRow, children: [
+          /* @__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__ */ s("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__ */ s("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(([r, o]) => /* @__PURE__ */ s("div", { children: [
+          Object.entries(d).map(([r, s]) => /* @__PURE__ */ o("div", { children: [
             /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r }),
-            o.map((a) => /* @__PURE__ */ s("div", { className: c.typographyRow, children: [
-              /* @__PURE__ */ s("div", { children: [
+            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 })
               ] }),
@@ -434,50 +439,55 @@ function F({ className: e = "" }) {
   );
 }
 export {
-  O as Avatar,
-  Ke as Breadcrumb,
+  I as Avatar,
+  He as Breadcrumb,
   z as Button,
-  A as CKButton,
+  q as CKButton,
   ye as CKCheckbox,
   ge as CKTag,
-  fc as CKThemeProvider,
-  gc as CardBox,
+  Sc as CKThemeProvider,
+  yc as CardBox,
   te as Checkbox,
   de as CopyText,
-  cc as CostComparatorTable,
-  Ze as CustomTable,
-  Je as DateRangePicker,
+  rc as CostComparatorTable,
+  cc as CustomTable,
+  Ze as DateRangePicker,
   F as DesignSystemShowcase,
   Ee as DeviationTag,
   Se as EmptyState,
   Ge as ErrorPage,
-  nc as FilterColumnToolbar,
-  vc as FusionChart,
+  kc as FilterColumnToolbar,
+  Bc as FusionChart,
   We as GroupedMultiSelect,
   ze as GroupedSingleSelect,
   X as IconButton,
   Z as Input,
   ce as Label,
-  Oe as MenuOptions,
-  Nc as MenuOptionsWrapper,
-  kc as MetricCard,
-  yc as MultiSelect,
-  Xe as ProgressBar,
+  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,
-  rc as RadioGroup,
-  Me as Search,
+  sc as RadioGroup,
+  Ve as Search,
+  vc as SimpleMultiSelect,
   Le as SingleSelectDropdown,
   J as Stepper,
-  oe as Switch,
+  se as Switch,
   fe as Tabs,
   re as Tag,
-  Ae as TextField,
+  qe as TextField,
   ve as ToastContent,
   Ne as ToastProvider,
   ke as Toggle,
   ne as Tooltip,
-  tc as useExpansion,
-  dc as useFilterColumnState,
-  oc as useSelection,
+  dc as useExpansion,
+  nc as useFilterColumnState,
+  tc as useSelection,
   Ce as useToast
 };

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-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/DropdownFooter-C20yRiDR.js

@@ -1,84 +0,0 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import "./components/Avatar/index.js";
-import { CKButton as _ } from "./components/CKButton/index.js";
-import "./components/IconButton/index.js";
-import "./components/Stepper/index.js";
-import "react";
-import "./index-C8cPPHJD.js";
-import './assets/theme-gJHYUL9y.css';import './assets/styles-CbbBUzsN.css';import './assets/styles-BTZL03H2.css';import './assets/styles-D8sahtFb.css';import './assets/ReactToastify-tlSLHgLC.css';import './assets/DropdownFooter-C7Cml53c.css';/* empty css                       */
-import "./components/GroupedMultiSelect/_helpers/TagContent.js";
-import "./components/GroupedMultiSelect/_helpers/OptionRow.js";
-import "./components/GroupedSingleSelect/_helpers/OptionRow.js";
-import "./components/DateRangePicker/DateRangePicker.js";
-/* empty css                */
-/* empty css                */
-/* empty css                */
-import "./components/MultiSelect/_helpers/TagContent.js";
-import "./components/MultiSelect/_helpers/OptionRow.js";
-/* empty css               */
-import "./components/FusionChart/index.js";
-const l = "_label_eja0g_15", c = "_mandatory_eja0g_29", p = "_trigger_eja0g_35", d = "_active_eja0g_52", m = "_arrow_eja0g_56", g = "_open_eja0g_70", j = "_value_eja0g_75", h = "_placeholder_eja0g_76", b = "_dropdown_eja0g_108", v = "_options_eja0g_132", w = "_footer_eja0g_163", f = "_clear_eja0g_170", y = "_actions_eja0g_183", C = "_disabled_eja0g_197", k = "_helper_eja0g_202", u = "_noData_eja0g_221", e = {
-  "ckds-single-select": "_ckds-single-select_eja0g_1",
-  label: l,
-  mandatory: c,
-  trigger: p,
-  active: d,
-  arrow: m,
-  open: g,
-  value: j,
-  placeholder: h,
-  dropdown: b,
-  "search-wrapper": "_search-wrapper_eja0g_119",
-  options: v,
-  footer: w,
-  clear: f,
-  actions: y,
-  disabled: C,
-  helper: k,
-  "helper-icon": "_helper-icon_eja0g_216",
-  noData: u
-};
-function R({
-  selectedValue: a,
-  value: r,
-  onClear: n,
-  onCancel: i,
-  onApply: s
-}) {
-  return /* @__PURE__ */ t("div", { className: e.footer, children: [
-    /* @__PURE__ */ o(
-      "button",
-      {
-        className: e.clear,
-        disabled: a === r,
-        onClick: n,
-        children: "Clear"
-      }
-    ),
-    /* @__PURE__ */ t("div", { className: e.actions, children: [
-      /* @__PURE__ */ o(
-        _,
-        {
-          variant: "secondary",
-          label: "Cancel",
-          size: "small",
-          onClick: i
-        }
-      ),
-      /* @__PURE__ */ o(
-        _,
-        {
-          variant: "primary",
-          label: "Apply",
-          size: "small",
-          disabled: a === r,
-          onClick: s
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  R as D,
-  e as s
-};

package/dist/assets/DropdownFooter-C7Cml53c.css

@@ -1 +0,0 @@
-._ckds-single-select_eja0g_1{position:relative;font-family:inherit;--option-row-transition: all .1s ease-in-out;--ckds-height-dropdown: 32px;--ckds-max-height-dropdown: 150px;--ckds-spacing-dropdown: 10px;--ckds-margin-dropdown: 80px;--ckds-transition-dropdown: transform .2s ease;--ckds-rotate-initial-dropdown: rotate(0deg);--ckds-rotate-final-dropdown: rotate(180deg)}._label_eja0g_15{font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckds-leading-xs, 14px);margin-bottom:var(--ckcl-spacing-sm, 8px);display:block;color:var(--ckcl-black-500, #2B2B2B);font-weight:var(--ckcl-font-weight-medium, 500);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._label_eja0g_15:disabled{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._mandatory_eja0g_29{color:var(--ckcl-red-500, #E52323);padding-left:var(--ckcl-spacing-2xs, 2px)}._trigger_eja0g_35{width:100%;height:var(--ckds-height-dropdown);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-sm, 6px);padding:var(--ckcl-spacing-none, 0px) var(--ckds-spacing-dropdown);background:var(--ckcl-white, #FFFFFF);text-align:left;cursor:pointer;position:relative;display:flex;align-items:center}._trigger_eja0g_35:hover,._active_eja0g_52{border-color:var(--ckcl-primary-500, #3A72E4)}._arrow_eja0g_56{display:inline-flex;align-items:center;justify-content:center;transition:var(--ckds-transition-dropdown);transform:var(--ckds-rotate-initial-dropdown)}._arrow_eja0g_56 svg{width:var(--ckcl-spacing-md, 16px);height:var(--ckcl-spacing-md, 16px);display:block;stroke:var(--ckcl-black-400, #737373)}._open_eja0g_70{transform:var(--ckds-rotate-final-dropdown)}._value_eja0g_75,._placeholder_eja0g_76{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._value_eja0g_75{color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px)}._placeholder_eja0g_76{color:var(--ckcl-black-300, #A0A0A0);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px)}._placeholder_eja0g_76:disabled{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}body ._ckds-select_eja0g_99 ._placeholder_eja0g_76,body ._ckds-select_eja0g_99 ._value_eja0g_75{font-weight:var(--ckcl-font-weight-regular, 400)}._dropdown_eja0g_108{position:absolute;width:100%;background:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);padding-top:var(--ckcl-spacing-ms, 12px);border-radius:var(--ckds-border-radius-md, 8px);margin-top:var(--ckcl-spacing-xs, 4px);z-index:10}._search-wrapper_eja0g_119{padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-ms, 12px) var(--ckcl-spacing-ms, 12px)}._search_eja0g_119{width:100%;padding:var(--ckcl-spacing-sm, 8px);border-bottom:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);outline:none}._options_eja0g_132{max-height:var(--ckds-max-height-dropdown);padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-ms, 12px) var(--ckcl-spacing-ms, 12px) var(--ckcl-spacing-ms, 12px);display:flex;flex-direction:column;overflow-y:auto;gap:var(--ckcl-spacing-2xs, 2px)}._options_eja0g_132>div{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-none, 0px);transition:var(--option-row-transition)}._options_eja0g_132>div:hover{background-color:var(--ckcl-primary-50, #F8FBFF);padding:var(--ckcl-spacing-xs, 4px);border-radius:var(--ckds-border-radius-xs, 4px)}._option_eja0g_132{display:flex;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-sm, 8px);cursor:pointer}._option_eja0g_132:hover{background:var(--ckcl-black-50, #F4F4F4)}._footer_eja0g_163{display:flex;justify-content:space-between;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);box-shadow:var(--ckcl-elevation-3, 0px -2px 29.3px -10.65px rgba(24, 39, 75, .09))}._clear_eja0g_170{background:none;border:none;color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);cursor:pointer}._clear_eja0g_170:disabled{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._actions_eja0g_183{display:flex;gap:var(--ckcl-spacing-xs, 4px)}._apply_eja0g_188{background:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);border:none;padding:var(--ckcl-spacing-xs, 4px) var(--ckds-spacing-dropdown);border-radius:var(--ckds-border-radius-xs, 4px)}._disabled_eja0g_197{pointer-events:none;color:var(--ckcl-black-200, #C2C2C2)}._helper_eja0g_202{display:flex;align-items:center;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-xs, 14px);margin-top:var(--ckcl-spacing-xs, 4px)}._helper_eja0g_202:disabled{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._helper-icon_eja0g_216{padding-right:var(--ckcl-spacing-xs, 4px);height:var(--ckcl-spacing-ms, 12px)}._noData_eja0g_221{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-ms, 12px) var(--ckcl-spacing-none, 0px);font-size:var(--ckcl-fs-3xs, 10px);line-height:var(--ckds-leading-sm, 16px);color:var(--ckcl-black-400, #737373);display:block;border-bottom:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-50, #F4F4F4);margin-bottom:var(--ckds-margin-dropdown)}

package/dist/assets/index-BQ0m7FKV.css

@@ -1 +0,0 @@
-._ck-finops-charts_1mb5t_1._sankey_1mb5t_1 .fc__tooltip.fusioncharts-div div{border-radius:var(--ckds-border-radius-sm, 6px);box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275));border:solid var(--ckds-border-width-sm, 1px) var(--ckcl-border-color, #E6ECF1);background-color:var(--ckcl-white, #FFFFFF);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500)}._ck-finops-charts_1mb5t_1._sankey_1mb5t_1 .fc__tooltip.fusioncharts-div div span{margin-top:var(--ckcl-spacing-none, 0px);margin-right:var(--ckcl-spacing-xs, 4px);margin-left:var(--ckcl-spacing-xs, 4px);position:relative}._ck-finops-charts_1mb5t_1._sankey_1mb5t_1 .fc__tooltip.fusioncharts-div div span:nth-child(2){margin-left:var(--ckcl-spacing-xs, 4px)}._ck-finops-charts_1mb5t_1._sankey_1mb5t_1 .fc__tooltip.fusioncharts-div div span:nth-child(2):before{content:"";background-repeat:no-repeat;position:absolute;left:-var(--ckcl-spacing-2md,18px);color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xl, 24px);height:var(--ckcl-spacing-sm, 8px);width:var(--ckcl-spacing-sm, 14px);top:50%;transform:translateY(-50%)}._ck-finops-charts_1mb5t_1._scrollArea_1mb5t_32 .fc__tooltip.fusioncharts-div>div>div[class*=color-],._ck-finops-charts_1mb5t_1._stackedArea_1mb5t_32 .fc__tooltip.fusioncharts-div>div>div[class*=color-],._ck-finops-charts_1mb5t_1._msCombiDy2d_1mb5t_32 .fc__tooltip.fusioncharts-div>div>div[class*=color-]{display:none!important}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div{border-radius:var(--ckds-border-radius-md, 8px)!important;box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275))!important;border:solid var(--ckds-border-width-sm, 1px) var(--ckcl-border-color, #E6ECF1)!important;background-color:var(--ckcl-white, #FFFFFF)!important;padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-ms, 12px)!important;color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);min-width:220px!important;overflow:hidden}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div div,._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div span,._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div b{border:initial;border-width:initial;border-style:initial;vertical-align:baseline;margin:initial;padding:initial;box-sizing:border-box}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div>div{width:100%}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div .headingCont{width:100%;padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-none, 0px);padding-bottom:var(--ckcl-spacing-sm, 8px);background-color:var(--ckcl-white, #FFFFFF);display:block;text-align:left;color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);border-bottom:solid var(--ckds-border-width-sm, 1px) var(--ckcl-border-color, #E6ECF1);margin-bottom:var(--ckcl-spacing-xs, 4px)}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div .tooltipItem{display:flex;align-items:center;justify-content:space-between;font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-none, 0px)}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div .tooltipItem>span{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px)}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div .tooltipItem>b{font-weight:var(--ckcl-font-weight-bold, 700);color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div .colorSquare{height:var(--ckcl-spacing-sm, 8px);width:var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-2xs, 2px);display:inline-block;flex-shrink:0}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div .tooltipListCont{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-none, 0px)}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div table{border-collapse:collapse;width:100%;min-width:200px}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div tr:first-child td{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);color:var(--ckcl-black-500, #2B2B2B);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);padding-top:var(--ckcl-spacing-xs, 4px);border-bottom:solid var(--ckds-border-width-sm, 1px) var(--ckcl-border-color, #E6ECF1)}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div tr:not(:first-child) td{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);font-size:var(--ckcl-fs-xs, 12px);color:var(--ckcl-black-400, #737373);font-weight:var(--ckcl-font-weight-regular, 400);white-space:nowrap}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div tr:not(:first-child) td>span[style*=background-color]{display:none!important}._ck-finops-charts_1mb5t_1 .fc__tooltip.fusioncharts-div tr:not(:first-child) td:last-child{text-align:right;font-weight:var(--ckcl-font-weight-bold, 700);color:var(--ckcl-black-500, #2B2B2B);padding-left:var(--ckcl-spacing-xl, 28px)}._fusion_chart_wrapper_1mb5t_133{width:100%}._doughnut-legend_1mb5t_137{display:flex;justify-content:center;align-items:center;gap:var(--ckcl-spacing-md, 16px);padding:var(--ckcl-spacing-sm, 8px) 0;flex-wrap:wrap}._doughnut-legend-item_1mb5t_146{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;transition:opacity .2s ease}._doughnut-legend-item--hidden_1mb5t_158{opacity:.5}._doughnut-legend-item--hidden_1mb5t_158 ._doughnut-legend-text_1mb5t_161{text-decoration:line-through}._doughnut-legend-icon_1mb5t_165{width:var(--ckcl-spacing-ms, 12px);height:var(--ckcl-spacing-ms, 12px);border-radius:var(--ckds-border-radius-xs, 4px);display:inline-block;flex-shrink:0}._doughnut-legend-text_1mb5t_161{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-400, #737373);white-space:nowrap}

package/dist/assets/index-Dudb2XKF.css

@@ -1 +0,0 @@
-._ckds-breadcrumb-wrapper_10r0t_1{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--ckcl-fs-xs, 12px);gap:var(--ckcl-spacing-xs, 4px);--ckds-transition-breadcrumb: transform .2s ease;--ckds-rotate-initial-breadcrumb: rotate(0deg);--ckds-rotate-final-breadcrumb: rotate(180deg);--ckds-opacity-breadcrumb: .5;--ckds-max-width-label-breadcrumb: 120px;--ckds-min-width-dropdown-breadcrumb: 140px;--ckds-max-width-dropdown-breadcrumb: 238px;--ckds-z-index-dropdown-breadcrumb: 10;--ckds-padding-breadcrumb: 10px;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._crumb-item_10r0t_19{display:flex;align-items:center}._arrow_10r0t_24{display:inline-flex;align-items:center;justify-content:center;transition:var(--ckds-transition-breadcrumb);transform:var(--ckds-rotate-initial-breadcrumb);margin-left:var(--ckcl-spacing-xs, 4px)}._arrow_10r0t_24 svg{width:var(--ckcl-spacing-md, 16px);height:var(--ckcl-spacing-md, 16px);display:block;stroke:var(--ckcl-black-400, #737373)}._open_10r0t_39{transform:var(--ckds-rotate-final-breadcrumb)}._crumb-link_10r0t_43{text-decoration:none;color:var(--ckcl-black-400, #737373);display:flex;align-items:center;position:relative}._crumb-link_10r0t_43:hover{color:var(--ckcl-primary-500, #3A72E4)}._active_10r0t_54{color:var(--ckcl-black-500, #2B2B2B)}._active_10r0t_54:hover{color:unset;cursor:unset}._disabled_10r0t_62{pointer-events:none;opacity:var(--ckds-opacity-breadcrumb)}._separator_10r0t_67{margin:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-sm, 8px);color:var(--ckcl-black-400, #737373)}._label_10r0t_72{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--ckds-max-width-label-breadcrumb);display:inline-block}._dropdown-wrapper_10r0t_80{position:relative;display:flex;align-items:center}._dropdown-trigger_10r0t_86{border:none;background:transparent;cursor:pointer;color:var(--ckcl-black-400, #737373);font-size:var(--ckcl-fs-xs, 12px);padding:var(--ckcl-spacing-none, 0px);display:flex}._dropdown-menu_10r0t_96{position:absolute;top:20px;left:0;min-width:var(--ckds-min-width-dropdown-breadcrumb);max-width:var(--ckds-max-width-dropdown-breadcrumb);width:max-content;background:var(--ckcl-white, #FFFFFF);border-radius:var(--ckds-border-radius-md, 8px);box-shadow:var(--ckcl-elevation-4, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .1294117647));padding:var(--ckcl-spacing-sm, 8px);z-index:var(--ckds-z-index-dropdown-breadcrumb)}._dropdown-item_10r0t_110{display:block;padding:var(--ckds-padding-breadcrumb) var(--ckcl-spacing-sm, 14px);text-decoration:none;color:var(--ckcl-black-400, #737373);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px)}._dropdown-item_10r0t_110:hover{background:var(--ckcl-primary-50, #F8FBFF);color:var(--ckcl-primary-500, #3A72E4);border-radius:var(--ckds-border-radius-md, 8px)}

package/dist/assets/index-w7AdSPwF.css

@@ -1 +0,0 @@
-._ckds-search-wrapper_1k218_1{--search-bg: var(--ckcl-white, #FFFFFF);--search-border-color: var(--ckcl-black-100, #DCDCDC);--search-focus-border-color: var(--ckcl-primary-500, #3A72E4);--search-icon-color: var(--ckcl-black-400, #737373);--search-placeholder-color: var(--ckcl-black-300, #A0A0A0);--search-text-color: var(--ckcl-black-500, #2B2B2B);--search-clear-color: var(--ckcl-black-400, #737373);--search-clear-hover-color: var(--ckcl-black-500, #2B2B2B);--search-disabled-bg: var(--ckcl-black-50, #F4F4F4);--search-disabled-border: var(--ckcl-black-100, #DCDCDC);--search-disabled-text: var(--ckcl-black-300, #A0A0A0);--search-width: 100%;--search-height-small: 24px;--search-height-medium: 32px;--search-height-large: 40px;--search-border-width: 1px;--search-border-radius: var(--ckds-border-radius-md, 8px);--search-padding-v: var(--ckcl-spacing-sm, 8px);--search-padding-h: var(--ckcl-spacing-ms, 12px);--search-gap: var(--ckcl-spacing-sm, 8px);--search-transition-duration: .2s;width:var(--search-width);display:flex;align-items:center;gap:var(--search-gap);background-color:var(--search-bg);border:var(--search-border-width) solid var(--search-border-color);border-radius:var(--search-border-radius);padding:var(--search-padding-v) var(--search-padding-h);transition:border-color var(--search-transition-duration) ease;box-sizing:border-box;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-search-wrapper_1k218_1._search-wrapper-small_1k218_35{height:var(--search-height-small)}._ckds-search-wrapper_1k218_1._search-wrapper-medium_1k218_38{height:var(--search-height-medium)}._ckds-search-wrapper_1k218_1._search-wrapper-large_1k218_41{height:var(--search-height-large)}._ckds-search-wrapper_1k218_1:focus-within,._ckds-search-wrapper_1k218_1:hover{border-color:var(--search-focus-border-color)}._ckds-search-wrapper_1k218_1._search-wrapper--disabled_1k218_47{background-color:var(--search-disabled-bg);border-color:var(--search-disabled-border);cursor:not-allowed}._ckds-search-wrapper_1k218_1 *{margin:0}._search-icon_1k218_56{display:flex;align-items:center;flex-shrink:0}._search-input_1k218_62{flex:1;border:none;outline:none;background:transparent;color:var(--search-text-color);min-width:0}._search-input_1k218_62::placeholder{color:var(--search-placeholder-color)}._search-input_1k218_62:focus::placeholder{color:transparent}._search-input_1k218_62:disabled{cursor:not-allowed;color:var(--search-disabled-text)}._search-clear_1k218_81{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:var(--ckcl-spacing-none, 0px);cursor:pointer}._search-clear_1k218_81:disabled{cursor:not-allowed}

package/dist/assets/styles-BA66-SUu.css

@@ -1 +0,0 @@
-._ckds-cost-comparator-wrapper_z3m5y_1{width:100%}._ckds-cost-comparator-toolbar_z3m5y_5{display:flex;align-items:center;justify-content:space-between;gap:var(--ckcl-spacing-md, 16px);margin-bottom:var(--ckcl-spacing-md, 16px)}._ckds-cost-comparator-toggle_z3m5y_13{display:inline-flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}._ckds-cost-comparator-toggle-label_z3m5y_21{font-size:var(--ckcl-fs-xs, 12px);color:var(--ckcl-black-500, #2B2B2B);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-cost-comparator-legend_z3m5y_27{display:inline-flex;align-items:center}._ckds-header-label_z3m5y_32{display:inline-block;white-space:nowrap}._ckds-header-checkbox_z3m5y_37{display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);flex-wrap:nowrap}._ckds-header-checkbox_z3m5y_37._ckds-disabled_z3m5y_43 ._ckds-header-checkbox-label_z3m5y_43{color:var(--ckcl-black-300, #A0A0A0)}._ckds-header-checkbox-label_z3m5y_43{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap}._ckds-cost-cell_z3m5y_54{display:inline-flex;align-items:center;width:100%}._ckds-total-cell_z3m5y_60{display:inline-flex;align-items:center;font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-disabled_z3m5y_43{color:var(--ckcl-black-300, #A0A0A0)}

package/dist/assets/styles-CflOKRvX.css

@@ -1 +0,0 @@
-._ckds-wrapper_1ww6q_1{--wrapper-width: 291px;--trigger-transition: border-color .2s;--selected-tags-gap: 8px;--selected-tag-content-width: 42px;--dropdown-z-index: 10;--dropdown-margin-top: var(--ckcl-spacing-ms, 12px);--options-list-height: 200px;--scrollbar-width: 2px;--option-row-transition: all .1s ease-in-out;--menu-list-top: 20px;--menu-list-left: 180px;--menu-list-width: 128px;--menu-list-z-index: 11;--menu-item-height: 32px;--chevron-transition: transform .2s ease;--apply-btn-transition: background .2s;--trigger-border-width: 1px;--divider-height: 1px;--chevron-rotate: 180deg;--menu-list-max-height: 160px;--menu-list-border-width: 1px;display:inline-flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px);width:var(--wrapper-width);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._label-wrapper_1ww6q_30{color:var(--ckcl-black-500, #2B2B2B)}._required_1ww6q_34{color:var(--ckcl-red-500, #E52323)}._trigger-wrapper_1ww6q_38{position:relative;width:100%}body ._trigger_1ww6q_38{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--trigger-transition);height:var(--ckcl-spacing-2xl, 32px)}body ._trigger_1ww6q_38:not(._trigger-open_1ww6q_57):hover{border-color:var(--ckcl-primary-500, #3A72E4)}body ._trigger-open_1ww6q_57{border-color:var(--ckcl-primary-500, #3A72E4)}._placeholder_1ww6q_65{color:var(--ckcl-black-200, #C2C2C2)}._placeholder-required_1ww6q_69{color:var(--ckcl-red-500, #E52323)}._chevron_1ww6q_73{color:var(--ckcl-black-400, #737373);transition:var(--chevron-transition);flex-shrink:0}._chevron-up_1ww6q_79{transform:rotate(var(--chevron-rotate))}._selected-tags-container_1ww6q_83{position:relative;display:flex;align-items:center;gap:var(--selected-tags-gap);cursor:default}._selected-tag-wrapper_1ww6q_91{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._selected-tag-content_1ww6q_97{width:var(--selected-tag-content-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._select-all-label_1ww6q_104{color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap}._remove-icon_1ww6q_109{cursor:pointer}._overflow-count_1ww6q_113{color:var(--ckcl-primary-600, #3060C1);cursor:pointer}._helper-text_1ww6q_118{display:flex;align-items:center;gap:var(--ckcl-spacing-2xs, 2px);margin:var(--ckcl-spacing-none, 0px);margin-top:var(--ckcl-spacing-xs, 4px);color:var(--ckcl-black-500, #2B2B2B)}._helper-hide_1ww6q_127{visibility:hidden}._dropdown_1ww6q_132{position:absolute;top:calc(100% - var(--ckcl-spacing-ms, 12px));left:0;right:0;background:var(--ckcl-white, #FFFFFF);z-index:var(--dropdown-z-index);display:flex;flex-direction:column;padding:var(--ckcl-spacing-ms, 12px);padding-bottom:var(--ckcl-spacing-3xl, 48px);gap:var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);margin-top:var(--dropdown-margin-top)}._result-wrapper_1ww6q_150{display:flex;align-items:center;justify-content:space-between;padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-xs, 4px)}._result-count_1ww6q_157{color:var(--ckcl-black-400, #737373)}._exclude-row_1ww6q_161{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._exclude-label_1ww6q_167{color:var(--ckcl-black-500, #2B2B2B)}._divider_1ww6q_171{height:var(--divider-height);background:var(--ckcl-black-100, #DCDCDC)}._ckds-options-list_1ww6q_177{height:var(--options-list-height);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ckcl-spacing-none, 0px)}._ckds-options-list_1ww6q_177::-webkit-scrollbar{width:var(--scrollbar-width)}._ckds-options-list_1ww6q_177::-webkit-scrollbar-thumb{background:var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-2xs, 2px)}._option-row_1ww6q_192{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px);border-radius:var(--ckds-border-radius-xs, 4px);cursor:pointer;transition:var(--option-row-transition)}._option-row_1ww6q_192:hover{background:var(--ckcl-primary-50, #F8FBFF);padding-left:var(--ckcl-spacing-xs, 4px)}._option-label_1ww6q_206{color:var(--ckcl-black-500, #2B2B2B)}._no-results_1ww6q_210{color:var(--ckcl-black-300, #A0A0A0);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px)}._ckds-multi-select-footer_1ww6q_216{display:flex;align-items:center;justify-content:space-between;box-shadow:var(--ckcl-elevation-1, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .13));position:absolute;bottom:0;left:0;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px)}._clear-btn_1ww6q_228{background:none;border:none;color:var(--ckcl-black-300, #A0A0A0);cursor:not-allowed}._clear-btn_1ww6q_228:not(._clearDisabled_1ww6q_234){color:var(--ckcl-primary-500, #3A72E4);cursor:pointer}._footer-actions_1ww6q_239{display:flex;gap:var(--ckcl-spacing-sm, 8px)}._footer-actions-end_1ww6q_244{margin-left:auto}._cancel-btn_1ww6q_248{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:1px solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer}._apply-btn_1ww6q_257{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:none;border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--apply-btn-transition)}._apply-disabled_1ww6q_267{background:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._menu-list_1ww6q_273{max-height:var(--menu-list-max-height);position:absolute;top:var(--menu-list-top);left:var(--menu-list-left);z-index:var(--menu-list-z-index);width:var(--menu-list-width);border-radius:var(--ckds-border-radius-lg, 12px);border:var(--menu-list-border-width) solid var(--ckcl-black-100, #DCDCDC);background-color:var(--ckcl-white, #FFFFFF);padding:var(--ckcl-spacing-sm, 8px);box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275));overflow-y:auto}._ckds-menu-item_1ww6q_288{display:flex;align-items:center;height:var(--menu-item-height);padding:var(--ckcl-spacing-sm, 8px);color:var(--ckcl-black-500, #2B2B2B);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;margin:0;cursor:default;overflow:hidden}._menu-item-label_1ww6q_300{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}

package/dist/styles.module-CCyijXTv.js

@@ -1,16 +0,0 @@
-import './assets/styles-BA66-SUu.css';const c = {
-  "ckds-cost-comparator-wrapper": "_ckds-cost-comparator-wrapper_z3m5y_1",
-  "ckds-cost-comparator-toolbar": "_ckds-cost-comparator-toolbar_z3m5y_5",
-  "ckds-cost-comparator-toggle": "_ckds-cost-comparator-toggle_z3m5y_13",
-  "ckds-cost-comparator-toggle-label": "_ckds-cost-comparator-toggle-label_z3m5y_21",
-  "ckds-cost-comparator-legend": "_ckds-cost-comparator-legend_z3m5y_27",
-  "ckds-header-label": "_ckds-header-label_z3m5y_32",
-  "ckds-header-checkbox": "_ckds-header-checkbox_z3m5y_37",
-  "ckds-disabled": "_ckds-disabled_z3m5y_43",
-  "ckds-header-checkbox-label": "_ckds-header-checkbox-label_z3m5y_43",
-  "ckds-cost-cell": "_ckds-cost-cell_z3m5y_54",
-  "ckds-total-cell": "_ckds-total-cell_z3m5y_60"
-};
-export {
-  c as s
-};