@ck-ui/component-library 2.0.2 → 2.0.4

package/dist/components/MultiSelect/_helpers/OverflowMenu.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s } from "../../../styles.module-DSbSTQeV.js";
+import { s } from "../../../styles.module-Xxs9bBCg.js";
 import n from "./OverflowMenuItem.js";
 const a = ({ selected: t, maxChips: m = 2 }) => /* @__PURE__ */ r("div", { className: s["menu-list"], children: t?.map((e, l) => l < m ? null : /* @__PURE__ */ r(n, { item: e }, e?.value)) });
 export {

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../styles.module-DSbSTQeV.js";
+import { s as i } from "../../../styles.module-Xxs9bBCg.js";
 import { Tooltip as f } from "../../Tooltip/index.js";
 import { useRef as a, useState as d, useLayoutEffect as u } from "react";
 import { mergeClasses as p } from "../../../utils/mergeClasses.js";

package/dist/components/MultiSelect/_helpers/SearchResult.js

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as t, jsx as a } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-DSbSTQeV.js";
+import { s as e } from "../../../styles.module-Xxs9bBCg.js";
 import { Toggle as o } from "../../Toggle/index.js";
 import { mergeClasses as r } from "../../../utils/mergeClasses.js";
 const f = ({

package/dist/components/MultiSelect/_helpers/TagContent.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import v, { useRef as g, useState as w, useLayoutEffect as C, useCallback as l } from "react";
 import { S as O } from "../../../cancel-BAgTEOGD.js";
-import { s } from "../../../styles.module-DSbSTQeV.js";
+import { s } from "../../../styles.module-Xxs9bBCg.js";
 import { Tooltip as R } from "../../Tooltip/index.js";
 const j = v.memo(function({
   label: t,

package/dist/components/MultiSelect/_helpers/TriggerButton.js

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as o, Fragment as N } from "react/jsx-runtime";
 import { useRef as h, useState as g, useEffect as D, useCallback as R, useLayoutEffect as F } from "react";
-import { s as r } from "../../../styles.module-DSbSTQeV.js";
+import { s as r } from "../../../styles.module-Xxs9bBCg.js";
 import { CKTag as I } from "../../CKTag/index.js";
 import { S as P } from "../../../chevron-down-Cm9R64Fe.js";
 import U from "./TagContent.js";

package/dist/components/MultiSelect/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o, Fragment as fe } from "react/jsx-runtime";
 import { useState as u, useRef as Ce, useEffect as H, useMemo as T, useCallback as p } from "react";
-import { s as t } from "../../styles.module-DSbSTQeV.js";
+import { s as t } from "../../styles.module-Xxs9bBCg.js";
 import { Search as ve } from "../Search/index.js";
 import { S as we } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as be } from "../CKCheckbox/index.js";

package/dist/components/Pagination/index.js

@@ -1,49 +1,49 @@
 import { jsxs as s, jsx as e, Fragment as S } from "react/jsx-runtime";
-import { mergeClasses as r } from "../../utils/mergeClasses.js";
+import { mergeClasses as p } from "../../utils/mergeClasses.js";
 import E from "./_utils/generatePageNumbers.js";
 import * as m from "react";
 import A, { DEFAULT_PAGE_SIZE_OPTIONS as j } from "./_utils/computePageSizeOptions.js";
-import '../../assets/index-C3K5UCMn.css';const O = "_active_1qkc2_122", a = {
-  "ckds-pagination": "_ckds-pagination_1qkc2_1",
-  "pagination-info": "_pagination-info_1qkc2_13",
-  "pagination-label": "_pagination-label_1qkc2_20",
-  "pagination-select": "_pagination-select_1qkc2_26",
-  "pagination-divider": "_pagination-divider_1qkc2_63",
-  "pagination-controls": "_pagination-controls_1qkc2_69",
-  "pagination-nav-btn": "_pagination-nav-btn_1qkc2_77",
-  "pagination-page-btn": "_pagination-page-btn_1qkc2_104",
+import '../../assets/index-Dmo2W49y.css';const O = "_active_1maqd_126", a = {
+  "ckds-pagination": "_ckds-pagination_1maqd_1",
+  "pagination-info": "_pagination-info_1maqd_13",
+  "pagination-label": "_pagination-label_1maqd_20",
+  "pagination-select": "_pagination-select_1maqd_26",
+  "pagination-divider": "_pagination-divider_1maqd_63",
+  "pagination-controls": "_pagination-controls_1maqd_69",
+  "pagination-nav-btn": "_pagination-nav-btn_1maqd_77",
+  "pagination-page-btn": "_pagination-page-btn_1maqd_108",
   active: O,
-  "pagination-ellipsis": "_pagination-ellipsis_1qkc2_137",
-  "pagination-summary": "_pagination-summary_1qkc2_149"
+  "pagination-ellipsis": "_pagination-ellipsis_1maqd_141",
+  "pagination-summary": "_pagination-summary_1maqd_153"
 }, D = (n) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 5, height: 8, viewBox: "0 0 5 8", fill: "none", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M0.380176 0.380155L3.86768 3.87759L0.380176 7.375", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), M = (n) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 5, height: 8, viewBox: "0 0 5 8", fill: "none", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M3.86738 7.37473L0.379883 3.87729L3.86738 0.379883", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }));
 function $({
   currentPage: n,
   totalPages: o,
-  pageSize: c,
-  onPageChange: d,
+  pageSize: d,
+  onPageChange: r,
   onPageSizeChange: b,
   showPageSizeSelector: v = !1,
-  pageSizeOptions: k = j,
+  pageSizeOptions: f = j,
   totalRecords: l,
-  className: f
+  className: w
 }) {
   if (!l || l <= 0)
     return null;
-  const w = A(
+  const u = A(
     l,
-    k
-  ), h = E(n, o), u = (n - 1) * c + 1, N = l ? Math.min(n * c, l) : n * c, q = () => {
-    n > 1 && d(n - 1);
+    f
+  ), h = E(n, o), N = (n - 1) * d + 1, k = l ? Math.min(n * d, l) : n * d, q = () => {
+    n > 1 && r(n - 1);
   }, x = () => {
-    n < o && d(n + 1);
+    n < o && r(n + 1);
   }, y = (i) => {
     const t = Number(i.target.value);
-    t !== n && d(t);
+    t !== n && r(t);
   }, L = (i) => {
     const t = Number(i.target.value);
-    t !== c && b && b(t);
-  }, p = !o || o <= 1, g = n === 1 || p, _ = n === o || p, B = v && b;
-  return /* @__PURE__ */ s("div", { className: r(a["ckds-pagination"], f), children: [
+    t !== d && b && b(t);
+  }, c = !o || o <= 1, g = n === 1 || c, _ = n === o || c, B = v && b;
+  return /* @__PURE__ */ s("div", { className: p(a["ckds-pagination"], w), children: [
     /* @__PURE__ */ s("div", { className: a["pagination-info"], children: [
       /* @__PURE__ */ e("span", { className: a["pagination-label"], children: "Page" }),
       /* @__PURE__ */ e(
@@ -53,7 +53,7 @@ function $({
           value: n,
           onChange: y,
           "aria-label": "Select page number",
-          disabled: p,
+          disabled: c,
           children: Array.from({ length: o || 1 }, (i, t) => t + 1).map(
             (i) => /* @__PURE__ */ e("option", { value: i, children: i }, i)
           )
@@ -69,7 +69,7 @@ function $({
         "button",
         {
           type: "button",
-          className: r(
+          className: p(
             a["pagination-nav-btn"],
             g && a.disabled
           ),
@@ -95,12 +95,12 @@ function $({
           "button",
           {
             type: "button",
-            className: r(
+            className: p(
               a["pagination-page-btn"],
               n === i && a.active
             ),
-            onClick: () => d(i),
-            disabled: n === i || p,
+            onClick: () => r(i),
+            disabled: n === i || c,
             "aria-label": `Page ${i}`,
             "aria-current": n === i ? "page" : void 0,
             children: i
@@ -111,7 +111,7 @@ function $({
         "button",
         {
           type: "button",
-          className: r(
+          className: p(
             a["pagination-page-btn"],
             a.active
           ),
@@ -124,7 +124,7 @@ function $({
         "button",
         {
           type: "button",
-          className: r(
+          className: p(
             a["pagination-nav-btn"],
             _ && a.disabled
           ),
@@ -146,11 +146,11 @@ function $({
           "select",
           {
             className: a["pagination-select"],
-            value: c,
+            value: d,
             onChange: L,
             "aria-label": "Select rows per page",
-            disabled: p,
-            children: w.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
+            disabled: c,
+            children: u.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
           }
         ),
         /* @__PURE__ */ e("span", { className: a["pagination-divider"], children: "|" })
@@ -158,9 +158,9 @@ function $({
       "Showing",
       " ",
       /* @__PURE__ */ s("strong", { children: [
-        u,
+        N,
         "-",
-        N
+        k
       ] }),
       l ? ` of ${l}` : "",
       " results"

package/dist/components/Popover/index.js

@@ -1,7 +1,7 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useRef as g, useState as L, useLayoutEffect as k, useEffect as f } from "react";
-import '../../assets/index-BkNXS5fR.css';const y = {
-  "ckds-popover": "_ckds-popover_erslc_1"
+import '../../assets/index-BcYUvt6V.css';const y = {
+  "ckds-popover": "_ckds-popover_npk8y_1"
 };
 function z({
   open: o,

package/dist/components/PopupAndDialogBox/_types/popupAndDialog.types.d.ts

@@ -24,11 +24,14 @@ export interface FooterProps {
     buttonAlignment?: ButtonAlignment;
     primaryButtonDetail?: ButtonProps;
     secondaryButtonDetail?: ButtonProps;
+    className?: string;
 }
 export interface HeaderProps {
     title?: string;
     children?: React.ReactNode;
     onClose?: () => void;
     showClose?: boolean;
+    className?: string;
+    description?: string;
 }
 //# sourceMappingURL=popupAndDialog.types.d.ts.map

package/dist/components/PopupAndDialogBox/_types/popupAndDialog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popupAndDialog.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/_types/popupAndDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAE,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GACvB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,qBAAqB,CAAC,EAAE,WAAW,CAAC;CACrC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"popupAndDialog.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/_types/popupAndDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAE,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GACvB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAC,MAAM,CAAC;CACrB"}

package/dist/components/PopupAndDialogBox/components/DialogContent.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 export declare const DialogContent: React.FC<{
     children: React.ReactNode;
+    className?: string;
 }>;
 //# sourceMappingURL=DialogContent.d.ts.map

package/dist/components/PopupAndDialogBox/components/DialogContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAQjE,CAAC"}
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CASrF,CAAC"}

package/dist/components/PopupAndDialogBox/components/DialogContent.js

@@ -1,9 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "react";
-import { s } from "../../../styles.module-yNDMDNO-.js";
+import { s } from "../../../styles.module-Bxs1UJxF.js";
 const m = ({
-  children: o
-}) => /* @__PURE__ */ t("div", { className: s["ckds-dialog-content"], children: o });
+  children: t,
+  className: o
+}) => /* @__PURE__ */ r("div", { className: `${s["ckds-dialog-content"]}${o ? ` ${o}` : ""}`, children: t });
 export {
   m as DialogContent
 };

package/dist/components/PopupAndDialogBox/components/DialogFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuD9C,CAAC"}
+{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwD9C,CAAC"}

package/dist/components/PopupAndDialogBox/components/DialogFooter.js

@@ -1,50 +1,51 @@
-import { jsx as i, jsxs as f, Fragment as k } from "react/jsx-runtime";
+import { jsx as o, jsxs as C, Fragment as g } from "react/jsx-runtime";
 import "react";
-import { s as b } from "../../../styles.module-yNDMDNO-.js";
-import { BUTTON_LAYOUT as o, noop as m, BUTTON_LABEL as C } from "../constant/popupAndDialog.js";
-import { CKButton as d } from "../../CKButton/index.js";
-const v = ({
-  children: r,
-  buttonLayout: c = o.DOUBLE,
-  buttonAlignment: a = "right",
+import { s as a } from "../../../styles.module-Bxs1UJxF.js";
+import { BUTTON_LAYOUT as d, noop as k, BUTTON_LABEL as m } from "../constant/popupAndDialog.js";
+import { CKButton as r } from "../../CKButton/index.js";
+const x = ({
+  children: n,
+  buttonLayout: c = d.DOUBLE,
+  buttonAlignment: f = "right",
   primaryButtonDetail: e,
-  secondaryButtonDetail: l
+  secondaryButtonDetail: l,
+  className: s
 }) => {
-  const n = {
-    justifyContent: a === "left" ? "flex-start" : a === "center" ? "center" : "flex-end"
+  const b = {
+    justifyContent: f === "left" ? "flex-start" : f === "center" ? "center" : "flex-end"
   };
-  if (r)
-    return /* @__PURE__ */ i("div", { className: b["ckds-dialog-footer"], style: n, children: r });
-  const s = e || l;
-  return /* @__PURE__ */ f("div", { className: `footer-content ${b["ckds-dialog-footer"]}`, style: n, children: [
-    c === o.SINGLE && /* @__PURE__ */ i(
-      d,
+  if (n)
+    return /* @__PURE__ */ o("div", { className: `${a["ckds-dialog-footer"]}${s ? ` ${s}` : ""}`, style: b, children: n });
+  const i = e || l;
+  return /* @__PURE__ */ C("div", { className: `footer-content ${a["ckds-dialog-footer"]}${s ? ` ${s}` : ""}`, style: b, children: [
+    c === d.SINGLE && /* @__PURE__ */ o(
+      r,
       {
         variant: e ? "primary" : "secondary",
-        label: s?.label,
-        size: s?.size,
-        onClick: s?.onClick,
-        disabled: s?.disabled
+        label: i?.label,
+        size: i?.size,
+        onClick: i?.onClick,
+        disabled: i?.disabled
       }
     ),
-    c === o.DOUBLE && /* @__PURE__ */ f(k, { children: [
-      /* @__PURE__ */ i(
-        d,
+    c === d.DOUBLE && /* @__PURE__ */ C(g, { children: [
+      /* @__PURE__ */ o(
+        r,
         {
           variant: "secondary",
-          label: l?.label ?? C?.SECONDARY,
+          label: l?.label ?? m?.SECONDARY,
           size: l?.size ?? "small",
-          onClick: l?.onClick ?? m,
+          onClick: l?.onClick ?? k,
           disabled: l?.disabled
         }
       ),
-      /* @__PURE__ */ i(
-        d,
+      /* @__PURE__ */ o(
+        r,
         {
           variant: "primary",
-          label: e?.label ?? C?.PRIMARY,
+          label: e?.label ?? m?.PRIMARY,
           size: e?.size ?? "small",
-          onClick: e?.onClick ?? m,
+          onClick: e?.onClick ?? k,
           disabled: e?.disabled
         }
       )
@@ -52,5 +53,5 @@ const v = ({
   ] });
 };
 export {
-  v as DialogFooter
+  x as DialogFooter
 };

package/dist/components/PopupAndDialogBox/components/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoB9C,CAAC"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwB9C,CAAC"}

package/dist/components/PopupAndDialogBox/components/DialogHeader.js

@@ -1,23 +1,26 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import * as t from "react";
-import { s } from "../../../styles.module-yNDMDNO-.js";
-const i = (e) => /* @__PURE__ */ t.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M15 5L5.00068 14.9993M14.9993 15L5 5.00071", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" })), m = ({
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import * as a from "react";
+import { s as o } from "../../../styles.module-Bxs1UJxF.js";
+const l = (e) => /* @__PURE__ */ a.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { d: "M15 5L5.00068 14.9993M14.9993 15L5 5.00071", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" })), h = ({
   title: e,
-  children: r,
-  onClose: a,
-  showClose: n = !0
-}) => /* @__PURE__ */ c("div", { className: `header-content ${s["ckds-dialog-header"]}`, children: [
-  n && /* @__PURE__ */ o(
+  children: d,
+  onClose: n,
+  showClose: c = !0,
+  className: r,
+  description: t
+}) => /* @__PURE__ */ i("div", { className: `header-content ${o["ckds-dialog-header"]}${r ? ` ${r}` : ""}`, children: [
+  c && /* @__PURE__ */ s(
     "button",
     {
-      className: s["ckds-dialog-close"],
-      onClick: a,
-      children: /* @__PURE__ */ o(i, {})
+      className: o["ckds-dialog-close"],
+      onClick: n,
+      children: /* @__PURE__ */ s(l, {})
     }
   ),
-  e && /* @__PURE__ */ o("span", { className: `ckcl-h3-semibold  ${s["ckds-dialog-title"]}`, children: e }),
-  r
+  e && /* @__PURE__ */ s("span", { className: `ckds-h3-semibold  ${o["ckds-dialog-title"]}`, children: e }),
+  t && /* @__PURE__ */ s("span", { className: `ckds-body-lg-reg  ${o["ckds-dialog-description"]}`, children: t }),
+  d
 ] });
 export {
-  m as DialogHeader
+  h as DialogHeader
 };

package/dist/components/PopupAndDialogBox/index.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useEffect as l } from "react";
-import { s as t } from "../../styles.module-yNDMDNO-.js";
+import { s as t } from "../../styles.module-Bxs1UJxF.js";
 import { TYPE as u } from "./constant/popupAndDialog.js";
 const E = ({
   open: a,

package/dist/components/ProfileDropdown/index.js

@@ -1,56 +1,56 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useState as N, useRef as E } from "react";
+import { useState as E, useRef as y } from "react";
 import { mergeClasses as n } from "../../utils/mergeClasses.js";
 import { Avatar as p } from "../Avatar/index.js";
 import { AvatarSizes as t } from "../Avatar/_types/avatar.types.js";
-import { Tabs as y } from "../Tab/index.js";
-import { CKButton as D } from "../CKButton/index.js";
-import { DEFAULT_VIEWS as x, PROFILE_VIEW as C } from "./_types/profileDropdown.types.js";
+import { Tabs as D } from "../Tab/index.js";
+import { CKButton as x } from "../CKButton/index.js";
+import { DEFAULT_VIEWS as z, PROFILE_VIEW as C } from "./_types/profileDropdown.types.js";
 import { VIEW_LABELS as I } from "./constants.js";
 import { S as M } from "../../chevron-down-Cm9R64Fe.js";
-import '../../assets/index-C4-S_v9y.css';const e = {
-  "ckds-profile-dropdown": "_ckds-profile-dropdown_1mtwz_1",
-  "ckds-profile-trigger": "_ckds-profile-trigger_1mtwz_12",
-  "ckds-profile-trigger-text": "_ckds-profile-trigger-text_1mtwz_29",
-  "ckds-profile-welcome-label": "_ckds-profile-welcome-label_1mtwz_36",
-  "ckds-profile-user-name": "_ckds-profile-user-name_1mtwz_44",
-  "ckds-profile-chevron": "_ckds-profile-chevron_1mtwz_52",
-  "ckds-profile-chevron--open": "_ckds-profile-chevron--open_1mtwz_66",
-  "ckds-profile-dropdown-panel": "_ckds-profile-dropdown-panel_1mtwz_70",
-  "ckds-profile-panel-row": "_ckds-profile-panel-row_1mtwz_82",
-  "ckds-profile-divider": "_ckds-profile-divider_1mtwz_89",
-  "ckds-profile-role-info": "_ckds-profile-role-info_1mtwz_94",
-  "ckds-profile-role-label": "_ckds-profile-role-label_1mtwz_102",
-  "ckds-profile-role-value": "_ckds-profile-role-value_1mtwz_109",
-  "ckds-profile-org-info": "_ckds-profile-org-info_1mtwz_159",
-  "ckds-profile-org-label": "_ckds-profile-org-label_1mtwz_167",
-  "ckds-profile-org-value": "_ckds-profile-org-value_1mtwz_174",
-  "ckds-profile-change-org-btn": "_ckds-profile-change-org-btn_1mtwz_184"
+import '../../assets/index-F_VkoiK8.css';const e = {
+  "ckds-profile-dropdown": "_ckds-profile-dropdown_1vtwk_1",
+  "ckds-profile-trigger": "_ckds-profile-trigger_1vtwk_12",
+  "ckds-profile-trigger-text": "_ckds-profile-trigger-text_1vtwk_28",
+  "ckds-profile-welcome-label": "_ckds-profile-welcome-label_1vtwk_35",
+  "ckds-profile-user-name": "_ckds-profile-user-name_1vtwk_43",
+  "ckds-profile-chevron": "_ckds-profile-chevron_1vtwk_51",
+  "ckds-profile-chevron--open": "_ckds-profile-chevron--open_1vtwk_65",
+  "ckds-profile-dropdown-panel": "_ckds-profile-dropdown-panel_1vtwk_69",
+  "ckds-profile-panel-row": "_ckds-profile-panel-row_1vtwk_81",
+  "ckds-profile-divider": "_ckds-profile-divider_1vtwk_88",
+  "ckds-profile-role-info": "_ckds-profile-role-info_1vtwk_93",
+  "ckds-profile-role-label": "_ckds-profile-role-label_1vtwk_101",
+  "ckds-profile-role-value": "_ckds-profile-role-value_1vtwk_108",
+  "ckds-profile-org-info": "_ckds-profile-org-info_1vtwk_158",
+  "ckds-profile-org-label": "_ckds-profile-org-label_1vtwk_166",
+  "ckds-profile-org-value": "_ckds-profile-org-value_1vtwk_173",
+  "ckds-profile-change-org-btn": "_ckds-profile-change-org-btn_1vtwk_183"
 };
 function P({
   userName: i,
   welcomeLabel: d = "Welcome",
   role: f,
-  organization: m,
-  activeView: k = C.PARTNER,
-  views: _ = x,
-  onViewChange: g,
-  onChangeOrganization: u,
-  className: w
+  organization: k,
+  activeView: m = C.PARTNER,
+  views: _ = z,
+  onViewChange: v,
+  onChangeOrganization: g,
+  className: u
 }) {
-  const [s, a] = N(!1), c = E(null), h = () => {
+  const [s, a] = E(!1), c = y(null), w = () => {
     c.current && clearTimeout(c.current), a(!0);
-  }, v = () => {
+  }, h = () => {
     c.current = setTimeout(() => a(!1), 120);
-  }, z = (o) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a((b) => !b)), o.key === "Escape" && a(!1);
+  }, b = (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a((N) => !N)), o.key === "Escape" && a(!1);
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: n(e["ckds-profile-dropdown"], w),
-      onMouseEnter: h,
-      onMouseLeave: v,
+      className: n(e["ckds-profile-dropdown"], u),
+      onMouseEnter: w,
+      onMouseLeave: h,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -60,7 +60,7 @@ function P({
               e["ckds-profile-trigger"],
               s && e["ckds-profile-trigger--open"]
             ),
-            onKeyDown: z,
+            onKeyDown: b,
             "aria-haspopup": "true",
             "aria-expanded": s,
             "aria-label": `${d} ${i}, open profile menu`,
@@ -98,14 +98,14 @@ function P({
                   /* @__PURE__ */ r("span", { className: e["ckds-profile-role-value"], children: f })
                 ] }),
                 /* @__PURE__ */ r(
-                  y,
+                  D,
                   {
-                    value: k,
+                    value: m,
                     items: _.map((o) => ({
                       value: o,
                       label: I[o]
                     })),
-                    onChange: (o) => g?.(o),
+                    onChange: (o) => v?.(o),
                     buttonView: !0,
                     size: "small"
                   }
@@ -115,15 +115,15 @@ function P({
               /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
                 /* @__PURE__ */ l("div", { className: e["ckds-profile-org-info"], children: [
                   /* @__PURE__ */ r("span", { className: e["ckds-profile-org-label"], children: "Organization" }),
-                  /* @__PURE__ */ r("span", { className: e["ckds-profile-org-value"], children: m })
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-org-value"], children: k })
                 ] }),
                 /* @__PURE__ */ r(
-                  D,
+                  x,
                   {
                     variant: "primary",
                     size: "medium",
                     label: "Change Organization",
-                    onClick: u,
+                    onClick: g,
                     className: e["ckds-profile-change-org-btn"]
                   }
                 )