@ck-ui/component-library 1.0.0 → 1.0.2

package/dist/components/MultiSelect/index.js

@@ -1,228 +1,240 @@
-import { jsxs as c, jsx as r, Fragment as de } from "react/jsx-runtime";
-import { useState as p, useRef as ce, useEffect as W, useMemo as M, useCallback as h } from "react";
-import { s as o } from "../../styles.module-Dojg5FTS.js";
-import { Search as he } from "../Search/index.js";
-import { S as me } from "../../info-icon-ooYw3va_.js";
-import { CKCheckbox as ge } from "../CKCheckbox/index.js";
-import ie from "./_helpers/TriggerButton.js";
-import fe from "./_helpers/OptionRow.js";
-import pe from "./_helpers/SearchResult.js";
-import ue from "./_helpers/DropdownFooter.js";
-import { getInitialSelected as K } from "./_utils/getInitialSelected.js";
-import { filterOptions as Ce } from "./_utils/filterOptions.js";
-import { computeApplyDisabled as ve } from "./_utils/computeApplyDisabled.js";
-import { mergeClasses as m } from "../../utils/mergeClasses.js";
-function Te({
-  label: O,
-  helperText: k,
-  required: P,
-  placeholder: G = "Choose parameter",
-  searchPlaceholder: H = "Search",
-  selectAllLabel: D = "Select all",
+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-yIHBMSTk.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";
+import ke from "./_helpers/TriggerButton.js";
+import ye from "./_helpers/OptionRow.js";
+import Ne from "./_helpers/SearchResult.js";
+import Ae from "./_helpers/DropdownFooter.js";
+import { getInitialSelected as J } from "./_utils/getInitialSelected.js";
+import { filterOptions as De } from "./_utils/filterOptions.js";
+import { computeApplyDisabled as Ee } from "./_utils/computeApplyDisabled.js";
+import { useDropdownDirection as Re } from "./_utils/useDropdownDirection.js";
+import { mergeClasses as f } from "../../utils/mergeClasses.js";
+function Pe({
+  label: $,
+  helperText: y,
+  required: U,
+  placeholder: V = "Choose parameter",
+  searchPlaceholder: X = "Search",
+  selectAllLabel: j = "Select all",
   options: l,
-  defaultSelected: S = [],
-  onApply: T,
-  exclude: y,
-  setExclude: J,
-  onSelect: B,
-  onClear: j,
-  classNames: g = {},
-  showExcludeBtn: U,
-  requireSelection: t = !1,
-  width: V = ""
+  defaultSelected: F = [],
+  onApply: N,
+  exclude: d,
+  setExclude: Y,
+  onSelect: S,
+  onClear: L,
+  classNames: C = {},
+  showExcludeBtn: Z,
+  requireSelection: a = !1,
+  width: _ = "",
+  disabled: x = !1,
+  maxChips: q = 1
 }) {
-  const { labelWrapperClass: X, helperClass: Y } = g, [N, C] = p(!1), [v, w] = p(""), [n, z] = p(
-    () => K(S)
-  ), [a, u] = p(
-    () => K(S)
-  ), [Z, i] = p(!1), [_, d] = p(!1), A = ce(null);
-  W(() => {
-    i(n?.length === l?.length);
-  }, []), W(() => {
+  const { labelWrapperClass: ee, helperClass: le } = C, [A, D] = u(!1), [E, R] = u(""), [n, Q] = u(
+    () => J(F)
+  ), [r, v] = u(
+    () => J(F)
+  ), [W, K] = u(d), [te, g] = u(!1), [se, h] = u(!1), I = Ce(null), { vertical: z, horizontal: ne } = Re(I, A);
+  H(() => {
+    g(n?.length === l?.length);
+  }, []), H(() => {
     const e = (s) => {
-      A.current && !A.current.contains(s.target) && (u(n), i(n?.length === l?.length), C(!1), d(!1), w(""));
+      I.current && !I.current.contains(s.target) && (v(n), g(n?.length === l?.length), D(!1), h(!1), R(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, [n, l.length]);
-  const R = M(
-    () => Ce(l, v),
-    [l, v]
-  ), x = t ? 1 : 2, F = h(
-    (e, s, f, oe) => {
-      f || d(!1);
-      const Q = (b) => {
-        const E = b?.some((I) => I?.value === e) ? b?.filter((I) => I?.value !== e) : [...b, { value: e, label: s }];
-        return i(E?.length === l?.length), E?.length <= x && d(!1), E;
+  const B = T(
+    () => De(l, E),
+    [l, E]
+  ), M = a ? 1 : q, P = p(
+    (e, s, w, ue) => {
+      w || h(!1);
+      const pe = (O) => {
+        const c = O?.some((b) => b?.value === e) ? O?.filter((b) => b?.value !== e) : [...O, { value: e, label: s }];
+        return g(c?.length === l?.length), c?.length <= M && h(!1), c;
       };
-      if (oe) {
-        if (t && n?.length === 1 && n[0]?.value === e)
+      if (ue) {
+        if (a && n?.length === 1 && n[0]?.value === e)
           return;
-        z(Q);
+        const c = ((m) => m?.some((k) => k?.value === e) ? m?.filter((k) => k?.value !== e) : [...m, { value: e, label: s }])(n), b = l?.filter((m) => c?.some((k) => k?.value === m?.value))?.map((m) => ({ ...m, isChecked: !0 }));
+        g(c?.length === l?.length), c?.length <= M && h(!1), Q(c), v(c), N(b, d), K(d), S?.();
+        return;
       }
-      u(Q), B?.();
+      v(pe), S?.();
     },
-    [x, l.length, B, t, n]
-  ), $ = h(() => {
-    d(!1), i((e) => {
+    [M, l, S, a, n, N, d]
+  ), re = p(() => {
+    h(!1), g((e) => {
       const s = !e;
-      return u(
-        s ? l?.map((f) => ({ value: f?.value, label: f?.label })) : []
+      return v(
+        s ? l?.map((w) => ({ value: w?.value, label: w?.label })) : []
       ), s;
     });
-  }, [l]), q = h(() => {
-    u([]), i(!1), j?.();
-  }, [j]), ee = h(() => {
-    const e = l?.filter((s) => a?.some((f) => f?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
-    T(e, y), z(a), C(!1);
-  }, [l, a, y, T]), le = h(() => {
-    u(n), i(n?.length === l?.length), d(!1), C(!1), w("");
-  }, [n, l.length]), se = h(() => {
-    C((e) => !e), d(!1);
-  }, []), te = h((e) => {
-    e.stopPropagation(), d((s) => !s);
-  }, []), ne = M(
-    () => ve(a, n, t),
-    [a, n, t]
-  ), L = N ? a : n, ae = t && L?.length === l?.length && l?.length > 0, re = M(() => !t && a.length > 0 && a.length < l.length, [a, l.length, t]);
-  return /* @__PURE__ */ c("div", { className: o["ckds-wrapper"], style: { width: V }, children: [
-    O && !t && /* @__PURE__ */ c(
+  }, [l]), ae = p(() => {
+    v([]), g(!1), L?.();
+  }, [L]), oe = p(() => {
+    const e = l?.filter((s) => r?.some((w) => w?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
+    N(e, d), Q(r), K(d), D(!1);
+  }, [l, r, d, N]), de = p(() => {
+    v(n), g(n?.length === l?.length), h(!1), D(!1), R("");
+  }, [n, l.length]), ce = p(() => {
+    x || (D((e) => !e), h(!1));
+  }, [x]), he = p((e) => {
+    e.stopPropagation(), h((s) => !s);
+  }, []), me = T(
+    () => d !== W && r?.length > 0 ? !1 : Ee(r, n, a),
+    [r, n, a, d, W]
+  ), G = A ? r : n, ge = a && G?.length === l?.length && l?.length > 0, ie = T(() => !a && r.length > 0 && r.length < l.length, [r, l.length, a]);
+  return /* @__PURE__ */ i("div", { className: `${t["ckds-wrapper"]} ${x ? t["ckds-wrapper-disabled"] : ""}`, style: { width: _ }, children: [
+    $ && !a && /* @__PURE__ */ i(
       "span",
       {
-        className: m(
+        className: f(
           "ckds-body-xs-med",
-          o["label-wrapper"],
-          X ?? ""
+          t["label-wrapper"],
+          ee ?? ""
         ),
         children: [
-          O,
-          P && /* @__PURE__ */ r("span", { className: o.required, children: " *" })
+          $,
+          U && /* @__PURE__ */ o("span", { className: t.required, children: " *" })
         ]
       }
     ),
-    /* @__PURE__ */ c("div", { className: o["trigger-wrapper"], ref: A, children: [
-      /* @__PURE__ */ r(
-        ie,
+    /* @__PURE__ */ i("div", { className: t["trigger-wrapper"], ref: I, children: [
+      /* @__PURE__ */ o(
+        ke,
         {
-          open: N,
-          selected: L,
-          placeholder: G,
-          showMenu: _,
-          isAllSelected: ae,
-          selectAllLabel: D,
-          requireSelection: t,
-          onToggleOpen: se,
-          onToggleMenu: te,
-          onRemove: F,
-          classNames: g,
-          maxChips: x
+          open: A,
+          selected: G,
+          placeholder: V,
+          showMenu: se,
+          isAllSelected: ge,
+          selectAllLabel: j,
+          requireSelection: a,
+          onToggleOpen: ce,
+          onToggleMenu: he,
+          onRemove: P,
+          classNames: C,
+          maxChips: M
         }
       ),
-      k && !t && /* @__PURE__ */ r(
+      y && !a && /* @__PURE__ */ o(
         "div",
         {
-          className: m(
+          className: f(
             "ckds-body-xs-reg",
-            o["helper-text"],
-            Y ?? ""
+            t["helper-text"],
+            le ?? ""
           ),
-          children: /* @__PURE__ */ c(de, { children: [
-            /* @__PURE__ */ r(me, { width: "12", height: "12" }),
+          children: /* @__PURE__ */ i(fe, { children: [
+            /* @__PURE__ */ o(we, { width: "12", height: "12" }),
             " ",
-            k
+            y
           ] })
         }
       ),
-      N && /* @__PURE__ */ c("div", { className: m(o.dropdown, k ? o["dropdown-helper"] : ""), children: [
-        /* @__PURE__ */ r(
-          he,
+      A && /* @__PURE__ */ i("div", { className: f(
+        t.dropdown,
+        t[`dropdown-align-${ne}`],
+        z === "up" ? t["dropdown-up"] : "",
+        y && z === "down" ? t["dropdown-helper"] : "",
+        y && z === "up" ? t["dropdown-helper-up"] : ""
+      ), children: [
+        /* @__PURE__ */ o(
+          ve,
           {
             size: "medium",
-            value: v,
-            placeholder: H,
-            onChange: w,
-            onClear: () => w(""),
+            value: E,
+            placeholder: X,
+            onChange: R,
+            onClear: () => R(""),
             wrapperClassName: "",
             inputClassName: ""
           }
         ),
-        /* @__PURE__ */ r(
-          pe,
+        /* @__PURE__ */ o(
+          Ne,
           {
-            totalResults: R?.length,
-            exclude: y,
-            setExclude: J,
-            isToggleDisable: a?.length === 0,
-            showExcludeBtn: U,
-            hideExclude: t
+            totalResults: B?.length,
+            exclude: d,
+            setExclude: Y,
+            isToggleDisable: r?.length === 0,
+            showExcludeBtn: Z,
+            hideExclude: a,
+            selectedCount: r?.length
           }
         ),
-        /* @__PURE__ */ r("div", { className: o.divider }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ o("div", { className: t.divider }),
+        /* @__PURE__ */ i(
           "div",
           {
-            className: m(
-              o["ckds-options-list"],
-              g?.optionsListWrapperClass ?? ""
+            className: f(
+              t["ckds-options-list"],
+              C?.optionsListWrapperClass ?? ""
             ),
             children: [
-              v.length === 0 && /* @__PURE__ */ c(
+              E.length === 0 && /* @__PURE__ */ i(
                 "div",
                 {
-                  className: m(
-                    o["option-row"],
-                    g?.optionRowClass ?? ""
+                  className: f(
+                    t["option-row"],
+                    C?.optionRowClass ?? ""
                   ),
-                  onClick: $,
+                  onClick: re,
                   children: [
-                    /* @__PURE__ */ r(ge, { checked: Z, size: "md", indeterminate: re }),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ o(be, { checked: te, size: "md", indeterminate: ie }),
+                    /* @__PURE__ */ o(
                       "span",
                       {
-                        className: m(
+                        className: f(
                           "ckds-body-sm-reg",
-                          o["option-label"]
+                          t["option-label"]
                         ),
-                        children: D
+                        children: j
                       }
                     )
                   ]
                 }
               ),
-              R?.length === 0 ? /* @__PURE__ */ r(
+              B?.length === 0 ? /* @__PURE__ */ o(
                 "span",
                 {
-                  className: m(
+                  className: f(
                     "ckds-body-sm-reg",
-                    o["no-results"]
+                    t["no-results"]
                   ),
                   children: "No results found"
                 }
-              ) : R?.map((e) => /* @__PURE__ */ r(
-                fe,
+              ) : B?.map((e) => /* @__PURE__ */ o(
+                ye,
                 {
                   value: e?.value,
                   label: e?.label,
-                  checked: a?.some(
+                  checked: r?.some(
                     (s) => s?.value === e?.value
                   ),
-                  onToggle: F,
-                  classNames: g
+                  onToggle: P,
+                  classNames: C
                 },
                 e?.value
               ))
             ]
           }
         ),
-        /* @__PURE__ */ r(
-          ue,
+        /* @__PURE__ */ o(
+          Ae,
           {
-            onClear: q,
-            onCancel: le,
-            onApply: ee,
-            classNames: g,
-            isClearDisabled: a?.length === 0,
-            isApplyDisabled: ne,
-            hideClear: t
+            onClear: ae,
+            onCancel: de,
+            onApply: oe,
+            classNames: C,
+            isClearDisabled: r?.length === 0,
+            isApplyDisabled: me,
+            hideClear: a
           }
         )
       ] })
@@ -230,5 +242,5 @@ function Te({
   ] });
 }
 export {
-  Te as MultiSelect
+  Pe as MultiSelect
 };

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { s } from "../../../styles.module-BZaUJMlf.js";
+import { s } from "../../../styles.module-yNDMDNO-.js";
 const m = ({
   children: o
 }) => /* @__PURE__ */ t("div", { className: s["ckds-dialog-content"], children: o });

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

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as n, Fragment as C } from "react/jsx-runtime";
 import "react";
-import { s as a } from "../../../styles.module-BZaUJMlf.js";
+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 = ({

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

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as t from "react";
-import { s } from "../../../styles.module-BZaUJMlf.js";
+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,

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-BZaUJMlf.js";
+import { s as t } from "../../styles.module-yNDMDNO-.js";
 import { TYPE as u } from "./constant/popupAndDialog.js";
 const E = ({
   open: a,

package/dist/components/RadioButton/index.js

@@ -1,53 +1,53 @@
-import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import { jsxs as m, 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
+import '../../assets/index-BXwGxK7I.css';const k = "_checked_1oe2b_54", u = "_disabled_1oe2b_69", b = "_small_1oe2b_84", f = "_medium_1oe2b_93", h = "_large_1oe2b_102", e = {
+  "ckds-radio": "_ckds-radio_1oe2b_4",
+  "ckds-radio-custom": "_ckds-radio-custom_1oe2b_27",
+  checked: k,
+  disabled: u,
+  "ckds-radio-label": "_ckds-radio-label_1oe2b_75",
+  small: b,
+  medium: f,
+  large: h
 };
-function b({
-  label: d,
-  color: o,
+function $({
+  label: c,
+  color: d,
   radioSize: l = "small",
-  className: u = "",
-  disabled: s = !1,
-  selected: e = !1,
-  onChange: n
+  className: n = "",
+  disabled: o = !1,
+  selected: a = !1,
+  onChange: t
 }) {
   const r = () => {
-    s || e || n?.(!0);
-  }, t = (c) => {
-    s || (c.key === " " || c.key === "Enter") && (c.preventDefault(), r());
+    o || a || t?.(!0);
+  }, _ = (s) => {
+    o || (s.key === " " || s.key === "Enter") && (s.preventDefault(), r());
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ m(
     "div",
     {
       role: "radio",
-      "aria-checked": e,
-      "aria-disabled": s,
-      tabIndex: s ? -1 : 0,
+      "aria-checked": a,
+      "aria-disabled": o,
+      tabIndex: o ? -1 : 0,
       className: `
-        ${a["ckds-radio"]}
-        ${a[l]}
-        ${e ? a.checked : ""}
-        ${s ? a.disabled : ""}
-        ${u}
+        ${e["ckds-radio"]}
+        ${e[l]}
+        ${a ? e.checked : ""}
+        ${o ? e.disabled : ""}
+        ${n}
       `,
-      style: o ? { "--ckds-radio-color": o } : void 0,
+      style: d ? { "--ckds-radio-color": d } : void 0,
       onClick: r,
-      onKeyDown: t,
+      onKeyDown: _,
       children: [
-        /* @__PURE__ */ i("span", { className: a["ckds-radio-custom"] }),
-        d && /* @__PURE__ */ i("span", { className: a["ckds-radio-label"], children: d })
+        /* @__PURE__ */ i("span", { className: e["ckds-radio-custom"] }),
+        c && /* @__PURE__ */ i("span", { className: e["ckds-radio-label"], children: c })
       ]
     }
   );
 }
 export {
-  b as RadioButton
+  $ as RadioButton
 };

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

@@ -11,5 +11,6 @@ export interface RadioGroupProps {
     size?: "small" | "medium" | "large";
     className?: string;
     disabled?: boolean;
+    gap?: string | number;
 }
 //# sourceMappingURL=radioGroup.types.d.ts.map

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

@@ -1 +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"}
+{"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;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB"}

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

@@ -1,3 +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;
+export declare function RadioGroup({ name, value, options, onChange, size, className, disabled, gap, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,EAChB,GAAG,GACJ,EAAE,eAAe,2CAoBjB"}

package/dist/components/RadioGroup/index.js

@@ -1,38 +1,40 @@
-import { jsx as a } from "react/jsx-runtime";
-import { RadioButton as g } from "../RadioButton/index.js";
+import { jsx as l } from "react/jsx-runtime";
+import { RadioButton as m } 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({
+function t({
   name: s,
-  value: l,
-  options: e,
-  onChange: i,
+  value: e,
+  options: i,
+  onChange: u,
   size: o = "small",
-  className: u = "",
-  disabled: c = !1
+  className: c = "",
+  disabled: g = !1,
+  gap: a
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "div",
     {
       role: "radiogroup",
       "aria-label": s,
-      className: `${d["ckds-radio-group"]} ${m[o] || ""} ${u}`,
-      children: e.map((r) => /* @__PURE__ */ a(
-        g,
+      className: `${d["ckds-radio-group"]} ${_[o] || ""} ${c}`,
+      style: a != null ? { gap: a } : void 0,
+      children: i.map((r) => /* @__PURE__ */ l(
+        m,
         {
           label: r.label,
-          selected: l === r.value,
+          selected: e === r.value,
           radioSize: o,
-          disabled: c || r.disabled,
-          onChange: () => i(r.value)
+          disabled: g || r.disabled,
+          onChange: () => u(r.value)
         },
         r.value
       ))
@@ -40,5 +42,5 @@ function k({
   );
 }
 export {
-  k as RadioGroup
+  t 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;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"}
+{"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,2CAuHb"}