prometeo-design-system 2.7.9 → 2.8.2

package/dist/Select.es.js

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

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-C4UvSsof.js";
+import { g as i, S as H } from "./Select-DpnghyhT.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Steps.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { c as j } from "./cn-B6yFEsav.js";
+import { Check as j } from "./Icons.es.js";
+import { c as y } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";
-import { Icons as y } from "./Icons.es.js";
 const b = ({
   index: n,
   isHorizontal: t,
@@ -80,7 +80,7 @@ const b = ({
       }
     )
   ] });
-}, k = ({
+}, S = ({
   steps: n,
   currentStep: t,
   orientation: u = "horizontal",
@@ -115,7 +115,7 @@ const b = ({
       connectorContainer: "px-2",
       iconSize: 28
     }
-  }, w = (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,7 +125,7 @@ const b = ({
       default:
         return `${l} bg-neutral-medium-default text-neutral-medium-default`;
     }
-  }, g = (a) => {
+  }, 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) => {
@@ -135,16 +135,16 @@ const b = ({
         /* @__PURE__ */ e.jsx(
           r.div,
           {
-            className: `${h(d)} ${f ? "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: f ? { scale: 0.95 } : {},
-            onClick: () => g(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(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
+            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 })
           }
         ),
-        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: j(
+        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",
@@ -171,13 +171,13 @@ const b = ({
         /* @__PURE__ */ e.jsx(
           r.div,
           {
-            className: `${h(d)} ${f ? "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: f ? { scale: 0.95 } : {},
-            onClick: () => g(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(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
+            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
           }
         ),
         s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
@@ -187,7 +187,7 @@ const b = ({
             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.jsx("p", { className: j(
+            children: a.description && /* @__PURE__ */ e.jsx("p", { className: y(
               "h-full text-start flex items-center justify-start ",
               m[i].description,
               "text-gray-400",
@@ -209,5 +209,5 @@ const b = ({
   }) });
 };
 export {
-  k as Steps
+  S as Steps
 };

package/dist/TabLinks.es.js

@@ -20,7 +20,7 @@ function o({
     "div",
     {
       className: r(
-        "flex flex-row justify-around items-end relative border-b-1 border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
+        "flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
         l
       ),
       role: "tablist",
@@ -49,7 +49,7 @@ function o({
                 {
                   layoutId: "tab-indicator",
                   className: r(
-                    "absolute -bottom-[1px] left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
+                    "absolute -bottom-px left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
                     f
                   ),
                   transition: {

package/dist/Table.es.js

@@ -6,7 +6,7 @@ const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div
   {
     ref: a,
     className: l(
-      "w-full caption-bottom text-sm border-b-1 rounded-lg border-neutral-default-default",
+      "w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
       e
     ),
     ...t
@@ -36,7 +36,7 @@ const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   {
     ref: a,
     className: l(
-      "border-t bg-muted/50 font-medium [&>tr]:last:!border-b-0",
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0!",
       e
     ),
     ...t

package/dist/Toast.es.js

@@ -1,52 +1,52 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import b from "react";
+import w from "react";
 import { toast as p } from "sonner";
-import { Icons as m } from "./Icons.es.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import u from "./Button.es.js";
+import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
+import h from "./Button.es.js";
 const x = {
   dark: {
     success: {
       container: "border-b-[2px] border-success-default-default",
       iconClass: "text-success-medium-default",
-      icon: "CheckCircle"
+      icon: b
     },
     error: {
       container: "border-b-[2px] border-error-default-default",
       iconClass: "text-error-medium-default",
-      icon: "Cancel"
+      icon: f
     },
     warning: {
       container: "border-b-[2px] border-warning-default-default",
       iconClass: "text-warning-medium-default",
-      icon: "Error"
+      icon: u
     },
     info: {
       container: " border-b-[2px] border-primary-default-default",
       iconClass: "text-primary-default-default",
-      icon: "Info"
+      icon: m
     }
   },
   light: {
     success: {
       container: "",
       iconClass: "text-success-default-pressed",
-      icon: "CheckCircle"
+      icon: b
     },
     error: {
       container: "",
       iconClass: "text-error-medium-pressed",
-      icon: "Cancel"
+      icon: f
     },
     warning: {
       container: "",
       iconClass: "text-warning-medium-pressed",
-      icon: "Error"
+      icon: u
     },
     info: {
       container: "",
       iconClass: "text-primary-default-pressed",
-      icon: "Info"
+      icon: m
     }
   }
 }, i = {
@@ -62,8 +62,8 @@ const x = {
     description: "text-neutral-medium-focused",
     shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
   }
-}, h = (l) => {
-  const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: f = !1 } = l;
+}, v = (l) => {
+  const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: g = !1 } = l;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -82,7 +82,7 @@ const x = {
           {
             className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: b.createElement(m[x[t][d].icon || c], { size: 24, className: x[t][d].iconClass }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[t][d].icon, { size: 24, className: x[t][d].iconClass }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
                 /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
                 o && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[t].description), children: o })
@@ -90,8 +90,8 @@ const x = {
             ]
           }
         ),
-        r?.label && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
-          u,
+        r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+          h,
           {
             label: r?.label,
             onClick: () => {
@@ -101,8 +101,8 @@ const x = {
             color: "secondary"
           }
         ) }),
-        f && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
-          u,
+        g && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+          h,
           {
             onClick: () => {
               p.dismiss(n);
@@ -110,7 +110,7 @@ const x = {
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(m.Close, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
             variant: "text",
             animate: !1,
             className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
@@ -120,10 +120,10 @@ const x = {
     }
   );
 };
-function y(l, a) {
+function M(l, a) {
   const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
   return p.custom((c) => /* @__PURE__ */ e.jsx(
-    h,
+    v,
     {
       id: c,
       variant: a?.variant || "success",
@@ -140,6 +140,6 @@ function y(l, a) {
   });
 }
 export {
-  h as default,
-  y as toastpyrion
+  v as default,
+  M as toastpyrion
 };

package/dist/Tooltip.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { AnimatePresence as f, motion as n } from "framer-motion";
-import { useState as p, cloneElement as x } from "react";
-import { Icons as b } from "./Icons.es.js";
+import { Close as f } from "./Icons.es.js";
+import { AnimatePresence as p, motion as n } from "framer-motion";
+import { useState as x, cloneElement as b } from "react";
 const N = ({
   title: i,
   trigger: o,
@@ -9,7 +9,7 @@ const N = ({
   position: t = "top",
   component: c
 }) => {
-  const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
+  const [s, l] = x(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
     onMouseEnter: m,
     onMouseLeave: a
   } : {
@@ -21,8 +21,8 @@ const N = ({
     right: "left-full top-1/2 -translate-y-1/2 ml-2"
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
-    x(r, u),
-    /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
+    b(r, u),
+    /* @__PURE__ */ e.jsx(p, { children: s && /* @__PURE__ */ e.jsx(
       n.div,
       {
         initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
@@ -49,7 +49,7 @@ const N = ({
               className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
               whileHover: { scale: 1.1 },
               whileTap: { scale: 0.95 },
-              children: /* @__PURE__ */ e.jsx(b.Close, { size: 14, className: "text-white" })
+              children: /* @__PURE__ */ e.jsx(f, { size: 14, className: "text-white" })
             }
           )
         ] })

package/dist/components/Spinner/SpinnerV2.d.ts

@@ -0,0 +1,12 @@
+import { SizeVariant } from '../Shared/types';
+type SpinnerVariant = 'sync' | 'clip' | 'bounce' | 'dot' | 'grid' | 'hash';
+export interface SpinnerProps {
+    color?: string;
+    secondaryColor?: string;
+    size?: SizeVariant;
+    className?: string;
+    speedMultiplier?: number;
+    variant?: SpinnerVariant;
+}
+declare const SpinnerV2: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SpinnerV2;

package/dist/components/Toaster/Toaster.d.ts

@@ -1,9 +1,9 @@
-import { Icons } from '../../Icons/Icons';
 import { ColorMode } from '../Shared/types';
+import { IconComponent } from '../../Icons/Icons';
 type ToastElementsProps = {
     container: string;
     iconClass: string;
-    icon: keyof typeof Icons;
+    icon: IconComponent;
 };
 type ToastVarians = 'success' | 'error' | 'warning' | 'info';
 type ToastVariantClassnames = {
@@ -20,7 +20,7 @@ export interface PyrionToastProps {
     variant?: keyof typeof toastVariants['dark'];
     title?: string;
     description?: string;
-    icon?: keyof typeof Icons;
+    icon?: IconComponent;
     duration?: number;
     button?: {
         label?: string;

package/dist/exports/Icons.d.ts

@@ -1 +1 @@
-export { Icons } from '../Icons/Icons';
+export * from '../Icons/Icons';

package/dist/index.d.ts

@@ -2,13 +2,11 @@ export { default as Avatar } from './components/Avatar/Avatar';
 export { default as Button } from './components/Button/Button';
 export { CardProfile } from './components/CardProfile/CardProfile';
 export { default as CheckBox } from './components/CheckBox/CheckBox';
-export { default as CheckboxFormik } from './components/CheckboxFormik/CheckboxFormik';
 export { default as DialogModal } from './components/Dialog/Dialog';
 export { default as DrawerDesktop } from './components/Drawer/DrawerDesktop';
 export { default as DrawerMobile } from './components/Drawer/DrawerMobile';
 export { default as Header } from './components/Header/Header';
 export { default as Input } from './components/Input/Input';
-export { default as InputFormik } from './components/InputFormik/InputFormik';
 export { default as InputMultiple } from './components/InputMultiple/InputMultiple';
 export { default as Logo } from './components/Logo/Logo';
 export { Menu } from './components/Menu/MenuComposable';
@@ -16,8 +14,6 @@ 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';
 export { default as Steps } from './components/Steps/Steps';
@@ -38,8 +34,6 @@ export { default as ToastProvider } from './components/Toaster/ToastProvider';
 export { toastpyrion } from './components/Toaster/Toaster';
 export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
 export { default as FAButton } from './components/FAB/FAButton';
-export { default as InputFormikV2 } from './components/InputFormik/InputFormikV2';
-export { default as RadioButtonFormik } from './components/RadioButtonFormik/RadioButtonFormik';
 export { default as RadioButton } from './components/RadioButton/RadioButton';
 export * from './components/Sidebar';
 export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
@@ -60,11 +54,9 @@ export { useIsMobile } from './hooks/useDevice';
 export type { ButtonProps } from './components/Button/Button';
 export type { ISessionLocalStorage } from './components/CardProfile/CardProfile';
 export type { CheckBoxProps } from './components/CheckBox/CheckBox';
-export type { ICheckboxFormik } from './components/CheckboxFormik/CheckboxFormik';
 export type { DropZoneProps } from './components/DropZone/DropZone';
 export type { IHeader } from './components/Header/Header';
 export type { InputProps, InputSize, InputVariant, } from './components/Input/Input';
-export type { IInputFormik } from './components/InputFormik/InputFormik';
 export type { IMenuItems, IMenuRoot } from './components/Menu/MenuComposable';
 export type { OtpInputProps } from './components/OtpInput/OtpInput';
 export type { BadgeProps } from './components/Sidebar/components/badge';
@@ -80,8 +72,6 @@ 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/SelectFormikLegacy';
-export type { SelectFormikProps } from './components/SelectFormik/SelectFormik';
 export type { DialogHandle } from './components/Dialog/Dialog';
 export { DropZone } from './components/DropZone/DropZone';
 export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
@@ -106,7 +96,5 @@ export type { SelectControlsHandler } from './components/Select/Select';
 export type { SelectOptionType } from './components/Select/Select';
 export type { BaseSelectSearchProps as SelectSearchProps } from './components/SelectSearch/SelectSearch';
 export type { FAButtonProps } from './components/FAB/FAButton';
-export type { IInputFormikV2 } from './components/InputFormik/InputFormikV2';
 export type { RadioButtonProps } from './components/RadioButton/RadioButton';
-export type { RadioButtonFormikProps } from './components/RadioButtonFormik/RadioButtonFormik';
 export { Icons } from './Icons/Icons';