@avenue-ticketing/ui 0.10.0 → 0.12.0-beta.1

package/dist/react/input-payment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../utils/cx.ts","../../../../components/base/input/hint-text.tsx","../../../../components/base/tooltip/tooltip.tsx","../../../../components/base/input/label.tsx","../../../../components/base/input/input.tsx","../../../../components/foundations/payment-icons/amex-icon.tsx","../../../../components/foundations/payment-icons/discover-icon.tsx","../../../../components/foundations/payment-icons/mastercard-icon.tsx","../../../../components/foundations/payment-icons/union-pay-icon.tsx","../../../../components/foundations/payment-icons/visa-icon.tsx","../../../../components/base/input/input-payment.tsx"],"names":["AriaText","AriaTooltipTrigger","jsx","AriaTooltip","AriaOverlayArrow","AriaButton","jsxs","AriaLabel","HelpCircle","AriaGroup","isDisabled","isInvalid","AriaInput","InfoCircle","EyeOff","Eye","AriaTextField","value","Fragment"],"mappings":"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","file":"input-payment.js","sourcesContent":["import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n    extend: {\n        theme: {\n            text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n        },\n    },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n    return classes;\n}\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport type { TextProps as AriaTextProps } from \"react-aria-components\";\nimport { Text as AriaText } from \"react-aria-components\";\nimport { cx } from \"@/utils/cx\";\n\ninterface HintTextProps extends AriaTextProps {\n    /** Indicates that the hint text is an error message. */\n    isInvalid?: boolean;\n    ref?: Ref<HTMLElement>;\n    size?: \"sm\" | \"md\";\n    children: ReactNode;\n}\n\nexport const HintText = ({ isInvalid, className, size = \"md\", ...props }: HintTextProps) => {\n    return (\n        <AriaText\n            {...props}\n            slot={isInvalid ? \"errorMessage\" : \"description\"}\n            className={cx(\n                \"text-sm text-tertiary\",\n\n                // Size\n                size === \"sm\" && \"text-xs\",\n                \"in-data-[input-size=sm]:text-xs\",\n\n                // Invalid state\n                isInvalid && \"text-error-primary\",\n                \"group-invalid:text-error-primary\",\n\n                className,\n            )}\n        />\n    );\n};\n\nHintText.displayName = \"HintText\";\n","\"use client\";\n\n/** Figma: Tooltip (1052:485) */\n\nimport type { ReactNode } from \"react\";\nimport type {\n    ButtonProps as AriaButtonProps,\n    TooltipProps as AriaTooltipProps,\n    TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Button as AriaButton, OverlayArrow as AriaOverlayArrow, Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger } from \"react-aria-components\";\nimport { cx } from \"@/utils/cx\";\n\ninterface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<AriaTooltipProps, \"children\"> {\n    /**\n     * The title of the tooltip.\n     */\n    title: ReactNode;\n    /**\n     * The description of the tooltip.\n     */\n    description?: ReactNode;\n    /**\n     * Whether to show the arrow on the tooltip.\n     *\n     * @default false\n     */\n    arrow?: boolean;\n    /**\n     * Delay in milliseconds before the tooltip is shown on first hover.\n     *\n     * @default 100\n     */\n    delay?: number;\n}\n\nexport const Tooltip = ({\n    title,\n    description,\n    children,\n    arrow = false,\n    delay = 100,\n    closeDelay = 0,\n    trigger,\n    isDisabled,\n    isOpen,\n    defaultOpen,\n    offset = 6,\n    crossOffset,\n    placement = \"top\",\n    onOpenChange,\n    ...tooltipProps\n}: TooltipProps) => {\n    const isTopOrBottomLeft = [\"top left\", \"top end\", \"bottom left\", \"bottom end\"].includes(placement);\n    const isTopOrBottomRight = [\"top right\", \"top start\", \"bottom right\", \"bottom start\"].includes(placement);\n    // Set negative cross offset for left and right placement to visually balance the tooltip.\n    const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;\n\n    return (\n        <AriaTooltipTrigger {...{ trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange }}>\n            {children}\n\n            <AriaTooltip\n                {...tooltipProps}\n                offset={offset}\n                placement={placement}\n                crossOffset={crossOffset ?? calculatedCrossOffset}\n                className={({ isEntering, isExiting }) => cx(isEntering && \"ease-out animate-in\", isExiting && \"ease-in animate-out\")}\n            >\n                {({ isEntering, isExiting }) => (\n                    <div\n                        className={cx(\n                            \"z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform\",\n                            description ? \"py-3\" : \"py-2\",\n\n                            isEntering &&\n                                \"ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5\",\n                            isExiting &&\n                                \"ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5\",\n                        )}\n                    >\n                        <span className=\"text-xs font-semibold text-white\">{title}</span>\n\n                        {description && <span className=\"text-xs font-medium text-tooltip-supporting-text\">{description}</span>}\n\n                        {arrow && (\n                            <AriaOverlayArrow>\n                                <svg\n                                    viewBox=\"0 0 100 100\"\n                                    className=\"size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180\"\n                                >\n                                    <path d=\"M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z\" />\n                                </svg>\n                            </AriaOverlayArrow>\n                        )}\n                    </div>\n                )}\n            </AriaTooltip>\n        </AriaTooltipTrigger>\n    );\n};\n\ninterface TooltipTriggerProps extends AriaButtonProps {}\n\nexport const TooltipTrigger = ({ children, className, ...buttonProps }: TooltipTriggerProps) => {\n    return (\n        <AriaButton {...buttonProps} className={(values) => cx(\"h-max w-max outline-hidden\", typeof className === \"function\" ? className(values) : className)}>\n            {children}\n        </AriaButton>\n    );\n};\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport { QuestionIcon as HelpCircle } from \"@phosphor-icons/react/dist/csr/Question\";\nimport type { LabelProps as AriaLabelProps } from \"react-aria-components\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { Tooltip, TooltipTrigger } from \"@/components/base/tooltip/tooltip\";\nimport { cx } from \"@/utils/cx\";\n\ninterface LabelProps extends AriaLabelProps {\n    children: ReactNode;\n    isInvalid?: boolean;\n    isRequired?: boolean;\n    tooltip?: string;\n    tooltipDescription?: string;\n    ref?: Ref<HTMLLabelElement>;\n}\n\nexport const Label = ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }: LabelProps) => {\n    return (\n        <AriaLabel\n            // Used for conditionally hiding/showing the label element via CSS:\n            // <Input label=\"Visible only on mobile\" className=\"lg:**:data-label:hidden\" />\n            // or\n            // <Input label=\"Visible only on mobile\" className=\"lg:label:hidden\" />\n            data-label=\"true\"\n            {...props}\n            className={cx(\"flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary\", className)}\n        >\n            {props.children}\n\n            <span\n                className={cx(\n                    \"hidden text-brand-tertiary\",\n                    isRequired && \"block\",\n                    typeof isRequired === \"undefined\" && \"group-required:block\",\n\n                    isInvalid && \"text-error-primary\",\n                    typeof isInvalid === \"undefined\" && \"group-invalid:text-error-primary\",\n                )}\n            >\n                *\n            </span>\n\n            {tooltip && (\n                <Tooltip title={tooltip} description={tooltipDescription} placement=\"top\">\n                    <TooltipTrigger\n                        // `TooltipTrigger` inherits the disabled state from the parent form field\n                        // but we don't that. We want the tooltip be enabled even if the parent\n                        // field is disabled.\n                        isDisabled={false}\n                        className=\"cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\"\n                    >\n                        <HelpCircle className=\"size-4\" />\n                    </TooltipTrigger>\n                </Tooltip>\n            )}\n        </AriaLabel>\n    );\n};\n\nLabel.displayName = \"Label\";\n","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type ReactNode, type Ref, createContext, useContext, useState } from \"react\";\nimport { EyeIcon as Eye } from \"@phosphor-icons/react/dist/csr/Eye\";\nimport { EyeSlashIcon as EyeOff } from \"@phosphor-icons/react/dist/csr/EyeSlash\";\nimport { QuestionIcon as HelpCircle } from \"@phosphor-icons/react/dist/csr/Question\";\nimport { InfoIcon as InfoCircle } from \"@phosphor-icons/react/dist/csr/Info\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Button as AriaButton, Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from \"@/components/base/input/hint-text\";\nimport { Label } from \"@/components/base/input/label\";\nimport { Tooltip, TooltipTrigger } from \"@/components/base/tooltip/tooltip\";\nimport { cx, sortCx } from \"@/utils/cx\";\n\n/**\n * Figma: Inputs (85:1269)\n *\n * Default: border (1px) border-primary + shadow-xs.\n * Focus: 1px border-brand + inset ring-brand (2px visual, no layout shift from border-2).\n * Error default: border-error_subtle; error focus: border-error + inset ring-error.\n */\nexport const inputFocusRingShadow = \"border-brand ring-1 ring-inset ring-brand\";\nexport const inputErrorFocusRingShadow = \"border-error ring-1 ring-inset ring-error\";\n/** Shell focus overlay — border + inset ring on one ::after above children (no host border-brand; avoids double-ring gap). */\nexport const inputFocusRingShellOverlay =\n    \"after:pointer-events-none after:absolute after:-inset-px after:z-10 after:rounded-lg after:border after:border-solid after:border-brand after:ring-1 after:ring-inset after:ring-brand after:content-['']\";\nexport const inputErrorFocusRingShellOverlay =\n    \"after:pointer-events-none after:absolute after:-inset-px after:z-10 after:rounded-lg after:border after:border-solid after:border-error after:ring-1 after:ring-inset after:ring-error after:content-['']\";\nexport const inputErrorFocusRingGroupInvalidShellOverlay =\n    \"group-invalid:focus-within:after:pointer-events-none group-invalid:focus-within:after:absolute group-invalid:focus-within:after:-inset-px group-invalid:focus-within:after:z-10 group-invalid:focus-within:after:rounded-lg group-invalid:focus-within:after:border group-invalid:focus-within:after:border-solid group-invalid:focus-within:after:border-error group-invalid:focus-within:after:ring-1 group-invalid:focus-within:after:ring-inset group-invalid:focus-within:after:ring-error group-invalid:focus-within:after:content-['']\";\nexport const inputFocusVisibleRingShadow =\n    \"focus-visible:outline-none focus-visible:border-brand focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-brand\";\nexport const inputErrorFocusVisibleRingShadow =\n    \"focus-visible:outline-none focus-visible:border-error focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-error\";\n\nexport interface InputBaseProps extends Omit<AriaInputProps, \"size\"> {\n    /** Tooltip message on hover. */\n    tooltip?: string;\n    /** Whether the input is invalid. */\n    isInvalid?: boolean;\n    /** Whether the input is disabled. */\n    isDisabled?: boolean;\n    /** Whether the input is required. */\n    isRequired?: boolean;\n    /**\n     * Input size.\n     * @default \"sm\"\n     */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Placeholder text. */\n    placeholder?: string;\n    /** Class name for the icon. */\n    iconClassName?: string;\n    /** Class name for the input. */\n    inputClassName?: string;\n    /** Class name for the input wrapper. */\n    wrapperClassName?: string;\n    /** Class name for the tooltip. */\n    tooltipClassName?: string;\n    /** Keyboard shortcut to display. */\n    shortcut?: string | boolean;\n    ref?: Ref<HTMLInputElement>;\n    groupRef?: Ref<HTMLDivElement>;\n    /** Icon component to display on the left side of the input. */\n    icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;\n}\n\nexport const InputBase = ({\n    ref,\n    tooltip,\n    shortcut,\n    groupRef,\n    size = \"md\",\n    isInvalid,\n    isDisabled,\n    isRequired,\n    icon: Icon,\n    placeholder,\n    wrapperClassName,\n    tooltipClassName,\n    inputClassName,\n    iconClassName,\n    type = \"text\",\n    ...inputProps\n}: InputBaseProps) => {\n    const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n\n    // Check if the input has a leading icon or tooltip\n    const hasTrailingIcon = tooltip || isInvalid;\n    const hasLeadingIcon = Icon;\n\n    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles\n    const context = useContext(TextFieldContext);\n\n    const inputSize = context?.size || size;\n\n    const sizes = sortCx({\n        sm: {\n            root: cx(\"px-3 py-2 text-sm\", hasLeadingIcon && \"pl-9\", hasTrailingIcon && \"pr-9\"),\n            iconLeading: \"left-3 size-4 stroke-[2.25px]\",\n            iconTrailing: \"right-3\",\n            shortcut: \"pr-1.5\",\n        },\n        md: {\n            root: cx(\"px-3 py-2 text-md\", hasLeadingIcon && \"pl-10\", hasTrailingIcon && \"pr-9\"),\n            iconLeading: \"left-3 size-5\",\n            iconTrailing: \"right-3\",\n            shortcut: \"pr-2\",\n        },\n        lg: {\n            root: cx(\"px-3.5 py-2.5 text-md\", hasLeadingIcon && \"pl-10.5\", hasTrailingIcon && \"pr-9.5\"),\n            iconLeading: \"left-3.5 size-5\",\n            iconTrailing: \"right-3.5\",\n            shortcut: \"pr-2.5\",\n        },\n    });\n\n    return (\n        <AriaGroup\n            {...{ isDisabled, isInvalid }}\n            ref={groupRef}\n            className={({ isFocusWithin, isDisabled, isInvalid }) =>\n                cx(\n                    \"group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg border border-solid border-primary bg-primary shadow-xs transition-[border-color,box-shadow] duration-100 ease-linear\",\n\n                    isFocusWithin && !isDisabled && !isInvalid && inputFocusRingShadow,\n\n                    // Disabled state styles\n                    isDisabled && \"cursor-not-allowed opacity-50\",\n                    \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n\n                    // Invalid state styles\n                    isInvalid && !isFocusWithin && \"border-error_subtle\",\n                    \"group-invalid:border-error_subtle\",\n                    \"group-invalid:focus-within:border-error group-invalid:focus-within:ring-1 group-invalid:focus-within:ring-inset group-invalid:focus-within:ring-error\",\n\n                    // Invalid + focus — darker error stroke (not brand)\n                    isInvalid && isFocusWithin && inputErrorFocusRingShadow,\n\n                    context?.wrapperClassName,\n                    wrapperClassName,\n                )\n            }\n        >\n            {/* Leading icon and Payment icon */}\n            {Icon && (\n                <Icon className={cx(\"pointer-events-none absolute text-fg-quaternary\", sizes[inputSize].iconLeading, context?.iconClassName, iconClassName)} />\n            )}\n\n            {/* Input field */}\n            <AriaInput\n                {...(inputProps as AriaInputProps)}\n                ref={ref}\n                required={isRequired}\n                type={type === \"password\" && isPasswordVisible ? \"text\" : type}\n                placeholder={placeholder}\n                className={cx(\n                    \"m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed\",\n                    sizes[inputSize].root,\n                    context?.inputClassName,\n                    inputClassName,\n                )}\n            />\n\n            {/* Tooltip and help icon */}\n            {tooltip && type !== \"password\" && (\n                <Tooltip title={tooltip} placement=\"top\">\n                    <TooltipTrigger\n                        className={cx(\n                            \"absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\",\n                            sizes[inputSize].iconTrailing,\n                            context?.tooltipClassName,\n                            tooltipClassName,\n                        )}\n                    >\n                        <HelpCircle className=\"size-4 stroke-[2.25px]\" />\n                    </TooltipTrigger>\n                </Tooltip>\n            )}\n\n            {/* Invalid icon */}\n            {type !== \"password\" && (\n                <InfoCircle\n                    className={cx(\n                        \"pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block\",\n                        sizes[inputSize].iconTrailing,\n                        context?.tooltipClassName,\n                        tooltipClassName,\n                    )}\n                />\n            )}\n\n            {/* Password visibility toggle */}\n            {type === \"password\" && (\n                <AriaButton\n                    aria-label=\"Toggle password visibility\"\n                    onClick={() => setIsPasswordVisible(!isPasswordVisible)}\n                    className={cx(\n                        \"absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden\",\n                        sizes[inputSize].iconTrailing,\n                    )}\n                >\n                    {isPasswordVisible ? <EyeOff className=\"size-4 stroke-[2.25px]\" /> : <Eye className=\"size-4 stroke-[2.25px]\" />}\n                </AriaButton>\n            )}\n\n            {/* Shortcut */}\n            {shortcut && (\n                <div\n                    className={cx(\n                        \"pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex\",\n                        sizes[inputSize].shortcut,\n                    )}\n                >\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\"\n                    >\n                        {typeof shortcut === \"string\" ? shortcut : \"⌘K\"}\n                    </span>\n                </div>\n            )}\n        </AriaGroup>\n    );\n};\n\nInputBase.displayName = \"InputBase\";\n\ninterface TextFieldContextProps extends Partial<Pick<InputBaseProps, \"size\" | \"wrapperClassName\" | \"inputClassName\" | \"iconClassName\" | \"tooltipClassName\">> {}\n\nconst TextFieldContext = createContext<TextFieldContextProps>({});\n\nexport interface TextFieldProps extends AriaTextFieldProps, TextFieldContextProps {}\n\nexport const TextField = ({ className, size = \"md\", inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }: TextFieldProps) => {\n    return (\n        <TextFieldContext.Provider value={{ inputClassName, wrapperClassName, iconClassName, tooltipClassName, size }}>\n            <AriaTextField\n                {...props}\n                data-input-wrapper\n                data-input-size={size}\n                className={(state) =>\n                    cx(\"group flex h-max w-full flex-col items-start justify-start gap-1.5\", typeof className === \"function\" ? className(state) : className)\n                }\n            />\n        </TextFieldContext.Provider>\n    );\n};\n\nTextField.displayName = \"TextField\";\n\nexport interface InputProps\n    extends\n        AriaTextFieldProps,\n        Pick<\n            InputBaseProps,\n            | \"ref\"\n            | \"placeholder\"\n            | \"icon\"\n            | \"shortcut\"\n            | \"tooltip\"\n            | \"groupRef\"\n            | \"size\"\n            | \"wrapperClassName\"\n            | \"inputClassName\"\n            | \"iconClassName\"\n            | \"tooltipClassName\"\n        > {\n    /** Label text for the input */\n    label?: string;\n    /** Helper text displayed below the input */\n    hint?: ReactNode;\n    /** Whether to hide required indicator from label */\n    hideRequiredIndicator?: boolean;\n}\n\nexport const Input = ({\n    size = \"md\",\n    placeholder,\n    icon: Icon,\n    label,\n    hint,\n    shortcut,\n    hideRequiredIndicator,\n    className,\n    ref,\n    groupRef,\n    tooltip,\n    iconClassName,\n    inputClassName,\n    wrapperClassName,\n    tooltipClassName,\n    type = \"text\",\n    ...props\n}: InputProps) => {\n    return (\n        <TextField aria-label={!label ? placeholder : undefined} {...props} size={size} className={className}>\n            {({ isRequired, isInvalid }) => (\n                <>\n                    {label && (\n                        <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired} isInvalid={isInvalid}>\n                            {label}\n                        </Label>\n                    )}\n\n                    <InputBase\n                        {...{\n                            ref,\n                            groupRef,\n                            size,\n                            placeholder,\n                            icon: Icon,\n                            shortcut,\n                            iconClassName,\n                            inputClassName,\n                            wrapperClassName,\n                            tooltipClassName,\n                            tooltip,\n                            type,\n                            isInvalid,\n                        }}\n                    />\n\n                    {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n                </>\n            )}\n        </TextField>\n    );\n};\n\nInput.displayName = \"Input\";\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst AmexIcon = (props: SVGProps<SVGSVGElement>) => {\n    return (\n        <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" {...props}>\n            <path d=\"M0 4C0 1.79086 1.79086 0 4 0H30C32.2091 0 34 1.79086 34 4V20C34 22.2091 32.2091 24 30 24H4C1.79086 24 0 22.2091 0 20V4Z\" fill=\"#1F72CD\" />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M6.09517 8.5L2.91406 15.7467H6.7223L7.19441 14.5913H8.27355L8.74566 15.7467H12.9375V14.8649L13.311 15.7467H15.4793L15.8528 14.8462V15.7467H24.5706L25.6307 14.6213L26.6232 15.7467L31.1009 15.7561L27.9097 12.1436L31.1009 8.5H26.6927L25.6608 9.60463L24.6995 8.5H15.2156L14.4013 10.3704L13.5678 8.5H9.7675V9.35186L9.34474 8.5H6.09517ZM6.83205 9.52905H8.68836L10.7984 14.4431V9.52905H12.8319L14.4617 13.0524L15.9637 9.52905H17.987V14.7291H16.7559L16.7458 10.6544L14.9509 14.7291H13.8495L12.0446 10.6544V14.7291H9.51179L9.03162 13.5633H6.43745L5.95827 14.728H4.60123L6.83205 9.52905ZM24.1196 9.52905H19.1134V14.726H24.0421L25.6307 13.0036L27.1618 14.726H28.7624L26.436 12.1426L28.7624 9.52905H27.2313L25.6507 11.2316L24.1196 9.52905ZM7.73508 10.4089L6.8804 12.4856H8.58876L7.73508 10.4089ZM20.3497 11.555V10.6057V10.6048H23.4734L24.8364 12.1229L23.413 13.6493H20.3497V12.613H23.0808V11.555H20.3497Z\"\n                fill=\"white\"\n            />\n        </svg>\n    );\n};\n\nexport default AmexIcon;\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst DiscoverIcon = (props: SVGProps<SVGSVGElement>) => {\n    return (\n        <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" {...props}>\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                fill=\"white\"\n            />\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                className=\"stroke-border-secondary\"\n                strokeWidth=\"0.75\"\n            />\n            <path d=\"M14 23L33 17.25V20C33 21.6569 31.6569 23 30 23H14Z\" fill=\"#FD6020\" />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M29.3937 9.11084C30.439 9.11084 31.0139 9.59438 31.0139 10.5077C31.0662 11.2062 30.5958 11.7972 29.9686 11.9046L31.3797 13.8925H30.2822L29.0801 11.9584H28.9756V13.8925H28.0871V9.11084H29.3937ZM28.9756 11.3137H29.2369C29.8118 11.3137 30.0731 11.045 30.0731 10.5615C30.0731 10.1317 29.8118 9.86304 29.2369 9.86304H28.9756V11.3137ZM25.0034 13.8925H27.5122V13.0866H25.8919V11.7972H27.4599V10.9913H25.8919V9.91674H27.5122V9.11084H25.0034V13.8925ZM22.3902 12.3345L21.1881 9.11084H20.2474L22.1812 14H22.6515L24.5853 9.11084H23.6446L22.3902 12.3345ZM11.7805 11.5286C11.7805 12.8717 12.8258 14 14.1324 14C14.5505 14 14.9164 13.8925 15.2822 13.7314V12.6568C15.0209 12.9792 14.655 13.1941 14.2369 13.1941C13.4007 13.1941 12.7212 12.5494 12.7212 11.6897V11.5823C12.669 10.7227 13.3484 9.97048 14.1847 9.91675C14.6028 9.91675 15.0209 10.1317 15.2822 10.454V9.37948C14.9686 9.16458 14.5505 9.11085 14.1847 9.11085C12.8258 9.0034 11.7805 10.1317 11.7805 11.5286ZM10.1603 10.9376C9.63762 10.7227 9.48082 10.6152 9.48082 10.3466C9.53309 10.0242 9.79441 9.75557 10.108 9.8093C10.3693 9.8093 10.6306 9.97048 10.8397 10.1854L11.3101 9.54066C10.9442 9.2183 10.4739 9.00339 10.0035 9.00339C9.27176 8.94967 8.64459 9.54066 8.59232 10.2928V10.3466C8.59232 10.9913 8.85365 11.3674 9.68988 11.636C9.89894 11.6897 10.108 11.7972 10.3171 11.9046C10.4739 12.0121 10.5784 12.1733 10.5784 12.3882C10.5784 12.7643 10.2648 13.0866 9.95121 13.0866H9.89894C9.48082 13.0866 9.11497 12.818 8.95818 12.4419L8.38326 13.0329C8.69685 13.6239 9.32403 13.9463 9.95121 13.9463C10.7874 14 11.4669 13.3553 11.5191 12.4956V12.3345C11.4669 11.6897 11.2056 11.3674 10.1603 10.9376ZM7.12892 13.8925H8.01742V9.11084H7.12892V13.8925ZM3 9.11086H4.30662H4.56794C5.8223 9.16458 6.81532 10.2391 6.76306 11.5286C6.76306 12.227 6.44947 12.8717 5.92682 13.3553C5.45644 13.7314 4.88153 13.9463 4.30662 13.8926H3V9.11086ZM4.14983 13.0866C4.56794 13.1404 5.03833 12.9792 5.35191 12.7105C5.6655 12.3882 5.8223 11.9584 5.8223 11.4748C5.8223 11.045 5.6655 10.6152 5.35191 10.2928C5.03833 10.0242 4.56794 9.86302 4.14983 9.91674H3.8885V13.0866H4.14983Z\"\n                fill=\"black\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M17.9481 9C16.6415 9 15.5439 10.0745 15.5439 11.4714C15.5439 12.8146 16.5892 13.9429 17.9481 13.9966C19.307 14.0503 20.3523 12.9221 20.4046 11.5252C20.3523 10.1283 19.307 9 17.9481 9V9Z\"\n                fill=\"#FD6020\"\n            />\n        </svg>\n    );\n};\n\nexport default DiscoverIcon;\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst MastercardIcon = (props: SVGProps<SVGSVGElement>) => {\n    return (\n        <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" {...props}>\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                fill=\"white\"\n            />\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                className=\"stroke-border-secondary\"\n                strokeWidth=\"0.75\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M17.179 16.8294C15.9949 17.8275 14.459 18.43 12.7807 18.43C9.03582 18.43 6 15.4303 6 11.73C6 8.02966 9.03582 5.02997 12.7807 5.02997C14.459 5.02997 15.9949 5.63247 17.179 6.63051C18.363 5.63247 19.8989 5.02997 21.5773 5.02997C25.3221 5.02997 28.358 8.02966 28.358 11.73C28.358 15.4303 25.3221 18.43 21.5773 18.43C19.8989 18.43 18.363 17.8275 17.179 16.8294Z\"\n                fill=\"#ED0006\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M17.1787 16.8294C18.6366 15.6005 19.5611 13.7719 19.5611 11.73C19.5611 9.68801 18.6366 7.85941 17.1787 6.63051C18.3628 5.63247 19.8987 5.02997 21.577 5.02997C25.3219 5.02997 28.3577 8.02966 28.3577 11.73C28.3577 15.4303 25.3219 18.43 21.577 18.43C19.8987 18.43 18.3628 17.8275 17.1787 16.8294Z\"\n                fill=\"#F9A000\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M17.1793 16.8294C18.6372 15.6005 19.5616 13.7719 19.5616 11.73C19.5616 9.68805 18.6372 7.85946 17.1793 6.63055C15.7213 7.85946 14.7969 9.68805 14.7969 11.73C14.7969 13.7719 15.7213 15.6005 17.1793 16.8294Z\"\n                fill=\"#FF5E00\"\n            />\n        </svg>\n    );\n};\n\nexport default MastercardIcon;\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst UnionPayIcon = (props: SVGProps<SVGSVGElement>) => {\n    return (\n        <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" {...props}>\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                fill=\"white\"\n            />\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                className=\"stroke-border-secondary\"\n                strokeWidth=\"0.75\"\n            />\n            <path\n                d=\"M10.5185 5.00073H15.8767C16.6247 5.00073 17.0899 5.62831 16.9154 6.40082L14.4208 17.4262C14.2447 18.196 13.4959 18.8241 12.7474 18.8241H7.38973C6.64282 18.8241 6.17657 18.196 6.35106 17.4262L8.84672 6.40082C9.0212 5.62831 9.76968 5.00073 10.5185 5.00073Z\"\n                fill=\"#E21836\"\n            />\n            <path\n                d=\"M15.4303 5H21.5921C22.3399 5 22.0027 5.62758 21.8268 6.40009L19.3326 17.4255C19.1576 18.1953 19.2121 18.8234 18.4628 18.8234H12.301C11.5516 18.8234 11.0878 18.1953 11.2639 17.4255L13.758 6.40009C13.9351 5.62758 14.682 5 15.4303 5Z\"\n                fill=\"#00447C\"\n            />\n            <path\n                d=\"M21.348 5H26.7062C27.4552 5 27.9204 5.62758 27.7445 6.40009L25.2503 17.4255C25.0742 18.1953 24.3248 18.8234 23.576 18.8234H18.2203C17.4709 18.8234 17.0061 18.1953 17.1816 17.4255L19.6762 6.40009C19.8507 5.62758 20.5986 5 21.348 5Z\"\n                fill=\"#007B84\"\n            />\n            <path\n                d=\"M11.9181 8.53326C11.3671 8.53904 11.2043 8.53326 11.1524 8.52062C11.1324 8.61836 10.7605 10.384 10.7595 10.3855C10.6794 10.7427 10.6212 10.9973 10.4233 11.1617C10.311 11.2573 10.1799 11.3035 10.0279 11.3035C9.78352 11.3035 9.64116 11.1786 9.61726 10.9417L9.61269 10.8603C9.61269 10.8603 9.68714 10.3818 9.68714 10.3792C9.68714 10.3792 10.0774 8.77015 10.1472 8.55746C10.1509 8.54536 10.1519 8.53904 10.1529 8.53326C9.39328 8.54012 9.25863 8.53326 9.24936 8.52062C9.24427 8.53797 9.22546 8.63772 9.22546 8.63772L8.82699 10.4512L8.79278 10.605L8.72656 11.1081C8.72656 11.2573 8.75503 11.3791 8.81171 11.4821C8.99325 11.8087 9.51108 11.8576 9.80402 11.8576C10.1815 11.8576 10.5355 11.7751 10.7748 11.6244C11.1901 11.3717 11.2988 10.9769 11.3957 10.626L11.4406 10.446C11.4406 10.446 11.8426 8.77485 11.9109 8.55746C11.9135 8.54536 11.9145 8.53904 11.9181 8.53326ZM13.2858 9.88137C13.1889 9.88137 13.0118 9.90557 12.8527 9.98583C12.795 10.0164 12.7404 10.0516 12.6828 10.0867L12.7348 9.89347L12.7063 9.86094C12.369 9.93125 12.2935 9.94066 11.9819 9.98583L11.9558 10.0037C11.9196 10.3125 11.8875 10.5447 11.7533 11.1517C11.7023 11.3754 11.6493 11.6013 11.5961 11.8245L11.6105 11.8528C11.9298 11.8355 12.0267 11.8355 12.3042 11.8402L12.3267 11.8151C12.3619 11.6291 12.3665 11.5856 12.4446 11.209C12.4813 11.0305 12.5578 10.6381 12.5956 10.4985C12.6649 10.4654 12.7334 10.4329 12.7987 10.4329C12.9542 10.4329 12.9353 10.5725 12.9293 10.6282C12.9226 10.7216 12.8659 11.0268 12.8078 11.2888L12.769 11.458C12.742 11.5829 12.7123 11.7043 12.6853 11.8281L12.6971 11.8528C13.0118 11.8355 13.1078 11.8355 13.3766 11.8402L13.4082 11.8151C13.4568 11.5247 13.471 11.447 13.5572 11.0241L13.6006 10.8299C13.6848 10.4497 13.7271 10.2569 13.6634 10.0998C13.596 9.92385 13.4343 9.88137 13.2858 9.88137ZM14.8137 10.2794C14.6464 10.3125 14.5397 10.3346 14.4337 10.3488C14.3286 10.3662 14.226 10.3819 14.0644 10.405L14.0516 10.417L14.0398 10.4265C14.023 10.5505 14.0112 10.6576 13.9889 10.7836C13.9699 10.9139 13.9408 11.0619 13.8934 11.2746C13.8567 11.4374 13.8378 11.4941 13.8169 11.5514C13.7965 11.6087 13.774 11.6643 13.7328 11.8245L13.7424 11.8392L13.7505 11.8528C13.9016 11.8454 14.0005 11.8402 14.1021 11.8392C14.2036 11.8355 14.3087 11.8392 14.4714 11.8402L14.4857 11.8282L14.501 11.815C14.5245 11.6707 14.528 11.6318 14.5424 11.5614C14.5566 11.4858 14.5811 11.3812 14.6414 11.1018C14.6698 10.9706 14.7016 10.8398 14.7311 10.7059C14.7618 10.5725 14.7939 10.4412 14.8245 10.31L14.8199 10.2941L14.8137 10.2794ZM14.8173 9.74272C14.6653 9.65036 14.3985 9.67967 14.2189 9.80725C14.0398 9.93228 14.0195 10.1097 14.171 10.2033C14.3204 10.2931 14.5882 10.2664 14.7662 10.1377C14.9449 10.01 14.9672 9.83414 14.8173 9.74272ZM15.7367 11.8818C16.0442 11.8818 16.3595 11.7945 16.5968 11.5356C16.7794 11.3256 16.8631 11.0131 16.8921 10.8845C16.9865 10.458 16.913 10.2589 16.8207 10.1376C16.6804 9.95279 16.4325 9.8935 16.1754 9.8935C16.0207 9.8935 15.6524 9.90923 15.3647 10.1823C15.1581 10.3792 15.0626 10.6465 15.0051 10.9028C14.9469 11.1638 14.8801 11.6339 15.3 11.8088C15.4295 11.866 15.6163 11.8818 15.7367 11.8818ZM15.7127 10.9223C15.7836 10.5993 15.8673 10.3283 16.0809 10.3283C16.2484 10.3283 16.2605 10.5299 16.1861 10.854C16.1728 10.9259 16.1116 11.1933 16.029 11.3072C15.9712 11.3912 15.9029 11.4421 15.8275 11.4421C15.805 11.4421 15.6714 11.4421 15.6693 11.2379C15.6682 11.1371 15.6882 11.0341 15.7127 10.9223ZM17.661 11.8402L17.685 11.8151C17.7191 11.6292 17.7247 11.5855 17.8002 11.209C17.8379 11.0305 17.916 10.6382 17.9527 10.4985C18.0222 10.4653 18.0895 10.4328 18.1569 10.4328C18.3114 10.4328 18.2926 10.5724 18.2864 10.6281C18.2808 10.7217 18.2241 11.0267 18.165 11.2888L18.1283 11.4579C18.1002 11.5829 18.0696 11.7042 18.0426 11.8281L18.0543 11.8529C18.3701 11.8355 18.4625 11.8355 18.7328 11.8402L18.7655 11.8151C18.8129 11.5246 18.8257 11.4469 18.9145 11.0242L18.9568 10.8298C19.0414 10.4496 19.0843 10.2569 19.0216 10.0999C18.9522 9.92389 18.7895 9.88141 18.6431 9.88141C18.546 9.88141 18.368 9.90548 18.2099 9.98587C18.1533 10.0164 18.0967 10.0515 18.041 10.0867L18.0895 9.89351L18.0635 9.86084C17.7263 9.93129 17.6492 9.9407 17.338 9.98587L17.3141 10.0038C17.2763 10.3126 17.2457 10.5446 17.1115 11.1518C17.0605 11.3755 17.0074 11.6013 16.9544 11.8245L16.9686 11.8529C17.2885 11.8355 17.384 11.8355 17.661 11.8402ZM19.9812 11.8528C20.001 11.7531 20.1189 11.1618 20.12 11.1618C20.12 11.1618 20.2204 10.7279 20.2266 10.7122C20.2266 10.7122 20.2582 10.667 20.2898 10.6491H20.3363C20.775 10.6491 21.2703 10.6491 21.6586 10.3551C21.9228 10.1535 22.1034 9.85567 22.184 9.49375C22.2049 9.40501 22.2203 9.29948 22.2203 9.19394C22.2203 9.05533 22.1933 8.9182 22.1152 8.81105C21.9172 8.52589 21.5229 8.52065 21.0678 8.5185C21.0663 8.5185 20.8434 8.52065 20.8434 8.52065C20.2608 8.52804 20.0271 8.52589 19.9311 8.51379C19.923 8.55749 19.9078 8.6352 19.9078 8.6352C19.9078 8.6352 19.6991 9.63088 19.6991 9.63249C19.6991 9.63249 19.1996 11.7494 19.1761 11.8492C19.6848 11.8429 19.8934 11.8429 19.9812 11.8528ZM20.3679 10.0841C20.3679 10.0841 20.5898 9.09042 20.5887 9.09418L20.5959 9.04323L20.599 9.00437L20.6877 9.01379C20.6877 9.01379 21.1453 9.05425 21.1561 9.05533C21.3367 9.12726 21.4111 9.31265 21.3591 9.55465C21.3117 9.77581 21.1724 9.96174 20.9933 10.0515C20.8459 10.1276 20.6653 10.134 20.4791 10.134H20.3587L20.3679 10.0841ZM21.7494 10.9407C21.6908 11.198 21.6234 11.668 22.0412 11.8355C22.1744 11.8939 22.2938 11.9112 22.4151 11.9049C22.5432 11.8978 22.6619 11.8316 22.7719 11.7364C22.762 11.7755 22.7521 11.8147 22.7421 11.8539L22.7611 11.8791C23.0616 11.866 23.1548 11.866 23.4804 11.8686L23.5099 11.8455C23.5575 11.5577 23.6023 11.2784 23.7258 10.728C23.786 10.4643 23.8461 10.2032 23.9079 9.94067L23.8982 9.91177C23.562 9.9759 23.4722 9.98961 23.1488 10.0368L23.1243 10.0574C23.121 10.0841 23.1176 10.1098 23.1145 10.1355C23.0642 10.0519 22.9913 9.98047 22.8789 9.93597C22.7351 9.87775 22.3973 9.95277 22.107 10.2249C21.903 10.4192 21.8051 10.6854 21.7494 10.9407ZM22.4555 10.9564C22.5274 10.6392 22.6101 10.3709 22.8243 10.3709C22.9597 10.3709 23.031 10.4996 23.0165 10.719C23.005 10.7737 22.9926 10.8314 22.9779 10.8966C22.9564 10.9908 22.9332 11.0842 22.9106 11.1778C22.8876 11.2418 22.8608 11.3022 22.8315 11.3424C22.7763 11.4228 22.6452 11.4726 22.5697 11.4726C22.5483 11.4726 22.4161 11.4726 22.4116 11.2721C22.4105 11.1722 22.4305 11.0693 22.4555 10.9564ZM26.1424 9.9092L26.1164 9.87868C25.7838 9.94805 25.7236 9.95908 25.418 10.0016L25.3955 10.0247C25.3944 10.0285 25.3935 10.0342 25.392 10.0395L25.3909 10.0342C25.1634 10.5746 25.1701 10.458 24.9849 10.8834C24.9838 10.864 24.9838 10.8519 24.9828 10.8313L24.9364 9.9092L24.9073 9.87868C24.5589 9.94805 24.5506 9.95908 24.2288 10.0016L24.2038 10.0247C24.2002 10.0357 24.2002 10.0478 24.1981 10.061L24.2002 10.0657C24.2405 10.2773 24.2308 10.2301 24.2711 10.5641C24.2899 10.728 24.315 10.8928 24.3338 11.0547C24.3656 11.3256 24.3833 11.4589 24.4221 11.8723C24.2048 12.2415 24.1533 12.3812 23.9441 12.7052L23.9456 12.7084L23.7982 12.9483C23.7814 12.9735 23.7661 12.9909 23.7447 12.9983C23.7212 13.0103 23.6906 13.0124 23.6482 13.0124H23.5665L23.4452 13.4278L23.8614 13.4352C24.1058 13.4342 24.2594 13.3165 24.3421 13.1584L24.6038 12.6967H24.5996L24.6272 12.6642C24.8032 12.274 26.1424 9.9092 26.1424 9.9092ZM21.7494 15.3652H21.5728L22.2264 13.1401H22.4432L22.512 12.9108L22.5187 13.1657C22.5106 13.3233 22.631 13.463 22.9473 13.4399H23.3131L23.439 13.0114H23.3013C23.2222 13.0114 23.1855 12.9908 23.1901 12.9467L23.1834 12.6874H22.506V12.6887C22.287 12.6934 21.6329 12.7104 21.5005 12.7467C21.3402 12.7892 21.1714 12.9142 21.1714 12.9142L21.2377 12.6847H20.604L20.472 13.1401L19.8097 15.3992H19.6812L19.5552 15.8246H20.8173L20.775 15.9664H21.3969L21.4382 15.8246H21.6127L21.7494 15.3652ZM21.2316 13.5922C21.1301 13.6211 20.9413 13.7087 20.9413 13.7087L21.1092 13.1401H21.6127L21.4912 13.5544C21.4912 13.5544 21.3357 13.5638 21.2316 13.5922ZM21.2412 14.4046C21.2412 14.4046 21.0831 14.4251 20.979 14.4493C20.8765 14.4813 20.6842 14.5821 20.6842 14.5821L20.8577 13.9903H21.3637L21.2412 14.4046ZM20.9591 15.3705H20.4541L20.6005 14.871H21.104L20.9591 15.3705ZM22.1754 13.9903H22.9034L22.7987 14.339H22.0611L21.9504 14.7203H22.5958L22.1071 15.4287C22.0729 15.4807 22.0422 15.4991 22.0081 15.5138C21.9739 15.5317 21.9289 15.5526 21.877 15.5526H21.6979L21.5749 15.9702H22.0432C22.2867 15.9702 22.4304 15.8562 22.5366 15.7066L22.8717 15.2344L22.9437 15.7138C22.959 15.8036 23.0217 15.8562 23.0641 15.8766C23.111 15.9008 23.1595 15.9424 23.2279 15.9486C23.3013 15.9518 23.3543 15.9543 23.3896 15.9543H23.6197L23.7579 15.487H23.6671C23.615 15.487 23.5253 15.478 23.51 15.4612C23.4947 15.4408 23.4947 15.4093 23.4865 15.3615L23.4135 14.881H23.1145L23.2457 14.7203H23.9819L24.0951 14.339H23.4135L23.5197 13.9903H24.1992L24.3252 13.5602H22.2993L22.1754 13.9903ZM16.0269 15.4676L16.1968 14.8857H16.8951L17.0227 14.4529H16.3238L16.4305 14.0948H17.1135L17.2401 13.6757H15.531L15.4071 14.0948H15.7953L15.6918 14.4529H15.3025L15.1734 14.8931H15.5616L15.3351 15.6629C15.3045 15.7648 15.3495 15.8037 15.3779 15.851C15.4071 15.8971 15.4366 15.9276 15.5029 15.945C15.5714 15.9607 15.6183 15.9701 15.682 15.9701H16.4693L16.6095 15.4907L16.2606 15.54C16.1932 15.54 16.0065 15.5317 16.0269 15.4676ZM16.107 12.6821L15.93 13.0113C15.8922 13.0833 15.8581 13.1279 15.8274 13.1485C15.8004 13.1658 15.7468 13.1731 15.6692 13.1731H15.5769L15.4535 13.5943H15.7601C15.9076 13.5943 16.0208 13.5386 16.0749 13.5108C16.133 13.4788 16.1483 13.4971 16.1932 13.4524L16.2968 13.3601H17.2543L17.3814 12.9215H16.6805L16.8028 12.6821H16.107ZM17.5207 15.476C17.5044 15.4518 17.5161 15.4092 17.5411 15.3205L17.8028 14.4287H18.7338C18.8695 14.4267 18.9675 14.4251 19.0312 14.4204C19.0997 14.413 19.1741 14.3878 19.2552 14.3427C19.3389 14.2953 19.3818 14.2455 19.4179 14.1882C19.4583 14.1311 19.5231 14.006 19.5787 13.8132L19.9077 12.6847L18.9415 12.6905C18.9415 12.6905 18.644 12.7357 18.513 12.7856C18.3808 12.8412 18.192 12.9966 18.192 12.9966L18.2792 12.6873H17.6824L16.8468 15.54C16.8171 15.6508 16.7973 15.7312 16.7927 15.7795C16.7911 15.8315 16.8564 15.883 16.8988 15.9218C16.9488 15.9607 17.0227 15.9544 17.0936 15.9607C17.1682 15.9665 17.2742 15.9701 17.4206 15.9701H17.8793L18.0201 15.4807L17.6095 15.5207C17.5656 15.5207 17.5339 15.4965 17.5207 15.476ZM17.9717 13.8264H18.9496L18.8874 14.027C18.8787 14.0317 18.8578 14.0171 18.7583 14.0292H17.9114L17.9717 13.8264ZM18.1676 13.1537H19.1537L19.0828 13.3953C19.0828 13.3953 18.618 13.3906 18.5436 13.4047C18.216 13.463 18.0247 13.6432 18.0247 13.6432L18.1676 13.1537ZM18.9093 14.6987C18.9012 14.7287 18.8884 14.747 18.8705 14.7607C18.8507 14.7739 18.8185 14.7786 18.7706 14.7786H18.6313L18.6395 14.5343H18.0599L18.0364 15.7285C18.0355 15.8147 18.0436 15.8646 18.1048 15.9045C18.1661 15.9544 18.3548 15.9607 18.6088 15.9607H18.972L19.1031 15.5137L18.7869 15.5316L18.6818 15.5379C18.6674 15.5316 18.6537 15.5258 18.6384 15.5101C18.6251 15.4965 18.6027 15.5048 18.6063 15.4187L18.6088 15.1125L18.9404 15.0984C19.1195 15.0984 19.196 15.0385 19.2613 14.9813C19.3236 14.9266 19.344 14.8637 19.3675 14.7786L19.4231 14.5075H18.9674L18.9093 14.6987Z\"\n                fill=\"#FEFEFE\"\n            />\n        </svg>\n    );\n};\n\nexport default UnionPayIcon;\n","\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst VisaIcon = (props: SVGProps<SVGSVGElement>) => {\n    return (\n        <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" {...props}>\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                fill=\"white\"\n            />\n            <path\n                d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H30C31.933 0.5 33.5 2.067 33.5 4V20C33.5 21.933 31.933 23.5 30 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4Z\"\n                className=\"stroke-border-secondary\"\n                strokeWidth=\"0.75\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10.7501 15.8582H8.69031L7.14576 9.79235C7.07245 9.51332 6.91679 9.26664 6.68782 9.15038C6.11639 8.85821 5.48672 8.62568 4.7998 8.50841V8.27487H8.11789C8.57583 8.27487 8.91929 8.62568 8.97653 9.0331L9.77793 13.4086L11.8367 8.27487H13.8392L10.7501 15.8582ZM14.984 15.8582H13.0388L14.6406 8.27487H16.5858L14.984 15.8582ZM19.1025 10.3757C19.1597 9.96725 19.5032 9.73372 19.9039 9.73372C20.5336 9.67508 21.2195 9.79235 21.7919 10.0835L22.1354 8.45079C21.5629 8.21725 20.9333 8.09998 20.3619 8.09998C18.4738 8.09998 17.1 9.15038 17.1 10.6082C17.1 11.7173 18.0731 12.2996 18.7601 12.6504C19.5032 13.0002 19.7894 13.2337 19.7322 13.5835C19.7322 14.1082 19.1597 14.3418 18.5883 14.3418C17.9014 14.3418 17.2145 14.1669 16.5858 13.8747L16.2424 15.5084C16.9293 15.7996 17.6724 15.9169 18.3594 15.9169C20.4763 15.9745 21.7919 14.9251 21.7919 13.35C21.7919 11.3664 19.1025 11.2502 19.1025 10.3757ZM28.5998 15.8582L27.0553 8.27487H25.3962C25.0528 8.27487 24.7093 8.50841 24.5948 8.85821L21.7347 15.8582H23.7372L24.1369 14.7502H26.5973L26.8263 15.8582H28.5998ZM25.6824 10.3171L26.2539 13.1751H24.6521L25.6824 10.3171Z\"\n                fill=\"#172B85\"\n            />\n        </svg>\n    );\n};\n\nexport default VisaIcon;\n","\"use client\";\n\nimport { useControlledState } from \"@react-stately/utils\";\nimport { HintText } from \"@/components/base/input/hint-text\";\nimport type { InputProps } from \"@/components/base/input/input\";\nimport { InputBase, TextField } from \"@/components/base/input/input\";\nimport { Label } from \"@/components/base/input/label\";\nimport { AmexIcon, DiscoverIcon, MastercardIcon, UnionPayIcon, VisaIcon } from \"@/components/foundations/payment-icons\";\nimport { cx } from \"@/utils/cx\";\n\nconst cardTypes = [\n    {\n        name: \"Visa\",\n        pattern: /^4[0-9]{3,}$/, // Visa card numbers start with 4 and are 13 or 16 digits long\n        card: \"visa\",\n        icon: VisaIcon,\n    },\n    {\n        name: \"MasterCard\",\n        pattern: /^5[1-5][0-9]{2,}$/, // MasterCard numbers start with 51-55 and are 16 digits long\n        card: \"mastercard\",\n        icon: MastercardIcon,\n    },\n    {\n        name: \"American Express\",\n        pattern: /^3[47][0-9]{2,}$/, // American Express numbers start with 34 or 37 and are 15 digits long\n        card: \"amex\",\n        icon: AmexIcon,\n    },\n    {\n        name: \"Discover\",\n        pattern: /^6(?:011|5[0-9]{2}|4[4-9][0-9])[0-9]{12}$/, // Discover card numbers start with 6011 or 65 and are 16 digits long\n        card: \"discover\",\n        icon: DiscoverIcon,\n    },\n    {\n        name: \"UnionPay\",\n        pattern: /^(62|88)[0-9]{14,17}$/, // UnionPay card numbers start with 62 or 88 and are between 15-19 digits long\n        card: \"unionpay\",\n        icon: UnionPayIcon,\n    },\n    {\n        name: \"Unknown\",\n        pattern: /.*/, // Fallback pattern for unknown cards\n        card: \"unknown\",\n        icon: MastercardIcon,\n    },\n];\n\n/**\n * Detect the card type based on the card number.\n * @param number The card number to detect the type for.\n * @returns The matching card type object.\n */\nconst detectCardType = (number: string) => {\n    // Remove all spaces\n    const sanitizedNumber = number.replace(/\\D/g, \"\");\n\n    // Find the matching card type\n    const card = cardTypes.find((cardType) => cardType.pattern.test(sanitizedNumber));\n\n    return card || cardTypes[cardTypes.length - 1];\n};\n\n/**\n * Format the card number in groups of 4 digits (i.e. 1234 5678 9012 3456).\n */\nexport const formatCardNumber = (number: string) => {\n    // Remove non-numeric characters\n    const cleaned = number.replace(/\\D/g, \"\");\n\n    // Format the card number in groups of 4 digits\n    const match = cleaned.match(/\\d{1,4}/g);\n\n    if (match) {\n        return match.join(\" \");\n    }\n\n    return cleaned;\n};\n\ninterface PaymentInputProps extends InputProps {}\n\nexport const PaymentInput = ({\n    onChange,\n    value,\n    defaultValue,\n    maxLength = 19,\n    size = \"md\",\n    placeholder,\n    label,\n    hint,\n    shortcut,\n    hideRequiredIndicator,\n    className,\n    ref,\n    groupRef,\n    tooltip,\n    iconClassName,\n    inputClassName,\n    wrapperClassName,\n    tooltipClassName,\n    type = \"text\",\n    ...props\n}: PaymentInputProps) => {\n    const [cardNumber, setCardNumber] = useControlledState(value, defaultValue || \"\", (value) => {\n        // Remove all non-numeric characters\n        value = value.replace(/\\D/g, \"\");\n\n        onChange?.(value || \"\");\n    });\n\n    const card = detectCardType(cardNumber);\n\n    return (\n        <TextField\n            aria-label={!label ? placeholder : undefined}\n            {...props}\n            size={size}\n            className={className}\n            inputMode=\"numeric\"\n            maxLength={maxLength}\n            value={formatCardNumber(cardNumber)}\n            onChange={setCardNumber}\n        >\n            {({ isInvalid, isRequired }) => (\n                <>\n                    {label && (\n                        <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired} isInvalid={isInvalid}>\n                            {label}\n                        </Label>\n                    )}\n\n                    <InputBase\n                        {...{\n                            ref,\n                            groupRef,\n                            size,\n                            placeholder,\n                            shortcut,\n                            wrapperClassName,\n                            tooltipClassName,\n                            tooltip,\n                            type,\n                        }}\n                        icon={card.icon}\n                        inputClassName={cx(size === \"sm\" && \"pl-12\", size === \"md\" && \"pl-12.5\", size === \"lg\" && \"pl-13\", inputClassName)}\n                        iconClassName={cx(\"h-6 w-8.5\", size === \"sm\" && \"left-1.5\", size === \"md\" && \"left-2\", size === \"lg\" && \"left-2.5\", iconClassName)}\n                    />\n\n                    {hint && (\n                        <HintText isInvalid={isInvalid} className={cx(size === \"sm\" && \"text-xs\")}>\n                            {hint}\n                        </HintText>\n                    )}\n                </>\n            )}\n        </TextField>\n    );\n};\n\nPaymentInput.displayName = \"PaymentInput\";\n"]}

