@ck-ui/component-library 2.0.3 → 2.0.5

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

@@ -0,0 +1,98 @@
+import { useRef as v, useCallback as g, useEffect as C } from "react";
+function O(l) {
+  const a = v(null), T = v(null), m = v(null), r = v(null), h = v(!1), o = g(() => {
+    const e = l.current;
+    return e ? e.scrollHeight > e.clientHeight : !1;
+  }, [l]), k = g(() => {
+    const e = a.current;
+    !e || !o() || (e.style.opacity = "1", r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+      !h.current && a.current && (a.current.style.opacity = "0");
+    }, 1500));
+  }, [o]), E = g(() => {
+    r.current && clearTimeout(r.current);
+    const e = a.current;
+    e && (e.style.opacity = "0");
+  }, []), p = g(() => {
+    const e = l.current, n = T.current, s = a.current;
+    if (!e || !n || !s) return;
+    const { scrollTop: t, scrollHeight: i, clientHeight: c } = e;
+    if (i <= c) {
+      s.style.display = "none", s.style.opacity = "0";
+      return;
+    }
+    s.style.display = "block";
+    const d = e.parentElement;
+    if (d) {
+      const b = d.getBoundingClientRect(), x = e.getBoundingClientRect();
+      s.style.top = `${x.top - b.top}px`, s.style.height = `${c}px`;
+    }
+    const y = c, f = Math.max(
+      c / i * y,
+      24
+    ), u = t / (i - c) * (y - f);
+    n.style.height = `${f}px`, n.style.top = `${u}px`;
+  }, [l]);
+  C(() => {
+    const e = l.current;
+    if (!e) return;
+    const n = e.parentElement;
+    if (!n) return;
+    getComputedStyle(n).position === "static" && (n.style.position = "relative");
+    const t = document.createElement("div");
+    Object.assign(t.style, {
+      position: "absolute",
+      right: "2px",
+      width: "4px",
+      zIndex: "20",
+      pointerEvents: "none",
+      opacity: "0",
+      transition: "opacity 0.2s ease",
+      borderRadius: "4px",
+      display: "none"
+    });
+    const i = document.createElement("div");
+    Object.assign(i.style, {
+      position: "absolute",
+      width: "100%",
+      right: "0",
+      backgroundColor: "var(--ckcl-black-200, #C5C5C5)",
+      borderRadius: "4px",
+      pointerEvents: "none"
+    }), t.appendChild(i), n.appendChild(t), a.current = t, T.current = i, p();
+    const c = () => {
+      m.current && cancelAnimationFrame(m.current), m.current = requestAnimationFrame(() => {
+        p(), k();
+      });
+    };
+    e.addEventListener("scroll", c, { passive: !0 });
+    const d = () => {
+      h.current = !0, p(), o() && (t.style.opacity = "1", r.current && clearTimeout(r.current));
+    }, y = () => {
+      h.current = !1, E();
+    };
+    e.addEventListener("mouseenter", d), e.addEventListener("mouseleave", y);
+    const f = new ResizeObserver(() => {
+      requestAnimationFrame(() => {
+        p(), h.current && o() ? t.style.opacity = "1" : o() || (t.style.opacity = "0");
+      });
+    });
+    f.observe(e);
+    let u = null;
+    const b = new MutationObserver(() => {
+      u && clearTimeout(u), u = setTimeout(() => {
+        p(), o() || E();
+      }, 400);
+    });
+    return b.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["style", "class"]
+    }), () => {
+      e.removeEventListener("scroll", c), e.removeEventListener("mouseenter", d), e.removeEventListener("mouseleave", y), f.disconnect(), b.disconnect(), u && clearTimeout(u), r.current && clearTimeout(r.current), m.current && cancelAnimationFrame(m.current), t.remove();
+    };
+  }, [l, p, k, E, o]);
+}
+export {
+  O as useOverlayScrollbar
+};

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

