@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/components/ProgressBar/_types/progressBar.types.d.ts

@@ -0,0 +1,34 @@
+export type ProgressBarColor = "success" | "warning" | "danger" | "info" | "neutral";
+export type ProgressBarSize = "sm" | "md" | "lg";
+export type ProgressBarThreshold = {
+    /** 0–100. If value <= this, use danger color */
+    danger?: number;
+    /** 0–100. If value <= this (and > danger), use warning color */
+    warning?: number;
+};
+export interface ProgressBarProps {
+    /** Current value (raw number, e.g. used cores) */
+    value: number;
+    /** Maximum value (e.g. total cores). Defaults to 100 */
+    max?: number;
+    /**
+     * Explicit color override. When omitted and `thresholds` is set,
+     * color is derived automatically from the percentage.
+     */
+    color?: ProgressBarColor;
+    /**
+     * Auto-color thresholds based on percentage.
+     * e.g. { danger: 20, warning: 60 }
+     * means: ≤20% → danger, ≤60% → warning, else → success
+     */
+    thresholds?: ProgressBarThreshold;
+    /** Bar height. sm=4px, md=6px (default), lg=8px */
+    size?: ProgressBarSize;
+    /** Show "value/max (pct%)" label to the right of the bar */
+    showLabel?: boolean;
+    /** Custom label string. Overrides the default "value/max (pct%)" format */
+    label?: string;
+    /** Additional class on the root wrapper */
+    className?: string;
+}
+//# sourceMappingURL=progressBar.types.d.ts.map

package/dist/components/ProgressBar/_types/progressBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/ProgressBar/_types/progressBar.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AACrF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/ProgressBar/_types/progressBar.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from './_types/progressBar.types';
+export declare function ProgressBar({ value, max, color, thresholds, size, showLabel, label, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,4BAA4B,CAAC;AAgBrF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAS,EACT,KAAK,EACL,UAAU,EACV,IAAW,EACX,SAAgB,EAChB,KAAK,EACL,SAAc,GACf,EAAE,gBAAgB,2CAsBlB"}

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,48 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import '../../assets/index-BLz-9Nuk.css';const w = "_track_wv8zc_23", u = "_sm_wv8zc_31", m = "_md_wv8zc_35", b = "_lg_wv8zc_39", f = "_bar_wv8zc_43", z = "_success_wv8zc_49", $ = "_warning_wv8zc_53", k = "_danger_wv8zc_57", p = "_info_wv8zc_61", N = "_neutral_wv8zc_65", M = "_label_wv8zc_69", s = {
+  "ckds-progress-bar": "_ckds-progress-bar_wv8zc_1",
+  track: w,
+  sm: u,
+  md: m,
+  lg: b,
+  bar: f,
+  success: z,
+  warning: $,
+  danger: k,
+  info: p,
+  neutral: N,
+  label: M
+};
+function j(a, r, n) {
+  return r || (n ? n.danger !== void 0 && a <= n.danger ? "danger" : n.warning !== void 0 && a <= n.warning ? "warning" : "success" : "info");
+}
+function y({
+  value: a,
+  max: r = 100,
+  color: n,
+  thresholds: o,
+  size: i = "md",
+  showLabel: l = !0,
+  label: t,
+  className: d = ""
+}) {
+  const c = r > 0 ? Math.min(Math.max(a / r * 100, 0), 100) : 0, g = j(c, n, o), _ = `${a}/${r} (${Math.round(c)}%)`;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      className: `${s["ckds-progress-bar"]} ${s[i]} ${s[g]} ${d}`,
+      role: "progressbar",
+      "aria-valuenow": a,
+      "aria-valuemin": 0,
+      "aria-valuemax": r,
+      "aria-label": t ?? _,
+      children: [
+        /* @__PURE__ */ e("div", { className: s.track, children: /* @__PURE__ */ e("div", { className: s.bar, style: { width: `${c}%` } }) }),
+        l && /* @__PURE__ */ e("span", { className: s.label, children: t ?? _ })
+      ]
+    }
+  );
+}
+export {
+  y as ProgressBar
+};

package/dist/components/RadioButton/index.js

