@ck-ui/component-library 2.0.0 → 2.0.2

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":"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"}

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.0",
+  "version": "2.0.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",