prometeo-design-system 2.8.8 → 2.8.9

package/dist/Select.es.js

@@ -0,0 +1,4 @@
+import { S as f } from "./Select-BD5FTxVw.js";
+export {
+  f as default
+};

package/dist/SelectSearch.es.js

@@ -0,0 +1,237 @@
+import { j as G } from "./jsx-runtime-DKDX3adD.js";
+import { g as i, S as H } from "./Select-BD5FTxVw.js";
+import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
+function te(e) {
+  const {
+    options: O,
+    fetcher: s,
+    asyncMode: V = "fetch_in_open",
+    disabled: S = !1,
+    debounceDelay: R = 500,
+    minCharacters: _ = 3,
+    optionLabel: f,
+    optionValue: u,
+    controlledValue: m,
+    isOpen: F,
+    inputRef: j,
+    name: y
+  } = e || {}, [C, k] = T(O || []), [J, p] = T(O || []), [a, x] = T(""), [M, r] = T(!1), [v, b] = T(!1), g = I(null), D = I(null), N = I(!1), E = I(s), P = e?.multiple === !0 || !1, w = I(P ? [] : void 0), [d, A] = T(P ? [] : void 0);
+  h(() => {
+    E.current = s;
+  }, [s]), h(() => {
+    m !== void 0 && A(m);
+  }, [m]), h(() => {
+    w.current = m !== void 0 ? m : d;
+  }, [m, d]), h(() => {
+    e?.options && (k(e.options), p(e.options));
+  }, [e?.options]);
+  const U = Q(() => (t, n) => new Promise((o, l) => {
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => t(a).then(o).catch(l), n);
+  }), [a]), Y = (t) => {
+    const n = m !== void 0, o = (l) => u ? i(l, u) : i(l, "id");
+    if (e?.multiple === !0) {
+      const l = w.current || [];
+      let c;
+      l.some((L) => o(L) === o(t)) ? c = l.filter((L) => o(L) !== o(t)) : c = [...l, t], n ? (w.current = c, e?.onChange?.(c, y)) : (w.current = c, A(c), e?.onChange?.(c, y));
+    } else
+      n ? (w.current = t, e?.onChange?.(t, y)) : (w.current = t, A(t), e?.onChange?.(t, y));
+  }, W = (t) => (e?.onFetchingStart?.(), E.current?.(t) || Promise.resolve([])), K = X((t, n) => t.length === 0 ? n : u ? n.filter((o) => !t.some((l) => i(l, u) === i(o, u))) : n.filter((o) => !t.some((l) => i(l, "id") === i(o, "id"))), [u]);
+  h(() => {
+    const t = e?.subscribeOpenChange;
+    if (!t) return;
+    const n = t((o) => {
+      b(o);
+    });
+    return () => {
+      n && n();
+    };
+  }, [e?.subscribeOpenChange]);
+  const B = F !== void 0 ? F : v;
+  h(() => {
+    if (!S && E.current && V === "fetch_on_type") {
+      if (!a || a === "" || a.length < _) {
+        g.current && clearTimeout(g.current), r(!1);
+        return;
+      }
+      const t = U(W, R);
+      r(!0), t.then((n) => {
+        k(n);
+      }).finally(() => {
+        r(!1), e?.onFetchingEnd?.();
+      });
+    }
+  }, [V, a, S, R, U, _]), h(() => {
+    if (!S)
+      if (B) {
+        if (e?.onOpen?.(), V === "fetch_in_open") {
+          if (!E.current)
+            return;
+          r(!0), W().then((t) => {
+            k(() => P && d.length > 0 ? [...K(d, t), ...d] : t);
+          }).finally(() => {
+            r(!1), e?.onFetchingEnd?.();
+          });
+        }
+      } else
+        e?.onClose?.();
+  }, [B, V, S]);
+  const q = (t, n) => t.filter((o) => {
+    if (f)
+      return i(o, f).toLowerCase().includes(n.toLowerCase());
+    switch (typeof o) {
+      case "string":
+        return o.toLowerCase().includes(n.toLowerCase());
+      case "number":
+        return o.toString().includes(n);
+      case "object":
+        return Object.values(o).some((c) => c.toString().toLowerCase().includes(n.toLowerCase()));
+      default:
+        return !1;
+    }
+  }), Z = (t) => t.sort((n, o) => {
+    if (f)
+      return i(n, f) < i(o, f) ? -1 : 1;
+    {
+      const c = ["label", "name", "value"].find((L) => typeof n == "object" && Object.keys(n).includes(L));
+      switch (typeof n) {
+        case "string":
+          return n < o ? -1 : 1;
+        case "number":
+          return n < o ? -1 : 1;
+        case "object":
+          if (c) {
+            const L = i(n, c), ee = i(o, c);
+            return L < ee ? -1 : 1;
+          } else
+            return 1;
+        default:
+          return 1;
+      }
+    }
+  }), z = (t) => {
+    const n = typeof j == "function" ? j() : j;
+    t.target === n?.current && (D.current && clearTimeout(D.current), N.current || (N.current = !0, e?.onTypeStart?.()), D.current = setTimeout(() => {
+      N.current = !1;
+    }, R));
+  };
+  return h(() => {
+    if (a === "")
+      p(Z(C));
+    else if (P) {
+      const t = K(d, C);
+      p([...q(t, a), ...d]);
+    } else {
+      const t = K([d], C);
+      p([...q(t, a), d]);
+    }
+  }, [C]), h(() => (document.addEventListener("keydown", z), () => {
+    document.removeEventListener("keydown", z);
+  }), []), {
+    inputValue: a,
+    setInputValue: x,
+    cleanInputValue: () => {
+      x("");
+    },
+    filteredOptions: J,
+    isLoading: M,
+    value: d,
+    setValue: A,
+    onOptionClick: Y
+  };
+}
+const ie = (e) => {
+  const O = I(null);
+  h(() => {
+    e.controls && (e.controls.current = O.current);
+  }, [e.controls]);
+  const { asyncMode: s = "fetch_in_open" } = e, V = (r, v, b) => {
+    const g = {
+      options: r.options,
+      fetcher: r.fetcher,
+      asyncMode: v,
+      debounceDelay: r.debounceDelay,
+      minCharacters: r.minCharacters,
+      disabled: r.disabled,
+      optionValue: r.optionValue,
+      optionLabel: r.optionLabel,
+      onFetchingStart: () => {
+        v === "fetch_on_type" && b.current?.open();
+      },
+      onTypeStart: () => {
+        !r?.fetcher && b.current?.open();
+      },
+      inputRef: () => b.current?.searchInputRef,
+      subscribeOpenChange: b.current?.subscribeOpenChange,
+      name: r.name
+    };
+    return r.multiple ? {
+      ...g,
+      multiple: !0,
+      controlledValue: r.value,
+      onChange: r.onChange
+    } : {
+      ...g,
+      multiple: !1,
+      controlledValue: r.value,
+      onChange: r.onChange
+    };
+  }, { inputValue: S, setInputValue: R, filteredOptions: _, isLoading: f, value: u, onOptionClick: m, cleanInputValue: F } = te(V(e, s, O)), j = X(() => s === "fetch_on_type" ? f : !1, [s, f]), y = Q(() => e.multiple ? u.map((r) => i(r, e.optionValue)) : u ? i(u, e.optionValue) : void 0, [u, e.optionValue, e.multiple]), C = (r) => {
+    const v = _.find((b) => i(b, e.optionValue) === r.id);
+    v && m(v);
+  }, { displayMode: k = e.multiple ? "chips" : "compact", dropdownOptions: J, overflow: p = "scroll", onChange: a, ...x } = e.selectComponentProps || {}, M = {
+    controledSearchValue: S,
+    onSearchValueChange: s === "fetch_on_type" ? R : void 0,
+    onSearchClear: s === "fetch_on_type" ? F : void 0,
+    inputSearchPlaceholder: e.inputSearchPlaceholder,
+    isLoading: j(),
+    ...J || {}
+  };
+  return e.multiple ? /* @__PURE__ */ G.jsx(
+    H,
+    {
+      disabled: e.disabled,
+      className: e.className,
+      name: e.name,
+      overflow: p,
+      ...x,
+      multiple: !0,
+      value: y,
+      label: e.label || "",
+      options: _,
+      optionValue: e.optionValue,
+      optionLabel: e.optionLabel,
+      renderOption: e.renderOption,
+      onOptionClick: C,
+      displayMode: k,
+      controls: O,
+      emptyMessage: "Use el buscador para obtener las opciones disponibles",
+      dropdownOptions: M,
+      isLoading: s === "fetch_in_open" ? f : !1
+    }
+  ) : /* @__PURE__ */ G.jsx(
+    H,
+    {
+      disabled: e.disabled,
+      ...x,
+      className: e.className,
+      overflow: p,
+      name: e.name,
+      multiple: !1,
+      value: y,
+      label: e.label || "",
+      options: _,
+      optionValue: e.optionValue,
+      optionLabel: e.optionLabel,
+      renderOption: e.renderOption,
+      onOptionClick: C,
+      displayMode: "compact",
+      controls: O,
+      emptyMessage: "Use el buscador para obtener las opciones disponibles",
+      dropdownOptions: M,
+      isLoading: s === "fetch_in_open" ? f : !1
+    }
+  );
+};
+export {
+  ie as default
+};

