@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/MInput-QnQV9L8U.js

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

package/dist/MInput-QnQV9L8U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInput-QnQV9L8U.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, useId, 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: idProp,\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        inputProps,\n    },\n    ref\n) {\n    const texts = useMCommonTexts()\n    // Fall back to a generated id so `label[for]` and `aria-describedby` always resolve.\n    const generatedId = useId()\n    const id = idProp ?? generatedId\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                            {...inputProps}\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                        {...inputProps}\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 && !readOnly && (\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-CCNRAqHw.cjs

@@ -0,0 +1,2 @@
+const e=require(`./frameworkTexts-CaqdiKHW.cjs`),t=require(`./icons-Bp8bB9TP.cjs`),n=require(`./cn-DYFxgzi2.cjs`),r=require(`./useGhostText-DO-tfxS0.cjs`),i=require(`./MPopover-ZeoU9hb5.cjs`),a=require(`./MInput-BeEGufZG.cjs`);/* empty css                          */require(`./core-w629c4ND.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);var c={valid:!0};function l(e){return e.replace(/\D/g,``)}function u(e){return e?e.padStart(2,`0`).slice(0,2):``}function d(e,t){let n=u(e),r=t?.slice(0,4)??``;return!n&&!r?``:r?`${n}/${r}`:n}function f(e){let t=e.indexOf(`/`);if(t>=0)return{month:l(e.slice(0,t)).slice(0,2),year:l(e.slice(t+1)).slice(0,4)};let n=l(e).slice(0,6);return{month:n.slice(0,2),year:n.slice(2,6)}}function p(e,t){let n=new Date().getFullYear(),r=Math.max(e??n,n);return{resolvedMinYear:r,resolvedMaxYear:Math.max(t??n+20,r)}}function m(e,{minYear:t,maxYear:n}){if(!e)return c;let{month:r,year:i}=f(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:l}=p(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>l)return{valid:!1,error:`Year must be ${l} or earlier`};let u=new Date,d=u.getMonth()+1,m=u.getFullYear();return o<m||o===m&&a<d?{valid:!1,error:`Card has expired`}:c}var h=Array.from({length:12},(e,t)=>String(t+1).padStart(2,`0`));function g({options:e,value:a,placeholder:c,name:l,onSelect:u,triggerRef:d,listRef:f}){let[p,m]=(0,o.useState)(!1),h=(0,o.useId)(),g=`${h}-listbox`,_=`${h}-name`,v=`${h}-value`,y=e.indexOf(a),b=e=>{u(e),d.current?.focus(),m(!1)},x=r.n({itemCount:e.length,onSelect:t=>b(e[t]),onClose:()=>m(!1),isOpen:p,mode:`roving`,selectOnSpace:!0,loop:!1,getItemLabel:t=>e[t]}),S=e=>{x.setActiveIndex(e),m(!0)};return(0,s.jsxs)(`div`,{className:`dropdown menu anchor`,children:[(0,s.jsx)(`div`,{ref:d,className:`dropdown menu trigger`,role:`button`,tabIndex:0,"aria-haspopup":`listbox`,"aria-expanded":p,"aria-controls":p?g:void 0,"aria-labelledby":`${_} ${v}`,onClick:()=>{if(p){m(!1);return}S(y>=0?y:0)},onKeyDown:t=>{p||(t.key===`ArrowDown`||t.key===`Enter`||t.key===` `?(t.preventDefault(),S(y>=0?y:0)):t.key===`ArrowUp`&&(t.preventDefault(),S(y>=0?y:e.length-1)))},onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:(0,s.jsxs)(`span`,{className:n.t(`input-exp-date-trigger`,p&&`open`,!a&&`placeholder`),children:[(0,s.jsx)(`span`,{id:_,className:`input-exp-date-sr-only`,children:l}),(0,s.jsx)(`span`,{id:v,children:a||c}),(0,s.jsx)(t.Ki,{size:16,"aria-hidden":`true`})]})}),(0,s.jsx)(i.t,{open:p,anchorRef:d,onClose:()=>m(!1),placement:`bottom-start`,className:`dropdown menu popover input-exp-date-popover`,role:null,initialFocus:`first`,closeOnTabOut:!0,children:(0,s.jsx)(`div`,{ref:f,id:g,className:`dropdown menu list`,role:`listbox`,"aria-labelledby":_,tabIndex:-1,onKeyDown:x.onKeyDown,children:e.map((e,t)=>{let r=x.getItemProps(t),i=e===a;return(0,s.jsx)(`button`,{type:`button`,id:r.id,ref:r.ref,tabIndex:r.tabIndex,onFocus:r.onFocus,role:`option`,"aria-selected":i,className:n.t(`dropdown menu item`,t===x.activeIndex&&`active`,i&&`selected`),onMouseEnter:()=>{f.current?.contains(document.activeElement)?x.focusItem(t):x.setActiveIndex(t)},onClick:()=>b(e),children:(0,s.jsx)(`span`,{className:`dropdown menu label`,children:e})},e)})})})]})}var _=(0,o.forwardRef)(function({validateOnBlur:r=!0,validateOnChange:i=!1,minYear:u,maxYear:_,onValidationChange:v,onValueChange:y,value:b,defaultValue:x,name:S,id:C,disabled:w=!1,readOnly:ee=!1,required:T=!1,autoFocus:te=!1,variant:E=`outlined`,size:ne=`md`,color:D,fullWidth:re=!1,rounded:O=!1,label:k,helperText:A,errorText:ie,startIcon:j,endIcon:M,clearable:ae=!1,error:N=!1,success:P,onChange:oe,onFocus:F,onBlur:I,onClear:se,className:ce,style:le,labelClassName:ue},L){let de=e.s(),R=e.p(),z=(0,o.useRef)(null),fe=(0,o.useRef)(null),{currentValue:B,setCurrentValue:pe}=a.n(b,x),[V,me]=(0,o.useState)(c),[H,he]=(0,o.useState)(!1),[U,ge]=(0,o.useState)(!1),_e=(0,o.useRef)(null),ve=(0,o.useRef)(null),ye=(0,o.useRef)(null),be=(0,o.useRef)(null),xe=`${(0,o.useId)()}-label`,{month:W,year:G}=f(B),Se=!!(W||G),K=w||ee,{resolvedMinYear:q,resolvedMaxYear:Ce}=p(u,_),we=(0,o.useMemo)(()=>Array.from({length:Ce-q+1},(e,t)=>String(q+t)),[Ce,q]),J=(0,o.useCallback)(e=>{let t=m(e,{minYear:u,maxYear:_});return me(t),v?.(t),t},[_,u,v]),Y=(0,o.useCallback)(e=>{pe(e),y?.(l(e),e);let t=L?.current??z.current;t&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(t,e),t.dispatchEvent(new Event(`input`,{bubbles:!0})))},[y,L,pe]),X=(0,o.useCallback)((e,t)=>{let n=d(e,t);Y(n),i&&H&&J(n)},[J,Y,H,i]),Z=(0,o.useCallback)(()=>{(_e.current??L?.current??z.current)?.focus()},[L]),Te=(0,o.useCallback)(e=>{if(U)return;ge(!0);let t=L?.current??z.current;t&&e.target!==t&&F?.(e)},[U,F,L]),Ee=(0,o.useCallback)(e=>{let t=e.relatedTarget;t&&(fe.current?.contains(t)||ye.current?.contains(t)||be.current?.contains(t))||(ge(!1),he(!0),r&&B&&J(B),I?.(e))},[B,I,J,r]),De=(0,o.useCallback)(e=>{X(e,G)},[X,G]),Oe=(0,o.useCallback)(e=>{X(W,e)},[W,X]),ke=(0,o.useCallback)(e=>{let t=e.target;e.currentTarget.contains(t)&&(t instanceof Element&&t.closest(`.dropdown.menu.anchor`)||Z())},[Z]),Ae=(0,o.useCallback)(()=>{Y(``),he(!1),me(c),v?.(c),se?.(),Z()},[Z,se,v,Y]),Q=N||H&&!V.valid,$=ie||(H&&!V.valid?V.error:void 0),je=!Q&&(P===void 0?H&&V.valid&&!!(W&&G):P),Me=Q?`color-error`:D?`color-${D}`:void 0,Ne=n.t(`container`,`field-${E}`,`field-${ne}`,U&&`focused`,Q&&`input-error`,je&&!Q&&`input-success`,Me,w&&`disabled`,O&&`rounded`),Pe=W||R.expMonthPlaceholder,Fe=G||R.expYearPlaceholder;return(0,s.jsxs)(`div`,{ref:fe,className:n.t(`input`,`input-exp-date`,Me,re&&`full-width`,ce),style:le,onFocusCapture:Te,onBlurCapture:Ee,children:[k&&(0,s.jsx)(`label`,{id:xe,htmlFor:C,className:n.t(`field-label`,U&&`focused`,Q&&`error`,je&&!Q&&`success`,T&&`required`,ue),children:k}),(0,s.jsxs)(`div`,{className:Ne,onClick:ke,children:[j&&(0,s.jsx)(`span`,{className:`start-icon`,children:j}),(0,s.jsx)(`input`,{ref:L??z,type:`text`,value:B,name:S,id:C,readOnly:!0,required:T,autoFocus:te,className:`input-exp-date-native`,tabIndex:-1,"aria-hidden":`true`,onChange:oe,onFocus:F,onBlur:I}),(0,s.jsxs)(`div`,{className:`input-exp-date-segments`,role:`group`,"aria-label":k?void 0:de.expirationDate,"aria-labelledby":k?xe:void 0,children:[K?(0,s.jsx)(`span`,{className:n.t(`input-exp-date-trigger`,!W&&`placeholder`,`static`),children:(0,s.jsx)(`span`,{children:Pe})}):(0,s.jsx)(g,{options:h,value:W,placeholder:R.expMonthPlaceholder,name:R.expMonth,onSelect:De,triggerRef:_e,listRef:ye}),(0,s.jsx)(`span`,{className:`input-exp-date-separator`,"aria-hidden":`true`,children:`/`}),K?(0,s.jsx)(`span`,{className:n.t(`input-exp-date-trigger`,!G&&`placeholder`,`static`),children:(0,s.jsx)(`span`,{children:Fe})}):(0,s.jsx)(g,{options:we,value:G,placeholder:R.expYearPlaceholder,name:R.expYear,onSelect:Oe,triggerRef:ve,listRef:be})]}),ae&&Se&&!K&&(0,s.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:e=>{e.stopPropagation(),Ae()},tabIndex:-1,"aria-label":de.clearInput,children:(0,s.jsx)(t.Xi,{})}),M&&(0,s.jsx)(`span`,{className:`end-icon`,children:M})]}),($||A)&&(0,s.jsx)(`div`,{className:`bottom-row`,children:(0,s.jsxs)(`span`,{children:[$&&(0,s.jsx)(`span`,{id:C?`${C}-error`:void 0,className:`field-error`,role:`alert`,children:$}),!$&&A&&(0,s.jsx)(`span`,{id:C?`${C}-helper`:void 0,className:`field-helper`,children:A})]})})]})}),v={valid:!0};function y(e){return e.replace(/\D/g,``)}function b(e,t){return e?y(e).length===t?v:{valid:!1,error:`Security code must have ${t} digits`}:v}var x=(0,o.forwardRef)(function({length:e=3,validateOnBlur:r=!0,validateOnChange:i=!1,onValidationChange:c,onValueChange:l,value:u,defaultValue:d,onChange:f,onBlur:p,onKeyDown:m,error:h,errorText:g,success:_,placeholder:x,className:S,inputClassName:C,...w},ee){let[T,te]=(0,o.useState)(()=>y(d?.toString()??``).slice(0,e)),[E,ne]=(0,o.useState)(v),[D,re]=(0,o.useState)(!1),O=u===void 0?T:y(u.toString()).slice(0,e),k=(0,o.useCallback)(t=>{let n=b(t,e);return ne(n),c?.(n),n},[e,c]),A=(0,o.useCallback)(t=>{let n=y(t.target.value).slice(0,e);u===void 0&&te(n),l?.(n),i&&D&&k(n),f?.(t)},[e,f,l,k,D,i,u]),ie=(0,o.useCallback)(e=>{re(!0),r&&O&&k(O),p?.(e)},[O,p,k,r]),j=(0,o.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]),M=h||D&&!E.valid,ae=g||(D&&!E.valid?E.error:void 0),N=!M&&(_===void 0?D&&O.length===e:_),P=N?(0,s.jsx)(t.Yi,{}):void 0;return(0,s.jsx)(a.t,{...w,ref:ee,type:`text`,inputMode:`numeric`,value:O,onChange:A,onBlur:ie,onKeyDown:j,error:M,errorText:ae,success:N,placeholder:x??``.padEnd(e,`0`),maxLength:e,endIcon:P,inputClassName:n.t(`input-cvc-field`,C),className:S})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=MInputCVC-CCNRAqHw.cjs.map

package/dist/MInputCVC-CCNRAqHw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInputCVC-CCNRAqHw.cjs","names":[],"sources":["../src/components/inputs/MInputExpDate/MInputExpDate.tsx","../src/components/inputs/MInputCVC/MInputCVC.tsx"],"sourcesContent":["import {forwardRef, useCallback, useId, 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 {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport '../MInput/MInput.css'\nimport '../../overlays/MDropdownMenu/MDropdownMenu.css'\nimport './MInputExpDate.css'\nimport {useMCommonTexts, useMInputTexts} 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    // `MM/YYYY`, `/YYYY` (year only) or `MM/` — the slash tells the segments apart,\n    // so a year picked alone is not read back as month `20` + year `27`.\n    const slash = value.indexOf('/')\n    if (slash >= 0) {\n        return {\n            month: stripDigits(value.slice(0, slash)).slice(0, 2),\n            year: stripDigits(value.slice(slash + 1)).slice(0, 4),\n        }\n    }\n\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\nconst MONTH_OPTIONS = Array.from({length: 12}, (_, index) => String(index + 1).padStart(2, '0'))\n\ninterface ExpDateSegmentProps {\n    options: string[]\n    value: string\n    placeholder: string\n    /** Accessible name of the picker (\"Month\" / \"Year\"). */\n    name: string\n    onSelect: (value: string) => void\n    triggerRef: React.RefObject<HTMLDivElement | null>\n    listRef: React.RefObject<HTMLDivElement | null>\n}\n\n/**\n * One segment (month or year) of the expiry date: a button that opens an APG single-select\n * listbox. The markup keeps the original `dropdown menu *` classes so the look does not change.\n */\nfunction ExpDateSegment({options, value, placeholder, name, onSelect, triggerRef, listRef}: ExpDateSegmentProps) {\n    const [open, setOpen] = useState(false)\n    const baseId = useId()\n    const listId = `${baseId}-listbox`\n    const nameId = `${baseId}-name`\n    const valueId = `${baseId}-value`\n    const selectedIndex = options.indexOf(value)\n\n    const choose = (option: string) => {\n        onSelect(option)\n        triggerRef.current?.focus()\n        setOpen(false)\n    }\n\n    const nav = useKeyboardNav({\n        itemCount: options.length,\n        onSelect: (index) => choose(options[index]),\n        onClose: () => setOpen(false),\n        isOpen: open,\n        mode: 'roving',\n        selectOnSpace: true,\n        loop: false,\n        getItemLabel: (index) => options[index],\n    })\n\n    const openList = (index: number) => {\n        nav.setActiveIndex(index)\n        setOpen(true)\n    }\n\n    const handleTriggerClick = () => {\n        if (open) {\n            setOpen(false)\n            return\n        }\n        openList(selectedIndex >= 0 ? selectedIndex : 0)\n    }\n\n    const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (open) return\n        if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault()\n            openList(selectedIndex >= 0 ? selectedIndex : 0)\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault()\n            openList(selectedIndex >= 0 ? selectedIndex : options.length - 1)\n        }\n    }\n\n    return (\n        <div className=\"dropdown menu anchor\">\n            <div\n                ref={triggerRef}\n                className=\"dropdown menu trigger\"\n                role=\"button\"\n                tabIndex={0}\n                aria-haspopup=\"listbox\"\n                aria-expanded={open}\n                aria-controls={open ? listId : undefined}\n                aria-labelledby={`${nameId} ${valueId}`}\n                onClick={handleTriggerClick}\n                onKeyDown={handleTriggerKeyDown}\n                onKeyUp={(event) => {\n                    // Firefox activates on Space keyup even when keydown was prevented.\n                    if (event.key === ' ') event.preventDefault()\n                }}\n            >\n                <span className={cn('input-exp-date-trigger', open && 'open', !value && 'placeholder')}>\n                    <span id={nameId} className=\"input-exp-date-sr-only\">\n                        {name}\n                    </span>\n                    <span id={valueId}>{value || placeholder}</span>\n                    <MChevronDownIcon size={16} aria-hidden=\"true\" />\n                </span>\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={triggerRef}\n                onClose={() => setOpen(false)}\n                placement=\"bottom-start\"\n                className=\"dropdown menu popover input-exp-date-popover\"\n                role={null}\n                initialFocus=\"first\"\n                closeOnTabOut\n            >\n                <div\n                    ref={listRef}\n                    id={listId}\n                    className=\"dropdown menu list\"\n                    role=\"listbox\"\n                    aria-labelledby={nameId}\n                    tabIndex={-1}\n                    onKeyDown={nav.onKeyDown}\n                >\n                    {options.map((option, index) => {\n                        const itemProps = nav.getItemProps(index)\n                        const selected = option === value\n                        return (\n                            <button\n                                key={option}\n                                type=\"button\"\n                                id={itemProps.id}\n                                ref={itemProps.ref}\n                                tabIndex={itemProps.tabIndex}\n                                onFocus={itemProps.onFocus}\n                                role=\"option\"\n                                aria-selected={selected}\n                                className={cn(\n                                    'dropdown menu item',\n                                    index === nav.activeIndex && 'active',\n                                    selected && 'selected'\n                                )}\n                                onMouseEnter={() => {\n                                    // Follow the pointer with real focus only while focus is already in the list.\n                                    if (listRef.current?.contains(document.activeElement)) nav.focusItem(index)\n                                    else nav.setActiveIndex(index)\n                                }}\n                                onClick={() => choose(option)}\n                            >\n                                <span className=\"dropdown menu label\">{option}</span>\n                            </button>\n                        )\n                    })}\n                </div>\n            </MPopover>\n        </div>\n    )\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 inputTexts = useMInputTexts()\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 monthTriggerRef = useRef<HTMLDivElement>(null)\n    const yearTriggerRef = useRef<HTMLDivElement>(null)\n    const monthListRef = useRef<HTMLDivElement>(null)\n    const yearListRef = useRef<HTMLDivElement>(null)\n    const labelId = `${useId()}-label`\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        () =>\n            Array.from({length: resolvedMaxYear - resolvedMinYear + 1}, (_, index) => String(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    // Keyboard focus lands on the month picker; the native input is aria-hidden and only a form carrier.\n    const focusField = useCallback(() => {\n        const target =\n            monthTriggerRef.current ?? (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n        target?.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            // The listboxes render in a portal, so moving into them is still \"inside\" the field.\n            if (\n                nextTarget &&\n                (rootRef.current?.contains(nextTarget) ||\n                    monthListRef.current?.contains(nextTarget) ||\n                    yearListRef.current?.contains(nextTarget))\n            ) {\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            updateValue(nextMonth, year)\n        },\n        [updateValue, year]\n    )\n\n    const handleSelectYear = useCallback(\n        (nextYear: string) => {\n            updateValue(month, nextYear)\n        },\n        [month, updateValue]\n    )\n\n    // A click on the empty part of the field focuses it; clicks on the pickers (including their\n    // portalled listboxes, whose React events bubble here) are handled by the pickers themselves.\n    const handleContainerClick = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const target = event.target as Node\n            if (!event.currentTarget.contains(target)) return\n            if (target instanceof Element && target.closest('.dropdown.menu.anchor')) return\n            focusField()\n        },\n        [focusField]\n    )\n\n    const handleClear = useCallback(() => {\n        syncValue('')\n        setTouched(false)\n        setValidation(OK)\n        onValidationChange?.(OK)\n        onClear?.()\n        focusField()\n    }, [focusField, 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 || inputTexts.expMonthPlaceholder\n    const yearLabel = year || inputTexts.expYearPlaceholder\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                    id={labelId}\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={handleContainerClick}>\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\n                    className=\"input-exp-date-segments\"\n                    role=\"group\"\n                    aria-label={label ? undefined : texts.expirationDate}\n                    aria-labelledby={label ? labelId : undefined}\n                >\n                    {segmentDisabled ? (\n                        <span className={cn('input-exp-date-trigger', !month && 'placeholder', 'static')}>\n                            <span>{monthLabel}</span>\n                        </span>\n                    ) : (\n                        <ExpDateSegment\n                            options={MONTH_OPTIONS}\n                            value={month}\n                            placeholder={inputTexts.expMonthPlaceholder}\n                            name={inputTexts.expMonth}\n                            onSelect={handleSelectMonth}\n                            triggerRef={monthTriggerRef}\n                            listRef={monthListRef}\n                        />\n                    )}\n\n                    <span className=\"input-exp-date-separator\" aria-hidden=\"true\">\n                        /\n                    </span>\n\n                    {segmentDisabled ? (\n                        <span className={cn('input-exp-date-trigger', !year && 'placeholder', 'static')}>\n                            <span>{yearLabel}</span>\n                        </span>\n                    ) : (\n                        <ExpDateSegment\n                            options={yearOptions}\n                            value={year}\n                            placeholder={inputTexts.expYearPlaceholder}\n                            name={inputTexts.expYear}\n                            onSelect={handleSelectYear}\n                            triggerRef={yearTriggerRef}\n                            listRef={yearListRef}\n                        />\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":"gWAcA,IAAM,EAAuB,CAAC,MAAO,GAAK,CAE1C,SAAS,EAAY,EAAe,CAChC,OAAO,EAAM,QAAQ,MAAO,GAAG,CAGnC,SAAS,EAAS,EAAgB,CAK9B,OAJK,EAIE,EAAM,SAAS,EAAG,IAAI,CAAC,MAAM,EAAG,EAAE,CAH9B,GAMf,SAAS,EAAY,EAAgB,EAAe,CAChD,IAAM,EAAgB,EAAS,EAAM,CAC/B,EAAe,GAAM,MAAM,EAAG,EAAE,EAAI,GAU1C,MARI,CAAC,GAAiB,CAAC,EACZ,GAGN,EAIE,GAAG,EAAc,GAAG,IAHhB,EAMf,SAAS,EAAW,EAAe,CAG/B,IAAM,EAAQ,EAAM,QAAQ,IAAI,CAChC,GAAI,GAAS,EACT,MAAO,CACH,MAAO,EAAY,EAAM,MAAM,EAAG,EAAM,CAAC,CAAC,MAAM,EAAG,EAAE,CACrD,KAAM,EAAY,EAAM,MAAM,EAAQ,EAAE,CAAC,CAAC,MAAM,EAAG,EAAE,CACxD,CAGL,IAAM,EAAS,EAAY,EAAM,CAAC,MAAM,EAAG,EAAE,CAE7C,MAAO,CACH,MAAO,EAAO,MAAM,EAAG,EAAE,CACzB,KAAM,EAAO,MAAM,EAAG,EAAE,CAC3B,CAGL,SAAS,EAAkB,EAAkB,EAAkB,CAC3D,IAAM,EAAc,IAAI,MAAM,CAAC,aAAa,CACtC,EAAkB,KAAK,IAAI,GAAW,EAAa,EAAY,CAGrE,MAAO,CACH,kBACA,gBAJoB,KAAK,IAAI,GAAW,EAAc,GAAI,EAAgB,CAK7E,CAGL,SAAS,EACL,EACA,CAAC,UAAS,WACM,CAChB,GAAI,CAAC,EACD,OAAO,EAGX,GAAM,CAAC,MAAO,EAAY,KAAM,GAAa,EAAW,EAAM,CAE9D,GAAI,EAAW,SAAW,GAAK,EAAU,SAAW,EAChD,MAAO,CAAC,MAAO,GAAO,MAAO,gCAAgC,CAGjE,IAAM,EAAQ,SAAS,EAAY,GAAG,CAChC,EAAO,SAAS,EAAW,GAAG,CAC9B,CAAC,kBAAiB,mBAAmB,EAAkB,EAAS,EAAQ,CAE9E,GAAI,OAAO,MAAM,EAAM,EAAI,EAAQ,GAAK,EAAQ,GAC5C,MAAO,CAAC,MAAO,GAAO,MAAO,oBAAoB,CAGrD,GAAI,OAAO,MAAM,EAAK,CAClB,MAAO,CAAC,MAAO,GAAO,MAAO,mBAAmB,CAGpD,GAAI,EAAO,EACP,MAAO,CAAC,MAAO,GAAO,MAAO,gBAAgB,EAAgB,WAAW,CAG5E,GAAI,EAAO,EACP,MAAO,CAAC,MAAO,GAAO,MAAO,gBAAgB,EAAgB,aAAa,CAG9E,IAAM,EAAM,IAAI,KACV,EAAe,EAAI,UAAU,CAAG,EAChC,EAAc,EAAI,aAAa,CAMrC,OAJI,EAAO,GAAgB,IAAS,GAAe,EAAQ,EAChD,CAAC,MAAO,GAAO,MAAO,mBAAmB,CAG7C,EAGX,IAAM,EAAgB,MAAM,KAAK,CAAC,OAAQ,GAAG,EAAG,EAAG,IAAU,OAAO,EAAQ,EAAE,CAAC,SAAS,EAAG,IAAI,CAAC,CAiBhG,SAAS,EAAe,CAAC,UAAS,QAAO,cAAa,OAAM,WAAU,aAAY,WAA+B,CAC7G,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,GAAM,CACjC,GAAA,EAAA,EAAA,QAAgB,CAChB,EAAS,GAAG,EAAO,UACnB,EAAS,GAAG,EAAO,OACnB,EAAU,GAAG,EAAO,QACpB,EAAgB,EAAQ,QAAQ,EAAM,CAEtC,EAAU,GAAmB,CAC/B,EAAS,EAAO,CAChB,EAAW,SAAS,OAAO,CAC3B,EAAQ,GAAM,EAGZ,EAAM,EAAA,EAAe,CACvB,UAAW,EAAQ,OACnB,SAAW,GAAU,EAAO,EAAQ,GAAO,CAC3C,YAAe,EAAQ,GAAM,CAC7B,OAAQ,EACR,KAAM,SACN,cAAe,GACf,KAAM,GACN,aAAe,GAAU,EAAQ,GACpC,CAAC,CAEI,EAAY,GAAkB,CAChC,EAAI,eAAe,EAAM,CACzB,EAAQ,GAAK,EAsBjB,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gCAAf,EACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAU,wBACV,KAAK,SACL,SAAU,EACV,gBAAc,UACd,gBAAe,EACf,gBAAe,EAAO,EAAS,IAAA,GAC/B,kBAAiB,GAAG,EAAO,GAAG,IAC9B,YA9BqB,CAC7B,GAAI,EAAM,CACN,EAAQ,GAAM,CACd,OAEJ,EAAS,GAAiB,EAAI,EAAgB,EAAE,EA0BxC,UAvBkB,GAA+C,CACrE,IACA,EAAM,MAAQ,aAAe,EAAM,MAAQ,SAAW,EAAM,MAAQ,KACpE,EAAM,gBAAgB,CACtB,EAAS,GAAiB,EAAI,EAAgB,EAAE,EACzC,EAAM,MAAQ,YACrB,EAAM,gBAAgB,CACtB,EAAS,GAAiB,EAAI,EAAgB,EAAQ,OAAS,EAAE,IAiB7D,QAAU,GAAU,CAEZ,EAAM,MAAQ,KAAK,EAAM,gBAAgB,YAGjD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,EAAG,yBAA0B,GAAQ,OAAQ,CAAC,GAAS,cAAc,UAAtF,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,EAAQ,UAAU,kCACvB,EACE,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,WAAU,GAAS,EAAmB,CAAA,EAChD,EAAA,EAAA,KAAC,EAAA,GAAD,CAAkB,KAAM,GAAI,cAAY,OAAS,CAAA,CAC9C,GACL,CAAA,EACN,EAAA,EAAA,KAAC,EAAA,EAAD,CACU,OACN,UAAW,EACX,YAAe,EAAQ,GAAM,CAC7B,UAAU,eACV,UAAU,+CACV,KAAM,KACN,aAAa,QACb,cAAA,aAEA,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,GAAI,EACJ,UAAU,qBACV,KAAK,UACL,kBAAiB,EACjB,SAAU,GACV,UAAW,EAAI,mBAEd,EAAQ,KAAK,EAAQ,IAAU,CAC5B,IAAM,EAAY,EAAI,aAAa,EAAM,CACnC,EAAW,IAAW,EAC5B,OACI,EAAA,EAAA,KAAC,SAAD,CAEI,KAAK,SACL,GAAI,EAAU,GACd,IAAK,EAAU,IACf,SAAU,EAAU,SACpB,QAAS,EAAU,QACnB,KAAK,SACL,gBAAe,EACf,UAAW,EAAA,EACP,qBACA,IAAU,EAAI,aAAe,SAC7B,GAAY,WACf,CACD,iBAAoB,CAEZ,EAAQ,SAAS,SAAS,SAAS,cAAc,CAAE,EAAI,UAAU,EAAM,CACtE,EAAI,eAAe,EAAM,EAElC,YAAe,EAAO,EAAO,WAE7B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+BAAuB,EAAc,CAAA,CAChD,CArBA,EAqBA,EAEf,CACA,CAAA,CACC,CAAA,CACT,GAId,IAAa,GAAA,EAAA,EAAA,YAAiE,SAC1E,CACI,iBAAiB,GACjB,mBAAmB,GACnB,UACA,UACA,qBACA,gBACA,QACA,eACA,OACA,KACA,WAAW,GACX,YAAW,GACX,WAAW,GACX,aAAY,GACZ,UAAU,WACV,QAAO,KACP,QACA,aAAY,GACZ,UAAU,GACV,QACA,aACA,aACA,YACA,UACA,aAAY,GACZ,QAAQ,GACR,UACA,YACA,UACA,SACA,WACA,aACA,SACA,mBAEJ,EACF,CACE,IAAM,GAAQ,EAAA,GAAiB,CACzB,EAAa,EAAA,GAAgB,CAC7B,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,IAAA,EAAA,EAAA,QAAiC,KAAK,CACtC,CAAC,eAAc,oBAAmB,EAAA,EAAsB,EAAO,EAAa,CAC5E,CAAC,EAAY,KAAA,EAAA,EAAA,UAA4C,EAAG,CAC5D,CAAC,EAAS,KAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAS,KAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,IAAA,EAAA,EAAA,QAAyC,KAAK,CAC9C,IAAA,EAAA,EAAA,QAAwC,KAAK,CAC7C,IAAA,EAAA,EAAA,QAAsC,KAAK,CAC3C,IAAA,EAAA,EAAA,QAAqC,KAAK,CAC1C,GAAU,IAAA,EAAA,EAAA,QAAU,CAAC,QAErB,CAAC,QAAO,QAAQ,EAAW,EAAa,CACxC,GAAa,GAAQ,GAAS,GAC9B,EAAkB,GAAY,GAC9B,CAAC,kBAAiB,oBAAmB,EAAkB,EAAS,EAAQ,CACxE,IAAA,EAAA,EAAA,aAEE,MAAM,KAAK,CAAC,OAAQ,GAAkB,EAAkB,EAAE,EAAG,EAAG,IAAU,OAAO,EAAkB,EAAM,CAAC,CAC9G,CAAC,GAAiB,EAAgB,CACrC,CAEK,GAAA,EAAA,EAAA,aACD,GAA2B,CACxB,IAAM,EAAS,EAAgB,EAAgB,CAAC,UAAS,UAAQ,CAAC,CAGlE,OAFA,GAAc,EAAO,CACrB,IAAqB,EAAO,CACrB,GAEX,CAAC,EAAS,EAAS,EAAmB,CACzC,CAEK,GAAA,EAAA,EAAA,aACD,GAA2B,CACxB,GAAgB,EAAe,CAC/B,IAAgB,EAAY,EAAe,CAAE,EAAe,CAE5D,IAAM,EAAS,GAA2C,SAAW,EAAS,QAC1E,KACkB,OAAO,yBAAyB,iBAAiB,UAAW,QAAQ,EAAE,MAC7E,KAAK,EAAO,EAAe,CACtC,EAAM,cAAc,IAAI,MAAM,QAAS,CAAC,QAAS,GAAK,CAAC,CAAC,GAGhE,CAAC,EAAe,EAAK,GAAgB,CACxC,CAEK,GAAA,EAAA,EAAA,cACD,EAAoB,IAAsB,CACvC,IAAM,EAAiB,EAAY,EAAW,EAAS,CACvD,EAAU,EAAe,CAErB,GAAoB,GACpB,EAAc,EAAe,EAGrC,CAAC,EAAe,EAAW,EAAS,EAAiB,CACxD,CAGK,GAAA,EAAA,EAAA,iBAA+B,EAE7B,GAAgB,SAAY,GAA2C,SAAW,EAAS,UACvF,OAAO,EAChB,CAAC,EAAI,CAAC,CAEH,IAAA,EAAA,EAAA,aACD,GAA4C,CACzC,GAAI,EACA,OAGJ,GAAW,GAAK,CAChB,IAAM,EAAS,GAA2C,SAAW,EAAS,QAC1E,GAAS,EAAM,SAAW,GAC1B,IAAU,EAAuD,EAGzE,CAAC,EAAS,EAAS,EAAI,CAC1B,CAEK,IAAA,EAAA,EAAA,aACD,GAA4C,CACzC,IAAM,EAAa,EAAM,cAIrB,IACC,GAAQ,SAAS,SAAS,EAAW,EAClC,GAAa,SAAS,SAAS,EAAW,EAC1C,GAAY,SAAS,SAAS,EAAW,IAKjD,GAAW,GAAM,CACjB,GAAW,GAAK,CAEZ,GAAkB,GAClB,EAAc,EAAa,CAG/B,IAAS,EAAuD,GAEpE,CAAC,EAAc,EAAQ,EAAe,EAAe,CACxD,CAEK,IAAA,EAAA,EAAA,aACD,GAAsB,CACnB,EAAY,EAAW,EAAK,EAEhC,CAAC,EAAa,EAAK,CACtB,CAEK,IAAA,EAAA,EAAA,aACD,GAAqB,CAClB,EAAY,EAAO,EAAS,EAEhC,CAAC,EAAO,EAAY,CACvB,CAIK,IAAA,EAAA,EAAA,aACD,GAA4C,CACzC,IAAM,EAAS,EAAM,OAChB,EAAM,cAAc,SAAS,EAAO,GACrC,aAAkB,SAAW,EAAO,QAAQ,wBAAwB,EACxE,GAAY,GAEhB,CAAC,EAAW,CACf,CAEK,IAAA,EAAA,EAAA,iBAAgC,CAClC,EAAU,GAAG,CACb,GAAW,GAAM,CACjB,GAAc,EAAG,CACjB,IAAqB,EAAG,CACxB,MAAW,CACX,GAAY,EACb,CAAC,EAAY,GAAS,EAAoB,EAAU,CAAC,CAElD,EAAW,GAAU,GAAW,CAAC,EAAW,MAC5C,EAAoB,KAAc,GAAW,CAAC,EAAW,MAAQ,EAAW,MAAQ,IAAA,IACpF,GACF,CAAC,IAAa,IAAY,IAAA,GAAsB,GAAW,EAAW,OAAS,GAAQ,GAAS,GAA1D,GACpC,GAAqB,EAAW,cAAgB,EAAQ,SAAS,IAAU,IAAA,GAE3E,GAAmB,EAAA,EACrB,YACA,SAAS,IACT,SAAS,KACT,GAAW,UACX,GAAY,cACZ,IAAa,CAAC,GAAY,gBAC1B,GACA,GAAY,WACZ,GAAW,UACd,CAEK,GAAa,GAAS,EAAW,oBACjC,GAAY,GAAQ,EAAW,mBAErC,OACI,EAAA,EAAA,MAAC,MAAD,CACI,IAAK,GACL,UAAW,EAAA,EAAG,QAAS,iBAAkB,GAAoB,IAAa,aAAc,GAAU,CAC3F,SACP,eAAgB,GAChB,cAAe,YALnB,CAOK,IACG,EAAA,EAAA,KAAC,QAAD,CACI,GAAI,GACJ,QAAS,EACT,UAAW,EAAA,EACP,cACA,GAAW,UACX,GAAY,QACZ,IAAa,CAAC,GAAY,UAC1B,GAAY,WACZ,GACH,UAEA,EACG,CAAA,EAGZ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,GAAkB,QAAS,YAA3C,CACK,IAAa,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAiB,CAAA,EAE7D,EAAA,EAAA,KAAC,QAAD,CACI,IAAK,GAAO,EACZ,KAAK,OACL,MAAO,EACD,OACF,KACJ,SAAA,GACU,WACC,aACX,UAAU,wBACV,SAAU,GACV,cAAY,OACF,YACD,UACD,SACV,CAAA,EAEF,EAAA,EAAA,MAAC,MAAD,CACI,UAAU,0BACV,KAAK,QACL,aAAY,EAAQ,IAAA,GAAY,GAAM,eACtC,kBAAiB,EAAQ,GAAU,IAAA,YAJvC,CAMK,GACG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,yBAA0B,CAAC,GAAS,cAAe,SAAS,WAC5E,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,GAAkB,CAAA,CACtB,CAAA,EAEP,EAAA,EAAA,KAAC,EAAD,CACI,QAAS,EACT,MAAO,EACP,YAAa,EAAW,oBACxB,KAAM,EAAW,SACjB,SAAU,GACV,WAAY,GACZ,QAAS,GACX,CAAA,EAGN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2BAA2B,cAAY,gBAAO,IAEvD,CAAA,CAEN,GACG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,yBAA0B,CAAC,GAAQ,cAAe,SAAS,WAC3E,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,GAAiB,CAAA,CACrB,CAAA,EAEP,EAAA,EAAA,KAAC,EAAD,CACI,QAAS,GACT,MAAO,EACP,YAAa,EAAW,mBACxB,KAAM,EAAW,QACjB,SAAU,GACV,WAAY,GACZ,QAAS,GACX,CAAA,CAEJ,GAEL,IAAa,IAAc,CAAC,IACzB,EAAA,EAAA,KAAC,SAAD,CACI,KAAK,SACL,UAAU,2BACV,QAAU,GAAU,CAChB,EAAM,iBAAiB,CACvB,IAAa,EAEjB,SAAU,GACV,aAAY,GAAM,qBAElB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAc,CAAA,CACT,CAAA,CAGZ,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAe,CAAA,CACrD,IAEJ,GAAqB,KACnB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBACX,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CACK,IACG,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,EAAK,GAAG,EAAG,QAAU,IAAA,GAAW,UAAU,cAAc,KAAK,iBAClE,EACE,CAAA,CAEV,CAAC,GAAqB,IACnB,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,EAAK,GAAG,EAAG,SAAW,IAAA,GAAW,UAAU,wBAChD,EACE,CAAA,CAER,CAAA,CAAA,CACL,CAAA,CAER,IAEZ,CCvkBI,EAAuB,CAAC,MAAO,GAAK,CAE1C,SAAS,EAAY,EAAe,CAChC,OAAO,EAAM,QAAQ,MAAO,GAAG,CAGnC,SAAS,EAAY,EAAe,EAAiC,CAWjE,OAVK,EAIU,EAAY,EAAM,CAEtB,SAAW,EAIf,EAHI,CAAC,MAAO,GAAO,MAAO,2BAA2B,EAAO,SAAS,CANjE,EAYf,IAAa,GAAA,EAAA,EAAA,YAAyD,SAClE,CACI,SAAS,EACT,iBAAiB,GACjB,mBAAmB,GACnB,qBACA,gBACA,QACA,eACA,WACA,SACA,YACA,QACA,YACA,UACA,cACA,YACA,iBACA,GAAG,GAEP,GACF,CACE,GAAM,CAAC,EAAe,KAAA,EAAA,EAAA,cAClB,EAAY,GAAc,UAAU,EAAI,GAAG,CAAC,MAAM,EAAG,EAAO,CAC/D,CACK,CAAC,EAAY,KAAA,EAAA,EAAA,UAA4C,EAAG,CAC5D,CAAC,EAAS,KAAA,EAAA,EAAA,UAAuB,GAAM,CAEvC,EAAe,IAAU,IAAA,GAA6D,EAAjD,EAAY,EAAM,UAAU,CAAC,CAAC,MAAM,EAAG,EAAO,CAEnF,GAAA,EAAA,EAAA,aACD,GAAsB,CACnB,IAAM,EAAS,EAAY,EAAW,EAAO,CAG7C,OAFA,GAAc,EAAO,CACrB,IAAqB,EAAO,CACrB,GAEX,CAAC,EAAQ,EAAmB,CAC/B,CAEK,GAAA,EAAA,EAAA,aACD,GAA+C,CAC5C,IAAM,EAAY,EAAY,EAAM,OAAO,MAAM,CAAC,MAAM,EAAG,EAAO,CAE9D,IAAU,IAAA,IACV,GAAiB,EAAU,CAG/B,IAAgB,EAAU,CAEtB,GAAoB,GACpB,EAAc,EAAU,CAG5B,IAAW,EAAM,EAErB,CAAC,EAAQ,EAAU,EAAe,EAAe,EAAS,EAAkB,EAAM,CACrF,CAEK,IAAA,EAAA,EAAA,aACD,GAA8C,CAC3C,GAAW,GAAK,CAEZ,GAAkB,GAClB,EAAc,EAAa,CAG/B,IAAS,EAAM,EAEnB,CAAC,EAAc,EAAQ,EAAe,EAAe,CACxD,CAEK,GAAA,EAAA,EAAA,aACD,GAAiD,CAC9C,GAAI,CAAC,YAAa,SAAU,MAAO,YAAa,aAAc,OAAQ,MAAM,CAAC,SAAS,EAAM,IAAI,CAAE,CAC9F,IAAY,EAAM,CAClB,OAGJ,GAAI,EAAM,SAAW,EAAM,QAAS,CAChC,IAAY,EAAM,CAClB,OAGC,OAAO,KAAK,EAAM,IAAI,EACvB,EAAM,gBAAgB,CAG1B,IAAY,EAAM,EAEtB,CAAC,EAAU,CACd,CAEK,EAAU,GAAU,GAAW,CAAC,EAAW,MAC3C,GAAoB,IAAc,GAAW,CAAC,EAAW,MAAQ,EAAW,MAAQ,IAAA,IACpF,EAAY,CAAC,IAAY,IAAY,IAAA,GAAsB,GAAW,EAAa,SAAW,EAA7C,GACjD,EAAU,GAAY,EAAA,EAAA,KAAC,EAAA,GAAD,EAAc,CAAA,CAAG,IAAA,GAE7C,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,GAAI,EACC,OACL,KAAK,OACL,UAAU,UACV,MAAO,EACP,SAAU,EACV,OAAQ,GACR,UAAW,EACX,MAAO,EACP,UAAW,GACX,QAAS,EACT,YAAa,GAAe,GAAG,OAAO,EAAQ,IAAI,CAClD,UAAW,EACF,UACT,eAAgB,EAAA,EAAG,kBAAmB,EAAe,CAC1C,YACb,CAAA,EAER"}