@klu_dev/ui-klu-green 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +37 -0
  2. package/dist/index.css +450 -343
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +111 -84
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -69,8 +69,9 @@ interface BalanceInfoProps {
69
69
  amount: number;
70
70
  count: number;
71
71
  };
72
+ tooltipInfo: string;
72
73
  }
73
- declare const BalanceInfo: ({ totalBalance, clabe, accountNumber, monthlyLimit, accumulated, deposits, withdrawals, }: BalanceInfoProps) => react_jsx_runtime.JSX.Element;
74
+ declare const BalanceInfo: ({ totalBalance, clabe, accountNumber, monthlyLimit, accumulated, deposits, withdrawals, tooltipInfo, }: BalanceInfoProps) => react_jsx_runtime.JSX.Element;
74
75
 
75
76
  declare const Icons: {
76
77
  CARD: react_jsx_runtime.JSX.Element;
package/dist/index.js CHANGED
@@ -13,8 +13,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
13
13
  var inputSizes = {
14
14
  sm: "uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm",
15
15
  md: "uiklu-h-[40px] uiklu-w-[250px] uiklu-px-5 uiklu-text-md",
16
- lg: "uiklu-h-[50px] uiklu-w-[350px] uiklu-px-5 uiklu-text-lg",
17
- full: "uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg"
16
+ lg: "uiklu-h-[50px] uiklu-w-[350px] uiklu-px-5 uiklu-text-lg uiklu-font-normal",
17
+ full: "uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg uiklu-font-normal"
18
18
  };
19
19
  var iconSizes = {
20
20
  sm: { w: "18", h: "14" },
@@ -44,10 +44,10 @@ var Input = React.forwardRef(
44
44
  "uiklu-overflow-hidden uiklu-text-ellipsis uiklu-placeholder:uiklu-opacity-40",
45
45
  "disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50",
46
46
  !error ? [
47
- "uiklu-border-border uiklu-text-inputtext",
47
+ "uiklu-border-border uiklu-text-inputtext uiklu-text-gray600",
48
48
  "focus:uiklu-border-baseblack focus:uiklu-border-[1px]"
49
49
  ] : [
50
- "uiklu-border-destructive uiklu-text-destructive",
50
+ "uiklu-border-destructive !uiklu-text-destructive placeholder:!uiklu-text-destructive",
51
51
  "focus:uiklu-border-destructive focus:uiklu-border-[1px]"
52
52
  ],
53
53
  isPassword && "uiklu-pr-14",
@@ -100,7 +100,7 @@ var Input = React.forwardRef(
100
100
  }
101
101
  )
102
102
  ] }),
103
- error && /* @__PURE__ */ jsx("p", { className: "uiklu-mt-1 uiklu-px-4 uiklu-text-[12px] uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error })
103
+ error && /* @__PURE__ */ jsx("p", { className: "uiklu-mt-1 uiklu-px-4 uiklu-text-[11px] uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error })
104
104
  ] });
105
105
  }
106
106
  );
@@ -117,9 +117,9 @@ var buttonVariants = cva(
117
117
  variants: {
118
118
  variant: {
119
119
  primary: `
120
- uiklu-bg-primary
120
+ uiklu-bg-primary900
121
121
  uiklu-text-primary-foreground
122
- hover:uiklu-bg-primary/90
122
+ hover:uiklu-bg-primary900/90
123
123
  uiklu-rounded-[48px]
124
124
  uiklu-border-transparent
125
125
  `,
@@ -137,10 +137,10 @@ var buttonVariants = cva(
137
137
  outlinePrimary: `
138
138
  uiklu-bg-transparent
139
139
  uiklu-border-2
140
- uiklu-border-primary
141
- uiklu-text-primary
140
+ uiklu-border-primary900
141
+ uiklu-text-primary900
142
142
  uiklu-rounded-[48px]
143
- hover:uiklu-bg-primary/5
143
+ hover:uiklu-bg-primary900/5
144
144
  `,
145
145
  outlineSecondary: `
146
146
  uiklu-bg-transparent
@@ -160,11 +160,11 @@ var buttonVariants = cva(
160
160
  `
161
161
  },
162
162
  size: {
163
- sm: "uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm",
164
- md: "uiklu-h-[40px] uiklu-w-[250px] uiklu-px-6 uiklu-text-base",
165
- lg: "uiklu-h-[50px] uiklu-w-[350px] uiklu-px-[32px] uiklu-text-base",
166
- xl: "uiklu-h-[60px] uiklu-w-[450px] uiklu-px-[40px] uiklu-text-lg",
167
- full: "uiklu-w-full uiklu-h-[50px] uiklu-max-h-[60px] uiklu-px-[48px] uiklu-text-lg uiklu-font-bold"
163
+ sm: "uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-lg",
164
+ md: "uiklu-h-[40px] uiklu-w-[250px] uiklu-px-6 uiklu-text-xl",
165
+ lg: "uiklu-h-[50px] uiklu-w-[350px] uiklu-px-[32px] uiklu-text-2xl",
166
+ xl: "uiklu-h-[60px] uiklu-w-[450px] uiklu-px-[40px] uiklu-text-2xl",
167
+ full: "uiklu-w-full uiklu-h-[50px] uiklu-max-h-[60px] uiklu-px-[48px] uiklu-text-2xl uiklu-font-bold"
168
168
  }
169
169
  },
170
170
  defaultVariants: {
@@ -553,16 +553,16 @@ var ShieldCheckIcon = ({ className }) => /* @__PURE__ */ jsx7("div", { className
553
553
  }
554
554
  ) }) });
