@ck-ui/component-library 2.0.3 → 2.0.5

package/dist/components/MenuOptions/_helpers/SubMenu.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../../styles.module-B5fY7mP8.js";
-import { S as t } from "../../../MenuItem-DlaRT10y.js";
+import "../../../styles.module-DjiC2kYs.js";
+import { S as t } from "../../../MenuItem-jNWNRrDR.js";
 export {
   t as SubMenu
 };

package/dist/components/MenuOptions/index.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as i } from "react/jsx-runtime";
 import { useRef as q, useState as v, useEffect as p, useCallback as B, useMemo as D } from "react";
-import { s as m } from "../../styles.module-B5fY7mP8.js";
-import { M as G } from "../../MenuItem-DlaRT10y.js";
+import { s as m } from "../../styles.module-DjiC2kYs.js";
+import { M as G } from "../../MenuItem-jNWNRrDR.js";
 import { RadioMenuItem as H } from "./_helpers/RadioMenuItem.js";
 import { mergeClasses as x } from "../../utils/mergeClasses.js";
 import { Search as J } from "../Search/index.js";

package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js

@@ -1,43 +1,43 @@
-import { jsxs as a, Fragment as g, jsx as r } from "react/jsx-runtime";
-import { DeviationTag as h } from "../../../DeviationTag/index.js";
-import '../../../../assets/index-0R9p-l95.css';const u = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2177_11954)'%3e%3cpath%20d='M6.5001%205.5L10.6001%201.4'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%203.41504V1.00005H8.585'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.5%201H4.5C2%201%201%202%201%204.5V7.5C1%2010%202%2011%204.5%2011H7.5C10%2011%2011%2010%2011%207.5V6.5'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2177_11954'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", m = "_card_4gun4_1", v = "_icon_4gun4_19", f = "_title_4gun4_22", p = "_value_4gun4_36", N = "_forecast_4gun4_48", e = {
+import { jsxs as a, Fragment as h, jsx as r } from "react/jsx-runtime";
+import { DeviationTag as g } from "../../../DeviationTag/index.js";
+import '../../../../assets/index-V_YjVwnC.css';const y = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2177_11954)'%3e%3cpath%20d='M6.5001%205.5L10.6001%201.4'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%203.41504V1.00005H8.585'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.5%201H4.5C2%201%201%202%201%204.5V7.5C1%2010%202%2011%204.5%2011H7.5C10%2011%2011%2010%2011%207.5V6.5'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2177_11954'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", m = "_card_1eyy9_1", v = "_icon_1eyy9_18", f = "_title_1eyy9_21", p = "_value_1eyy9_34", u = "_forecast_1eyy9_46", e = {
   card: m,
   icon: v,
   title: f,
-  "action-link": "_action-link_4gun4_29",
+  "action-link": "_action-link_1eyy9_28",
   value: p,
-  "date-range": "_date-range_4gun4_43",
-  "forecast-card": "_forecast-card_4gun4_48",
-  forecast: N,
-  "regular-card": "_regular-card_4gun4_54",
-  "secondary-section": "_secondary-section_4gun4_58"
+  "date-range": "_date-range_1eyy9_41",
+  "forecast-card": "_forecast-card_1eyy9_46",
+  forecast: u,
+  "regular-card": "_regular-card_1eyy9_52",
+  "secondary-section": "_secondary-section_1eyy9_56"
 };
-function x({
-  icon: s,
-  title: t,
+function w({
+  icon: t,
+  title: l,
   value: i,
   dateRange: o,
   deviationChip: c,
-  forecastValue: l,
+  forecastValue: n,
   className: _,
-  actionLink: n,
+  actionLink: s,
   secondarySection: d
 }) {
-  return /* @__PURE__ */ a(g, { children: [
+  return /* @__PURE__ */ a(h, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: `${e.card} ${l ? e.forecast : ""} ${_}`,
+        className: `${e.card} ${n ? e.forecast : ""} ${_}`,
         children: [
           /* @__PURE__ */ a("div", { className: e["regular-card"], children: [
-            (s || t) && /* @__PURE__ */ a("div", { className: e.header, children: [
-              s && /* @__PURE__ */ r("div", { className: e.icon, children: s }),
-              t && /* @__PURE__ */ r("div", { className: e.title, children: t })
+            (t || l) && /* @__PURE__ */ a("div", { className: e.header, children: [
+              t && /* @__PURE__ */ r("div", { className: e.icon, children: t }),
+              l && /* @__PURE__ */ r("div", { className: e.title, children: l })
             ] }),
             i && /* @__PURE__ */ r("div", { className: e.value, children: i }),
             o && /* @__PURE__ */ r("div", { className: e["date-range"], children: o }),
             c && /* @__PURE__ */ r(
-              h,
+              g,
               {
                 price: c.price ?? "",
                 percentage: c.percentage ?? "",
@@ -46,18 +46,18 @@ function x({
               }
             )
           ] }),
-          l && /* @__PURE__ */ a("div", { className: e["forecast-card"], children: [
+          n && /* @__PURE__ */ a("div", { className: e["forecast-card"], children: [
             /* @__PURE__ */ r("div", { className: e.title, children: "Forecast" }),
-            /* @__PURE__ */ r("div", { className: e.value, children: l })
+            /* @__PURE__ */ r("div", { className: e.value, children: n })
           ] }),
-          n?.href && /* @__PURE__ */ r(
+          s?.href && /* @__PURE__ */ r(
             "a",
             {
-              href: n?.href,
-              target: n?.target ?? "_blank",
+              href: s?.href,
+              target: s?.target ?? "_blank",
               rel: "noreferrer",
-              className: `${e["action-link"]} ${n?.className}`,
-              children: /* @__PURE__ */ r("img", { src: u, alt: "Redirection Link" })
+              className: `${e["action-link"]} ${s?.className}`,
+              children: /* @__PURE__ */ r("img", { src: y, alt: "Redirection Link" })
             }
           )
         ]
@@ -67,5 +67,5 @@ function x({
   ] });
 }
 export {
-  x as CardWithIconAndForecast
+  w as CardWithIconAndForecast
 };

package/dist/components/MultiSelect/SimpleMultiSelect.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r, Fragment as ae } from "react/jsx-runtime";
 import { useState as v, useRef as ce, useEffect as de, useMemo as ie, useCallback as u } from "react";
-import { s as t } from "../../styles.module-DSbSTQeV.js";
+import { s as t } from "../../styles.module-Xxs9bBCg.js";
 import { Search as ue } from "../Search/index.js";
 import { S as me } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as he } from "../CKCheckbox/index.js";

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

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

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

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import { memo as a, useCallback as l } from "react";
-import { s as m } from "../../../styles.module-DSbSTQeV.js";
+import { s as m } from "../../../styles.module-Xxs9bBCg.js";
 import { CKCheckbox as d } from "../../CKCheckbox/index.js";
 import { mergeClasses as t } from "../../../utils/mergeClasses.js";
 const u = a(function({

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,