prometeo-design-system 2.7.0 → 2.7.2

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

@@ -1,13 +1,13 @@
 import { default as Se } from "./Avatar.es.js";
-import { B as Ie } from "./Button-CvBWH1HX.js";
+import { default as Ie } from "./Button.es.js";
 import { C as Re, a as Le } from "./CardProfile-DV3gwvqE.js";
 import { default as Ae } from "./CheckBox.es.js";
 import { default as qe } from "./CheckboxFormik.es.js";
 import { default as De, useDialogControl as Ee } from "./DialogModal.es.js";
 import { default as Fe, useDrawerDesktop as He } from "./DrawerDesktop.es.js";
 import { default as $e, useDrawerMobile as Me } from "./DrawerMobile.es.js";
-import { default as Ue } from "./Header.es.js";
-import { I as _e } from "./Input-BTsR-vNF.js";
+import { default as Ve } from "./Header.es.js";
+import { I as _e } from "./Input-CnXDg2s7.js";
 import { default as Ze } from "./InputFormik.es.js";
 import { InputMultiple as Ke } from "./InputMultiple.es.js";
 import { default as Ye } from "./Logo.es.js";
@@ -15,7 +15,7 @@ import { Menu as tt } from "./Menu.es.js";
 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 { S as ct } from "./Select-BQMdfu1n.js";
+import { S as ct } from "./Select-CiaBY4E0.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";
@@ -30,8 +30,8 @@ import { default as Ot } from "./Tooltip.es.js";
 import { Skeleton as Ht } from "./Skeleton.es.js";
 import { SegmentedButton as $t } from "./SegmentedButton.es.js";
 import { u as k } from "./LayoutGeneric-CbaoatQB.js";
-import { L as Vt, S as Ut } from "./LayoutGeneric-CbaoatQB.js";
-import { I as _t } from "./ImageGallery-DKzJg3un.js";
+import { L as Ut, S as Vt } from "./LayoutGeneric-CbaoatQB.js";
+import { I as _t } from "./ImageGallery-D8nIvBpV.js";
 import { default as Zt } from "./Image.es.js";
 import { default as Kt, toastpyrion as Qt } from "./Toast.es.js";
 import { default as ea } from "./ToastProvider.es.js";
@@ -40,7 +40,6 @@ import { default as oa } from "./FAButton.es.js";
 import { default as ia } from "./InputFormikV2.es.js";
 import { RadioButtonFormik as la } from "./RadioButtonFormik.es.js";
 import { RadioButton as ua } from "./RadioButton.es.js";
-import { default as fa } from "./ButtonV2.es.js";
 import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import A, { useRef as v, useState as g, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as h, useCallback as D } from "react";
@@ -48,10 +47,10 @@ import { useGSAP as I } from "@gsap/react";
 import x from "gsap";
 import { Icons as w } from "./Icons.es.js";
 import { motion as b, AnimatePresence as B } from "framer-motion";
-import { default as pa } from "./OtpInput.es.js";
+import { default as fa } from "./OtpInput.es.js";
 import { useDropzone as E } from "react-dropzone";
