@ck-ui/component-library 2.0.1 → 2.0.2

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

@@ -1 +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"}
+{"version":3,"file":"useModuleSwitch.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useModuleSwitch.ts"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,EAAE,sBAAsB;;qCAInD,MAAM;EAS5B"}

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

@@ -1,4 +1,19 @@
 export { Sidebar } from './Sidebar';
 export { default } from './Sidebar';
-export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps } from './Sidebar.types';
+export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps } from './types';
+export { MenuRenderer } from './components/MenuRenderer';
+export { MenuItemWrapper } from './components/MenuItemWrapper';
+export { SubMenuWrapper } from './components/SubMenuWrapper';
+export { CollapsedTooltip } from './components/CollapsedTooltip';
+export { ExploreSection } from './components/ExploreSection';
+export { ModuleSwitchButton } from './components/ModuleSwitchButton';
+export { ContactUsButton } from './components/ContactUsButton';
+export { GptCardWrapper } from './components/GptCard';
+export { IconRenderer } from './components/IconRenderer';
+export { SectionLabel } from './components/SectionLabel';
+export { useActiveDetection } from './hooks/useActiveDetection';
+export { useMenuState } from './hooks/useMenuState';
+export { useModuleSwitch } from './hooks/useModuleSwitch';
+export { normalizeUrl, isItemActive, isTreeActive, capitalizeFirstLetter, addBreakOpportunities } from './Sidebar.utils';
+export { SIDEBAR_WIDTH_EXPANDED, SIDEBAR_WIDTH_COLLAPSED, CHAT_BOT_KEY, MULTICLOUD_VIEW_KEY } from './Sidebar.constants';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,SAAS,CAAC;AAGpG,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGzH,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Sidebar/index.js

@@ -1,5 +1,42 @@
-import { Sidebar as r, Sidebar as d } from "./Sidebar.js";
+import { Sidebar as o, Sidebar as t } from "./Sidebar.js";
+import { MenuRenderer as i } from "./components/MenuRenderer/index.js";
+import { MenuItemWrapper as a } from "./components/MenuItemWrapper/index.js";
+import { SubMenuWrapper as x } from "./components/SubMenuWrapper/index.js";
+import { C as u } from "../../index-DKHB_5Ee.js";
+import { ExploreSection as d } from "./components/ExploreSection/index.js";
+import { ModuleSwitchButton as s } from "./components/ModuleSwitchButton/index.js";
+import { ContactUsButton as D } from "./components/ContactUsButton/index.js";
+import { GptCardWrapper as I } from "./components/GptCard/index.js";
+import { IconRenderer as _ } from "./components/IconRenderer/index.js";
+import { SectionLabel as M } from "./components/SectionLabel/index.js";
+import { useActiveDetection as B } from "./hooks/useActiveDetection.js";
+import { useMenuState as W } from "./hooks/useMenuState.js";
+import { useModuleSwitch as O } from "./hooks/useModuleSwitch.js";
+import { addBreakOpportunities as U, capitalizeFirstLetter as v, isItemActive as H, isTreeActive as h, normalizeUrl as w } from "./Sidebar.utils.js";
+import { CHAT_BOT_KEY as K, MULTICLOUD_VIEW_KEY as P, SIDEBAR_WIDTH_COLLAPSED as Y, SIDEBAR_WIDTH_EXPANDED as k } from "./Sidebar.constants.js";
 export {
-  r as Sidebar,
-  d as default
+  K as CHAT_BOT_KEY,
+  u as CollapsedTooltip,
+  D as ContactUsButton,
+  d as ExploreSection,
+  I as GptCardWrapper,
+  _ as IconRenderer,
+  P as MULTICLOUD_VIEW_KEY,
+  a as MenuItemWrapper,
+  i as MenuRenderer,
+  s as ModuleSwitchButton,
+  Y as SIDEBAR_WIDTH_COLLAPSED,
+  k as SIDEBAR_WIDTH_EXPANDED,
+  M as SectionLabel,
+  o as Sidebar,
+  x as SubMenuWrapper,
+  U as addBreakOpportunities,
+  v as capitalizeFirstLetter,
+  t as default,
+  H as isItemActive,
+  h as isTreeActive,
+  w as normalizeUrl,
+  B as useActiveDetection,
+  W as useMenuState,
+  O as useModuleSwitch
 };

package/dist/components/Sidebar/types/explore.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ExploreItem {
+    cloudProvider: string;
+    displayName: string;
+    link: string;
+    icon?: string | ReactNode;
+}
+//# sourceMappingURL=explore.types.d.ts.map

package/dist/components/Sidebar/types/explore.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"explore.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/explore.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B"}

package/dist/components/Sidebar/types/explore.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/types/gpt.types.d.ts

@@ -0,0 +1,9 @@
+import { SidebarMenuItem } from './menu.types';
+export interface GptCardProps {
+    item: SidebarMenuItem;
+    onNavigate: (path: string) => void;
+    disabled: boolean;
+    open: boolean;
+    onToggle: (open: boolean) => void;
+}
+//# sourceMappingURL=gpt.types.d.ts.map

