@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/RadioButton/index.js

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

@@ -0,0 +1,105 @@
+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",
+  "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 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 [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);
+  };
+  h(() => () => {
+    r.current && clearTimeout(r.current);
+  }, []);
+  const E = (e) => {
+    const d = e.target.value;
+    i(d), N(d);
+  }, j = (e) => {
+    e.preventDefault(), r.current && clearTimeout(r.current), i(""), u?.(""), y?.(), l.current?.focus();
+  }, F = (e) => {
+    e.stopPropagation(), e.key === "Enter" && b?.(t);
+  };
+  return /* @__PURE__ */ K(
+    "div",
+    {
+      className: g(
+        a["ckds-search-wrapper"],
+        a[`search-wrapper-${c}`],
+        p ? a["search-wrapper--disabled"] : "",
+        D
+      ),
+      children: [
+        !M && !t && /* @__PURE__ */ s("span", { className: a["search-icon"], children: /* @__PURE__ */ s(R, { width: n, height: n }) }),
+        /* @__PURE__ */ s(
+          "input",
+          {
+            ref: l,
+            id: T,
+            name: I,
+            type: "text",
+            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)
+          }
+        ),
+        C && t && !p && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: a["search-clear"],
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: j,
+            "aria-label": "Clear search",
+            tabIndex: 0,
+            children: /* @__PURE__ */ s(V, { width: n, height: n })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  J 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,23 @@
+import "react/jsx-runtime";
+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-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 {
+  k 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,151 @@
+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";
+import "../CKButton/index.js";
+import "../IconButton/index.js";
+import "../Stepper/index.js";
+import { Tooltip as q } from "../Tooltip/index.js";
+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                   */
+import "../FusionChart/index.js";
+function ve({
+  options: u,
+  value: t = null,
+  onChange: y,
+  label: v,
+  placeholder: D = "Select",
+  helperText: N,
+  disabled: o = !1,
+  searchable: O = !0,
+  className: k = "",
+  mandatory: I = !1,
+  width: b = "100%",
+  minWidth: L = "260px",
+  maxWidth: R = "400px"
+}) {
+  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) => {
+    m?.(e);
+  }, z = () => {
+    m(null);
+  }, F = () => {
+    y?.(f), c(!1);
+  }, T = () => {
+    m(t), c(!1), i("");
+  };
+  return x(() => {
+    const e = (p) => {
+      C.current?.contains(p.target) || (c(!1), m(t), i(""));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [t]), x(() => {
+    const e = S.current;
+    if (!e) return;
+    const p = () => {
+      W(e.scrollWidth > e.clientWidth);
+    };
+    p();
+    const w = new ResizeObserver(p);
+    return w.observe(e), () => w.disconnect();
+  }, [n?.label, b]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: C,
+      style: { width: b, minWidth: L, maxWidth: R },
+      className: `${r["ckds-single-select"]} ${o ? r.disabled : ""} ${k}`,
+      children: [
+        v && /* @__PURE__ */ l("label", { className: `${r.label} ${o ? r.disabled : ""}`, children: [
+          v,
+          I && /* @__PURE__ */ s("span", { className: r.mandatory, children: "*" })
+        ] }),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: `${r.trigger} ${a ? r.active : ""}`,
+            onClick: () => !o && c((e) => !e),
+            "aria-haspopup": "listbox",
+            "aria-expanded": a,
+            disabled: o,
+            children: [
+              /* @__PURE__ */ s(
+                q,
+                {
+                  title: E ? n?.label : "",
+                  placement: "bottom",
+                  children: /* @__PURE__ */ s(
+                    "span",
+                    {
+                      ref: S,
+                      className: `${n ? r.value : r.placeholder} ${o ? r.disabled : ""}`,
+                      children: n ? n.label : D
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("span", { className: `${r.arrow} ${a ? r.open : ""}`, children: /* @__PURE__ */ s(B, {}) })
+            ]
+          }
+        ),
+        a && /* @__PURE__ */ l("div", { className: r.dropdown, children: [
+          /* @__PURE__ */ l("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: t,
+              selectedValue: f,
+              onClear: z,
+              onCancel: T,
+              onApply: F
+            }
+          )
+        ] }),
+        N && /* @__PURE__ */ l("div", { className: r.helper, children: [
+          /* @__PURE__ */ s("div", { className: r["helper-icon"], children: /* @__PURE__ */ s(M, {}) }),
+          /* @__PURE__ */ s("div", { className: `${o ? r.disabled : ""}`, children: N })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ve 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"}

package/dist/components/Stepper/_helper/StepIcon.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as e from "react";
+import { s as n } from "../../../styles.module-r_cdKgD9.js";
+import { STEP_STATE as r } from "../constants.js";
+import { mergeClasses as o } from "../../../utils/mergeClasses.js";
+const c = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5, fill: "#F8FBFF" }), /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5, stroke: "#D9E6FB" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3956_2460)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3956_2460", style: {
+  maskType: "luminance"
+}, maskUnits: "userSpaceOnUse", x: 5, y: 5, width: 14, height: 14 }, /* @__PURE__ */ e.createElement("path", { d: "M19 5H5V19H19V5Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3956_2460)" }, /* @__PURE__ */ e.createElement("path", { d: "M13.1667 6.16666H10.25C7.33332 6.16666 6.16666 7.33333 6.16666 10.25V13.75C6.16666 16.6667 7.33332 17.8333 10.25 17.8333", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M17.8333 10.8334V12.5834", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M17.8333 10.8333H15.5C13.75 10.8333 13.1666 10.25 13.1666 8.50001V6.16668L17.8333 10.8333Z", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M13.0267 15.6516C11.6558 15.7507 11.6558 17.7341 13.0267 17.8332H16.27C16.6608 17.8332 17.0458 17.6874 17.3317 17.4249C18.2942 16.5849 17.7808 14.9049 16.515 14.7474C16.06 12.0116 12.105 13.0499 13.0383 15.6574", stroke: "#2B2B2B", strokeWidth: 0.875, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3956_2460" }, /* @__PURE__ */ e.createElement("rect", { width: 14, height: 14, fill: "white", transform: "translate(5 5)" })))), m = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z", fill: "#3060C1" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3956_2434)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3956_2434", style: {
+  maskType: "luminance"
+}, maskUnits: "userSpaceOnUse", x: 5, y: 5, width: 14, height: 14 }, /* @__PURE__ */ e.createElement("path", { d: "M19 5H5V19H19V5Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3956_2434)" }, /* @__PURE__ */ e.createElement("path", { d: "M13.1667 6.16666H10.25C7.33332 6.16666 6.16666 7.33333 6.16666 10.25V13.75C6.16666 16.6667 7.33332 17.8333 10.25 17.8333", stroke: "white", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M17.8333 10.8334V12.5834", stroke: "white", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M17.8333 10.8333H15.5C13.75 10.8333 13.1666 10.25 13.1666 8.50001V6.16668L17.8333 10.8333Z", stroke: "white", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M13.0267 15.6516C11.6558 15.7507 11.6558 17.7341 13.0267 17.8332H16.27C16.6608 17.8332 17.0458 17.6874 17.3317 17.4249C18.2942 16.5849 17.7808 14.9049 16.515 14.7474C16.06 12.0116 12.105 13.0499 13.0383 15.6574", stroke: "white", strokeWidth: 0.875, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3956_2434" }, /* @__PURE__ */ e.createElement("rect", { width: 14, height: 14, fill: "white", transform: "translate(5 5)" })))), h = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, rx: 12, fill: "#249C45" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3956_2449)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3956_2449", style: {
+  maskType: "luminance"
+}, maskUnits: "userSpaceOnUse", x: 5, y: 5, width: 14, height: 14 }, /* @__PURE__ */ e.createElement("path", { d: "M19 5H5V19H19V5Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3956_2449)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.49996 12L10.8306 14.3306L15.5 9.66942", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3956_2449" }, /* @__PURE__ */ e.createElement("rect", { width: 14, height: 14, fill: "white", transform: "translate(5 5)" }))));
+function w({
+  state: t,
+  customIcon: a
+}) {
+  const l = o(
+    n.icon,
+    t === r.ACTIVE && n["icon-active"],
+    t === r.COMPLETED && n["icon-completed"]
+  ), s = {
+    [r.COMPLETED]: /* @__PURE__ */ i(h, {}),
+    [r.PENDING]: /* @__PURE__ */ i(c, {}),
+    [r.ACTIVE]: /* @__PURE__ */ i(m, {})
+  };
+  return /* @__PURE__ */ i("span", { className: l, "aria-hidden": "true", children: a ?? s[t] });
+}
+export {
+  w as StepIcon
+};

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

@@ -0,0 +1,3 @@
+import { StepItem } from '../_types/stepper.type';
+export declare function StepText({ label, heading, }: Pick<StepItem, "label" | "heading">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepText.d.ts","sourceRoot":"","sources":["../../../../lib/components/Stepper/_helper/StepText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,GACR,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC,2CAOrC"}

package/dist/components/Stepper/_helper/StepText.js

@@ -0,0 +1,14 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { s } from "../../../styles.module-r_cdKgD9.js";
+function l({
+  label: t,
+  heading: a
+}) {
+  return /* @__PURE__ */ n("span", { className: s["step-text"], children: [
+    /* @__PURE__ */ e("span", { className: s["step-label"], children: t }),
+    /* @__PURE__ */ e("span", { className: s["step-heading"], children: a })
+  ] });
+}
+export {
+  l as StepText
+};

package/dist/components/Stepper/_types/stepper.type.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { STEP_STATE } from '../constants';
+export interface StepItem {
+    label: string;
+    heading: string;
+    icon?: ReactNode;
+}
+export type Orientation = "horizontal" | "vertical";
+export interface StepperProps {
+    steps: StepItem[];
+    activeStepIndex?: number;
+    orientation?: Orientation;
+    className?: string;
+}
+export type StepState = (typeof STEP_STATE)[keyof typeof STEP_STATE];
+//# sourceMappingURL=stepper.type.d.ts.map

package/dist/components/Stepper/_types/stepper.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.type.d.ts","sourceRoot":"","sources":["../../../../lib/components/Stepper/_types/stepper.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC"}

package/dist/components/Stepper/_types/stepper.type.js

@@ -0,0 +1 @@
+

package/dist/components/Stepper/_utils/stepper.utils.d.ts

@@ -0,0 +1,4 @@
+import { StepState } from '../_types/stepper.type';
+export declare function deriveStepStatesFromActiveIndex(stepCount: number, activeStepIndex: number): StepState[];
+export declare function deriveConnectorFillsFromActiveIndex(stepCount: number, activeStepIndex: number): number[];
+//# sourceMappingURL=stepper.utils.d.ts.map

package/dist/components/Stepper/_utils/stepper.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/Stepper/_utils/stepper.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE,MAAM,GACtB,SAAS,EAAE,CAab;AAED,wBAAgB,mCAAmC,CACjD,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE,MAAM,GACtB,MAAM,EAAE,CAWV"}

package/dist/components/Stepper/_utils/stepper.utils.js

@@ -0,0 +1,18 @@
+import { STEP_STATE as a } from "../constants.js";
+function l(e, c) {
+  if (e === 0) return [];
+  const t = ((n, r, m) => Math.min(m, Math.max(r, n)))(c, 0, e);
+  return Array.from({ length: e }, (n, r) => r < t ? a.COMPLETED : r === t ? a.ACTIVE : a.PENDING);
+}
+function f(e, c) {
+  if (e <= 1) return [];
+  const t = ((n, r, m) => Math.min(m, Math.max(r, n)))(c, 0, e);
+  return Array.from(
+    { length: e - 1 },
+    (n, r) => r < t ? 100 : 0
+  );
+}
+export {
+  f as deriveConnectorFillsFromActiveIndex,
+  l as deriveStepStatesFromActiveIndex
+};

package/dist/components/Stepper/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const STEP_STATE: {
+    readonly PENDING: "pending";
+    readonly ACTIVE: "active";
+    readonly COMPLETED: "completed";
+};
+export declare const ORIENTATION: {
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+//# sourceMappingURL=constants.d.ts.map