555
555
  var CloseIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M19.2806 18.2194C19.3503 18.289 19.4056 18.3718 19.4433 18.4628C19.481 18.5539 19.5004 18.6514 19.5004 18.75C19.5004 18.8485 19.481 18.9461 19.4433 19.0372C19.4056 19.1282 19.3503 19.2109 19.2806 19.2806C19.2109 19.3503 19.1282 19.4056 19.0372 19.4433C18.9461 19.481 18.8485 19.5004 18.75 19.5004C18.6514 19.5004 18.5539 19.481 18.4628 19.4433C18.3718 19.4056 18.289 19.3503 18.2194 19.2806L12 13.0603L5.78061 19.2806C5.63988 19.4213 5.44901 19.5004 5.24999 19.5004C5.05097 19.5004 4.8601 19.4213 4.71936 19.2806C4.57863 19.1399 4.49957 18.949 4.49957 18.75C4.49957 18.551 4.57863 18.3601 4.71936 18.2194L10.9397 12L4.71936 5.78061C4.57863 5.63988 4.49957 5.44901 4.49957 5.24999C4.49957 5.05097 4.57863 4.8601 4.71936 4.71936C4.8601 4.57863 5.05097 4.49957 5.24999 4.49957C5.44901 4.49957 5.63988 4.57863 5.78061 4.71936L12 10.9397L18.2194 4.71936C18.3601 4.57863 18.551 4.49957 18.75 4.49957C18.949 4.49957 19.1339 4.57863 19.2806 4.71936C19.4213 4.8601 19.5004 5.05097 19.5004 5.24999C19.5004 5.44901 19.4213 5.63988 19.2806 5.78061L13.0603 12L19.2806 18.2194Z", fill: "#09827D" }) });
