prometeo-design-system 2.3.6 → 2.3.8

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { c as p } from "./cn-B6yFEsav.js";
 import { motion as u } from "framer-motion";
 import { useState as f } from "react";

package/dist/{Button-Bc0LYLfg.js → Button-DsbEyjth.js}

@@ -1,4 +1,4 @@
-import { j as f } from "./jsx-runtime-ByW6EXIE.js";
+import { j as f } from "./jsx-runtime-DKDX3adD.js";
 import { c as g } from "./cn-B6yFEsav.js";
 import { clsx as B } from "clsx";
 import { useAnimationControls as E, motion as j } from "framer-motion";

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { B as f } from "./Button-Bc0LYLfg.js";
+import { B as f } from "./Button-DsbEyjth.js";
 export {
   f as default
 };

package/dist/{CardProfile-BhHJmvqs.js → CardProfile-Fn44kEnM.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { motion as l, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-BhHJmvqs.js";
+import { C as a } from "./CardProfile-Fn44kEnM.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as h } from "./Icons.es.js";
 import { memo as x, useId as o, useRef as m } from "react";
 const n = ({ className: s, disabled: e, ...t }) => {

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DatePicker.es.js

@@ -1,11 +1,11 @@
-import { j as $ } from "./jsx-runtime-ByW6EXIE.js";
+import { j as $ } from "./jsx-runtime-DKDX3adD.js";
 import m, { createContext as mn, useContext as hn, useCallback as q, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
 import { InputMultiple as gn } from "./InputMultiple.es.js";
 import wn from "./Input.es.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";
-import { B as vt } from "./Button-Bc0LYLfg.js";
+import { B as vt } from "./Button-DsbEyjth.js";
 function Mn(e, t, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
     // Enforces engine to render the time. Without the option JavaScriptCore omits it.

package/dist/DialogModal.es.js

@@ -1,56 +1,59 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
-import { forwardRef as p, useState as d, useImperativeHandle as f, useRef as m } from "react";
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { forwardRef as p, useState as g, useCallback as n, useImperativeHandle as m, useRef as j } from "react";
 import { c as x } from "./cn-B6yFEsav.js";
-const j = p(({
-  children: e,
-  onClose: t,
-  className: a
-}, c) => {
-  const [s, n] = d(!1), [r, i] = d(null), g = (l) => {
-    i(l ?? null), n(!0);
-  }, u = () => {
-    n(!1), t?.(r), setTimeout(() => i(null), 300);
-  };
-  return f(c, () => ({
-    open: g,
-    close: u,
-    isOpen: s,
-    getContext: () => r
-  })), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
-      onClick: u,
-      children: /* @__PURE__ */ o.jsx(
-        "div",
-        {
-          className: x("bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6", a),
-          onClick: (l) => l.stopPropagation(),
-          children: typeof e == "function" ? e(r) : e
-        }
-      )
-    }
-  ) });
-}), C = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: x("flex flex-col gap-4"), children: e }) }), D = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }), b = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), v = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), w = Object.assign(j, {
-  Content: C,
-  Header: b,
-  Footer: v,
-  Title: D
-}), R = () => {
-  const e = m(null);
+const D = p(
+  ({ children: e, onClose: t, className: a }, c) => {
+    const [s, l] = g(!1), [r, u] = g(null), f = n((i) => {
+      u(i ?? null), l(!0);
+    }, []), d = n(() => {
+      l(!1), t?.(r), setTimeout(() => u(null), 300);
+    }, [r, t]);
+    return m(c, () => ({
+      open: f,
+      close: d,
+      isOpen: s,
+      getContext: () => r
+    })), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
+        onClick: d,
+        children: /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            className: x(
+              "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
+              a
+            ),
+            onClick: (i) => i.stopPropagation(),
+            children: typeof e == "function" ? e(r) : e
+          }
+        )
+      }
+    ) });
+  }
+), b = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: x("flex flex-col gap-4"), children: e }) }), C = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }), v = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), h = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), k = Object.assign(D, {
+  Content: b,
+  Header: v,
+  Footer: h,
+  Title: C
+});
+k.displayName = "DialogModal";
+const R = () => {
+  const e = j(null), t = n((l) => {
+    e.current?.open(l);
+  }, []), a = n(() => {
+    e.current?.close();
+  }, []), c = n(() => e.current?.isOpen ?? !1, []), s = n(() => e.current?.getContext() ?? null, []);
   return {
     ref: e,
-    open: (n) => {
-      e.current?.open(n);
-    },
-    close: () => {
-      e.current?.close();
-    },
-    isOpen: () => e.current?.isOpen ?? !1,
-    getContext: () => e.current?.getContext() ?? null
+    open: t,
+    close: a,
+    isOpen: c,
+    getContext: s
   };
 };
 export {
-  w as default,
+  k as default,
   R as useDialogControl
 };