package/dist/components/Sidebar/types/gpt.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gpt.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/gpt.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC"}

package/dist/components/Sidebar/types/gpt.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,6 @@
+export type { SidebarProps } from './sidebar.types';
+export type { SidebarMenuItem } from './menu.types';
+export type { ExploreItem } from './explore.types';
+export type { ModuleItem } from './module.types';
+export type { GptCardProps } from './gpt.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/types/menu.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface SidebarMenuItem {
+    name: string;
+    url?: string;
+    icon?: string | ReactNode;
+    key?: string;
+    exactMatch?: boolean;
+    journey?: string[];
+    tooltip?: string[];
+    dashboardServices?: SidebarMenuItem[];
+}
+//# sourceMappingURL=menu.types.d.ts.map

package/dist/components/Sidebar/types/menu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;CACvC"}

package/dist/components/Sidebar/types/menu.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/types/module.types.d.ts

@@ -0,0 +1,8 @@
+export interface ModuleItem {
+    id: string;
+    name: string;
+    displayName: string;
+    feEnabled: boolean;
+    type: string;
+}
+//# sourceMappingURL=module.types.d.ts.map

package/dist/components/Sidebar/types/module.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/module.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/components/Sidebar/types/module.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/types/sidebar.types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { SidebarMenuItem } from './menu.types';
+import { ExploreItem } from './explore.types';
+import { ModuleItem } from './module.types';
+import { GptCardProps } from './gpt.types';
+export interface SidebarProps {
+    /** The list of menu items to render in the sidebar. */
+    menuItems: SidebarMenuItem[];
+    /** The current active path used for highlighting active menu items. */
+    currentPath: string;
+    /** Whether the sidebar is in collapsed (icon-only) mode. */
+    collapsed: boolean;
+    /** Optional list of multicloud explore links. */
+    multicloudExploreList?: ExploreItem[];
+    /** Optional list of modules for the module switch button. */
+    moduleList?: ModuleItem[];
+    /** The ID of the currently active module. */
+    currentModuleId?: string;
+    /** The type of the current user (e.g., "CUSTOMER", "CLOUDONOMICS"). */
+    userType?: string;
+    /** Whether the GPT card feature is enabled. */
+    gptCardEnabled?: boolean;
+    /** Custom render function for the GPT card. */
+    renderGptCard?: (props: GptCardProps) => ReactNode;
+    /** Map of cloud provider keys to icon ReactNodes. */
+    cloudProviderIcons?: Record<string, ReactNode>;
+    /** Callback fired when the user navigates to a menu item. */
+    onNavigate: (path: string) => void;
+    /** Callback fired when the user switches modules. */
+    onModuleSwitch?: (moduleName: string) => Promise<void>;
+    /** Callback fired when the "Contact Us" button is clicked. */
+    onContactUsClick?: () => void;
+    /** URL for the "Contact Us" link (used when no click handler is provided). */
+    contactUsUrl?: string;
+    /** Callback fired on any menu item click (useful for analytics/tracking). */
+    onMenuItemClick?: (item: SidebarMenuItem) => void;
+    /** Whether to show a loading overlay on the sidebar. */
+    isLoaderVisible?: boolean;
+    /** Whether the sidebar should be completely hidden. */
+    hidden?: boolean;
+    /** Additional class name(s) for the root sidebar element. */
+    className?: string;
+    /** Optional footer slot for rendering custom content at the bottom. */
+    renderFooter?: () => ReactNode;
+    /** Optional header slot for rendering custom content at the top (above module switch). */
+    renderHeader?: () => ReactNode;
+}
+//# sourceMappingURL=sidebar.types.d.ts.map

package/dist/components/Sidebar/types/sidebar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,SAAS,EAAE,eAAe,EAAE,CAAC;IAE7B,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAC;IAEpB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IAEnB,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IAEtC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAE1B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;IAEnD,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE/C,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvD,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAElD,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAE/B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;CAChC"}

package/dist/components/Sidebar/types/sidebar.types.js

@@ -0,0 +1 @@
+