@@ -1,30 +1,30 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
 import "react";
-import '../../assets/index-Bu-eyi44.css';const k = "_checked_3xgt7_55", u = "_disabled_3xgt7_70", x = "_small_3xgt7_84", g = "_medium_3xgt7_93", f = "_large_3xgt7_102", a = {
-  "ckds-radio": "_ckds-radio_3xgt7_4",
-  "ckds-radio-custom": "_ckds-radio-custom_3xgt7_27",
-  checked: k,
-  disabled: u,
-  "ckds-radio-label": "_ckds-radio-label_3xgt7_76",
-  small: x,
-  medium: g,
-  large: f
+import '../../assets/index-CiQd_iRw.css';const m = "_checked_16u8u_54", k = "_disabled_16u8u_69", f = "_small_16u8u_84", h = "_medium_16u8u_93", p = "_large_16u8u_102", a = {
+  "ckds-radio": "_ckds-radio_16u8u_4",
+  "ckds-radio-custom": "_ckds-radio-custom_16u8u_27",
+  checked: m,
+  disabled: k,
+  "ckds-radio-label": "_ckds-radio-label_16u8u_75",
+  small: f,
+  medium: h,
+  large: p
 };
-function y({
+function b({
   label: d,
   color: o,
-  radioSize: i = "small",
-  className: l = "",
+  radioSize: l = "small",
+  className: u = "",
   disabled: s = !1,
   selected: e = !1,
   onChange: n
 }) {
-  const t = () => {
+  const r = () => {
     s || e || n?.(!0);
-  }, _ = (c) => {
-    s || (c.key === " " || c.key === "Enter") && (c.preventDefault(), t());
+  }, t = (c) => {
+    s || (c.key === " " || c.key === "Enter") && (c.preventDefault(), r());
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ _(
     "div",
     {
       role: "radio",
@@ -33,21 +33,21 @@ function y({
       tabIndex: s ? -1 : 0,
       className: `
         ${a["ckds-radio"]}
-        ${a[i]}
+        ${a[l]}
         ${e ? a.checked : ""}
         ${s ? a.disabled : ""}
-        ${l}
+        ${u}
       `,
       style: o ? { "--ckds-radio-color": o } : void 0,
-      onClick: t,
-      onKeyDown: _,
+      onClick: r,
+      onKeyDown: t,
       children: [
-        /* @__PURE__ */ r("span", { className: a["ckds-radio-custom"] }),
-        d && /* @__PURE__ */ r("span", { className: a["ckds-radio-label"], children: d })
+        /* @__PURE__ */ i("span", { className: a["ckds-radio-custom"] }),
+        d && /* @__PURE__ */ i("span", { className: a["ckds-radio-label"], children: d })
       ]
     }
   );
 }
 export {
-  y as RadioButton
+  b as RadioButton
 };

package/dist/components/RadioGroup/_types/radioGroup.types.d.ts

@@ -0,0 +1,15 @@
+export interface RadioGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    name: string;
+    value: string;
+    options: RadioGroupOption[];
+    onChange: (value: string) => void;
+    size?: "small" | "medium" | "large";
+    className?: string;
+    disabled?: boolean;
+}
+//# sourceMappingURL=radioGroup.types.d.ts.map

package/dist/components/RadioGroup/_types/radioGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/RadioGroup/_types/radioGroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/RadioGroup/_types/radioGroup.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { RadioGroupProps } from './_types/radioGroup.types';
+export declare function RadioGroup({ name, value, options, onChange, size, className, disabled, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAc,EACd,SAAc,EACd,QAAgB,GACjB,EAAE,eAAe,2CAmBjB"}

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,44 @@
+import { jsx as a } from "react/jsx-runtime";
+import { RadioButton as g } from "../RadioButton/index.js";
+import '../../assets/index-DvlnFLG-.css';const d = {
+  "ckds-radio-group": "_ckds-radio-group_16roy_4",
+  "ckds-radio-group-sm": "_ckds-radio-group-sm_16roy_14",
+  "ckds-radio-group-md": "_ckds-radio-group-md_16roy_18",
+  "ckds-radio-group-lg": "_ckds-radio-group-lg_16roy_22"
+}, m = {
+  small: d["ckds-radio-group-sm"],
+  medium: d["ckds-radio-group-md"],
+  large: d["ckds-radio-group-lg"]
+};
+function k({
+  name: s,
+  value: l,
+  options: e,
+  onChange: i,
+  size: o = "small",
+  className: u = "",
+  disabled: c = !1
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": s,
+      className: `${d["ckds-radio-group"]} ${m[o] || ""} ${u}`,
+      children: e.map((r) => /* @__PURE__ */ a(
+        g,
+        {
+          label: r.label,
+          selected: l === r.value,
+          radioSize: o,
+          disabled: c || r.disabled,
+          onChange: () => i(r.value)
+        },
+        r.value
+      ))
+    }
+  );
+}
+export {
+  k as RadioGroup
+};

package/dist/components/Search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Search/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMzD,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,WAAsB,EACtB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,YAAmB,EACnB,gBAAqB,EACrB,cAAmB,EACnB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAe,EACf,UAAc,GACf,EAAE,WAAW,2CAmGb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Search/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOzD,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,WAAsB,EACtB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,YAAmB,EACnB,gBAAqB,EACrB,cAAmB,EACnB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAe,EACf,UAAc,GACf,EAAE,WAAW,2CA4Gb"}

package/dist/components/Search/index.js

@@ -1,9 +1,10 @@
-import { jsxs as I, jsx as s } from "react/jsx-runtime";
-import * as h from "react";
-import { useState as k, useRef as g, useEffect as m, useMemo as N } from "react";
-import { S as R } from "../../cancel-BAgTEOGD.js";
-import { SMALL as F, MEDIUM as K } from "../../constants.js";
-import '../../assets/index-w7AdSPwF.css';const V = (a) => /* @__PURE__ */ h.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ h.createElement("path", { d: "M11.3333 11.3333L13.9999 14", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ h.createElement("path", { d: "M12.6667 7.33329C12.6667 4.38777 10.2789 1.99996 7.33333 1.99996C4.38781 1.99996 2 4.38777 2 7.33329C2 10.2788 4.38781 12.6666 7.33333 12.6666C10.2789 12.6666 12.6667 10.2788 12.6667 7.33329Z", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" })), t = {
+import { jsxs as K, jsx as s } from "react/jsx-runtime";
+import { useState as w, useRef as k, useEffect as h, useMemo as L } from "react";
+import { S as R } from "../../search-B_cup-NN.js";
+import { S as V } from "../../cancel-BAgTEOGD.js";
+import { SMALL as A, MEDIUM as B } from "../../constants.js";
+import { mergeClasses as g } from "../../utils/mergeClasses.js";
+import '../../assets/index-w7AdSPwF.css';const a = {
   "ckds-search-wrapper": "_ckds-search-wrapper_1k218_1",
   "search-wrapper-small": "_search-wrapper-small_1k218_35",
   "search-wrapper-medium": "_search-wrapper-medium_1k218_38",
@@ -13,77 +14,86 @@ import '../../assets/index-w7AdSPwF.css';const V = (a) => /* @__PURE__ */ h.crea
   "search-input": "_search-input_1k218_62",
   "search-clear": "_search-clear_1k218_81"
 };
-function q({
-  value: a = "",
-  placeholder: C = "Search",
-  onChange: i,
-  onClear: S,
-  onSearch: v,
-  disabled: u = !1,
-  showClearBtn: B = !0,
-  wrapperClassName: x = "",
-  inputClassName: y = "",
-  autoFocus: d = !1,
-  maxLength: L,
-  id: $,
-  name: b,
+function J({
+  value: o = "",
+  placeholder: S = "Search",
+  onChange: u,
+  onClear: y,
+  onSearch: b,
+  disabled: p = !1,
+  showClearBtn: C = !0,
+  wrapperClassName: D = "",
+  inputClassName: v = "",
+  autoFocus: m = !1,
+  maxLength: x,
+  id: T,
+  name: I,
   size: c = "medium",
   debounceMs: f = 0
 }) {
-  const [D, w] = k(!1), [n, p] = k(a), l = g(null), r = g(null);
-  m(() => {
-    p(a);
-  }, [a]), m(() => {
-    d && l.current?.focus();
-  }, [d]);
-  const o = N(() => c === F ? "10" : c === K ? "14" : "18", [c]), E = (e) => {
-    f > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => i?.(e), f)) : i?.(e);
+  const [M, _] = w(!1), [t, i] = w(o), l = k(null), r = k(null);
+  h(() => {
+    i(o);
+  }, [o]), h(() => {
+    m && l.current?.focus();
+  }, [m]);
+  const n = L(() => c === A ? "10" : c === B ? "14" : "18", [c]), N = (e) => {
+    f > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => u?.(e), f)) : u?.(e);
   };
-  m(() => () => {
+  h(() => () => {
     r.current && clearTimeout(r.current);
   }, []);
-  const M = (e) => {
-    const _ = e.target.value;
-    p(_), E(_);
-  }, T = (e) => {
-    e.preventDefault(), r.current && clearTimeout(r.current), p(""), i?.(""), S?.(), l.current?.focus();
+  const E = (e) => {
+    const d = e.target.value;
+    i(d), N(d);
   }, j = (e) => {
-    e.stopPropagation(), e.key === "Enter" && v?.(n);
+    e.preventDefault(), r.current && clearTimeout(r.current), i(""), u?.(""), y?.(), l.current?.focus();
+  }, F = (e) => {
+    e.stopPropagation(), e.key === "Enter" && b?.(t);
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ K(
     "div",
     {
-      className: `${t["ckds-search-wrapper"]} ${t[`search-wrapper-${c}`]} ${u ? t["search-wrapper--disabled"] : ""} ${x}`,
+      className: g(
+        a["ckds-search-wrapper"],
+        a[`search-wrapper-${c}`],
+        p ? a["search-wrapper--disabled"] : "",
+        D
+      ),
       children: [
-        !D && !n && /* @__PURE__ */ s("span", { className: t["search-icon"], children: /* @__PURE__ */ s(V, { width: o, height: o }) }),
+        !M && !t && /* @__PURE__ */ s("span", { className: a["search-icon"], children: /* @__PURE__ */ s(R, { width: n, height: n }) }),
         /* @__PURE__ */ s(
           "input",
           {
             ref: l,
-            id: $,
-            name: b,
+            id: T,
+            name: I,
             type: "text",
-            className: `ckds-body-sm-reg ${t["search-input"]} ${y}`,
-            value: n,
-            placeholder: C,
-            disabled: u,
-            maxLength: L,
-            onChange: M,
-            onKeyDown: j,
-            onFocus: () => w(!0),
-            onBlur: () => w(!1)
+            className: g(
+              "ckds-body-sm-reg",
+              a["search-input"],
+              v
+            ),
+            value: t,
+            placeholder: S,
+            disabled: p,
+            maxLength: x,
+            onChange: E,
+            onKeyDown: F,
+            onFocus: () => _(!0),
+            onBlur: () => _(!1)
           }
         ),
-        B && n && !u && /* @__PURE__ */ s(
+        C && t && !p && /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            className: t["search-clear"],
+            className: a["search-clear"],
             onMouseDown: (e) => e.preventDefault(),
-            onClick: T,
+            onClick: j,
             "aria-label": "Clear search",
             tabIndex: 0,
-            children: /* @__PURE__ */ s(R, { width: o, height: o })
+            children: /* @__PURE__ */ s(V, { width: n, height: n })
           }
         )
       ]
@@ -91,5 +101,5 @@ function q({
   );
 }
 export {
-  q as Search
+  J as Search
 };

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

@@ -1,16 +1,23 @@
 import "react/jsx-runtime";
-import { D as x } from "../../../DropdownFooter-De6BYlLK.js";
+import { D as k } from "../../../DropdownFooter-C20yRiDR.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-gJHYUL9y.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
+import "../../../index-C8cPPHJD.js";
+import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-CbbBUzsN.css';import '../../../assets/styles-BTZL03H2.css';import '../../../assets/styles-D8sahtFb.css';import '../../../assets/ReactToastify-tlSLHgLC.css';/* empty css                              */
 import "../../GroupedMultiSelect/_helpers/TagContent.js";
 import "../../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../../GroupedSingleSelect/_helpers/OptionRow.js";
+import "../../DateRangePicker/DateRangePicker.js";
+/* empty css                       */
+/* empty css                       */
+/* empty css                       */
+import "../../MultiSelect/_helpers/TagContent.js";
+import "../../MultiSelect/_helpers/OptionRow.js";
 /* empty css                      */
+import "../../FusionChart/index.js";
 export {
-  x as DropdownFooter
+  k as DropdownFooter
 };

package/dist/components/SingleSelectDropdown/index.js

@@ -1,6 +1,6 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { useState as p, useRef as g, useMemo as V, useEffect as x } from "react";
-import { s as r, D as A } from "../../DropdownFooter-De6BYlLK.js";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { useState as d, useRef as g, useMemo as V, useEffect as x } from "react";
+import { s as r, D as A } from "../../DropdownFooter-C20yRiDR.js";
 import { S as B } from "../../chevron-down-Cm9R64Fe.js";
 import { S as M } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
@@ -8,22 +8,29 @@ import "../CKButton/index.js";
 import "../IconButton/index.js";
 import "../Stepper/index.js";
 import { Tooltip as q } from "../Tooltip/index.js";
-import "../../index-BR6M9zUI.js";
-import '../../assets/theme-gJHYUL9y.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
+import "../../index-C8cPPHJD.js";
+import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-CbbBUzsN.css';import '../../assets/styles-BTZL03H2.css';import '../../assets/styles-D8sahtFb.css';import '../../assets/ReactToastify-tlSLHgLC.css';/* empty css                           */
 import { RadioButton as G } from "../RadioButton/index.js";
 import { Search as H } from "../Search/index.js";
 import "../GroupedMultiSelect/_helpers/TagContent.js";
 import "../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../GroupedSingleSelect/_helpers/OptionRow.js";
+import "../DateRangePicker/DateRangePicker.js";
+/* empty css                    */
+/* empty css                    */
+/* empty css                    */
+import "../MultiSelect/_helpers/TagContent.js";
+import "../MultiSelect/_helpers/OptionRow.js";
 /* empty css                   */
-function ie({
+import "../FusionChart/index.js";
+function ve({
   options: u,
-  value: a = null,
+  value: t = null,
   onChange: y,
   label: v,
   placeholder: D = "Select",
   helperText: N,
-  disabled: l = !1,
+  disabled: o = !1,
   searchable: O = !0,
   className: k = "",
   mandatory: I = !1,
@@ -31,73 +38,73 @@ function ie({
   minWidth: L = "260px",
   maxWidth: R = "400px"
 }) {
-  const [o, c] = p(!1), [h, i] = p(""), [f, d] = p(a), C = g(null), S = g(null), [E, W] = p(!1), t = u.find((e) => e.value === a), $ = V(() => u.filter(
+  const [a, c] = d(!1), [h, i] = d(""), [f, m] = d(t), C = g(null), S = g(null), [E, W] = d(!1), n = u.find((e) => e.value === t), $ = V(() => u.filter(
     (e) => e.label.toLowerCase().includes(h.toLowerCase())
   ), [h, u]), j = (e) => {
-    d?.(e);
+    m?.(e);
   }, z = () => {
-    d(null);
+    m(null);
   }, F = () => {
     y?.(f), c(!1);
   }, T = () => {
-    d(a), c(!1), i("");
+    m(t), c(!1), i("");
   };
   return x(() => {
-    const e = (m) => {
-      C.current?.contains(m.target) || (c(!1), d(a), i(""));
+    const e = (p) => {
+      C.current?.contains(p.target) || (c(!1), m(t), i(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), x(() => {
+  }, [t]), x(() => {
     const e = S.current;
     if (!e) return;
-    const m = () => {
+    const p = () => {
       W(e.scrollWidth > e.clientWidth);
     };
-    m();
-    const w = new ResizeObserver(m);
+    p();
+    const w = new ResizeObserver(p);
     return w.observe(e), () => w.disconnect();
-  }, [t?.label, b]), /* @__PURE__ */ n(
+  }, [n?.label, b]), /* @__PURE__ */ l(
     "div",
     {
       ref: C,
       style: { width: b, minWidth: L, maxWidth: R },
-      className: `${r["ckds-single-select"]} ${l ? r.disabled : ""} ${k}`,
+      className: `${r["ckds-single-select"]} ${o ? r.disabled : ""} ${k}`,
       children: [
-        v && /* @__PURE__ */ n("label", { className: `${r.label} ${l ? r.disabled : ""}`, children: [
+        v && /* @__PURE__ */ l("label", { className: `${r.label} ${o ? r.disabled : ""}`, children: [
           v,
           I && /* @__PURE__ */ s("span", { className: r.mandatory, children: "*" })
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            className: `${r.trigger} ${o ? r.active : ""}`,
-            onClick: () => !l && c((e) => !e),
+            className: `${r.trigger} ${a ? r.active : ""}`,
+            onClick: () => !o && c((e) => !e),
             "aria-haspopup": "listbox",
-            "aria-expanded": o,
-            disabled: l,
+            "aria-expanded": a,
+            disabled: o,
             children: [
               /* @__PURE__ */ s(
                 q,
                 {
-                  title: E ? t?.label : "",
+                  title: E ? n?.label : "",
                   placement: "bottom",
                   children: /* @__PURE__ */ s(
                     "span",
                     {
                       ref: S,
-                      className: `${t ? r.value : r.placeholder} ${l ? r.disabled : ""}`,
-                      children: t ? t.label : D
+                      className: `${n ? r.value : r.placeholder} ${o ? r.disabled : ""}`,
+                      children: n ? n.label : D
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ s("span", { className: `${r.arrow} ${o ? r.open : ""}`, children: /* @__PURE__ */ s(B, {}) })
+              /* @__PURE__ */ s("span", { className: `${r.arrow} ${a ? r.open : ""}`, children: /* @__PURE__ */ s(B, {}) })
             ]
           }
         ),
-        o && /* @__PURE__ */ n("div", { className: r.dropdown, children: [
-          /* @__PURE__ */ n("div", { children: [
+        a && /* @__PURE__ */ l("div", { className: r.dropdown, children: [
+          /* @__PURE__ */ l("div", { children: [
             O && /* @__PURE__ */ s("div", { className: r["search-wrapper"], children: /* @__PURE__ */ s(
               H,
               {
@@ -123,7 +130,7 @@ function ie({
           /* @__PURE__ */ s(
             A,
             {
-              value: a,
+              value: t,
               selectedValue: f,
               onClear: z,
               onCancel: T,
@@ -131,14 +138,14 @@ function ie({
             }
           )
         ] }),
-        N && /* @__PURE__ */ n("div", { className: r.helper, children: [
+        N && /* @__PURE__ */ l("div", { className: r.helper, children: [
           /* @__PURE__ */ s("div", { className: r["helper-icon"], children: /* @__PURE__ */ s(M, {}) }),
-          /* @__PURE__ */ s("div", { className: `${l ? r.disabled : ""}`, children: N })
+          /* @__PURE__ */ s("div", { className: `${o ? r.disabled : ""}`, children: N })
         ] })
       ]
     }
   );
 }
 export {
-  ie as SingleSelectDropdown
+  ve as SingleSelectDropdown
 };

package/dist/components/Switch/index.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as a } from "react/jsx-runtime";
-import '../../assets/index-fvceox3b.css';const h = "_slider_1eh2o_13", s = {
-  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_1eh2o_1",
-  "ckcl-switch": "_ckcl-switch_1eh2o_1",
+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
 };
 function n({

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts

@@ -0,0 +1,4 @@
+import { ColumnConfigProps } from '../../_types/table.types';
+declare function ColumnConfig<TData>({ draftConfig, setDraftConfig }: ColumnConfigProps<TData>): import("react/jsx-runtime").JSX.Element;
+export default ColumnConfig;
+//# sourceMappingURL=ColumnConfig.d.ts.map

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/ColumnConfig.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,iBAAS,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAsFrF;AAED,eAAe,YAAY,CAAC"}