556
- var MoneyIcon = () => /* @__PURE__ */ jsx7("div", { className: "uiklu-bg-primary300 uiklu-rounded-full uiklu-w-7 uiklu-h-7 uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0", children: /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx7("path", { d: "M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.34174 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM10.5 9.25C10.5 9.71413 10.3156 10.1592 9.98744 10.4874C9.65925 10.8156 9.21413 11 8.75 11H8.5V11.5C8.5 11.6326 8.44732 11.7598 8.35356 11.8536C8.25979 11.9473 8.13261 12 8 12C7.86739 12 7.74022 11.9473 7.64645 11.8536C7.55268 11.7598 7.5 11.6326 7.5 11.5V11H6.5C6.36739 11 6.24022 10.9473 6.14645 10.8536C6.05268 10.7598 6 10.6326 6 10.5C6 10.3674 6.05268 10.2402 6.14645 10.1464C6.24022 10.0527 6.36739 10 6.5 10H8.75C8.94892 10 9.13968 9.92098 9.28033 9.78033C9.42098 9.63968 9.5 9.44891 9.5 9.25C9.5 9.05109 9.42098 8.86032 9.28033 8.71967C9.13968 8.57902 8.94892 8.5 8.75 8.5H7.25C6.78587 8.5 6.34075 8.31563 6.01257 7.98744C5.68438 7.65925 5.5 7.21413 5.5 6.75C5.5 6.28587 5.68438 5.84075 6.01257 5.51256C6.34075 5.18437 6.78587 5 7.25 5H7.5V4.5C7.5 4.36739 7.55268 4.24021 7.64645 4.14645C7.74022 4.05268 7.86739 4 8 4C8.13261 4 8.25979 4.05268 8.35356 4.14645C8.44732 4.24021 8.5 4.36739 8.5 4.5V5H9.5C9.63261 5 9.75979 5.05268 9.85356 5.14645C9.94732 5.24021 10 5.36739 10 5.5C10 5.63261 9.94732 5.75979 9.85356 5.85355C9.75979 5.94732 9.63261 6 9.5 6H7.25C7.05109 6 6.86032 6.07902 6.71967 6.21967C6.57902 6.36032 6.5 6.55109 6.5 6.75C6.5 6.94891 6.57902 7.13968 6.71967 7.28033C6.86032 7.42098 7.05109 7.5 7.25 7.5H8.75C9.21413 7.5 9.65925 7.68437 9.98744 8.01256C10.3156 8.34075 10.5 8.78587 10.5 9.25Z", fill: "white" }) }) });
557
- var InfoIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 14 14", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M7 1.3125C...Z", fill: "#09827D" }) });
558
- var EyeMaskedIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M5.05499 3.24563C...L5.05499 3.24563Z", fill: "#09827D" }) });
556
+ var MoneyIcon = () => /* @__PURE__ */ jsx7("div", { className: "uiklu-bg-primary300 uiklu-rounded-full uiklu-w-6 uiklu-h-6 uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0", children: /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx7("path", { d: "M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.34174 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM10.5 9.25C10.5 9.71413 10.3156 10.1592 9.98744 10.4874C9.65925 10.8156 9.21413 11 8.75 11H8.5V11.5C8.5 11.6326 8.44732 11.7598 8.35356 11.8536C8.25979 11.9473 8.13261 12 8 12C7.86739 12 7.74022 11.9473 7.64645 11.8536C7.55268 11.7598 7.5 11.6326 7.5 11.5V11H6.5C6.36739 11 6.24022 10.9473 6.14645 10.8536C6.05268 10.7598 6 10.6326 6 10.5C6 10.3674 6.05268 10.2402 6.14645 10.1464C6.24022 10.0527 6.36739 10 6.5 10H8.75C8.94892 10 9.13968 9.92098 9.28033 9.78033C9.42098 9.63968 9.5 9.44891 9.5 9.25C9.5 9.05109 9.42098 8.86032 9.28033 8.71967C9.13968 8.57902 8.94892 8.5 8.75 8.5H7.25C6.78587 8.5 6.34075 8.31563 6.01257 7.98744C5.68438 7.65925 5.5 7.21413 5.5 6.75C5.5 6.28587 5.68438 5.84075 6.01257 5.51256C6.34075 5.18437 6.78587 5 7.25 5H7.5V4.5C7.5 4.36739 7.55268 4.24021 7.64645 4.14645C7.74022 4.05268 7.86739 4 8 4C8.13261 4 8.25979 4.05268 8.35356 4.14645C8.44732 4.24021 8.5 4.36739 8.5 4.5V5H9.5C9.63261 5 9.75979 5.05268 9.85356 5.14645C9.94732 5.24021 10 5.36739 10 5.5C10 5.63261 9.94732 5.75979 9.85356 5.85355C9.75979 5.94732 9.63261 6 9.5 6H7.25C7.05109 6 6.86032 6.07902 6.71967 6.21967C6.57902 6.36032 6.5 6.55109 6.5 6.75C6.5 6.94891 6.57902 7.13968 6.71967 7.28033C6.86032 7.42098 7.05109 7.5 7.25 7.5H8.75C9.21413 7.5 9.65925 7.68437 9.98744 8.01256C10.3156 8.34075 10.5 8.78587 10.5 9.25Z", fill: "white" }) }) });
557
+ var InfoIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M7 1.3125C5.87512 1.3125 4.7755 1.64607 3.8402 2.27102C2.90489 2.89597 2.17591 3.78423 1.74544 4.82349C1.31496 5.86274 1.20233 7.00631 1.42179 8.10958C1.64124 9.21284 2.18292 10.2263 2.97833 11.0217C3.77374 11.8171 4.78716 12.3588 5.89043 12.5782C6.99369 12.7977 8.13726 12.685 9.17651 12.2546C10.2158 11.8241 11.104 11.0951 11.729 10.1598C12.3539 9.2245 12.6875 8.12488 12.6875 7C12.6859 5.49207 12.0862 4.04636 11.0199 2.98009C9.95364 1.91382 8.50793 1.31409 7 1.3125ZM7 11.8125C6.04818 11.8125 5.11773 11.5303 4.32632 11.0014C3.53491 10.4726 2.91808 9.72103 2.55383 8.84166C2.18959 7.96229 2.09428 6.99466 2.27997 6.06113C2.46566 5.12759 2.92401 4.27009 3.59705 3.59705C4.27009 2.92401 5.1276 2.46566 6.06113 2.27997C6.99466 2.09428 7.9623 2.18958 8.84167 2.55383C9.72104 2.91808 10.4726 3.53491 11.0014 4.32632C11.5303 5.11773 11.8125 6.04818 11.8125 7C11.8111 8.27591 11.3036 9.49915 10.4014 10.4014C9.49915 11.3036 8.27591 11.8111 7 11.8125ZM7.875 9.625C7.875 9.74103 7.82891 9.85231 7.74686 9.93436C7.66481 10.0164 7.55353 10.0625 7.4375 10.0625C7.20544 10.0625 6.98288 9.97031 6.81878 9.80622C6.65469 9.64212 6.5625 9.41956 6.5625 9.1875V7C6.44647 7 6.33519 6.95391 6.25314 6.87186C6.1711 6.78981 6.125 6.67853 6.125 6.5625C6.125 6.44647 6.1711 6.33519 6.25314 6.25314C6.33519 6.17109 6.44647 6.125 6.5625 6.125C6.79457 6.125 7.01713 6.21719 7.18122 6.38128C7.34531 6.54538 7.4375 6.76794 7.4375 7V9.1875C7.55353 9.1875 7.66481 9.23359 7.74686 9.31564C7.82891 9.39769 7.875 9.50897 7.875 9.625ZM6.125 4.59375C6.125 4.46396 6.16349 4.33708 6.2356 4.22916C6.30771 4.12124 6.4102 4.03712 6.53012 3.98745C6.65003 3.93778 6.78198 3.92479 6.90928 3.95011C7.03658 3.97543 7.15351 4.03793 7.24529 4.12971C7.33707 4.22149 7.39957 4.33842 7.42489 4.46572C7.45021 4.59302 7.43722 4.72497 7.38755 4.84489C7.33788 4.9648 7.25376 5.06729 7.14584 5.1394C7.03793 5.21151 6.91105 5.25 6.78125 5.25C6.6072 5.25 6.44028 5.18086 6.31721 5.05779C6.19414 4.93472 6.125 4.7678 6.125 4.59375Z", fill: "#09827D" }) });
558
+ var EyeMaskedIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z", fill: "#09827D" }) });
559
559
  var EyeOpenIcon = ({ className }) => /* @__PURE__ */ jsxs7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, children: [
560
560
  /* @__PURE__ */ jsx7("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: "#09827D", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
561
561
  /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "3", stroke: "#09827D", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
562
562
  ] });
