@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/MInput-nodE-CZF.js

@@ -1,188 +0,0 @@
-import { Xi as e } from "./icons-CBMl-kOM.js";
-import { t } from "./cn-YER3QsV1.js";
-import { t as n } from "./useGhostText-DG0bzcao.js";
-import { t as r } from "./useInteractionEffect-DtpbVd77.js";
-import { r as i } from "./MButton-CEwo8lUB.js";
-import { n as ee } from "./frameworkTexts-DP5RUl19.js";
-import { forwardRef as a, useCallback as o, useRef as te, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/utils/useControllableString.ts
-function u(e) {
-	return e == null ? "" : e.toString();
-}
-function d(e, t) {
-	let [n, r] = s(() => u(t)), i = e !== void 0;
-	return {
-		isControlled: i,
-		currentValue: i ? u(e) : n,
-		setCurrentValue: o((e) => {
-			i || r(e);
-		}, [i])
-	};
-}
-//#endregion
-//#region src/components/inputs/MInput/MInput.tsx
-var f = a(function({ type: a = "text", value: u, defaultValue: f, name: p, id: m, placeholder: h, disabled: g = !1, readOnly: _ = !1, required: v = !1, autoFocus: y = !1, autoComplete: b, inputMode: x, variant: ne = "outlined", size: re = "md", color: S, fullWidth: ie = !1, rounded: C = !1, label: w, helperText: T, errorText: E, startIcon: D, endIcon: O, clearable: ae = !1, error: oe = !1, success: k = !1, maxLength: A, showCharCount: j = !1, onChange: M, onFocus: N, onBlur: P, onKeyDown: F, onClear: I, ghostOptions: L, ghostMinChars: se = 2, onGhostAccept: R, loading: z = !1, clickEffect: ce = "ripple", rippleColor: le, className: ue, style: B, inputClassName: V, labelClassName: de }, H) {
-	let fe = ee(), [U, W] = s(!1), G = te(null), { effectClassName: pe, effectLayer: me, handlePointerDown: he } = r({
-		effect: ce,
-		disabled: g || _,
-		color: le
-	}), { isControlled: ge, currentValue: K, setCurrentValue: q } = d(u, f), J = n({
-		options: L ?? [],
-		value: K,
-		minChars: se
-	}), Y = oe || !!E, _e = K.length > 0, X = Y ? "color-error" : S ? `color-${S}` : void 0, Z = o((e) => {
-		W(!0), N?.(e);
-	}, [N]), Q = o((e) => {
-		W(!1), P?.(e);
-	}, [P]), $ = o((e) => {
-		q(e.target.value), M?.(e), J.reset();
-	}, [
-		M,
-		q,
-		J.reset
-	]), ve = o((e) => {
-		if (L && J.hint && J.onKeyDown(e)) {
-			let e = J.accept();
-			q(e.value), R?.(e.value);
-			let t = H?.current ?? G.current;
-			t && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(t, e.value), t.dispatchEvent(new Event("input", { bubbles: !0 })));
-			return;
-		}
-		F?.(e);
-	}, [
-		L,
-		J,
-		q,
-		R,
-		F,
-		H
-	]), ye = o(() => {
-		q("");
-		let e = H?.current ?? G.current;
-		e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 }))), I?.(), e?.focus();
-	}, [
-		I,
-		H,
-		q
-	]), be = t("container", `field-${ne}`, `field-${re}`, U && "focused", Y && "input-error", k && !Y && "input-success", X, g && "disabled", C && "rounded", pe);
-	return /* @__PURE__ */ l("div", {
-		className: t("input", X, ie && "full-width", ue),
-		style: B,
-		children: [
-			w && /* @__PURE__ */ c("label", {
-				htmlFor: m,
-				className: t("field-label", U && "focused", Y && "error", k && !Y && "success", v && "required", de),
-				children: w
-			}),
-			/* @__PURE__ */ l("div", {
-				className: be,
-				onPointerDown: he,
-				children: [
-					me,
-					D && /* @__PURE__ */ c("span", {
-						className: "start-icon",
-						children: D
-					}),
-					L ? /* @__PURE__ */ l("div", {
-						className: "ghost-text-field",
-						children: [/* @__PURE__ */ c("input", {
-							ref: H ?? G,
-							type: a,
-							value: K,
-							name: p,
-							id: m,
-							placeholder: h,
-							disabled: g,
-							readOnly: _,
-							required: v,
-							autoFocus: y,
-							autoComplete: b ?? "off",
-							inputMode: x,
-							maxLength: A,
-							className: t("field", V),
-							onChange: $,
-							onFocus: Z,
-							onBlur: Q,
-							onKeyDown: ve,
-							"aria-invalid": Y || void 0,
-							"aria-describedby": E ? `${m}-error` : T ? `${m}-helper` : void 0
-						}), U && J.hint && /* @__PURE__ */ l("span", {
-							className: "ghost-text-overlay",
-							"aria-hidden": "true",
-							children: [/* @__PURE__ */ c("span", {
-								className: "ghost-text-typed",
-								children: K
-							}), /* @__PURE__ */ c("span", {
-								className: "ghost-text-hint",
-								children: J.hint
-							})]
-						})]
-					}) : /* @__PURE__ */ c("input", {
-						ref: H ?? G,
-						type: a,
-						value: K,
-						name: p,
-						id: m,
-						placeholder: h,
-						disabled: g,
-						readOnly: _,
-						required: v,
-						autoFocus: y,
-						autoComplete: b,
-						inputMode: x,
-						maxLength: A,
-						className: t("field", V),
-						onChange: $,
-						onFocus: Z,
-						onBlur: Q,
-						onKeyDown: F,
-						"aria-invalid": Y || void 0,
-						"aria-describedby": E ? `${m}-error` : T ? `${m}-helper` : void 0
-					}),
-					z && /* @__PURE__ */ c(i, {
-						size: "sm",
-						color: S
-					}),
-					ae && _e && !z && !g && /* @__PURE__ */ c("button", {
-						type: "button",
-						className: "clear-btn clear-btn-base",
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: ye,
-						tabIndex: -1,
-						"aria-label": fe.clearInput,
-						children: /* @__PURE__ */ c(e, {})
-					}),
-					O && !z && /* @__PURE__ */ c("span", {
-						className: "end-icon",
-						children: O
-					})
-				]
-			}),
-			(E || T || j) && /* @__PURE__ */ l("div", {
-				className: "bottom-row",
-				children: [/* @__PURE__ */ l("span", { children: [E && /* @__PURE__ */ c("span", {
-					id: m ? `${m}-error` : void 0,
-					className: "field-error",
-					role: "alert",
-					children: E
-				}), !E && T && /* @__PURE__ */ c("span", {
-					id: m ? `${m}-helper` : void 0,
-					className: "field-helper",
-					children: T
-				})] }), j && A && /* @__PURE__ */ l("span", {
-					className: t("char-count", K.length > A && "over"),
-					children: [
-						K.length,
-						"/",
-						A
-					]
-				})]
-			})
-		]
-	});
-});
-//#endregion
-export { d as n, f as t };
-
-//# sourceMappingURL=MInput-nodE-CZF.js.map

