@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/MInputCVC-IXIYZwex.js

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

package/dist/MInputCVC-IXIYZwex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInputCVC-IXIYZwex.js","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":"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"}

package/dist/MInputSearch-BSIc6m2P.cjs

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

package/dist/MInputSearch-BSIc6m2P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInputSearch-BSIc6m2P.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'\nimport {useMInputTexts} from '../../../i18n/frameworkTexts'\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,\n        ...rest\n    },\n    ref\n) {\n    const texts = useMInputTexts()\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 ?? texts.searchPlaceholder}\n            startIcon={<MSearchIcon />}\n        />\n    )\n})\n"],"mappings":"oPASA,IAAa,GAAA,EAAA,EAAA,YAA+D,SACxE,CACI,aAAa,IACb,WACA,QACA,eACA,WACA,YACA,UACA,YAAY,GACZ,cACA,GAAG,GAEP,EACF,CACE,IAAM,EAAQ,EAAA,GAAgB,CACxB,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,YACX,YAAa,GAAe,EAAM,kBAClC,WAAW,EAAA,EAAA,KAAC,EAAA,GAAD,EAAe,CAAA,CAC5B,CAAA,EAER"}

package/dist/MInputSearch-CNuTAbYs.js

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

package/dist/MInputSearch-CNuTAbYs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInputSearch-CNuTAbYs.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'\nimport {useMInputTexts} from '../../../i18n/frameworkTexts'\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,\n        ...rest\n    },\n    ref\n) {\n    const texts = useMInputTexts()\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 ?? texts.searchPlaceholder}\n            startIcon={<MSearchIcon />}\n        />\n    )\n})\n"],"mappings":";;;;;;;AASA,IAAa,IAAe,EAAgD,SACxE,EACI,gBAAa,KACb,aACA,UACA,iBACA,aACA,cACA,YACA,eAAY,IACZ,gBACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,GAAgB,EACxB,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;EACX,aAAa,KAAe,EAAM;EAClC,WAAW,kBAAC,GAAD,EAAe,CAAA;EAC5B,CAAA;EAER"}

package/dist/{MKbd-BR1GX5oK.cjs → MKbd-CnW3NUIu.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`);require(`./core-w629c4ND.cjs`);let t=require(`react/jsx-runtime`);function n({size:n=`md`,className:r,children:i,...a}){return(0,t.jsx)(`kbd`,{className:e.t(`kbd`,n,r),...a,children:i})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=MKbd-BR1GX5oK.cjs.map
+const e=require(`./cn-DYFxgzi2.cjs`);require(`./core-w629c4ND.cjs`);let t=require(`react/jsx-runtime`);function n({size:n=`md`,className:r,children:i,...a}){return(0,t.jsx)(`kbd`,{className:e.t(`kbd`,n,r),...a,children:i})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=MKbd-CnW3NUIu.cjs.map

package/dist/{MKbd-BR1GX5oK.cjs.map → MKbd-CnW3NUIu.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MKbd-BR1GX5oK.cjs","names":[],"sources":["../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"uGAIA,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}
+{"version":3,"file":"MKbd-CnW3NUIu.cjs","names":[],"sources":["../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"uGAIA,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}

package/dist/{MKbd-COb7oh_k.js → MKbd-DjfGyajR.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./cn-YER3QsV1.js";
+import { t as e } from "./cn-CUSXNnjF.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/typography/MKbd/MKbd.tsx
 function n({ size: n = "md", className: r, children: i, ...a }) {
@@ -11,4 +11,4 @@ function n({ size: n = "md", className: r, children: i, ...a }) {
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=MKbd-COb7oh_k.js.map
+//# sourceMappingURL=MKbd-DjfGyajR.js.map

package/dist/{MKbd-COb7oh_k.js.map → MKbd-DjfGyajR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MKbd-COb7oh_k.js","names":[],"sources":["../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;AAIA,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}
+{"version":3,"file":"MKbd-DjfGyajR.js","names":[],"sources":["../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;AAIA,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}

package/dist/MLink-C6uwA6db.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`);require(`./core-w629c4ND.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,hiddenAbove:c,current:l=!1,block:u=!1,disabled:d=!1,className:f,children:p,href:m,onClick:h,...g},_){let v=n??`a`;function y(e){if(d){e.preventDefault();return}h?.(e)}return(0,r.jsx)(v,{ref:_,href:n||d?void 0:m,to:n?i:void 0,className:t.t(`link`,a,o,l&&`current`,u&&`block`,d&&`disabled`,f),"aria-current":l?`page`:void 0,"aria-disabled":d||void 0,onClick:y,...e.r(s,c),...g,children:p})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MLink-C6uwA6db.cjs.map

package/dist/MLink-C6uwA6db.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MLink-C6uwA6db.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        hiddenAbove,\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, hiddenAbove)}\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,cACA,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,EAAQ,EAAY,CACvC,GAAI,EAEH,WACO,CAAA,EAElB"}

package/dist/MLink-ixg0xFFI.js

@@ -0,0 +1,31 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.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, hiddenAbove: c, current: l = !1, block: u = !1, disabled: d = !1, className: f, children: p, href: m, onClick: h, ...g }, _) {
+	let v = n ?? "a";
+	function y(e) {
+		if (d) {
+			e.preventDefault();
+			return;
+		}
+		h?.(e);
+	}
+	return /* @__PURE__ */ r(v, {
+		ref: _,
+		href: n || d ? void 0 : m,
+		to: n ? i : void 0,
+		className: t("link", a, o, l && "current", u && "block", d && "disabled", f),
+		"aria-current": l ? "page" : void 0,
+		"aria-disabled": d || void 0,
+		onClick: y,
+		...e(s, c),
+		...g,
+		children: p
+	});
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MLink-ixg0xFFI.js.map

package/dist/MLink-ixg0xFFI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MLink-ixg0xFFI.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        hiddenAbove,\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, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":";;;;;AAQA,IAAa,IAAQ,EAAoC,SACrD,EACI,cACA,OACA,UAAO,WACP,eAAY,SACZ,WACA,gBACA,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,GAAQ,EAAY;EACvC,GAAI;EAEH;EACO,CAAA;EAElB"}