563
- var CopyIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M15.1875 2.25H6.1875C...Z", fill: "#09827D" }) });
564
- var ArrowUpIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M26.5625 8.5V...Z", fill: "#17B26A" }) });
565
- var ArrowDownIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M7.43752 25.5V...Z", fill: "#F04438" }) });
563
+ var CopyIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M15.1875 2.25H6.1875C6.03832 2.25 5.89524 2.30926 5.78975 2.41475C5.68426 2.52024 5.625 2.66332 5.625 2.8125V5.625H2.8125C2.66332 5.625 2.52024 5.68426 2.41475 5.78975C2.30926 5.89524 2.25 6.03832 2.25 6.1875V15.1875C2.25 15.3367 2.30926 15.4798 2.41475 15.5852C2.52024 15.6907 2.66332 15.75 2.8125 15.75H11.8125C11.9617 15.75 12.1048 15.6907 12.2102 15.5852C12.3157 15.4798 12.375 15.3367 12.375 15.1875V12.375H15.1875C15.3367 12.375 15.4798 12.3157 15.5852 12.2102C15.6907 12.1048 15.75 11.9617 15.75 11.8125V2.8125C15.75 2.66332 15.6907 2.52024 15.5852 2.41475C15.4798 2.30926 15.3367 2.25 15.1875 2.25ZM11.25 14.625H3.375V6.75H11.25V14.625ZM14.625 11.25H12.375V6.1875C12.375 6.03832 12.3157 5.89524 12.2102 5.78975C12.1048 5.68426 11.9617 5.625 11.8125 5.625H6.75V3.375H14.625V11.25Z", fill: "#09827D" }) });
564
+ var ArrowUpIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M26.5625 8.5V22.3125C26.5625 22.5943 26.4506 22.8645 26.2513 23.0638C26.0521 23.2631 25.7818 23.375 25.5 23.375C25.2182 23.375 24.948 23.2631 24.7487 23.0638C24.5495 22.8645 24.4375 22.5943 24.4375 22.3125V11.0646L9.25173 26.2517C9.05236 26.4511 8.78196 26.5631 8.50001 26.5631C8.21806 26.5631 7.94766 26.4511 7.74829 26.2517C7.54892 26.0524 7.43692 25.7819 7.43692 25.5C7.43692 25.2181 7.54892 24.9476 7.74829 24.7483L22.9354 9.5625H11.6875C11.4057 9.5625 11.1355 9.45056 10.9362 9.2513C10.737 9.05204 10.625 8.78179 10.625 8.5C10.625 8.21821 10.737 7.94796 10.9362 7.7487C11.1355 7.54944 11.4057 7.4375 11.6875 7.4375H25.5C25.7818 7.4375 26.0521 7.54944 26.2513 7.7487C26.4506 7.94796 26.5625 8.21821 26.5625 8.5Z", fill: "#17B26A" }) });
565
+ var ArrowDownIcon = ({ className }) => /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", className, children: /* @__PURE__ */ jsx7("path", { d: "M7.43752 25.5V11.6875C7.43752 11.4057 7.54946 11.1355 7.74872 10.9362C7.94798 10.7369 8.21823 10.625 8.50002 10.625C8.78181 10.625 9.05206 10.7369 9.25132 10.9362C9.45058 11.1355 9.56252 11.4057 9.56252 11.6875V22.9354L24.7483 7.74828C24.9477 7.54891 25.2181 7.43691 25.5 7.43691C25.782 7.43691 26.0524 7.54891 26.2517 7.74828C26.4511 7.94765 26.5631 8.21805 26.5631 8.5C26.5631 8.78195 26.4511 9.05235 26.2517 9.25172L11.0646 24.4375H22.3125C22.5943 24.4375 22.8646 24.5494 23.0638 24.7487C23.2631 24.948 23.375 25.2182 23.375 25.5C23.375 25.7818 23.2631 26.052 23.0638 26.2513C22.8646 26.4506 22.5943 26.5625 22.3125 26.5625H8.50002C8.21823 26.5625 7.94798 26.4506 7.74872 26.2513C7.54946 26.052 7.43752 25.7818 7.43752 25.5Z", fill: "#F04438" }) });
566
566
  var Icons = {
567
567
  CARD: /* @__PURE__ */ jsx7(CardIcon, {}),
568
568
  TICKET: /* @__PURE__ */ jsx7(TicketIcon, {}),
@@ -680,15 +680,6 @@ function Progress({
680
680
 
681
681
  // src/components/ui/balanceInfo.tsx
682
682
  import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
683
- var IconEyeMasked = () => /* @__PURE__ */ jsx11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx11("path", { d: "M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z", fill: "#09827D" }) });
684
- var IconEyeOpen = () => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
685
- /* @__PURE__ */ jsx11("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: "#09827D", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
686
- /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "3", stroke: "#09827D", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
687
- ] });
688
- var IconInfo = () => /* @__PURE__ */ jsx11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx11("path", { d: "M7 1.3125C5.87512 1.3125 4.7755 1.64607 3.8402 2.27102C2.90489 2.89597 2.17591 3.78423 1.74544 4.82349C1.31496 5.86274 1.20233 7.00631 1.42179 8.10958C1.64124 9.21284 2.18292 10.2263 2.97833 11.0217C3.77374 11.8171 4.78716 12.3588 5.89043 12.5782C6.99369 12.7977 8.13726 12.685 9.17651 12.2546C10.2158 11.8241 11.104 11.0951 11.729 10.1598C12.3539 9.2245 12.6875 8.12488 12.6875 7C12.6859 5.49207 12.0862 4.04636 11.0199 2.98009C9.95364 1.91382 8.50793 1.31409 7 1.3125ZM7 11.8125C6.04818 11.8125 5.11773 11.5303 4.32632 11.0014C3.53491 10.4726 2.91808 9.72103 2.55383 8.84166C2.18959 7.96229 2.09428 6.99466 2.27997 6.06113C2.46566 5.12759 2.92401 4.27009 3.59705 3.59705C4.27009 2.92401 5.1276 2.46566 6.06113 2.27997C6.99466 2.09428 7.9623 2.18958 8.84167 2.55383C9.72104 2.91808 10.4726 3.53491 11.0014 4.32632C11.5303 5.11773 11.8125 6.04818 11.8125 7C11.8111 8.27591 11.3036 9.49915 10.4014 10.4014C9.49915 11.3036 8.27591 11.8111 7 11.8125ZM7.875 9.625C7.875 9.74103 7.82891 9.85231 7.74686 9.93436C7.66481 10.0164 7.55353 10.0625 7.4375 10.0625C7.20544 10.0625 6.98288 9.97031 6.81878 9.80622C6.65469 9.64212 6.5625 9.41956 6.5625 9.1875V7C6.44647 7 6.33519 6.95391 6.25314 6.87186C6.1711 6.78981 6.125 6.67853 6.125 6.5625C6.125 6.44647 6.1711 6.33519 6.25314 6.25314C6.33519 6.17109 6.44647 6.125 6.5625 6.125C6.79457 6.125 7.01713 6.21719 7.18122 6.38128C7.34531 6.54538 7.4375 6.76794 7.4375 7V9.1875C7.55353 9.1875 7.66481 9.23359 7.74686 9.31564C7.82891 9.39769 7.875 9.50897 7.875 9.625ZM6.125 4.59375C6.125 4.46396 6.16349 4.33708 6.2356 4.22916C6.30771 4.12124 6.4102 4.03712 6.53012 3.98745C6.65003 3.93778 6.78198 3.92479 6.90928 3.95011C7.03658 3.97543 7.15351 4.03793 7.24529 4.12971C7.33707 4.22149 7.39957 4.33842 7.42489 4.46572C7.45021 4.59302 7.43722 4.72497 7.38755 4.84489C7.33788 4.9648 7.25376 5.06729 7.14584 5.1394C7.03793 5.21151 6.91105 5.25 6.78125 5.25C6.6072 5.25 6.44028 5.18086 6.31721 5.05779C6.19414 4.93472 6.125 4.7678 6.125 4.59375Z", fill: "#09827D" }) });
689
- var IconCopy = ({ className }) => /* @__PURE__ */ jsx11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", className, children: /* @__PURE__ */ jsx11("path", { d: "M15.1875 2.25H6.1875C6.03832 2.25 5.89524 2.30926 5.78975 2.41475C5.68426 2.52024 5.625 2.66332 5.625 2.8125V5.625H2.8125C2.66332 5.625 2.52024 5.68426 2.41475 5.78975C2.30926 5.89524 2.25 6.03832 2.25 6.1875V15.1875C2.25 15.3367 2.30926 15.4798 2.41475 15.5852C2.52024 15.6907 2.66332 15.75 2.8125 15.75H11.8125C11.9617 15.75 12.1048 15.6907 12.2102 15.5852C12.3157 15.4798 12.375 15.3367 12.375 15.1875V12.375H15.1875C15.3367 12.375 15.4798 12.3157 15.5852 12.2102C15.6907 12.1048 15.75 11.9617 15.75 11.8125V2.8125C15.75 2.66332 15.6907 2.52024 15.5852 2.41475C15.4798 2.30926 15.3367 2.25 15.1875 2.25ZM11.25 14.625H3.375V6.75H11.25V14.625ZM14.625 11.25H12.375V6.1875C12.375 6.03832 12.3157 5.89524 12.2102 5.78975C12.1048 5.68426 11.9617 5.625 11.8125 5.625H6.75V3.375H14.625V11.25Z", fill: "#09827D" }) });
690
- var IconArrowUp = () => /* @__PURE__ */ jsx11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", children: /* @__PURE__ */ jsx11("path", { d: "M26.5625 8.5V22.3125C26.5625 22.5943 26.4506 22.8645 26.2513 23.0638C26.0521 23.2631 25.7818 23.375 25.5 23.375C25.2182 23.375 24.948 23.2631 24.7487 23.0638C24.5495 22.8645 24.4375 22.5943 24.4375 22.3125V11.0646L9.25173 26.2517C9.05236 26.4511 8.78196 26.5631 8.50001 26.5631C8.21806 26.5631 7.94766 26.4511 7.74829 26.2517C7.54892 26.0524 7.43692 25.7819 7.43692 25.5C7.43692 25.2181 7.54892 24.9476 7.74829 24.7483L22.9354 9.5625H11.6875C11.4057 9.5625 11.1355 9.45056 10.9362 9.2513C10.737 9.05204 10.625 8.78179 10.625 8.5C10.625 8.21821 10.737 7.94796 10.9362 7.7487C11.1355 7.54944 11.4057 7.4375 11.6875 7.4375H25.5C25.7818 7.4375 26.0521 7.54944 26.2513 7.7487C26.4506 7.94796 26.5625 8.21821 26.5625 8.5Z", fill: "#17B26A" }) });
691
- var IconArrowDown = () => /* @__PURE__ */ jsx11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", children: /* @__PURE__ */ jsx11("path", { d: "M7.43752 25.5V11.6875C7.43752 11.4057 7.54946 11.1355 7.74872 10.9362C7.94798 10.7369 8.21823 10.625 8.50002 10.625C8.78181 10.625 9.05206 10.7369 9.25132 10.9362C9.45058 11.1355 9.56252 11.4057 9.56252 11.6875V22.9354L24.7483 7.74828C24.9477 7.54891 25.2181 7.43691 25.5 7.43691C25.782 7.43691 26.0524 7.54891 26.2517 7.74828C26.4511 7.94765 26.5631 8.21805 26.5631 8.5C26.5631 8.78195 26.4511 9.05235 26.2517 9.25172L11.0646 24.4375H22.3125C22.5943 24.4375 22.8646 24.5494 23.0638 24.7487C23.2631 24.948 23.375 25.2182 23.375 25.5C23.375 25.7818 23.2631 26.052 23.0638 26.2513C22.8646 26.4506 22.5943 26.5625 22.3125 26.5625H8.50002C8.21823 26.5625 7.94798 26.4506 7.74872 26.2513C7.54946 26.052 7.43752 25.7818 7.43752 25.5Z", fill: "#F04438" }) });
692
683
  var BalanceInfo = ({
693
684
  totalBalance,
694
685
  clabe,
@@ -696,100 +687,136 @@ var BalanceInfo = ({
696
687
  monthlyLimit,
697
688
  accumulated,
698
689
  deposits,
699
- withdrawals
690
+ withdrawals,
691
+ tooltipInfo
700
692
  }) => {
701
693
  const [isVisible, setIsVisible] = useState2(true);
694
+ const [copiedType, setCopiedType] = useState2(null);
695
+ const [showTooltip, setShowTooltip] = useState2(false);
696
+ const copyToClipboard = async (text, type) => {
697
+ try {
698
+ await navigator.clipboard.writeText(text);
699
+ setCopiedType(type);
700
+ setTimeout(() => setCopiedType(null), 2e3);
701
+ } catch (err) {
702
+ console.error("Error al copiar: ", err);
703
+ }
704
+ };
702
705
  const formatCurrency = (val) => new Intl.NumberFormat("es-MX", {
703
706
  style: "currency",
704
707
  currency: "MXN",
705
- minimumFractionDigits: 2
708
+ minimumFractionDigits: 2,
709
+ maximumFractionDigits: 2
706
710
  }).format(val);
707
- return /* @__PURE__ */ jsx11(Card, { className: "uiklu-w-full uiklu-max-w-[1000px] uiklu-rounded-[24px] uiklu-border-balance-divider uiklu-bg-basewhite uiklu-shadow-none uiklu-font-sans", children: /* @__PURE__ */ jsxs9(CardContent, { className: "uiklu-p-8", children: [
708
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-justify-between uiklu-items-start uiklu-mb-8", children: [
709
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-space-y-4", children: [
710
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-2", children: [
711
+ const displayDeposit = Math.min(deposits.amount, 9999.99);
712
+ const displayWithdrawal = Math.min(withdrawals.amount, 9999.99);
713
+ const balanceFontSize = totalBalance >= 1e6 ? "uiklu-text-[19px]" : "uiklu-text-[24px]";
714
+ return /* @__PURE__ */ jsx11(Card, { className: "uiklu-w-full md:uiklu-w-fit md:uiklu-min-w-[570px] md:uiklu-max-w-[570px] md:uiklu-min-h-[262px] uiklu-rounded-[16px] uiklu-border-balance-divider uiklu-bg-basewhite uiklu-shadow-none uiklu-font-sans uiklu-box-border", children: /* @__PURE__ */ jsxs9(CardContent, { className: "uiklu-p-4", children: [
715
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-col md:uiklu-flex-row uiklu-justify-between uiklu-items-start uiklu-gap-4 uiklu-mb-6", children: [
716
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex-1 uiklu-min-w-[187px]", children: [
717
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-mb-1", children: [
711
718
  Icons.MONEY,
712
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-900 uiklu-text-[16px] uiklu-font-semibold uiklu-leading-6", children: "Saldo total" }),
713
- /* @__PURE__ */ jsx11(IconInfo, {})
719
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray900 uiklu-text-[16px] uiklu-font-semibold", children: "Saldo total" }),
720
+ tooltipInfo && /* @__PURE__ */ jsxs9(
721
+ "div",
722
+ {
723
+ className: "uiklu-relative uiklu-flex uiklu-items-center uiklu-cursor-default",
724
+ onMouseEnter: () => setShowTooltip(true),
725
+ onMouseLeave: () => setShowTooltip(false),
726
+ children: [
727
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-flex uiklu-items-center", children: Icons.INFO }),
728
+ showTooltip && /* @__PURE__ */ jsx11("div", { className: "uiklu-absolute uiklu-left-full uiklu-ml-2 uiklu-top-1/2 uiklu--translate-y-1/2 uiklu-z-[100]", children: /* @__PURE__ */ jsxs9("div", { className: "uiklu-bg-gray900 uiklu-text-white uiklu-text-[11px] uiklu-px-3 uiklu-py-1.5 uiklu-rounded-md uiklu-whitespace-nowrap uiklu-shadow-xl uiklu-relative", children: [
729
+ tooltipInfo,
730
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-absolute uiklu-right-full uiklu-top-1/2 uiklu--translate-y-1/2 uiklu-border-4 uiklu-border-transparent uiklu-border-r-gray900" })
731
+ ] }) })
732
+ ]
733
+ }
734
+ )
714
735
  ] }),
715
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-4", children: [
716
- /* @__PURE__ */ jsx11("div", { className: "uiklu-min-w-[180px]", children: /* @__PURE__ */ jsx11("h2", { className: "uiklu-text-balance-slate-900 uiklu-text-[24px] uiklu-font-bold uiklu-leading-normal", children: isVisible ? formatCurrency(totalBalance) : "$***,***.**" }) }),
736
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-3 uiklu-w-fit uiklu-max-w-[187px]", children: [
737
+ /* @__PURE__ */ jsx11("h2", { className: `uiklu-text-gray900 uiklu-font-bold uiklu-whitespace-nowrap ${balanceFontSize}`, children: isVisible ? formatCurrency(totalBalance) : "$***,***.**" }),
717
738
  /* @__PURE__ */ jsx11(
718
739
  "button",
719
740
  {
720
741
  onClick: () => setIsVisible(!isVisible),
721
- className: "uiklu-bg-transparent uiklu-p-0 uiklu-border-none uiklu-cursor-pointer uiklu-hover:opacity-70 uiklu-transition-opacity",
722
- children: isVisible ? /* @__PURE__ */ jsx11(IconEyeOpen, {}) : /* @__PURE__ */ jsx11(IconEyeMasked, {})
742
+ className: "uiklu-bg-transparent uiklu-p-0 uiklu-border-none uiklu-cursor-pointer uiklu-flex-shrink-0",
743
+ children: isVisible ? Icons.EYE_OPEN : Icons.EYE_MASKED
723
744
  }
724
745
  )
725
746
  ] })
726
747
  ] }),
727
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-inline-flex uiklu-flex-col \n uiklu-gap-y-2 uiklu-p-4 uiklu-rounded-[10px] uiklu-border \n uiklu-border-balance-cyan-border uiklu-bg-primary50", children: [
728
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-x-2", children: [
729
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-800 uiklu-text-[14px] uiklu-font-normal", children: "Cuenta Clabe:" }),
730
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-900 uiklu-text-[14px] uiklu-font-bold", children: clabe }),
731
- /* @__PURE__ */ jsx11(IconCopy, { className: "uiklu-ml-1" })
748
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-col uiklu-w-full md:uiklu-w-[331px] \n uiklu-gap-y-1.5 uiklu-p-2.5 uiklu-pt-4 uiklu-rounded-[10px] uiklu-border \n uiklu-border-primary50 uiklu-bg-primarylight uiklu-box-border", children: [
749
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-x-1.5", children: [
750
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-min-w-0", children: [
751
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray700 uiklu-text-[14px] uiklu-font-normal uiklu-whitespace-nowrap", children: "Cuenta Clabe:" }),
752
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray800 uiklu-ml-[3px] uiklu-text-[14px] uiklu-font-medium uiklu-truncate", children: clabe })
753
+ ] }),
754
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-relative uiklu-flex uiklu-items-center uiklu-flex-shrink-0", children: [
755
+ /* @__PURE__ */ jsx11("button", { onClick: () => copyToClipboard(clabe, "clabe"), className: "uiklu-bg-transparent uiklu-p-0 uiklu-cursor-pointer", children: Icons.COPY }),
756
+ copiedType === "clabe" && /* @__PURE__ */ jsx11("div", { className: "uiklu-absolute uiklu-bottom-full uiklu-right-0 uiklu-mb-1 uiklu-z-10", children: /* @__PURE__ */ jsx11("span", { className: "uiklu-bg-gray900 uiklu-text-white uiklu-text-[10px] uiklu-px-2 uiklu-py-1 uiklu-rounded uiklu-whitespace-nowrap", children: "Copiado" }) })
757
+ ] })
732
758
  ] }),