package/dist/MInput-nodE-CZF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInput-nodE-CZF.js","names":[],"sources":["../src/utils/useControllableString.ts","../src/components/inputs/MInput/MInput.tsx"],"sourcesContent":["import {useCallback, useState} from 'react'\n\ntype ControllableStringLike = string | number | readonly string[] | null | undefined\n\n// Normalize mixed input values so text-like controls always work with strings.\nfunction normalizeStringValue(value: ControllableStringLike) {\n    if (value === null || value === undefined) {\n        return ''\n    }\n\n    return value.toString()\n}\n\n// Share controlled and uncontrolled string state logic between text-like primitives.\nexport function useControllableString(value: ControllableStringLike, defaultValue?: ControllableStringLike) {\n    const [internalValue, setInternalValue] = useState(() => normalizeStringValue(defaultValue))\n    const isControlled = value !== undefined\n    const currentValue = isControlled ? normalizeStringValue(value) : internalValue\n\n    const setCurrentValue = useCallback(\n        (nextValue: string) => {\n            if (!isControlled) {\n                setInternalValue(nextValue)\n            }\n        },\n        [isControlled]\n    )\n\n    return {\n        isControlled,\n        currentValue,\n        setCurrentValue,\n    }\n}\n","import {forwardRef, useCallback, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MInputProps} from './MInput.types'\nimport {cn} from '../../../utils/cn'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {useGhostText} from '../../../utils/useGhostText'\nimport {MSpinner} from '../../feedback'\nimport {MCloseIcon} from '../../../icons'\nimport './MInput.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\n// Render the base text input used by all specialized input wrappers.\nexport const MInput = forwardRef<HTMLInputElement, MInputProps>(function MInput(\n    {\n        type = 'text',\n        value,\n        defaultValue,\n        name,\n        id,\n        placeholder,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        autoComplete,\n        inputMode,\n        variant = 'outlined',\n        size = 'md',\n        color,\n        fullWidth = false,\n        rounded = false,\n        label,\n        helperText,\n        errorText,\n        startIcon,\n        endIcon,\n        clearable = false,\n        error = false,\n        success = false,\n        maxLength,\n        showCharCount = false,\n        onChange,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        onClear,\n        ghostOptions,\n        ghostMinChars = 2,\n        onGhostAccept,\n        loading = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        inputClassName,\n        labelClassName,\n    },\n    ref\n) {\n    const texts = useMCommonTexts()\n    const [focused, setFocused] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect,\n        disabled: disabled || readOnly,\n        color: rippleColor,\n    })\n\n    const {isControlled, currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n    const ghost = useGhostText({\n        options: ghostOptions ?? [],\n        value: currentValue,\n        minChars: ghostMinChars,\n    })\n    const hasError = error || !!errorText\n    const hasContent = currentValue.length > 0\n    const resolvedColorClass = hasError ? 'color-error' : color ? `color-${color}` : undefined\n\n    // Mirror focus state so the wrapper can style the input consistently.\n    const handleFocus = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true)\n            onFocus?.(event)\n        },\n        [onFocus]\n    )\n\n    // Clear focus styles before delegating to the caller.\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false)\n            onBlur?.(event)\n        },\n        [onBlur]\n    )\n\n    // Keep uncontrolled usage working without blocking controlled integrations.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            setCurrentValue(event.target.value)\n            onChange?.(event)\n            ghost.reset()\n        },\n        [onChange, setCurrentValue, ghost.reset]\n    )\n\n    // Intercept keyboard events for ghost text acceptance before delegating.\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (ghostOptions && ghost.hint) {\n                const accepted = ghost.onKeyDown(event)\n                if (accepted) {\n                    const result = ghost.accept()\n                    setCurrentValue(result.value)\n                    onGhostAccept?.(result.value)\n                    // Fire synthetic change so controlled parents stay in sync.\n                    const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n                    if (input) {\n                        const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n                        nativeSet?.call(input, result.value)\n                        input.dispatchEvent(new Event('input', {bubbles: true}))\n                    }\n                    return\n                }\n            }\n            onKeyDown?.(event)\n        },\n        [ghostOptions, ghost, setCurrentValue, onGhostAccept, onKeyDown, ref]\n    )\n\n    // Reset the visible value while preserving focus for quick repeated input.\n    const handleClear = useCallback(() => {\n        setCurrentValue('')\n\n        const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n        if (input) {\n            const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n            nativeSet?.call(input, '')\n            input.dispatchEvent(new Event('input', {bubbles: true}))\n        }\n\n        onClear?.()\n        input?.focus()\n    }, [onClear, ref, setCurrentValue])\n\n    const containerClasses = cn(\n        'container',\n        `field-${variant}`,\n        `field-${size}`,\n        focused && 'focused',\n        hasError && 'input-error',\n        success && !hasError && 'input-success',\n        resolvedColorClass,\n        disabled && 'disabled',\n        rounded && 'rounded',\n        effectClassName\n    )\n\n    return (\n        <div className={cn('input', resolvedColorClass, fullWidth && 'full-width', className)} style={style}>\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'field-label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        success && !hasError && 'success',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div className={containerClasses} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                {startIcon && <span className=\"start-icon\">{startIcon}</span>}\n\n                {ghostOptions ? (\n                    <div className=\"ghost-text-field\">\n                        <input\n                            ref={ref ?? inputRef}\n                            type={type}\n                            value={currentValue}\n                            name={name}\n                            id={id}\n                            placeholder={placeholder}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            required={required}\n                            autoFocus={autoFocus}\n                            autoComplete={autoComplete ?? 'off'}\n                            inputMode={inputMode}\n                            maxLength={maxLength}\n                            className={cn('field', inputClassName)}\n                            onChange={handleChange}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleKeyDown}\n                            aria-invalid={hasError || undefined}\n                            aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                        />\n                        {focused && ghost.hint && (\n                            <span className=\"ghost-text-overlay\" aria-hidden=\"true\">\n                                <span className=\"ghost-text-typed\">{currentValue}</span>\n                                <span className=\"ghost-text-hint\">{ghost.hint}</span>\n                            </span>\n                        )}\n                    </div>\n                ) : (\n                    <input\n                        ref={ref ?? inputRef}\n                        type={type}\n                        value={currentValue}\n                        name={name}\n                        id={id}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        required={required}\n                        autoFocus={autoFocus}\n                        autoComplete={autoComplete}\n                        inputMode={inputMode}\n                        maxLength={maxLength}\n                        className={cn('field', inputClassName)}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        onKeyDown={onKeyDown}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                    />\n                )}\n\n                {loading && <MSpinner size=\"sm\" color={color} />}\n\n                {clearable && hasContent && !loading && !disabled && (\n                    <button\n                        type=\"button\"\n                        className=\"clear-btn clear-btn-base\"\n                        onMouseDown={(event) => event.preventDefault()}\n                        onClick={handleClear}\n                        tabIndex={-1}\n                        aria-label={texts.clearInput}\n                    >\n                        <MCloseIcon />\n                    </button>\n                )}\n\n                {endIcon && !loading && <span className=\"end-icon\">{endIcon}</span>}\n            </div>\n\n            {(errorText || helperText || showCharCount) && (\n                <div className=\"bottom-row\">\n                    <span>\n                        {errorText && (\n                            <span id={id ? `${id}-error` : undefined} className=\"field-error\" role=\"alert\">\n                                {errorText}\n                            </span>\n                        )}\n                        {!errorText && helperText && (\n                            <span id={id ? `${id}-helper` : undefined} className=\"field-helper\">\n                                {helperText}\n                            </span>\n                        )}\n                    </span>\n                    {showCharCount && maxLength && (\n                        <span className={cn('char-count', currentValue.length > maxLength && 'over')}>\n                            {currentValue.length}/{maxLength}\n                        </span>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n})\n"],"mappings":"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"}

