prometeo-design-system 4.3.1 → 4.3.3

package/dist/Icons/ArrowUpward.es.js

@@ -0,0 +1,9 @@
+import { j as r } from "../jsx-runtime-GkKLlHH4.js";
+import { m as i } from "../iconUtils-D0lVAgGT.js";
+const l = i(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
+  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2813", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
+  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2813)", children: /* @__PURE__ */ r.jsx("path", { d: "M9.16667 15V7.33332L6.16667 10.3333L5 9.16666L10 4.16666L15 9.16666L13.8333 10.3333L10.8333 7.33332V15H9.16667Z", fill: "currentColor" }) })
+] }));
+export {
+  l as ArrowUpward
+};

package/dist/Icons/UserAvatar.es.js

@@ -1,10 +1,10 @@
 import { j as r } from "../jsx-runtime-GkKLlHH4.js";
 import { m as o } from "../iconUtils-D0lVAgGT.js";
 const s = o(
-  ({ size: t = 24, className: e, ...l }) => /* @__PURE__ */ r.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: "0 0 24 24", fill: "none", ...l, className: e, children: [
-    /* @__PURE__ */ r.jsx("rect", { width: "24", height: "24", rx: "12", fill: "currentColor" }),
-    /* @__PURE__ */ r.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.6001 9.6C15.6001 11.5882 13.9884 13.2 12.0001 13.2C10.0119 13.2 8.40015 11.5882 8.40015 9.6C8.40015 7.61177 10.0119 6 12.0001 6C13.9884 6 15.6001 7.61177 15.6001 9.6ZM14.4001 9.6C14.4001 10.9255 13.3256 12 12.0001 12C10.6747 12 9.60015 10.9255 9.60015 9.6C9.60015 8.27452 10.6747 7.2 12.0001 7.2C13.3256 7.2 14.4001 8.27452 14.4001 9.6Z", fill: "#3F3F47" }),
-    /* @__PURE__ */ r.jsx("path", { d: "M12.0001 15C8.11552 15 4.80571 17.297 3.54492 20.5152C3.85206 20.8202 4.1756 21.1087 4.51412 21.3792C5.45296 18.4246 8.39818 16.2 12.0001 16.2C15.6021 16.2 18.5473 18.4246 19.4862 21.3792C19.8247 21.1087 20.1482 20.8202 20.4554 20.5152C19.1946 17.2971 15.8848 15 12.0001 15Z", fill: "#3F3F47" })
+  ({ size: t = 24, className: e, ...l }) => /* @__PURE__ */ r.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: "0 0 24 24", fill: "currentColor", ...l, className: e, children: [
+    /* @__PURE__ */ r.jsx("rect", { width: "24", height: "24", rx: "12", fill: "" }),
+    /* @__PURE__ */ r.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.6001 9.6C15.6001 11.5882 13.9884 13.2 12.0001 13.2C10.0119 13.2 8.40015 11.5882 8.40015 9.6C8.40015 7.61177 10.0119 6 12.0001 6C13.9884 6 15.6001 7.61177 15.6001 9.6ZM14.4001 9.6C14.4001 10.9255 13.3256 12 12.0001 12C10.6747 12 9.60015 10.9255 9.60015 9.6C9.60015 8.27452 10.6747 7.2 12.0001 7.2C13.3256 7.2 14.4001 8.27452 14.4001 9.6Z", fill: "currentColor" }),
+    /* @__PURE__ */ r.jsx("path", { d: "M12.0001 15C8.11552 15 4.80571 17.297 3.54492 20.5152C3.85206 20.8202 4.1756 21.1087 4.51412 21.3792C5.45296 18.4246 8.39818 16.2 12.0001 16.2C15.6021 16.2 18.5473 18.4246 19.4862 21.3792C19.8247 21.1087 20.1482 20.8202 20.4554 20.5152C19.1946 17.2971 15.8848 15 12.0001 15Z", fill: "currentColor" })
   ] })
 );
 export {

package/dist/Icons/components/ArrowDownward.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const ArrowDownward: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;

package/dist/Icons/components/ArrowUpward.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const ArrowUpward: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;

package/dist/Icons/index.d.ts

@@ -7,6 +7,8 @@ export { Settings } from './components/Settings';
 export { CrevronLeft } from './components/CrevronLeft';
 export { CrevronRight } from './components/CrevronRight';
 export { ArrowLeft } from './components/ArrowLeft';
+export { ArrowDownward } from './components/ArrowDownward';
+export { ArrowUpward } from './components/ArrowUpward';
 export { Shared } from './components/Shared';
 export { ChevronDown } from './components/ChevronDown';
 export { Collapse } from './components/Collapse';

package/dist/Icons/types.d.ts

@@ -16,6 +16,8 @@ import { UserPerson } from './components/UserPerson';
 import { UserAvatar } from './components/UserAvatar';
 import { Logout } from './components/Logout';
 import { ArrowUpDown } from './components/ArrowUpDown';
+import { ArrowDownward } from './components/ArrowDownward';
+import { ArrowUpward } from './components/ArrowUpward';
 import { Filter } from './components/Filter';
 import { Search } from './components/Search';
 import { Stars } from './components/Stars';
@@ -81,6 +83,8 @@ export type IconsMap = {
     UserPerson: typeof UserPerson;
     Logout: typeof Logout;
     ArrowUpDown: typeof ArrowUpDown;
+    ArrowDownward: typeof ArrowDownward;
+    ArrowUpward: typeof ArrowUpward;
     Filter: typeof Filter;
     Search: typeof Search;
     Stars: typeof Stars;

package/dist/Icons.es.js

@@ -1,132 +1,136 @@
 import { Ticket as e } from "./Icons/Ticket.es.js";
 import { Home as p } from "./Icons/Home.es.js";
 import { Boards as f } from "./Icons/Boards.es.js";
-import { Notifications as l } from "./Icons/Notifications.es.js";
-import { Help as a } from "./Icons/Help.es.js";
-import { Settings as n } from "./Icons/Settings.es.js";
+import { Notifications as a } from "./Icons/Notifications.es.js";
+import { Help as i } from "./Icons/Help.es.js";
+import { Settings as d } from "./Icons/Settings.es.js";
 import { CrevronLeft as C } from "./Icons/CrevronLeft.es.js";
 import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
-import { ArrowLeft as A } from "./Icons/ArrowLeft.es.js";
-import { Shared as g } from "./Icons/Shared.es.js";
-import { ChevronDown as y } from "./Icons/ChevronDown.es.js";
-import { Collapse as U } from "./Icons/Collapse.es.js";
-import { Calendar as w } from "./Icons/Calendar.es.js";
-import { Close as D } from "./Icons/Close.es.js";
-import { UserPerson as T } from "./Icons/UserPerson.es.js";
-import { UserAvatar as H } from "./Icons/UserAvatar.es.js";
-import { Logout as V } from "./Icons/Logout.es.js";
-import { ArrowUpDown as q } from "./Icons/ArrowUpDown.es.js";
-import { Filter as I } from "./Icons/Filter.es.js";
-import { Search as P } from "./Icons/Search.es.js";
-import { Stars as W } from "./Icons/Stars.es.js";
-import { MoreVert as z } from "./Icons/MoreVert.es.js";
-import { Add as J } from "./Icons/Add.es.js";
-import { Edit as Q } from "./Icons/Edit.es.js";
-import { Upload as Y } from "./Icons/Upload.es.js";
-import { Copy as _ } from "./Icons/Copy.es.js";
-import { FaLock as rr } from "./Icons/FaLock.es.js";
-import { AccountCircle as er } from "./Icons/AccountCircle.es.js";
-import { UserAdd as pr } from "./Icons/UserAdd.es.js";
-import { AttachFile as fr } from "./Icons/AttachFile.es.js";
-import { HistoryActivity as lr } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as ar } from "./Icons/MessageSquare.es.js";
-import { CloseNavBarDesktop as nr } from "./Icons/CloseNavBarDesktop.es.js";
-import { EyeVisibility as Cr } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as Fr } from "./Icons/EyeVisibilityOff.es.js";
-import { Check as Ar } from "./Icons/Check.es.js";
-import { Info as gr } from "./Icons/Info.es.js";
-import { Error as yr } from "./Icons/Error.es.js";
-import { TicketFilled as Ur } from "./Icons/TicketFilled.es.js";
-import { UploadCloud as wr } from "./Icons/UploadCloud.es.js";
-import { Clock as Dr } from "./Icons/Clock.es.js";
-import { Pause as Tr } from "./Icons/Pause.es.js";
-import { FastForward as Hr } from "./Icons/FastForward.es.js";
-import { Trash as Vr } from "./Icons/Trash.es.js";
-import { Sort as qr } from "./Icons/Sort.es.js";
-import { Cancel as Ir } from "./Icons/Cancel.es.js";
-import { CheckCircle as Pr } from "./Icons/CheckCircle.es.js";
-import { FormatColorText as Wr } from "./Icons/FormatColorText.es.js";
-import { CheckList as zr } from "./Icons/CheckList.es.js";
-import { WhatsApp as Jr } from "./Icons/WhatsApp.es.js";
-import { File as Qr } from "./Icons/File.es.js";
-import { Email as Yr } from "./Icons/Email.es.js";
-import { Download as _r } from "./Icons/Download.es.js";
-import { Reload as ro } from "./Icons/Reload.es.js";
-import { Image as eo } from "./Icons/Image.es.js";
-import { DocumentFill as po } from "./Icons/DocumentFill.es.js";
-import { Company as fo } from "./Icons/Company.es.js";
-import { EditFill as lo } from "./Icons/EditFill.es.js";
-import { TrashFill as ao } from "./Icons/TrashFill.es.js";
-import { MessageSquareFill as no } from "./Icons/MessageSquareFill.es.js";
-import { UserAddFill as co } from "./Icons/UserAddFill.es.js";
-import { Reassignment as ho } from "./Icons/Reassignment.es.js";
-import { ReassignmentFill as So } from "./Icons/ReassignmentFill.es.js";
-import { Send as ko } from "./Icons/Send.es.js";
-import { StarFill as uo } from "./Icons/StarFill.es.js";
+import { ArrowLeft as h } from "./Icons/ArrowLeft.es.js";
+import { ArrowDownward as S } from "./Icons/ArrowDownward.es.js";
+import { ArrowUpward as k } from "./Icons/ArrowUpward.es.js";
+import { Shared as U } from "./Icons/Shared.es.js";
+import { ChevronDown as v } from "./Icons/ChevronDown.es.js";
+import { Collapse as E } from "./Icons/Collapse.es.js";
+import { Calendar as T } from "./Icons/Calendar.es.js";
+import { Close as H } from "./Icons/Close.es.js";
+import { UserPerson as V } from "./Icons/UserPerson.es.js";
+import { UserAvatar as q } from "./Icons/UserAvatar.es.js";
+import { Logout as I } from "./Icons/Logout.es.js";
+import { ArrowUpDown as P } from "./Icons/ArrowUpDown.es.js";
+import { Filter as W } from "./Icons/Filter.es.js";
+import { Search as z } from "./Icons/Search.es.js";
+import { Stars as J } from "./Icons/Stars.es.js";
+import { MoreVert as Q } from "./Icons/MoreVert.es.js";
+import { Add as Y } from "./Icons/Add.es.js";
+import { Edit as _ } from "./Icons/Edit.es.js";
+import { Upload as rr } from "./Icons/Upload.es.js";
+import { Copy as er } from "./Icons/Copy.es.js";
+import { FaLock as pr } from "./Icons/FaLock.es.js";
+import { AccountCircle as fr } from "./Icons/AccountCircle.es.js";
+import { UserAdd as ar } from "./Icons/UserAdd.es.js";
+import { AttachFile as ir } from "./Icons/AttachFile.es.js";
+import { HistoryActivity as dr } from "./Icons/HistoryActivity.es.js";
+import { MessageSquare as Cr } from "./Icons/MessageSquare.es.js";
+import { CloseNavBarDesktop as Fr } from "./Icons/CloseNavBarDesktop.es.js";
+import { EyeVisibility as hr } from "./Icons/EyeVisibility.es.js";
+import { EyeVisibilityOff as Sr } from "./Icons/EyeVisibilityOff.es.js";
+import { Check as kr } from "./Icons/Check.es.js";
+import { Info as Ur } from "./Icons/Info.es.js";
+import { Error as vr } from "./Icons/Error.es.js";
+import { TicketFilled as Er } from "./Icons/TicketFilled.es.js";
+import { UploadCloud as Tr } from "./Icons/UploadCloud.es.js";
+import { Clock as Hr } from "./Icons/Clock.es.js";
+import { Pause as Vr } from "./Icons/Pause.es.js";
+import { FastForward as qr } from "./Icons/FastForward.es.js";
+import { Trash as Ir } from "./Icons/Trash.es.js";
+import { Sort as Pr } from "./Icons/Sort.es.js";
+import { Cancel as Wr } from "./Icons/Cancel.es.js";
+import { CheckCircle as zr } from "./Icons/CheckCircle.es.js";
+import { FormatColorText as Jr } from "./Icons/FormatColorText.es.js";
+import { CheckList as Qr } from "./Icons/CheckList.es.js";
+import { WhatsApp as Yr } from "./Icons/WhatsApp.es.js";
+import { File as _r } from "./Icons/File.es.js";
+import { Email as ro } from "./Icons/Email.es.js";
+import { Download as eo } from "./Icons/Download.es.js";
+import { Reload as po } from "./Icons/Reload.es.js";
+import { Image as fo } from "./Icons/Image.es.js";
+import { DocumentFill as ao } from "./Icons/DocumentFill.es.js";
+import { Company as io } from "./Icons/Company.es.js";
+import { EditFill as no } from "./Icons/EditFill.es.js";
+import { TrashFill as co } from "./Icons/TrashFill.es.js";
+import { MessageSquareFill as Ao } from "./Icons/MessageSquareFill.es.js";
+import { UserAddFill as wo } from "./Icons/UserAddFill.es.js";
+import { Reassignment as go } from "./Icons/Reassignment.es.js";
+import { ReassignmentFill as yo } from "./Icons/ReassignmentFill.es.js";
+import { Send as uo } from "./Icons/Send.es.js";
+import { StarFill as Do } from "./Icons/StarFill.es.js";
 export {
-  er as AccountCircle,
-  J as Add,
-  A as ArrowLeft,
-  q as ArrowUpDown,
-  fr as AttachFile,
+  fr as AccountCircle,
+  Y as Add,
+  S as ArrowDownward,
+  h as ArrowLeft,
+  P as ArrowUpDown,
+  k as ArrowUpward,
+  ir as AttachFile,
   f as Boards,
-  w as Calendar,
-  Ir as Cancel,
-  Ar as Check,
-  Pr as CheckCircle,
-  zr as CheckList,
-  y as ChevronDown,
-  Dr as Clock,
-  D as Close,
-  nr as CloseNavBarDesktop,
-  U as Collapse,
-  fo as Company,
-  _ as Copy,
+  T as Calendar,
+  Wr as Cancel,
+  kr as Check,
+  zr as CheckCircle,
+  Qr as CheckList,
+  v as ChevronDown,
+  Hr as Clock,
+  H as Close,
+  Fr as CloseNavBarDesktop,
+  E as Collapse,
+  io as Company,
+  er as Copy,
   C as CrevronLeft,
   F as CrevronRight,
-  po as DocumentFill,
-  _r as Download,
-  Q as Edit,
-  lo as EditFill,
-  Yr as Email,
-  yr as Error,
-  Cr as EyeVisibility,
-  Fr as EyeVisibilityOff,
-  rr as FaLock,
-  Hr as FastForward,
-  Qr as File,
-  I as Filter,
-  Wr as FormatColorText,
-  a as Help,
-  lr as HistoryActivity,
+  ao as DocumentFill,
+  eo as Download,
+  _ as Edit,
+  no as EditFill,
+  ro as Email,
+  vr as Error,
+  hr as EyeVisibility,
+  Sr as EyeVisibilityOff,
+  pr as FaLock,
+  qr as FastForward,
+  _r as File,
+  W as Filter,
+  Jr as FormatColorText,
+  i as Help,
+  dr as HistoryActivity,
   p as Home,
-  eo as Image,
-  gr as Info,
-  V as Logout,
-  ar as MessageSquare,
-  no as MessageSquareFill,
-  z as MoreVert,
-  l as Notifications,
-  Tr as Pause,
-  ho as Reassignment,
-  So as ReassignmentFill,
-  ro as Reload,
-  P as Search,
-  ko as Send,
-  n as Settings,
-  g as Shared,
-  qr as Sort,
-  uo as StarFill,
-  W as Stars,
+  fo as Image,
+  Ur as Info,
+  I as Logout,
+  Cr as MessageSquare,
+  Ao as MessageSquareFill,
+  Q as MoreVert,
+  a as Notifications,
+  Vr as Pause,
+  go as Reassignment,
+  yo as ReassignmentFill,
+  po as Reload,
+  z as Search,
+  uo as Send,
+  d as Settings,
+  U as Shared,
+  Pr as Sort,
+  Do as StarFill,
+  J as Stars,
   e as Ticket,
-  Ur as TicketFilled,
-  Vr as Trash,
-  ao as TrashFill,
-  Y as Upload,
-  wr as UploadCloud,
-  pr as UserAdd,
-  co as UserAddFill,
-  H as UserAvatar,
-  T as UserPerson,
-  Jr as WhatsApp
+  Er as TicketFilled,
+  Ir as Trash,
+  co as TrashFill,
+  rr as Upload,
+  Tr as UploadCloud,
+  ar as UserAdd,
+  wo as UserAddFill,
+  q as UserAvatar,
+  V as UserPerson,
+  Yr as WhatsApp
 };