733
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-x-2", children: [
734
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-800 uiklu-text-[14px] uiklu-font-normal", children: "No. de cuenta:" }),
735
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-900 uiklu-text-[14px] uiklu-font-bold", children: accountNumber }),
736
- /* @__PURE__ */ jsx11(IconCopy, { className: "uiklu-ml-1" })
759
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-x-1.5", children: [
760
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-min-w-0", children: [
761
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray700 uiklu-text-[14px] uiklu-font-normal uiklu-whitespace-nowrap", children: "No. de cuenta:" }),
762
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray800 uiklu-ml-[3px] uiklu-text-[14px] uiklu-font-medium uiklu-truncate", children: accountNumber })
763
+ ] }),
764
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-relative uiklu-flex uiklu-items-center uiklu-flex-shrink-0", children: [
765
+ /* @__PURE__ */ jsx11("button", { onClick: () => copyToClipboard(accountNumber, "account"), className: "uiklu-bg-transparent uiklu-p-0 uiklu-cursor-pointer", children: Icons.COPY }),
766
+ copiedType === "account" && /* @__PURE__ */ jsx11("div", { className: "uiklu-absolute uiklu-bottom-full uiklu-right-0 uiklu-mb-1 uiklu-z-10", children: /* @__PURE__ */ jsx11("span", { className: "uiklu-bg-gray900 uiklu-text-white uiklu-text-[10px] uiklu-px-2 uiklu-py-1 uiklu-rounded uiklu-whitespace-nowrap", children: "Copiado" }) })
767
+ ] })
737
768
  ] })