package/dist/MInputCVC-9XWryaTz.cjs

@@ -1,2 +0,0 @@
-const e=require(`./icons-D3n9-919.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./frameworkTexts-BSXUtXOp.cjs`),r=require(`./MInput-BYj2BdUe.cjs`),i=require(`./MDropdownMenu-DnKcCyW6.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s={valid:!0};function c(e){return e.replace(/\D/g,``)}function l(e){return e?e.padStart(2,`0`).slice(0,2):``}function u(e,t){let n=l(e),r=t?.slice(0,4)??``;return!n&&!r?``:r?`${n}/${r}`:n}function d(e){let t=c(e).slice(0,6);return{month:t.slice(0,2),year:t.slice(2,6)}}function f(e,t){let n=new Date().getFullYear(),r=Math.max(e??n,n);return{resolvedMinYear:r,resolvedMaxYear:Math.max(t??n+20,r)}}function p(e,{minYear:t,maxYear:n}){if(!e)return s;let{month:r,year:i}=d(e);if(r.length!==2||i.length!==4)return{valid:!1,error:`Expiration date is incomplete`};let a=parseInt(r,10),o=parseInt(i,10),{resolvedMinYear:c,resolvedMaxYear:l}=f(t,n);if(Number.isNaN(a)||a<1||a>12)return{valid:!1,error:`Use a valid month`};if(Number.isNaN(o))return{valid:!1,error:`Use a valid year`};if(o<c)return{valid:!1,error:`Year must be ${c} or later`};if(o>l)return{valid:!1,error:`Year must be ${l} or earlier`};let u=new Date,p=u.getMonth()+1,m=u.getFullYear();return o<m||o===m&&a<p?{valid:!1,error:`Card has expired`}:s}var m=(0,a.forwardRef)(function({validateOnBlur:l=!0,validateOnChange:m=!1,minYear:h,maxYear:g,onValidationChange:_,onValueChange:v,value:ee,defaultValue:y,name:te,id:b,disabled:x=!1,readOnly:ne=!1,required:S=!1,autoFocus:re=!1,variant:ie=`outlined`,size:C=`md`,color:w,fullWidth:T=!1,rounded:ae=!1,label:E,helperText:D,errorText:oe,startIcon:O,endIcon:k,clearable:A=!1,error:j=!1,success:M,onChange:N,onFocus:P,onBlur:F,onClear:se,className:ce,style:le,labelClassName:ue},I){let de=n.n(),L=(0,a.useRef)(null),fe=(0,a.useRef)(null),{currentValue:R,setCurrentValue:z}=r.n(ee,y),[B,V]=(0,a.useState)(s),[H,pe]=(0,a.useState)(!1),[U,me]=(0,a.useState)(!1),[he,ge]=(0,a.useState)(!1),[_e,ve]=(0,a.useState)(!1),{month:W,year:G}=d(R),ye=!!(W||G),K=x||ne,{resolvedMinYear:q,resolvedMaxYear:be}=f(h,g),xe=(0,a.useMemo)(()=>Array.from({length:be-q+1},(e,t)=>q+t),[be,q]),J=(0,a.useCallback)(e=>{let t=p(e,{minYear:h,maxYear:g});return V(t),_?.(t),t},[g,h,_]),Y=(0,a.useCallback)(e=>{z(e),v?.(c(e),e);let t=I?.current??L.current;t&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(t,e),t.dispatchEvent(new Event(`input`,{bubbles:!0})))},[v,I,z]),X=(0,a.useCallback)((e,t)=>{let n=u(e,t);Y(n),m&&H&&J(n)},[J,Y,H,m]),Z=(0,a.useCallback)(()=>{(I?.current??L.current)?.focus()},[I]),Se=(0,a.useCallback)(e=>{if(U)return;me(!0);let t=I?.current??L.current;t&&e.target!==t&&P?.(e)},[U,P,I]),Ce=(0,a.useCallback)(e=>{let t=e.relatedTarget;t&&fe.current?.contains(t)||(me(!1),pe(!0),l&&R&&J(R),F?.(e))},[R,F,J,l]),we=(0,a.useCallback)(e=>{Z(),X(e,G)},[Z,X,G]),Te=(0,a.useCallback)(e=>{Z(),X(W,e)},[Z,W,X]),Ee=(0,a.useCallback)(()=>{Y(``),pe(!1),V(s),_?.(s),se?.(),Z()},[Z,se,_,Y]),Q=j||H&&!B.valid,$=oe||(H&&!B.valid?B.error:void 0),De=!Q&&(M===void 0?H&&B.valid&&!!(W&&G):M),Oe=Q?`color-error`:w?`color-${w}`:void 0,ke=t.t(`container`,`field-${ie}`,`field-${C}`,U&&`focused`,Q&&`input-error`,De&&!Q&&`input-success`,Oe,x&&`disabled`,ae&&`rounded`),Ae=W||`MM`,je=G||`YYYY`;return(0,o.jsxs)(`div`,{ref:fe,className:t.t(`input`,`input-exp-date`,Oe,T&&`full-width`,ce),style:le,onFocusCapture:Se,onBlurCapture:Ce,children:[E&&(0,o.jsx)(`label`,{htmlFor:b,className:t.t(`field-label`,U&&`focused`,Q&&`error`,De&&!Q&&`success`,S&&`required`,ue),children:E}),(0,o.jsxs)(`div`,{className:ke,onClick:Z,children:[O&&(0,o.jsx)(`span`,{className:`start-icon`,children:O}),(0,o.jsx)(`input`,{ref:I??L,type:`text`,value:R,name:te,id:b,readOnly:!0,required:S,autoFocus:re,className:`input-exp-date-native`,tabIndex:-1,"aria-hidden":`true`,onChange:N,onFocus:P,onBlur:F}),(0,o.jsxs)(`div`,{className:`input-exp-date-segments`,"aria-label":de.expirationDate,children:[K?(0,o.jsx)(`span`,{className:t.t(`input-exp-date-trigger`,!W&&`placeholder`,`static`),children:(0,o.jsx)(`span`,{children:Ae})}):(0,o.jsx)(i.i,{trigger:(0,o.jsxs)(`span`,{className:t.t(`input-exp-date-trigger`,he&&`open`,!W&&`placeholder`),onMouseDown:Z,children:[(0,o.jsx)(`span`,{children:Ae}),(0,o.jsx)(e.Ki,{size:16})]}),openOn:`click`,closeOnSelect:!0,onOpenChange:ge,popoverClassName:`input-exp-date-popover`,children:Array.from({length:12},(e,t)=>{let n=String(t+1).padStart(2,`0`);return(0,o.jsx)(i.r,{label:n,active:W===n,onClick:()=>we(n)},n)})}),(0,o.jsx)(`span`,{className:`input-exp-date-separator`,children:`/`}),K?(0,o.jsx)(`span`,{className:t.t(`input-exp-date-trigger`,!G&&`placeholder`,`static`),children:(0,o.jsx)(`span`,{children:je})}):(0,o.jsx)(i.i,{trigger:(0,o.jsxs)(`span`,{className:t.t(`input-exp-date-trigger`,_e&&`open`,!G&&`placeholder`),onMouseDown:Z,children:[(0,o.jsx)(`span`,{children:je}),(0,o.jsx)(e.Ki,{size:16})]}),openOn:`click`,closeOnSelect:!0,onOpenChange:ve,popoverClassName:`input-exp-date-popover`,children:xe.map(e=>(0,o.jsx)(i.r,{label:String(e),active:G===String(e),onClick:()=>Te(String(e))},e))})]}),A&&ye&&!K&&(0,o.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:e=>{e.stopPropagation(),Ee()},tabIndex:-1,"aria-label":de.clearInput,children:(0,o.jsx)(e.Xi,{})}),k&&(0,o.jsx)(`span`,{className:`end-icon`,children:k})]}),($||D)&&(0,o.jsx)(`div`,{className:`bottom-row`,children:(0,o.jsxs)(`span`,{children:[$&&(0,o.jsx)(`span`,{id:b?`${b}-error`:void 0,className:`field-error`,role:`alert`,children:$}),!$&&D&&(0,o.jsx)(`span`,{id:b?`${b}-helper`:void 0,className:`field-helper`,children:D})]})})]})}),h={valid:!0};function g(e){return e.replace(/\D/g,``)}function _(e,t){return e?g(e).length===t?h:{valid:!1,error:`Security code must have ${t} digits`}:h}var v=(0,a.forwardRef)(function({length:n=3,validateOnBlur:i=!0,validateOnChange:s=!1,onValidationChange:c,onValueChange:l,value:u,defaultValue:d,onChange:f,onBlur:p,onKeyDown:m,error:v,errorText:ee,success:y,placeholder:te,className:b,inputClassName:x,...ne},S){let[re,ie]=(0,a.useState)(()=>g(d?.toString()??``).slice(0,n)),[C,w]=(0,a.useState)(h),[T,ae]=(0,a.useState)(!1),E=u===void 0?re:g(u.toString()).slice(0,n),D=(0,a.useCallback)(e=>{let t=_(e,n);return w(t),c?.(t),t},[n,c]),oe=(0,a.useCallback)(e=>{let t=g(e.target.value).slice(0,n);u===void 0&&ie(t),l?.(t),s&&T&&D(t),f?.(e)},[n,f,l,D,T,s,u]),O=(0,a.useCallback)(e=>{ae(!0),i&&E&&D(E),p?.(e)},[E,p,D,i]),k=(0,a.useCallback)(e=>{if([`Backspace`,`Delete`,`Tab`,`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key)){m?.(e);return}if(e.ctrlKey||e.metaKey){m?.(e);return}/^\d$/.test(e.key)||e.preventDefault(),m?.(e)},[m]),A=v||T&&!C.valid,j=ee||(T&&!C.valid?C.error:void 0),M=!A&&(y===void 0?T&&E.length===n:y),N=M?(0,o.jsx)(e.Yi,{}):void 0;return(0,o.jsx)(r.t,{...ne,ref:S,type:`text`,inputMode:`numeric`,value:E,onChange:oe,onBlur:O,onKeyDown:k,error:A,errorText:j,success:M,placeholder:te??``.padEnd(n,`0`),maxLength:n,endIcon:N,inputClassName:t.t(`input-cvc-field`,x),className:b})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
-//# sourceMappingURL=MInputCVC-9XWryaTz.cjs.map

