@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/MInputCVC-Blv5PeyS.js

@@ -1,320 +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, t as a } from "./MInput-C8ObGzQk.js";
-import { i as o, r as s } from "./MDropdownMenu-C4CuKMRZ.js";
-import { forwardRef as c, useCallback as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/inputs/MInputExpDate/MInputExpDate.tsx
-var h = { valid: !0 };
-function g(e) {
-	return e.replace(/\D/g, "");
-}
-function _(e) {
-	return e ? e.padStart(2, "0").slice(0, 2) : "";
-}
-function v(e, t) {
-	let n = _(e), r = t?.slice(0, 4) ?? "";
-	return !n && !r ? "" : r ? `${n}/${r}` : n;
-}
-function y(e) {
-	let t = g(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 ee(e, { minYear: t, maxYear: n }) {
-	if (!e) return h;
-	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"
-	} : h;
-}
-var x = c(function({ validateOnBlur: n = !0, validateOnChange: a = !1, minYear: c, maxYear: _, onValidationChange: x, onValueChange: S, value: C, defaultValue: te, name: w, id: T, disabled: E = !1, readOnly: D = !1, required: O = !1, autoFocus: k = !1, variant: ne = "outlined", size: A = "md", color: j, fullWidth: re = !1, rounded: ie = !1, label: M, helperText: N, errorText: ae, startIcon: P, endIcon: F, clearable: oe = !1, error: se = !1, success: ce, onChange: le, onFocus: I, onBlur: L, onClear: ue, className: de, style: fe, labelClassName: pe }, R) {
-	let z = d(null), me = d(null), { currentValue: B, setCurrentValue: he } = i(C, te), [V, ge] = f(h), [H, _e] = f(!1), [U, ve] = f(!1), [ye, be] = f(!1), [xe, Se] = f(!1), { month: W, year: G } = y(B), Ce = !!(W || G), K = E || D, { resolvedMinYear: q, resolvedMaxYear: we } = b(c, _), Te = u(() => Array.from({ length: we - q + 1 }, (e, t) => q + t), [we, q]), J = l((e) => {
-		let t = ee(e, {
-			minYear: c,
-			maxYear: _
-		});
-		return ge(t), x?.(t), t;
-	}, [
-		_,
-		c,
-		x
-	]), Y = l((e) => {
-		he(e), S?.(g(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,
-		he
-	]), X = l((e, t) => {
-		let n = v(e, t);
-		Y(n), a && H && J(n);
-	}, [
-		J,
-		Y,
-		H,
-		a
-	]), Z = l(() => {
-		(R?.current ?? z.current)?.focus();
-	}, [R]), Ee = l((e) => {
-		if (U) return;
-		ve(!0);
-		let t = R?.current ?? z.current;
-		t && e.target !== t && I?.(e);
-	}, [
-		U,
-		I,
-		R
-	]), De = l((e) => {
-		let t = e.relatedTarget;
-		t && me.current?.contains(t) || (ve(!1), _e(!0), n && B && J(B), L?.(e));
-	}, [
-		B,
-		L,
-		J,
-		n
-	]), Oe = l((e) => {
-		Z(), X(e, G);
-	}, [
-		Z,
-		X,
-		G
-	]), ke = l((e) => {
-		Z(), X(W, e);
-	}, [
-		Z,
-		W,
-		X
-	]), Ae = l(() => {
-		Y(""), _e(!1), ge(h), x?.(h), ue?.(), Z();
-	}, [
-		Z,
-		ue,
-		x,
-		Y
-	]), Q = se || H && !V.valid, $ = ae || (H && !V.valid ? V.error : void 0), je = !Q && (ce === void 0 ? H && V.valid && !!(W && G) : ce), Me = Q ? "color-error" : j ? `color-${j}` : void 0, Ne = r("container", `field-${ne}`, `field-${A}`, U && "focused", Q && "input-error", je && !Q && "input-success", Me, E && "disabled", ie && "rounded"), Pe = W || "MM", Fe = G || "YYYY";
-	return /* @__PURE__ */ m("div", {
-		ref: me,
-		className: r("input", "input-exp-date", Me, re && "full-width", de),
-		style: fe,
-		onFocusCapture: Ee,
-		onBlurCapture: De,
-		children: [
-			M && /* @__PURE__ */ p("label", {
-				htmlFor: T,
-				className: r("field-label", U && "focused", Q && "error", je && !Q && "success", O && "required", pe),
-				children: M
-			}),
-			/* @__PURE__ */ m("div", {
-				className: Ne,
-				onClick: Z,
-				children: [
-					P && /* @__PURE__ */ p("span", {
-						className: "start-icon",
-						children: P
-					}),
-					/* @__PURE__ */ p("input", {
-						ref: R ?? z,
-						type: "text",
-						value: B,
-						name: w,
-						id: T,
-						readOnly: !0,
-						required: O,
-						autoFocus: k,
-						className: "input-exp-date-native",
-						tabIndex: -1,
-						"aria-hidden": "true",
-						onChange: le,
-						onFocus: I,
-						onBlur: L
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "input-exp-date-segments",
-						"aria-label": "Expiration date",
-						children: [
-							K ? /* @__PURE__ */ p("span", {
-								className: r("input-exp-date-trigger", !W && "placeholder", "static"),
-								children: /* @__PURE__ */ p("span", { children: Pe })
-							}) : /* @__PURE__ */ p(o, {
-								trigger: /* @__PURE__ */ m("span", {
-									className: r("input-exp-date-trigger", ye && "open", !W && "placeholder"),
-									onMouseDown: Z,
-									children: [/* @__PURE__ */ p("span", { children: Pe }), /* @__PURE__ */ p(e, { size: 16 })]
-								}),
-								openOn: "click",
-								closeOnSelect: !0,
-								onOpenChange: be,
-								popoverClassName: "input-exp-date-popover",
-								children: Array.from({ length: 12 }, (e, t) => {
-									let n = String(t + 1).padStart(2, "0");
-									return /* @__PURE__ */ p(s, {
-										label: n,
-										active: W === n,
-										onClick: () => Oe(n)
-									}, n);
-								})
-							}),
-							/* @__PURE__ */ p("span", {
-								className: "input-exp-date-separator",
-								children: "/"
-							}),
-							K ? /* @__PURE__ */ p("span", {
-								className: r("input-exp-date-trigger", !G && "placeholder", "static"),
-								children: /* @__PURE__ */ p("span", { children: Fe })
-							}) : /* @__PURE__ */ p(o, {
-								trigger: /* @__PURE__ */ m("span", {
-									className: r("input-exp-date-trigger", xe && "open", !G && "placeholder"),
-									onMouseDown: Z,
-									children: [/* @__PURE__ */ p("span", { children: Fe }), /* @__PURE__ */ p(e, { size: 16 })]
-								}),
-								openOn: "click",
-								closeOnSelect: !0,
-								onOpenChange: Se,
-								popoverClassName: "input-exp-date-popover",
-								children: Te.map((e) => /* @__PURE__ */ p(s, {
-									label: String(e),
-									active: G === String(e),
-									onClick: () => ke(String(e))
-								}, e))
-							})
-						]
-					}),
-					oe && Ce && !K && /* @__PURE__ */ p("button", {
-						type: "button",
-						className: "clear-btn clear-btn-base",
-						onClick: (e) => {
-							e.stopPropagation(), Ae();
-						},
-						tabIndex: -1,
-						"aria-label": "Clear input",
-						children: /* @__PURE__ */ p(t, {})
-					}),
-					F && /* @__PURE__ */ p("span", {
-						className: "end-icon",
-						children: F
-					})
-				]
-			}),
-			($ || N) && /* @__PURE__ */ p("div", {
-				className: "bottom-row",
-				children: /* @__PURE__ */ m("span", { children: [$ && /* @__PURE__ */ p("span", {
-					id: T ? `${T}-error` : void 0,
-					className: "field-error",
-					role: "alert",
-					children: $
-				}), !$ && N && /* @__PURE__ */ p("span", {
-					id: T ? `${T}-helper` : void 0,
-					className: "field-helper",
-					children: N
-				})] })
-			})
-		]
-	});
-}), S = { valid: !0 };
-function C(e) {
-	return e.replace(/\D/g, "");
-}
-function te(e, t) {
-	return e ? C(e).length === t ? S : {
-		valid: !1,
-		error: `Security code must have ${t} digits`
-	} : S;
-}
-var w = c(function({ length: e = 3, validateOnBlur: t = !0, validateOnChange: i = !1, onValidationChange: o, onValueChange: s, value: c, defaultValue: u, onChange: d, onBlur: m, onKeyDown: h, error: g, errorText: _, success: v, placeholder: y, className: b, inputClassName: ee, ...x }, w) {
-	let [T, E] = f(() => C(u?.toString() ?? "").slice(0, e)), [D, O] = f(S), [k, ne] = f(!1), A = c === void 0 ? T : C(c.toString()).slice(0, e), j = l((t) => {
-		let n = te(t, e);
-		return O(n), o?.(n), n;
-	}, [e, o]), re = l((t) => {
-		let n = C(t.target.value).slice(0, e);
-		c === void 0 && E(n), s?.(n), i && k && j(n), d?.(t);
-	}, [
-		e,
-		d,
-		s,
-		j,
-		k,
-		i,
-		c
-	]), ie = l((e) => {
-		ne(!0), t && A && j(A), m?.(e);
-	}, [
-		A,
-		m,
-		j,
-		t
-	]), M = l((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]), N = g || k && !D.valid, ae = _ || (k && !D.valid ? D.error : void 0), P = !N && (v === void 0 ? k && A.length === e : v), F = P ? /* @__PURE__ */ p(n, {}) : void 0;
-	return /* @__PURE__ */ p(a, {
-		...x,
-		ref: w,
-		type: "text",
-		inputMode: "numeric",
-		value: A,
-		onChange: re,
-		onBlur: ie,
-		onKeyDown: M,
-		error: N,
-		errorText: ae,
-		success: P,
-		placeholder: y ?? "".padEnd(e, "0"),
-		maxLength: e,
-		endIcon: F,
-		inputClassName: r("input-cvc-field", ee),
-		className: b
-	});
-});
-//#endregion
-export { x as n, w as t };
-
-//# sourceMappingURL=MInputCVC-Blv5PeyS.js.map

package/dist/MInputCVC-Blv5PeyS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInputCVC-Blv5PeyS.js","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'\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 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=\"Expiration date\">\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=\"Clear input\"\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-lAFKTV6y.cjs

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

package/dist/MInputCVC-lAFKTV6y.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInputCVC-lAFKTV6y.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'\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 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=\"Expiration date\">\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=\"Clear input\"\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/MInputSearch-BM8gLlJ1.js

@@ -1,43 +0,0 @@
-import { Zi as e } from "./icons-CBMl-kOM.js";
-import { r as t } from "./useGhostText-DG0bzcao.js";
-import { t as n } from "./MInput-C8ObGzQk.js";
-import { forwardRef as r, useCallback as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/components/inputs/MInputSearch/MInputSearch.tsx
-var s = r(function({ debounceMs: r = 300, onSearch: s, value: c, defaultValue: l, onChange: u, onKeyDown: d, onClear: f, clearable: p = !0, placeholder: m = "Search...", ...h }, g) {
-	let [_, v] = a(l?.toString() ?? ""), y = c === void 0 ? _ : c.toString(), b = t((e) => s?.(e), r), x = i((e) => {
-		c === void 0 && v(e.target.value), b(e.target.value), u?.(e);
-	}, [
-		u,
-		c,
-		b
-	]), S = i((e) => {
-		e.key === "Enter" && s?.(y), d?.(e);
-	}, [
-		y,
-		s,
-		d
-	]), C = i(() => {
-		c === void 0 && v(""), s?.(""), f?.();
-	}, [
-		c,
-		s,
-		f
-	]);
-	return /* @__PURE__ */ o(n, {
-		...h,
-		ref: g,
-		type: "text",
-		value: y,
-		onChange: x,
-		onKeyDown: S,
-		onClear: C,
-		clearable: p,
-		placeholder: m,
-		startIcon: /* @__PURE__ */ o(e, {})
-	});
-});
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=MInputSearch-BM8gLlJ1.js.map

package/dist/MInputSearch-BM8gLlJ1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInputSearch-BM8gLlJ1.js","names":[],"sources":["../src/components/inputs/MInputSearch/MInputSearch.tsx"],"sourcesContent":["import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {MInputSearchProps} from './MInputSearch.types'\nimport {MInput} from '../MInput'\nimport {useDebouncedCallback} from '../../../utils/useDebounce'\nimport {MSearchIcon} from '../../../icons'\n\n// Extend the base input with debounced search callbacks and an inline clear action.\nexport const MInputSearch = forwardRef<HTMLInputElement, MInputSearchProps>(function MInputSearch(\n    {\n        debounceMs = 300,\n        onSearch,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onClear,\n        clearable = true,\n        placeholder = 'Search...',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const debouncedSearch = useDebouncedCallback((val: string) => onSearch?.(val), debounceMs)\n\n    // Update local state and debounce search notifications while typing.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            debouncedSearch(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, value, debouncedSearch]\n    )\n\n    // Run search immediately when the user confirms with Enter.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                onSearch?.(currentValue)\n            }\n            onKeyDown?.(e)\n        },\n        [currentValue, onSearch, onKeyDown]\n    )\n\n    // Clear both the visible field and the emitted search query.\n    const handleClear = useCallback(() => {\n        if (value === undefined) {\n            setInternalValue('')\n        }\n        onSearch?.('')\n        onClear?.()\n    }, [value, onSearch, onClear])\n\n    return (\n        <MInput\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            clearable={clearable}\n            placeholder={placeholder}\n            startIcon={<MSearchIcon />}\n        />\n    )\n})\n"],"mappings":";;;;;;AAQA,IAAa,IAAe,EAAgD,SACxE,EACI,gBAAa,KACb,aACA,UACA,iBACA,aACA,cACA,YACA,eAAY,IACZ,iBAAc,aACd,GAAG,KAEP,GACF;CACE,IAAM,CAAC,GAAe,KAAoB,EAAS,GAAc,UAAU,IAAI,GAAG,EAC5E,IAAe,MAAU,KAAA,IAA+B,IAAnB,EAAM,UAAU,EAErD,IAAkB,GAAsB,MAAgB,IAAW,EAAI,EAAE,EAAW,EAGpF,IAAe,GAChB,MAA2C;AAKxC,EAJI,MAAU,KAAA,KACV,EAAiB,EAAE,OAAO,MAAM,EAEpC,EAAgB,EAAE,OAAO,MAAM,EAC/B,IAAW,EAAE;IAEjB;EAAC;EAAU;EAAO;EAAgB,CACrC,EAGK,IAAgB,GACjB,MAA6C;AAI1C,EAHI,EAAE,QAAQ,WACV,IAAW,EAAa,EAE5B,IAAY,EAAE;IAElB;EAAC;EAAc;EAAU;EAAU,CACtC,EAGK,IAAc,QAAkB;AAKlC,EAJI,MAAU,KAAA,KACV,EAAiB,GAAG,EAExB,IAAW,GAAG,EACd,KAAW;IACZ;EAAC;EAAO;EAAU;EAAQ,CAAC;AAE9B,QACI,kBAAC,GAAD;EACI,GAAI;EACC;EACL,MAAK;EACL,OAAO;EACP,UAAU;EACV,WAAW;EACX,SAAS;EACE;EACE;EACb,WAAW,kBAAC,GAAD,EAAe,CAAA;EAC5B,CAAA;EAER"}

package/dist/MInputSearch-BZDnbFB4.cjs

@@ -1,2 +0,0 @@
-const e=require(`./icons-D_NB67he.cjs`),t=require(`./useGhostText-Dlemg1vw.cjs`),n=require(`./MInput-CGl2Q-rM.cjs`);require(`./core-D66c1_Wo.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.forwardRef)(function({debounceMs:a=300,onSearch:o,value:s,defaultValue:c,onChange:l,onKeyDown:u,onClear:d,clearable:f=!0,placeholder:p=`Search...`,...m},h){let[g,_]=(0,r.useState)(c?.toString()??``),v=s===void 0?g:s.toString(),y=t.r(e=>o?.(e),a),b=(0,r.useCallback)(e=>{s===void 0&&_(e.target.value),y(e.target.value),l?.(e)},[l,s,y]),x=(0,r.useCallback)(e=>{e.key===`Enter`&&o?.(v),u?.(e)},[v,o,u]),S=(0,r.useCallback)(()=>{s===void 0&&_(``),o?.(``),d?.()},[s,o,d]);return(0,i.jsx)(n.t,{...m,ref:h,type:`text`,value:v,onChange:b,onKeyDown:x,onClear:S,clearable:f,placeholder:p,startIcon:(0,i.jsx)(e.Zi,{})})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=MInputSearch-BZDnbFB4.cjs.map

package/dist/MInputSearch-BZDnbFB4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInputSearch-BZDnbFB4.cjs","names":[],"sources":["../src/components/inputs/MInputSearch/MInputSearch.tsx"],"sourcesContent":["import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {MInputSearchProps} from './MInputSearch.types'\nimport {MInput} from '../MInput'\nimport {useDebouncedCallback} from '../../../utils/useDebounce'\nimport {MSearchIcon} from '../../../icons'\n\n// Extend the base input with debounced search callbacks and an inline clear action.\nexport const MInputSearch = forwardRef<HTMLInputElement, MInputSearchProps>(function MInputSearch(\n    {\n        debounceMs = 300,\n        onSearch,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onClear,\n        clearable = true,\n        placeholder = 'Search...',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const debouncedSearch = useDebouncedCallback((val: string) => onSearch?.(val), debounceMs)\n\n    // Update local state and debounce search notifications while typing.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            debouncedSearch(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, value, debouncedSearch]\n    )\n\n    // Run search immediately when the user confirms with Enter.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                onSearch?.(currentValue)\n            }\n            onKeyDown?.(e)\n        },\n        [currentValue, onSearch, onKeyDown]\n    )\n\n    // Clear both the visible field and the emitted search query.\n    const handleClear = useCallback(() => {\n        if (value === undefined) {\n            setInternalValue('')\n        }\n        onSearch?.('')\n        onClear?.()\n    }, [value, onSearch, onClear])\n\n    return (\n        <MInput\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            clearable={clearable}\n            placeholder={placeholder}\n            startIcon={<MSearchIcon />}\n        />\n    )\n})\n"],"mappings":"yMAQA,IAAa,GAAA,EAAA,EAAA,YAA+D,SACxE,CACI,aAAa,IACb,WACA,QACA,eACA,WACA,YACA,UACA,YAAY,GACZ,cAAc,YACd,GAAG,GAEP,EACF,CACE,GAAM,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAc,UAAU,EAAI,GAAG,CAC5E,EAAe,IAAU,IAAA,GAA+B,EAAnB,EAAM,UAAU,CAErD,EAAkB,EAAA,EAAsB,GAAgB,IAAW,EAAI,CAAE,EAAW,CAGpF,GAAA,EAAA,EAAA,aACD,GAA2C,CACpC,IAAU,IAAA,IACV,EAAiB,EAAE,OAAO,MAAM,CAEpC,EAAgB,EAAE,OAAO,MAAM,CAC/B,IAAW,EAAE,EAEjB,CAAC,EAAU,EAAO,EAAgB,CACrC,CAGK,GAAA,EAAA,EAAA,aACD,GAA6C,CACtC,EAAE,MAAQ,SACV,IAAW,EAAa,CAE5B,IAAY,EAAE,EAElB,CAAC,EAAc,EAAU,EAAU,CACtC,CAGK,GAAA,EAAA,EAAA,iBAAgC,CAC9B,IAAU,IAAA,IACV,EAAiB,GAAG,CAExB,IAAW,GAAG,CACd,KAAW,EACZ,CAAC,EAAO,EAAU,EAAQ,CAAC,CAE9B,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,GAAI,EACC,MACL,KAAK,OACL,MAAO,EACP,SAAU,EACV,UAAW,EACX,QAAS,EACE,YACE,cACb,WAAW,EAAA,EAAA,KAAC,EAAA,GAAD,EAAe,CAAA,CAC5B,CAAA,EAER"}

package/dist/MLink-Bd8fLH1N.js

@@ -1,31 +0,0 @@
-import { r as e } from "./theme-DAOU1aPs.js";
-import { t } from "./cn-YER3QsV1.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/typography/MLink/MLink.tsx
-var i = n(function({ component: n, to: i, tone: a = "default", underline: o = "hover", hidden: s, current: c = !1, block: l = !1, disabled: u = !1, className: d, children: f, href: p, onClick: m, ...h }, g) {
-	let _ = n ?? "a";
-	function v(e) {
-		if (u) {
-			e.preventDefault();
-			return;
-		}
-		m?.(e);
-	}
-	return /* @__PURE__ */ r(_, {
-		ref: g,
-		href: n || u ? void 0 : p,
-		to: n ? i : void 0,
-		className: t("link", a, o, c && "current", l && "block", u && "disabled", d),
-		"aria-current": c ? "page" : void 0,
-		"aria-disabled": u || void 0,
-		onClick: v,
-		...e(s),
-		...h,
-		children: f
-	});
-});
-//#endregion
-export { i as t };
-
-//# sourceMappingURL=MLink-Bd8fLH1N.js.map

package/dist/MLink-Bd8fLH1N.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MLink-Bd8fLH1N.js","names":[],"sources":["../src/components/typography/MLink/MLink.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './MLink.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MLink.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        hidden,\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":";;;;;AAQA,IAAa,IAAQ,EAAoC,SACrD,EACI,cACA,OACA,UAAO,WACP,eAAY,SACZ,WACA,aAAU,IACV,WAAQ,IACR,cAAW,IACX,cACA,aACA,SACA,YACA,GAAG,KAEP,GACF;CACE,IAAM,IAAY,KAAa;CAG/B,SAAS,EAAY,GAAsC;AACvD,MAAI,GAAU;AACV,KAAM,gBAAgB;AACtB;;AAGJ,MAAU,EAAM;;AAGpB,QACI,kBAAC,GAAD;EACS;EACL,MAAM,KAAwB,IAAZ,KAAA,IAAmC;EACrD,IAAI,IAAY,IAAK,KAAA;EACrB,WAAW,EACP,QACA,GACA,GACA,KAAW,WACX,KAAS,SACT,KAAY,YACZ,EACH;EACD,gBAAc,IAAU,SAAS,KAAA;EACjC,iBAAe,KAAY,KAAA;EAC3B,SAAS;EACT,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACO,CAAA;EAElB"}

package/dist/MLink-U24G6KJj.cjs

@@ -1,2 +0,0 @@
-const e=require(`./theme-DgaM4CjM.cjs`),t=require(`./cn-CU5TNITO.cjs`);require(`./core-D66c1_Wo.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({component:n,to:i,tone:a=`default`,underline:o=`hover`,hidden:s,current:c=!1,block:l=!1,disabled:u=!1,className:d,children:f,href:p,onClick:m,...h},g){let _=n??`a`;function v(e){if(u){e.preventDefault();return}m?.(e)}return(0,r.jsx)(_,{ref:g,href:n||u?void 0:p,to:n?i:void 0,className:t.t(`link`,a,o,c&&`current`,l&&`block`,u&&`disabled`,d),"aria-current":c?`page`:void 0,"aria-disabled":u||void 0,onClick:v,...e.r(s),...h,children:f})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MLink-U24G6KJj.cjs.map

package/dist/MLink-U24G6KJj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MLink-U24G6KJj.cjs","names":[],"sources":["../src/components/typography/MLink/MLink.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './MLink.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MLink.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        hidden,\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":"4JAQA,IAAa,GAAA,EAAA,EAAA,YAA4C,SACrD,CACI,YACA,KACA,OAAO,UACP,YAAY,QACZ,SACA,UAAU,GACV,QAAQ,GACR,WAAW,GACX,YACA,WACA,OACA,UACA,GAAG,GAEP,EACF,CACE,IAAM,EAAY,GAAa,IAG/B,SAAS,EAAY,EAAsC,CACvD,GAAI,EAAU,CACV,EAAM,gBAAgB,CACtB,OAGJ,IAAU,EAAM,CAGpB,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,KAAM,GAAwB,EAAZ,IAAA,GAAmC,EACrD,GAAI,EAAY,EAAK,IAAA,GACrB,UAAW,EAAA,EACP,OACA,EACA,EACA,GAAW,UACX,GAAS,QACT,GAAY,WACZ,EACH,CACD,eAAc,EAAU,OAAS,IAAA,GACjC,gBAAe,GAAY,IAAA,GAC3B,QAAS,EACT,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA,EAElB"}

package/dist/MLoader-CnvWqFtA.js

@@ -1,41 +0,0 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { t } from "./MText-CL-LPcXi.js";
-import { r as n } from "./MButton-C1pnL4_j.js";
-import { t as r } from "./MStack-CSCw6to2.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/feedback/MLoader/MLoader.tsx
-var o = {
-	xs: "xs",
-	sm: "sm",
-	md: "md",
-	lg: "lg",
-	xl: "xl"
-};
-function s({ color: s = "primary", size: c = "lg", label: l = "Loading", center: u = !0, minHeight: d = "40vh", className: f, style: p, ...m }) {
-	let h = {
-		minHeight: typeof d == "number" ? `${d}px` : d,
-		...p
-	};
-	return /* @__PURE__ */ i("div", {
-		className: e("loader", u && "center", f),
-		style: h,
-		...m,
-		children: /* @__PURE__ */ a(r, {
-			align: "center",
-			children: [/* @__PURE__ */ i(n, {
-				size: c,
-				color: s,
-				label: l
-			}), /* @__PURE__ */ i(t, {
-				tone: "muted",
-				align: "center",
-				size: typeof c == "number" ? void 0 : o[c],
-				children: l
-			})]
-		})
-	});
-}
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=MLoader-CnvWqFtA.js.map