738
769
  ] })
739
770
  ] }),
740
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-space-y-3 uiklu-mb-8", children: [
741
- /* @__PURE__ */ jsxs9("p", { className: "uiklu-text-balance-slate-600 uiklu-text-[14px] uiklu-font-normal", children: [
742
- "L\xEDmite mensual: ",
743
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-800 uiklu-font-semibold", children: formatCurrency(monthlyLimit) })
771
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-space-y-2 uiklu-mb-6", children: [
772
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-2", children: [
773
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray600 uiklu-text-[14px]", children: "L\xEDmite mensual:" }),
774
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray800 uiklu-text-[14px] uiklu-font-semibold", children: formatCurrency(monthlyLimit) })
744
775
  ] }),
745
- /* @__PURE__ */ jsx11(
746
- Progress,
747
- {
748
- value: accumulated / monthlyLimit * 100,
749
- className: "uiklu-h-[10px] uiklu-bg-muted"
750
- }
751
- ),
776
+ /* @__PURE__ */ jsx11(Progress, { value: accumulated / monthlyLimit * 100, className: "uiklu-h-[6px] uiklu-bg-muted" }),
752
777
  /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-justify-between", children: [
753
- /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-balance-slate-600 uiklu-text-[12px] uiklu-font-normal", children: [
778
+ /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-gray600 uiklu-text-[12px]", children: [
754
779
  "Acumulado: ",