package/dist/MInputCVC-9XWryaTz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInputCVC-9XWryaTz.cjs","names":[],"sources":["../src/components/inputs/MInputExpDate/MInputExpDate.tsx","../src/components/inputs/MInputCVC/MInputCVC.tsx"],"sourcesContent":["import {forwardRef, useCallback, useMemo, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MInputExpDateProps} from './MInputExpDate.types'\nimport {cn} from '../../../utils/cn'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {MCloseIcon, MChevronDownIcon} from '../../../icons'\nimport {MDropdownItem, MDropdownMenu} from '../../overlays'\nimport '../MInput/MInput.css'\nimport './MInputExpDate.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nconst OK: ValidationResult = {valid: true}\n\nfunction stripDigits(value: string) {\n    return value.replace(/\\D/g, '')\n}\n\nfunction padMonth(value?: string) {\n    if (!value) {\n        return ''\n    }\n\n    return value.padStart(2, '0').slice(0, 2)\n}\n\nfunction formatValue(month?: string, year?: string) {\n    const resolvedMonth = padMonth(month)\n    const resolvedYear = year?.slice(0, 4) ?? ''\n\n    if (!resolvedMonth && !resolvedYear) {\n        return ''\n    }\n\n    if (!resolvedYear) {\n        return resolvedMonth\n    }\n\n    return `${resolvedMonth}/${resolvedYear}`\n}\n\nfunction parseValue(value: string) {\n    const digits = stripDigits(value).slice(0, 6)\n\n    return {\n        month: digits.slice(0, 2),\n        year: digits.slice(2, 6),\n    }\n}\n\nfunction resolveYearBounds(minYear?: number, maxYear?: number) {\n    const currentYear = new Date().getFullYear()\n    const resolvedMinYear = Math.max(minYear ?? currentYear, currentYear)\n    const resolvedMaxYear = Math.max(maxYear ?? currentYear + 20, resolvedMinYear)\n\n    return {\n        resolvedMinYear,\n        resolvedMaxYear,\n    }\n}\n\nfunction validateExpDate(\n    value: string,\n    {minYear, maxYear}: Pick<MInputExpDateProps, 'minYear' | 'maxYear'>\n): ValidationResult {\n    if (!value) {\n        return OK\n    }\n\n    const {month: monthValue, year: yearValue} = parseValue(value)\n\n    if (monthValue.length !== 2 || yearValue.length !== 4) {\n        return {valid: false, error: 'Expiration date is incomplete'}\n    }\n\n    const month = parseInt(monthValue, 10)\n    const year = parseInt(yearValue, 10)\n    const {resolvedMinYear, resolvedMaxYear} = resolveYearBounds(minYear, maxYear)\n\n    if (Number.isNaN(month) || month < 1 || month > 12) {\n        return {valid: false, error: 'Use a valid month'}\n    }\n\n    if (Number.isNaN(year)) {\n        return {valid: false, error: 'Use a valid year'}\n    }\n\n    if (year < resolvedMinYear) {\n        return {valid: false, error: `Year must be ${resolvedMinYear} or later`}\n    }\n\n    if (year > resolvedMaxYear) {\n        return {valid: false, error: `Year must be ${resolvedMaxYear} or earlier`}\n    }\n\n    const now = new Date()\n    const currentMonth = now.getMonth() + 1\n    const currentYear = now.getFullYear()\n\n    if (year < currentYear || (year === currentYear && month < currentMonth)) {\n        return {valid: false, error: 'Card has expired'}\n    }\n\n    return OK\n}\n\nexport const MInputExpDate = forwardRef<HTMLInputElement, MInputExpDateProps>(function MInputExpDate(\n    {\n        validateOnBlur = true,\n        validateOnChange = false,\n        minYear,\n        maxYear,\n        onValidationChange,\n        onValueChange,\n        value,\n        defaultValue,\n        name,\n        id,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        variant = 'outlined',\n        size = 'md',\n        color,\n        fullWidth = false,\n        rounded = false,\n        label,\n        helperText,\n        errorText,\n        startIcon,\n        endIcon,\n        clearable = false,\n        error = false,\n        success,\n        onChange,\n        onFocus,\n        onBlur,\n        onClear,\n        className,\n        style,\n        labelClassName,\n    },\n    ref\n) {\n    const texts = useMCommonTexts()\n    const inputRef = useRef<HTMLInputElement>(null)\n    const rootRef = useRef<HTMLDivElement>(null)\n    const {currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n    const [validation, setValidation] = useState<ValidationResult>(OK)\n    const [touched, setTouched] = useState(false)\n    const [focused, setFocused] = useState(false)\n    const [monthMenuOpen, setMonthMenuOpen] = useState(false)\n    const [yearMenuOpen, setYearMenuOpen] = useState(false)\n\n    const {month, year} = parseValue(currentValue)\n    const hasContent = Boolean(month || year)\n    const segmentDisabled = disabled || readOnly\n    const {resolvedMinYear, resolvedMaxYear} = resolveYearBounds(minYear, maxYear)\n    const yearOptions = useMemo(\n        () => Array.from({length: resolvedMaxYear - resolvedMinYear + 1}, (_, index) => resolvedMinYear + index),\n        [resolvedMaxYear, resolvedMinYear]\n    )\n\n    const runValidation = useCallback(\n        (formattedValue: string) => {\n            const result = validateExpDate(formattedValue, {minYear, maxYear})\n            setValidation(result)\n            onValidationChange?.(result)\n            return result\n        },\n        [maxYear, minYear, onValidationChange]\n    )\n\n    const syncValue = useCallback(\n        (formattedValue: string) => {\n            setCurrentValue(formattedValue)\n            onValueChange?.(stripDigits(formattedValue), formattedValue)\n\n            const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n            if (input) {\n                const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n                nativeSet?.call(input, formattedValue)\n                input.dispatchEvent(new Event('input', {bubbles: true}))\n            }\n        },\n        [onValueChange, ref, setCurrentValue]\n    )\n\n    const updateValue = useCallback(\n        (nextMonth?: string, nextYear?: string) => {\n            const formattedValue = formatValue(nextMonth, nextYear)\n            syncValue(formattedValue)\n\n            if (validateOnChange && touched) {\n                runValidation(formattedValue)\n            }\n        },\n        [runValidation, syncValue, touched, validateOnChange]\n    )\n\n    const focusHiddenInput = useCallback(() => {\n        const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n        input?.focus()\n    }, [ref])\n\n    const handleRootFocus = useCallback(\n        (event: React.FocusEvent<HTMLDivElement>) => {\n            if (focused) {\n                return\n            }\n\n            setFocused(true)\n            const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n            if (input && event.target !== input) {\n                onFocus?.(event as unknown as React.FocusEvent<HTMLInputElement>)\n            }\n        },\n        [focused, onFocus, ref]\n    )\n\n    const handleRootBlur = useCallback(\n        (event: React.FocusEvent<HTMLDivElement>) => {\n            const nextTarget = event.relatedTarget as Node | null\n\n            if (nextTarget && rootRef.current?.contains(nextTarget)) {\n                return\n            }\n\n            setFocused(false)\n            setTouched(true)\n\n            if (validateOnBlur && currentValue) {\n                runValidation(currentValue)\n            }\n\n            onBlur?.(event as unknown as React.FocusEvent<HTMLInputElement>)\n        },\n        [currentValue, onBlur, runValidation, validateOnBlur]\n    )\n\n    const handleSelectMonth = useCallback(\n        (nextMonth: string) => {\n            focusHiddenInput()\n            updateValue(nextMonth, year)\n        },\n        [focusHiddenInput, updateValue, year]\n    )\n\n    const handleSelectYear = useCallback(\n        (nextYear: string) => {\n            focusHiddenInput()\n            updateValue(month, nextYear)\n        },\n        [focusHiddenInput, month, updateValue]\n    )\n\n    const handleClear = useCallback(() => {\n        syncValue('')\n        setTouched(false)\n        setValidation(OK)\n        onValidationChange?.(OK)\n        onClear?.()\n        focusHiddenInput()\n    }, [focusHiddenInput, onClear, onValidationChange, syncValue])\n\n    const hasError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n    const isSuccess =\n        !hasError && (success !== undefined ? success : touched && validation.valid && Boolean(month && year))\n    const resolvedColorClass = hasError ? 'color-error' : color ? `color-${color}` : undefined\n\n    const containerClasses = cn(\n        'container',\n        `field-${variant}`,\n        `field-${size}`,\n        focused && 'focused',\n        hasError && 'input-error',\n        isSuccess && !hasError && 'input-success',\n        resolvedColorClass,\n        disabled && 'disabled',\n        rounded && 'rounded'\n    )\n\n    const monthLabel = month || 'MM'\n    const yearLabel = year || 'YYYY'\n\n    return (\n        <div\n            ref={rootRef}\n            className={cn('input', 'input-exp-date', resolvedColorClass, fullWidth && 'full-width', className)}\n            style={style}\n            onFocusCapture={handleRootFocus}\n            onBlurCapture={handleRootBlur}\n        >\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'field-label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        isSuccess && !hasError && 'success',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div className={containerClasses} onClick={focusHiddenInput}>\n                {startIcon && <span className=\"start-icon\">{startIcon}</span>}\n\n                <input\n                    ref={ref ?? inputRef}\n                    type=\"text\"\n                    value={currentValue}\n                    name={name}\n                    id={id}\n                    readOnly\n                    required={required}\n                    autoFocus={autoFocus}\n                    className=\"input-exp-date-native\"\n                    tabIndex={-1}\n                    aria-hidden=\"true\"\n                    onChange={onChange}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                />\n\n                <div className=\"input-exp-date-segments\" aria-label={texts.expirationDate}>\n                    {segmentDisabled ? (\n                        <span className={cn('input-exp-date-trigger', !month && 'placeholder', 'static')}>\n                            <span>{monthLabel}</span>\n                        </span>\n                    ) : (\n                        <MDropdownMenu\n                            trigger={\n                                <span\n                                    className={cn(\n                                        'input-exp-date-trigger',\n                                        monthMenuOpen && 'open',\n                                        !month && 'placeholder'\n                                    )}\n                                    onMouseDown={focusHiddenInput}\n                                >\n                                    <span>{monthLabel}</span>\n                                    <MChevronDownIcon size={16} />\n                                </span>\n                            }\n                            openOn=\"click\"\n                            closeOnSelect\n                            onOpenChange={setMonthMenuOpen}\n                            popoverClassName=\"input-exp-date-popover\"\n                        >\n                            {Array.from({length: 12}, (_, index) => {\n                                const option = String(index + 1).padStart(2, '0')\n\n                                return (\n                                    <MDropdownItem\n                                        key={option}\n                                        label={option}\n                                        active={month === option}\n                                        onClick={() => handleSelectMonth(option)}\n                                    />\n                                )\n                            })}\n                        </MDropdownMenu>\n                    )}\n\n                    <span className=\"input-exp-date-separator\">/</span>\n\n                    {segmentDisabled ? (\n                        <span className={cn('input-exp-date-trigger', !year && 'placeholder', 'static')}>\n                            <span>{yearLabel}</span>\n                        </span>\n                    ) : (\n                        <MDropdownMenu\n                            trigger={\n                                <span\n                                    className={cn(\n                                        'input-exp-date-trigger',\n                                        yearMenuOpen && 'open',\n                                        !year && 'placeholder'\n                                    )}\n                                    onMouseDown={focusHiddenInput}\n                                >\n                                    <span>{yearLabel}</span>\n                                    <MChevronDownIcon size={16} />\n                                </span>\n                            }\n                            openOn=\"click\"\n                            closeOnSelect\n                            onOpenChange={setYearMenuOpen}\n                            popoverClassName=\"input-exp-date-popover\"\n                        >\n                            {yearOptions.map((option) => (\n                                <MDropdownItem\n                                    key={option}\n                                    label={String(option)}\n                                    active={year === String(option)}\n                                    onClick={() => handleSelectYear(String(option))}\n                                />\n                            ))}\n                        </MDropdownMenu>\n                    )}\n                </div>\n\n                {clearable && hasContent && !segmentDisabled && (\n                    <button\n                        type=\"button\"\n                        className=\"clear-btn clear-btn-base\"\n                        onClick={(event) => {\n                            event.stopPropagation()\n                            handleClear()\n                        }}\n                        tabIndex={-1}\n                        aria-label={texts.clearInput}\n                    >\n                        <MCloseIcon />\n                    </button>\n                )}\n\n                {endIcon && <span className=\"end-icon\">{endIcon}</span>}\n            </div>\n\n            {(resolvedErrorText || helperText) && (\n                <div className=\"bottom-row\">\n                    <span>\n                        {resolvedErrorText && (\n                            <span id={id ? `${id}-error` : undefined} className=\"field-error\" role=\"alert\">\n                                {resolvedErrorText}\n                            </span>\n                        )}\n                        {!resolvedErrorText && helperText && (\n                            <span id={id ? `${id}-helper` : undefined} className=\"field-helper\">\n                                {helperText}\n                            </span>\n                        )}\n                    </span>\n                </div>\n            )}\n        </div>\n    )\n})\n","import {forwardRef, useCallback, useState} from 'react'\nimport type * as React from 'react'\nimport type {MInputCVCProps} from './MInputCVC.types'\nimport {MInput} from '../MInput'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {MCheckIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MInputCVC.css'\n\nconst OK: ValidationResult = {valid: true}\n\nfunction stripDigits(value: string) {\n    return value.replace(/\\D/g, '')\n}\n\nfunction validateCvc(value: string, length: 3 | 4): ValidationResult {\n    if (!value) {\n        return OK\n    }\n\n    const digits = stripDigits(value)\n\n    if (digits.length !== length) {\n        return {valid: false, error: `Security code must have ${length} digits`}\n    }\n\n    return OK\n}\n\nexport const MInputCVC = forwardRef<HTMLInputElement, MInputCVCProps>(function MInputCVC(\n    {\n        length = 3,\n        validateOnBlur = true,\n        validateOnChange = false,\n        onValidationChange,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        onKeyDown,\n        error,\n        errorText,\n        success,\n        placeholder,\n        className,\n        inputClassName,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(() =>\n        stripDigits(defaultValue?.toString() ?? '').slice(0, length)\n    )\n    const [validation, setValidation] = useState<ValidationResult>(OK)\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? stripDigits(value.toString()).slice(0, length) : internalValue\n\n    const runValidation = useCallback(\n        (nextValue: string) => {\n            const result = validateCvc(nextValue, length)\n            setValidation(result)\n            onValidationChange?.(result)\n            return result\n        },\n        [length, onValidationChange]\n    )\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const nextValue = stripDigits(event.target.value).slice(0, length)\n\n            if (value === undefined) {\n                setInternalValue(nextValue)\n            }\n\n            onValueChange?.(nextValue)\n\n            if (validateOnChange && touched) {\n                runValidation(nextValue)\n            }\n\n            onChange?.(event)\n        },\n        [length, onChange, onValueChange, runValidation, touched, validateOnChange, value]\n    )\n\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n\n            if (validateOnBlur && currentValue) {\n                runValidation(currentValue)\n            }\n\n            onBlur?.(event)\n        },\n        [currentValue, onBlur, runValidation, validateOnBlur]\n    )\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (['Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {\n                onKeyDown?.(event)\n                return\n            }\n\n            if (event.ctrlKey || event.metaKey) {\n                onKeyDown?.(event)\n                return\n            }\n\n            if (!/^\\d$/.test(event.key)) {\n                event.preventDefault()\n            }\n\n            onKeyDown?.(event)\n        },\n        [onKeyDown]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n    const isSuccess = !isError && (success !== undefined ? success : touched && currentValue.length === length)\n    const endIcon = isSuccess ? <MCheckIcon /> : undefined\n\n    return (\n        <MInput\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            inputMode=\"numeric\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            error={isError}\n            errorText={resolvedErrorText}\n            success={isSuccess}\n            placeholder={placeholder ?? ''.padEnd(length, '0')}\n            maxLength={length}\n            endIcon={endIcon}\n            inputClassName={cn('input-cvc-field', inputClassName)}\n            className={className}\n        />\n    )\n})\n"],"mappings":"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"}