package/dist/react/input-tags-outer.d.ts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface InputTagsOuterProps {
+    /** Label text displayed above the input. */
+    label?: string;
+    /** Helper text displayed below the tags. */
+    hint?: ReactNode;
+    /** Tooltip message displayed via a help icon inside the input. */
+    tooltip?: string;
+    /**
+     * Input size variant.
+     * @default "sm"
+     */
+    size?: "sm" | "md" | "lg";
+    /** Placeholder text for the input field. */
+    placeholder?: string;
+    /** Whether the field is required. */
+    isRequired?: boolean;
+    /** Whether the field is disabled. */
+    isDisabled?: boolean;
+    /** Whether the field is in an invalid/error state. */
+    isInvalid?: boolean;
+    /**
+     * Whether to allow duplicate tag values.
+     * @default false
+     */
+    allowDuplicates?: boolean;
+    /** Maximum number of tags allowed. */
+    maxTags?: number;
+    /** Controlled value: array of tag strings. */
+    value?: string[];
+    /** Default tags for uncontrolled mode. */
+    defaultValue?: string[];
+    /** Called when the tags array changes. */
+    onChange?: (tags: string[]) => void;
+    /** Called when a tag is added. */
+    onTagAdded?: (tag: string) => void;
+    /** Called when a tag is removed. */
+    onTagRemoved?: (tag: string) => void;
+    /**
+     * Validation function for new tags.
+     * Return `true` to accept, `false` to reject.
+     */
+    validate?: (value: string) => boolean;
+    /** Optional className for the outer container. */
+    className?: string;
+    /** Whether to hide the required indicator from the label. */
+    hideRequiredIndicator?: boolean;
+}
+declare const InputTagsOuter: ({ size, label, hint, tooltip, placeholder, isRequired, isDisabled, isInvalid, allowDuplicates, maxTags, value, defaultValue, onChange, onTagAdded, onTagRemoved, validate, className, hideRequiredIndicator, }: InputTagsOuterProps) => react.JSX.Element;
+
+export { InputTagsOuter, type InputTagsOuterProps };