@ck-ui/component-library 0.1.5 → 0.2.0

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

@@ -0,0 +1,49 @@
+import { jsx as s, jsxs as n, Fragment as C } from "react/jsx-runtime";
+import "react";
+import { s as a } from "../../../styles.module-yNDMDNO-.js";
+import { BUTTON_LAYOUT as i, noop as f, BUTTON_LABEL as k } from "../constant/popupAndDialog.js";
+import { CKButton as r } from "../../CKButton/index.js";
+const T = ({
+  children: c,
+  buttonLayout: m = i.DOUBLE,
+  primaryButtonDetail: o,
+  secondaryButtonDetail: l
+}) => {
+  if (c)
+    return /* @__PURE__ */ s("div", { className: a["ckds-dialog-footer"], children: c });
+  const e = o || l;
+  return /* @__PURE__ */ n("div", { className: `footer-content ${a["ckds-dialog-footer"]}`, children: [
+    m === i.SINGLE && /* @__PURE__ */ s(
+      r,
+      {
+        variant: o ? "primary" : "secondary",
+        label: e?.label,
+        size: e?.size,
+        onClick: e?.onClick
+      }
+    ),
+    m === i.DOUBLE && /* @__PURE__ */ n(C, { children: [
+      /* @__PURE__ */ s(
+        r,
+        {
+          variant: "secondary",
+          label: l?.label ?? k?.SECONDARY,
+          size: l?.size ?? "small",
+          onClick: l?.onClick ?? f
+        }
+      ),
+      /* @__PURE__ */ s(
+        r,
+        {
+          variant: "primary",
+          label: o?.label ?? k?.PRIMARY,
+          size: o?.size ?? "small",
+          onClick: o?.onClick ?? f
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  T as DialogFooter
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { HeaderProps } from '../_types/popupAndDialog.types';
+export declare const DialogHeader: React.FC<HeaderProps>;
+//# sourceMappingURL=DialogHeader.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,23 @@
+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 = ({
+  title: e,
+  children: r,
+  onClose: a,
+  showClose: n = !0
+}) => /* @__PURE__ */ c("div", { className: `header-content ${s["ckds-dialog-header"]}`, children: [
+  n && /* @__PURE__ */ o(
+    "button",
+    {
+      className: s["ckds-dialog-close"],
+      onClick: a,
+      children: /* @__PURE__ */ o(i, {})
+    }
+  ),
+  e && /* @__PURE__ */ o("span", { className: `ckcl-h3-semibold  ${s["ckds-dialog-title"]}`, children: e }),
+  r
+] });
+export {
+  m as DialogHeader
+};

package/dist/components/PopupAndDialogBox/constant/popupAndDialog.d.ts

@@ -0,0 +1,14 @@
+export declare const BUTTON_LAYOUT: {
+    readonly SINGLE: "single";
+    readonly DOUBLE: "double";
+};
+export declare const TYPE: {
+    readonly POPUP: "popup";
+    readonly DIALOG: "dialog-box";
+};
+export declare const BUTTON_LABEL: {
+    PRIMARY: string;
+    SECONDARY: string;
+};
+export declare const noop: () => void;
+//# sourceMappingURL=popupAndDialog.d.ts.map

package/dist/components/PopupAndDialogBox/constant/popupAndDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupAndDialog.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/constant/popupAndDialog.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAEX,eAAO,MAAM,IAAI;;;CAGP,CAAA;AAEV,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,IAAI,YAAW,CAAC"}

package/dist/components/PopupAndDialogBox/constant/popupAndDialog.js

@@ -0,0 +1,17 @@
+const o = {
+  SINGLE: "single",
+  DOUBLE: "double"
+}, n = {
+  POPUP: "popup",
+  DIALOG: "dialog-box"
+}, O = {
+  PRIMARY: "Save",
+  SECONDARY: "Cancel"
+}, L = () => {
+};
+export {
+  O as BUTTON_LABEL,
+  o as BUTTON_LAYOUT,
+  n as TYPE,
+  L as noop
+};

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DialogProps } from './_types/popupAndDialog.types';
+declare const Dialog: React.FC<DialogProps>;
+export default Dialog;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/PopupAndDialogBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/PopupAndDialogBox/index.js

@@ -0,0 +1,36 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+import { s as t } from "../../styles.module-yNDMDNO-.js";
+import { TYPE as u } from "./constant/popupAndDialog.js";
+const E = ({
+  open: a,
+  onClose: r,
+  children: d,
+  closeOnOverlayClick: s = !0,
+  closeOnEsc: o = !0,
+  className: m = "",
+  type: i = u.DIALOG
+}) => (l(() => {
+  if (!o) return;
+  const e = (c) => {
+    c.key === "Escape" && r?.();
+  };
+  return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+}, [o, r]), a ? /* @__PURE__ */ n(
+  "div",
+  {
+    className: t["ckds-dialog-overlay"],
+    onClick: s ? r : void 0,
+    children: /* @__PURE__ */ n(
+      "div",
+      {
+        className: `${t["ckds-dialog"]} ${i ? t[i] : ""} ${m}`,
+        onClick: (e) => e.stopPropagation(),
+        children: d
+      }
+    )
+  }
+) : null);
+export {
+  E as default
+};

package/dist/components/RadioButton/_types/radioButton.types.d.ts

@@ -0,0 +1,10 @@
+export interface RadioButtonProps {
+    label?: string;
+    color?: string;
+    radioSize?: "small" | "medium" | "large";
+    selected?: boolean;
+    disabled?: boolean;
+    onChange?: (value: boolean) => void;
+    className?: string;
+}
+//# sourceMappingURL=radioButton.types.d.ts.map

package/dist/components/RadioButton/_types/radioButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/RadioButton/_types/radioButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/RadioButton/_types/radioButton.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { RadioButtonProps } from './_types/radioButton.types';
+export declare function RadioButton({ label, color, radioSize, className, disabled, selected, onChange, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/RadioButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,SAAmB,EACnB,SAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CA+ClB"}

package/dist/components/RadioButton/index.js

@@ -0,0 +1,53 @@
+import { jsxs as m, jsx as r } 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
+};
+function y({
+  label: d,
+  color: o,
+  radioSize: i = "small",
+  className: l = "",
+  disabled: s = !1,
+  selected: e = !1,
+  onChange: n
+}) {
+  const t = () => {
+    s || e || n?.(!0);
+  }, _ = (c) => {
+    s || (c.key === " " || c.key === "Enter") && (c.preventDefault(), t());
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      role: "radio",
+      "aria-checked": e,
+      "aria-disabled": s,
+      tabIndex: s ? -1 : 0,
+      className: `
+        ${a["ckds-radio"]}
+        ${a[i]}
+        ${e ? a.checked : ""}
+        ${s ? a.disabled : ""}
+        ${l}
+      `,
+      style: o ? { "--ckds-radio-color": o } : void 0,
+      onClick: t,
+      onKeyDown: _,
+      children: [
+        /* @__PURE__ */ r("span", { className: a["ckds-radio-custom"] }),
+        d && /* @__PURE__ */ r("span", { className: a["ckds-radio-label"], children: d })
+      ]
+    }
+  );
+}
+export {
+  y as RadioButton
+};

package/dist/components/Search/_types/search.types.d.ts

@@ -0,0 +1,19 @@
+export type size = "small" | "medium" | "large";
+export interface SearchProps {
+    value?: string;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    onSearch?: (value: string) => void;
+    disabled?: boolean;
+    showClearBtn?: boolean;
+    wrapperClassName?: string;
+    inputClassName?: string;
+    autoFocus?: boolean;
+    maxLength?: number;
+    id?: string;
+    name?: string;
+    size?: size;
+    debounceMs?: number;
+}
+//# sourceMappingURL=search.types.d.ts.map

package/dist/components/Search/_types/search.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Search/_types/search.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/Search/_types/search.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { SearchProps } from './_types/search.types';
+export declare function Search({ value, placeholder, onChange, onClear, onSearch, disabled, showClearBtn, wrapperClassName, inputClassName, autoFocus, maxLength, id, name, size, debounceMs, }: SearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Search/index.js

@@ -0,0 +1,95 @@
+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 = {
+  "ckds-search-wrapper": "_ckds-search-wrapper_1k218_1",
+  "search-wrapper-small": "_search-wrapper-small_1k218_35",
+  "search-wrapper-medium": "_search-wrapper-medium_1k218_38",
+  "search-wrapper-large": "_search-wrapper-large_1k218_41",
+  "search-wrapper--disabled": "_search-wrapper--disabled_1k218_47",
+  "search-icon": "_search-icon_1k218_56",
+  "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,
+  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);
+  };
+  m(() => () => {
+    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();
+  }, j = (e) => {
+    e.stopPropagation(), e.key === "Enter" && v?.(n);
+  };
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      className: `${t["ckds-search-wrapper"]} ${t[`search-wrapper-${c}`]} ${u ? t["search-wrapper--disabled"] : ""} ${x}`,
+      children: [
+        !D && !n && /* @__PURE__ */ s("span", { className: t["search-icon"], children: /* @__PURE__ */ s(V, { width: o, height: o }) }),
+        /* @__PURE__ */ s(
+          "input",
+          {
+            ref: l,
+            id: $,
+            name: b,
+            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)
+          }
+        ),
+        B && n && !u && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: t["search-clear"],
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: T,
+            "aria-label": "Clear search",
+            tabIndex: 0,
+            children: /* @__PURE__ */ s(R, { width: o, height: o })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  q as Search
+};

package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts

@@ -0,0 +1,10 @@
+type DropdownFooterProps = {
+    selectedValue: string | null;
+    value: string | null;
+    onClear: () => void;
+    onCancel: () => void;
+    onApply: () => void;
+};
+export declare function DropdownFooter({ selectedValue, value, onClear, onCancel, onApply, }: DropdownFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DropdownFooter.d.ts.map

package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/SingleSelectDropdown/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AAGA,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,2CA4BrB"}

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

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import { D as x } from "../../../DropdownFooter-De6BYlLK.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 "../../GroupedMultiSelect/_helpers/TagContent.js";
+import "../../GroupedMultiSelect/_helpers/OptionRow.js";
+import "../../GroupedSingleSelect/_helpers/OptionRow.js";
+/* empty css                      */
+export {
+  x as DropdownFooter
+};

package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts

@@ -0,0 +1,20 @@
+export interface Option {
+    label: string;
+    value: string;
+}
+export interface SingleSelectProps {
+    options: Option[];
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    className?: string;
+    mandatory?: boolean;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+}
+//# sourceMappingURL=singleSelectDropdown.types.d.ts.map

package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleSelectDropdown.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/SingleSelectDropdown/_types/singleSelectDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B"}

package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { SingleSelectProps } from './_types/singleSelectDropdown.types';
+export declare function SingleSelectDropdown({ options, value, onChange, label, placeholder, helperText, disabled, searchable, className, mandatory, width, minWidth, maxWidth, }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SingleSelectDropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAO7E,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAsB,EACtB,UAAU,EACV,QAAgB,EAChB,UAAiB,EACjB,SAAc,EACd,SAAiB,EACjB,KAAc,EACd,QAAkB,EAClB,QAAkB,GACnB,EAAE,iBAAiB,2CAmKnB"}

package/dist/components/SingleSelectDropdown/index.js

@@ -0,0 +1,144 @@
+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 { S as B } from "../../chevron-down-Cm9R64Fe.js";
+import { S as M } from "../../info-icon-ooYw3va_.js";
+import "../Avatar/index.js";
+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 { 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";
+/* empty css                   */
+function ie({
+  options: u,
+  value: a = null,
+  onChange: y,
+  label: v,
+  placeholder: D = "Select",
+  helperText: N,
+  disabled: l = !1,
+  searchable: O = !0,
+  className: k = "",
+  mandatory: I = !1,
+  width: b = "100%",
+  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(
+    (e) => e.label.toLowerCase().includes(h.toLowerCase())
+  ), [h, u]), j = (e) => {
+    d?.(e);
+  }, z = () => {
+    d(null);
+  }, F = () => {
+    y?.(f), c(!1);
+  }, T = () => {
+    d(a), c(!1), i("");
+  };
+  return x(() => {
+    const e = (m) => {
+      C.current?.contains(m.target) || (c(!1), d(a), i(""));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), x(() => {
+    const e = S.current;
+    if (!e) return;
+    const m = () => {
+      W(e.scrollWidth > e.clientWidth);
+    };
+    m();
+    const w = new ResizeObserver(m);
+    return w.observe(e), () => w.disconnect();
+  }, [t?.label, b]), /* @__PURE__ */ n(
+    "div",
+    {
+      ref: C,
+      style: { width: b, minWidth: L, maxWidth: R },
+      className: `${r["ckds-single-select"]} ${l ? r.disabled : ""} ${k}`,
+      children: [
+        v && /* @__PURE__ */ n("label", { className: `${r.label} ${l ? r.disabled : ""}`, children: [
+          v,
+          I && /* @__PURE__ */ s("span", { className: r.mandatory, children: "*" })
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: `${r.trigger} ${o ? r.active : ""}`,
+            onClick: () => !l && c((e) => !e),
+            "aria-haspopup": "listbox",
+            "aria-expanded": o,
+            disabled: l,
+            children: [
+              /* @__PURE__ */ s(
+                q,
+                {
+                  title: E ? t?.label : "",
+                  placement: "bottom",
+                  children: /* @__PURE__ */ s(
+                    "span",
+                    {
+                      ref: S,
+                      className: `${t ? r.value : r.placeholder} ${l ? r.disabled : ""}`,
+                      children: t ? t.label : D
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: `${r.arrow} ${o ? r.open : ""}`, children: /* @__PURE__ */ s(B, {}) })
+            ]
+          }
+        ),
+        o && /* @__PURE__ */ n("div", { className: r.dropdown, children: [
+          /* @__PURE__ */ n("div", { children: [
+            O && /* @__PURE__ */ s("div", { className: r["search-wrapper"], children: /* @__PURE__ */ s(
+              H,
+              {
+                value: h,
+                placeholder: "Search",
+                autoFocus: !1,
+                onChange: (e) => i(e),
+                onClear: () => i(""),
+                wrapperClassName: r.searchWrapper,
+                inputClassName: r.searchInput
+              }
+            ) }),
+            /* @__PURE__ */ s("div", { className: r.options, children: $.length === 0 ? /* @__PURE__ */ s("span", { className: r.noData, children: "0 results" }) : $.map((e) => /* @__PURE__ */ s(
+              G,
+              {
+                label: e.label,
+                color: "",
+                selected: f === e.value,
+                onChange: () => j(e.value)
+              }
+            )) })
+          ] }),
+          /* @__PURE__ */ s(
+            A,
+            {
+              value: a,
+              selectedValue: f,
+              onClear: z,
+              onCancel: T,
+              onApply: F
+            }
+          )
+        ] }),
+        N && /* @__PURE__ */ n("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 })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ie as SingleSelectDropdown
+};

package/dist/components/Stepper/_helper/StepIcon.d.ts

@@ -0,0 +1,6 @@
+import { StepState } from '../_types/stepper.type';
+export declare function StepIcon({ state, customIcon, }: {
+    state: StepState;
+    customIcon?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepIcon.d.ts.map

package/dist/components/Stepper/_helper/StepIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIcon.d.ts","sourceRoot":"","sources":["../../../../lib/components/Stepper/_helper/StepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQxD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,2CAkBA"}