@ck-ui/component-library 0.3.0 → 1.0.1

package/dist/components/Typography/index.js

@@ -1,45 +1,45 @@
-import { jsx as u } from "react/jsx-runtime";
-import '../../assets/index-BmQOtMhS.css';const d = "_caption_eajfu_9", t = "_h3_eajfu_29", n = "_h2_eajfu_34", y = "_h1_eajfu_39", f = "_regular_eajfu_47", m = "_medium_eajfu_51", i = "_semibold_eajfu_55", j = "_bold_eajfu_59", p = "_primary_eajfu_66", l = "_secondary_eajfu_70", b = "_disabled_eajfu_74", h = "_error_eajfu_78", g = "_success_eajfu_82", _ = {
-  "ckds-typography": "_ckds-typography_eajfu_1",
-  caption: d,
-  "body-xs": "_body-xs_eajfu_14",
-  "body-sm": "_body-sm_eajfu_19",
-  "body-lg": "_body-lg_eajfu_24",
-  h3: t,
-  h2: n,
-  h1: y,
-  regular: f,
-  medium: m,
-  semibold: i,
-  bold: j,
-  primary: p,
-  secondary: l,
-  disabled: b,
-  error: h,
-  success: g
+import { jsx as e } from "react/jsx-runtime";
+import '../../assets/index-UphWJR2V.css';const t = "_caption_3a41f_9", n = "_h3_3a41f_29", y = "_h2_3a41f_34", f = "_h1_3a41f_39", m = "_regular_3a41f_47", i = "_medium_3a41f_51", p = "_semibold_3a41f_55", l = "_bold_3a41f_59", b = "_primary_3a41f_66", h = "_secondary_3a41f_70", u = "_disabled_3a41f_74", g = "_error_3a41f_78", $ = "_success_3a41f_82", _ = {
+  "ckds-typography": "_ckds-typography_3a41f_1",
+  caption: t,
+  "body-xs": "_body-xs_3a41f_14",
+  "body-sm": "_body-sm_3a41f_19",
+  "body-lg": "_body-lg_3a41f_24",
+  h3: n,
+  h2: y,
+  h1: f,
+  regular: m,
+  medium: i,
+  semibold: p,
+  bold: l,
+  primary: b,
+  secondary: h,
+  disabled: u,
+  error: g,
+  success: $
 };
-function x({
+function k({
   variant: s = "body-sm",
   weight: o = "regular",
-  color: e = "primary",
-  className: a = "",
-  children: r,
-  as: c = "p"
+  color: a = "primary",
+  className: r = "",
+  children: c,
+  as: d = "p"
 }) {
-  return /* @__PURE__ */ u(
-    c,
+  return /* @__PURE__ */ e(
+    d,
     {
       className: `
         ${_["ckds-typography"]}
         ${_[s]}
         ${_[o]}
-        ${_[e]}
-        ${a}
+        ${_[a]}
+        ${r}
       `,
-      children: r
+      children: c
     }
   );
 }
 export {
-  x as Typography
+  k as Typography
 };

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,11 @@ 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';
+export { Typography } from './components/Typography';
 //# 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":"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"}

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 { 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 { Toggle as ke } from "./components/Toggle/index.js";
@@ -22,30 +22,36 @@ 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 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 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 { Typography as Vc } from "./components/Typography/index.js";
+import { MenuOptionsWrapper as Lc } 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,8 +70,8 @@ import './assets/main-Dv8QUU_o.css';const b = "_showcase_97m56_1", g = "_title_9
   typographyMeta: B,
   typographyClass: R,
   typographyGroupTitle: G,
-  fsSample: V
-}, m = [
+  fsSample: M
+}, d = [
   {
     title: "Primary",
     variables: [
@@ -184,7 +190,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 +262,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 +299,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 = {};
-    for (const a of m)
+    const m = document.documentElement, r = getComputedStyle(m), s = {};
+    for (const a of d)
       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(), m = 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 +327,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: [
+          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((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 +369,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 +394,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 +405,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(m).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 +440,56 @@ 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,
+  me as CopyText,
+  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,
+  Lc 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,
+  Vc as Typography,
+  mc 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-DakCndIP.js

@@ -0,0 +1,42 @@
+import './assets/styles-Bj-7zn37.css';const e = "_required_ucbhw_41", _ = "_trigger_ucbhw_45", c = "_placeholder_ucbhw_72", r = "_chevron_ucbhw_80", o = "_dropdown_ucbhw_139", t = "_divider_ucbhw_182", l = "_clearDisabled_ucbhw_246", u = {
+  "ckds-wrapper": "_ckds-wrapper_ucbhw_1",
+  "ckds-wrapper-disabled": "_ckds-wrapper-disabled_ucbhw_31",
+  "label-wrapper": "_label-wrapper_ucbhw_37",
+  required: e,
+  "trigger-wrapper": "_trigger-wrapper_ucbhw_45",
+  trigger: _,
+  "trigger-open": "_trigger-open_ucbhw_64",
+  placeholder: c,
+  "placeholder-required": "_placeholder-required_ucbhw_76",
+  chevron: r,
+  "chevron-up": "_chevron-up_ucbhw_86",
+  "selected-tags-container": "_selected-tags-container_ucbhw_90",
+  "selected-tag-wrapper": "_selected-tag-wrapper_ucbhw_98",
+  "selected-tag-content": "_selected-tag-content_ucbhw_104",
+  "select-all-label": "_select-all-label_ucbhw_111",
+  "remove-icon": "_remove-icon_ucbhw_116",
+  "overflow-count": "_overflow-count_ucbhw_120",
+  "helper-text": "_helper-text_ucbhw_125",
+  dropdown: o,
+  "dropdown-helper": "_dropdown-helper_ucbhw_156",
+  "result-wrapper": "_result-wrapper_ucbhw_161",
+  "result-count": "_result-count_ucbhw_168",
+  "exclude-row": "_exclude-row_ucbhw_172",
+  "exclude-label": "_exclude-label_ucbhw_178",
+  divider: t,
+  "ckds-options-list": "_ckds-options-list_ucbhw_188",
+  "option-row": "_option-row_ucbhw_203",
+  "option-label": "_option-label_ucbhw_217",
+  "no-results": "_no-results_ucbhw_221",
+  "ckds-multi-select-footer": "_ckds-multi-select-footer_ucbhw_227",
+  "clear-btn": "_clear-btn_ucbhw_240",
+  clearDisabled: l,
+  "footer-actions": "_footer-actions_ucbhw_251",
+  "footer-actions-end": "_footer-actions-end_ucbhw_256",
+  "menu-list": "_menu-list_ucbhw_285",
+  "ckds-menu-item": "_ckds-menu-item_ucbhw_300",
+  "menu-item-label": "_menu-item-label_ucbhw_312"
+};
+export {
+  u as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "0.3.0",
+  "version": "1.0.1",
   "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/IconSlot-CFKmSU2_.js

@@ -1,33 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import './assets/IconSlot-CLpdZgmb.css';const l = "_large_1efmj_41", c = "_medium_1efmj_50", n = "_small_1efmj_60", s = "_primary_1efmj_94", i = "_error_1efmj_108", a = "_secondary_1efmj_118", t = "_hyperlink_1efmj_140", d = "_combo_1efmj_164", e = {
-  "ckds-button": "_ckds-button_1efmj_1",
-  large: l,
-  medium: c,
-  small: n,
-  "icon-slot": "_icon-slot_1efmj_70",
-  "icon-slot--small": "_icon-slot--small_1efmj_81",
-  "icon-slot--medium": "_icon-slot--medium_1efmj_85",
-  "icon-slot--large": "_icon-slot--large_1efmj_89",
-  primary: s,
-  error: i,
-  secondary: a,
-  hyperlink: t,
-  combo: d,
-  "combo-divider": "_combo-divider_1efmj_186",
-  "combo-label-area": "_combo-label-area_1efmj_190",
-  "combo-label-area-with-divider": "_combo-label-area-with-divider_1efmj_195",
-  "combo-icon-area": "_combo-icon-area_1efmj_206",
-  "icon-only": "_icon-only_1efmj_213"
-};
-function j({
-  icon: o,
-  size: _
-}) {
-  if (!o) return null;
-  const m = e[`icon-slot--${_}`] ?? "";
-  return /* @__PURE__ */ r("span", { className: `${e["icon-slot"]} ${m}`, "aria-hidden": "true", children: o });
-}
-export {
-  j as I,
-  e as s
-};