755
- /* @__PURE__ */ jsx11("b", { className: "uiklu-text-balance-slate-800 uiklu-font-bold", children: formatCurrency(accumulated) })
780
+ /* @__PURE__ */ jsx11("b", { className: "uiklu-text-gray800", children: formatCurrency(accumulated) })
756
781
  ] }),
757
- /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-balance-slate-600 uiklu-text-[12px] uiklu-font-normal", children: [
782
+ /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-gray600 uiklu-text-[12px]", children: [
758
783
  "Restante: ",
759
- /* @__PURE__ */ jsx11("b", { className: "uiklu-text-balance-slate-800 uiklu-font-bold", children: formatCurrency(monthlyLimit - accumulated) })
784
+ /* @__PURE__ */ jsx11("b", { className: "uiklu-text-gray800", children: formatCurrency(monthlyLimit - accumulated) })
760
785
  ] })
761
786
  ] })
762
787
  ] }),
763
- /* @__PURE__ */ jsx11("div", { className: "uiklu-w-full uiklu-h-[1px] uiklu-bg-balance-divider uiklu-mb-8" }),
764
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-grid uiklu-grid-cols-2 uiklu-gap-4", children: [
765
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-p-4 uiklu-rounded-[12px] uiklu-border uiklu-border-balance-cyan-border uiklu-bg-balance-cyan-bg", children: [
766
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-1 uiklu-items-center uiklu-gap-3 uiklu-border-r uiklu-border-balance-cyan-border uiklu-pr-4", children: [
767
- /* @__PURE__ */ jsx11(IconArrowUp, {}),
768
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-col uiklu-gap-y-1", children: [
769
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-600 uiklu-text-[11px] uiklu-font-normal uiklu-leading-[14px]", children: "Dep\xF3sitos del mes:" }),
770
- /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-balance-slate-900 uiklu-text-[18px] uiklu-font-bold uiklu-leading-[22px]", children: [
788
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-w-full uiklu-h-[1px] uiklu-bg-balance-divider uiklu-mb-6" }),
789
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-grid uiklu-grid-cols-1 md:uiklu-grid-cols-2 uiklu-gap-2", children: [
790
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-p-[6px] uiklu-rounded-[10px] uiklu-border uiklu-border-primary50 uiklu-bg-primarylight", children: [
791
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-pr-3", children: [
792
+ Icons.ARROW_UP,
793
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-col", children: [
794
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray600 uiklu-text-[8px] uiklu-font-medium uiklu-leading-tight uiklu-mb-[8px]", children: "Dep\xF3sitos del mes:" }),
795
+ /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-gray800 uiklu-text-[14px] uiklu-font-bold", children: [
771
796
  "+",
