prometeo-design-system 2.3.6 → 2.3.7

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-ByW6EXIE.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 {}

package/dist/SelectFormikLegacy.es.js

@@ -0,0 +1,194 @@
+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", L = () => {
+    if (!r.value) return [];
+    const e = V();
+    return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
+  }, P = (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);
+  }, F = (e) => {
+    e.stopPropagation(), o.setValue(i ? [] : "");
+  }, M = (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);
+      }
+  };
+  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 R = () => {
+    const e = L();
+    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(), M(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",
+    {
+      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: R() }),
+                /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
+                  f && /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      onMouseDown: (e) => {
+                        e.preventDefault(), e.stopPropagation(), F(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(), P(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"
+          }
+        )
+      ]
+    }
+  );
+}, _ = G(Q);
+export {
+  _ as default
+};

package/dist/components/SelectFormik/SelectFormik.d.ts

@@ -1,21 +1,6 @@
-export interface ISelectFormikOption {
-    id: number | string;
-    label: string;
-    [key: string]: any;
-}
-export interface ISelectFormik {
-    label: string;
+import { SelectProps } from '../Select/Select';
+export interface SelectFormikProps<T> extends Omit<SelectProps<T>, 'value' | 'onChange'> {
     name: string;
-    placeholder?: string;
-    disabled: boolean;
-    containerClassName: string;
-    className: string;
-    labelVariant?: "default" | "static";
-    options: ISelectFormikOption[];
-    multiple?: boolean;
-    emptyMessage?: string;
-    isFetching?: boolean;
-    returnFullObject?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, isFetching, returnFullObject, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+declare const SelectFormik: <T>(props: SelectFormikProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SelectFormik;

package/dist/components/SelectFormik/SelectFormikLegacy.d.ts

@@ -0,0 +1,21 @@
+export interface ISelectFormikOption {
+    id: number | string;
+    label: string;
+    [key: string]: any;
+}
+export interface ISelectFormik {
+    label: string;
+    name: string;
+    placeholder?: string;
+    disabled: boolean;
+    containerClassName: string;
+    className: string;
+    labelVariant?: "default" | "static";
+    options: ISelectFormikOption[];
+    multiple?: boolean;
+    emptyMessage?: string;
+    isFetching?: boolean;
+    returnFullObject?: boolean;
+}
+declare const _default: import('react').MemoExoticComponent<({ label, name, placeholder, disabled, containerClassName, className, options, multiple, emptyMessage, labelVariant, isFetching, returnFullObject, }: ISelectFormik) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/exports/SelectFormik.d.ts

@@ -1,2 +1,2 @@
 export { default } from '../components/SelectFormik/SelectFormik';
-export type { ISelectFormik, ISelectFormikOption, } from '../components/SelectFormik/SelectFormik';
+export type { SelectFormikProps } from '../components/SelectFormik/SelectFormik';

package/dist/exports/SelectFormikLegacy.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/SelectFormik/SelectFormikLegacy';
+export type { ISelectFormikOption, ISelectFormik } from '../components/SelectFormik/SelectFormikLegacy';

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { default as Pagination } from './components/Pagination/Pagination';
 export { ProfilePictureUpload } from './components/ProfilePictureUpload/ProfilePictureUpload';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
 export { default as Select } from './components/Select/Select';
+export { default as SelectFormikLegacy } from './components/SelectFormik/SelectFormikLegacy';
 export { default as SelectFormik } from './components/SelectFormik/SelectFormik';
 export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
 export { default as Spinner } from './components/Spinner/Spinner';
@@ -71,7 +72,8 @@ export type { PaginationProps } from './components/Pagination/Pagination';
 export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
 export type { Step, StepsProps } from './components/Steps/Steps';
 export type { SelectProps } from './components/Select/Select';
-export type { ISelectFormik, ISelectFormikOption, } from './components/SelectFormik/SelectFormik';
+export type { ISelectFormik, ISelectFormikOption, } from './components/SelectFormik/SelectFormikLegacy';
+export type { SelectFormikProps } from './components/SelectFormik/SelectFormik';
 export type { DialogHandle } from './components/Dialog/Dialog';
 export { DropZone } from './components/DropZone/DropZone';
 export type { ToasterPrometeo } from './components/Toaster/Toaster';

package/dist/prometeo-design-system.es.js

@@ -16,22 +16,23 @@ import { default as rt } from "./Pagination.es.js";
 import { ProfilePictureUpload as nt } from "./ProfilePictureUpload.es.js";
 import { default as st } from "./ProgressBar.es.js";
 import { default as ct } from "./Select.es.js";
-import { default as dt } from "./SelectFormik.es.js";
-import { default as mt } from "./Spinner.es.js";
-import { Steps as xt } from "./Steps.es.js";
-import { default as vt } from "./SwipeContainer.es.js";
-import { Switch as yt } from "./Switch.es.js";
-import { default as wt } from "./DatePicker.es.js";
-import { Table as Nt, TableBody as Ct, TableCaption as St, TableCell as kt, TableFooter as It, TableHead as Bt, TableHeader as Rt, TableRow as Lt } from "./Table.es.js";
-import { default as Pt } from "./TabLinks.es.js";
-import { default as Tt } from "./TextArea.es.js";
-import { default as Dt } from "./Tooltip.es.js";
-import { Skeleton as Ot } from "./Skeleton.es.js";
-import { SegmentedButton as Wt } from "./SegmentedButton.es.js";
+import { default as dt } from "./SelectFormikLegacy.es.js";
+import { default as mt } from "./SelectFormik.es.js";
+import { default as xt } from "./Spinner.es.js";
+import { Steps as vt } from "./Steps.es.js";
+import { default as yt } from "./SwipeContainer.es.js";
+import { Switch as wt } from "./Switch.es.js";
+import { default as Nt } from "./DatePicker.es.js";
+import { Table as St, TableBody as kt, TableCaption as It, TableCell as Bt, TableFooter as Rt, TableHead as Lt, TableHeader as At, TableRow as Pt } from "./Table.es.js";
+import { default as Tt } from "./TabLinks.es.js";
+import { default as Dt } from "./TextArea.es.js";
+import { default as Ot } from "./Tooltip.es.js";
+import { Skeleton as Wt } from "./Skeleton.es.js";
+import { SegmentedButton as Ft } from "./SegmentedButton.es.js";
 import { u as S } from "./LayoutGeneric-jDE96L2N.js";
-import { L as Ft, S as Mt } from "./LayoutGeneric-jDE96L2N.js";
-import { I as Gt } from "./ImageGallery-BeADef_g.js";
-import { default as _t } from "./Image.es.js";
+import { L as Ut, S as Gt } from "./LayoutGeneric-jDE96L2N.js";
+import { I as _t } from "./ImageGallery-BeADef_g.js";
+import { default as Zt } from "./Image.es.js";
 import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import P, { useRef as g, useState as y, useLayoutEffect as q, createContext as T, useContext as z, useEffect as N, forwardRef as k, useCallback as D } from "react";
@@ -39,10 +40,10 @@ import { useGSAP as I } from "@gsap/react";
 import m from "gsap";
 import { Icons as h } from "./Icons.es.js";
 import { motion as b, AnimatePresence as B } from "framer-motion";
-import { default as Zt } from "./OtpInput.es.js";
+import { default as Kt } from "./OtpInput.es.js";
 import { useDropzone as E } from "react-dropzone";
-import { useIsMobile as Kt } from "./useDevice.es.js";
-import { DropZone as Yt } from "./DropZone.es.js";
+import { useIsMobile as Yt } from "./useDevice.es.js";
+import { DropZone as ta } from "./DropZone.es.js";
 const O = (t, e) => {
   I(
     () => {
@@ -932,59 +933,60 @@ export {
   Pe as CheckBox,
   Te as CheckboxFormik,
   he as CompanyLogo,
-  wt as DatePicker,
+  Nt as DatePicker,
   De as DialogModal,
   He as DrawerDesktop,
   Fe as DrawerMobile,
-  Yt as DropZone,
+  ta as DropZone,
   Ge as Header,
   h as Icons,
-  _t as Image,
-  Gt as ImageGallery,
+  Zt as Image,
+  _t as ImageGallery,
   _e as Input,
   Ze as InputFormik,
   Ke as InputMultiple,
-  Ft as LayoutGeneric,
+  Ut as LayoutGeneric,
   Ye as Logo,
   tt as Menu,
   xe as NavBarActions,
   ye as NavbarCollapseButton,
   be as NavbarLinks,
   pe as NavigationLink,
-  Zt as OtpInput,
+  Kt as OtpInput,
   rt as Pagination,
   nt as ProfilePictureUpload,
   st as ProgressBar,
   de as SecondaryBar,
-  Wt as SegmentedButton,
+  Ft as SegmentedButton,
   ct as Select,
-  dt as SelectFormik,
+  mt as SelectFormik,
+  dt as SelectFormikLegacy,
   me as Sidebar,
   M as SidebarProvider,
-  Mt as SidebarRefProvider,
-  Ot as Skeleton,
-  mt as Spinner,
-  xt as Steps,
-  vt as SwipeContainer,
-  yt as Switch,
-  Pt as TabLinks,
-  Nt as Table,
-  Ct as TableBody,
-  St as TableCaption,
-  kt as TableCell,
-  It as TableFooter,
-  Bt as TableHead,
-  Rt as TableHeader,
-  Lt as TableRow,
-  Tt as TextArea,
-  Dt as Tooltip,
+  Gt as SidebarRefProvider,
+  Wt as Skeleton,
+  xt as Spinner,
+  vt as Steps,
+  yt as SwipeContainer,
+  wt as Switch,
+  Tt as TabLinks,
+  St as Table,
+  kt as TableBody,
+  It as TableCaption,
+  Bt as TableCell,
+  Rt as TableFooter,
+  Lt as TableHead,
+  At as TableHeader,
+  Pt as TableRow,
+  Dt as TextArea,
+  Ot as Tooltip,
   ve as useActionsNavbar,
   je as useClickOutside,
   Ee as useDialogControl,
   We as useDrawerDesktop,
   Me as useDrawerMobile,
   we as useFileDropzone,
-  Kt as useIsMobile,
+  Yt as useIsMobile,
   ge as useNavbarCollapse,
   fe as useSidebar,
   S as useSidebarContext

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.3.6",
+  "version": "2.3.7",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",

package/dist/components/SelectFormik/SelectFormikV2.d.ts

@@ -1,6 +0,0 @@
-import { SelectProps } from '../Select/Select';
-interface SelectFormikProps<T> extends Omit<SelectProps<T>, 'value' | 'onChange'> {
-    name: string;
-}
-declare const SelectFormikV2: <T>(props: SelectFormikProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default SelectFormikV2;