@ck-ui/component-library 1.0.17 → 2.0.1

package/dist/components/Sidebar/components/SubMenuWrapper/index.js

@@ -0,0 +1,35 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { IconRenderer as h } from "../IconRenderer/index.js";
+import { s as e } from "../../../../styles.module-BIdwTiuE.js";
+function p({ item: t, isOpen: r, active: o, collapsed: d, level: l, isSingleTopLevel: a = !1, onToggle: c, children: m }) {
+  if (d) return null;
+  const u = !(a && r);
+  return /* @__PURE__ */ i("div", { className: `${e.submenu} ${r ? e["with-child"] : ""}`, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: `${e["sidebar-menu-item"]} ${o || r ? e.active : ""}`,
+        onClick: () => {
+          a && r || c();
+        },
+        onKeyDown: (s) => {
+          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a && r || c());
+        },
+        role: "menuitem",
+        tabIndex: 0,
+        "aria-expanded": r,
+        children: [
+          l === 0 && /* @__PURE__ */ n("span", { className: e["menu-icon"], children: /* @__PURE__ */ n(h, { icon: t.icon }) }),
+          /* @__PURE__ */ n("span", { className: e["menu-content"], children: /* @__PURE__ */ i("span", { className: e["submenu-label"], children: [
+            /* @__PURE__ */ n("span", { children: t.name }),
+            u && /* @__PURE__ */ n("span", { className: `${e.arrow} ${r ? e.rotate : ""}`, children: /* @__PURE__ */ n("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: `${e["submenu-children"]} ${r ? e.open : ""}`, children: /* @__PURE__ */ n("div", { className: e["submenu-children-inner"], children: m }) })
+  ] });
+}
+export {
+  p as SubMenuWrapper
+};

package/dist/components/Sidebar/hooks/useActiveDetection.d.ts

@@ -0,0 +1,11 @@
+import { SidebarMenuItem } from '../Sidebar.types';
+interface UseActiveDetectionOptions {
+    currentPath: string;
+    allItems: SidebarMenuItem[];
+}
+export declare function useActiveDetection({ currentPath, allItems }: UseActiveDetectionOptions): {
+    isActive: (item: SidebarMenuItem) => boolean;
+    isTreeActive: (item: SidebarMenuItem) => boolean;
+};
+export {};
+//# sourceMappingURL=useActiveDetection.d.ts.map

package/dist/components/Sidebar/hooks/useActiveDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveDetection.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useActiveDetection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,yBAAyB;qBAE5E,eAAe;yBAIf,eAAe;EAIzB"}

package/dist/components/Sidebar/hooks/useActiveDetection.js

@@ -0,0 +1,15 @@
+import { useCallback as c } from "react";
+import { isItemActive as v, isTreeActive as A } from "../Sidebar.utils.js";
+function n({ currentPath: i, allItems: e }) {
+  const t = c(
+    (o) => v(o, i, e),
+    [i, e]
+  ), s = c(
+    (o) => A(o, i, e),
+    [i, e]
+  );
+  return { isActive: t, isTreeActive: s };
+}
+export {
+  n as useActiveDetection
+};

package/dist/components/Sidebar/hooks/useMenuState.d.ts

@@ -0,0 +1,9 @@
+import { SidebarMenuItem } from '../Sidebar.types';
+export declare function useMenuState({ menuItems, currentPath }: {
+    menuItems: SidebarMenuItem[];
+    currentPath: string;
+}): {
+    openByLevel: Record<string, boolean>;
+    toggleMenu: (key: string, level: number, item: SidebarMenuItem) => void;
+};
+//# sourceMappingURL=useMenuState.d.ts.map

package/dist/components/Sidebar/hooks/useMenuState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuState.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useMenuState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE;IAAE,SAAS,EAAE,eAAe,EAAE,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE;;sBAoCpG,MAAM,SAAS,MAAM,QAAQ,eAAe;EA0BrD"}

package/dist/components/Sidebar/hooks/useMenuState.js

@@ -0,0 +1,51 @@
+import { useState as u, useEffect as S, useCallback as g } from "react";
+import { isTreeActive as n } from "../Sidebar.utils.js";
+function p({ menuItems: r, currentPath: c }) {
+  const [h, d] = u({});
+  S(() => {
+    if (!r.length) return;
+    const e = {}, s = (i, a = 0) => {
+      for (const o of i)
+        if (n(o, c, r)) {
+          e[`${a}-${o.name}`] = !0, o.dashboardServices && s(o.dashboardServices, a + 1);
+          break;
+        }
+    };
+    s(r), d(e);
+  }, [r]), S(() => {
+    if (!r.length) return;
+    const e = {}, s = (i, a = 0) => {
+      for (const o of i)
+        if (n(o, c, r)) {
+          e[`${a}-${o.name}`] = !0, o.dashboardServices && s(o.dashboardServices, a + 1);
+          break;
+        }
+    };
+    s(r), d((i) => ({ ...i, ...e }));
+  }, [c]);
+  const v = g(
+    (e, s, i) => {
+      d((a) => {
+        const o = { ...a };
+        if (s === 0 && (Object.keys(o).forEach((f) => {
+          f !== e && delete o[f];
+        }), !a[e] && i.dashboardServices)) {
+          const f = ($, b) => {
+            for (const t of $)
+              if (n(t, c, r)) {
+                o[`${b}-${t.name}`] = !0, t.dashboardServices && f(t.dashboardServices, b + 1);
+                break;
+              }
+          };
+          f(i.dashboardServices, s + 1);
+        }
+        return o[e] = !a[e], o;
+      });
+    },
+    [c, r]
+  );
+  return { openByLevel: h, toggleMenu: v };
+}
+export {
+  p as useMenuState
+};

package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts

@@ -0,0 +1,7 @@
+export declare function useModuleSwitch({ onModuleSwitch }: {
+    onModuleSwitch?: (moduleName: string) => Promise<void>;
+}): {
+    isLoading: boolean;
+    handleModuleSwitch: (moduleName: string) => Promise<void>;
+};
+//# sourceMappingURL=useModuleSwitch.d.ts.map

package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleSwitch.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useModuleSwitch.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,EAAE;IAAE,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE;;qCAIvF,MAAM;EAS5B"}

package/dist/components/Sidebar/hooks/useModuleSwitch.js

@@ -0,0 +1,20 @@
+import { useState as r, useCallback as i } from "react";
+function u({ onModuleSwitch: t }) {
+  const [a, e] = r(!1), s = i(
+    async (n) => {
+      if (!(!t || a)) {
+        e(!0);
+        try {
+          await t(n);
+        } finally {
+          e(!1);
+        }
+      }
+    },
+    [t, a]
+  );
+  return { isLoading: a, handleModuleSwitch: s };
+}
+export {
+  u as useModuleSwitch
+};

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

@@ -0,0 +1,4 @@
+export { Sidebar } from './Sidebar';
+export { default } from './Sidebar';
+export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps } from './Sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Sidebar/index.js

@@ -0,0 +1,5 @@
+import { Sidebar as r, Sidebar as d } from "./Sidebar.js";
+export {
+  r as Sidebar,
+  d as default
+};

package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import { D as v } from "../../../DropdownFooter-DL--mVls.js";
+import { D as v } from "../../../DropdownFooter-DIxlKK1Y.js";
 import "../../Avatar/index.js";
 import "../../CKButton/index.js";
 import "../../IconButton/index.js";
 import "../../Stepper/index.js";
 import "react";
 import "../../../index-BR6M9zUI.js";
-import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DrYTmjez.css';import '../../../assets/styles-CwZG1jzB.css';import '../../../assets/styles-0GdZsGyi.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
+import '../../../assets/theme-CDdq9khQ.css';import '../../../assets/styles-DrYTmjez.css';import '../../../assets/styles-CwZG1jzB.css';import '../../../assets/styles-0GdZsGyi.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
 import "../../GroupedMultiSelect/_helpers/TagContent.js";
 import "../../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../../GroupedSingleSelect/_helpers/OptionRow.js";

package/dist/components/SingleSelectDropdown/index.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g, useMemo as V, useEffect as D } from "react";
-import { s as e, D as A } from "../../DropdownFooter-DL--mVls.js";
+import { s as e, D as A } from "../../DropdownFooter-DIxlKK1Y.js";
 import { S as M } from "../../chevron-down-Cm9R64Fe.js";
 import { S as q } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
@@ -9,7 +9,7 @@ import "../IconButton/index.js";
 import "../Stepper/index.js";
 import { Tooltip as G } from "../Tooltip/index.js";
 import "../../index-BR6M9zUI.js";
-import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DrYTmjez.css';import '../../assets/styles-CwZG1jzB.css';import '../../assets/styles-0GdZsGyi.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
+import '../../assets/theme-CDdq9khQ.css';import '../../assets/styles-DrYTmjez.css';import '../../assets/styles-CwZG1jzB.css';import '../../assets/styles-0GdZsGyi.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
 import { RadioButton as H } from "../RadioButton/index.js";
 import { Search as J } from "../Search/index.js";
 import "../GroupedMultiSelect/_helpers/TagContent.js";

package/dist/styles.module-BIdwTiuE.js

@@ -0,0 +1,66 @@
+import './assets/styles-Dz05pjuA.css';const _ = "_collapseMenu_5xnxd_27", n = "_active_5xnxd_40", e = "_submenu_5xnxd_179", o = "_open_5xnxd_295", t = "_arrow_5xnxd_307", x = "_rotate_5xnxd_320", d = "_boxShadow_5xnxd_472", p = {
+  "custom-sidebar": "_custom-sidebar_5xnxd_1",
+  "sidebar-V2": "_sidebar-V2_5xnxd_12",
+  "no-chatbot-padding": "_no-chatbot-padding_5xnxd_23",
+  collapseMenu: _,
+  "sidebar-list-wrapper": "_sidebar-list-wrapper_5xnxd_31",
+  "sidebar-menu-item": "_sidebar-menu-item_5xnxd_35",
+  active: n,
+  "menu-icon": "_menu-icon_5xnxd_43",
+  "menu-content": "_menu-content_5xnxd_46",
+  "chatbot-open": "_chatbot-open_5xnxd_50",
+  "chatbot-collapse": "_chatbot-collapse_5xnxd_57",
+  "menu-renderer": "_menu-renderer_5xnxd_79",
+  "icon-img": "_icon-img_5xnxd_138",
+  "icon-node": "_icon-node_5xnxd_144",
+  "leaf-item": "_leaf-item_5xnxd_164",
+  "active-indicator": "_active-indicator_5xnxd_168",
+  submenu: e,
+  "with-child": "_with-child_5xnxd_182",
+  "submenu-children": "_submenu-children_5xnxd_195",
+  "submenu-children-inner": "_submenu-children-inner_5xnxd_198",
+  "submenu-label": "_submenu-label_5xnxd_278",
+  open: o,
+  arrow: t,
+  rotate: x,
+  "sidebar-popup": "_sidebar-popup_5xnxd_324",
+  "popover-container": "_popover-container_5xnxd_330",
+  "popover-arrow": "_popover-arrow_5xnxd_344",
+  "popover-content": "_popover-content_5xnxd_355",
+  "popover-menu": "_popover-menu_5xnxd_361",
+  "popover-title": "_popover-title_5xnxd_367",
+  "popover-title-single": "_popover-title-single_5xnxd_375",
+  "popover-children": "_popover-children_5xnxd_385",
+  "popover-child-item": "_popover-child-item_5xnxd_392",
+  "popover-child-with-sub": "_popover-child-with-sub_5xnxd_408",
+  "popover-child-arrow": "_popover-child-arrow_5xnxd_440",
+  "nested-popover": "_nested-popover_5xnxd_451",
+  "single-child-popover": "_single-child-popover_5xnxd_457",
+  boxShadow: d,
+  "switch-module-wrapper": "_switch-module-wrapper_5xnxd_481",
+  "switch-module-btn": "_switch-module-btn_5xnxd_488",
+  "switch-module-collapsed": "_switch-module-collapsed_5xnxd_513",
+  "sidebar-tag": "_sidebar-tag_5xnxd_518",
+  "explore-section": "_explore-section_5xnxd_526",
+  "explore-collapsed": "_explore-collapsed_5xnxd_530",
+  "explore-links": "_explore-links_5xnxd_533",
+  "cursor-not-allowed": "_cursor-not-allowed_5xnxd_566",
+  "pointer-events-none": "_pointer-events-none_5xnxd_570",
+  "contact-us-btn": "_contact-us-btn_5xnxd_574",
+  "contact-us-link": "_contact-us-link_5xnxd_583",
+  "collapsed-link": "_collapsed-link_5xnxd_610",
+  "chat-bot-btn": "_chat-bot-btn_5xnxd_617",
+  "gpt-disabled": "_gpt-disabled_5xnxd_627",
+  "gpt-container": "_gpt-container_5xnxd_632",
+  "gpt-header": "_gpt-header_5xnxd_644",
+  "gpt-new-tag": "_gpt-new-tag_5xnxd_650",
+  "gpt-toggle-btn": "_gpt-toggle-btn_5xnxd_662",
+  "gpt-body": "_gpt-body_5xnxd_676",
+  "gpt-title": "_gpt-title_5xnxd_680",
+  "gpt-icons-row": "_gpt-icons-row_5xnxd_691",
+  "gpt-subtitle": "_gpt-subtitle_5xnxd_698",
+  "gpt-start-btn": "_gpt-start-btn_5xnxd_704"
+};
+export {
+  p as s
+};

package/dist/theme/Theme.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as o } from "react/jsx-runtime";
-import '../assets/theme-gJHYUL9y.css';/* empty css                */
+import '../assets/theme-CDdq9khQ.css';/* empty css                */
 const i = ({ children: r }) => /* @__PURE__ */ e(o, { children: r });
 export {
   i as CKThemeProvider

package/dist/theme/theme.css

@@ -1 +1 @@
-:root{--ckcl-primary-600: #3060C1;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #578FE9;--ckcl-primary-300: #81AFF0;--ckcl-primary-200: #B0CDF6;--ckcl-primary-100: #D9E6FB;--ckcl-primary-80: #F1F6FF;--ckcl-primary-50: #F8FBFF;--ckcl-black-600: #050505;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #737373;--ckcl-black-350: #676666;--ckcl-black-300: #A0A0A0;--ckcl-black-200: #C2C2C2;--ckcl-black-100: #DCDCDC;--ckcl-black-50: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-600: #C91919;--ckcl-red-500: #E52323;--ckcl-red-400: #EB5050;--ckcl-red-300: #F07D7D;--ckcl-red-200: #F5AAAA;--ckcl-red-100: #FAD7D7;--ckcl-red-50: #FDF4F4;--ckcl-yellow-600: #AC6900;--ckcl-yellow-500: #FFCA28;--ckcl-yellow-400: #FFD54F;--ckcl-yellow-300: #FFE082;--ckcl-yellow-200: #FFECB3;--ckcl-yellow-100: #FFF8E1;--ckcl-yellow-50: #FFFBED;--ckcl-green-600: #007503;--ckcl-green-500: #249C45;--ckcl-green-400: #54B86F;--ckcl-green-300: #88D39A;--ckcl-green-200: #ADE0BB;--ckcl-green-100: #CFEBD7;--ckcl-green-50: #E8F5EC;--ckcl-chips-yellow-filled: #D6A81C;--ckcl-chips-green-default: #F8FFFA;--ckcl-border-color: #E6ECF1;--ckcl-toast-success: #FAFFFB;--ckcl-toast-failure: #FFF9F9;--ckcl-toast-warning: #FFFDF6;--ckcl-toast-info: #FAFCFF;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckds-leading-xs: 14px;--ckds-leading-sm: 16px;--ckds-leading-md: 20px;--ckds-leading-lg: 22px;--ckds-leading-xl: 26px;--ckds-leading-2xl: 28px;--ckds-leading-3xl: 38px;--ckcl-spacing-none:0px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-2sm: 14px;--ckcl-spacing-ms: 12px;--ckcl-spacing-md: 16px;--ckcl-spacing-2md: 18px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-2xl-md: 36px;--ckcl-spacing-2xl-lg: 40px;--ckcl-spacing-3xl: 48px;--ckds-spacing-slg: 22px;--ckds-spacing-xl: 30px;--ckds-spacing-2xl: 34px;--ckds-border-width-sm: 1px;--ckds-border-radius-2xs: 2px;--ckds-border-radius-xsm: 2px;--ckds-border-radius-xs: 4px;--ckds-border-radius-sm: 6px;--ckds-border-radius-md: 8px;--ckds-border-radius-lg: 12px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #DCDCDC;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #FAD7D7;--ckcl-tag-success-bg: #E8F5EC;--ckcl-tag-success-border: #CFEBD7;--ckcl-tag-inprogress-bg: #D9E6FB;--ckcl-tag-inprogress-border: #B0CDF6;--ckcl-tag-alert-bg: #FFF8E1;--ckcl-tag-alert-border: #FFE082;--ckds-tag-neutral-solid-bg: #DCDCDC;--ckds-tag-error-solid-bg: #EB5050;--ckds-tag-success-soft-bg: #F8FFFA;--ckds-tag-success-solid-bg: #249C45;--ckds-tag-inprogress-soft-bg: #F8FBFF;--ckds-tag-inprogress-solid-bg: #578FE9;--ckds-tag-inprogress-border: #D9E6FB;--ckds-tag-alert-soft-bg: #FFFBED;--ckds-tag-alert-soft-border: #FFECB3;--ckds-tag-alert-solid-bg: #FFCA28;--ckds-deviation-tag-border: #E6ECF1;--ckds-elevation-1: -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, 0.13);--ckds-elevation-2: 0px 4px 12px 0px rgba(0, 79, 206, 0.1215686275);--ckds-elevation-3: 0px -2px 29.3px -10.65px rgba(24, 39, 75, 0.09);--ckds-elevation-4: -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, 0.1294117647)}[class*=ckcl]{box-sizing:border-box}[class*=ckds]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckds-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-xl, 26px)}body .ckds-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-xs, 14px)}body .ckds-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-sm, 16px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #737373)}body .ckcl-black-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-black-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-black-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #E52323)}body .ckcl-red-400{color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-300{color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-200{color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-100{color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-green-500{color:var(--ckcl-green-500, #249C45)}body .ckcl-green-400{color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-300{color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-200{color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-100{color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-primary-bg-50{background-color:var(--ckcl-primary-50, #F8FBFF)}body .ckcl-black-bg-600{background-color:var(--ckcl-black-600, #050505)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #737373)}body .ckcl-black-bg-300{background-color:var(--ckcl-black-300, #A0A0A0)}body .ckcl-black-bg-200{background-color:var(--ckcl-black-200, #C2C2C2)}body .ckcl-black-bg-100{background-color:var(--ckcl-black-100, #DCDCDC)}body .ckcl-black-bg-50{background-color:var(--ckcl-black-50, #F4F4F4)}body .ckcl-red-bg-600{background-color:var(--ckcl-red-600, #C91919)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #E52323)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-red-bg-50{background-color:var(--ckcl-red-50, #FDF4F4)}body .ckcl-yellow-bg-600{background-color:var(--ckcl-yellow-600, #AC6900)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-yellow-bg-50{background-color:var(--ckcl-yellow-50, #FFFBED)}body .ckcl-green-bg-600{background-color:var(--ckcl-green-600, #007503)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #249C45)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-green-bg-50{background-color:var(--ckcl-green-50, #E8F5EC)}.ckds-w-full{width:100%}
+:root{--ckcl-primary-600: #3060C1;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #578FE9;--ckcl-primary-300: #81AFF0;--ckcl-primary-200: #B0CDF6;--ckcl-primary-100: #D9E6FB;--ckcl-primary-80: #F1F6FF;--ckcl-primary-50: #F8FBFF;--ckcl-black-600: #050505;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #737373;--ckcl-black-350: #676666;--ckcl-black-300: #A0A0A0;--ckcl-black-200: #C2C2C2;--ckcl-black-100: #DCDCDC;--ckcl-black-50: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-600: #C91919;--ckcl-red-500: #E52323;--ckcl-red-400: #EB5050;--ckcl-red-300: #F07D7D;--ckcl-red-200: #F5AAAA;--ckcl-red-100: #FAD7D7;--ckcl-red-50: #FDF4F4;--ckcl-yellow-600: #AC6900;--ckcl-yellow-500: #FFCA28;--ckcl-yellow-400: #FFD54F;--ckcl-yellow-300: #FFE082;--ckcl-yellow-200: #FFECB3;--ckcl-yellow-100: #FFF8E1;--ckcl-yellow-50: #FFFBED;--ckcl-green-600: #007503;--ckcl-green-500: #249C45;--ckcl-green-400: #54B86F;--ckcl-green-300: #88D39A;--ckcl-green-200: #ADE0BB;--ckcl-green-100: #CFEBD7;--ckcl-green-50: #E8F5EC;--ckcl-chips-yellow-filled: #D6A81C;--ckcl-chips-green-default: #F8FFFA;--ckcl-border-color: #E6ECF1;--ckcl-toast-success: #FAFFFB;--ckcl-toast-failure: #FFF9F9;--ckcl-toast-warning: #FFFDF6;--ckcl-toast-info: #FAFCFF;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckds-leading-xs: 14px;--ckds-leading-sm: 16px;--ckds-leading-md: 20px;--ckds-leading-lg: 22px;--ckds-leading-xl: 26px;--ckds-leading-2xl: 28px;--ckds-leading-3xl: 38px;--ckcl-spacing-none:0px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-2sm: 14px;--ckcl-spacing-ms: 12px;--ckcl-spacing-md: 16px;--ckcl-spacing-2md: 18px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-2xl-md: 36px;--ckcl-spacing-2xl-lg: 40px;--ckcl-spacing-3xl: 48px;--ckds-spacing-slg: 22px;--ckds-spacing-lg: 28px;--ckds-spacing-xl: 30px;--ckds-spacing-2xl: 34px;--ckds-border-width-sm: 1px;--ckds-border-radius-2xs: 2px;--ckds-border-radius-xsm: 2px;--ckds-border-radius-xs: 4px;--ckds-border-radius-sm: 6px;--ckds-border-radius-md: 8px;--ckds-border-radius-lg: 12px;--ckds-border-radius-xl: 16px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #DCDCDC;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #FAD7D7;--ckcl-tag-success-bg: #E8F5EC;--ckcl-tag-success-border: #CFEBD7;--ckcl-tag-inprogress-bg: #D9E6FB;--ckcl-tag-inprogress-border: #B0CDF6;--ckcl-tag-alert-bg: #FFF8E1;--ckcl-tag-alert-border: #FFE082;--ckds-tag-neutral-solid-bg: #DCDCDC;--ckds-tag-error-solid-bg: #EB5050;--ckds-tag-success-soft-bg: #F8FFFA;--ckds-tag-success-solid-bg: #249C45;--ckds-tag-inprogress-soft-bg: #F8FBFF;--ckds-tag-inprogress-solid-bg: #578FE9;--ckds-tag-inprogress-border: #D9E6FB;--ckds-tag-alert-soft-bg: #FFFBED;--ckds-tag-alert-soft-border: #FFECB3;--ckds-tag-alert-solid-bg: #FFCA28;--ckds-deviation-tag-border: #E6ECF1;--ckds-elevation-1: -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, 0.13);--ckds-elevation-2: 0px 4px 12px 0px rgba(0, 79, 206, 0.1215686275);--ckds-elevation-3: 0px -2px 29.3px -10.65px rgba(24, 39, 75, 0.09);--ckds-elevation-4: -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, 0.1294117647)}[class*=ckcl]{box-sizing:border-box}[class*=ckds]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckds-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-3xl, 38px)}body .ckds-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-2xl, 28px)}body .ckds-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-xl, 26px)}body .ckds-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-xl, 26px)}body .ckds-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-lg, 22px)}body .ckds-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-md, 20px)}body .ckds-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-xs, 14px)}body .ckds-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-xs, 14px)}body .ckds-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckds-leading-sm, 16px)}body .ckds-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckds-leading-sm, 16px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #737373)}body .ckcl-black-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-black-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-black-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #E52323)}body .ckcl-red-400{color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-300{color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-200{color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-100{color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-green-500{color:var(--ckcl-green-500, #249C45)}body .ckcl-green-400{color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-300{color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-200{color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-100{color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-primary-bg-50{background-color:var(--ckcl-primary-50, #F8FBFF)}body .ckcl-black-bg-600{background-color:var(--ckcl-black-600, #050505)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #737373)}body .ckcl-black-bg-300{background-color:var(--ckcl-black-300, #A0A0A0)}body .ckcl-black-bg-200{background-color:var(--ckcl-black-200, #C2C2C2)}body .ckcl-black-bg-100{background-color:var(--ckcl-black-100, #DCDCDC)}body .ckcl-black-bg-50{background-color:var(--ckcl-black-50, #F4F4F4)}body .ckcl-red-bg-600{background-color:var(--ckcl-red-600, #C91919)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #E52323)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-red-bg-50{background-color:var(--ckcl-red-50, #FDF4F4)}body .ckcl-yellow-bg-600{background-color:var(--ckcl-yellow-600, #AC6900)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-yellow-bg-50{background-color:var(--ckcl-yellow-50, #FFFBED)}body .ckcl-green-bg-600{background-color:var(--ckcl-green-600, #007503)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #249C45)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-green-bg-50{background-color:var(--ckcl-green-50, #E8F5EC)}.ckds-w-full{width:100%}

package/dist/utils/array.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Removes duplicate objects from an array based on the `name` property.
+ * Keeps the first occurrence of each unique name.
+ */
+export declare const removeDuplicateObjectsName: <T extends {
+    name?: string;
+}>(arr: T[]) => T[];
+//# sourceMappingURL=array.d.ts.map

package/dist/utils/array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../lib/utils/array.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,EACpE,KAAK,CAAC,EAAE,KACP,CAAC,EAYH,CAAC"}

package/dist/utils/array.js

@@ -0,0 +1,9 @@
+const n = (t) => {
+  const o = {};
+  for (const e of t)
+    e.name !== void 0 && (o[e.name] || (o[e.name] = e));
+  return Object.values(o);
+};
+export {
+  n as removeDuplicateObjectsName
+};

package/dist/utils/color.d.ts

@@ -0,0 +1,10 @@
+export type ColorCode = "white" | "red" | "amber" | "green";
+/**
+ * Returns a color code based on the percentage change between current and previous values.
+ * - "red" if change > 5%
+ * - "amber" if change > 0% and <= 5%
+ * - "green" if change < 0%
+ * - "white" if no change or default
+ */
+export declare const colorCodesClasses: (currentValue?: number, prevValue?: number, decimalCount?: number) => ColorCode;
+//# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../lib/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5D;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC5B,eAAc,MAAU,EACxB,YAAW,MAAU,EACrB,eAAc,MAAU,KACvB,SAwBF,CAAC"}

package/dist/utils/color.js

@@ -0,0 +1,22 @@
+const c = (o = 0, r = 0, s = 2) => {
+  const a = Number(o.toFixed(s)), t = Number(r.toFixed(s)), n = t < 0 ? Math.abs(Number(r.toFixed(0))) : t;
+  if (n === 0) return "white";
+  const e = Number(
+    ((a - t) / n * 100).toFixed(2)
+  );
+  switch (!0) {
+    case e === 0:
+      return "white";
+    case e > 5:
+      return "red";
+    case (e > 0 && e <= 5):
+      return "amber";
+    case e < 0:
+      return "green";
+    default:
+      return "white";
+  }
+};
+export {
+  c as colorCodesClasses
+};

package/dist/utils/index.d.ts

@@ -1,2 +1,4 @@
 export { mergeClasses } from './mergeClasses';
+export { removeDuplicateObjectsName } from './array';
+export { colorCodesClasses } from './color';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/utils/index.js

@@ -1,4 +1,8 @@
-import { mergeClasses as s } from "./mergeClasses.js";
+import { mergeClasses as r } from "./mergeClasses.js";
+import { removeDuplicateObjectsName as m } from "./array.js";
+import { colorCodesClasses as a } from "./color.js";
 export {
-  s as mergeClasses
+  a as colorCodesClasses,
+  r as mergeClasses,
+  m as removeDuplicateObjectsName
 };

package/package.json

@@ -1,9 +1,27 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "1.0.17",
+  "version": "2.0.1",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
+    },
+    "./dist/*": "./dist/*"
+  },
+  "typesVersions": {
+    "*": {
+      "utils": [
+        "./dist/utils/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist"
   ],