package/dist/index-DKHB_5Ee.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as k, useRef as a } from "react";
+import { s as n } from "./styles.module-V3iL6ubH.js";
+import './assets/index-C_Tn9jS-.css';const f = "_active_1ugk5_80", o = {
+  "sidebar-popup": "_sidebar-popup_1ugk5_1",
+  "popover-container": "_popover-container_1ugk5_7",
+  "popover-arrow": "_popover-arrow_1ugk5_21",
+  "popover-content": "_popover-content_1ugk5_32",
+  "popover-menu": "_popover-menu_1ugk5_38",
+  "popover-title": "_popover-title_1ugk5_44",
+  "popover-title-single": "_popover-title-single_1ugk5_52",
+  "popover-children": "_popover-children_1ugk5_62",
+  "popover-child-item": "_popover-child-item_1ugk5_69",
+  active: f,
+  "popover-child-with-sub": "_popover-child-with-sub_1ugk5_85",
+  "popover-child-arrow": "_popover-child-arrow_1ugk5_93",
+  "nested-popover": "_nested-popover_1ugk5_104",
+  "single-child-popover": "_single-child-popover_1ugk5_110"
+};
+function y({ active: v, icon: d, label: s = null, children: m, popupClassName: g = "", onClick: i }) {
+  const [l, u] = k(!1), h = a(null), e = a(null), c = () => {
+    e.current && (clearTimeout(e.current), e.current = null), u(!0);
+  }, _ = () => {
+    e.current = setTimeout(() => u(!1), 80);
+  };
+  return /* @__PURE__ */ r("div", { className: o["sidebar-popup"], ref: h, onMouseEnter: c, onMouseLeave: _, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `${n["sidebar-menu-item"]} ${v || l ? n.active : ""}`,
+        onClick: i,
+        role: "menuitem",
+        tabIndex: 0,
+        onKeyDown: (p) => {
+          (p.key === "Enter" || p.key === " ") && (p.preventDefault(), i?.());
+        },
+        children: [
+          d,
+          s && /* @__PURE__ */ t("span", { className: n["menu-content"], children: s })
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ r("div", { className: `${o["popover-container"]} ${g}`, onMouseEnter: c, onMouseLeave: _, role: "tooltip", children: [
+      /* @__PURE__ */ t("div", { className: o["popover-arrow"] }),
+      /* @__PURE__ */ t("div", { className: o["popover-content"], children: m })
+    ] })
+  ] });
+}
+export {
+  y as C,
+  o as p
+};

package/dist/main.d.ts

@@ -48,4 +48,10 @@ export * from './theme/Theme';
 export { FusionChart } from './components/FusionChart';
 export { Loader } from './components/Loader';
 export { Typography } from './components/Typography';
+export { default as Dialog } from './components/PopupAndDialogBox';
+export { DialogHeader } from './components/PopupAndDialogBox/components/DialogHeader';
+export { DialogContent } from './components/PopupAndDialogBox/components/DialogContent';
+export { DialogFooter } from './components/PopupAndDialogBox/components/DialogFooter';
+export { TYPE as DIALOG_TYPE, BUTTON_LAYOUT } from './components/PopupAndDialogBox/constant/popupAndDialog';
+export type { DialogProps, HeaderProps as DialogHeaderProps, FooterProps as DialogFooterProps } from './components/PopupAndDialogBox/_types/popupAndDialog.types';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"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;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,yDAAyD,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AAC5G,YAAY,EAAE,WAAW,EAAE,WAAW,IAAI,iBAAiB,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,4DAA4D,CAAC"}

package/dist/main.js