package/dist/{components/Skeleton/Skeleton.js → Skeleton.es.js}

@@ -1,9 +1,8 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { cn as B } from "../../lib/cn.js";
-import { memo as E, useRef as N, useCallback as D, useLayoutEffect as M } from "react";
-/* empty css                    */
+import { j as E } from "./jsx-runtime-DKDX3adD.js";
+import { c as B } from "./cn-B6yFEsav.js";
+import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {
-  const e = N(null), { debugMode: h = !1, className: f = "", children: k, shape: C = "rounded", animation: g = "shimmer", onlyContainer: i = !1 } = n;
+  const e = R(null), { debugMode: h = !1, className: f = "", children: k, shape: C = "rounded", animation: g = "shimmer", onlyContainer: i = !1 } = n;
   let m = "255, 255, 255", d = "255, 255, 255, 0.1";
   const b = D(() => {
     if (i || !e.current) return;
@@ -20,7 +19,7 @@ const y = (n) => {
         break;
     }
   }, [g, d, m, i]);
-  return M(() => {
+  M(() => {
     if (e.current) {
       const o = (l) => {
         let t = l;
@@ -42,11 +41,17 @@ const y = (n) => {
         return [a[0], a[1], a[2]];
       };
       if (!e.current.parentElement) return;
-      const p = o(e.current.parentElement), s = c(p), S = s.reduce((l, t) => l + t, 0) < 382;
+      const p = o(e.current.parentElement), s = c(p), w = s.reduce((l, t) => l + t, 0) < 382;
       let u;
-      S ? u = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (u = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, m = "115,115,115", d = "255,255,255, 0.4"), i && (u = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = u, b();
+      w ? u = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (u = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, m = "115,115,115", d = "255,255,255, 0.4"), i && (u = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = u, b();
     }
-  }, [d, m, i, b]), /* @__PURE__ */ $(
+  }, [d, m, i, b]);
+  const S = {
+    circle: "rounded-full aspect-square",
+    square: "rounded-none",
+    rounded: "rounded"
+  };
+  return /* @__PURE__ */ E.jsx(
     "div",
     {
       ref: e,
@@ -54,11 +59,7 @@ const y = (n) => {
         h && " border-red-600/20 border",
         f,
         "skeleton-container",
-        {
-          circle: "rounded-full aspect-square",
-          square: "rounded-none",
-          rounded: "rounded"
-        }[C]
+        S[C]
       ),
       children: k
     },
@@ -66,7 +67,8 @@ const y = (n) => {
   );
 };
 y.displayName = "Skeleton";
-const G = E(y, (n, e) => n.debugMode === e.debugMode && n.className === e.className && n.children === e.children && n.shape === e.shape && n.animation === e.animation && n.onlyContainer === e.onlyContainer);
+const x = N(y, (n, e) => n.debugMode === e.debugMode && n.className === e.className && n.children === e.children && n.shape === e.shape && n.animation === e.animation && n.onlyContainer === e.onlyContainer);
 export {
-  G as default
+  x as Skeleton,
+  x as default
 };

package/dist/Spinner.es.js

@@ -0,0 +1,52 @@
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
+import { c as L } from "./cn-B6yFEsav.js";
+const y = ({
+  variant: a = "sync",
+  color: t = "#3B82F6",
+  loading: o = !0,
+  size: s = "medium",
+  className: c = "",
+  speedMultiplier: i = 1
+}) => {
+  const n = (() => {
+    if (typeof s == "number") return s;
+    switch (s) {
+      case "small":
+        return 20;
+      case "medium":
+        return 35;
+      case "large":
+        return 50;
+      default:
+        return 35;
+    }
+  })(), r = {
+    color: t,
+    loading: o,
+    size: n,
+    speedMultiplier: i,
+    "aria-label": "Loading Spinner",
+    "data-testid": "spinner"
+  }, u = L("inline-block", c), d = () => {
+    switch (a) {
+      case "bounce":
+        return /* @__PURE__ */ e.jsx(f, { ...r });
+      case "dot":
+        return /* @__PURE__ */ e.jsx(j, { ...r });
+      case "grid":
+        return /* @__PURE__ */ e.jsx(x, { ...r, size: n * 0.4 });
+      case "hash":
+        return /* @__PURE__ */ e.jsx(p, { ...r });
+      case "sync":
+        return /* @__PURE__ */ e.jsx(m, { ...r, size: n * 0.4 });
+      case "clip":
+      default:
+        return /* @__PURE__ */ e.jsx(l, { ...r });
+    }
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: u, children: d() });
+};
+export {
+  y as default
+};

package/dist/{components/Steps/Steps.js → Steps.es.js}

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { Check as b } from "../../Icons/Icons.js";
-import { cn as w } from "../../lib/cn.js";
-import { motion as s } from "framer-motion";
-import $ from "react";
-const v = ({
-  index: c,
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { C as j } from "./Icons-DtFC5DJ7.js";
+import { c as y } from "./cn-B6yFEsav.js";
+import { motion as r } from "framer-motion";
+import N from "react";
+const b = ({
+  index: n,
   isHorizontal: t,
-  currentStep: f,
-  size: n
+  currentStep: u,
+  size: s
 }) => {
-  const i = c < f, p = c === f - 1, o = {
+  const i = n < u, x = n === u - 1, o = {
     horizontal: {
       sm: "w-[44px] h-[2px]",
       md: "w-20 h-1",
@@ -21,15 +21,15 @@ const v = ({
       lg: "w-1 h-20"
     }
   };
-  return /* @__PURE__ */ u("div", { className: `relative ${t ? o.horizontal[n] : o.vertical[n]}`, children: [
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ e.jsxs("div", { className: `relative ${t ? o.horizontal[s] : o.vertical[s]}`, children: [
+    /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "absolute inset-0 rounded-full bg-neutral-medium-default"
       }
     ),
-    /* @__PURE__ */ e(
-      s.div,
+    /* @__PURE__ */ e.jsx(
+      r.div,
       {
         className: "absolute inset-0 rounded-full bg-primary-default-default",
         initial: {
@@ -45,7 +45,7 @@ const v = ({
         transition: {
           duration: 0.2,
           ease: "easeInOut",
-          delay: c * 0.1
+          delay: n * 0.1
         },
         style: {
           originX: t ? 0 : 0.5,
@@ -53,8 +53,8 @@ const v = ({
         }
       }
     ),
-    p && /* @__PURE__ */ e(
-      s.div,
+    x && /* @__PURE__ */ e.jsx(
+      r.div,
       {
         className: "absolute inset-0 rounded-full bg-primary-default-default",
         initial: {
@@ -80,22 +80,22 @@ const v = ({
       }
     )
   ] });
-}, k = ({
-  steps: c,
+}, S = ({
+  steps: n,
   currentStep: t,
-  orientation: f = "horizontal",
-  variant: n = "default",
+  orientation: u = "horizontal",
+  variant: s = "default",
   size: i = "md",
-  className: p = "",
+  className: x = "",
   onStepClick: o,
-  allowClickableSteps: g = !1
+  allowClickableSteps: p = !1
 }) => {
-  const r = f === "horizontal", m = {
+  const c = u === "horizontal", m = {
     sm: {
       circle: "size-7 aspect-square text-xs",
       title: "text-sm",
       description: "text-[11px] w-16",
-      spacing: r ? "gap-2" : "gap-1",
+      spacing: c ? "gap-2" : "gap-1",
       connectorContainer: "px-2",
       iconSize: 20
     },
@@ -103,7 +103,7 @@ const v = ({
       circle: "w-10 h-10 text-sm",
       title: "text-base",
       description: "text-sm w-20",
-      spacing: r ? "gap-3" : "gap-2",
+      spacing: c ? "gap-3" : "gap-2",
       connectorContainer: "px-2",
       iconSize: 24
     },
@@ -111,11 +111,11 @@ const v = ({
       circle: "w-12 h-12 text-base",
       title: "text-lg",
       description: "text-base w-28",
-      spacing: r ? "gap-4" : "gap-3",
+      spacing: c ? "gap-4" : "gap-3",
       connectorContainer: "px-2",
       iconSize: 28
     }
-  }, N = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", h = (a) => {
+  }, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", g = (a) => {
     const l = `${m[i].circle} rounded-full flex items-center justify-center font-medium`;
     switch (a) {
       case "completed":
@@ -125,69 +125,69 @@ const v = ({
       default:
         return `${l} bg-neutral-medium-default text-neutral-medium-default`;
     }
-  }, y = (a) => {
-    g && o && o(a);
-  }, C = r ? `flex items-center w-full justify-center ${p}` : `space-y-0 ${p}`;
-  return /* @__PURE__ */ e("div", { className: C, children: c.map((a, l) => {
-    const d = N(l), x = g && o;
-    return /* @__PURE__ */ e("div", { className: "flex items-center", children: r ? /* @__PURE__ */ u("div", { className: "flex", children: [
-      /* @__PURE__ */ u("div", { className: "w-max flex flex-col items-center relative", children: [
-        /* @__PURE__ */ e(
-          s.div,
+  }, h = (a) => {
+    p && o && o(a);
+  }, v = c ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
+  return /* @__PURE__ */ e.jsx("div", { className: v, children: n.map((a, l) => {
+    const d = w(l), f = p && o;
+    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: c ? /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "w-max flex flex-col items-center relative", children: [
+        /* @__PURE__ */ e.jsx(
+          r.div,
           {
-            className: `${h(d)} ${x ? "cursor-pointer" : ""} relative z-10`,
+            className: `${g(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             transition: { duration: 0.3, delay: l * 0.3 },
-            whileTap: x ? { scale: 0.95 } : {},
-            onClick: () => y(l),
-            children: n === "numbered" || n === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e(s.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e(b, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e("span", { children: l + 1 }) : $.cloneElement(a.icon, { size: m[i].iconSize })
+            whileTap: f ? { scale: 0.95 } : {},
+            onClick: () => h(l),
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
           }
         ),
-        n !== "minimal" && n !== "numbered-minimal" && a.description && /* @__PURE__ */ e("p", { className: w(
+        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: y(
           "absolute text-center w-28 -bottom-2 translate-y-full",
           m[i].description,
           "text-gray-400 mt-2 text-center",
           d === "current" ? "text-neutral-strong-default font-semibold " : "text-neutral-medium-default"
         ), children: a.description })
       ] }),
-      l < c.length - 1 && /* @__PURE__ */ e(
+      l < n.length - 1 && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: `flex items-center w-max ${m[i].connectorContainer}`,
-          children: /* @__PURE__ */ e(
-            v,
+          children: /* @__PURE__ */ e.jsx(
+            b,
             {
               index: l,
-              isHorizontal: r,
+              isHorizontal: c,
               currentStep: t,
               size: i
             }
           )
         }
       )
-    ] }) : /* @__PURE__ */ u("div", { className: "relative flex flex-col items-center w-max", children: [
-      /* @__PURE__ */ u("div", { className: "flex flex-col items-center w-full relative", children: [
-        /* @__PURE__ */ e(
-          s.div,
+    ] }) : /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col items-center w-max", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center w-full relative", children: [
+        /* @__PURE__ */ e.jsx(
+          r.div,
           {
-            className: `${h(d)} ${x ? "cursor-pointer" : ""}`,
+            className: `${g(d)} ${f ? "cursor-pointer" : ""}`,
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             transition: { duration: 0.3, delay: l * 0.1 },
-            whileTap: x ? { scale: 0.95 } : {},
-            onClick: () => y(l),
-            children: n === "numbered" || n === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e(s.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e(b, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e("span", { children: l + 1 }) : a.icon
+            whileTap: f ? { scale: 0.95 } : {},
+            onClick: () => h(l),
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
           }
         ),
-        n !== "minimal" && n !== "numbered-minimal" && /* @__PURE__ */ e(
-          s.div,
+        s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
+          r.div,
           {
             className: `absolute -right-4 top-1/2 -translate-y-1/2  translate-x-full ml-4  gap-3 flex flex-col w-full ${m[i].spacing} flex  h-full`,
             initial: { opacity: 0, x: -10 },
             animate: { opacity: 1, x: 0 },
             transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
-            children: a.description && /* @__PURE__ */ e("p", { className: w(
+            children: a.description && /* @__PURE__ */ e.jsx("p", { className: y(
               "h-full text-start flex items-center justify-start ",
               m[i].description,
               "text-gray-400",
@@ -196,11 +196,11 @@ const v = ({
           }
         )
       ] }),
-      l < c.length - 1 && /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e(
-        v,
+      l < n.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "py-2", children: /* @__PURE__ */ e.jsx(
+        b,
         {
           index: l,
-          isHorizontal: r,
+          isHorizontal: c,
           currentStep: t,
           size: i
         }
@@ -209,5 +209,6 @@ const v = ({
   }) });
 };
 export {
-  k as default
+  S as Steps,
+  S as default
 };