package/dist/DrawerDesktop.es.js

@@ -1,6 +1,6 @@
-import { j as s } from "./jsx-runtime-ByW6EXIE.js";
+import { j as s } from "./jsx-runtime-DKDX3adD.js";
 import { c as b } from "./cn-B6yFEsav.js";
-import { c as y, B as h } from "./Button-Bc0LYLfg.js";
+import { c as y, B as h } from "./Button-DsbEyjth.js";
 import { createPortal as g } from "react-dom";
 import { Icons as C } from "./Icons.es.js";
 import { forwardRef as k, useState as j, useRef as x, useEffect as v, useCallback as l, useImperativeHandle as D } from "react";

package/dist/DrawerMobile.es.js

@@ -1,4 +1,4 @@
-import { j as d } from "./jsx-runtime-ByW6EXIE.js";
+import { j as d } from "./jsx-runtime-DKDX3adD.js";
 import { c as T } from "./cn-B6yFEsav.js";
 import { forwardRef as q, useState as J, useRef as v, useEffect as M, useCallback as l, useMemo as B, useImperativeHandle as K } from "react";
 import { createPortal as Q } from "react-dom";

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import R, { useCallback as w } from "react";
 import { useDropzone as z } from "react-dropzone";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { motion as m } from "framer-motion";
 import { memo as i } from "react";

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-ByW6EXIE.js";
+import { j as h } from "./jsx-runtime-DKDX3adD.js";
 import { memo as v } from "react";
 const l = (t) => v(t), w = l(({
   size: t = 24,

package/dist/Image.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-ByW6EXIE.js";
+import { j as n } from "./jsx-runtime-DKDX3adD.js";
 import { memo as x, useState as E, useRef as R, useCallback as N, useEffect as b } from "react";
 import M from "./Spinner.es.js";
 import { c as d } from "./cn-B6yFEsav.js";

package/dist/{ImageGallery-BeADef_g.js → ImageGallery-DnoRTpCr.js}

@@ -1,8 +1,8 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import ee, { memo as D, forwardRef as L, useRef as v, useEffect as te, useCallback as i, useState as R, useImperativeHandle as ne } from "react";
 import { c as X } from "./cn-B6yFEsav.js";
 import { u as re } from "./useDragScroll-CHN9OMwn.js";
-import { B as S } from "./Button-Bc0LYLfg.js";
+import { B as S } from "./Button-DsbEyjth.js";
 import { Icons as M } from "./Icons.es.js";
 const O = D(L(({ images: n, className: c }, r) => {
   const { ref: d, bind: a } = re({

package/dist/ImageGallery.es.js

@@ -1,4 +1,4 @@
-import { I as p } from "./ImageGallery-BeADef_g.js";
+import { I as p } from "./ImageGallery-DnoRTpCr.js";
 import { useRef as u, useCallback as r } from "react";
 const g = () => {
   const e = u(null), t = r((a) => {

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as J } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as xe, useState as H, useRef as K, useCallback as me, useEffect as L, useLayoutEffect as ge } from "react";

package/dist/InputFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import { FastField as O, ErrorMessage as q } from "formik";
 import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";

package/dist/InputMultiple.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as C } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";

package/dist/{LayoutGeneric-jDE96L2N.js → LayoutGeneric-p4Pll4Cm.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
 const o = i(null), l = ({ children: e }) => {
   const r = a(null), s = (n) => {

package/dist/LayoutGeneric.es.js

@@ -1,4 +1,4 @@
-import { L as f } from "./LayoutGeneric-jDE96L2N.js";
+import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as t } from "./Icons.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),

package/dist/Menu.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(

package/dist/OtpInput.es.js

@@ -1,4 +1,4 @@
-import { j as p } from "./jsx-runtime-ByW6EXIE.js";
+import { j as p } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as ve } from "./Icons.es.js";
 import { c as L } from "./cn-B6yFEsav.js";
 import * as n from "react";

package/dist/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/ProfilePictureUpload.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { motion as i, AnimatePresence as E } from "framer-motion";
 import { useRef as v, useState as R, useLayoutEffect as A } from "react";
 import H from "./Avatar.es.js";

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import u from "react";
 const j = u.forwardRef(

package/dist/SegmentedButton.es.js

@@ -1,4 +1,4 @@
-import { j as u } from "./jsx-runtime-ByW6EXIE.js";
+import { j as u } from "./jsx-runtime-DKDX3adD.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import z, { useState as M, useMemo as C, useEffect as L } from "react";
 import { motion as E } from "framer-motion";

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as k } from "./Icons.es.js";
 import { c as a } from "./cn-B6yFEsav.js";
 import ce, { useRef as F, useLayoutEffect as we, memo as z, useState as ie, useMemo as U, useCallback as P, useEffect as Z } from "react";

package/dist/SelectFormik.es.js

@@ -1,194 +1,21 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
-import { Icons as g } from "./Icons.es.js";
-import { c as d } from "./cn-B6yFEsav.js";
-import { useField as $, ErrorMessage as q } from "formik";
-import { memo as G, useState as k, useRef as H, useEffect as J } from "react";
-import K from "./Spinner.es.js";
-const Q = ({
-  label: C,
-  name: I,
-  placeholder: b = "",
-  disabled: j,
-  containerClassName: S,
-  className: D,
-  options: c = [],
-  multiple: i = !1,
-  emptyMessage: z = "No hay opciones disponibles",
-  labelVariant: w = "default",
-  isFetching: E = !1,
-  returnFullObject: m = !1
-  // Por defecto false para mantener compatibilidad
-}) => {
-  const [r, N, o] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, u = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(u) : u(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", P = () => {
-    if (!r.value) return [];
-    const e = V();
-    return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
-  }, F = (e) => {
-    if (i) {
-      const a = Array.isArray(r.value) ? r.value.map(u) : [], s = a.includes(e.id);
-      if (m) {
-        const n = Array.isArray(r.value) ? r.value : [], y = s ? n.filter((B) => u(B) !== e.id) : [...n, e];
-        o.setValue(y);
-      } else {
-        const n = s ? a.filter((y) => y !== e.id) : [...a, e.id];
-        o.setValue(n);
-      }
-    } else
-      o.setValue(m ? e : e.id), x(!1);
-  }, M = (e) => {
-    e.stopPropagation(), o.setValue(i ? [] : "");
-  }, R = (e, a) => {
-    if (a?.stopPropagation(), i && Array.isArray(r.value))
-      if (m) {
-        const s = r.value.filter(
-          (n) => u(n) !== e
-        );
-        o.setValue(s);
-      } else {
-        const s = r.value.filter(
-          (n) => n !== e
-        );
-        o.setValue(s);
-      }
+import { j as m } from "./jsx-runtime-DKDX3adD.js";
+import { useField as s } from "formik";
+import i from "./Select.es.js";
+const p = (e) => {
+  const [o, r, t] = s(e.name), a = (n) => {
+    t.setValue(n.map((l) => l.value));
   };
-  J(() => {
-    const e = (a) => {
-      h.current && !h.current.contains(a.target) && x(!1);
-    };
-    return l && document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, [l]);
-  const L = () => {
-    const e = P();
-    return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
-        children: [
-          /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: a.label }),
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              onMouseDown: (s) => {
-                s.preventDefault(), R(a.id, s);
-              },
-              className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
-              type: "button",
-              tabIndex: -1,
-              children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
-            }
-          )
-        ]
-      },
-      a.id
-    )) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
-  };
-  return /* @__PURE__ */ t.jsxs(
-    "div",
+  return /* @__PURE__ */ m.jsx(
+    i,
     {
-      className: d("relative w-full bg-inherit", S),
-      ref: h,
-      children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
-          /* @__PURE__ */ t.jsxs(
-            "div",
-            {
-              onClick: () => !j && x(!l),
-              onFocus: () => A(!0),
-              onBlur: () => A(!1),
-              className: d(
-                "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
-                "flex items-center justify-between bg-transparent focus:outline-none",
-                f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-[2px]" : v ? "ring-error-default-default ring-[2px]" : "border-neutral-default-default hover:border-primary-default-hover",
-                j && "opacity-50 cursor-not-allowed pointer-events-none",
-                D
-              ),
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  "label",
-                  {
-                    className: d(
-                      "absolute pointer-events-none bg-inherit px-1 z-10",
-                      w === "default" && "transition-all duration-200 ease-in-out",
-                      "text-md",
-                      O(),
-                      f || l || p ? "text-primary-default-default" : v ? "text-red-500" : "text-neutral-medium-default",
-                      "left-3"
-                    ),
-                    children: C
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: L() }),
-                /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
-                  f && /* @__PURE__ */ t.jsx(
-                    "button",
-                    {
-                      onMouseDown: (e) => {
-                        e.preventDefault(), e.stopPropagation(), M(e);
-                      },
-                      className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
-                      type: "button",
-                      tabIndex: -1,
-                      children: /* @__PURE__ */ t.jsx(g.Close, { size: 16, className: "" })
-                    }
-                  ),
-                  E ? /* @__PURE__ */ t.jsx(K, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
-                    g.ChevronDown,
-                    {
-                      size: 20,
-                      className: d(
-                        "transition-transform text-neutral-default-default",
-                        l ? "rotate-180" : ""
-                      )
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: c.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: z }) : c.map((e) => {
-            const a = V(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
-            return /* @__PURE__ */ t.jsxs(
-              "div",
-              {
-                onMouseDown: (n) => {
-                  n.preventDefault(), F(e), n.stopPropagation();
-                },
-                className: d(
-                  "px-3 py-2 cursor-pointer flex items-center transition-colors",
-                  s ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
-                ),
-                children: [
-                  i && /* @__PURE__ */ t.jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      checked: s,
-                      onChange: () => {
-                      },
-                      className: "mr-2 pointer-events-none"
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx("span", { children: e.label })
-                ]
-              },
-              e.id
-            );
-          }) })
-        ] }),
-        v && /* @__PURE__ */ t.jsx(
-          q,
-          {
-            name: r.name,
-            component: "span",
-            className: "block text-error-default-default text-xs mt-1"
-          }
-        )
-      ]
+      ...e,
+      value: o.value,
+      onChange: a,
+      variant: r.error ? "error" : "default",
+      errorComponent: r.error || void 0
     }
   );
-}, _ = G(Q);
+};
 export {
-  _ as default
+  p as default
 };

package/dist/SelectFormikLegacy.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/SelectFormikLegacy'
+export {}
+import PrometeoDesignSystem from './exports/SelectFormikLegacy'
+export default PrometeoDesignSystem
+export * from './exports/SelectFormikLegacy'
+export {}