@klu_dev/ui-klu-green 1.1.8 → 1.1.9

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 (3) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -40,7 +40,7 @@ var Input = React.forwardRef(
40
40
  type: inputType,
41
41
  className: cn(
42
42
  "uiklu-flex uiklu-box-border uiklu-appearance-none uiklu-outline-none uiklu-transition-all",
43
- "uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-border-inputlight uiklu-bg-background uiklu-font-sans",
43
+ "uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans",
44
44
  "uiklu-overflow-hidden uiklu-text-ellipsis",
45
45
  "disabled:uiklu-cursor-not-allowed disabled:uiklu-text-gray200",
46
46
  "disabled:placeholder:uiklu-text-gray200",
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ui/input.tsx","../src/lib/utils.ts","../src/components/ui/button.tsx","../src/components/ui/backButton.tsx","../src/components/ui/select.tsx","../src/components/ui/typography.tsx","../src/components/ui/dialog.tsx","../src/assets/icons/index.tsx","../src/components/ui/modal.tsx","../src/components/ui/balanceInfo.tsx","../src/components/ui/card.tsx","../src/components/ui/progress.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype InputSize = \"sm\" | \"md\" | \"lg\" | \"full\"\n\nexport interface InputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n size?: InputSize\n error?: string\n}\n\nconst inputSizes: Record<InputSize, string> = {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-px-5 uiklu-text-md\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-px-5 uiklu-text-lg \",\n full: \"uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg \",\n}\n\nconst iconSizes = {\n sm: { w: \"18\", h: \"14\" },\n md: { w: \"20\", h: \"16\" },\n lg: { w: \"22.5\", h: \"18\" },\n full: { w: \"22.5\", h: \"18\" },\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type = \"text\", size = \"lg\", error, ...props }, ref) => {\n const [showPassword, setShowPassword] = React.useState(false)\n\n const isPassword = type === \"password\"\n const inputType = isPassword && showPassword ? \"text\" : type\n\n return (\n <div className={cn(\n \"uiklu-flex uiklu-flex-col uiklu-gap-1.5\",\n size === \"full\" ? \"uiklu-w-full\" : \"uiklu-w-fit\"\n )}>\n <div className={cn(\"uiklu-relative\", size === \"full\" ? \"uiklu-w-full\" : \"uiklu-w-fit\")}>\n <input\n {...props}\n ref={ref}\n type={inputType}\n className={cn(\n \"uiklu-flex uiklu-box-border uiklu-appearance-none uiklu-outline-none uiklu-transition-all\",\n \"uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-border-inputlight uiklu-bg-background uiklu-font-sans\",\n \"uiklu-overflow-hidden uiklu-text-ellipsis\",\n\n \"disabled:uiklu-cursor-not-allowed disabled:uiklu-text-gray200\",\n \"disabled:placeholder:uiklu-text-gray200\",\n\n !error\n ? [\n \"uiklu-border-inputlight\",\n \"focus:uiklu-border-primary900\",\n \"focus:uiklu-shadow-[0_0_0_3px_#AFD8D8]\"\n ]\n : [\n \"uiklu-border-destructive !uiklu-text-destructive placeholder:!uiklu-text-destructive\",\n \"focus:uiklu-border-destructive\",\n \"focus:uiklu-shadow-[0_0_0_3px_rgba(220,38,38,0.20)]\"\n ],\n isPassword && \"uiklu-pr-14\",\n inputSizes[size],\n className\n )}\n />\n {isPassword && (\n <button\n type=\"button\"\n onClick={() => setShowPassword(!showPassword)}\n className=\"uiklu-absolute uiklu-right-6 uiklu-top-0 uiklu-h-full uiklu-flex uiklu-items-center uiklu-justify-center uiklu-bg-transparent uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-z-10\"\n >\n <div className=\"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-opacity-70 hover:uiklu-opacity-100 uiklu-transition-opacity\">\n {showPassword ? (\n <svg\n width={iconSizes[size].w}\n height={iconSizes[size].h}\n viewBox=\"0 3 24 18\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={!error ? \"uiklu-stroke-inputtext\" : \"uiklu-stroke-destructive\"}\n >\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>\n </svg>\n ) : (\n <svg\n width={iconSizes[size].w}\n height={iconSizes[size].h}\n viewBox=\"0 3 24 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.05499 3.24557C4.98913 3.17132 4.90918 3.11089 4.81979 3.06777C4.7304 3.02465 4.63334 2.9997 4.53423 2.99437C4.43513 2.98904 4.33595 3.00343 4.24245 3.03671C4.14895 3.06999 4.06298 3.12150 3.98953 3.18825C3.91608 3.255 3.85661 3.33566 3.81457 3.42556C3.77252 3.51546 3.74874 3.61282 3.7446 3.71198C3.74045 3.81114 3.75603 3.91014 3.79043 4.00323C3.82483 4.09633 3.87737 4.18167 3.94499 4.25432L5.74874 6.23906C2.34374 8.32869 0.879366 11.5499 0.814679 11.6962C0.772035 11.7921 0.75 11.8959 0.75 12.0009C0.75 12.1058 0.772035 12.2096 0.814679 12.3056C0.847491 12.3796 1.64155 14.1403 3.40687 15.9056C5.75905 18.2568 8.72999 19.4999 12 19.4999C13.6806 19.5095 15.3442 19.1635 16.8816 18.4846L18.9441 20.7543C19.0099 20.8286 19.0899 20.8890 19.1793 20.9321C19.2686 20.9752 19.3657 21.0002 19.4648 21.0055C19.5639 21.0108 19.6631 20.9965 19.7566 20.9632C19.8501 20.9299 19.9361 20.8784 20.0095 20.8116C20.083 20.7449 20.1424 20.6642 20.1845 20.5743C20.2265 20.4844 20.2503 20.3871 20.2544 20.2879C20.2586 20.1887 20.243 20.0897 20.2086 19.9966C20.1742 19.9036 20.1217 19.8182 20.0541 19.7456L5.05499 3.24557ZM9.49218 10.3556L13.3987 14.6540C12.8105 14.9635 12.136 15.0688 11.4814 14.9535C10.8268 14.8381 10.229 14.5086 9.78189 14.0167C9.33481 13.5248 9.06377 12.8983 9.01134 12.2356C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 17.9999C9.11437 17.9999 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0604 2.34374 11.9999C2.78343 11.1759 4.18687 8.86963 6.7828 7.37057L8.4703 9.22213C7.81699 10.0589 7.48052 11.0996 7.52036 12.1604C7.56021 13.2212 7.97379 14.2338 8.68802 15.0192C9.40225 15.8045 10.3711 16.3121 11.4234 16.4522C12.4757 16.5923 13.5436 16.3558 14.4384 15.7846L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 17.9999ZM12.5625 9.05338C12.3671 9.01608 12.1944 8.90268 12.0826 8.73812C11.9708 8.57355 11.9289 8.37131 11.9662 8.17588C12.0035 7.98045 12.1169 7.80784 12.2815 7.69602C12.4461 7.58420 12.6483 7.54233 12.8437 7.57963C13.7996 7.76494 14.67 8.25430 15.325 8.97471C15.98 9.69512 16.3846 10.608 16.4784 11.5771C16.4969 11.7752 16.436 11.9725 16.3091 12.1256C16.1822 12.2787 15.9996 12.3752 15.8016 12.3937C15.7781 12.3951 15.7547 12.3951 15.7312 12.3937C15.5438 12.3945 15.3628 12.3251 15.224 12.1991C15.0852 12.0731 14.9986 11.8997 14.9812 11.7131C14.9181 11.0684 14.6486 10.4614 14.2128 9.98220C13.7771 9.50301 13.1982 9.17725 12.5625 9.05338ZM23.1825 12.3056C23.1431 12.3937 22.1934 14.4965 20.055 16.4118C19.9819 16.4793 19.8961 16.5317 19.8027 16.5657C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5810 19.2238 16.5383C19.1339 16.4956 19.0535 16.4354 18.9871 16.3612C18.9208 16.2871 18.8698 16.2005 18.8373 16.1065C18.8047 16.0125 18.7912 15.9129 18.7975 15.8136C18.8037 15.7143 18.8297 15.6173 18.8739 15.5281C18.918 15.4390 18.9795 15.3595 19.0547 15.2943C20.1038 14.3518 20.9851 13.2378 21.6609 11.9999C21.0819 10.9385 20.3518 9.96677 19.4934 9.11525C17.4066 7.049 14.8856 5.99994 12 5.99994C11.392 5.99920 10.7849 6.04843 10.185 6.14713C10.0874 6.16438 9.98741 6.16213 9.89073 6.14051C9.79404 6.11889 9.70259 6.07833 9.62167 6.02117C9.54074 5.96401 9.47195 5.89138 9.41925 5.80747C9.36656 5.72357 9.33101 5.63006 9.31466 5.53234C9.29832 5.43463 9.30149 5.33464 9.32401 5.23815C9.34652 5.14167 9.38793 5.05060 9.44584 4.97021C9.50375 4.88982 9.57702 4.82170 9.6614 4.76979C9.74579 4.71787 9.83963 4.68320 9.93749 4.66775C10.6192 4.55519 11.309 4.49906 12 4.49994C15.27 4.49994 18.2409 5.74307 20.5931 8.09525C22.3584 9.86057 23.1525 11.6221 23.1853 11.6962C23.2279 11.7921 23.25 11.8959 23.25 12.0009C23.25 12.1058 23.2279 12.2096 23.1853 12.3056H23.1825Z\"\n fill=\"currentColor\"\n className={!error ? \"uiklu-fill-inputtext\" : \"uiklu-fill-destructive\"}\n />\n </svg>\n )}\n </div>\n </button>\n )}\n </div>\n\n {error && (\n <p className=\"uiklu-mt-1 uiklu-px-4 uiklu-text-lg uiklu-leading-tight \n uiklu-text-destructive uiklu-font-sans uiklu-m-0\">\n {error}\n </p>\n )}\n </div>\n )\n }\n)\n\nInput.displayName = \"Input\"\n\nexport { Input }","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"uiklu-box-border uiklu-flex uiklu-items-center uiklu-justify-center uiklu-gap-3 uiklu-border-2 uiklu-font-medium uiklu-transition-all uiklu-outline-none disabled:uiklu-opacity-50\",\n {\n variants: {\n variant: {\n primary: `\n uiklu-bg-primary900\n uiklu-text-primary-foreground\n hover:uiklu-bg-primary900/90\n uiklu-rounded-[48px]\n uiklu-border-transparent\n `,\n secondary: `\n uiklu-bg-gradient-to-r\n uiklu-from-[#FBA022]\n uiklu-to-[#157C70]\n uiklu-text-white\n hover:uiklu-opacity-90\n uiklu-rounded-[48px]\n uiklu-bg-origin-border\n uiklu-border-transparent\n `,\n outline: \"uiklu-border-border uiklu-bg-transparent uiklu-text-inputtext hover:uiklu-bg-muted uiklu-rounded-[48px]\",\n outlinePrimary: `\n uiklu-bg-transparent \n uiklu-border-2 \n uiklu-border-primary900\n uiklu-text-primary900 \n uiklu-rounded-[48px]\n hover:uiklu-bg-primary900/5\n `,\n outlineSecondary: `\n uiklu-bg-transparent\n uiklu-border-2\n uiklu-border-outlinesecondary\n uiklu-text-outlinesecondary\n uiklu-rounded-[48px]\n hover:uiklu-bg-outlinesecondary/10\n `,\n outlineWhite: `\n uiklu-bg-transparent \n uiklu-border-2\n uiklu-border-basewhite \n uiklu-text-basewhite \n uiklu-rounded-[48px]\n hover:uiklu-bg-white/10\n `,\n },\n size: {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-lg\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-px-6 uiklu-text-xl\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-px-[32px] uiklu-text-2xl\",\n xl: \"uiklu-h-[60px] uiklu-w-[450px] uiklu-px-[40px] uiklu-text-2xl\",\n full: \"uiklu-w-full uiklu-h-[50px] uiklu-max-h-[60px] uiklu-px-[48px] uiklu-text-2xl uiklu-font-bold\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n icon?: React.ReactNode\n iconAlign?: \"left\" | \"right\"\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, icon, iconAlign = \"left\", children, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n className={cn(\n buttonVariants({ variant, size }),\n iconAlign === \"right\" && \"uiklu-flex-row-reverse\",\n className\n )}\n ref={ref}\n {...props}\n >\n {icon && (\n <span className=\"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0\">\n {icon}\n </span>\n )}\n {children}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }","import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype BackButtonSize = \"ch\" | \"md\" | \"lg\"\n\ninterface BackButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n size?: BackButtonSize\n}\n\nconst buttonSizes: Record<BackButtonSize, string> = {\n ch: \"uiklu-text-[14px] uiklu-gap-1\",\n md: \"uiklu-text-[16px] uiklu-gap-2\",\n lg: \"uiklu-text-[18px] uiklu-gap-2.5\",\n}\n\nconst svgSizes: Record<BackButtonSize, string> = {\n ch: \"uiklu-w-4 uiklu-h-4\",\n md: \"uiklu-w-5 uiklu-h-5\",\n lg: \"uiklu-w-6 uiklu-h-6\",\n}\n\n// Cambiamos la declaración para que el parser no se confunda\nconst BackButtonRender: React.ForwardRefRenderFunction<HTMLButtonElement, BackButtonProps> = (\n props,\n ref\n) => {\n const { className, size = \"lg\", children = \"Regresar\", ...rest } = props;\n\n return (\n <button\n ref={ref}\n className={cn(\n \"uiklu-inline-flex uiklu-items-center uiklu-w-fit uiklu-border-none uiklu-bg-transparent uiklu-font-sans uiklu-font-medium uiklu-text-basewhite uiklu-text-center uiklu-leading-none uiklu-cursor-pointer hover:uiklu-underline uiklu-transition-all uiklu-outline-none active:uiklu-opacity-70 disabled:uiklu-opacity-50 disabled:uiklu-cursor-not-allowed\",\n buttonSizes[size],\n className\n )}\n {...rest}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className={cn(\"uiklu-flex-shrink-0 uiklu-block\", svgSizes[size])}\n style={{ width: size === 'ch' ? '16px' : size === 'md' ? '20px' : '24px', height: 'auto' }}\n >\n <path\n d=\"M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span>{children}</span>\n </button>\n );\n};\n\nexport const BackButton = React.forwardRef(BackButtonRender);\n\nBackButton.displayName = \"BackButton\"","import * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown } from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst Select = SelectPrimitive.Root\nconst SelectValue = SelectPrimitive.Value\nconst SelectGroup = SelectPrimitive.Group\n\nconst selectTriggerVariants = cva(\n [\n \"uiklu-flex uiklu-items-center uiklu-justify-between uiklu-transition-all\",\n \"uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans\",\n \"uiklu-outline-none focus:uiklu-border-baseblack focus:uiklu-border-[1px]\",\n \"disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50\",\n \"uiklu-leading-none\"\n ],\n {\n variants: {\n size: {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-min-w-[150px] uiklu-px-4 uiklu-text-sm\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-min-w-[250px] uiklu-px-5 uiklu-text-md\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-min-w-[350px] uiklu-px-5 uiklu-text-lg\",\n full: \"uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg\",\n },\n error: {\n true: \"uiklu-border-destructive uiklu-text-destructive focus:uiklu-border-destructive\",\n false: \"uiklu-border-border uiklu-text-inputtext\",\n }\n },\n defaultVariants: {\n size: \"lg\",\n error: false,\n },\n }\n)\n\nconst SelectErrorMessage = ({ message }: { message?: string }) => {\n if (!message) return null;\n return (\n <p className=\"uiklu-mt-1 uiklu-px-4 uiklu-text-[11px] uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0\">\n {message}\n </p>\n );\n};\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>\n>(({ className, children, size, error, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(selectTriggerVariants({ size, error, className }))}\n {...props}\n >\n <span className=\"uiklu-truncate data-[placeholder]:uiklu-opacity-40\">\n {children}\n </span>\n <SelectPrimitive.Icon asChild>\n <ChevronDown className={cn(\n \"uiklu-h-5 uiklu-w-5 uiklu-ml-2 uiklu-shrink-0 uiklu-transition-opacity uiklu-opacity-70\",\n error ? \"uiklu-text-destructive\" : \"uiklu-text-inputtext\"\n )} />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"uiklu-relative uiklu-z-50 uiklu-max-h-96 uiklu-w-[var(--radix-select-trigger-width)] uiklu-min-w-[var(--radix-select-trigger-width)] uiklu-overflow-hidden uiklu-rounded-[20px] uiklu-border-[1px] uiklu-border-border uiklu-bg-background uiklu-text-inputtext uiklu-font-sans uiklu-shadow-md\",\n position === \"popper\" && \"uiklu-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectPrimitive.Viewport className=\"uiklu-p-1\">\n {children}\n </SelectPrimitive.Viewport>\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"uiklu-relative uiklu-flex uiklu-w-full uiklu-cursor-pointer uiklu-select-none uiklu-items-center uiklu-py-2.5 uiklu-pl-10 uiklu-pr-4 uiklu-text-md uiklu-font-sans uiklu-outline-none focus:uiklu-bg-primary/10 focus:uiklu-text-primary\",\n \"uiklu-rounded-none\", \n className\n )}\n {...props}\n >\n <span className=\"uiklu-absolute uiklu-left-3 uiklu-flex uiklu-h-3.5 uiklu-w-3.5 uiklu-items-center uiklu-justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"uiklu-h-4 uiklu-w-4 uiklu-text-primary\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nexport {\n Select,\n SelectTrigger,\n SelectContent,\n SelectItem,\n SelectValue,\n SelectGroup,\n SelectErrorMessage\n}","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst typographyVariants = cva(\n \"uiklu-font-sans uiklu-m-0\",\n {\n variants: {\n size: {\n xxxl: \"uiklu-text-[32px] uiklu-leading-tight uiklu-font-bold\",\n xxl: \"uiklu-text-[24px] uiklu-leading-tight uiklu-font-bold\",\n xl: \"uiklu-text-[20px] uiklu-leading-snug uiklu-font-semibold\",\n md: \"uiklu-text-[16px] uiklu-leading-normal\",\n sm: \"uiklu-text-[14px] uiklu-leading-normal\",\n },\n color: {\n white: \"uiklu-text-white\",\n primary: \"uiklu-text-primary\",\n secondary: \"uiklu-text-secondary\",\n black: \"uiklu-text-black\",\n orange: \"uiklu-text-orange\",\n },\n align: {\n left: \"uiklu-text-left\",\n center: \"uiklu-text-center\",\n right: \"uiklu-text-right\",\n justify: \"uiklu-text-justify\",\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"white\",\n align: \"left\",\n },\n }\n)\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLParagraphElement>, \"color\">,\n VariantProps<typeof typographyVariants> {\n showDot?: boolean\n}\n\nconst Typography = React.forwardRef<HTMLParagraphElement, TypographyProps>(\n ({ className, size, color, align, showDot, children, ...props }, ref) => {\n\n const content = (\n <>\n {children}\n {showDot && <span className=\"uiklu-text-orange\">.</span>} </>\n )\n\n return (\n <p\n ref={ref}\n className={cn(typographyVariants({ size, color, align, className }))}\n {...props}\n >\n {content}\n </p>\n )\n }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { cn } from \"../../lib/utils\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"uiklu-fixed uiklu-inset-0 uiklu-z-50 uiklu-bg-black/40 uiklu-backdrop-blur-sm data-[state=open]:uiklu-animate-in data-[state=closed]:uiklu-animate-out data-[state=closed]:uiklu-fade-out-0 data-[state=open]:uiklu-fade-in-0\",\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"uiklu-fixed uiklu-left-[50%] uiklu-top-[50%] uiklu-z-50 uiklu-grid uiklu-w-full uiklu-max-w-lg uiklu-translate-x-[-50%] uiklu-translate-y-[-50%] uiklu-bg-basewhite uiklu-p-8 uiklu-shadow-lg uiklu-duration-200 uiklu-rounded-[24px] uiklu-outline-none focus:uiklu-outline-none\",\n className\n )}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"uiklu-flex uiklu-flex-col uiklu-space-y-1.5 uiklu-text-center sm:uiklu-text-left\",\n className\n )}\n {...props}\n />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"uiklu-flex uiklu-flex-col-reverse sm:uiklu-flex-row sm:uiklu-justify-end sm:uiklu-space-x-2\",\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"uiklu-text-lg uiklu-font-semibold uiklu-leading-none uiklu-tracking-tight\",\n className\n )}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"uiklu-text-sm uiklu-text-muted-foreground\", className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogClose,\n DialogTrigger,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n}","\ninterface IconProps {\n className?: string;\n}\n\nconst TicketIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M5.625 8.125C5.625 7.95924 5.69085 7.80027 5.80806 7.68306C5.92527 7.56585 6.08424 7.5 6.25 7.5H13.75C13.9158 7.5 14.0747 7.56585 14.1919 7.68306C14.3092 7.80027 14.375 7.95924 14.375 8.125C14.375 8.29076 14.3092 8.44973 14.1919 8.56694C14.0747 8.68415 13.9158 8.75 13.75 8.75H6.25C6.08424 8.75 5.92527 8.68415 5.80806 8.56694C5.69085 8.44973 5.625 8.29076 5.625 8.125ZM6.25 11.25H13.75C13.9158 11.25 14.0747 11.1842 14.1919 11.0669C14.3092 10.9497 14.375 10.7908 14.375 10.625C14.375 10.4592 14.3092 10.3003 14.1919 10.1831C14.0747 10.0658 13.9158 10 13.75 10H6.25C6.08424 10 5.92527 10.0658 5.80806 10.1831C5.69085 10.3003 5.625 10.4592 5.625 10.625C5.625 10.7908 5.69085 10.9497 5.80806 11.0669C5.92527 11.1842 6.08424 11.25 6.25 11.25ZM18.125 4.375V16.25C18.1249 16.3565 18.0977 16.4613 18.0457 16.5543C17.9938 16.6473 17.919 16.7255 17.8284 16.7815C17.7377 16.8374 17.6343 16.8693 17.5279 16.874C17.4214 16.8788 17.3156 16.8563 17.2203 16.8086L15 15.6984L12.7797 16.8086C12.6929 16.852 12.5971 16.8747 12.5 16.8747C12.4029 16.8747 12.3071 16.852 12.2203 16.8086L10 15.6984L7.77969 16.8086C7.69286 16.852 7.5971 16.8747 7.5 16.8747C7.4029 16.8747 7.30714 16.852 7.22031 16.8086L5 15.6984L2.77969 16.8086C2.68442 16.8563 2.57856 16.8788 2.47214 16.874C2.36572 16.8693 2.26228 16.8374 2.17165 16.7815C2.08101 16.7255 2.00618 16.6473 1.95426 16.5543C1.90234 16.4613 1.87506 16.3565 1.875 16.25V4.375C1.875 4.04348 2.0067 3.72554 2.24112 3.49112C2.47554 3.2567 2.79348 3.125 3.125 3.125H16.875C17.2065 3.125 17.5245 3.2567 17.7589 3.49112C17.9933 3.72554 18.125 4.04348 18.125 4.375ZM16.875 4.375H3.125V15.2391L4.72031 14.4406C4.80714 14.3972 4.9029 14.3746 5 14.3746C5.0971 14.3746 5.19286 14.3972 5.27969 14.4406L7.5 15.5516L9.72031 14.4406C9.80714 14.3972 9.9029 14.3746 10 14.3746C10.0971 14.3746 10.1929 14.3972 10.2797 14.4406L12.5 15.5516L14.7203 14.4406C14.8071 14.3972 14.9029 14.3746 15 14.3746C15.0971 14.3746 15.1929 14.3972 15.2797 14.4406L16.875 15.2391V4.375Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst CardIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M17.5 3.75H2.5C2.16848 3.75 1.85054 3.8817 1.61612 4.11612C1.3817 4.35054 1.25 4.66848 1.25 5V15C1.25 15.3315 1.3817 15.6495 1.61612 15.8839C1.85054 16.1183 2.16848 16.25 2.5 16.25H17.5C17.8315 16.25 18.1495 16.1183 18.3839 15.8839C18.6183 15.6495 18.75 15.3315 18.75 15V5C18.75 4.66848 18.6183 4.35054 18.3839 4.11612C18.1495 3.8817 17.8315 3.75 17.5 3.75ZM17.5 5V6.875H2.5V5H17.5ZM17.5 15H2.5V8.125H17.5V15ZM16.25 13.125C16.25 13.2908 16.1842 13.4497 16.0669 13.5669C15.9497 13.6842 15.7908 13.75 15.625 13.75H13.125C12.9592 13.75 12.8003 13.6842 12.6831 13.5669C12.5658 13.4497 12.5 13.2908 12.5 13.125C12.5 12.9592 12.5658 12.8003 12.6831 12.6831C12.8003 12.5658 12.9592 12.5 13.125 12.5H15.625C15.7908 12.5 15.9497 12.5658 16.0669 12.6831C16.1842 12.8003 16.25 12.9592 16.25 13.125ZM11.25 13.125C11.25 13.2908 11.1842 13.4497 11.0669 13.5669C10.9497 13.6842 10.7908 13.75 10.625 13.75H9.375C9.20924 13.75 9.05027 13.6842 8.93306 13.5669C8.81585 13.4497 8.75 13.2908 8.75 13.125C8.75 12.9592 8.81585 12.8003 8.93306 12.6831C9.05027 12.5658 9.20924 12.5 9.375 12.5H10.625C10.7908 12.5 10.9497 12.5658 11.0669 12.6831C11.1842 12.8003 11.25 12.9592 11.25 13.125Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst CashIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M19.0813 4.68751C18.9913 4.63135 18.8885 4.59902 18.7826 4.59355C18.6766 4.58808 18.5711 4.60966 18.4758 4.65625C15.1219 6.29688 12.7266 5.52813 10.1945 4.71719C7.53828 3.86641 4.78438 2.9875 0.979688 4.84532C0.873383 4.89631 0.78367 4.97633 0.720909 5.07614C0.658148 5.17595 0.624898 5.29148 0.625 5.40938V14.7789C0.624985 14.885 0.651952 14.9893 0.703363 15.082C0.754774 15.1748 0.828938 15.2529 0.918875 15.3091C1.00881 15.3653 1.11157 15.3976 1.21747 15.4032C1.32337 15.4087 1.42893 15.3872 1.52422 15.3406C4.87813 13.7 7.27344 14.4688 9.80937 15.2797C11.3125 15.7602 12.8438 16.25 14.575 16.25C15.9102 16.25 17.3664 15.9594 19.0211 15.1516C19.1262 15.1003 19.2148 15.0205 19.2768 14.9213C19.3388 14.8222 19.3717 14.7076 19.3719 14.5906V5.2211C19.3728 5.11478 19.3466 5.00998 19.2958 4.91661C19.2449 4.82324 19.1711 4.74438 19.0813 4.68751ZM18.125 14.193C14.9531 15.6125 12.6367 14.8719 10.1906 14.0899C8.6875 13.6094 7.15625 13.1195 5.425 13.1195C4.20867 13.1254 3.00472 13.3641 1.87813 13.8227V5.80704C5.05 4.38751 7.36641 5.12813 9.8125 5.91016C12.2586 6.69219 14.7766 7.50001 18.125 6.17891V14.193ZM10 7.50001C9.50555 7.50001 9.0222 7.64663 8.61107 7.92133C8.19995 8.19603 7.87952 8.58648 7.6903 9.0433C7.50108 9.50011 7.45157 10.0028 7.54804 10.4877C7.6445 10.9727 7.8826 11.4181 8.23223 11.7678C8.58186 12.1174 9.02732 12.3555 9.51227 12.452C9.99723 12.5484 10.4999 12.4989 10.9567 12.3097C11.4135 12.1205 11.804 11.8001 12.0787 11.3889C12.3534 10.9778 12.5 10.4945 12.5 10C12.5 9.33696 12.2366 8.70108 11.7678 8.23224C11.2989 7.7634 10.663 7.50001 10 7.50001ZM10 11.25C9.75277 11.25 9.5111 11.1767 9.30554 11.0393C9.09998 10.902 8.93976 10.7068 8.84515 10.4784C8.75054 10.25 8.72579 9.99862 8.77402 9.75614C8.82225 9.51367 8.9413 9.29094 9.11612 9.11612C9.29093 8.94131 9.51366 8.82226 9.75614 8.77402C9.99861 8.72579 10.2499 8.75055 10.4784 8.84516C10.7068 8.93977 10.902 9.09998 11.0393 9.30554C11.1767 9.5111 11.25 9.75278 11.25 10C11.25 10.3315 11.1183 10.6495 10.8839 10.8839C10.6495 11.1183 10.3315 11.25 10 11.25ZM4.375 7.50001V11.25C4.375 11.4158 4.30915 11.5747 4.19194 11.6919C4.07473 11.8092 3.91576 11.875 3.75 11.875C3.58424 11.875 3.42527 11.8092 3.30806 11.6919C3.19085 11.5747 3.125 11.4158 3.125 11.25V7.50001C3.125 7.33424 3.19085 7.17527 3.30806 7.05806C3.42527 6.94085 3.58424 6.87501 3.75 6.87501C3.91576 6.87501 4.07473 6.94085 4.19194 7.05806C4.30915 7.17527 4.375 7.33424 4.375 7.50001ZM15.625 12.5V8.75001C15.625 8.58425 15.6908 8.42527 15.8081 8.30806C15.9253 8.19085 16.0842 8.12501 16.25 8.12501C16.4158 8.12501 16.5747 8.19085 16.6919 8.30806C16.8092 8.42527 16.875 8.58425 16.875 8.75001V12.5C16.875 12.6658 16.8092 12.8247 16.6919 12.9419C16.5747 13.0592 16.4158 13.125 16.25 13.125C16.0842 13.125 15.9253 13.0592 15.8081 12.9419C15.6908 12.8247 15.625 12.6658 15.625 12.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst ChevronRightIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M17.0307 12.5306L9.53068 20.0306C9.46099 20.1003 9.37827 20.1556 9.28722 20.1933C9.19618 20.231 9.0986 20.2504 9.00005 20.2504C8.9015 20.2504 8.80392 20.231 8.71288 20.1933C8.62183 20.1556 8.53911 20.1003 8.46943 20.0306C8.39974 19.9609 8.34447 19.8782 8.30676 19.7872C8.26904 19.6961 8.24963 19.5985 8.24963 19.5C8.24963 19.4014 8.26904 19.3039 8.30676 19.2128C8.34447 19.1218 8.39974 19.039 8.46943 18.9694L15.4397 12L8.46943 5.03061C8.32869 4.88988 8.24963 4.69901 8.24963 4.49999C8.24963 4.30097 8.32869 4.1101 8.46943 3.96936C8.61016 3.82863 8.80103 3.74957 9.00005 3.74957C9.19907 3.74957 9.38995 3.82863 9.53068 3.96936L17.0307 11.4694C17.1004 11.539 17.1557 11.6217 17.1935 11.7128C17.2312 11.8038 17.2506 11.9014 17.2506 12C17.2506 12.0986 17.2312 12.1961 17.1935 12.2872C17.1557 12.3782 17.1004 12.461 17.0307 12.5306Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst ShieldCheckIcon = ({ className }: IconProps) => (\n <div className=\"uiklu-bg-primary300 uiklu-w-8 uiklu-h-8 uiklu-rounded-full uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className={className}>\n <path\n d=\"M13 2.5H3C2.73478 2.5 2.48043 2.60536 2.29289 2.79289C2.10536 2.98043 2 3.23478 2 3.5V7C2 10.295 3.595 12.2919 4.93313 13.3869C6.37437 14.5656 7.80813 14.9656 7.87063 14.9825C7.95656 15.0059 8.04719 15.0059 8.13313 14.9825C8.19563 14.9656 9.6275 14.5656 11.0706 13.3869C12.405 12.2919 14 10.295 14 7V3.5C14 3.23478 13.8946 2.98043 13.7071 2.79289C13.5196 2.60536 13.2652 2.5 13 2.5ZM13 7C13 9.31687 12.1462 11.1975 10.4625 12.5887C9.72955 13.1923 8.89597 13.662 8 13.9762C7.11576 13.6675 6.29247 13.2061 5.5675 12.6131C3.86375 11.2194 3 9.33125 3 7V3.5H13V7ZM5.14625 8.85375C5.05243 8.75993 4.99972 8.63268 4.99972 8.5C4.99972 8.36732 5.05243 8.24007 5.14625 8.14625C5.24007 8.05243 5.36732 7.99972 5.5 7.99972C5.63268 7.99972 5.75993 8.05243 5.85375 8.14625L7 9.29313L10.1462 6.14625C10.1927 6.09979 10.2479 6.06294 10.3086 6.0378C10.3692 6.01266 10.4343 5.99972 10.5 5.99972C10.5657 5.99972 10.6308 6.01266 10.6914 6.0378C10.7521 6.06294 10.8073 6.09979 10.8538 6.14625C10.9002 6.1927 10.9371 6.24786 10.9622 6.30855C10.9873 6.36925 11.0003 6.4343 11.0003 6.5C11.0003 6.5657 10.9873 6.63075 10.9622 6.69145C10.9371 6.75214 10.9002 6.8073 10.8538 6.85375L7.35375 10.3538C7.30731 10.4002 7.25217 10.4371 7.19147 10.4623C7.13077 10.4874 7.06571 10.5004 7 10.5004C6.93429 10.5004 6.86923 10.4874 6.80853 10.4623C6.74783 10.4371 6.69269 10.4002 6.64625 10.3538L5.14625 8.85375Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n);\n\nconst CloseIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst MoneyIcon = () => (\n <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\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <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\" />\n </svg>\n </div>\n);\n\nconst InfoIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst EyeMaskedIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" className={className}>\n <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\" />\n </svg>);\n\nconst EyeOpenIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" className={className}><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\" /><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"#09827D\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" /></svg>\n);\n\nconst CopyIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst ArrowUpIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst ArrowDownIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\n\n\n\n\nexport const Icons = {\n CARD: <CardIcon />,\n TICKET: <TicketIcon />,\n CASH: <CashIcon />,\n CHEVRON_RIGHT: <ChevronRightIcon />,\n SHIELD_CHECK: <ShieldCheckIcon />,\n CLOSE: <CloseIcon />,\n MONEY: <MoneyIcon />,\n INFO: <InfoIcon />,\n EYE_MASKED: <EyeMaskedIcon />,\n EYE_OPEN: <EyeOpenIcon />,\n COPY: <CopyIcon />,\n ARROW_UP: <ArrowUpIcon />,\n ARROW_DOWN: <ArrowDownIcon />,\n};\n\n","import React, { ReactNode } from \"react\";\nimport {\n Dialog,\n DialogContent,\n DialogTitle,\n DialogClose\n} from \"./dialog\"; \nimport { Button } from \"./button\";\nimport { Icons } from \"../../assets/icons\";\n\ninterface ModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n icon?: ReactNode; \n title: string; \n children: ReactNode; \n footerButtons?: {\n label: string;\n onClick: () => void;\n variant?: \"primary\" | \"secondary\" | \"outline\" | \"outlinePrimary\" | \"outlineSecondary\" | \"outlineWhite\";\n }[]; \n}\n\nexport const Modal = ({\n open,\n onOpenChange,\n icon,\n title,\n children,\n footerButtons,\n}: ModalProps) => {\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent className=\"uiklu-sm:max-w-[500px] uiklu-p-8 uiklu-outline-none\">\n \n <div className=\"uiklu-flex uiklu-flex-col uiklu-mb-2\"> \n <div className=\"uiklu-flex uiklu-flex-row uiklu-items-center uiklu-justify-between\">\n <div className=\"uiklu-flex uiklu-flex-row uiklu-items-center uiklu-gap-3\">\n {icon && <div className=\"uiklu-shrink-0\">{icon}</div>}\n <DialogTitle className=\"uiklu-text-primary900 uiklu-text-[20px] uiklu-font-bold uiklu-font-sans uiklu-leading-none\">\n {title}\n </DialogTitle>\n </div>\n\n <DialogClose className=\"uiklu-bg-transparent uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-opacity-100 hover:uiklu-opacity-70 uiklu-transition-opacity uiklu-outline-none focus:uiklu-outline-none\">\n {Icons.CLOSE}\n </DialogClose>\n </div>\n\n <div className=\"uiklu-w-full uiklu-h-[1px] uiklu-bg-balance-divider uiklu-mt-3\" />\n </div>\n\n <div className=\"uiklu-font-sans\">\n {children}\n </div>\n\n {footerButtons && footerButtons.length > 0 && (\n <div className=\"uiklu-flex uiklu-gap-4 uiklu-mt-8\">\n {footerButtons.map((btn, index) => (\n <Button\n key={index}\n onClick={btn.onClick}\n variant={btn.variant} \n size=\"full\"\n className=\"uiklu-flex-1\"\n >\n {btn.label}\n </Button>\n ))}\n </div>\n )}\n </DialogContent>\n </Dialog>\n );\n};","import { useState } from \"react\";\nimport { Card, CardContent } from \"./card\";\nimport { Progress } from \"./progress\";\nimport { Icons } from \"../../assets/icons\";\n\ninterface BalanceInfoProps {\n totalBalance: number;\n clabe: string;\n accountNumber: string;\n monthlyLimit: number;\n accumulated: number;\n deposits: { amount: number; count: number };\n withdrawals: { amount: number; count: number };\n tooltipInfo: string;\n}\n\nexport const BalanceInfo = ({\n totalBalance,\n clabe,\n accountNumber,\n monthlyLimit,\n accumulated,\n deposits,\n withdrawals,\n tooltipInfo,\n}: BalanceInfoProps) => {\n const [isVisible, setIsVisible] = useState(true);\n const [copiedType, setCopiedType] = useState<string | null>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n\n const copyToClipboard = async (text: string, type: string) => {\n try {\n await navigator.clipboard.writeText(text);\n setCopiedType(type);\n setTimeout(() => setCopiedType(null), 2000);\n } catch (err) {\n console.error(\"Error al copiar: \", err);\n }\n };\n\n const formatCurrency = (val: number) =>\n new Intl.NumberFormat('es-MX', {\n style: 'currency',\n currency: 'MXN',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n }).format(val);\n\n const displayDeposit = Math.min(deposits.amount, 9999.99);\n const displayWithdrawal = Math.min(withdrawals.amount, 9999.99);\n const balanceFontSize = totalBalance >= 1000000 ? \"uiklu-text-[19px]\" : \"uiklu-text-[24px]\";\n\n return (\n <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\">\n <CardContent className=\"uiklu-p-4\">\n\n <div className=\"uiklu-flex uiklu-flex-col md:uiklu-flex-row uiklu-justify-between uiklu-items-start uiklu-gap-4 uiklu-mb-6\">\n <div className=\"uiklu-flex-1 uiklu-min-w-[187px]\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-mb-1\">\n {Icons.MONEY}\n <span className=\"uiklu-text-gray900 uiklu-text-[16px] uiklu-font-semibold\">Saldo total</span>\n {tooltipInfo && (\n <div\n className=\"uiklu-relative uiklu-flex uiklu-items-center uiklu-cursor-default\"\n onMouseEnter={() => setShowTooltip(true)}\n onMouseLeave={() => setShowTooltip(false)}\n >\n <div className=\"uiklu-flex uiklu-items-center\">\n {Icons.INFO}\n </div>\n\n {showTooltip && (\n <div className=\"uiklu-absolute uiklu-left-full uiklu-ml-2 uiklu-top-1/2 uiklu--translate-y-1/2 uiklu-z-[100]\">\n <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\">\n {tooltipInfo}\n\n <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\" />\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-3 uiklu-w-fit uiklu-max-w-[187px]\">\n <h2 className={`uiklu-text-gray900 uiklu-font-bold uiklu-whitespace-nowrap ${balanceFontSize}`}>\n {isVisible ? formatCurrency(totalBalance) : \"$***,***.**\"}\n </h2>\n <button\n onClick={() => setIsVisible(!isVisible)}\n className=\"uiklu-bg-transparent uiklu-p-0 uiklu-border-none uiklu-cursor-pointer uiklu-flex-shrink-0\"\n >\n {isVisible ? Icons.EYE_OPEN : Icons.EYE_MASKED}\n </button>\n </div>\n </div>\n\n <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\">\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-x-1.5\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-min-w-0\">\n <span className=\"uiklu-text-gray700 uiklu-text-[14px] uiklu-font-normal uiklu-whitespace-nowrap\">Cuenta Clabe:</span>\n <span className=\"uiklu-text-gray800 uiklu-ml-[3px] uiklu-text-[14px] uiklu-font-medium uiklu-truncate\">\n {clabe}\n </span>\n </div>\n <div className=\"uiklu-relative uiklu-flex uiklu-items-center uiklu-flex-shrink-0\">\n <button onClick={() => copyToClipboard(clabe, 'clabe')} className=\"uiklu-bg-transparent uiklu-p-0 uiklu-cursor-pointer\">\n {Icons.COPY}\n </button>\n {copiedType === 'clabe' && (\n <div className=\"uiklu-absolute uiklu-bottom-full uiklu-right-0 uiklu-mb-1 uiklu-z-10\">\n <span className=\"uiklu-bg-gray900 uiklu-text-white uiklu-text-[10px] uiklu-px-2 uiklu-py-1 uiklu-rounded uiklu-whitespace-nowrap\">Copiado</span>\n </div>\n )}\n </div>\n </div>\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-x-1.5\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-min-w-0\">\n <span className=\"uiklu-text-gray700 uiklu-text-[14px] uiklu-font-normal uiklu-whitespace-nowrap\">No. de cuenta:</span>\n <span className=\"uiklu-text-gray800 uiklu-ml-[3px] uiklu-text-[14px] uiklu-font-medium uiklu-truncate\">\n {accountNumber}\n </span>\n </div>\n <div className=\"uiklu-relative uiklu-flex uiklu-items-center uiklu-flex-shrink-0\">\n <button onClick={() => copyToClipboard(accountNumber, 'account')} className=\"uiklu-bg-transparent uiklu-p-0 uiklu-cursor-pointer\">\n {Icons.COPY}\n </button>\n {copiedType === 'account' && (\n <div className=\"uiklu-absolute uiklu-bottom-full uiklu-right-0 uiklu-mb-1 uiklu-z-10\">\n <span className=\"uiklu-bg-gray900 uiklu-text-white uiklu-text-[10px] uiklu-px-2 uiklu-py-1 uiklu-rounded uiklu-whitespace-nowrap\">Copiado</span>\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"uiklu-space-y-2 uiklu-mb-6\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2\">\n <span className=\"uiklu-text-gray600 uiklu-text-[14px]\">Límite mensual:</span>\n <span className=\"uiklu-text-gray800 uiklu-text-[14px] uiklu-font-semibold\">{formatCurrency(monthlyLimit)}</span>\n </div>\n <Progress value={(accumulated / monthlyLimit) * 100} className=\"uiklu-h-[6px] uiklu-bg-muted\" />\n <div className=\"uiklu-flex uiklu-justify-between\">\n <span className=\"uiklu-text-gray600 uiklu-text-[12px]\">Acumulado: <b className=\"uiklu-text-gray800\">{formatCurrency(accumulated)}</b></span>\n <span className=\"uiklu-text-gray600 uiklu-text-[12px]\">Restante: <b className=\"uiklu-text-gray800\">{formatCurrency(monthlyLimit - accumulated)}</b></span>\n </div>\n </div>\n\n <div className=\"uiklu-w-full uiklu-h-[1px] uiklu-bg-balance-divider uiklu-mb-6\" />\n\n <div className=\"uiklu-grid uiklu-grid-cols-1 md:uiklu-grid-cols-2 uiklu-gap-2\">\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-p-[6px] uiklu-rounded-[10px] uiklu-border uiklu-border-primary50 uiklu-bg-primarylight\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-pr-3\">\n {Icons.ARROW_UP}\n <div className=\"uiklu-flex uiklu-flex-col\">\n <span className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-font-medium uiklu-leading-tight uiklu-mb-[8px]\">Depósitos del mes:</span>\n <span className=\"uiklu-text-gray800 uiklu-text-[14px] uiklu-font-bold\">+{formatCurrency(displayDeposit)}</span>\n </div>\n </div>\n <div className=\"uiklu-w-[1px] uiklu-h-5 uiklu-bg-primary50\" />\n <div className=\"uiklu-pl-3\">\n <p className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-whitespace-nowrap\">{deposits.count.toString().padStart(3, '0')} Depósitos realizados</p>\n </div>\n </div>\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-p-[6px] uiklu-rounded-[10px] uiklu-border uiklu-border-primary50 uiklu-bg-primarylight\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-pr-3\">\n {Icons.ARROW_DOWN}\n <div className=\"uiklu-flex uiklu-flex-col\">\n <span className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-font-medium uiklu-leading-tight uiklu-mb-[8px]\">Retiros del mes:</span>\n <span className=\"uiklu-text-gray800 uiklu-text-[14px] uiklu-font-bold\">-{formatCurrency(displayWithdrawal)}</span>\n </div>\n </div>\n <div className=\"uiklu-w-[1px] uiklu-h-5 uiklu-bg-primary50\" />\n <div className=\"uiklu-pl-3\">\n <p className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-whitespace-nowrap\">{withdrawals.count.toString().padStart(3, '0')} Retiros realizados</p>\n </div>\n </div>\n\n </div>\n </CardContent>\n </Card>\n );\n};","import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Card({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n return (\n <div\n data-slot=\"card\"\n data-size={size}\n className={cn(\n \"uiklu-group/card uiklu-flex uiklu-flex-col uiklu-gap-4 uiklu-overflow-hidden uiklu-rounded-xl uiklu-bg-basewhite uiklu-text-sm uiklu-text-card-foreground uiklu-ring-1 uiklu-ring-foreground/10\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"uiklu-px-4 uiklu-group-data-[size=sm]/card:uiklu-px-3\", className)}\n {...props}\n />\n )\n}\n\nexport { Card, CardContent }","import * as React from \"react\"\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Progress({\n className,\n value,\n ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n return (\n <ProgressPrimitive.Root\n data-slot=\"progress\"\n className={cn(\n \"uiklu-relative uiklu-flex uiklu-h-2 uiklu-w-full uiklu-items-center uiklu-overflow-hidden uiklu-rounded-full uiklu-bg-[#E5F3F3]\", \n className\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className=\"uiklu-h-full uiklu-w-full uiklu-flex-1 uiklu-bg-primary uiklu-transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n )\n}\n\nexport { Progress }"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","jsxs","React","cva","jsx","jsxs","cva","jsxs","jsx","React","cva","jsx","jsxs","cva","React","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","useState","jsx","jsx","jsx","jsxs","useState"]}
1
+ {"version":3,"sources":["../src/components/ui/input.tsx","../src/lib/utils.ts","../src/components/ui/button.tsx","../src/components/ui/backButton.tsx","../src/components/ui/select.tsx","../src/components/ui/typography.tsx","../src/components/ui/dialog.tsx","../src/assets/icons/index.tsx","../src/components/ui/modal.tsx","../src/components/ui/balanceInfo.tsx","../src/components/ui/card.tsx","../src/components/ui/progress.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype InputSize = \"sm\" | \"md\" | \"lg\" | \"full\"\n\nexport interface InputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n size?: InputSize\n error?: string\n}\n\nconst inputSizes: Record<InputSize, string> = {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-px-5 uiklu-text-md\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-px-5 uiklu-text-lg \",\n full: \"uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg \",\n}\n\nconst iconSizes = {\n sm: { w: \"18\", h: \"14\" },\n md: { w: \"20\", h: \"16\" },\n lg: { w: \"22.5\", h: \"18\" },\n full: { w: \"22.5\", h: \"18\" },\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type = \"text\", size = \"lg\", error, ...props }, ref) => {\n const [showPassword, setShowPassword] = React.useState(false)\n\n const isPassword = type === \"password\"\n const inputType = isPassword && showPassword ? \"text\" : type\n\n return (\n <div className={cn(\n \"uiklu-flex uiklu-flex-col uiklu-gap-1.5\",\n size === \"full\" ? \"uiklu-w-full\" : \"uiklu-w-fit\"\n )}>\n <div className={cn(\"uiklu-relative\", size === \"full\" ? \"uiklu-w-full\" : \"uiklu-w-fit\")}>\n <input\n {...props}\n ref={ref}\n type={inputType}\n className={cn(\n \"uiklu-flex uiklu-box-border uiklu-appearance-none uiklu-outline-none uiklu-transition-all\",\n \"uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans\",\n \"uiklu-overflow-hidden uiklu-text-ellipsis\",\n\n \"disabled:uiklu-cursor-not-allowed disabled:uiklu-text-gray200\",\n \"disabled:placeholder:uiklu-text-gray200\",\n\n !error\n ? [\n \"uiklu-border-inputlight\",\n \"focus:uiklu-border-primary900\",\n \"focus:uiklu-shadow-[0_0_0_3px_#AFD8D8]\"\n ]\n : [\n \"uiklu-border-destructive !uiklu-text-destructive placeholder:!uiklu-text-destructive\",\n \"focus:uiklu-border-destructive\",\n \"focus:uiklu-shadow-[0_0_0_3px_rgba(220,38,38,0.20)]\"\n ],\n isPassword && \"uiklu-pr-14\",\n inputSizes[size],\n className\n )}\n />\n {isPassword && (\n <button\n type=\"button\"\n onClick={() => setShowPassword(!showPassword)}\n className=\"uiklu-absolute uiklu-right-6 uiklu-top-0 uiklu-h-full uiklu-flex uiklu-items-center uiklu-justify-center uiklu-bg-transparent uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-z-10\"\n >\n <div className=\"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-opacity-70 hover:uiklu-opacity-100 uiklu-transition-opacity\">\n {showPassword ? (\n <svg\n width={iconSizes[size].w}\n height={iconSizes[size].h}\n viewBox=\"0 3 24 18\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={!error ? \"uiklu-stroke-inputtext\" : \"uiklu-stroke-destructive\"}\n >\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>\n </svg>\n ) : (\n <svg\n width={iconSizes[size].w}\n height={iconSizes[size].h}\n viewBox=\"0 3 24 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.05499 3.24557C4.98913 3.17132 4.90918 3.11089 4.81979 3.06777C4.7304 3.02465 4.63334 2.9997 4.53423 2.99437C4.43513 2.98904 4.33595 3.00343 4.24245 3.03671C4.14895 3.06999 4.06298 3.12150 3.98953 3.18825C3.91608 3.255 3.85661 3.33566 3.81457 3.42556C3.77252 3.51546 3.74874 3.61282 3.7446 3.71198C3.74045 3.81114 3.75603 3.91014 3.79043 4.00323C3.82483 4.09633 3.87737 4.18167 3.94499 4.25432L5.74874 6.23906C2.34374 8.32869 0.879366 11.5499 0.814679 11.6962C0.772035 11.7921 0.75 11.8959 0.75 12.0009C0.75 12.1058 0.772035 12.2096 0.814679 12.3056C0.847491 12.3796 1.64155 14.1403 3.40687 15.9056C5.75905 18.2568 8.72999 19.4999 12 19.4999C13.6806 19.5095 15.3442 19.1635 16.8816 18.4846L18.9441 20.7543C19.0099 20.8286 19.0899 20.8890 19.1793 20.9321C19.2686 20.9752 19.3657 21.0002 19.4648 21.0055C19.5639 21.0108 19.6631 20.9965 19.7566 20.9632C19.8501 20.9299 19.9361 20.8784 20.0095 20.8116C20.083 20.7449 20.1424 20.6642 20.1845 20.5743C20.2265 20.4844 20.2503 20.3871 20.2544 20.2879C20.2586 20.1887 20.243 20.0897 20.2086 19.9966C20.1742 19.9036 20.1217 19.8182 20.0541 19.7456L5.05499 3.24557ZM9.49218 10.3556L13.3987 14.6540C12.8105 14.9635 12.136 15.0688 11.4814 14.9535C10.8268 14.8381 10.229 14.5086 9.78189 14.0167C9.33481 13.5248 9.06377 12.8983 9.01134 12.2356C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 17.9999C9.11437 17.9999 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0604 2.34374 11.9999C2.78343 11.1759 4.18687 8.86963 6.7828 7.37057L8.4703 9.22213C7.81699 10.0589 7.48052 11.0996 7.52036 12.1604C7.56021 13.2212 7.97379 14.2338 8.68802 15.0192C9.40225 15.8045 10.3711 16.3121 11.4234 16.4522C12.4757 16.5923 13.5436 16.3558 14.4384 15.7846L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 17.9999ZM12.5625 9.05338C12.3671 9.01608 12.1944 8.90268 12.0826 8.73812C11.9708 8.57355 11.9289 8.37131 11.9662 8.17588C12.0035 7.98045 12.1169 7.80784 12.2815 7.69602C12.4461 7.58420 12.6483 7.54233 12.8437 7.57963C13.7996 7.76494 14.67 8.25430 15.325 8.97471C15.98 9.69512 16.3846 10.608 16.4784 11.5771C16.4969 11.7752 16.436 11.9725 16.3091 12.1256C16.1822 12.2787 15.9996 12.3752 15.8016 12.3937C15.7781 12.3951 15.7547 12.3951 15.7312 12.3937C15.5438 12.3945 15.3628 12.3251 15.224 12.1991C15.0852 12.0731 14.9986 11.8997 14.9812 11.7131C14.9181 11.0684 14.6486 10.4614 14.2128 9.98220C13.7771 9.50301 13.1982 9.17725 12.5625 9.05338ZM23.1825 12.3056C23.1431 12.3937 22.1934 14.4965 20.055 16.4118C19.9819 16.4793 19.8961 16.5317 19.8027 16.5657C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5810 19.2238 16.5383C19.1339 16.4956 19.0535 16.4354 18.9871 16.3612C18.9208 16.2871 18.8698 16.2005 18.8373 16.1065C18.8047 16.0125 18.7912 15.9129 18.7975 15.8136C18.8037 15.7143 18.8297 15.6173 18.8739 15.5281C18.918 15.4390 18.9795 15.3595 19.0547 15.2943C20.1038 14.3518 20.9851 13.2378 21.6609 11.9999C21.0819 10.9385 20.3518 9.96677 19.4934 9.11525C17.4066 7.049 14.8856 5.99994 12 5.99994C11.392 5.99920 10.7849 6.04843 10.185 6.14713C10.0874 6.16438 9.98741 6.16213 9.89073 6.14051C9.79404 6.11889 9.70259 6.07833 9.62167 6.02117C9.54074 5.96401 9.47195 5.89138 9.41925 5.80747C9.36656 5.72357 9.33101 5.63006 9.31466 5.53234C9.29832 5.43463 9.30149 5.33464 9.32401 5.23815C9.34652 5.14167 9.38793 5.05060 9.44584 4.97021C9.50375 4.88982 9.57702 4.82170 9.6614 4.76979C9.74579 4.71787 9.83963 4.68320 9.93749 4.66775C10.6192 4.55519 11.309 4.49906 12 4.49994C15.27 4.49994 18.2409 5.74307 20.5931 8.09525C22.3584 9.86057 23.1525 11.6221 23.1853 11.6962C23.2279 11.7921 23.25 11.8959 23.25 12.0009C23.25 12.1058 23.2279 12.2096 23.1853 12.3056H23.1825Z\"\n fill=\"currentColor\"\n className={!error ? \"uiklu-fill-inputtext\" : \"uiklu-fill-destructive\"}\n />\n </svg>\n )}\n </div>\n </button>\n )}\n </div>\n\n {error && (\n <p className=\"uiklu-mt-1 uiklu-px-4 uiklu-text-lg uiklu-leading-tight \n uiklu-text-destructive uiklu-font-sans uiklu-m-0\">\n {error}\n </p>\n )}\n </div>\n )\n }\n)\n\nInput.displayName = \"Input\"\n\nexport { Input }","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"uiklu-box-border uiklu-flex uiklu-items-center uiklu-justify-center uiklu-gap-3 uiklu-border-2 uiklu-font-medium uiklu-transition-all uiklu-outline-none disabled:uiklu-opacity-50\",\n {\n variants: {\n variant: {\n primary: `\n uiklu-bg-primary900\n uiklu-text-primary-foreground\n hover:uiklu-bg-primary900/90\n uiklu-rounded-[48px]\n uiklu-border-transparent\n `,\n secondary: `\n uiklu-bg-gradient-to-r\n uiklu-from-[#FBA022]\n uiklu-to-[#157C70]\n uiklu-text-white\n hover:uiklu-opacity-90\n uiklu-rounded-[48px]\n uiklu-bg-origin-border\n uiklu-border-transparent\n `,\n outline: \"uiklu-border-border uiklu-bg-transparent uiklu-text-inputtext hover:uiklu-bg-muted uiklu-rounded-[48px]\",\n outlinePrimary: `\n uiklu-bg-transparent \n uiklu-border-2 \n uiklu-border-primary900\n uiklu-text-primary900 \n uiklu-rounded-[48px]\n hover:uiklu-bg-primary900/5\n `,\n outlineSecondary: `\n uiklu-bg-transparent\n uiklu-border-2\n uiklu-border-outlinesecondary\n uiklu-text-outlinesecondary\n uiklu-rounded-[48px]\n hover:uiklu-bg-outlinesecondary/10\n `,\n outlineWhite: `\n uiklu-bg-transparent \n uiklu-border-2\n uiklu-border-basewhite \n uiklu-text-basewhite \n uiklu-rounded-[48px]\n hover:uiklu-bg-white/10\n `,\n },\n size: {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-lg\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-px-6 uiklu-text-xl\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-px-[32px] uiklu-text-2xl\",\n xl: \"uiklu-h-[60px] uiklu-w-[450px] uiklu-px-[40px] uiklu-text-2xl\",\n full: \"uiklu-w-full uiklu-h-[50px] uiklu-max-h-[60px] uiklu-px-[48px] uiklu-text-2xl uiklu-font-bold\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n icon?: React.ReactNode\n iconAlign?: \"left\" | \"right\"\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, icon, iconAlign = \"left\", children, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n className={cn(\n buttonVariants({ variant, size }),\n iconAlign === \"right\" && \"uiklu-flex-row-reverse\",\n className\n )}\n ref={ref}\n {...props}\n >\n {icon && (\n <span className=\"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0\">\n {icon}\n </span>\n )}\n {children}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }","import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype BackButtonSize = \"ch\" | \"md\" | \"lg\"\n\ninterface BackButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n size?: BackButtonSize\n}\n\nconst buttonSizes: Record<BackButtonSize, string> = {\n ch: \"uiklu-text-[14px] uiklu-gap-1\",\n md: \"uiklu-text-[16px] uiklu-gap-2\",\n lg: \"uiklu-text-[18px] uiklu-gap-2.5\",\n}\n\nconst svgSizes: Record<BackButtonSize, string> = {\n ch: \"uiklu-w-4 uiklu-h-4\",\n md: \"uiklu-w-5 uiklu-h-5\",\n lg: \"uiklu-w-6 uiklu-h-6\",\n}\n\n// Cambiamos la declaración para que el parser no se confunda\nconst BackButtonRender: React.ForwardRefRenderFunction<HTMLButtonElement, BackButtonProps> = (\n props,\n ref\n) => {\n const { className, size = \"lg\", children = \"Regresar\", ...rest } = props;\n\n return (\n <button\n ref={ref}\n className={cn(\n \"uiklu-inline-flex uiklu-items-center uiklu-w-fit uiklu-border-none uiklu-bg-transparent uiklu-font-sans uiklu-font-medium uiklu-text-basewhite uiklu-text-center uiklu-leading-none uiklu-cursor-pointer hover:uiklu-underline uiklu-transition-all uiklu-outline-none active:uiklu-opacity-70 disabled:uiklu-opacity-50 disabled:uiklu-cursor-not-allowed\",\n buttonSizes[size],\n className\n )}\n {...rest}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className={cn(\"uiklu-flex-shrink-0 uiklu-block\", svgSizes[size])}\n style={{ width: size === 'ch' ? '16px' : size === 'md' ? '20px' : '24px', height: 'auto' }}\n >\n <path\n d=\"M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span>{children}</span>\n </button>\n );\n};\n\nexport const BackButton = React.forwardRef(BackButtonRender);\n\nBackButton.displayName = \"BackButton\"","import * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown } from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst Select = SelectPrimitive.Root\nconst SelectValue = SelectPrimitive.Value\nconst SelectGroup = SelectPrimitive.Group\n\nconst selectTriggerVariants = cva(\n [\n \"uiklu-flex uiklu-items-center uiklu-justify-between uiklu-transition-all\",\n \"uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans\",\n \"uiklu-outline-none focus:uiklu-border-baseblack focus:uiklu-border-[1px]\",\n \"disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50\",\n \"uiklu-leading-none\"\n ],\n {\n variants: {\n size: {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-min-w-[150px] uiklu-px-4 uiklu-text-sm\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-min-w-[250px] uiklu-px-5 uiklu-text-md\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-min-w-[350px] uiklu-px-5 uiklu-text-lg\",\n full: \"uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg\",\n },\n error: {\n true: \"uiklu-border-destructive uiklu-text-destructive focus:uiklu-border-destructive\",\n false: \"uiklu-border-border uiklu-text-inputtext\",\n }\n },\n defaultVariants: {\n size: \"lg\",\n error: false,\n },\n }\n)\n\nconst SelectErrorMessage = ({ message }: { message?: string }) => {\n if (!message) return null;\n return (\n <p className=\"uiklu-mt-1 uiklu-px-4 uiklu-text-[11px] uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0\">\n {message}\n </p>\n );\n};\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>\n>(({ className, children, size, error, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(selectTriggerVariants({ size, error, className }))}\n {...props}\n >\n <span className=\"uiklu-truncate data-[placeholder]:uiklu-opacity-40\">\n {children}\n </span>\n <SelectPrimitive.Icon asChild>\n <ChevronDown className={cn(\n \"uiklu-h-5 uiklu-w-5 uiklu-ml-2 uiklu-shrink-0 uiklu-transition-opacity uiklu-opacity-70\",\n error ? \"uiklu-text-destructive\" : \"uiklu-text-inputtext\"\n )} />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"uiklu-relative uiklu-z-50 uiklu-max-h-96 uiklu-w-[var(--radix-select-trigger-width)] uiklu-min-w-[var(--radix-select-trigger-width)] uiklu-overflow-hidden uiklu-rounded-[20px] uiklu-border-[1px] uiklu-border-border uiklu-bg-background uiklu-text-inputtext uiklu-font-sans uiklu-shadow-md\",\n position === \"popper\" && \"uiklu-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectPrimitive.Viewport className=\"uiklu-p-1\">\n {children}\n </SelectPrimitive.Viewport>\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"uiklu-relative uiklu-flex uiklu-w-full uiklu-cursor-pointer uiklu-select-none uiklu-items-center uiklu-py-2.5 uiklu-pl-10 uiklu-pr-4 uiklu-text-md uiklu-font-sans uiklu-outline-none focus:uiklu-bg-primary/10 focus:uiklu-text-primary\",\n \"uiklu-rounded-none\", \n className\n )}\n {...props}\n >\n <span className=\"uiklu-absolute uiklu-left-3 uiklu-flex uiklu-h-3.5 uiklu-w-3.5 uiklu-items-center uiklu-justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"uiklu-h-4 uiklu-w-4 uiklu-text-primary\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nexport {\n Select,\n SelectTrigger,\n SelectContent,\n SelectItem,\n SelectValue,\n SelectGroup,\n SelectErrorMessage\n}","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst typographyVariants = cva(\n \"uiklu-font-sans uiklu-m-0\",\n {\n variants: {\n size: {\n xxxl: \"uiklu-text-[32px] uiklu-leading-tight uiklu-font-bold\",\n xxl: \"uiklu-text-[24px] uiklu-leading-tight uiklu-font-bold\",\n xl: \"uiklu-text-[20px] uiklu-leading-snug uiklu-font-semibold\",\n md: \"uiklu-text-[16px] uiklu-leading-normal\",\n sm: \"uiklu-text-[14px] uiklu-leading-normal\",\n },\n color: {\n white: \"uiklu-text-white\",\n primary: \"uiklu-text-primary\",\n secondary: \"uiklu-text-secondary\",\n black: \"uiklu-text-black\",\n orange: \"uiklu-text-orange\",\n },\n align: {\n left: \"uiklu-text-left\",\n center: \"uiklu-text-center\",\n right: \"uiklu-text-right\",\n justify: \"uiklu-text-justify\",\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"white\",\n align: \"left\",\n },\n }\n)\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLParagraphElement>, \"color\">,\n VariantProps<typeof typographyVariants> {\n showDot?: boolean\n}\n\nconst Typography = React.forwardRef<HTMLParagraphElement, TypographyProps>(\n ({ className, size, color, align, showDot, children, ...props }, ref) => {\n\n const content = (\n <>\n {children}\n {showDot && <span className=\"uiklu-text-orange\">.</span>} </>\n )\n\n return (\n <p\n ref={ref}\n className={cn(typographyVariants({ size, color, align, className }))}\n {...props}\n >\n {content}\n </p>\n )\n }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { cn } from \"../../lib/utils\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"uiklu-fixed uiklu-inset-0 uiklu-z-50 uiklu-bg-black/40 uiklu-backdrop-blur-sm data-[state=open]:uiklu-animate-in data-[state=closed]:uiklu-animate-out data-[state=closed]:uiklu-fade-out-0 data-[state=open]:uiklu-fade-in-0\",\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"uiklu-fixed uiklu-left-[50%] uiklu-top-[50%] uiklu-z-50 uiklu-grid uiklu-w-full uiklu-max-w-lg uiklu-translate-x-[-50%] uiklu-translate-y-[-50%] uiklu-bg-basewhite uiklu-p-8 uiklu-shadow-lg uiklu-duration-200 uiklu-rounded-[24px] uiklu-outline-none focus:uiklu-outline-none\",\n className\n )}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"uiklu-flex uiklu-flex-col uiklu-space-y-1.5 uiklu-text-center sm:uiklu-text-left\",\n className\n )}\n {...props}\n />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"uiklu-flex uiklu-flex-col-reverse sm:uiklu-flex-row sm:uiklu-justify-end sm:uiklu-space-x-2\",\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"uiklu-text-lg uiklu-font-semibold uiklu-leading-none uiklu-tracking-tight\",\n className\n )}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"uiklu-text-sm uiklu-text-muted-foreground\", className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogClose,\n DialogTrigger,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n}","\ninterface IconProps {\n className?: string;\n}\n\nconst TicketIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M5.625 8.125C5.625 7.95924 5.69085 7.80027 5.80806 7.68306C5.92527 7.56585 6.08424 7.5 6.25 7.5H13.75C13.9158 7.5 14.0747 7.56585 14.1919 7.68306C14.3092 7.80027 14.375 7.95924 14.375 8.125C14.375 8.29076 14.3092 8.44973 14.1919 8.56694C14.0747 8.68415 13.9158 8.75 13.75 8.75H6.25C6.08424 8.75 5.92527 8.68415 5.80806 8.56694C5.69085 8.44973 5.625 8.29076 5.625 8.125ZM6.25 11.25H13.75C13.9158 11.25 14.0747 11.1842 14.1919 11.0669C14.3092 10.9497 14.375 10.7908 14.375 10.625C14.375 10.4592 14.3092 10.3003 14.1919 10.1831C14.0747 10.0658 13.9158 10 13.75 10H6.25C6.08424 10 5.92527 10.0658 5.80806 10.1831C5.69085 10.3003 5.625 10.4592 5.625 10.625C5.625 10.7908 5.69085 10.9497 5.80806 11.0669C5.92527 11.1842 6.08424 11.25 6.25 11.25ZM18.125 4.375V16.25C18.1249 16.3565 18.0977 16.4613 18.0457 16.5543C17.9938 16.6473 17.919 16.7255 17.8284 16.7815C17.7377 16.8374 17.6343 16.8693 17.5279 16.874C17.4214 16.8788 17.3156 16.8563 17.2203 16.8086L15 15.6984L12.7797 16.8086C12.6929 16.852 12.5971 16.8747 12.5 16.8747C12.4029 16.8747 12.3071 16.852 12.2203 16.8086L10 15.6984L7.77969 16.8086C7.69286 16.852 7.5971 16.8747 7.5 16.8747C7.4029 16.8747 7.30714 16.852 7.22031 16.8086L5 15.6984L2.77969 16.8086C2.68442 16.8563 2.57856 16.8788 2.47214 16.874C2.36572 16.8693 2.26228 16.8374 2.17165 16.7815C2.08101 16.7255 2.00618 16.6473 1.95426 16.5543C1.90234 16.4613 1.87506 16.3565 1.875 16.25V4.375C1.875 4.04348 2.0067 3.72554 2.24112 3.49112C2.47554 3.2567 2.79348 3.125 3.125 3.125H16.875C17.2065 3.125 17.5245 3.2567 17.7589 3.49112C17.9933 3.72554 18.125 4.04348 18.125 4.375ZM16.875 4.375H3.125V15.2391L4.72031 14.4406C4.80714 14.3972 4.9029 14.3746 5 14.3746C5.0971 14.3746 5.19286 14.3972 5.27969 14.4406L7.5 15.5516L9.72031 14.4406C9.80714 14.3972 9.9029 14.3746 10 14.3746C10.0971 14.3746 10.1929 14.3972 10.2797 14.4406L12.5 15.5516L14.7203 14.4406C14.8071 14.3972 14.9029 14.3746 15 14.3746C15.0971 14.3746 15.1929 14.3972 15.2797 14.4406L16.875 15.2391V4.375Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst CardIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M17.5 3.75H2.5C2.16848 3.75 1.85054 3.8817 1.61612 4.11612C1.3817 4.35054 1.25 4.66848 1.25 5V15C1.25 15.3315 1.3817 15.6495 1.61612 15.8839C1.85054 16.1183 2.16848 16.25 2.5 16.25H17.5C17.8315 16.25 18.1495 16.1183 18.3839 15.8839C18.6183 15.6495 18.75 15.3315 18.75 15V5C18.75 4.66848 18.6183 4.35054 18.3839 4.11612C18.1495 3.8817 17.8315 3.75 17.5 3.75ZM17.5 5V6.875H2.5V5H17.5ZM17.5 15H2.5V8.125H17.5V15ZM16.25 13.125C16.25 13.2908 16.1842 13.4497 16.0669 13.5669C15.9497 13.6842 15.7908 13.75 15.625 13.75H13.125C12.9592 13.75 12.8003 13.6842 12.6831 13.5669C12.5658 13.4497 12.5 13.2908 12.5 13.125C12.5 12.9592 12.5658 12.8003 12.6831 12.6831C12.8003 12.5658 12.9592 12.5 13.125 12.5H15.625C15.7908 12.5 15.9497 12.5658 16.0669 12.6831C16.1842 12.8003 16.25 12.9592 16.25 13.125ZM11.25 13.125C11.25 13.2908 11.1842 13.4497 11.0669 13.5669C10.9497 13.6842 10.7908 13.75 10.625 13.75H9.375C9.20924 13.75 9.05027 13.6842 8.93306 13.5669C8.81585 13.4497 8.75 13.2908 8.75 13.125C8.75 12.9592 8.81585 12.8003 8.93306 12.6831C9.05027 12.5658 9.20924 12.5 9.375 12.5H10.625C10.7908 12.5 10.9497 12.5658 11.0669 12.6831C11.1842 12.8003 11.25 12.9592 11.25 13.125Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst CashIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M19.0813 4.68751C18.9913 4.63135 18.8885 4.59902 18.7826 4.59355C18.6766 4.58808 18.5711 4.60966 18.4758 4.65625C15.1219 6.29688 12.7266 5.52813 10.1945 4.71719C7.53828 3.86641 4.78438 2.9875 0.979688 4.84532C0.873383 4.89631 0.78367 4.97633 0.720909 5.07614C0.658148 5.17595 0.624898 5.29148 0.625 5.40938V14.7789C0.624985 14.885 0.651952 14.9893 0.703363 15.082C0.754774 15.1748 0.828938 15.2529 0.918875 15.3091C1.00881 15.3653 1.11157 15.3976 1.21747 15.4032C1.32337 15.4087 1.42893 15.3872 1.52422 15.3406C4.87813 13.7 7.27344 14.4688 9.80937 15.2797C11.3125 15.7602 12.8438 16.25 14.575 16.25C15.9102 16.25 17.3664 15.9594 19.0211 15.1516C19.1262 15.1003 19.2148 15.0205 19.2768 14.9213C19.3388 14.8222 19.3717 14.7076 19.3719 14.5906V5.2211C19.3728 5.11478 19.3466 5.00998 19.2958 4.91661C19.2449 4.82324 19.1711 4.74438 19.0813 4.68751ZM18.125 14.193C14.9531 15.6125 12.6367 14.8719 10.1906 14.0899C8.6875 13.6094 7.15625 13.1195 5.425 13.1195C4.20867 13.1254 3.00472 13.3641 1.87813 13.8227V5.80704C5.05 4.38751 7.36641 5.12813 9.8125 5.91016C12.2586 6.69219 14.7766 7.50001 18.125 6.17891V14.193ZM10 7.50001C9.50555 7.50001 9.0222 7.64663 8.61107 7.92133C8.19995 8.19603 7.87952 8.58648 7.6903 9.0433C7.50108 9.50011 7.45157 10.0028 7.54804 10.4877C7.6445 10.9727 7.8826 11.4181 8.23223 11.7678C8.58186 12.1174 9.02732 12.3555 9.51227 12.452C9.99723 12.5484 10.4999 12.4989 10.9567 12.3097C11.4135 12.1205 11.804 11.8001 12.0787 11.3889C12.3534 10.9778 12.5 10.4945 12.5 10C12.5 9.33696 12.2366 8.70108 11.7678 8.23224C11.2989 7.7634 10.663 7.50001 10 7.50001ZM10 11.25C9.75277 11.25 9.5111 11.1767 9.30554 11.0393C9.09998 10.902 8.93976 10.7068 8.84515 10.4784C8.75054 10.25 8.72579 9.99862 8.77402 9.75614C8.82225 9.51367 8.9413 9.29094 9.11612 9.11612C9.29093 8.94131 9.51366 8.82226 9.75614 8.77402C9.99861 8.72579 10.2499 8.75055 10.4784 8.84516C10.7068 8.93977 10.902 9.09998 11.0393 9.30554C11.1767 9.5111 11.25 9.75278 11.25 10C11.25 10.3315 11.1183 10.6495 10.8839 10.8839C10.6495 11.1183 10.3315 11.25 10 11.25ZM4.375 7.50001V11.25C4.375 11.4158 4.30915 11.5747 4.19194 11.6919C4.07473 11.8092 3.91576 11.875 3.75 11.875C3.58424 11.875 3.42527 11.8092 3.30806 11.6919C3.19085 11.5747 3.125 11.4158 3.125 11.25V7.50001C3.125 7.33424 3.19085 7.17527 3.30806 7.05806C3.42527 6.94085 3.58424 6.87501 3.75 6.87501C3.91576 6.87501 4.07473 6.94085 4.19194 7.05806C4.30915 7.17527 4.375 7.33424 4.375 7.50001ZM15.625 12.5V8.75001C15.625 8.58425 15.6908 8.42527 15.8081 8.30806C15.9253 8.19085 16.0842 8.12501 16.25 8.12501C16.4158 8.12501 16.5747 8.19085 16.6919 8.30806C16.8092 8.42527 16.875 8.58425 16.875 8.75001V12.5C16.875 12.6658 16.8092 12.8247 16.6919 12.9419C16.5747 13.0592 16.4158 13.125 16.25 13.125C16.0842 13.125 15.9253 13.0592 15.8081 12.9419C15.6908 12.8247 15.625 12.6658 15.625 12.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst ChevronRightIcon = ({ className }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className={className}\n >\n <path\n d=\"M17.0307 12.5306L9.53068 20.0306C9.46099 20.1003 9.37827 20.1556 9.28722 20.1933C9.19618 20.231 9.0986 20.2504 9.00005 20.2504C8.9015 20.2504 8.80392 20.231 8.71288 20.1933C8.62183 20.1556 8.53911 20.1003 8.46943 20.0306C8.39974 19.9609 8.34447 19.8782 8.30676 19.7872C8.26904 19.6961 8.24963 19.5985 8.24963 19.5C8.24963 19.4014 8.26904 19.3039 8.30676 19.2128C8.34447 19.1218 8.39974 19.039 8.46943 18.9694L15.4397 12L8.46943 5.03061C8.32869 4.88988 8.24963 4.69901 8.24963 4.49999C8.24963 4.30097 8.32869 4.1101 8.46943 3.96936C8.61016 3.82863 8.80103 3.74957 9.00005 3.74957C9.19907 3.74957 9.38995 3.82863 9.53068 3.96936L17.0307 11.4694C17.1004 11.539 17.1557 11.6217 17.1935 11.7128C17.2312 11.8038 17.2506 11.9014 17.2506 12C17.2506 12.0986 17.2312 12.1961 17.1935 12.2872C17.1557 12.3782 17.1004 12.461 17.0307 12.5306Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst ShieldCheckIcon = ({ className }: IconProps) => (\n <div className=\"uiklu-bg-primary300 uiklu-w-8 uiklu-h-8 uiklu-rounded-full uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className={className}>\n <path\n d=\"M13 2.5H3C2.73478 2.5 2.48043 2.60536 2.29289 2.79289C2.10536 2.98043 2 3.23478 2 3.5V7C2 10.295 3.595 12.2919 4.93313 13.3869C6.37437 14.5656 7.80813 14.9656 7.87063 14.9825C7.95656 15.0059 8.04719 15.0059 8.13313 14.9825C8.19563 14.9656 9.6275 14.5656 11.0706 13.3869C12.405 12.2919 14 10.295 14 7V3.5C14 3.23478 13.8946 2.98043 13.7071 2.79289C13.5196 2.60536 13.2652 2.5 13 2.5ZM13 7C13 9.31687 12.1462 11.1975 10.4625 12.5887C9.72955 13.1923 8.89597 13.662 8 13.9762C7.11576 13.6675 6.29247 13.2061 5.5675 12.6131C3.86375 11.2194 3 9.33125 3 7V3.5H13V7ZM5.14625 8.85375C5.05243 8.75993 4.99972 8.63268 4.99972 8.5C4.99972 8.36732 5.05243 8.24007 5.14625 8.14625C5.24007 8.05243 5.36732 7.99972 5.5 7.99972C5.63268 7.99972 5.75993 8.05243 5.85375 8.14625L7 9.29313L10.1462 6.14625C10.1927 6.09979 10.2479 6.06294 10.3086 6.0378C10.3692 6.01266 10.4343 5.99972 10.5 5.99972C10.5657 5.99972 10.6308 6.01266 10.6914 6.0378C10.7521 6.06294 10.8073 6.09979 10.8538 6.14625C10.9002 6.1927 10.9371 6.24786 10.9622 6.30855C10.9873 6.36925 11.0003 6.4343 11.0003 6.5C11.0003 6.5657 10.9873 6.63075 10.9622 6.69145C10.9371 6.75214 10.9002 6.8073 10.8538 6.85375L7.35375 10.3538C7.30731 10.4002 7.25217 10.4371 7.19147 10.4623C7.13077 10.4874 7.06571 10.5004 7 10.5004C6.93429 10.5004 6.86923 10.4874 6.80853 10.4623C6.74783 10.4371 6.69269 10.4002 6.64625 10.3538L5.14625 8.85375Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n);\n\nconst CloseIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst MoneyIcon = () => (\n <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\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <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\" />\n </svg>\n </div>\n);\n\nconst InfoIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst EyeMaskedIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" className={className}>\n <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\" />\n </svg>);\n\nconst EyeOpenIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" className={className}><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\" /><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"#09827D\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" /></svg>\n);\n\nconst CopyIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst ArrowUpIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\nconst ArrowDownIcon = ({ className }: IconProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\" className={className}>\n <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\" />\n </svg>\n);\n\n\n\n\n\nexport const Icons = {\n CARD: <CardIcon />,\n TICKET: <TicketIcon />,\n CASH: <CashIcon />,\n CHEVRON_RIGHT: <ChevronRightIcon />,\n SHIELD_CHECK: <ShieldCheckIcon />,\n CLOSE: <CloseIcon />,\n MONEY: <MoneyIcon />,\n INFO: <InfoIcon />,\n EYE_MASKED: <EyeMaskedIcon />,\n EYE_OPEN: <EyeOpenIcon />,\n COPY: <CopyIcon />,\n ARROW_UP: <ArrowUpIcon />,\n ARROW_DOWN: <ArrowDownIcon />,\n};\n\n","import React, { ReactNode } from \"react\";\nimport {\n Dialog,\n DialogContent,\n DialogTitle,\n DialogClose\n} from \"./dialog\"; \nimport { Button } from \"./button\";\nimport { Icons } from \"../../assets/icons\";\n\ninterface ModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n icon?: ReactNode; \n title: string; \n children: ReactNode; \n footerButtons?: {\n label: string;\n onClick: () => void;\n variant?: \"primary\" | \"secondary\" | \"outline\" | \"outlinePrimary\" | \"outlineSecondary\" | \"outlineWhite\";\n }[]; \n}\n\nexport const Modal = ({\n open,\n onOpenChange,\n icon,\n title,\n children,\n footerButtons,\n}: ModalProps) => {\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent className=\"uiklu-sm:max-w-[500px] uiklu-p-8 uiklu-outline-none\">\n \n <div className=\"uiklu-flex uiklu-flex-col uiklu-mb-2\"> \n <div className=\"uiklu-flex uiklu-flex-row uiklu-items-center uiklu-justify-between\">\n <div className=\"uiklu-flex uiklu-flex-row uiklu-items-center uiklu-gap-3\">\n {icon && <div className=\"uiklu-shrink-0\">{icon}</div>}\n <DialogTitle className=\"uiklu-text-primary900 uiklu-text-[20px] uiklu-font-bold uiklu-font-sans uiklu-leading-none\">\n {title}\n </DialogTitle>\n </div>\n\n <DialogClose className=\"uiklu-bg-transparent uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-opacity-100 hover:uiklu-opacity-70 uiklu-transition-opacity uiklu-outline-none focus:uiklu-outline-none\">\n {Icons.CLOSE}\n </DialogClose>\n </div>\n\n <div className=\"uiklu-w-full uiklu-h-[1px] uiklu-bg-balance-divider uiklu-mt-3\" />\n </div>\n\n <div className=\"uiklu-font-sans\">\n {children}\n </div>\n\n {footerButtons && footerButtons.length > 0 && (\n <div className=\"uiklu-flex uiklu-gap-4 uiklu-mt-8\">\n {footerButtons.map((btn, index) => (\n <Button\n key={index}\n onClick={btn.onClick}\n variant={btn.variant} \n size=\"full\"\n className=\"uiklu-flex-1\"\n >\n {btn.label}\n </Button>\n ))}\n </div>\n )}\n </DialogContent>\n </Dialog>\n );\n};","import { useState } from \"react\";\nimport { Card, CardContent } from \"./card\";\nimport { Progress } from \"./progress\";\nimport { Icons } from \"../../assets/icons\";\n\ninterface BalanceInfoProps {\n totalBalance: number;\n clabe: string;\n accountNumber: string;\n monthlyLimit: number;\n accumulated: number;\n deposits: { amount: number; count: number };\n withdrawals: { amount: number; count: number };\n tooltipInfo: string;\n}\n\nexport const BalanceInfo = ({\n totalBalance,\n clabe,\n accountNumber,\n monthlyLimit,\n accumulated,\n deposits,\n withdrawals,\n tooltipInfo,\n}: BalanceInfoProps) => {\n const [isVisible, setIsVisible] = useState(true);\n const [copiedType, setCopiedType] = useState<string | null>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n\n const copyToClipboard = async (text: string, type: string) => {\n try {\n await navigator.clipboard.writeText(text);\n setCopiedType(type);\n setTimeout(() => setCopiedType(null), 2000);\n } catch (err) {\n console.error(\"Error al copiar: \", err);\n }\n };\n\n const formatCurrency = (val: number) =>\n new Intl.NumberFormat('es-MX', {\n style: 'currency',\n currency: 'MXN',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n }).format(val);\n\n const displayDeposit = Math.min(deposits.amount, 9999.99);\n const displayWithdrawal = Math.min(withdrawals.amount, 9999.99);\n const balanceFontSize = totalBalance >= 1000000 ? \"uiklu-text-[19px]\" : \"uiklu-text-[24px]\";\n\n return (\n <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\">\n <CardContent className=\"uiklu-p-4\">\n\n <div className=\"uiklu-flex uiklu-flex-col md:uiklu-flex-row uiklu-justify-between uiklu-items-start uiklu-gap-4 uiklu-mb-6\">\n <div className=\"uiklu-flex-1 uiklu-min-w-[187px]\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-mb-1\">\n {Icons.MONEY}\n <span className=\"uiklu-text-gray900 uiklu-text-[16px] uiklu-font-semibold\">Saldo total</span>\n {tooltipInfo && (\n <div\n className=\"uiklu-relative uiklu-flex uiklu-items-center uiklu-cursor-default\"\n onMouseEnter={() => setShowTooltip(true)}\n onMouseLeave={() => setShowTooltip(false)}\n >\n <div className=\"uiklu-flex uiklu-items-center\">\n {Icons.INFO}\n </div>\n\n {showTooltip && (\n <div className=\"uiklu-absolute uiklu-left-full uiklu-ml-2 uiklu-top-1/2 uiklu--translate-y-1/2 uiklu-z-[100]\">\n <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\">\n {tooltipInfo}\n\n <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\" />\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-3 uiklu-w-fit uiklu-max-w-[187px]\">\n <h2 className={`uiklu-text-gray900 uiklu-font-bold uiklu-whitespace-nowrap ${balanceFontSize}`}>\n {isVisible ? formatCurrency(totalBalance) : \"$***,***.**\"}\n </h2>\n <button\n onClick={() => setIsVisible(!isVisible)}\n className=\"uiklu-bg-transparent uiklu-p-0 uiklu-border-none uiklu-cursor-pointer uiklu-flex-shrink-0\"\n >\n {isVisible ? Icons.EYE_OPEN : Icons.EYE_MASKED}\n </button>\n </div>\n </div>\n\n <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\">\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-x-1.5\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-min-w-0\">\n <span className=\"uiklu-text-gray700 uiklu-text-[14px] uiklu-font-normal uiklu-whitespace-nowrap\">Cuenta Clabe:</span>\n <span className=\"uiklu-text-gray800 uiklu-ml-[3px] uiklu-text-[14px] uiklu-font-medium uiklu-truncate\">\n {clabe}\n </span>\n </div>\n <div className=\"uiklu-relative uiklu-flex uiklu-items-center uiklu-flex-shrink-0\">\n <button onClick={() => copyToClipboard(clabe, 'clabe')} className=\"uiklu-bg-transparent uiklu-p-0 uiklu-cursor-pointer\">\n {Icons.COPY}\n </button>\n {copiedType === 'clabe' && (\n <div className=\"uiklu-absolute uiklu-bottom-full uiklu-right-0 uiklu-mb-1 uiklu-z-10\">\n <span className=\"uiklu-bg-gray900 uiklu-text-white uiklu-text-[10px] uiklu-px-2 uiklu-py-1 uiklu-rounded uiklu-whitespace-nowrap\">Copiado</span>\n </div>\n )}\n </div>\n </div>\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-x-1.5\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-min-w-0\">\n <span className=\"uiklu-text-gray700 uiklu-text-[14px] uiklu-font-normal uiklu-whitespace-nowrap\">No. de cuenta:</span>\n <span className=\"uiklu-text-gray800 uiklu-ml-[3px] uiklu-text-[14px] uiklu-font-medium uiklu-truncate\">\n {accountNumber}\n </span>\n </div>\n <div className=\"uiklu-relative uiklu-flex uiklu-items-center uiklu-flex-shrink-0\">\n <button onClick={() => copyToClipboard(accountNumber, 'account')} className=\"uiklu-bg-transparent uiklu-p-0 uiklu-cursor-pointer\">\n {Icons.COPY}\n </button>\n {copiedType === 'account' && (\n <div className=\"uiklu-absolute uiklu-bottom-full uiklu-right-0 uiklu-mb-1 uiklu-z-10\">\n <span className=\"uiklu-bg-gray900 uiklu-text-white uiklu-text-[10px] uiklu-px-2 uiklu-py-1 uiklu-rounded uiklu-whitespace-nowrap\">Copiado</span>\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"uiklu-space-y-2 uiklu-mb-6\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2\">\n <span className=\"uiklu-text-gray600 uiklu-text-[14px]\">Límite mensual:</span>\n <span className=\"uiklu-text-gray800 uiklu-text-[14px] uiklu-font-semibold\">{formatCurrency(monthlyLimit)}</span>\n </div>\n <Progress value={(accumulated / monthlyLimit) * 100} className=\"uiklu-h-[6px] uiklu-bg-muted\" />\n <div className=\"uiklu-flex uiklu-justify-between\">\n <span className=\"uiklu-text-gray600 uiklu-text-[12px]\">Acumulado: <b className=\"uiklu-text-gray800\">{formatCurrency(accumulated)}</b></span>\n <span className=\"uiklu-text-gray600 uiklu-text-[12px]\">Restante: <b className=\"uiklu-text-gray800\">{formatCurrency(monthlyLimit - accumulated)}</b></span>\n </div>\n </div>\n\n <div className=\"uiklu-w-full uiklu-h-[1px] uiklu-bg-balance-divider uiklu-mb-6\" />\n\n <div className=\"uiklu-grid uiklu-grid-cols-1 md:uiklu-grid-cols-2 uiklu-gap-2\">\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-p-[6px] uiklu-rounded-[10px] uiklu-border uiklu-border-primary50 uiklu-bg-primarylight\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-pr-3\">\n {Icons.ARROW_UP}\n <div className=\"uiklu-flex uiklu-flex-col\">\n <span className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-font-medium uiklu-leading-tight uiklu-mb-[8px]\">Depósitos del mes:</span>\n <span className=\"uiklu-text-gray800 uiklu-text-[14px] uiklu-font-bold\">+{formatCurrency(displayDeposit)}</span>\n </div>\n </div>\n <div className=\"uiklu-w-[1px] uiklu-h-5 uiklu-bg-primary50\" />\n <div className=\"uiklu-pl-3\">\n <p className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-whitespace-nowrap\">{deposits.count.toString().padStart(3, '0')} Depósitos realizados</p>\n </div>\n </div>\n\n <div className=\"uiklu-flex uiklu-items-center uiklu-p-[6px] uiklu-rounded-[10px] uiklu-border uiklu-border-primary50 uiklu-bg-primarylight\">\n <div className=\"uiklu-flex uiklu-items-center uiklu-gap-2 uiklu-pr-3\">\n {Icons.ARROW_DOWN}\n <div className=\"uiklu-flex uiklu-flex-col\">\n <span className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-font-medium uiklu-leading-tight uiklu-mb-[8px]\">Retiros del mes:</span>\n <span className=\"uiklu-text-gray800 uiklu-text-[14px] uiklu-font-bold\">-{formatCurrency(displayWithdrawal)}</span>\n </div>\n </div>\n <div className=\"uiklu-w-[1px] uiklu-h-5 uiklu-bg-primary50\" />\n <div className=\"uiklu-pl-3\">\n <p className=\"uiklu-text-gray600 uiklu-text-[8px] uiklu-whitespace-nowrap\">{withdrawals.count.toString().padStart(3, '0')} Retiros realizados</p>\n </div>\n </div>\n\n </div>\n </CardContent>\n </Card>\n );\n};","import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Card({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n return (\n <div\n data-slot=\"card\"\n data-size={size}\n className={cn(\n \"uiklu-group/card uiklu-flex uiklu-flex-col uiklu-gap-4 uiklu-overflow-hidden uiklu-rounded-xl uiklu-bg-basewhite uiklu-text-sm uiklu-text-card-foreground uiklu-ring-1 uiklu-ring-foreground/10\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"uiklu-px-4 uiklu-group-data-[size=sm]/card:uiklu-px-3\", className)}\n {...props}\n />\n )\n}\n\nexport { Card, CardContent }","import * as React from \"react\"\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Progress({\n className,\n value,\n ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n return (\n <ProgressPrimitive.Root\n data-slot=\"progress\"\n className={cn(\n \"uiklu-relative uiklu-flex uiklu-h-2 uiklu-w-full uiklu-items-center uiklu-overflow-hidden uiklu-rounded-full uiklu-bg-[#E5F3F3]\", \n className\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className=\"uiklu-h-full uiklu-w-full uiklu-flex-1 uiklu-bg-primary uiklu-transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n )\n}\n\nexport { Progress }"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","jsxs","React","cva","jsx","jsxs","cva","jsxs","jsx","React","cva","jsx","jsxs","cva","React","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","useState","jsx","jsx","jsx","jsxs","useState"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@klu_dev/ui-klu-green",
3
- "version": "1.1.8",
3
+ "version": "1.1.9",
4
4
  "description": "Librería de componentes UI",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",