@ck-ui/component-library 2.0.2 → 2.0.4

package/dist/components/Sidebar/Sidebar.js

@@ -1,118 +1,128 @@
-import { jsxs as N, jsx as e } from "react/jsx-runtime";
-import { useState as T, useMemo as b } from "react";
-import { CHAT_BOT_KEY as A } from "./Sidebar.constants.js";
-import { useModuleSwitch as H } from "./hooks/useModuleSwitch.js";
-import { MenuRenderer as I } from "./components/MenuRenderer/index.js";
-import { ExploreSection as K } from "./components/ExploreSection/index.js";
-import { ModuleSwitchButton as R } from "./components/ModuleSwitchButton/index.js";
-import { ContactUsButton as U } from "./components/ContactUsButton/index.js";
-import { GptCardWrapper as V } from "./components/GptCard/index.js";
-import { Loader as W } from "../Loader/index.js";
-import '../../assets/Sidebar-D5jVJ-ln.css';const Y = "_collapseMenu_drvuf_27", o = {
-  "custom-sidebar": "_custom-sidebar_drvuf_1",
-  "sidebar-V2": "_sidebar-V2_drvuf_12",
-  "no-chatbot-padding": "_no-chatbot-padding_drvuf_23",
-  collapseMenu: Y,
-  "sidebar-list-wrapper": "_sidebar-list-wrapper_drvuf_31",
-  "chatbot-open": "_chatbot-open_drvuf_36",
-  "chatbot-collapse": "_chatbot-collapse_drvuf_43"
+import { jsxs as U, jsx as e } from "react/jsx-runtime";
+import { useState as V, useRef as u, useMemo as _ } from "react";
+import { CHAT_BOT_KEY as Y } from "./Sidebar.constants.js";
+import { useModuleSwitch as q } from "./hooks/useModuleSwitch.js";
+import { useOverlayScrollbar as D } from "./hooks/useOverlayScrollbar.js";
+import { MenuRenderer as F } from "./components/MenuRenderer/index.js";
+import { ExploreSection as J } from "./components/ExploreSection/index.js";
+import { ModuleSwitchButton as Q } from "./components/ModuleSwitchButton/index.js";
+import { ContactUsButton as X } from "./components/ContactUsButton/index.js";
+import { GptCardWrapper as Z } from "./components/GptCard/index.js";
+import { Loader as $ } from "../Loader/index.js";
+import '../../assets/Sidebar-CrD-rucg.css';const E = "_collapseMenu_zkff7_24", o = {
+  "custom-sidebar": "_custom-sidebar_zkff7_1",
+  "sidebar-V2": "_sidebar-V2_zkff7_13",
+  collapseMenu: E,
+  "sidebar-list-wrapper": "_sidebar-list-wrapper_zkff7_29"
 };
-function q({
-  menuItems: d,
-  currentPath: c,
-  collapsed: t,
-  multicloudExploreList: r,
-  moduleList: a,
-  currentModuleId: h,
-  userType: f,
-  gptCardEnabled: m = !1,
-  renderGptCard: l,
-  cloudProviderIcons: M,
-  onNavigate: u,
-  onModuleSwitch: g,
-  onContactUsClick: v,
-  contactUsUrl: S,
-  onMenuItemClick: w,
-  isLoaderVisible: s = !1,
-  hidden: C = !1,
-  className: B,
-  renderFooter: j,
-  renderHeader: y
+function P({
+  menuItems: i,
+  currentPath: p,
+  collapsed: r,
+  multicloudExploreList: t,
+  moduleList: s,
+  currentModuleId: b,
+  userType: l,
+  gptCardEnabled: h = !1,
+  hideGptCard: M = !1,
+  hideContactUs: S = !1,
+  gptCardConfig: w,
+  renderGptCard: k,
+  cloudProviderIcons: C,
+  onNavigate: m,
+  onModuleSwitch: B,
+  onContactUsClick: g,
+  contactUsUrl: j,
+  onMenuItemClick: y,
+  isLoaderVisible: a = !1,
+  hidden: z = !1,
+  className: O,
+  renderFooter: R,
+  renderHeader: G,
+  showChildIcons: v = !1,
+  maxOpenParents: x,
+  maxOpenChildren: N,
+  textOverflow: T = "ellipsis"
 }) {
-  const [_, G] = T(!0), { handleModuleSwitch: O } = H({ onModuleSwitch: g }), i = b(
-    () => d.filter((p) => Object.keys(p).length > 0),
-    [d]
-  ), n = b(
-    () => i.find((p) => p.key === A),
+  const [W, A] = V(!0), { handleModuleSwitch: H } = q({ onModuleSwitch: B }), I = u(null), c = u(null);
+  D(c);
+  const n = _(
+    () => i.filter((f) => Object.keys(f).length > 0),
     [i]
-  ), k = () => n && !t && m ? _ ? o["chatbot-open"] : o["chatbot-collapse"] : "";
-  if (C) return null;
-  const x = [
+  ), d = _(
+    () => n.find((f) => f.key === Y),
+    [n]
+  );
+  if (z) return null;
+  const K = [
     o["custom-sidebar"],
     o["sidebar-V2"],
-    t ? o.collapseMenu : "",
-    k(),
-    n && !t ? "" : o["no-chatbot-padding"],
-    B || ""
+    r ? o.collapseMenu : "",
+    O || ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ N("div", { className: x, "data-testid": "sidebar", children: [
-    s && /* @__PURE__ */ e(W, { popup: !0 }),
-    y?.(),
-    a && a.length > 0 && /* @__PURE__ */ e(
-      R,
+  return /* @__PURE__ */ U("div", { ref: I, className: K, "data-testid": "sidebar", children: [
+    a && /* @__PURE__ */ e($, { popup: !0 }),
+    G?.(),
+    s && s.length > 0 && /* @__PURE__ */ e(
+      Q,
       {
-        modules: a,
-        collapsed: t,
-        currentModuleId: h,
-        userType: f,
-        onModuleSwitch: O
+        modules: s,
+        collapsed: r,
+        currentModuleId: b,
+        userType: l,
+        onModuleSwitch: H
       }
     ),
-    /* @__PURE__ */ e("div", { className: o["sidebar-list-wrapper"], children: /* @__PURE__ */ e(
-      I,
+    /* @__PURE__ */ e("div", { ref: c, className: o["sidebar-list-wrapper"], children: /* @__PURE__ */ e(
+      F,
       {
-        menuItems: i,
-        currentPath: c,
-        collapsed: t,
-        multicloudExploreList: r,
-        onNavigate: u,
-        onMenuItemClick: w
+        menuItems: n,
+        currentPath: p,
+        collapsed: r,
+        multicloudExploreList: t,
+        onNavigate: m,
+        onMenuItemClick: y,
+        showChildIcons: v,
+        maxOpenParents: x,
+        maxOpenChildren: N,
+        textOverflow: T
       }
     ) }),
-    r && r.length > 0 && /* @__PURE__ */ e(
-      K,
+    t && t.length > 0 && /* @__PURE__ */ e(
+      J,
       {
-        exploreList: r,
-        collapsed: t,
-        userType: f,
-        cloudProviderIcons: M
+        exploreList: t,
+        collapsed: r,
+        userType: l,
+        cloudProviderIcons: C
       }
     ),
-    !s && m && n && /* @__PURE__ */ e(
-      V,
+    !a && !M && h && d && /* @__PURE__ */ e(
+      Z,
       {
-        item: n,
-        collapsed: t,
-        currentPath: c,
-        onNavigate: u,
-        open: _,
-        onToggle: G,
-        renderGptCard: l
+        item: d,
+        collapsed: r,
+        currentPath: p,
+        onNavigate: m,
+        open: W,
+        onToggle: A,
+        renderGptCard: k,
+        gptCardConfig: w
       }
     ),
-    j?.(),
-    !s && /* @__PURE__ */ e(
-      U,
+    R?.(),
+    !a && !S && /* @__PURE__ */ e(
+      X,
       {
-        collapsed: t,
-        contactUsUrl: S,
-        onContactUsClick: v
+        collapsed: r,
+        contactUsUrl: j,
+        onContactUsClick: g
       }
     )
   ] });
 }
-q.displayName = "Sidebar";
+P.displayName = "Sidebar";
 export {
-  q as Sidebar,
-  q as default
+  P as Sidebar,
+  P as default
 };

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

@@ -2,5 +2,5 @@
  * @deprecated Import types from "./types" instead.
  * This file is kept for backwards compatibility.
  */
-export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps } from './types';
+export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps, GptCardConfig, } from './types';
 //# sourceMappingURL=Sidebar.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EACV,YAAY,EACZ,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.utils.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAQ5D;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACtE,OAAO,CAqBT;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACtE,OAAO,CAGT;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEtE"}
+{"version":3,"file":"Sidebar.utils.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAY5D;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EACrB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,eAAe,EAAE,GAC1B,OAAO,CAwBT;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EACrB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,eAAe,EAAE,GAC1B,OAAO,CAOT;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEtE"}

package/dist/components/Sidebar/Sidebar.utils.js

@@ -31,7 +31,9 @@ function l(e, r, n) {
   return !1;
 }
 function d(e, r, n) {
-  return l(e, r, n) ? !0 : e.dashboardServices?.some((t) => d(t, r, n)) ?? !1;
+  return l(e, r, n) ? !0 : e.dashboardServices?.some(
+    (t) => d(t, r, n)
+  ) ?? !1;
 }
 function h(e) {
   return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";

package/dist/components/Sidebar/_helpers/TruncatedLabel.d.ts

@@ -0,0 +1,15 @@
+interface TruncatedLabelProps {
+    /** The full text to display */
+    name: string;
+    /** CSS class applied to the label span */
+    className: string;
+    /** Tooltip placement. Defaults to "right" */
+    placement?: "top" | "bottom" | "left" | "right";
+}
+/**
+ * Renders a text label with ellipsis truncation.
+ * Always wraps with Tooltip — title is empty when not truncated (tooltip won't show).
+ */
+export declare function TruncatedLabel({ name, className, placement, }: TruncatedLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TruncatedLabel.d.ts.map

package/dist/components/Sidebar/_helpers/TruncatedLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedLabel.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/_helpers/TruncatedLabel.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,SAAmB,GACpB,EAAE,mBAAmB,2CA+BrB"}

package/dist/components/Sidebar/_helpers/TruncatedLabel.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as f, useState as d, useCallback as m, useEffect as c } from "react";
+import { Tooltip as p } from "../../Tooltip/index.js";
+import { addBreakOpportunities as T } from "../Sidebar.utils.js";
+function W({
+  name: r,
+  className: s,
+  placement: u = "right"
+}) {
+  const o = f(null), [l, a] = d(!1), t = m(() => {
+    const e = o.current;
+    e && e.clientWidth > 0 && a(e.scrollWidth > e.clientWidth);
+  }, []);
+  return c(() => {
+    const e = setTimeout(t, 100);
+    return () => clearTimeout(e);
+  }, [r, t]), c(() => {
+    const e = o.current;
+    if (!e) return;
+    const n = new ResizeObserver(() => setTimeout(t, 50));
+    return n.observe(e), () => n.disconnect();
+  }, [t]), /* @__PURE__ */ i(p, { title: l ? r : "", placement: u, arrow: !0, children: /* @__PURE__ */ i("span", { ref: o, className: s, children: T(r) }) });
+}
+export {
+  W as TruncatedLabel
+};

package/dist/components/Sidebar/_helpers/animateScroll.d.ts

@@ -0,0 +1,2 @@
+export declare function animateScroll(element: HTMLElement, distance: number, duration: number): void;
+//# sourceMappingURL=animateScroll.d.ts.map

package/dist/components/Sidebar/_helpers/animateScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animateScroll.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/_helpers/animateScroll.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GACf,IAAI,CA0BN"}

package/dist/components/Sidebar/_helpers/animateScroll.js

@@ -0,0 +1,12 @@
+function h(o, t, i) {
+  const r = o.scrollTop, n = r + t, e = performance.now();
+  o.style.scrollBehavior = "auto";
+  const l = (s) => 1 - Math.pow(1 - s, 3), a = (s) => {
+    const p = s - e, c = Math.min(p / i, 1), u = l(c);
+    o.scrollTop = r + t * u, c < 1 ? requestAnimationFrame(a) : (o.scrollTop = n, o.style.scrollBehavior = "smooth");
+  };
+  requestAnimationFrame(a);
+}
+export {
+  h as animateScroll
+};

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

@@ -0,0 +1,3 @@
+export { animateScroll } from './animateScroll';
+export { TruncatedLabel } from './TruncatedLabel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/_helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { animateScroll as o } from "./animateScroll.js";
+import { TruncatedLabel as t } from "./TruncatedLabel.js";
+export {
+  t as TruncatedLabel,
+  o as animateScroll
+};

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

@@ -1,12 +1,11 @@
 import { ReactNode } from 'react';
 interface CollapsedTooltipProps {
+    tooltipLabel: string;
     active: boolean;
     icon: ReactNode;
-    label?: string | null;
-    children: ReactNode;
-    popupClassName?: string;
     onClick?: () => void;
+    renderDropdown?: (onClose: () => void) => ReactNode;
 }
-export declare function CollapsedTooltip({ active, icon, label, children, popupClassName, onClick }: CollapsedTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsedTooltip({ tooltipLabel, active, icon, onClick, renderDropdown, }: CollapsedTooltipProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/CollapsedTooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAY,EAAE,QAAQ,EAAE,cAAmB,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CA4B7H"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/CollapsedTooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,UAAU,qBAAqB;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CACrD;AAKD,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,GACf,EAAE,qBAAqB,2CAoHvB"}

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

@@ -1,7 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../styles.module-V3iL6ubH.js";
-import { C as m } from "../../../../index-DKHB_5Ee.js";
+import "react-dom";
+import "../../../Tooltip/index.js";
+import "../../../../styles.module-CRMuLY4A.js";
+import { C as a } from "../../../../index-BAG5O9tQ.js";
 export {
-  m as CollapsedTooltip
+  a as CollapsedTooltip
 };

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

@@ -3,6 +3,6 @@ interface ContactUsButtonProps {
     contactUsUrl?: string;
     onContactUsClick?: () => void;
 }
-export declare function ContactUsButton({ collapsed, contactUsUrl, onContactUsClick }: ContactUsButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContactUsButton({ collapsed, contactUsUrl, onContactUsClick, }: ContactUsButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ContactUsButton/index.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAQD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,oBAAoB,2CAyBlG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ContactUsButton/index.tsx"],"names":[],"mappings":"AAKA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,EAAE,oBAAoB,2CAiEtB"}

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

@@ -1,18 +1,64 @@
-import { jsx as n, jsxs as s, Fragment as a } from "react/jsx-runtime";
-import { IconRenderer as i } from "../IconRenderer/index.js";
-import '../../../../assets/index-B5N2Zvs1.css';const t = {
-  "contact-us-btn": "_contact-us-btn_1jr87_1",
-  "contact-us-link": "_contact-us-link_1jr87_10",
-  "collapsed-link": "_collapsed-link_1jr87_37",
-  "menu-icon": "_menu-icon_1jr87_44"
-}, u = /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M13.34 10.903c-.87-.87-1.94-.87-2.8 0l-.7.7c-.06.06-.13.09-.21.09-.08 0-.15-.03-.21-.09-.89-.63-1.7-1.37-2.42-2.19-.72-.82-1.32-1.71-1.78-2.67-.03-.06-.04-.12-.03-.18.01-.06.04-.11.09-.15l.7-.7c.87-.87.87-1.94 0-2.8L4.63 1.49c-.87-.87-1.94-.87-2.8 0l-.7.7C.37 2.95-.1 3.94.02 4.97c.26 2.23 1.21 4.33 2.72 6.03 1.51 1.7 3.47 2.89 5.64 3.42.41.1.83.15 1.25.15 1.05 0 2.06-.4 2.82-1.13l.7-.7c.87-.87.87-1.94 0-2.8l-1.81-1.01z", fill: "currentColor" }) });
-function m({ collapsed: c, contactUsUrl: e, onContactUsClick: l }) {
-  const r = /* @__PURE__ */ n("span", { className: t["menu-icon"], children: /* @__PURE__ */ n(i, { icon: u }) }), o = /* @__PURE__ */ s(a, { children: [
-    r,
-    !c && /* @__PURE__ */ n("span", { children: "Contact Us" })
+import { jsx as t, jsxs as o, Fragment as C } from "react/jsx-runtime";
+import { Tooltip as m } from "../../../Tooltip/index.js";
+import { IconButton as h } from "../../../IconButton/index.js";
+import * as e from "react";
+import '../../../../assets/index-C44rlX6h.css';const r = (i) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_4484_16306)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_4484_16306", style: {
+  maskType: "luminance"
+}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M15.667 0.333008V15.667H0.333008V0.333008H15.667Z", fill: "white", stroke: "white", strokeWidth: 0.666667 })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_4484_16306)" }, /* @__PURE__ */ e.createElement("path", { d: "M14.6468 12.2199C14.6468 12.4599 14.5935 12.7066 14.4802 12.9466C14.3668 13.1866 14.2202 13.4133 14.0268 13.6266C13.7002 13.9866 13.3402 14.2466 12.9335 14.4133C12.5335 14.5799 12.1002 14.6666 11.6335 14.6666C10.9535 14.6666 10.2268 14.5066 9.46016 14.1799C8.6935 13.8533 7.92683 13.4133 7.16683 12.8599C6.40016 12.2999 5.6735 11.6799 4.98016 10.9933C4.2935 10.2999 3.6735 9.57325 3.12016 8.81325C2.5735 8.05325 2.1335 7.29325 1.8135 6.53992C1.4935 5.77992 1.3335 5.05325 1.3335 4.35992C1.3335 3.90659 1.4135 3.47325 1.5735 3.07325C1.7335 2.66659 1.98683 2.29325 2.34016 1.95992C2.76683 1.53992 3.2335 1.33325 3.72683 1.33325C3.9135 1.33325 4.10016 1.37325 4.26683 1.45325C4.44016 1.53325 4.5935 1.65325 4.7135 1.82659L6.26016 4.00659C6.38016 4.17325 6.46683 4.32659 6.52683 4.47325C6.58683 4.61325 6.62016 4.75325 6.62016 4.87992C6.62016 5.03992 6.5735 5.19992 6.48016 5.35325C6.3935 5.50658 6.26683 5.66658 6.10683 5.82658L5.60016 6.35325C5.52683 6.42658 5.4935 6.51325 5.4935 6.61992C5.4935 6.67325 5.50016 6.71992 5.5135 6.77325C5.5335 6.82658 5.5535 6.86658 5.56683 6.90658C5.68683 7.12658 5.8935 7.41325 6.18683 7.75992C6.48683 8.10659 6.80683 8.45992 7.1535 8.81325C7.5135 9.16658 7.86016 9.49325 8.2135 9.79325C8.56016 10.0866 8.84683 10.2866 9.0735 10.4066C9.10683 10.4199 9.14683 10.4399 9.1935 10.4599C9.24683 10.4799 9.30016 10.4866 9.36016 10.4866C9.4735 10.4866 9.56016 10.4466 9.6335 10.3733L10.1402 9.87325C10.3068 9.70659 10.4668 9.57992 10.6202 9.49992C10.7735 9.40658 10.9268 9.35992 11.0935 9.35992C11.2202 9.35992 11.3535 9.38658 11.5002 9.44658C11.6468 9.50658 11.8002 9.59325 11.9668 9.70659L14.1735 11.2733C14.3468 11.3933 14.4668 11.5333 14.5402 11.6999C14.6068 11.8666 14.6468 12.0333 14.6468 12.2199Z", stroke: "currentColor", strokeMiterlimit: 10 }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_4484_16306" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" })))), n = {
+  "contact-us-btn": "_contact-us-btn_1gyix_1",
+  "contact-us-btn-collapsed": "_contact-us-btn-collapsed_1gyix_10",
+  "contact-us-link": "_contact-us-link_1gyix_20",
+  "menu-icon": "_menu-icon_1gyix_54"
+};
+function _({
+  collapsed: i,
+  contactUsUrl: a,
+  onContactUsClick: c
+}) {
+  const s = () => {
+    c ? c() : a && window.open(a, "_blank", "noreferrer");
+  };
+  if (i)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: `${n["contact-us-btn"]} ${n["contact-us-btn-collapsed"]}`,
+        children: /* @__PURE__ */ t(m, { title: "Contact Us", placement: "right", arrow: !0, children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+          h,
+          {
+            variant: "secondary",
+            size: "large",
+            icon: /* @__PURE__ */ t(r, {}),
+            onClick: s,
+            "aria-label": "Contact Us"
+          }
+        ) }) })
+      }
+    );
+  const l = /* @__PURE__ */ o(C, { children: [
+    /* @__PURE__ */ t("span", { className: n["menu-icon"], children: /* @__PURE__ */ t(r, {}) }),
+    /* @__PURE__ */ t("span", { children: "Contact" })
   ] });
-  return e && !l ? /* @__PURE__ */ n("div", { className: t["contact-us-btn"], children: /* @__PURE__ */ n("a", { href: e, rel: "noreferrer", className: `${t["contact-us-link"]} ${c ? t["collapsed-link"] : ""}`, "aria-label": "Contact Us", children: o }) }) : /* @__PURE__ */ n("div", { className: t["contact-us-btn"], children: /* @__PURE__ */ n("button", { type: "button", onClick: l, className: `${t["contact-us-link"]} ${c ? t["collapsed-link"] : ""}`, "aria-label": "Contact Us", children: o }) });
+  return a && !c ? /* @__PURE__ */ t("div", { className: n["contact-us-btn"], children: /* @__PURE__ */ t(
+    "a",
+    {
+      href: a,
+      rel: "noreferrer",
+      className: n["contact-us-link"],
+      "aria-label": "Contact",
+      children: l
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: n["contact-us-btn"], children: /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      onClick: c,
+      className: n["contact-us-link"],
+      "aria-label": "Contact",
+      children: l
+    }
+  ) });
 }
 export {
-  m as ContactUsButton
+  _ as ContactUsButton
 };

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

@@ -6,6 +6,6 @@ interface ExploreSectionProps {
     userType?: string;
     cloudProviderIcons?: Record<string, ReactNode>;
 }
-export declare function ExploreSection({ exploreList, collapsed, userType, cloudProviderIcons }: ExploreSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ExploreSection({ exploreList, collapsed, userType, cloudProviderIcons, }: ExploreSectionProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ExploreSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAChD;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,kDA6B3G"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ExploreSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAChD;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,QAAQ,EACR,kBAAkB,GACnB,EAAE,mBAAmB,kDAwCrB"}

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

@@ -1,27 +1,54 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { SectionLabel as d } from "../SectionLabel/index.js";
-import { IconRenderer as p } from "../IconRenderer/index.js";
-import '../../../../assets/index-BD0iilmm.css';const n = {
-  "explore-section": "_explore-section_1wpmc_1",
-  "explore-collapsed": "_explore-collapsed_1wpmc_5",
-  "explore-links": "_explore-links_1wpmc_8",
-  "cursor-not-allowed": "_cursor-not-allowed_1wpmc_41",
-  "pointer-events-none": "_pointer-events-none_1wpmc_45"
+import { IconRenderer as a } from "../IconRenderer/index.js";
+import '../../../../assets/index-DaV0QrZW.css';const n = {
+  "explore-section": "_explore-section_xhatt_1",
+  "explore-collapsed": "_explore-collapsed_xhatt_5",
+  "explore-links": "_explore-links_xhatt_8",
+  "cursor-not-allowed": "_cursor-not-allowed_xhatt_41",
+  "pointer-events-none": "_pointer-events-none_xhatt_45"
 };
-function v({ exploreList: l, collapsed: r, userType: t, cloudProviderIcons: a }) {
+function v({
+  exploreList: l,
+  collapsed: r,
+  userType: c,
+  cloudProviderIcons: p
+}) {
   if (!l || l.length === 0) return null;
-  const c = t === "CLOUDONOMICS";
-  return /* @__PURE__ */ s("div", { className: `${n["explore-section"]} ${r ? n["explore-collapsed"] : ""}`, children: [
-    /* @__PURE__ */ e(d, { label: "Explore", collapsed: r }),
-    l.map((o) => {
-      const i = a?.[o.cloudProvider] || o.icon;
-      return /* @__PURE__ */ s("div", { className: n["explore-links"], children: [
-        !r && /* @__PURE__ */ e(p, { icon: i }),
-        !r && /* @__PURE__ */ e("span", { children: o.displayName }),
-        /* @__PURE__ */ e("div", { className: c ? n["cursor-not-allowed"] : "", children: /* @__PURE__ */ e("a", { href: `//${o.link}`, target: "_blank", rel: "noopener noreferrer", className: c ? n["pointer-events-none"] : "", "aria-label": `Open ${o.displayName}`, children: r ? /* @__PURE__ */ e(p, { icon: i }) : /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M11.667 11.667H2.333V2.333H7V1H2.333C1.593 1 1 1.6 1 2.333v9.334C1 12.4 1.593 13 2.333 13h9.334C12.4 13 13 12.4 13 11.667V7h-1.333v4.667zM8.333 1v1.333h2.394L4.08 8.98l.94.94 6.647-6.647v2.394H13V1H8.333z", fill: "currentColor" }) }) }) })
-      ] }, o.cloudProvider);
-    })
-  ] });
+  const t = c === "CLOUDONOMICS";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${n["explore-section"]} ${r ? n["explore-collapsed"] : ""}`,
+      children: [
+        /* @__PURE__ */ e(d, { label: "Explore", collapsed: r }),
+        l.map((o) => {
+          const i = p?.[o.cloudProvider] || o.icon;
+          return /* @__PURE__ */ s("div", { className: n["explore-links"], children: [
+            !r && /* @__PURE__ */ e(a, { icon: i }),
+            !r && /* @__PURE__ */ e("span", { children: o.displayName }),
+            /* @__PURE__ */ e("div", { className: t ? n["cursor-not-allowed"] : "", children: /* @__PURE__ */ e(
+              "a",
+              {
+                href: `//${o.link}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: t ? n["pointer-events-none"] : "",
+                "aria-label": `Open ${o.displayName}`,
+                children: r ? /* @__PURE__ */ e(a, { icon: i }) : /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M11.667 11.667H2.333V2.333H7V1H2.333C1.593 1 1 1.6 1 2.333v9.334C1 12.4 1.593 13 2.333 13h9.334C12.4 13 13 12.4 13 11.667V7h-1.333v4.667zM8.333 1v1.333h2.394L4.08 8.98l.94.94 6.647-6.647v2.394H13V1H8.333z",
+                    fill: "currentColor"
+                  }
+                ) })
+              }
+            ) })
+          ] }, o.cloudProvider);
+        })
+      ]
+    }
+  );
 }
 export {
   v as ExploreSection

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

@@ -1,4 +1,4 @@
-import { SidebarMenuItem, GptCardProps } from '../../types';
+import { SidebarMenuItem, GptCardProps, GptCardConfig } from '../../types';
 import { ReactNode } from 'react';
 interface GptCardWrapperProps {
     item: SidebarMenuItem;
@@ -8,7 +8,8 @@ interface GptCardWrapperProps {
     open: boolean;
     onToggle: (open: boolean) => void;
     renderGptCard?: (props: GptCardProps) => ReactNode;
+    gptCardConfig?: GptCardConfig;
 }
-export declare function GptCardWrapper({ item, collapsed, currentPath, onNavigate, open, onToggle, renderGptCard }: GptCardWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GptCardWrapper({ item, collapsed, currentPath, onNavigate, open, onToggle, renderGptCard, gptCardConfig, }: GptCardWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/GptCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,mBAAmB,kDAuC9H"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/GptCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;IACnD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AA2BD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,GACd,EAAE,mBAAmB,2CA+HrB"}