@@ -1,6 +1,6 @@
 export { Sidebar } from './Sidebar';
 export { default } from './Sidebar';
-export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps } from './types';
+export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps, GptCardConfig, } from './types';
 export { MenuRenderer } from './components/MenuRenderer';
 export { MenuItemWrapper } from './components/MenuItemWrapper';
 export { SubMenuWrapper } from './components/SubMenuWrapper';
@@ -14,6 +14,6 @@ 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';
+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,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"}
+{"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,EACV,YAAY,EACZ,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAC;AAGjB,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,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,YAAY,EACZ,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

package/dist/components/Sidebar/index.js

@@ -2,7 +2,7 @@ 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-CSxlVCTW.js";
+import { C as u } from "../../index-BAG5O9tQ.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";

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

@@ -1,9 +1,47 @@
+import { ReactNode } from 'react';
 import { SidebarMenuItem } from './menu.types';
+import { CKTagVariation } from '../../CKTag/_types/type';
+export interface GptCardConfig {
+    /** Tag text displayed in the header (e.g., "★ NEW"). Pass `null` to hide tag. */
+    tagText?: ReactNode;
+    /** Tag variation for CKTag (e.g., "WARNING", "SUCCESS", etc.) */
+    tagVariation?: CKTagVariation;
+    /** Title text displayed in the card (e.g., "Lens GPT") */
+    title?: string;
+    /** Subtitle or description (e.g., "Ask. Analyze. Act. All in one chat.") */
+    subtitle?: string;
+    /** Label next to the AI icons (e.g., "AI Powered Insights") */
+    insightsLabel?: string;
+    /** Button text (e.g., "Start Chat") */
+    buttonText?: string;
+    /** Custom icon for the sidebar-collapsed tooltip button */
+    collapsedIcon?: ReactNode;
+    /** Tooltip text shown when sidebar is collapsed (e.g., "AI Chat") */
+    collapsedTooltipText?: string;
+    /** Custom icons rendered in the insights row */
+    insightsIcons?: ReactNode;
+    /** Custom banner/carousel content in the card body */
+    bannerContent?: ReactNode;
+    /** Custom header icon on the right (collapse/expand toggle icon) */
+    toggleIcon?: ReactNode;
+    /** Aria label for the toggle button */
+    toggleAriaLabel?: string;
+    /** Aria label for the CTA button */
+    buttonAriaLabel?: string;
+    /**
+     * Content shown when the GPT card is in "open" (active) state.
+     * Can be an accordion, chat panel, or any ReactNode.
+     * When provided, clicking the button opens the card and renders this content
+     * instead of navigating away.
+     */
+    expandedContent?: ReactNode;
+}
 export interface GptCardProps {
     item: SidebarMenuItem;
     onNavigate: (path: string) => void;
     disabled: boolean;
     open: boolean;
     onToggle: (open: boolean) => void;
+    config?: GptCardConfig;
 }
 //# sourceMappingURL=gpt.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"gpt.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/gpt.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,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,iEAAiE;IACjE,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,gDAAgD;IAChD,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,oEAAoE;IACpE,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,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;IAClC,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB"}

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

@@ -2,5 +2,5 @@ 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';
+export type { GptCardProps, GptCardConfig } from './gpt.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,aAAa,EAAE,MAAM,aAAa,CAAC"}

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { SidebarMenuItem } from './menu.types';
 import { ExploreItem } from './explore.types';
 import { ModuleItem } from './module.types';
-import { GptCardProps } from './gpt.types';
+import { GptCardProps, GptCardConfig } from './gpt.types';
 export interface SidebarProps {
     /** The list of menu items to render in the sidebar. */
     menuItems: SidebarMenuItem[];
@@ -20,6 +20,12 @@ export interface SidebarProps {
     userType?: string;
     /** Whether the GPT card feature is enabled. */
     gptCardEnabled?: boolean;
+    /** Whether to hide the GPT/AI card completely. */
+    hideGptCard?: boolean;
+    /** Whether to hide the Contact Us button completely. */
+    hideContactUs?: boolean;
+    /** Configuration for GPT card text, icons, and labels. */
+    gptCardConfig?: GptCardConfig;
     /** Custom render function for the GPT card. */
     renderGptCard?: (props: GptCardProps) => ReactNode;
     /** Map of cloud provider keys to icon ReactNodes. */
@@ -47,5 +53,6 @@ export interface SidebarProps {
     showChildIcons?: boolean;
     maxOpenParents?: number;
     maxOpenChildren?: number;
+    textOverflow?: "ellipsis" | "wrap";
 }
 //# sourceMappingURL=sidebar.types.d.ts.map

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

@@ -1 +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;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"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,aAAa,EAAE,MAAM,aAAa,CAAC;AAE/D,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,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,+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;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CACpC"}

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

@@ -1,27 +1,30 @@
 import "react/jsx-runtime";
-import { D as v } from "../../../DropdownFooter-DIxlKK1Y.js";
+import { D as A } from "../../../DropdownFooter-DYusPa5E.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-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 "react-dom";
+import "../../../index-Cc3gWc2P.js";
+import '../../../assets/theme-CzZnUu2H.css';import '../../../assets/styles-DIZ9K_K2.css';import '../../../assets/styles-DU_mFQrB.css';import '../../../assets/styles-CBX41mCH.css';import '../../../assets/styles-DGuBVeco.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
 import "../../GroupedMultiSelect/_helpers/TagContent.js";
 import "../../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../../GroupedSingleSelect/_helpers/OptionRow.js";
 import "../../Pagination/index.js";
-import "react-dom";
 import "../../Loader/index.js";
 /* empty css                       */
 /* empty css                       */
 /* empty css                       */
+import "../../Table/_helpers/TableChipCell.js";
+/* empty css                       */
 import "../../MultiSelect/_helpers/TagContent.js";
 import "../../MultiSelect/_helpers/OptionRow.js";
 import "../../ProfileDropdown/index.js";
 import "../../MAVDropdown/index.js";
 /* empty css                      */
 import "../../FusionChart/index.js";
+import "../../CKBadge/index.js";
 export {
-  v as DropdownFooter
+  A as DropdownFooter
 };

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-DIxlKK1Y.js";
+import { s as e, D as A } from "../../DropdownFooter-DYusPa5E.js";
 import { S as M } from "../../chevron-down-Cm9R64Fe.js";
 import { S as q } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
@@ -8,27 +8,30 @@ import "../CKButton/index.js";
 import "../IconButton/index.js";
 import "../Stepper/index.js";
 import { Tooltip as G } from "../Tooltip/index.js";
-import "../../index-BR6M9zUI.js";
-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 "../../index-Cc3gWc2P.js";
+import '../../assets/theme-CzZnUu2H.css';import '../../assets/styles-DIZ9K_K2.css';import '../../assets/styles-DU_mFQrB.css';import '../../assets/styles-CBX41mCH.css';import '../../assets/styles-DGuBVeco.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";
 import "../GroupedMultiSelect/_helpers/OptionRow.js";
+import { useDropdownDirection as K } from "../MultiSelect/_utils/useDropdownDirection.js";
 import "../GroupedSingleSelect/_helpers/OptionRow.js";
 import "../Pagination/index.js";
-import { useDropdownDirection as K } from "../MultiSelect/_utils/useDropdownDirection.js";
 import "react-dom";
 import "../Loader/index.js";
 /* empty css                    */
 /* empty css                    */
 /* empty css                    */
+import "../Table/_helpers/TableChipCell.js";
+/* empty css                    */
 import "../MultiSelect/_helpers/TagContent.js";
 import "../MultiSelect/_helpers/OptionRow.js";
 import "../ProfileDropdown/index.js";
 import "../MAVDropdown/index.js";
 /* empty css                   */
 import "../FusionChart/index.js";
-function ge({
+import "../CKBadge/index.js";
+function Oe({
   options: u,
   value: t = null,
   onChange: y,
@@ -42,20 +45,20 @@ function ge({
   mandatory: L = !1,
   width: b = ""
 }) {
-  const [l, c] = d(!1), [h, i] = d(""), [f, p] = d(t), v = g(null), { vertical: R, horizontal: j } = K(v, l), C = g(null), [z, E] = d(!1), a = u.find((r) => r.value === t), S = V(() => u.filter(
+  const [l, i] = d(!1), [h, c] = d(""), [f, p] = d(t), v = g(null), { vertical: R, horizontal: j } = K(v, l), C = g(null), [z, E] = d(!1), a = u.find((r) => r.value === t), S = V(() => u.filter(
     (r) => r.label.toLowerCase().includes(h.toLowerCase())
   ), [h, u]), W = (r) => {
     p?.(r);
   }, B = () => {
     p(null);
   }, F = () => {
-    y?.(f), c(!1);
+    y?.(f), i(!1);
   }, T = () => {
-    p(t), c(!1), i("");
+    p(t), i(!1), c("");
   };
   return D(() => {
     const r = (m) => {
-      v.current?.contains(m.target) || (c(!1), p(t), i(""));
+      v.current?.contains(m.target) || (i(!1), p(t), c(""));
     };
     return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
   }, [t]), D(() => {
@@ -83,7 +86,7 @@ function ge({
           {
             type: "button",
             className: `${e.trigger} ${l ? e.active : ""}`,
-            onClick: () => !n && c((r) => !r),
+            onClick: () => !n && i((r) => !r),
             "aria-haspopup": "listbox",
             "aria-expanded": l,
             disabled: n,
@@ -119,8 +122,8 @@ function ge({
                 value: h,
                 placeholder: "Search",
                 autoFocus: !1,
-                onChange: (r) => i(r),
-                onClear: () => i(""),
+                onChange: (r) => c(r),
+                onClear: () => c(""),
                 wrapperClassName: e.searchWrapper,
                 inputClassName: e.searchInput
               }
@@ -156,5 +159,5 @@ function ge({
   );
 }
 export {
-  ge as SingleSelectDropdown
+  Oe as SingleSelectDropdown
 };

package/dist/components/Stepper/_helper/StepIcon.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as e from "react";
-import { s as n } from "../../../styles.module-r_cdKgD9.js";
+import { s as n } from "../../../styles.module-aSzD4I4G.js";
 import { STEP_STATE as r } from "../constants.js";
 import { mergeClasses as o } from "../../../utils/mergeClasses.js";
 const c = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5, fill: "#F8FBFF" }), /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5, stroke: "#D9E6FB" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3956_2460)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3956_2460", style: {

package/dist/components/Stepper/_helper/StepText.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { s } from "../../../styles.module-r_cdKgD9.js";
+import { s } from "../../../styles.module-aSzD4I4G.js";
 function l({
   label: t,
   heading: a

package/dist/components/Stepper/index.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { s as e } from "../../styles.module-r_cdKgD9.js";
+import { s as e } from "../../styles.module-aSzD4I4G.js";
 import { StepIcon as g } from "./_helper/StepIcon.js";
 import { StepText as N } from "./_helper/StepText.js";
 import { deriveStepStatesFromActiveIndex as T, deriveConnectorFillsFromActiveIndex as I } from "./_utils/stepper.utils.js";

package/dist/components/Switch/index.js

@@ -1,10 +1,10 @@
 import { jsx as c, jsxs as a } from "react/jsx-runtime";
-import '../../assets/index-_Kh8p9R0.css';const h = "_slider_mcbqh_21", s = {
-  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_mcbqh_1",
-  "ckcl-switch": "_ckcl-switch_mcbqh_1",
-  slider: h
+import '../../assets/index-CwPQKjpa.css';const w = "_slider_3wo04_21", s = {
+  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_3wo04_1",
+  "ckcl-switch": "_ckcl-switch_3wo04_1",
+  slider: w
 };
-function n({
+function h({
   checked: e,
   onChange: l,
   className: r = "",
@@ -26,5 +26,5 @@ function n({
   ] }) });
 }
 export {
-  n as Switch
+  h as Switch
 };

package/dist/components/Tab/index.js

@@ -1,18 +1,18 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { Tooltip as f } from "../Tooltip/index.js";
-import '../../assets/index-DDdi2wxl.css';const g = "_small_ofgqk_82", u = "_large_ofgqk_85", s = {
-  "ckds-tabs": "_ckds-tabs_ofgqk_4",
-  "ckds-tab": "_ckds-tab_ofgqk_4",
-  "ckds-tab-active": "_ckds-tab-active_ofgqk_58",
-  "ckds-tab-disabled": "_ckds-tab-disabled_ofgqk_68",
-  "ckds-tab-icon": "_ckds-tab-icon_ofgqk_75",
-  "ckds-tab-label": "_ckds-tab-label_ofgqk_79",
-  small: g,
-  large: u,
-  "tab-button": "_tab-button_ofgqk_88",
-  "no-label": "_no-label_ofgqk_123"
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import { Tooltip as g } from "../Tooltip/index.js";
+import '../../assets/index-CuopEZmw.css';const u = "_small_5sgy9_82", y = "_large_5sgy9_85", a = {
+  "ckds-tabs": "_ckds-tabs_5sgy9_4",
+  "ckds-tab": "_ckds-tab_5sgy9_4",
+  "ckds-tab-active": "_ckds-tab-active_5sgy9_58",
+  "ckds-tab-disabled": "_ckds-tab-disabled_5sgy9_68",
+  "ckds-tab-icon": "_ckds-tab-icon_5sgy9_75",
+  "ckds-tab-label": "_ckds-tab-label_5sgy9_79",
+  small: u,
+  large: y,
+  "tab-button": "_tab-button_5sgy9_88",
+  "no-label": "_no-label_5sgy9_123"
 };
-function v({
+function h({
   value: b,
   items: d = [],
   onChange: e,
@@ -20,53 +20,53 @@ function v({
   buttonView: r = !1,
   size: _ = "small"
 }) {
-  const k = `${s["ckds-tabs"]} ${s[_]} ${r ? s["tab-button"] : ""} ${n}`, i = (a, l) => `
-              ${s["ckds-tab"]}
-              ${a ? s["ckds-tab-active"] : ""}
-              ${l.disabled ? s["ckds-tab-disabled"] : ""}
-              ${l.label ? "" : s["no-label"]}
-            `, t = (a) => `${s["ckds-tab-icon"]} ${s[`${a}-icon`]}`;
-  return /* @__PURE__ */ o(
+  const i = `${a["ckds-tabs"]} ${a[_]} ${r ? a["tab-button"] : ""} ${n}`, p = (s, l) => `
+              ${a["ckds-tab"]}
+              ${s ? a["ckds-tab-active"] : ""}
+              ${l.disabled ? a["ckds-tab-disabled"] : ""}
+              ${l.label ? "" : a["no-label"]}
+            `, c = (s) => `${a["ckds-tab-icon"]} ${a[`${s}-icon`]}`;
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: k,
+      className: i,
       role: "tablist",
-      children: d?.map((a) => {
-        const l = a.value === b, c = /* @__PURE__ */ p(
+      children: d?.map((s) => {
+        const l = s.value === b, o = /* @__PURE__ */ k(
           "button",
           {
             role: "tab",
             "aria-selected": l,
-            "aria-disabled": a?.disabled,
-            disabled: a?.disabled,
+            "aria-disabled": s?.disabled,
+            disabled: s?.disabled,
             tabIndex: 0,
-            onClick: () => !a.disabled && e(a?.value),
-            className: i(l, a),
+            onClick: () => !s.disabled && e(s?.value),
+            className: p(l, s),
             children: [
-              a?.preIcon && /* @__PURE__ */ o(
+              s?.preIcon && /* @__PURE__ */ t(
                 "span",
                 {
-                  className: t("pre"),
-                  children: a.preIcon
+                  className: c("pre"),
+                  children: s.preIcon
                 }
               ),
-              a?.label && /* @__PURE__ */ o("span", { className: s["ckds-tab-label"], children: a.label }),
-              a?.postIcon && /* @__PURE__ */ o(
+              s?.label && /* @__PURE__ */ t("span", { className: a["ckds-tab-label"], children: s.label }),
+              s?.postIcon && /* @__PURE__ */ t(
                 "span",
                 {
-                  className: t("post"),
-                  children: a.postIcon
+                  className: c("post"),
+                  children: s.postIcon
                 }
               )
             ]
           },
-          a?.value
+          s?.value
         );
-        return a?.tooltip ? /* @__PURE__ */ o(f, { title: a?.tooltip?.title, placement: a?.tooltip?.placement, arrow: a?.tooltip?.arrow, children: c }, a?.value) : c;
+        return s?.tooltip ? /* @__PURE__ */ t(g, { title: s?.tooltip?.title, placement: s?.tooltip?.placement, arrow: s?.tooltip?.arrow, children: o }, s?.value) : o;
       })
     }
   );
 }
 export {
-  v as Tabs
+  h as Tabs
 };

package/dist/components/Table/_helpers/ColumnManager/index.js

@@ -7,7 +7,7 @@ import { Search as ot } from "../../../Search/index.js";
 import { S as at } from "../../../../reset-icon-YxMt3Ozp.js";
 import { ColumnConfig as ct } from "./ColumnConfig.js";
 import { COLUMN_ITEM_TYPE as F } from "../../constants.js";
-import '../../../../assets/styles-CwZG1jzB.css';/* empty css                          */
+import '../../../../assets/styles-DU_mFQrB.css';/* empty css                          */
 import { Toggle as xe } from "../../../Toggle/index.js";
 import { g as ut } from "../../../../_commonjsHelpers-C6fGbg64.js";
 const Re = tt({

package/dist/components/Table/_helpers/FilterColumnToolbar.js

@@ -5,7 +5,7 @@ import P from "./TableFilterModal/index.js";
 import V from "./ColumnManager/index.js";
 import { isTableConfigChanged as W, isTableConfigDefault as E } from "../_utils/table.utils.js";
 import { INITIAL_COLUMN_MANAGER_CONFIG as K } from "../constants.js";
-import { S as U, a as $ } from "../../../table-filter-C0zetUfo.js";
+import { S as U, a as $ } from "../../../table-filter-BwC2jvAO.js";
 import { CKButton as F } from "../../CKButton/index.js";
 function ie({
   dynamicFilters: b,

package/dist/components/Table/_helpers/TableChipCell.d.ts

@@ -0,0 +1,21 @@
+interface TableChipCellProps {
+    /** The chip elements to render */
+    children: React.ReactNode;
+}
+/**
+ * A cell wrapper for rendering chips/tags inside a table cell.
+ *
+ * Behavior adapts automatically to the table's wrapText setting:
+ * - When wrapText is OFF (cell has fixed height / overflow hidden):
+ *   chips display in a single line. Chips that overflow are hidden and
+ *   a "+N" indicator is shown. Hovering the indicator reveals a dropdown
+ *   listing the hidden chips (same pattern as MultiSelect OverflowMenu).
+ * - When wrapText is ON (cell allows content to grow):
+ *   chips wrap naturally to fill the available width.
+ */
+export declare function TableChipCell({ children }: TableChipCellProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TableChipCell {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=TableChipCell.d.ts.map

package/dist/components/Table/_helpers/TableChipCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableChipCell.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_helpers/TableChipCell.tsx"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC1B,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAgQ7D;yBAhQe,aAAa"}