@@ -1,7 +1,7 @@
-import { Button as z } from "./components/Button/index.js";
-import { Avatar as I } from "./components/Avatar/index.js";
-import { CKButton as q } from "./components/CKButton/index.js";
-import { IconButton as X } from "./components/IconButton/index.js";
+import { Button as W } from "./components/Button/index.js";
+import { Avatar as z } from "./components/Avatar/index.js";
+import { CKButton as Y } from "./components/CKButton/index.js";
+import { IconButton as q } from "./components/IconButton/index.js";
 import { 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";
@@ -18,19 +18,19 @@ import { CKCheckbox as ye } from "./components/CKCheckbox/index.js";
 import { Tabs as fe } from "./components/Tab/index.js";
 import { ToastContent as ve } from "./components/Toast/_helper/ToastContent.js";
 import { ToastProvider as Ne } from "./components/Toast/_helper/ToastProvider.js";
-import { useToast as Ce } from "./components/Toast/_hooks/useToast.js";
+import { useToast as Te } 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 Ve } from "./components/Search/index.js";
-import { SingleSelectDropdown as Le } from "./components/SingleSelectDropdown/index.js";
-import { Breadcrumb as He } from "./components/Breadcrumb/index.js";
-import { DeviationTag as Ee } from "./components/DeviationTag/index.js";
-import { GroupedMultiSelect as We } from "./components/GroupedMultiSelect/index.js";
-import { GroupedSingleSelect as ze } from "./components/GroupedSingleSelect/index.js";
-import { MenuOptions as Ie } from "./components/MenuOptions/index.js";
-import { TextField as qe } from "./components/TextField/index.js";
-import { Pagination as Xe } from "./components/Pagination/index.js";
+import { Search as De } from "./components/Search/index.js";
+import { SingleSelectDropdown as Ve } from "./components/SingleSelectDropdown/index.js";
+import { Breadcrumb as Ee } from "./components/Breadcrumb/index.js";
+import { DeviationTag as Fe } from "./components/DeviationTag/index.js";
+import { GroupedMultiSelect as Oe } from "./components/GroupedMultiSelect/index.js";
+import { GroupedSingleSelect as We } from "./components/GroupedSingleSelect/index.js";
+import { MenuOptions as ze } from "./components/MenuOptions/index.js";
+import { TextField as Ye } from "./components/TextField/index.js";
+import { Pagination as qe } from "./components/Pagination/index.js";
 import { 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";
@@ -45,13 +45,18 @@ 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 { MAVDropdown as Tc } from "./components/MAVDropdown/index.js";
 import { CKThemeProvider as Sc } from "./theme/Theme.js";
 import { FusionChart as Bc } from "./components/FusionChart/index.js";
 import { Loader as Gc } from "./components/Loader/index.js";
-import { Typography as Vc } from "./components/Typography/index.js";
-import { MenuOptionsWrapper as Lc } from "./components/MenuOptions/MenuOptionsWrapper.js";
-import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", C = "_swatch_97m56_79", T = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", M = "_fsSample_97m56_135", c = {
+import { Typography as Dc } from "./components/Typography/index.js";
+import { default as Vc } from "./components/PopupAndDialogBox/index.js";
+import { DialogHeader as Ec } from "./components/PopupAndDialogBox/components/DialogHeader.js";
+import { DialogContent as Fc } from "./components/PopupAndDialogBox/components/DialogContent.js";
+import { DialogFooter as Oc } from "./components/PopupAndDialogBox/components/DialogFooter.js";
+import { BUTTON_LAYOUT as Wc, TYPE as jc } from "./components/PopupAndDialogBox/constant/popupAndDialog.js";
+import { MenuOptionsWrapper as Ic } from "./components/MenuOptions/MenuOptionsWrapper.js";
+import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", T = "_swatch_97m56_79", C = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", P = "_fsSample_97m56_135", c = {
   showcase: b,
   title: g,
   lead: h,
@@ -63,14 +68,14 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   varName: _,
   varValue: N,
   colorChip: w,
-  swatch: C,
-  swatchTop: T,
+  swatch: T,
+  swatchTop: C,
   swatchLabel: S,
   typographyRow: $,
   typographyMeta: B,
   typographyClass: R,
   typographyGroupTitle: G,
-  fsSample: M
+  fsSample: P
 }, d = [
   {
     title: "Primary",
@@ -190,7 +195,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
       "--ckcl-tag-alert-border"
     ]
   }
-], V = [
+], D = [
   "ckcl-primary-bg-600",
   "ckcl-primary-bg-500",
   "ckcl-primary-bg-400",
@@ -226,7 +231,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-green-bg-200",
   "ckcl-green-bg-100",
   "ckcl-green-bg-50"
-], P = [
+], M = [
   "ckcl-primary-600",
   "ckcl-primary-500",
   "ckcl-primary-400",
@@ -254,7 +259,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-green-300",
   "ckcl-green-200",
   "ckcl-green-100"
-], L = [
+], V = [
   "ckcl-fs-3xs",
   "ckcl-fs-2xs",
   "ckcl-fs-xs",
@@ -262,7 +267,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
   "ckcl-fs-md",
   "ckcl-fs-lg",
   "ckcl-fs-xl"
-], D = [
+], L = [
   ...["reg", "med", "semibold", "bold"].map((e) => ({
     group: "Heading 1",
     label: `H1 ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
@@ -299,7 +304,7 @@ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_9
     className: `ckcl-cap-${e === "semibold" ? "semibold" : e}`
   }))
 ];
-function H() {
+function E() {
   const [e, i] = p({});
   return k(() => {
     const m = document.documentElement, r = getComputedStyle(m), s = {};
@@ -309,8 +314,8 @@ function H() {
     i(s);
   }, []), e;
 }
-function F({ className: e = "" }) {
-  const i = H(), m = D.reduce((r, s) => (r[s.group] || (r[s.group] = []), r[s.group].push(s), r), {});
+function K({ className: e = "" }) {
+  const i = E(), m = L.reduce((r, s) => (r[s.group] || (r[s.group] = []), r[s.group].push(s), r), {});
   return /* @__PURE__ */ o(
     "div",
     {
@@ -369,7 +374,7 @@ function F({ className: e = "" }) {
             /* @__PURE__ */ l("code", { children: "_backgroundColor.scss" }),
             ")."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: V.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
+          /* @__PURE__ */ l("div", { className: c.grid, children: D.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
             /* @__PURE__ */ l("div", { className: `${r} ${c.swatchTop}`, "aria-hidden": !0 }),
             /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
           ] }, r)) })
@@ -394,7 +399,7 @@ function F({ className: e = "" }) {
             /* @__PURE__ */ l("code", { children: "_color.scss" }),
             "."
           ] }),
-          /* @__PURE__ */ l("div", { className: c.grid, children: P.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
+          /* @__PURE__ */ l("div", { className: c.grid, children: M.map((r) => /* @__PURE__ */ o("div", { className: c.swatch, children: [
             /* @__PURE__ */ l(
               "div",
               {
@@ -412,7 +417,7 @@ function F({ className: e = "" }) {
             /* @__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__ */ o("div", { className: c.varRow, children: [
+          /* @__PURE__ */ l("div", { className: c.grid, children: V.map((r) => /* @__PURE__ */ o("div", { className: c.varRow, children: [
             /* @__PURE__ */ l("p", { className: `${r} ${c.fsSample} ckcl-black-600`, children: "The quick brown fox" }),
             /* @__PURE__ */ l("span", { className: c.varName, children: r })
           ] }, r)) })
@@ -440,10 +445,11 @@ function F({ className: e = "" }) {
   );
 }
 export {
-  I as Avatar,
-  He as Breadcrumb,
-  z as Button,
-  q as CKButton,
+  z as Avatar,
+  Wc as BUTTON_LAYOUT,
+  Ee as Breadcrumb,
+  W as Button,
+  Y as CKButton,
   ye as CKCheckbox,
   ge as CKTag,
   Sc as CKThemeProvider,
@@ -452,44 +458,49 @@ export {
   me as CopyText,
   rc as CostComparatorTable,
   cc as CustomTable,
+  jc as DIALOG_TYPE,
   Ze as DateRangePicker,
-  F as DesignSystemShowcase,
-  Ee as DeviationTag,
+  K as DesignSystemShowcase,
+  Fe as DeviationTag,
+  Vc as Dialog,
+  Fc as DialogContent,
+  Oc as DialogFooter,
+  Ec as DialogHeader,
   Se as EmptyState,
   Ge as ErrorPage,
   kc as FilterColumnToolbar,
   Bc as FusionChart,
-  We as GroupedMultiSelect,
-  ze as GroupedSingleSelect,
-  X as IconButton,
+  Oe as GroupedMultiSelect,
+  We as GroupedSingleSelect,
+  q as IconButton,
   Z as Input,
   ce as Label,
   Gc as Loader,
-  Cc as MAVDropdown,
-  Ie as MenuOptions,
-  Lc as MenuOptionsWrapper,
+  Tc as MAVDropdown,
+  ze as MenuOptions,
+  Ic as MenuOptionsWrapper,
   gc as MetricCard,
   fc as MultiSelect,
-  Xe as Pagination,
+  qe as Pagination,
   Nc as ProfileDropdown,
   Je as ProgressBar,
   Be as RadioButton,
   sc as RadioGroup,
-  Ve as Search,
+  De as Search,
   vc as SimpleMultiSelect,
-  Le as SingleSelectDropdown,
+  Ve as SingleSelectDropdown,
   J as Stepper,
   se as Switch,
   fe as Tabs,
   re as Tag,
-  qe as TextField,
+  Ye as TextField,
   ve as ToastContent,
   Ne as ToastProvider,
   ke as Toggle,
   ne as Tooltip,
-  Vc as Typography,
+  Dc as Typography,
   mc as useExpansion,
   nc as useFilterColumnState,
   tc as useSelection,
-  Ce as useToast
+  Te as useToast
 };

package/dist/styles.module-V3iL6ubH.js

@@ -0,0 +1,11 @@
+import './assets/styles-BCYQ4rbx.css';const e = "_active_1qm5r_29", t = {
+  "sidebar-menu-item": "_sidebar-menu-item_1qm5r_1",
+  "menu-icon": "_menu-icon_1qm5r_21",
+  active: e,
+  "leaf-item": "_leaf-item_1qm5r_39",
+  "active-indicator": "_active-indicator_1qm5r_43",
+  "menu-content": "_menu-content_1qm5r_71"
+};
+export {
+  t as s
+};

package/package.json

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

package/dist/assets/styles-Dz05pjuA.css

@@ -1 +0,0 @@
-._custom-sidebar_5xnxd_1{width:243px;overflow:hidden;transition:width .3s ease-out;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._custom-sidebar_5xnxd_1 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;box-sizing:border-box}._sidebar-V2_5xnxd_12{background-color:var(--ckcl-white, #FFFFFF);border-right:1px solid var(--ckcl-border-color, #E6ECF1);z-index:10;padding-bottom:44px;height:100%;position:relative;display:flex;flex-direction:column}._no-chatbot-padding_5xnxd_23{padding-bottom:44px}._collapseMenu_5xnxd_27{width:59px;overflow:visible!important}._collapseMenu_5xnxd_27 ._sidebar-list-wrapper_5xnxd_31{padding:8px 6px;overflow:visible!important}._collapseMenu_5xnxd_27 ._sidebar-list-wrapper_5xnxd_31 ._sidebar-menu-item_5xnxd_35{justify-content:center;padding:6px;margin:4px 0}._collapseMenu_5xnxd_27 ._sidebar-list-wrapper_5xnxd_31 ._sidebar-menu-item_5xnxd_35._active_5xnxd_40,._collapseMenu_5xnxd_27 ._sidebar-list-wrapper_5xnxd_31 ._sidebar-menu-item_5xnxd_35:hover{background:transparent}._collapseMenu_5xnxd_27 ._sidebar-list-wrapper_5xnxd_31 ._menu-icon_5xnxd_43{margin-right:0}._collapseMenu_5xnxd_27 ._sidebar-list-wrapper_5xnxd_31 ._menu-content_5xnxd_46{display:none}._chatbot-open_5xnxd_50{padding-bottom:280px}._chatbot-open_5xnxd_50 ._sidebar-list-wrapper_5xnxd_31{max-height:calc(100vh - 384px)}._chatbot-collapse_5xnxd_57{padding-bottom:180px}._chatbot-collapse_5xnxd_57 ._sidebar-list-wrapper_5xnxd_31{max-height:calc(100vh - 284px)}._sidebar-list-wrapper_5xnxd_31{padding:8px 10px;max-height:calc(100vh - 105px);overflow-y:auto;overflow-x:hidden;flex:1}._sidebar-list-wrapper_5xnxd_31::-webkit-scrollbar{width:3px}._sidebar-list-wrapper_5xnxd_31::-webkit-scrollbar-thumb{background-color:var(--ckcl-black-200, #C2C2C2);border-radius:2px}._menu-renderer_5xnxd_79{width:100%}._sidebar-menu-item_5xnxd_35{display:flex;align-items:center;margin:2px 0;padding:8px 12px;cursor:pointer;border-radius:8px;border:1px solid transparent;color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckcl-leading-sm, 16px);font-weight:var(--ckcl-font-weight-regular, 400);text-decoration:none;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._sidebar-menu-item_5xnxd_35:hover{background-color:var(--ckcl-primary-80, #F1F6FF);color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_5xnxd_35:hover ._menu-icon_5xnxd_43{background-color:var(--ckcl-primary-100, #D9E6FB);border-color:var(--ckcl-primary-200, #B0CDF6)}._sidebar-menu-item_5xnxd_35:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:-2px}._sidebar-menu-item_5xnxd_35._active_5xnxd_40{background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_5xnxd_35._active_5xnxd_40 ._menu-icon_5xnxd_43{background-color:var(--ckcl-primary-100, #D9E6FB);border-color:var(--ckcl-primary-200, #B0CDF6)}._menu-icon_5xnxd_43{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;width:28px;min-width:28px;height:28px;margin-right:10px;transition:background-color .15s ease,border-color .15s ease}._menu-icon_5xnxd_43 img,._menu-icon_5xnxd_43 svg{max-width:16px;max-height:16px}._icon-img_5xnxd_138{width:100%;height:100%;object-fit:contain}._icon-node_5xnxd_144{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._icon-node_5xnxd_144 svg{max-width:16px;max-height:16px}._menu-content_5xnxd_46{font-size:var(--ckcl-fs-xs, 12px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._leaf-item_5xnxd_164{position:relative}._active-indicator_5xnxd_168{position:absolute;top:50%;width:var(--indicator-width, 3px);height:16px;background-color:var(--ckcl-primary-500, #3A72E4);border-radius:2px;transform:translateY(-50%);margin-left:var(--indicator-nudge, 0px)}._submenu_5xnxd_179{margin:2px 0}._submenu_5xnxd_179._with-child_5xnxd_182{border-radius:8px}._submenu_5xnxd_179._with-child_5xnxd_182>._sidebar-menu-item_5xnxd_35{margin:0;background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);border-radius:8px}._submenu_5xnxd_179._with-child_5xnxd_182>._sidebar-menu-item_5xnxd_35 ._menu-icon_5xnxd_43{background-color:var(--ckcl-primary-100, #D9E6FB);border-color:var(--ckcl-primary-200, #B0CDF6)}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195{padding-left:0}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198{margin-left:22px;margin-top:8px;padding-left:14px;border-left:1px solid var(--ckcl-primary-300, #81AFF0);position:relative}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35{padding:10px 8px;border-radius:0;border:none;margin:0;background:transparent;position:relative}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35:hover{background-color:transparent;border:none;color:var(--ckcl-primary-500, #3A72E4)}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35._active_5xnxd_40{background-color:transparent;border:none;color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500)}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35 ._menu-icon_5xnxd_43{display:none}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35 ._menu-content_5xnxd_46{display:block}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179{margin:0;border-radius:0}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179>._sidebar-menu-item_5xnxd_35{padding:10px 8px;border-radius:0;border:none;background:transparent;position:relative}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179>._sidebar-menu-item_5xnxd_35._active_5xnxd_40{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background:transparent;border:none}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179>._sidebar-menu-item_5xnxd_35 ._menu-icon_5xnxd_43{display:none}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179._with-child_5xnxd_182>._sidebar-menu-item_5xnxd_35{background:transparent;border:none}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179._with-child_5xnxd_182>._sidebar-menu-item_5xnxd_35 ._menu-icon_5xnxd_43{display:none}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198{margin-left:0;padding-left:16px;border-left:none;margin-top:0}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35{padding:10px 8px;position:relative}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35:hover{color:var(--ckcl-primary-400, #578FE9)}._submenu_5xnxd_179._with-child_5xnxd_182 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._submenu_5xnxd_179 ._submenu-children_5xnxd_195 ._submenu-children-inner_5xnxd_198 ._sidebar-menu-item_5xnxd_35._active_5xnxd_40{color:var(--ckcl-primary-400, #578FE9);font-weight:var(--ckcl-font-weight-medium, 500)}._submenu_5xnxd_179 ._sidebar-menu-item_5xnxd_35._active_5xnxd_40{background-color:transparent}._submenu-label_5xnxd_278{display:flex;justify-content:space-between;align-items:center;width:100%}._submenu-children_5xnxd_195{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}._submenu-children_5xnxd_195>*{overflow:hidden}._submenu-children_5xnxd_195._open_5xnxd_295{grid-template-rows:1fr}._submenu-children_5xnxd_195._open_5xnxd_295>*{overflow:visible}._submenu-children-inner_5xnxd_198{overflow:hidden}._arrow_5xnxd_307{display:inline-flex;align-items:center;transition:transform .2s ease;padding-left:4px;color:var(--ckcl-black-400, #737373);transform:rotate(90deg)}._arrow_5xnxd_307 svg{width:6px;height:10px}._rotate_5xnxd_320{transform:rotate(-90deg)}._sidebar-popup_5xnxd_324{width:100%;display:block;position:relative}._popover-container_5xnxd_330{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:99999;min-width:160px;border-radius:8px;overflow:visible;box-shadow:0 4px 12px #004fce1f;animation:_fadeIn_5xnxd_1 .12s ease;pointer-events:auto}._popover-arrow_5xnxd_344{position:absolute;width:8px;height:8px;background-color:var(--ckcl-black-350, #676666);top:50%;left:-4px;transform:translateY(-50%) rotate(45deg);z-index:-1}._popover-content_5xnxd_355{border-radius:8px;overflow:hidden;background:var(--ckcl-white, #FFFFFF)}._popover-menu_5xnxd_361{border:none;border-radius:8px;overflow:hidden}._popover-title_5xnxd_367{background-color:var(--ckcl-black-350, #676666);color:var(--ckcl-white, #FFFFFF);font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);padding:8px 12px}._popover-title-single_5xnxd_375{background-color:var(--ckcl-black-350, #676666);color:var(--ckcl-white, #FFFFFF);font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);padding:6px 12px;border-radius:8px;white-space:nowrap}._popover-children_5xnxd_385{max-height:200px;overflow:auto;padding:4px 0;background-color:var(--ckcl-white, #FFFFFF)}._popover-child-item_5xnxd_392{padding:6px 14px;font-size:var(--ckcl-fs-2xs, 11px);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer;line-height:var(--ckcl-leading-sm, 16px);outline:none}._popover-child-item_5xnxd_392:hover{color:var(--ckcl-primary-500, #3A72E4)}._popover-child-item_5xnxd_392._active_5xnxd_40{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500)}._popover-child-with-sub_5xnxd_408{display:flex;align-items:center;justify-content:space-between;padding-right:8px;position:relative}._popover-child-with-sub_5xnxd_408 ._sidebar-popup_5xnxd_324{flex:1}._popover-child-with-sub_5xnxd_408 ._sidebar-menu-item_5xnxd_35{padding:6px 14px;margin:0;font-size:var(--ckcl-fs-2xs, 11px);background:transparent}._popover-child-with-sub_5xnxd_408 ._sidebar-menu-item_5xnxd_35:hover,._popover-child-with-sub_5xnxd_408 ._sidebar-menu-item_5xnxd_35._active_5xnxd_40{background:transparent;color:var(--ckcl-primary-500, #3A72E4)}._popover-child-with-sub_5xnxd_408 ._sidebar-menu-item_5xnxd_35 ._menu-icon_5xnxd_43{display:none}._popover-child-with-sub_5xnxd_408 ._sidebar-menu-item_5xnxd_35 ._menu-content_5xnxd_46{display:block;font-size:var(--ckcl-fs-2xs, 11px)}._popover-child-arrow_5xnxd_440{display:inline-flex;align-items:center;color:var(--ckcl-black-400, #737373);flex-shrink:0}._popover-child-arrow_5xnxd_440 svg{width:5px;height:8px}._nested-popover_5xnxd_451{left:calc(100% + 8px)!important;top:0!important;transform:translateY(0)!important}._single-child-popover_5xnxd_457 ._popover-arrow_5xnxd_344{top:14px!important;transform:rotate(45deg)!important}@keyframes _fadeIn_5xnxd_1{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}._boxShadow_5xnxd_472{padding:10px 12px;box-shadow:0 6px 8px #59595914;position:sticky;top:0;background:var(--ckcl-white, #FFFFFF);z-index:9}._switch-module-wrapper_5xnxd_481{margin-bottom:8px}._switch-module-wrapper_5xnxd_481:last-child{margin-bottom:0}._switch-module-btn_5xnxd_488{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;background-color:var(--ckcl-primary-400, #578FE9);border:none;color:var(--ckcl-white, #FFFFFF);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);cursor:pointer;transition:background-color .2s ease;line-height:var(--ckcl-leading-sm, 16px)}._switch-module-btn_5xnxd_488:hover{background-color:var(--ckcl-primary-500, #3A72E4)}._switch-module-btn_5xnxd_488:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:2px}._switch-module-collapsed_5xnxd_513{padding:10px;border-radius:8px}._sidebar-tag_5xnxd_518{margin:0;padding:12px 12px 4px;font-size:var(--ckcl-fs-2xs, 11px);color:var(--ckcl-black-400, #737373);border-top:1px solid var(--ckcl-black-50, #F4F4F4)}._explore-section_5xnxd_526{padding:0 10px}._explore-collapsed_5xnxd_530{padding:8px 6px}._explore-collapsed_5xnxd_530 ._explore-links_5xnxd_533{padding:0;justify-content:center}._explore-collapsed_5xnxd_530 ._explore-links_5xnxd_533>div a{display:inline-block;border-radius:6px;border:1px solid var(--ckcl-black-50, #F4F4F4);margin-bottom:8px;padding:8px;text-decoration:none}._explore-collapsed_5xnxd_530 ._explore-links_5xnxd_533>div a:hover{border-color:var(--ckcl-primary-200, #B0CDF6);background-color:var(--ckcl-primary-80, #F1F6FF)}._explore-links_5xnxd_533{display:flex;gap:6px;align-items:center;padding:8px 4px;margin:2px 0}._explore-links_5xnxd_533 span{font-size:var(--ckcl-fs-xs, 12px);color:var(--ckcl-black-500, #2B2B2B)}._explore-links_5xnxd_533 a{text-decoration:none;background-color:var(--ckcl-white, #FFFFFF)}._cursor-not-allowed_5xnxd_566{cursor:not-allowed}._pointer-events-none_5xnxd_570{pointer-events:none}._contact-us-btn_5xnxd_574{padding:8px 12px;position:absolute;bottom:0;left:0;right:0;background-color:var(--ckcl-white, #FFFFFF)}._contact-us-link_5xnxd_583{font-size:var(--ckcl-fs-xs, 12px);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:var(--ckcl-font-weight-regular, 400);border:1px solid var(--ckcl-border-color, #E6ECF1);padding:10px 12px;width:100%;border-radius:8px;color:var(--ckcl-black-500, #2B2B2B);text-decoration:none;line-height:1;cursor:pointer;background:none;transition:border-color .2s ease,color .2s ease}._contact-us-link_5xnxd_583:hover{border-color:var(--ckcl-primary-300, #81AFF0);color:var(--ckcl-primary-500, #3A72E4)}._contact-us-link_5xnxd_583:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:-2px}._collapsed-link_5xnxd_610{padding:10px}._collapsed-link_5xnxd_610 span{display:none}._chat-bot-btn_5xnxd_617{padding:8px 12px;position:absolute;bottom:52px;left:0;right:0;background-color:var(--ckcl-white, #FFFFFF);z-index:99}._gpt-disabled_5xnxd_627{opacity:.5;pointer-events:none}._gpt-container_5xnxd_632{display:block;width:100%;border:1px solid var(--ckcl-border-color, #E6ECF1);border-radius:8px;padding:12px;transition:border-color .2s ease}._gpt-container_5xnxd_632:hover{border-color:var(--ckcl-primary-300, #81AFF0)}._gpt-header_5xnxd_644{display:flex;justify-content:space-between;align-items:center}._gpt-new-tag_5xnxd_650{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background-color:#fff8e1;color:#856404;font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500)}._gpt-toggle-btn_5xnxd_662{padding:4px;border:none;background:none;cursor:pointer;border-radius:4px;display:flex;align-items:center;color:var(--ckcl-black-400, #737373)}._gpt-toggle-btn_5xnxd_662:hover{background:var(--ckcl-black-50, #F4F4F4)}._gpt-body_5xnxd_676{margin-top:8px}._gpt-title_5xnxd_680{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);margin:0 0 4px;background:linear-gradient(97.12deg,#0491f6 -5.55%,#d29dff 106.79%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--ckcl-leading-md, 19px)}._gpt-icons-row_5xnxd_691{display:flex;align-items:center;gap:6px;margin-bottom:12px}._gpt-subtitle_5xnxd_698{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);color:#e67e22}._gpt-start-btn_5xnxd_704{width:100%;padding:10px 12px;border-radius:8px;background-color:var(--ckcl-primary-500, #3A72E4);border:none;color:var(--ckcl-white, #FFFFFF);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);cursor:pointer;transition:background-color .2s ease;line-height:var(--ckcl-leading-sm, 16px)}._gpt-start-btn_5xnxd_704:hover{background-color:var(--ckcl-primary-600, #3060C1)}._gpt-start-btn_5xnxd_704:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:2px}._gpt-start-btn_5xnxd_704:disabled{cursor:not-allowed;opacity:.5}