package/dist/Input.es.js

@@ -2,13 +2,13 @@ import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as q, forwardRef as V, useState as F } from "react";
 import ee from "./Spinner.es.js";
-import { u as te } from "./useLabelBackground-BDIHUdND.js";
+import { u as te } from "./useLabelBackground-D5SzHhl_.js";
 import { H as re } from "./HelperComponent-ljsn0xD6.js";
 import { EyeVisibility as oe } from "./Icons/EyeVisibility.es.js";
 import { EyeVisibilityOff as se } from "./Icons/EyeVisibilityOff.es.js";
 import le from "./Button.es.js";
 import { Close as ae } from "./Icons/Close.es.js";
-const m = {
+const x = {
   default: {
     container: "",
     input: e(
@@ -44,45 +44,45 @@ const m = {
   }
 }, $ = V(
   ({
-    label: x,
-    icon: s,
-    iconPosition: d = "left",
+    label: h,
+    icon: o,
+    iconPosition: l = "left",
     onChange: I,
     value: S,
-    name: h,
+    name: b,
     width: i = "100%",
-    height: l,
-    variant: a = "default",
-    labelVariant: o = "default",
+    height: a,
+    variant: u = "default",
+    labelVariant: s = "default",
     size: E = "medium",
-    disabled: u = !1,
+    disabled: f = !1,
     type: r = "text",
     isFetching: n,
-    errorComponent: b,
-    helperComponent: g,
+    errorComponent: g,
+    helperComponent: w,
     placeholder: L,
-    required: j = !1,
-    onFocus: P,
-    onBlur: R,
-    onKeyDown: k,
-    onKeyUp: B,
-    className: C,
-    style: D,
-    readOnly: M = !1,
-    onClear: N,
+    required: N = !1,
+    onFocus: R,
+    onBlur: k,
+    onKeyDown: B,
+    onKeyUp: D,
+    className: P,
+    style: M,
+    readOnly: O = !1,
+    onClear: m,
     onClickIcon: z,
     ...v
-  }, O) => {
-    const [w, T] = F(!1), { ref: A } = te();
-    let f = E;
-    l && (f = "customHeight");
+  }, T) => {
+    const [y, A] = F(!1), { ref: C } = te();
+    let p = E;
+    a && (p = "customHeight");
     const c = {
       small: {
         container: "text-sm",
         input: "h-10 px-3 text-[1rem] prometeo-fonts-body-large",
         label: ` prometeo-fonts-label-large 
             peer-focus:prometeo-fonts-label-large  
-            peer-placeholder-shown:${o === "default" ? "prometeo-fonts-body-large" : "prometeo-fonts-label-large"} peer-placeholder-shown:text-neutral-medium-default peer-focus:text-neutral-medium-default `,
+            peer-placeholder-shown:${s === "default" ? "prometeo-fonts-body-large" : "prometeo-fonts-label-large"} peer-placeholder-shown:text-neutral-medium-default peer-focus:text-neutral-medium-default `,
         icon: "w-4 h-4 right-3"
       },
       medium: {
@@ -90,7 +90,7 @@ const m = {
         input: "h-12 px-3 prometeo-fonts-body-large",
         label: ` prometeo-fonts-label-large 
             peer-focus:prometeo-fonts-label-large  
-            peer-placeholder-shown:${o === "default" ? "prometeo-fonts-body-large" : "prometeo-fonts-label-large"} peer-placeholder-shown:text-neutral-medium-default text-neutral-medium-default peer-focus:text-neutral-medium-default `,
+            peer-placeholder-shown:${s === "default" ? "prometeo-fonts-body-large" : "prometeo-fonts-label-large"} peer-placeholder-shown:text-neutral-medium-default text-neutral-medium-default peer-focus:text-neutral-medium-default `,
         icon: "w-5 h-5 right-3"
       },
       large: {
@@ -106,112 +106,113 @@ const m = {
         icon: "w-6 h-6 right-3"
       }
     }, G = () => {
-      T(!w);
-    }, y = {};
-    i && i !== "100%" && (y.width = i), l && (y.height = l);
-    const H = a === "error" && b, J = !H && g, K = r === "password", Q = () => o === "static" ? "-top-1 -translate-y-full left-0 pl-3" : s ? `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${d === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, U = () => l ? c.customHeight.label : c[f].label, W = () => l ? { height: l } : {}, X = () => o === "default" ? x : L || x || "", Y = () => K ? s ? d === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : s ? d === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Z = o === "default" && "transition-all duration-200 ease-in-out", p = b || g;
+      A(!y);
+    }, j = {};
+    i && i !== "100%" && (j.width = i), a && (j.height = a);
+    const H = u === "error" && g, J = !H && w, K = r === "password", Q = () => s === "static" ? "-top-1 -translate-y-full left-0 pl-3" : o ? `${d ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${l === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${d ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, U = () => a ? c.customHeight.label : c[p].label, W = () => a ? { height: a } : {}, X = () => s === "default" ? h : L || h || "", Y = () => K ? !o && !m ? "pr-10" : l === "left" ? "pl-10 pr-10" : "pr-16" : m ? o ? l === "left" ? "pl-10 pr-7" : "pr-10 pl-3" : "pr-7" : o ? l === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Z = s === "default" && "transition-all duration-200 ease-in-out", d = g || w;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: e(
           "relative",
-          c[f].container,
+          c[p].container,
           !i && "w-full",
           "bg-inherit",
-          o === "static" && "mt-2",
-          C
+          s === "static" && "mt-2",
+          P
         ),
-        style: { ...D, ...y },
+        style: { ...M, ...j },
         children: [
           /* @__PURE__ */ t.jsx(
             "input",
             {
-              id: h,
-              name: h,
-              ref: O,
+              id: b,
+              name: b,
+              ref: T,
               value: S,
               placeholder: X(),
-              type: r === "password" && w ? "text" : r,
+              type: r === "password" && y ? "text" : r,
               className: e(
                 "peer w-full border rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
                 "focus:outline-none px-3",
-                o === "default" && "placeholder:text-transparent",
-                o === "static" && "placeholder:text-neutral-medium-default ",
-                m[a].input,
-                c[f].input,
-                s && "pr-10",
-                u && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
-                m[a].container,
+                s === "default" && "placeholder:text-transparent",
+                s === "static" && "placeholder:text-neutral-medium-default ",
+                x[u].input,
+                c[p].input,
+                o && "pr-10",
+                f && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
+                x[u].container,
                 Y()
               ),
               style: W(),
               onChange: I,
-              onFocus: P,
-              onBlur: R,
-              disabled: u,
-              required: j,
-              onKeyDown: k,
-              onKeyUp: B,
+              onFocus: R,
+              onBlur: k,
+              disabled: f,
+              required: N,
+              onKeyDown: B,
+              onKeyUp: D,
               defaultValue: v.defaultValue,
-              readOnly: M,
+              readOnly: O,
               ...v
             }
           ),
           /* @__PURE__ */ t.jsx(
             "label",
             {
-              ref: A,
-              htmlFor: h,
+              ref: C,
+              htmlFor: b,
               className: e(
                 "absolute left-3 pointer-events-none px-1 z-10",
                 Z,
                 U(),
-                m[a].label,
+                x[u].label,
                 Q(),
-                j && "after:content-['*'] after:text-error-default after:ml-1",
-                u && "text-neutral-medium-disabled prometeo-fonts-label-large"
+                N && "after:content-['*'] after:text-error-default after:ml-1",
+                f && "text-neutral-medium-disabled prometeo-fonts-label-large"
               ),
-              children: x
+              children: h
             }
           ),
-          (s || r === "password" || n) && /* @__PURE__ */ t.jsx(
+          (o || r === "password" || n) && /* @__PURE__ */ t.jsx(
             "button",
             {
               tabIndex: -1,
               type: "button",
               className: e(
-                `absolute ${p ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10`,
-                c[f].icon,
-                m[a].icon,
+                `absolute ${d ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10`,
+                c[p].icon,
+                x[u].icon,
                 (r === "password" || z) && !n ? "cursor-pointer" : "pointer-events-none",
-                d === "right" ? "right-3" : "left-3"
+                l === "right" ? "right-3" : "left-3"
               ),
               onClick: n ? void 0 : r === "password" ? G : z,
               onMouseDown: (_) => r === "password" && !n && _.preventDefault(),
               children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
-                n && r !== "password" ? /* @__PURE__ */ t.jsx(ee, { variant: "sync", size: "small", className: "size-5" }) : s,
-                r === "password" && (w ? /* @__PURE__ */ t.jsx(oe, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(se, { size: 24, className: "" }))
+                n && r !== "password" ? /* @__PURE__ */ t.jsx(ee, { variant: "sync", size: "small", className: "size-5" }) : o,
+                r === "password" && (y ? /* @__PURE__ */ t.jsx(oe, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(se, { size: 24, className: "" }))
               ] })
             }
           ),
-          N && /* @__PURE__ */ t.jsx(
+          m && /* @__PURE__ */ t.jsx(
             le,
             {
               type: "button",
               className: e(
-                `absolute ${p ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10 right-1`,
+                `absolute ${d ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10 right-1`,
                 "size-6 p-1 rounded-full",
                 "hover:bg-neutral-medium-hover transition-colors",
-                u && "opacity-50 cursor-not-allowed"
+                f && "opacity-50 cursor-not-allowed",
+                (o && l === "right" || r === "password" || n) && "mr-9"
               ),
-              disabled: u,
-              onClick: N,
+              disabled: f,
+              onClick: m,
               variant: "text",
               color: "secondary",
               icon: /* @__PURE__ */ t.jsx(ae, { size: 20, className: "" })
             }
           ),
-          p && /* @__PURE__ */ t.jsx("div", { className: "min-h-6", children: (H || J) && /* @__PURE__ */ t.jsx(re, { className: "absolute ", variant: a, children: b || g }) })
+          d && /* @__PURE__ */ t.jsx("div", { className: "min-h-6", children: (H || J) && /* @__PURE__ */ t.jsx(re, { className: "absolute ", variant: u, children: g || w }) })
         ]
       }
     );