772
- formatCurrency(deposits.amount)
797
+ formatCurrency(displayDeposit)
773
798
  ] })
774
799
  ] })
775
800
  ] }),
776
- /* @__PURE__ */ jsx11("div", { className: "uiklu-flex-1 uiklu-pl-4", children: /* @__PURE__ */ jsxs9("p", { className: "uiklu-text-balance-slate-600 uiklu-text-[11px] uiklu-font-normal", children: [
801
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-w-[1px] uiklu-h-5 uiklu-bg-primary50" }),
802
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-pl-3", children: /* @__PURE__ */ jsxs9("p", { className: "uiklu-text-gray600 uiklu-text-[8px] uiklu-whitespace-nowrap", children: [
777
803
  deposits.count.toString().padStart(3, "0"),
778
804
  " Dep\xF3sitos realizados"
779
805
  ] }) })
780
806
  ] }),
781
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-p-4 uiklu-rounded-[12px] uiklu-border uiklu-border-balance-divider uiklu-bg-balance-cyan-bg", children: [
782
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-1 uiklu-items-center uiklu-gap-3 uiklu-border-r uiklu-border-balance-cyan-border uiklu-pr-4", children: [
783
- /* @__PURE__ */ jsx11(IconArrowDown, {}),
784
- /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-col uiklu-gap-y-1", children: [
785
- /* @__PURE__ */ jsx11("span", { className: "uiklu-text-balance-slate-600 uiklu-text-[11px] uiklu-font-normal uiklu-leading-[14px]", children: "Retiros del mes:" }),
786
- /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-balance-slate-900 uiklu-text-[18px] uiklu-font-bold uiklu-leading-[22px]", children: [
807
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-p-[6px] uiklu-rounded-[10px] uiklu-border uiklu-border-primary50 uiklu-bg-primarylight", children: [
808
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-pr-3", children: [
809
+ Icons.ARROW_DOWN,
810
+ /* @__PURE__ */ jsxs9("div", { className: "uiklu-flex uiklu-flex-col", children: [
811
+ /* @__PURE__ */ jsx11("span", { className: "uiklu-text-gray600 uiklu-text-[8px] uiklu-font-medium uiklu-leading-tight uiklu-mb-[8px]", children: "Retiros del mes:" }),
812
+ /* @__PURE__ */ jsxs9("span", { className: "uiklu-text-gray800 uiklu-text-[14px] uiklu-font-bold", children: [
787
813
  "-",
788
- formatCurrency(withdrawals.amount)
814
+ formatCurrency(displayWithdrawal)
789
815
  ] })
790
816
  ] })
791
817
  ] }),
792
- /* @__PURE__ */ jsx11("div", { className: "uiklu-flex-1 uiklu-pl-4", children: /* @__PURE__ */ jsxs9("p", { className: "uiklu-text-balance-slate-600 uiklu-text-[11px] uiklu-font-normal", children: [
818
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-w-[1px] uiklu-h-5 uiklu-bg-primary50" }),
819
+ /* @__PURE__ */ jsx11("div", { className: "uiklu-pl-3", children: /* @__PURE__ */ jsxs9("p", { className: "uiklu-text-gray600 uiklu-text-[8px] uiklu-whitespace-nowrap", children: [
793
820
  withdrawals.count.toString().padStart(3, "0"),
794
821
  " Retiros realizados"
795
822
  ] }) })