package/dist/MInputCVC-CrDTaUXm.js

@@ -1,321 +0,0 @@
-import { Ki as e, Xi as t, Yi as n } from "./icons-CBMl-kOM.js";
-import { t as r } from "./cn-YER3QsV1.js";
-import { n as i } from "./frameworkTexts-DP5RUl19.js";
-import { n as a, t as o } from "./MInput-nodE-CZF.js";
-import { i as s, r as c } from "./MDropdownMenu-DxbKN7Ui.js";
-import { forwardRef as l, useCallback as u, useMemo as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/inputs/MInputExpDate/MInputExpDate.tsx
-var g = { valid: !0 };
-function _(e) {
-	return e.replace(/\D/g, "");
-}
-function v(e) {
-	return e ? e.padStart(2, "0").slice(0, 2) : "";
-}
-function ee(e, t) {
-	let n = v(e), r = t?.slice(0, 4) ?? "";
-	return !n && !r ? "" : r ? `${n}/${r}` : n;
-}
-function y(e) {
-	let t = _(e).slice(0, 6);
-	return {
-		month: t.slice(0, 2),
-		year: t.slice(2, 6)
-	};
-}
-function b(e, t) {
-	let n = (/* @__PURE__ */ new Date()).getFullYear(), r = Math.max(e ?? n, n);
-	return {
-		resolvedMinYear: r,
-		resolvedMaxYear: Math.max(t ?? n + 20, r)
-	};
-}
-function te(e, { minYear: t, maxYear: n }) {
-	if (!e) return g;
-	let { month: r, year: i } = y(e);
-	if (r.length !== 2 || i.length !== 4) return {
-		valid: !1,
-		error: "Expiration date is incomplete"
-	};
-	let a = parseInt(r, 10), o = parseInt(i, 10), { resolvedMinYear: s, resolvedMaxYear: c } = b(t, n);
-	if (Number.isNaN(a) || a < 1 || a > 12) return {
-		valid: !1,
-		error: "Use a valid month"
-	};
-	if (Number.isNaN(o)) return {
-		valid: !1,
-		error: "Use a valid year"
-	};
-	if (o < s) return {
-		valid: !1,
-		error: `Year must be ${s} or later`
-	};
-	if (o > c) return {
-		valid: !1,
-		error: `Year must be ${c} or earlier`
-	};
-	let l = /* @__PURE__ */ new Date(), u = l.getMonth() + 1, d = l.getFullYear();
-	return o < d || o === d && a < u ? {
-		valid: !1,
-		error: "Card has expired"
-	} : g;
-}
-var x = l(function({ validateOnBlur: n = !0, validateOnChange: o = !1, minYear: l, maxYear: v, onValidationChange: x, onValueChange: S, value: C, defaultValue: ne, name: w, id: T, disabled: E = !1, readOnly: re = !1, required: D = !1, autoFocus: ie = !1, variant: O = "outlined", size: k = "md", color: A, fullWidth: ae = !1, rounded: oe = !1, label: j, helperText: M, errorText: N, startIcon: P, endIcon: se, clearable: ce = !1, error: le = !1, success: ue, onChange: de, onFocus: F, onBlur: I, onClear: L, className: fe, style: pe, labelClassName: me }, R) {
-	let he = i(), z = f(null), ge = f(null), { currentValue: B, setCurrentValue: _e } = a(C, ne), [V, ve] = p(g), [H, ye] = p(!1), [U, be] = p(!1), [xe, Se] = p(!1), [Ce, we] = p(!1), { month: W, year: G } = y(B), Te = !!(W || G), K = E || re, { resolvedMinYear: q, resolvedMaxYear: Ee } = b(l, v), De = d(() => Array.from({ length: Ee - q + 1 }, (e, t) => q + t), [Ee, q]), J = u((e) => {
-		let t = te(e, {
-			minYear: l,
-			maxYear: v
-		});
-		return ve(t), x?.(t), t;
-	}, [
-		v,
-		l,
-		x
-	]), Y = u((e) => {
-		_e(e), S?.(_(e), e);
-		let t = R?.current ?? z.current;
-		t && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(t, e), t.dispatchEvent(new Event("input", { bubbles: !0 })));
-	}, [
-		S,
-		R,
-		_e
-	]), X = u((e, t) => {
-		let n = ee(e, t);
-		Y(n), o && H && J(n);
-	}, [
-		J,
-		Y,
-		H,
-		o
-	]), Z = u(() => {
-		(R?.current ?? z.current)?.focus();
-	}, [R]), Oe = u((e) => {
-		if (U) return;
-		be(!0);
-		let t = R?.current ?? z.current;
-		t && e.target !== t && F?.(e);
-	}, [
-		U,
-		F,
-		R
-	]), ke = u((e) => {
-		let t = e.relatedTarget;
-		t && ge.current?.contains(t) || (be(!1), ye(!0), n && B && J(B), I?.(e));
-	}, [
-		B,
-		I,
-		J,
-		n
-	]), Ae = u((e) => {
-		Z(), X(e, G);
-	}, [
-		Z,
-		X,
-		G
-	]), je = u((e) => {
-		Z(), X(W, e);
-	}, [
-		Z,
-		W,
-		X
-	]), Me = u(() => {
-		Y(""), ye(!1), ve(g), x?.(g), L?.(), Z();
-	}, [
-		Z,
-		L,
-		x,
-		Y
-	]), Q = le || H && !V.valid, $ = N || (H && !V.valid ? V.error : void 0), Ne = !Q && (ue === void 0 ? H && V.valid && !!(W && G) : ue), Pe = Q ? "color-error" : A ? `color-${A}` : void 0, Fe = r("container", `field-${O}`, `field-${k}`, U && "focused", Q && "input-error", Ne && !Q && "input-success", Pe, E && "disabled", oe && "rounded"), Ie = W || "MM", Le = G || "YYYY";
-	return /* @__PURE__ */ h("div", {
-		ref: ge,
-		className: r("input", "input-exp-date", Pe, ae && "full-width", fe),
-		style: pe,
-		onFocusCapture: Oe,
-		onBlurCapture: ke,
-		children: [
-			j && /* @__PURE__ */ m("label", {
-				htmlFor: T,
-				className: r("field-label", U && "focused", Q && "error", Ne && !Q && "success", D && "required", me),
-				children: j
-			}),
-			/* @__PURE__ */ h("div", {
-				className: Fe,
-				onClick: Z,
-				children: [
-					P && /* @__PURE__ */ m("span", {
-						className: "start-icon",
-						children: P
-					}),
-					/* @__PURE__ */ m("input", {
-						ref: R ?? z,
-						type: "text",
-						value: B,
-						name: w,
-						id: T,
-						readOnly: !0,
-						required: D,
-						autoFocus: ie,
-						className: "input-exp-date-native",
-						tabIndex: -1,
-						"aria-hidden": "true",
-						onChange: de,
-						onFocus: F,
-						onBlur: I
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "input-exp-date-segments",
-						"aria-label": he.expirationDate,
-						children: [
-							K ? /* @__PURE__ */ m("span", {
-								className: r("input-exp-date-trigger", !W && "placeholder", "static"),
-								children: /* @__PURE__ */ m("span", { children: Ie })
-							}) : /* @__PURE__ */ m(s, {
-								trigger: /* @__PURE__ */ h("span", {
-									className: r("input-exp-date-trigger", xe && "open", !W && "placeholder"),
-									onMouseDown: Z,
-									children: [/* @__PURE__ */ m("span", { children: Ie }), /* @__PURE__ */ m(e, { size: 16 })]
-								}),
-								openOn: "click",
-								closeOnSelect: !0,
-								onOpenChange: Se,
-								popoverClassName: "input-exp-date-popover",
-								children: Array.from({ length: 12 }, (e, t) => {
-									let n = String(t + 1).padStart(2, "0");
-									return /* @__PURE__ */ m(c, {
-										label: n,
-										active: W === n,
-										onClick: () => Ae(n)
-									}, n);
-								})
-							}),
-							/* @__PURE__ */ m("span", {
-								className: "input-exp-date-separator",
-								children: "/"
-							}),
-							K ? /* @__PURE__ */ m("span", {
-								className: r("input-exp-date-trigger", !G && "placeholder", "static"),
-								children: /* @__PURE__ */ m("span", { children: Le })
-							}) : /* @__PURE__ */ m(s, {
-								trigger: /* @__PURE__ */ h("span", {
-									className: r("input-exp-date-trigger", Ce && "open", !G && "placeholder"),
-									onMouseDown: Z,
-									children: [/* @__PURE__ */ m("span", { children: Le }), /* @__PURE__ */ m(e, { size: 16 })]
-								}),
-								openOn: "click",
-								closeOnSelect: !0,
-								onOpenChange: we,
-								popoverClassName: "input-exp-date-popover",
-								children: De.map((e) => /* @__PURE__ */ m(c, {
-									label: String(e),
-									active: G === String(e),
-									onClick: () => je(String(e))
-								}, e))
-							})
-						]
-					}),
-					ce && Te && !K && /* @__PURE__ */ m("button", {
-						type: "button",
-						className: "clear-btn clear-btn-base",
-						onClick: (e) => {
-							e.stopPropagation(), Me();
-						},
-						tabIndex: -1,
-						"aria-label": he.clearInput,
-						children: /* @__PURE__ */ m(t, {})
-					}),
-					se && /* @__PURE__ */ m("span", {
-						className: "end-icon",
-						children: se
-					})
-				]
-			}),
-			($ || M) && /* @__PURE__ */ m("div", {
-				className: "bottom-row",
-				children: /* @__PURE__ */ h("span", { children: [$ && /* @__PURE__ */ m("span", {
-					id: T ? `${T}-error` : void 0,
-					className: "field-error",
-					role: "alert",
-					children: $
-				}), !$ && M && /* @__PURE__ */ m("span", {
-					id: T ? `${T}-helper` : void 0,
-					className: "field-helper",
-					children: M
-				})] })
-			})
-		]
-	});
-}), S = { valid: !0 };
-function C(e) {
-	return e.replace(/\D/g, "");
-}
-function ne(e, t) {
-	return e ? C(e).length === t ? S : {
-		valid: !1,
-		error: `Security code must have ${t} digits`
-	} : S;
-}
-var w = l(function({ length: e = 3, validateOnBlur: t = !0, validateOnChange: i = !1, onValidationChange: a, onValueChange: s, value: c, defaultValue: l, onChange: d, onBlur: f, onKeyDown: h, error: g, errorText: _, success: v, placeholder: ee, className: y, inputClassName: b, ...te }, x) {
-	let [w, T] = p(() => C(l?.toString() ?? "").slice(0, e)), [E, re] = p(S), [D, ie] = p(!1), O = c === void 0 ? w : C(c.toString()).slice(0, e), k = u((t) => {
-		let n = ne(t, e);
-		return re(n), a?.(n), n;
-	}, [e, a]), A = u((t) => {
-		let n = C(t.target.value).slice(0, e);
-		c === void 0 && T(n), s?.(n), i && D && k(n), d?.(t);
-	}, [
-		e,
-		d,
-		s,
-		k,
-		D,
-		i,
-		c
-	]), ae = u((e) => {
-		ie(!0), t && O && k(O), f?.(e);
-	}, [
-		O,
-		f,
-		k,
-		t
-	]), oe = u((e) => {
-		if ([
-			"Backspace",
-			"Delete",
-			"Tab",
-			"ArrowLeft",
-			"ArrowRight",
-			"Home",
-			"End"
-		].includes(e.key)) {
-			h?.(e);
-			return;
-		}
-		if (e.ctrlKey || e.metaKey) {
-			h?.(e);
-			return;
-		}
-		/^\d$/.test(e.key) || e.preventDefault(), h?.(e);
-	}, [h]), j = g || D && !E.valid, M = _ || (D && !E.valid ? E.error : void 0), N = !j && (v === void 0 ? D && O.length === e : v), P = N ? /* @__PURE__ */ m(n, {}) : void 0;
-	return /* @__PURE__ */ m(o, {
-		...te,
-		ref: x,
-		type: "text",
-		inputMode: "numeric",
-		value: O,
-		onChange: A,
-		onBlur: ae,
-		onKeyDown: oe,
-		error: j,
-		errorText: M,
-		success: N,
-		placeholder: ee ?? "".padEnd(e, "0"),
-		maxLength: e,
-		endIcon: P,
-		inputClassName: r("input-cvc-field", b),
-		className: y
-	});
-});
-//#endregion
-export { x as n, w as t };
-
-//# sourceMappingURL=MInputCVC-CrDTaUXm.js.map