-import { useIsMobile as ba } from "./useDevice.es.js";
-import { DropZone as va } from "./DropZone.es.js";
+import { useIsMobile as pa } from "./useDevice.es.js";
+import { DropZone as ba } from "./DropZone.es.js";
 const O = (t, e) => {
   I(
     () => {
@@ -191,7 +190,7 @@ const O = (t, e) => {
     }
   };
   return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
-}, j = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, V = (t, e, r) => {
+}, j = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, U = (t, e, r) => {
   I(
     () => {
       if (!t.current) return;
@@ -233,11 +232,11 @@ const O = (t, e) => {
         secondaryBarContent: x.utils.toArray(".secondary-bar *"),
         badgeInLink: x.utils.toArray(".badge-in-link")
       };
-      e ? U(n, o) : G(n, o), o.secondaryBar && _(o.secondaryBar);
+      e ? V(n, o) : G(n, o), o.secondaryBar && _(o.secondaryBar);
     },
     { scope: t, dependencies: [e, r] }
   );
-}, U = (t, e) => {
+}, V = (t, e) => {
   t.to(e.navbar, {
     width: "5rem",
     duration: 0.2,
@@ -569,7 +568,7 @@ const O = (t, e) => {
       l.current && d(l);
     }, [d]), h(() => {
       c.current && i(c);
-    }, [i]), V(l, e, !1), /* @__PURE__ */ a.jsxs(
+    }, [i]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
@@ -947,7 +946,6 @@ export {
   Se as Avatar,
   L as Badge,
   Ie as Button,
-  fa as ButtonV2,
   Re as CardProfile,
   Le as ChangueAccount,
   Ae as CheckBox,
@@ -957,9 +955,9 @@ export {
   De as DialogModal,
   Fe as DrawerDesktop,
   $e as DrawerMobile,
-  va as DropZone,
+  ba as DropZone,
   oa as FAButton,
-  Ue as Header,
+  Ve as Header,
   w as Icons,
   Zt as Image,
   _t as ImageGallery,
@@ -967,14 +965,14 @@ export {
   Ze as InputFormik,
   ia as InputFormikV2,
   Ke as InputMultiple,
-  Vt as LayoutGeneric,
+  Ut as LayoutGeneric,
   Ye as Logo,
   tt as Menu,
   xe as NavBarActions,
   ge as NavbarCollapseButton,
   be as NavbarLinks,
   pe as NavigationLink,
-  pa as OtpInput,
+  fa as OtpInput,
   rt as Pagination,
   nt as ProfilePictureUpload,
   st as ProgressBar,
@@ -988,7 +986,7 @@ export {
   aa as SelectSearch,
   me as Sidebar,
   M as SidebarProvider,
-  Ut as SidebarRefProvider,
+  Vt as SidebarRefProvider,
   Ht as Skeleton,
   xt as Spinner,
   yt as Steps,
@@ -1014,7 +1012,7 @@ export {
   He as useDrawerDesktop,
   Me as useDrawerMobile,
   we as useFileDropzone,
-  ba as useIsMobile,
+  pa as useIsMobile,
   ve as useNavbarCollapse,
   fe as useSidebar,
   k as useSidebarContext

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.7.0",
+  "version": "2.7.2",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -181,10 +181,6 @@
       "types": "./dist/RadioButtonFormik.d.ts",
       "import": "./dist/RadioButtonFormik.es.js"
     },
-    "./ButtonV2": {
-      "types": "./dist/ButtonV2.d.ts",
-      "import": "./dist/ButtonV2.es.js"
-    },
     "./styles": "./dist/prometeo-design-system.css",
     "./intellisense": "./src/styles/intellisense.css"
   },

package/dist/Button-CvBWH1HX.js

@@ -1,183 +0,0 @@
-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";
-import { memo as P, useCallback as C, useMemo as h } from "react";
-const V = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, w = B, _ = (l, d) => (e) => {
-  var m;
-  if (d?.variants == null) return w(l, e?.class, e?.className);
-  const { variants: v, defaultVariants: t } = d, n = Object.keys(v).map((s) => {
-    const u = e?.[s], i = t?.[s];
-    if (u === null) return null;
-    const o = V(u) || V(i);
-    return v[s][o];
-  }), r = e && Object.entries(e).reduce((s, u) => {
-    let [i, o] = u;
-    return o === void 0 || (s[i] = o), s;
-  }, {}), a = d == null || (m = d.compoundVariants) === null || m === void 0 ? void 0 : m.reduce((s, u) => {
-    let { class: i, className: o, ...p } = u;
-    return Object.entries(p).every((y) => {
-      let [b, x] = y;
-      return Array.isArray(x) ? x.includes({
-        ...t,
-        ...r
-      }[b]) : {
-        ...t,
-        ...r
-      }[b] === x;
-    }) ? [
-      ...s,
-      i,
-      o
-    ] : s;
-  }, []);
-  return w(l, n, a, e?.class, e?.className);
-}, $ = _(
-  "flex items-center justify-center cursor-pointer focus:outline-none font-semibold rounded-md transition-colors",
-  {
-    variants: {
-      variant: {
-        filled: "",
-        outline: "bg-transparent border-1",
-        text: "bg-transparent border-0"
-      },
-      color: {
-        primary: "",
-        secondary: ""
-      },
-      size: {
-        small: "h-[40px] w-[123px] w-fit px-2 py-3 text-sm",
-        medium: "h-[48px] w-[134px] w-fit px-2 py-3 text-base",
-        large: "h-[56px] w-[145px] w-fit px-4 py-3 text-base"
-      },
-      disabled: {
-        true: "opacity-50 cursor-default",
-        false: ""
-      },
-      loading: {
-        true: "cursor-wait",
-        false: ""
-      },
-      customSize: {
-        true: "px-4 py-2",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "filled",
-        color: "primary",
-        class: "bg-primary-default-default text-neutral-strong-default border-0 hover:bg-primary-default-hover hover:text-neutral-strong-hover focus:bg-primary-default-pressed focus:text-neutral-strong-focused active:bg-primary-pressed active:text-neutral-strong-pressed disabled:bg-primary-medium-disabled disabled:text-neutral-strong-disabled"
-      },
-      {
-        variant: "filled",
-        color: "secondary",
-        class: "bg-neutral-strong-medium-default text-neutral-strong-default hover:bg-neutral-medium-hover hover:text-neutral-strong-hover focus:bg-neutral-medium-pressed focus:text-neutral-strong-pressed active:bg-neutral-medium-pressed disabled:bg-primary-default-disabled disabled:text-neutral-strong-disabled"
-      },
-      {
-        variant: "outline",
-        color: "primary",
-        class: "text-primary-medium-default border-primary-medium-default hover:bg-neutral-default-hover hover:text-primary-medium-hover hover:border-primary-medium-hover focus:bg-neutral-default-pressed focus:text-primary-medium-pressed focus:border-primary-medium-pressed active:bg-neutral-default-pressed active:text-primary-medium-pressed active:border-primary-medium-pressed disabled:border-primary-disabled disabled:text-primary-disabled"
-      },
-      {
-        variant: "outline",
-        color: "secondary",
-        class: "text-neutral-strong-default border-neutral-strong-default hover:bg-neutral-default-hover hover:text-neutral-strong-hover hover:border-neutral-strong-hover focus:bg-neutral-default-pressed focus:text-neutral-strong-pressed focus:border-neutral-strong-pressed active:bg-neutral-default-pressed active:text-neutral-strong-pressed active:border-neutral-strong-pressed disabled:border-neutral-disabled disabled:text-neutral-disabled"
-      },
-      {
-        variant: "text",
-        color: "primary",
-        class: "text-primary-medium-default hover:bg-neutral-default-hover hover:text-primary-medium-hover focus:bg-neutral-default-pressed focus:text-primary-medium-pressed active:bg-neutral-default-pressed active:text-primary-medium-pressed disabled:text-primary-medium-disabled"
-      },
-      {
-        variant: "text",
-        color: "secondary",
-        class: "text-neutral-strong-default hover:bg-neutral-default-hover hover:text-primary-default-hover focus:bg-neutral-default-pressed focus:text-primary-medium-pressed active:bg-neutral-default-pressed active:text-primary-medium-pressed disabled:text-primary-medium-disabled"
-      }
-    ],
-    defaultVariants: {
-      variant: "filled",
-      color: "primary",
-      size: "medium",
-      disabled: !1,
-      loading: !1,
-      customSize: !1
-    }
-  }
-);
-function z({
-  label: l = "Selene",
-  onClick: d,
-  icon: e,
-  contentClassName: m,
-  loadingText: v = "Cargando...",
-  animate: t = !0,
-  animateIcon: n = !0,
-  isLoading: r = !1,
-  disabled: a = !1,
-  type: s = "button",
-  variant: u = "filled",
-  color: i = "primary",
-  size: o = "medium",
-  children: p,
-  Spinner: y,
-  className: b,
-  form: x,
-  ...N
-}) {
-  const c = E(), H = C(() => {
-    !t || a || r || !n || c.start({ rotate: 90 });
-  }, [t, a, r, n, c]), S = C(() => {
-    !t || a || r || !n || c.start({ rotate: 0 });
-  }, [t, a, r, n, c]), k = h(() => g(
-    $({
-      variant: u,
-      color: i,
-      size: o,
-      disabled: a || r,
-      loading: r
-    }),
-    b
-  ), [u, i, o, a, r, b]), O = h(() => ({
-    whileHover: t && !a && !r ? { scale: 1.05 } : {},
-    whileTap: t && !a && !r ? { scale: 0.98 } : {},
-    transition: { type: "spring", stiffness: 400, damping: 17 }
-  }), [t, a, r]), A = h(() => r ? /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2", children: [
-    y,
-    o !== "small" && /* @__PURE__ */ f.jsx("span", { children: v })
-  ] }) : p || /* @__PURE__ */ f.jsxs("span", { className: g("flex items-center gap-2", m), children: [
-    e && /* @__PURE__ */ f.jsx(
-      j.div,
-      {
-        animate: n ? c : void 0,
-        transition: {
-          type: "spring",
-          stiffness: 400,
-          damping: 17
-        },
-        children: e
-      }
-    ),
-    l && /* @__PURE__ */ f.jsx("span", { children: l })
-  ] }), [r, p, e, l, y, o, v, n, c, m]);
-  return /* @__PURE__ */ f.jsx(
-    j.button,
-    {
-      form: x,
-      onClick: d,
-      className: k,
-      ...O,
-      onHoverStart: H,
-      onHoverEnd: S,
-      disabled: a || r,
-      type: s,
-      ...N,
-      children: A
-    }
-  );
-}
-const W = P(z);
-export {
-  W as B,
-  _ as c
-};

package/dist/ButtonV2.d.ts

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

package/dist/ButtonV2.es.js

@@ -1,217 +0,0 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { memo as N, useMemo as V } from "react";
-import B from "./Spinner.es.js";
-const M = {
-  small: {
-    container: "h-10 px-4 py-2",
-    label: "",
-    icon: ""
-  },
-  medium: {
-    container: "h-12 px-6 py-2",
-    label: "",
-    icon: ""
-  },
-  large: {
-    container: "h-14 px-6 py-2",
-    label: "",
-    icon: ""
-  }
-}, n = {
-  filled: {
-    primary: {
-      container: ` bg-primary-default-default border-primary-default-default
-            hover:bg-primary-default-hover
-            active:bg-primary-default-focused            
-            `,
-      label: " text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!",
-      icon: " text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!"
-    },
-    secondary: {
-      container: `bg-neutral-medium-default border-neutral-medium-default
-            hover:bg-neutral-medium-hover
-            active:bg-neutral-medium-pressed`,
-      label: "text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!",
-      icon: "text-neutral-strong-default! group-hover:text-neutral-strong-hover! group-active:text-neutral-strong-pressed!"
-    },
-    success: {
-      container: "bg-success-default-default border-success-default-default hover:bg-success-default-hover active:bg-success-default-pressed",
-      label: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed",
-      icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
-    },
-    error: {
-      container: "bg-error-default-default hover:bg-error-default-hover active:bg-error-default-pressed",
-      label: "text-neutral-strong-default group-hover:text-neutral-strong-hover group-active:text-neutral-strong-pressed",
-      icon: "text-neutral-strong-default group-hover:text-neutral-strong-hover group-active:text-neutral-strong-pressed"
-    },
-    warning: {
-      container: "bg-warning-default-default hover:bg-warning-default-hover active:bg-warning-default-pressed",
-      label: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed",
-      icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
-    },
-    disabled: {
-      container: "bg-primary-medium-disabled border-transparent cursor-default!",
-      label: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled",
-      icon: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled"
-    }
-  },
-  outlined: {
-    primary: {
-      container: `bg-transparent border-primary-default-default border
-            hover:bg-neutral-default-hover hover:border-primary-medium-hover
-            active:bg-neutral-default-pressed active:border-primary-medium-pressed
-            `,
-      label: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed",
-      icon: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed"
-    },
-    secondary: {
-      container: "bg-transparent border-neutral-medium-default border hover:bg-neutral-default-hover hover:border-neutral-medium-hover active:bg-neutral-default-pressed active:border-neutral-medium-pressed",
-      label: "text-neutral-strong-default group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed",
-      icon: "text-neutral-strong-default group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed"
-    },
-    success: {
-      container: "border border-success-default-default hover:border-success-default-hover hover:bg-neutral-default-hover active:border-success-default-pressed active:bg-neutral-default-pressed",
-      label: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed",
-      icon: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed"
-    },
-    error: {
-      container: "border border-error-default-default hover:border-error-default-hover hover:bg-neutral-default-hover active:border-error-default-pressed active:bg-neutral-default-pressed",
-      label: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed",
-      icon: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed"
-    },
-    warning: {
-      container: "border border-warning-default-default hover:border-warning-default-hover hover:bg-neutral-default-hover active:border-warning-default-pressed active:bg-neutral-default-pressed",
-      label: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed",
-      icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
-    },
-    disabled: {
-      container: "bg-neutral-default-disabled border-neutral-default-disabled border cursor-default!",
-      label: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled",
-      icon: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled"
-    }
-  },
-  text: {
-    primary: {
-      container: " bg-transparent border-0 text-primary-default-default hover:bg-neutral-default-hover hover:border-primary-medium-hover active:bg-neutral-default-pressed",
-      label: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed",
-      icon: "text-primary-default-default group-hover:text-primary-medium-hover group-active:text-primary-medium-pressed"
-    },
-    secondary: {
-      container: "bg-transparent border-0 hover:bg-neutral-default-hover hover:border-neutral-medium-hover active:bg-neutral-default-pressed",
-      label: "text-neutral-strong-hover group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed",
-      icon: "text-neutral-strong-hover group-hover:text-neutral-storng-hover group-active:text-neutral-storng-pressed"
-    },
-    success: {
-      container: "border border-transparent hover:border-success-default-hover hover:bg-neutral-default-hover hover:border-success-default-hover active:border-success-default-pressed active:bg-neutral-default-pressed",
-      label: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed",
-      icon: "text-success-medium-default group-hover:text-success-medium-hover group-active:text-success-medium-pressed"
-    },
-    error: {
-      container: "border border-transparent hover:border-error-default-hover hover:bg-neutral-default-hover hover:border-error-default-hover active:border-error-default-pressed active:bg-neutral-default-pressed",
-      label: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed",
-      icon: "text-error-medium-default group-hover:text-error-medium-hover group-active:text-error-medium-pressed"
-    },
-    warning: {
-      container: "border border-transparent hover:border-warning-default-hover hover:bg-neutral-default-hover hover:border-warning-default-hover active:border-warning-default-pressed active:bg-neutral-default-pressed",
-      label: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed",
-      icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
-    },
-    disabled: {
-      container: "bg-transparent border-neutral-default-disabled border-none cursor-default! hover:bg-transparent",
-      label: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused",
-      icon: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused"
-    }
-  }
-}, l = {
-  small: {
-    container: "",
-    label: "prometeo-fonts-label-large",
-    icon: ""
-  },
-  medium: {
-    container: "",
-    label: "prometeo-fonts-label-xlarge",
-    icon: ""
-  },
-  large: {
-    container: "",
-    label: "prometeo-fonts-label-xlarge",
-    icon: ""
-  }
-}, c = {
-  container: "flex items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300",
-  label: "w-max transition-all ease-in-out duration-300",
-  icon: "w-max transition-all ease-in-out duration-300"
-}, A = {
-  true: {
-    container: "hover:scale-105 active:scale-95 disabled:scale-100"
-  },
-  false: {
-    container: ""
-  }
-}, C = {
-  true: {
-    icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
-  },
-  false: {
-    icon: ""
-  }
-}, E = ({
-  label: m,
-  onClick: g,
-  icon: d,
-  contentClassName: s,
-  loadingText: v = "Cargando...",
-  animate: b = !0,
-  animateIcon: f = !0,
-  isLoading: t = !1,
-  children: i,
-  hideSpinner: h = !1,
-  spinner: x = /* @__PURE__ */ e.jsx(B, { size: "small", variant: "clip", speedMultiplier: 0.5, className: "mt-1.5", color: "var(--neutral-600)" }),
-  type: w,
-  className: y,
-  disabled: o,
-  variant: a = "filled",
-  form: $,
-  size: r = "medium",
-  color: p = "primary"
-}) => {
-  const k = f && !o && !t ? "true" : "false", j = b && !o && !t ? "true" : "false", u = o || t ? "disabled" : p, S = V(() => i || (t ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-    !h && x,
-    /* @__PURE__ */ e.jsx("span", { className: ` ${l[r].label} ${n[a][u].label} ${r === "small" ? "prometeo-fonts-label-xsmall" : ""}`, children: v })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: `flex items-center gap-1 ${s}`, children: [
-    d && /* @__PURE__ */ e.jsx("span", { className: `
-            ${c.icon}
-            ${n[a][u].icon} 
-            ${l[r].icon}
-            ${C[k].icon}
-            `, children: d }),
-    /* @__PURE__ */ e.jsx("span", { className: `
-            ${c.label}
-            ${n[a][u].label} 
-            ${l[r].label}
-            `, children: m })
-  ] })), [i, s, d, m, a, p, r]);
-  return /* @__PURE__ */ e.jsx(
-    "button",
-    {
-      type: w,
-      className: `
-            group
-            ${c.container}
-            ${l[r].container}
-            ${M[r].container}
-            ${n[a][u].container}
-            ${A[j].container}
-            ${y}
-        `,
-      disabled: o || t,
-      form: $,
-      onClick: g,
-      children: /* @__PURE__ */ e.jsx("div", { className: `flex items-center gap-1 ${s}`, children: S })
-    }
-  );
-}, D = N(E);
-export {
-  D as default
-};