@banzamel/mineralui 1.9.1 → 1.10.2

package/dist/feedback-urwS5wps.js

@@ -0,0 +1,290 @@
+import { r as e } from "./theme-DAOU1aPs.js";
+import { In as t, Ki as n, Ln as r, Pn as i, Si as a, bi as o, vi as s, xi as c, yi as l } from "./icons-DLP-Rs6z.js";
+import { t as u } from "./cn-YER3QsV1.js";
+import { t as d } from "./MPortal-Ba2Sxset.js";
+import { t as f } from "./MText-CL-LPcXi.js";
+import { r as p, t as m } from "./MButton-C94fZ3l9.js";
+import { t as h } from "./MStack-B8JtyM10.js";
+import { createContext as g, useCallback as _, useContext as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/components/feedback/statusIcons.tsx
+var T = {
+	success: /* @__PURE__ */ C(l, {}),
+	warning: /* @__PURE__ */ C(a, {}),
+	error: /* @__PURE__ */ C(o, {}),
+	info: /* @__PURE__ */ C(c, {}),
+	primary: /* @__PURE__ */ C(c, {}),
+	neutral: /* @__PURE__ */ C(s, {}),
+	light: /* @__PURE__ */ C(r, {}),
+	dark: /* @__PURE__ */ C(t, {}),
+	news: /* @__PURE__ */ C(i, {})
+};
+function E(e) {
+	return e ? T[e] ?? T.info : T.info;
+}
+//#endregion
+//#region src/components/feedback/MAlert/MAlert.tsx
+function D({ color: t = "info", icon: n = !0, title: r, hidden: i, className: a, children: o, ...s }) {
+	let c = n === !1 ? null : n === !0 ? E(t) : n;
+	return /* @__PURE__ */ w("div", {
+		className: u("alert", `color-${t}`, a),
+		role: "status",
+		...e(i),
+		...s,
+		children: [c && /* @__PURE__ */ C("span", {
+			className: "icon",
+			children: c
+		}), /* @__PURE__ */ w("div", {
+			className: "main",
+			children: [r && /* @__PURE__ */ C("div", {
+				className: "title",
+				children: r
+			}), o && /* @__PURE__ */ C("div", {
+				className: "content",
+				children: o
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/feedback/MBanner/MBanner.tsx
+function O({ color: t = "primary", variant: r = "filled", icon: i, action: a, hidden: o, dismissible: s = !1, onDismiss: c, className: l, children: d, ...f }) {
+	let [p, h] = S(!0), [g, _] = S(!1), v = x(null);
+	if (!p) return null;
+	let y = () => {
+		_(!0);
+		let e = v.current;
+		if (!e) {
+			h(!1), c?.();
+			return;
+		}
+		let t = () => {
+			h(!1), _(!1), c?.();
+		};
+		e.addEventListener("transitionend", t, { once: !0 }), setTimeout(t, 1e3);
+	};
+	return /* @__PURE__ */ C("div", {
+		ref: v,
+		className: u("banner-wrap", g && "dismissing"),
+		...e(o),
+		children: /* @__PURE__ */ w("div", {
+			className: u("banner", `color-${t}`, r, l),
+			role: "banner",
+			...f,
+			children: [
+				i && /* @__PURE__ */ C("span", {
+					className: "banner-icon",
+					children: i
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "banner-content",
+					children: d
+				}),
+				a && /* @__PURE__ */ C("div", {
+					className: "banner-action",
+					children: a
+				}),
+				s && /* @__PURE__ */ C(m, {
+					variant: "link",
+					color: "neutral",
+					iconOnly: !0,
+					size: "sm",
+					className: "banner-dismiss",
+					onClick: y,
+					"aria-label": "Dismiss",
+					children: /* @__PURE__ */ C(n, {})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/feedback/MLoader/MLoader.tsx
+var k = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg",
+	xl: "xl"
+};
+function A({ color: e = "primary", size: t = "lg", label: n = "Loading", center: r = !0, minHeight: i = "40vh", className: a, style: o, ...s }) {
+	let c = {
+		minHeight: typeof i == "number" ? `${i}px` : i,
+		...o
+	};
+	return /* @__PURE__ */ C("div", {
+		className: u("loader", r && "center", a),
+		style: c,
+		...s,
+		children: /* @__PURE__ */ w(h, {
+			align: "center",
+			children: [/* @__PURE__ */ C(p, {
+				size: t,
+				color: e,
+				label: n
+			}), /* @__PURE__ */ C(f, {
+				tone: "muted",
+				align: "center",
+				size: typeof t == "number" ? void 0 : k[t],
+				children: n
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/feedback/MProgressRing/MProgressRing.tsx
+var j = {
+	xs: 24,
+	sm: 36,
+	md: 56,
+	lg: 88,
+	xl: 128
+}, M = {
+	xs: 2,
+	sm: 3,
+	md: 4,
+	lg: 6,
+	xl: 8
+};
+function N(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function P(e) {
+	return typeof e == "number" ? e : j[e ?? "md"] ?? j.md;
+}
+function F(e, t) {
+	return typeof e == "number" ? e : typeof t == "number" ? Math.max(2, Math.round(t / 14)) : M[t ?? "md"] ?? M.md;
+}
+function I({ value: e, size: t = "md", color: n = "primary", thickness: r, showPercent: i = !0, label: a, ariaLabel: o, className: s, style: c, ...l }) {
+	let d = N(Math.round(e), 0, 100), f = P(t), p = F(r, t), m = (f - p) / 2, h = 2 * Math.PI * m, g = h * (1 - d / 100), _ = {
+		width: `${f}px`,
+		height: `${f}px`,
+		...c
+	}, v = typeof t == "string" ? t : "custom", y = o ?? `Loading ${d}%`, b = a === void 0 ? i : a !== null;
+	return /* @__PURE__ */ w("div", {
+		className: u("progress-ring", v, n && `color-${n}`, s),
+		style: _,
+		role: "progressbar",
+		"aria-valuenow": d,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-label": y,
+		...l,
+		children: [/* @__PURE__ */ w("svg", {
+			className: "progress-ring-svg",
+			width: f,
+			height: f,
+			viewBox: `0 0 ${f} ${f}`,
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ C("circle", {
+				className: "progress-ring-track",
+				cx: f / 2,
+				cy: f / 2,
+				r: m,
+				fill: "none",
+				strokeWidth: p
+			}), /* @__PURE__ */ C("circle", {
+				className: "progress-ring-indicator",
+				cx: f / 2,
+				cy: f / 2,
+				r: m,
+				fill: "none",
+				strokeWidth: p,
+				strokeDasharray: h,
+				strokeDashoffset: g,
+				strokeLinecap: "round",
+				transform: `rotate(-90 ${f / 2} ${f / 2})`
+			})]
+		}), b ? /* @__PURE__ */ C("span", {
+			className: "progress-ring-label",
+			"aria-hidden": "true",
+			children: a === void 0 ? `${d}%` : a
+		}) : null]
+	});
+}
+//#endregion
+//#region src/components/feedback/MToast/MToastContext.ts
+var L = g(null), R = L.Provider;
+function z() {
+	let e = v(L);
+	if (!e) throw Error("useMToast must be used inside MToastProvider");
+	return e;
+}
+//#endregion
+//#region src/components/feedback/MToast/MToastItem.tsx
+function B({ entry: e, onDismiss: t }) {
+	let [r, i] = S(!1), a = e.duration ?? 4e3;
+	y(() => {
+		if (a <= 0) return;
+		let e = setTimeout(() => i(!0), a);
+		return () => clearTimeout(e);
+	}, [a]);
+	function o() {
+		r && t(e.id);
+	}
+	let s = e.color || "info", c = e.icon === !1 ? null : e.icon === void 0 || e.icon === !0 ? E(s) : e.icon;
+	return /* @__PURE__ */ w("div", {
+		className: u("toast item", `color-${s}`, r && "exit"),
+		role: "status",
+		onAnimationEnd: o,
+		children: [/* @__PURE__ */ w("div", {
+			className: "toast body",
+			children: [c && /* @__PURE__ */ C("span", {
+				className: "toast icon",
+				children: c
+			}), /* @__PURE__ */ w("div", {
+				className: "toast content",
+				children: [e.title && /* @__PURE__ */ C("div", {
+					className: "toast title",
+					children: e.title
+				}), /* @__PURE__ */ C("div", {
+					className: "toast message",
+					children: e.message
+				})]
+			})]
+		}), /* @__PURE__ */ C(m, {
+			variant: "ghost",
+			color: "neutral",
+			iconOnly: !0,
+			size: "xs",
+			className: "toast close",
+			onClick: () => i(!0),
+			"aria-label": "Close",
+			children: /* @__PURE__ */ C(n, {})
+		})]
+	});
+}
+//#endregion
+//#region src/components/feedback/MToast/MToastProvider.tsx
+var V = 0;
+function H({ position: e = "top-right", duration: t = 4e3, children: n }) {
+	let [r, i] = S([]), a = x(t);
+	a.current = t;
+	let o = _((e) => {
+		i((t) => t.filter((t) => t.id !== e));
+	}, []), s = _((e) => {
+		let t = `toast-${++V}`, n = {
+			id: t,
+			...e,
+			duration: e.duration ?? a.current
+		};
+		return i((e) => [...e, n]), t;
+	}, []);
+	return /* @__PURE__ */ w(R, {
+		value: b(() => ({
+			toast: s,
+			dismiss: o
+		}), [s, o]),
+		children: [n, /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C("div", {
+			className: u("toast container", e),
+			children: r.map((e) => /* @__PURE__ */ C(B, {
+				entry: e,
+				onDismiss: o
+			}, e.id))
+		}) })]
+	});
+}
+//#endregion
+export { O as a, A as i, z as n, D as o, I as r, H as t };
+
+//# sourceMappingURL=feedback-urwS5wps.js.map

package/dist/feedback-urwS5wps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-urwS5wps.js","names":[],"sources":["../src/components/feedback/statusIcons.tsx","../src/components/feedback/MAlert/MAlert.tsx","../src/components/feedback/MBanner/MBanner.tsx","../src/components/feedback/MLoader/MLoader.tsx","../src/components/feedback/MProgressRing/MProgressRing.tsx","../src/components/feedback/MToast/MToastContext.ts","../src/components/feedback/MToast/MToastItem.tsx","../src/components/feedback/MToast/MToastProvider.tsx"],"sourcesContent":["import type {ReactNode} from 'react'\nimport {\n    MBoltIcon,\n    MErrorIcon,\n    MInfoIcon,\n    MMoonIcon,\n    MNeutralIcon,\n    MSunIcon,\n    MSuccessIcon,\n    MWarningIcon,\n} from '../../icons'\n\nconst statusIcons: Record<string, ReactNode> = {\n    success: <MSuccessIcon />,\n    warning: <MWarningIcon />,\n    error: <MErrorIcon />,\n    info: <MInfoIcon />,\n    primary: <MInfoIcon />,\n    neutral: <MNeutralIcon />,\n    light: <MSunIcon />,\n    dark: <MMoonIcon />,\n    news: <MBoltIcon />,\n}\n\nexport function getStatusIcon(color?: string) {\n    if (!color) {\n        return statusIcons.info\n    }\n\n    return statusIcons[color] ?? statusIcons.info\n}\n","import type {MAlertProps} from './MAlert.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getStatusIcon} from '../statusIcons'\nimport './MAlert.css'\n\n// Render inline status messaging with optional heading content.\nexport function MAlert({color = 'info', icon = true, title, hidden, className, children, ...rest}: MAlertProps) {\n    const iconView = icon === false ? null : icon === true ? getStatusIcon(color) : icon\n\n    return (\n        <div className={cn('alert', `color-${color}`, className)} role=\"status\" {...getHiddenProps(hidden)} {...rest}>\n            {iconView && <span className=\"icon\">{iconView}</span>}\n            <div className=\"main\">\n                {title && <div className=\"title\">{title}</div>}\n                {children && <div className=\"content\">{children}</div>}\n            </div>\n        </div>\n    )\n}\n","import {useState, useRef} from 'react'\nimport type {MBannerProps} from './MBanner.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport './MBanner.css'\n\n// Render a prominent banner for announcements, CTAs or dismissible messages.\nexport function MBanner({\n    color = 'primary',\n    variant = 'filled',\n    icon,\n    action,\n    hidden,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...rest\n}: MBannerProps) {\n    const [visible, setVisible] = useState(true)\n    const [dismissing, setDismissing] = useState(false)\n    const wrapRef = useRef<HTMLDivElement>(null)\n\n    if (!visible) return null\n\n    const handleDismiss = () => {\n        setDismissing(true)\n        const el = wrapRef.current\n        if (!el) {\n            setVisible(false)\n            onDismiss?.()\n            return\n        }\n        const onEnd = () => {\n            setVisible(false)\n            setDismissing(false)\n            onDismiss?.()\n        }\n        el.addEventListener('transitionend', onEnd, {once: true})\n        setTimeout(onEnd, 1000)\n    }\n\n    return (\n        <div ref={wrapRef} className={cn('banner-wrap', dismissing && 'dismissing')} {...getHiddenProps(hidden)}>\n            <div className={cn('banner', `color-${color}`, variant, className)} role=\"banner\" {...rest}>\n                {icon && <span className=\"banner-icon\">{icon}</span>}\n                <div className=\"banner-content\">{children}</div>\n                {action && <div className=\"banner-action\">{action}</div>}\n                {dismissible && (\n                    <MButton\n                        variant=\"link\"\n                        color=\"neutral\"\n                        iconOnly\n                        size=\"sm\"\n                        className=\"banner-dismiss\"\n                        onClick={handleDismiss}\n                        aria-label=\"Dismiss\"\n                    >\n                        <MCloseIcon />\n                    </MButton>\n                )}\n            </div>\n        </div>\n    )\n}\n","import type {CSSProperties} from 'react'\nimport type {MSize} from '../../../theme'\nimport {MSpinner} from '../MSpinner'\nimport {MStack} from '../../layout'\nimport {MText} from '../../typography'\nimport {cn} from '../../../utils/cn'\nimport type {MLoaderProps} from './MLoader.types'\nimport './MLoader.css'\n\nconst TEXT_SIZE: Record<MSize, MSize> = {xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl'}\n\n// Keep loading feedback minimal so apps can reuse it without card or alert chrome.\nexport function MLoader({\n    color = 'primary',\n    size = 'lg',\n    label = 'Loading',\n    center = true,\n    minHeight = '40vh',\n    className,\n    style,\n    ...rest\n}: MLoaderProps) {\n    const inlineStyle: CSSProperties = {\n        minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,\n        ...style,\n    }\n\n    return (\n        <div className={cn('loader', center && 'center', className)} style={inlineStyle} {...rest}>\n            <MStack align={'center'}>\n                <MSpinner size={size} color={color} label={label} />\n                <MText tone={'muted'} align={'center'} size={typeof size === 'number' ? undefined : TEXT_SIZE[size]}>\n                    {label}\n                </MText>\n            </MStack>\n        </div>\n    )\n}\n","import type {CSSProperties} from 'react'\nimport type {MProgressRingProps} from './MProgressRing.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressRing.css'\n\nconst SIZE_PX: Record<string, number> = {xs: 24, sm: 36, md: 56, lg: 88, xl: 128}\nconst DEFAULT_THICKNESS: Record<string, number> = {xs: 2, sm: 3, md: 4, lg: 6, xl: 8}\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(max, value))\n}\n\nfunction resolveDiameter(size: MProgressRingProps['size']): number {\n    if (typeof size === 'number') return size\n    return SIZE_PX[size ?? 'md'] ?? SIZE_PX.md\n}\n\nfunction resolveThickness(thickness: number | undefined, size: MProgressRingProps['size']): number {\n    if (typeof thickness === 'number') return thickness\n    if (typeof size === 'number') return Math.max(2, Math.round(size / 14))\n    return DEFAULT_THICKNESS[size ?? 'md'] ?? DEFAULT_THICKNESS.md\n}\n\n/**\n * Determinate ring progress — 0–100 with optional centered percent label.\n * Visually consistent with `MLoader`/`MSpinner`: same MColor palette, same\n * size tokens (xs/sm/md/lg/xl). Use a number for a custom diameter when the\n * design needs an off-token size.\n */\nexport function MProgressRing({\n    value,\n    size = 'md',\n    color = 'primary',\n    thickness,\n    showPercent = true,\n    label,\n    ariaLabel,\n    className,\n    style,\n    ...rest\n}: MProgressRingProps) {\n    const clampedValue = clamp(Math.round(value), 0, 100)\n    const diameter = resolveDiameter(size)\n    const stroke = resolveThickness(thickness, size)\n    const radius = (diameter - stroke) / 2\n    const circumference = 2 * Math.PI * radius\n    const dashOffset = circumference * (1 - clampedValue / 100)\n\n    const inlineStyle: CSSProperties = {\n        width: `${diameter}px`,\n        height: `${diameter}px`,\n        ...style,\n    }\n\n    const sizeClass = typeof size === 'string' ? size : 'custom'\n    const accessibleLabel = ariaLabel ?? `Loading ${clampedValue}%`\n    const showLabel = label !== undefined ? label !== null : showPercent\n\n    return (\n        <div\n            className={cn('progress-ring', sizeClass, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"progressbar\"\n            aria-valuenow={clampedValue}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-label={accessibleLabel}\n            {...rest}\n        >\n            <svg className=\"progress-ring-svg\" width={diameter} height={diameter} viewBox={`0 0 ${diameter} ${diameter}`} aria-hidden=\"true\">\n                <circle\n                    className=\"progress-ring-track\"\n                    cx={diameter / 2}\n                    cy={diameter / 2}\n                    r={radius}\n                    fill=\"none\"\n                    strokeWidth={stroke}\n                />\n                <circle\n                    className=\"progress-ring-indicator\"\n                    cx={diameter / 2}\n                    cy={diameter / 2}\n                    r={radius}\n                    fill=\"none\"\n                    strokeWidth={stroke}\n                    strokeDasharray={circumference}\n                    strokeDashoffset={dashOffset}\n                    strokeLinecap=\"round\"\n                    transform={`rotate(-90 ${diameter / 2} ${diameter / 2})`}\n                />\n            </svg>\n            {showLabel ? (\n                <span className=\"progress-ring-label\" aria-hidden=\"true\">\n                    {label !== undefined ? label : `${clampedValue}%`}\n                </span>\n            ) : null}\n        </div>\n    )\n}\n","import {createContext, useContext} from 'react'\nimport type {MToastContext as MToastContextType} from './MToast.types'\n\nconst ToastCtx = createContext<MToastContextType | null>(null)\n\nexport const MToastContextProvider = ToastCtx.Provider\n\nexport function useMToast(): MToastContextType {\n    const ctx = useContext(ToastCtx)\n    if (!ctx) throw new Error('useMToast must be used inside MToastProvider')\n    return ctx\n}\n","import {useEffect, useState} from 'react'\nimport type {MToastEntry} from './MToast.types'\nimport {cn} from '../../../utils/cn'\nimport {MCloseIcon} from '../../../icons'\nimport {MButton} from '../../controls'\nimport {getStatusIcon} from '../statusIcons'\n\n// Single toast notification with enter/exit animation.\nexport function MToastItem({entry, onDismiss}: {entry: MToastEntry; onDismiss: (id: string) => void}) {\n    const [exiting, setExiting] = useState(false)\n    const duration = entry.duration ?? 4000\n\n    useEffect(() => {\n        if (duration <= 0) return\n        const timer = setTimeout(() => setExiting(true), duration)\n        return () => clearTimeout(timer)\n    }, [duration])\n\n    function handleEnd() {\n        if (exiting) onDismiss(entry.id)\n    }\n\n    const color = entry.color || 'info'\n    const icon =\n        entry.icon === false\n            ? null\n            : entry.icon === undefined || entry.icon === true\n              ? getStatusIcon(color)\n              : entry.icon\n\n    return (\n        <div className={cn('toast item', `color-${color}`, exiting && 'exit')} role=\"status\" onAnimationEnd={handleEnd}>\n            <div className=\"toast body\">\n                {icon && <span className=\"toast icon\">{icon}</span>}\n                <div className=\"toast content\">\n                    {entry.title && <div className=\"toast title\">{entry.title}</div>}\n                    <div className=\"toast message\">{entry.message}</div>\n                </div>\n            </div>\n            <MButton\n                variant=\"ghost\"\n                color=\"neutral\"\n                iconOnly\n                size=\"xs\"\n                className=\"toast close\"\n                onClick={() => setExiting(true)}\n                aria-label=\"Close\"\n            >\n                <MCloseIcon />\n            </MButton>\n        </div>\n    )\n}\n","import {useCallback, useMemo, useRef, useState} from 'react'\nimport {MPortal} from '../../primitives'\nimport {MToastContextProvider, useMToast} from './MToastContext'\nimport {MToastItem} from './MToastItem'\nimport type {MToastEntry, MToastOptions, MToastProviderProps} from './MToast.types'\nimport {cn} from '../../../utils/cn'\nimport './MToast.css'\n\nlet counter = 0\n\n// Global toast container with auto-dismiss and stacking.\nexport function MToastProvider({position = 'top-right', duration = 4000, children}: MToastProviderProps) {\n    const [toasts, setToasts] = useState<MToastEntry[]>([])\n    const defaultDuration = useRef(duration)\n    defaultDuration.current = duration\n\n    const dismiss = useCallback((id: string) => {\n        setToasts((prev) => prev.filter((t) => t.id !== id))\n    }, [])\n\n    const toast = useCallback((options: MToastOptions) => {\n        const id = `toast-${++counter}`\n        const entry: MToastEntry = {\n            id,\n            ...options,\n            duration: options.duration ?? defaultDuration.current,\n        }\n        setToasts((prev) => [...prev, entry])\n        return id\n    }, [])\n\n    const ctx = useMemo(() => ({toast, dismiss}), [toast, dismiss])\n\n    return (\n        <MToastContextProvider value={ctx}>\n            {children}\n            <MPortal>\n                <div className={cn('toast container', position)}>\n                    {toasts.map((entry) => (\n                        <MToastItem key={entry.id} entry={entry} onDismiss={dismiss} />\n                    ))}\n                </div>\n            </MPortal>\n        </MToastContextProvider>\n    )\n}\n\nexport {useMToast}\n"],"mappings":"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"}

package/dist/feedback.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MButton-DFRHWHzh.cjs`),t=require(`./feedback-Dr7G3K_R.cjs`),n=require(`./MSkeleton-CuYA8eN3.cjs`),r=require(`./MTag-DZqV4S13.cjs`),i=require(`./MCookieBootstrap-BUqtJO3m.cjs`);exports.MAlert=t.f,exports.MBadge=n.s,exports.MBanner=t.d,exports.MCOOKIE_BOOTSTRAP_CONFIG_KEY=i.o,exports.MCOOKIE_CONSENT_CHANGE_EVENT=i.s,exports.MCookieBanner=t.n,exports.MCookieConsent=t.r,exports.MCookieConsentProvider=t.o,exports.MCookieDeclaration=t.t,exports.MCookiePreferences=t.i,exports.MCookieTrigger=t.a,exports.MLoader=t.u,exports.MSkeleton=n.t,exports.MSpinner=e.r,exports.MTag=r.t,exports.MToastProvider=t.c,exports.autoBootstrapMCookieConsent=i.t,exports.bootstrapMCookieConsent=i.n,exports.readMCookieBootstrapConfig=i.r,exports.reportMCookieSurface=i.i,exports.scanMCookieSurface=i.a,exports.useMCookieConsent=t.s,exports.useMToast=t.l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MButton-ouB6903s.cjs`),t=require(`./feedback-DnuJtYUI.cjs`),n=require(`./MSkeleton-JMkJFzu9.cjs`),r=require(`./MTag-Dez1GOX0.cjs`);exports.MAlert=t.o,exports.MBadge=n.n,exports.MBanner=t.a,exports.MLoader=t.i,exports.MProgressRing=t.r,exports.MSkeleton=n.t,exports.MSpinner=e.r,exports.MTag=r.t,exports.MToastProvider=t.t,exports.useMToast=t.n;

package/dist/feedback.js

@@ -1,8 +1,7 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { r as e } from "./MButton-C1pnL4_j.js";
-import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./feedback-DGT28-Zx.js";
-import { s as p, t as m } from "./MSkeleton-CVofhuDp.js";
-import { t as h } from "./MTag-DgB6ukFJ.js";
-import { a as g, i as _, n as v, o as y, r as b, s as x, t as S } from "./MCookieBootstrap-Btt49Iuq.js";
-export { i as MAlert, p as MBadge, r as MBanner, y as MCOOKIE_BOOTSTRAP_CONFIG_KEY, x as MCOOKIE_CONSENT_CHANGE_EVENT, s as MCookieBanner, l as MCookieConsent, c as MCookieConsentProvider, d as MCookieDeclaration, a as MCookiePreferences, t as MCookieTrigger, f as MLoader, m as MSkeleton, e as MSpinner, h as MTag, n as MToastProvider, S as autoBootstrapMCookieConsent, v as bootstrapMCookieConsent, b as readMCookieBootstrapConfig, _ as reportMCookieSurface, g as scanMCookieSurface, u as useMCookieConsent, o as useMToast };
+import { r as e } from "./MButton-C94fZ3l9.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./feedback-urwS5wps.js";
+import { n as s, t as c } from "./MSkeleton-BpylRABV.js";
+import { t as l } from "./MTag-CKM8lXD6.js";
+export { i as MAlert, s as MBadge, t as MBanner, n as MLoader, a as MProgressRing, c as MSkeleton, e as MSpinner, l as MTag, o as MToastProvider, r as useMToast };

package/dist/{form-BiPQ8SRK.js → form-CWoOQ_qo.js}

@@ -164,4 +164,4 @@ function f(e, t) {
 //#endregion
 export { d as n, u as r, f as t };
 
-//# sourceMappingURL=form-BiPQ8SRK.js.map
+//# sourceMappingURL=form-CWoOQ_qo.js.map

package/dist/{form-BiPQ8SRK.js.map → form-CWoOQ_qo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-BiPQ8SRK.js","names":[],"sources":["../src/components/form/MForm/FormContext.ts","../src/components/form/MForm/MForm.tsx","../src/components/form/MForm/useFormField.ts"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MFormContextValue} from './MForm.types'\n\nexport const FormContext = createContext<MFormContextValue | null>(null)\n\n// Read the nearest form context to integrate custom fields with shared state.\nexport function useFormContext(): MFormContextValue | null {\n    return useContext(FormContext)\n}\n","import {useState, useRef, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\nimport type {MFormProps, MFieldRegistration, MFormContextValue, MFormHelpers} from './MForm.types'\nimport {FormContext} from './FormContext'\nimport {validateRequired} from '../../../utils/validators'\nimport type {ValidationResult} from '../../../utils/validators'\nimport './MForm.css'\n\n// Coordinate form values, validation state and submit helpers through context.\nexport function MForm({\n    initialValues = {},\n    onSubmit,\n    onChange,\n    validationMode = 'onBlur',\n    children,\n    className,\n    style,\n    noValidate = true,\n    ...rest\n}: MFormProps) {\n    const [values, setValues] = useState<Record<string, unknown>>({...initialValues})\n    const [errors, setErrors] = useState<Record<string, string>>({})\n    const [touched, setTouched] = useState<Record<string, boolean>>({})\n    const [isSubmitting, setIsSubmitting] = useState(false)\n    const fieldsRef = useRef<Map<string, MFieldRegistration>>(new Map())\n\n    // Track mounted fields so validation stays aligned with active inputs.\n    const registerField = useCallback((reg: MFieldRegistration) => {\n        fieldsRef.current.set(reg.name, reg)\n    }, [])\n\n    const unregisterField = useCallback((name: string) => {\n        fieldsRef.current.delete(name)\n    }, [])\n\n    // Run required and custom validators without mutating visible error state yet.\n    const validateFieldInternal = useCallback(\n        (name: string, val?: unknown): ValidationResult => {\n            const reg = fieldsRef.current.get(name)\n            if (!reg) return {valid: true}\n\n            const fieldValue = val !== undefined ? val : values[name]\n            const strValue = fieldValue != null ? String(fieldValue) : ''\n\n            // Required check\n            if (reg.required) {\n                const reqResult = validateRequired(strValue)\n                if (!reqResult.valid) return reqResult\n            }\n\n            // Custom validators\n            if (reg.validate) {\n                for (const validator of reg.validate) {\n                    const result = validator(strValue)\n                    if (!result.valid) return result\n                }\n            }\n\n            return {valid: true}\n        },\n        [values]\n    )\n\n    // Persist the latest validation result for a single field.\n    const validateField = useCallback(\n        (name: string): ValidationResult => {\n            const result = validateFieldInternal(name)\n            setErrors((prev) => {\n                if (result.valid) {\n                    const next = {...prev}\n                    delete next[name]\n                    return next\n                }\n                return {...prev, [name]: result.error!}\n            })\n            return result\n        },\n        [validateFieldInternal]\n    )\n\n    // Validate every registered field before submit.\n    const validateAll = useCallback((): boolean => {\n        let allValid = true\n        const newErrors: Record<string, string> = {}\n\n        for (const [name] of fieldsRef.current) {\n            const result = validateFieldInternal(name)\n            if (!result.valid) {\n                allValid = false\n                newErrors[name] = result.error!\n            }\n        }\n\n        setErrors(newErrors)\n        // Mark all as touched\n        const allTouched: Record<string, boolean> = {}\n        for (const [name] of fieldsRef.current) {\n            allTouched[name] = true\n        }\n        setTouched(allTouched)\n\n        return allValid\n    }, [validateFieldInternal])\n\n    // Update field values and trigger onChange or validation according to mode.\n    const setFieldValue = useCallback(\n        (name: string, val: unknown) => {\n            setValues((prev) => {\n                const next = {...prev, [name]: val}\n                onChange?.(next)\n                return next\n            })\n\n            if (validationMode === 'onChange' && touched[name]) {\n                // Defer validation to next tick so values are updated\n                setTimeout(() => validateField(name), 0)\n            }\n        },\n        [onChange, validationMode, touched, validateField]\n    )\n\n    const setFieldError = useCallback((name: string, error: string) => {\n        setErrors((prev) => ({...prev, [name]: error}))\n    }, [])\n\n    // Mark fields as touched so blur validation can start surfacing errors.\n    const setFieldTouched = useCallback(\n        (name: string, isTouched: boolean) => {\n            setTouched((prev) => ({...prev, [name]: isTouched}))\n            if (validationMode === 'onBlur' && isTouched) {\n                validateField(name)\n            }\n        },\n        [validationMode, validateField]\n    )\n\n    const resetForm = useCallback(() => {\n        setValues({...initialValues})\n        setErrors({})\n        setTouched({})\n        setIsSubmitting(false)\n    }, [initialValues])\n\n    // Guard submit flow with validation and a single in-flight submission state.\n    const handleSubmit = useCallback(\n        async (e: React.FormEvent<HTMLFormElement>) => {\n            e.preventDefault()\n            if (isSubmitting) return\n\n            const valid = validateAll()\n            if (!valid) return\n\n            setIsSubmitting(true)\n            const helpers: MFormHelpers = {\n                setSubmitting: setIsSubmitting,\n                resetForm,\n                setFieldError,\n            }\n\n            try {\n                await onSubmit?.(values, helpers)\n            } finally {\n                setIsSubmitting(false)\n            }\n        },\n        [isSubmitting, validateAll, values, onSubmit, resetForm, setFieldError]\n    )\n\n    // Memoize the public form context to limit downstream re-renders.\n    const ctx = useMemo<MFormContextValue>(\n        () => ({\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        }),\n        [\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        ]\n    )\n\n    return (\n        <FormContext.Provider value={ctx}>\n            <form\n                onSubmit={handleSubmit}\n                noValidate={noValidate}\n                className={`form${className ? ` ${className}` : ''}`}\n                style={style}\n                {...rest}\n            >\n                {typeof children === 'function' ? children(ctx) : children}\n            </form>\n        </FormContext.Provider>\n    )\n}\n","import {useEffect, useCallback} from 'react'\nimport {useFormContext} from './FormContext'\nimport type {ValidatorFn} from '../../../utils/validators'\n\nexport interface MUseFormFieldOptions {\n    validate?: ValidatorFn[]\n    required?: boolean\n}\n\nexport interface MUseFormFieldReturn {\n    value: unknown\n    error: string | undefined\n    touched: boolean\n    onChange: (value: unknown) => void\n    onBlur: () => void\n}\n\n// Connect a field name to the nearest form context and expose field-level helpers.\nexport function useFormField(name: string, options?: MUseFormFieldOptions): MUseFormFieldReturn {\n    const ctx = useFormContext()\n\n    // Register the field definition so the form can validate and reset it centrally.\n    useEffect(() => {\n        if (!ctx) return\n        ctx.registerField({\n            name,\n            validate: options?.validate,\n            required: options?.required,\n        })\n        return () => ctx.unregisterField(name)\n    }, [ctx, name, options?.validate, options?.required])\n\n    // Forward value updates into the form state.\n    const onChange = useCallback(\n        (val: unknown) => {\n            ctx?.setFieldValue(name, val)\n        },\n        [ctx, name]\n    )\n\n    // Mark the field as touched when the control loses focus.\n    const onBlur = useCallback(() => {\n        ctx?.setFieldTouched(name, true)\n    }, [ctx, name])\n\n    return {\n        value: ctx?.values[name] ?? '',\n        error: ctx?.errors[name],\n        touched: ctx?.touched[name] ?? false,\n        onChange,\n        onBlur,\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"form-CWoOQ_qo.js","names":[],"sources":["../src/components/form/MForm/FormContext.ts","../src/components/form/MForm/MForm.tsx","../src/components/form/MForm/useFormField.ts"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MFormContextValue} from './MForm.types'\n\nexport const FormContext = createContext<MFormContextValue | null>(null)\n\n// Read the nearest form context to integrate custom fields with shared state.\nexport function useFormContext(): MFormContextValue | null {\n    return useContext(FormContext)\n}\n","import {useState, useRef, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\nimport type {MFormProps, MFieldRegistration, MFormContextValue, MFormHelpers} from './MForm.types'\nimport {FormContext} from './FormContext'\nimport {validateRequired} from '../../../utils/validators'\nimport type {ValidationResult} from '../../../utils/validators'\nimport './MForm.css'\n\n// Coordinate form values, validation state and submit helpers through context.\nexport function MForm({\n    initialValues = {},\n    onSubmit,\n    onChange,\n    validationMode = 'onBlur',\n    children,\n    className,\n    style,\n    noValidate = true,\n    ...rest\n}: MFormProps) {\n    const [values, setValues] = useState<Record<string, unknown>>({...initialValues})\n    const [errors, setErrors] = useState<Record<string, string>>({})\n    const [touched, setTouched] = useState<Record<string, boolean>>({})\n    const [isSubmitting, setIsSubmitting] = useState(false)\n    const fieldsRef = useRef<Map<string, MFieldRegistration>>(new Map())\n\n    // Track mounted fields so validation stays aligned with active inputs.\n    const registerField = useCallback((reg: MFieldRegistration) => {\n        fieldsRef.current.set(reg.name, reg)\n    }, [])\n\n    const unregisterField = useCallback((name: string) => {\n        fieldsRef.current.delete(name)\n    }, [])\n\n    // Run required and custom validators without mutating visible error state yet.\n    const validateFieldInternal = useCallback(\n        (name: string, val?: unknown): ValidationResult => {\n            const reg = fieldsRef.current.get(name)\n            if (!reg) return {valid: true}\n\n            const fieldValue = val !== undefined ? val : values[name]\n            const strValue = fieldValue != null ? String(fieldValue) : ''\n\n            // Required check\n            if (reg.required) {\n                const reqResult = validateRequired(strValue)\n                if (!reqResult.valid) return reqResult\n            }\n\n            // Custom validators\n            if (reg.validate) {\n                for (const validator of reg.validate) {\n                    const result = validator(strValue)\n                    if (!result.valid) return result\n                }\n            }\n\n            return {valid: true}\n        },\n        [values]\n    )\n\n    // Persist the latest validation result for a single field.\n    const validateField = useCallback(\n        (name: string): ValidationResult => {\n            const result = validateFieldInternal(name)\n            setErrors((prev) => {\n                if (result.valid) {\n                    const next = {...prev}\n                    delete next[name]\n                    return next\n                }\n                return {...prev, [name]: result.error!}\n            })\n            return result\n        },\n        [validateFieldInternal]\n    )\n\n    // Validate every registered field before submit.\n    const validateAll = useCallback((): boolean => {\n        let allValid = true\n        const newErrors: Record<string, string> = {}\n\n        for (const [name] of fieldsRef.current) {\n            const result = validateFieldInternal(name)\n            if (!result.valid) {\n                allValid = false\n                newErrors[name] = result.error!\n            }\n        }\n\n        setErrors(newErrors)\n        // Mark all as touched\n        const allTouched: Record<string, boolean> = {}\n        for (const [name] of fieldsRef.current) {\n            allTouched[name] = true\n        }\n        setTouched(allTouched)\n\n        return allValid\n    }, [validateFieldInternal])\n\n    // Update field values and trigger onChange or validation according to mode.\n    const setFieldValue = useCallback(\n        (name: string, val: unknown) => {\n            setValues((prev) => {\n                const next = {...prev, [name]: val}\n                onChange?.(next)\n                return next\n            })\n\n            if (validationMode === 'onChange' && touched[name]) {\n                // Defer validation to next tick so values are updated\n                setTimeout(() => validateField(name), 0)\n            }\n        },\n        [onChange, validationMode, touched, validateField]\n    )\n\n    const setFieldError = useCallback((name: string, error: string) => {\n        setErrors((prev) => ({...prev, [name]: error}))\n    }, [])\n\n    // Mark fields as touched so blur validation can start surfacing errors.\n    const setFieldTouched = useCallback(\n        (name: string, isTouched: boolean) => {\n            setTouched((prev) => ({...prev, [name]: isTouched}))\n            if (validationMode === 'onBlur' && isTouched) {\n                validateField(name)\n            }\n        },\n        [validationMode, validateField]\n    )\n\n    const resetForm = useCallback(() => {\n        setValues({...initialValues})\n        setErrors({})\n        setTouched({})\n        setIsSubmitting(false)\n    }, [initialValues])\n\n    // Guard submit flow with validation and a single in-flight submission state.\n    const handleSubmit = useCallback(\n        async (e: React.FormEvent<HTMLFormElement>) => {\n            e.preventDefault()\n            if (isSubmitting) return\n\n            const valid = validateAll()\n            if (!valid) return\n\n            setIsSubmitting(true)\n            const helpers: MFormHelpers = {\n                setSubmitting: setIsSubmitting,\n                resetForm,\n                setFieldError,\n            }\n\n            try {\n                await onSubmit?.(values, helpers)\n            } finally {\n                setIsSubmitting(false)\n            }\n        },\n        [isSubmitting, validateAll, values, onSubmit, resetForm, setFieldError]\n    )\n\n    // Memoize the public form context to limit downstream re-renders.\n    const ctx = useMemo<MFormContextValue>(\n        () => ({\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        }),\n        [\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        ]\n    )\n\n    return (\n        <FormContext.Provider value={ctx}>\n            <form\n                onSubmit={handleSubmit}\n                noValidate={noValidate}\n                className={`form${className ? ` ${className}` : ''}`}\n                style={style}\n                {...rest}\n            >\n                {typeof children === 'function' ? children(ctx) : children}\n            </form>\n        </FormContext.Provider>\n    )\n}\n","import {useEffect, useCallback} from 'react'\nimport {useFormContext} from './FormContext'\nimport type {ValidatorFn} from '../../../utils/validators'\n\nexport interface MUseFormFieldOptions {\n    validate?: ValidatorFn[]\n    required?: boolean\n}\n\nexport interface MUseFormFieldReturn {\n    value: unknown\n    error: string | undefined\n    touched: boolean\n    onChange: (value: unknown) => void\n    onBlur: () => void\n}\n\n// Connect a field name to the nearest form context and expose field-level helpers.\nexport function useFormField(name: string, options?: MUseFormFieldOptions): MUseFormFieldReturn {\n    const ctx = useFormContext()\n\n    // Register the field definition so the form can validate and reset it centrally.\n    useEffect(() => {\n        if (!ctx) return\n        ctx.registerField({\n            name,\n            validate: options?.validate,\n            required: options?.required,\n        })\n        return () => ctx.unregisterField(name)\n    }, [ctx, name, options?.validate, options?.required])\n\n    // Forward value updates into the form state.\n    const onChange = useCallback(\n        (val: unknown) => {\n            ctx?.setFieldValue(name, val)\n        },\n        [ctx, name]\n    )\n\n    // Mark the field as touched when the control loses focus.\n    const onBlur = useCallback(() => {\n        ctx?.setFieldTouched(name, true)\n    }, [ctx, name])\n\n    return {\n        value: ctx?.values[name] ?? '',\n        error: ctx?.errors[name],\n        touched: ctx?.touched[name] ?? false,\n        onChange,\n        onBlur,\n    }\n}\n"],"mappings":"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"}

package/dist/{form-DlXWN2ul.cjs → form-D5F1kTIA.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./validators-DRhikiAi.cjs`);require(`./core-DAox0BHy.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.createContext)(null);function i(){return(0,t.useContext)(r)}function a({initialValues:i={},onSubmit:a,onChange:o,validationMode:s=`onBlur`,children:c,className:l,style:u,noValidate:d=!0,...f}){let[p,m]=(0,t.useState)({...i}),[h,g]=(0,t.useState)({}),[_,v]=(0,t.useState)({}),[y,b]=(0,t.useState)(!1),x=(0,t.useRef)(new Map),S=(0,t.useCallback)(e=>{x.current.set(e.name,e)},[]),C=(0,t.useCallback)(e=>{x.current.delete(e)},[]),w=(0,t.useCallback)((t,n)=>{let r=x.current.get(t);if(!r)return{valid:!0};let i=n===void 0?p[t]:n,a=i==null?``:String(i);if(r.required){let t=e.g(a);if(!t.valid)return t}if(r.validate)for(let e of r.validate){let t=e(a);if(!t.valid)return t}return{valid:!0}},[p]),T=(0,t.useCallback)(e=>{let t=w(e);return g(n=>{if(t.valid){let t={...n};return delete t[e],t}return{...n,[e]:t.error}}),t},[w]),E=(0,t.useCallback)(()=>{let e=!0,t={};for(let[n]of x.current){let r=w(n);r.valid||(e=!1,t[n]=r.error)}g(t);let n={};for(let[e]of x.current)n[e]=!0;return v(n),e},[w]),D=(0,t.useCallback)((e,t)=>{m(n=>{let r={...n,[e]:t};return o?.(r),r}),s===`onChange`&&_[e]&&setTimeout(()=>T(e),0)},[o,s,_,T]),O=(0,t.useCallback)((e,t)=>{g(n=>({...n,[e]:t}))},[]),k=(0,t.useCallback)((e,t)=>{v(n=>({...n,[e]:t})),s===`onBlur`&&t&&T(e)},[s,T]),A=(0,t.useCallback)(()=>{m({...i}),g({}),v({}),b(!1)},[i]),j=(0,t.useCallback)(async e=>{if(e.preventDefault(),y||!E())return;b(!0);let t={setSubmitting:b,resetForm:A,setFieldError:O};try{await a?.(p,t)}finally{b(!1)}},[y,E,p,a,A,O]),M=(0,t.useMemo)(()=>({values:p,errors:h,touched:_,registerField:S,unregisterField:C,setFieldValue:D,setFieldError:O,setFieldTouched:k,validateField:T,validateAll:E,resetForm:A,isSubmitting:y}),[p,h,_,S,C,D,O,k,T,E,A,y]);return(0,n.jsx)(r.Provider,{value:M,children:(0,n.jsx)(`form`,{onSubmit:j,noValidate:d,className:`form${l?` ${l}`:``}`,style:u,...f,children:typeof c==`function`?c(M):c})})}function o(e,n){let r=i();(0,t.useEffect)(()=>{if(r)return r.registerField({name:e,validate:n?.validate,required:n?.required}),()=>r.unregisterField(e)},[r,e,n?.validate,n?.required]);let a=(0,t.useCallback)(t=>{r?.setFieldValue(e,t)},[r,e]),o=(0,t.useCallback)(()=>{r?.setFieldTouched(e,!0)},[r,e]);return{value:r?.values[e]??``,error:r?.errors[e],touched:r?.touched[e]??!1,onChange:a,onBlur:o}}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=form-DlXWN2ul.cjs.map
+const e=require(`./validators-DRhikiAi.cjs`);require(`./core-B2klLGki.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.createContext)(null);function i(){return(0,t.useContext)(r)}function a({initialValues:i={},onSubmit:a,onChange:o,validationMode:s=`onBlur`,children:c,className:l,style:u,noValidate:d=!0,...f}){let[p,m]=(0,t.useState)({...i}),[h,g]=(0,t.useState)({}),[_,v]=(0,t.useState)({}),[y,b]=(0,t.useState)(!1),x=(0,t.useRef)(new Map),S=(0,t.useCallback)(e=>{x.current.set(e.name,e)},[]),C=(0,t.useCallback)(e=>{x.current.delete(e)},[]),w=(0,t.useCallback)((t,n)=>{let r=x.current.get(t);if(!r)return{valid:!0};let i=n===void 0?p[t]:n,a=i==null?``:String(i);if(r.required){let t=e.g(a);if(!t.valid)return t}if(r.validate)for(let e of r.validate){let t=e(a);if(!t.valid)return t}return{valid:!0}},[p]),T=(0,t.useCallback)(e=>{let t=w(e);return g(n=>{if(t.valid){let t={...n};return delete t[e],t}return{...n,[e]:t.error}}),t},[w]),E=(0,t.useCallback)(()=>{let e=!0,t={};for(let[n]of x.current){let r=w(n);r.valid||(e=!1,t[n]=r.error)}g(t);let n={};for(let[e]of x.current)n[e]=!0;return v(n),e},[w]),D=(0,t.useCallback)((e,t)=>{m(n=>{let r={...n,[e]:t};return o?.(r),r}),s===`onChange`&&_[e]&&setTimeout(()=>T(e),0)},[o,s,_,T]),O=(0,t.useCallback)((e,t)=>{g(n=>({...n,[e]:t}))},[]),k=(0,t.useCallback)((e,t)=>{v(n=>({...n,[e]:t})),s===`onBlur`&&t&&T(e)},[s,T]),A=(0,t.useCallback)(()=>{m({...i}),g({}),v({}),b(!1)},[i]),j=(0,t.useCallback)(async e=>{if(e.preventDefault(),y||!E())return;b(!0);let t={setSubmitting:b,resetForm:A,setFieldError:O};try{await a?.(p,t)}finally{b(!1)}},[y,E,p,a,A,O]),M=(0,t.useMemo)(()=>({values:p,errors:h,touched:_,registerField:S,unregisterField:C,setFieldValue:D,setFieldError:O,setFieldTouched:k,validateField:T,validateAll:E,resetForm:A,isSubmitting:y}),[p,h,_,S,C,D,O,k,T,E,A,y]);return(0,n.jsx)(r.Provider,{value:M,children:(0,n.jsx)(`form`,{onSubmit:j,noValidate:d,className:`form${l?` ${l}`:``}`,style:u,...f,children:typeof c==`function`?c(M):c})})}function o(e,n){let r=i();(0,t.useEffect)(()=>{if(r)return r.registerField({name:e,validate:n?.validate,required:n?.required}),()=>r.unregisterField(e)},[r,e,n?.validate,n?.required]);let a=(0,t.useCallback)(t=>{r?.setFieldValue(e,t)},[r,e]),o=(0,t.useCallback)(()=>{r?.setFieldTouched(e,!0)},[r,e]);return{value:r?.values[e]??``,error:r?.errors[e],touched:r?.touched[e]??!1,onChange:a,onBlur:o}}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=form-D5F1kTIA.cjs.map

package/dist/{form-DlXWN2ul.cjs.map → form-D5F1kTIA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"form-DlXWN2ul.cjs","names":[],"sources":["../src/components/form/MForm/FormContext.ts","../src/components/form/MForm/MForm.tsx","../src/components/form/MForm/useFormField.ts"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MFormContextValue} from './MForm.types'\n\nexport const FormContext = createContext<MFormContextValue | null>(null)\n\n// Read the nearest form context to integrate custom fields with shared state.\nexport function useFormContext(): MFormContextValue | null {\n    return useContext(FormContext)\n}\n","import {useState, useRef, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\nimport type {MFormProps, MFieldRegistration, MFormContextValue, MFormHelpers} from './MForm.types'\nimport {FormContext} from './FormContext'\nimport {validateRequired} from '../../../utils/validators'\nimport type {ValidationResult} from '../../../utils/validators'\nimport './MForm.css'\n\n// Coordinate form values, validation state and submit helpers through context.\nexport function MForm({\n    initialValues = {},\n    onSubmit,\n    onChange,\n    validationMode = 'onBlur',\n    children,\n    className,\n    style,\n    noValidate = true,\n    ...rest\n}: MFormProps) {\n    const [values, setValues] = useState<Record<string, unknown>>({...initialValues})\n    const [errors, setErrors] = useState<Record<string, string>>({})\n    const [touched, setTouched] = useState<Record<string, boolean>>({})\n    const [isSubmitting, setIsSubmitting] = useState(false)\n    const fieldsRef = useRef<Map<string, MFieldRegistration>>(new Map())\n\n    // Track mounted fields so validation stays aligned with active inputs.\n    const registerField = useCallback((reg: MFieldRegistration) => {\n        fieldsRef.current.set(reg.name, reg)\n    }, [])\n\n    const unregisterField = useCallback((name: string) => {\n        fieldsRef.current.delete(name)\n    }, [])\n\n    // Run required and custom validators without mutating visible error state yet.\n    const validateFieldInternal = useCallback(\n        (name: string, val?: unknown): ValidationResult => {\n            const reg = fieldsRef.current.get(name)\n            if (!reg) return {valid: true}\n\n            const fieldValue = val !== undefined ? val : values[name]\n            const strValue = fieldValue != null ? String(fieldValue) : ''\n\n            // Required check\n            if (reg.required) {\n                const reqResult = validateRequired(strValue)\n                if (!reqResult.valid) return reqResult\n            }\n\n            // Custom validators\n            if (reg.validate) {\n                for (const validator of reg.validate) {\n                    const result = validator(strValue)\n                    if (!result.valid) return result\n                }\n            }\n\n            return {valid: true}\n        },\n        [values]\n    )\n\n    // Persist the latest validation result for a single field.\n    const validateField = useCallback(\n        (name: string): ValidationResult => {\n            const result = validateFieldInternal(name)\n            setErrors((prev) => {\n                if (result.valid) {\n                    const next = {...prev}\n                    delete next[name]\n                    return next\n                }\n                return {...prev, [name]: result.error!}\n            })\n            return result\n        },\n        [validateFieldInternal]\n    )\n\n    // Validate every registered field before submit.\n    const validateAll = useCallback((): boolean => {\n        let allValid = true\n        const newErrors: Record<string, string> = {}\n\n        for (const [name] of fieldsRef.current) {\n            const result = validateFieldInternal(name)\n            if (!result.valid) {\n                allValid = false\n                newErrors[name] = result.error!\n            }\n        }\n\n        setErrors(newErrors)\n        // Mark all as touched\n        const allTouched: Record<string, boolean> = {}\n        for (const [name] of fieldsRef.current) {\n            allTouched[name] = true\n        }\n        setTouched(allTouched)\n\n        return allValid\n    }, [validateFieldInternal])\n\n    // Update field values and trigger onChange or validation according to mode.\n    const setFieldValue = useCallback(\n        (name: string, val: unknown) => {\n            setValues((prev) => {\n                const next = {...prev, [name]: val}\n                onChange?.(next)\n                return next\n            })\n\n            if (validationMode === 'onChange' && touched[name]) {\n                // Defer validation to next tick so values are updated\n                setTimeout(() => validateField(name), 0)\n            }\n        },\n        [onChange, validationMode, touched, validateField]\n    )\n\n    const setFieldError = useCallback((name: string, error: string) => {\n        setErrors((prev) => ({...prev, [name]: error}))\n    }, [])\n\n    // Mark fields as touched so blur validation can start surfacing errors.\n    const setFieldTouched = useCallback(\n        (name: string, isTouched: boolean) => {\n            setTouched((prev) => ({...prev, [name]: isTouched}))\n            if (validationMode === 'onBlur' && isTouched) {\n                validateField(name)\n            }\n        },\n        [validationMode, validateField]\n    )\n\n    const resetForm = useCallback(() => {\n        setValues({...initialValues})\n        setErrors({})\n        setTouched({})\n        setIsSubmitting(false)\n    }, [initialValues])\n\n    // Guard submit flow with validation and a single in-flight submission state.\n    const handleSubmit = useCallback(\n        async (e: React.FormEvent<HTMLFormElement>) => {\n            e.preventDefault()\n            if (isSubmitting) return\n\n            const valid = validateAll()\n            if (!valid) return\n\n            setIsSubmitting(true)\n            const helpers: MFormHelpers = {\n                setSubmitting: setIsSubmitting,\n                resetForm,\n                setFieldError,\n            }\n\n            try {\n                await onSubmit?.(values, helpers)\n            } finally {\n                setIsSubmitting(false)\n            }\n        },\n        [isSubmitting, validateAll, values, onSubmit, resetForm, setFieldError]\n    )\n\n    // Memoize the public form context to limit downstream re-renders.\n    const ctx = useMemo<MFormContextValue>(\n        () => ({\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        }),\n        [\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        ]\n    )\n\n    return (\n        <FormContext.Provider value={ctx}>\n            <form\n                onSubmit={handleSubmit}\n                noValidate={noValidate}\n                className={`form${className ? ` ${className}` : ''}`}\n                style={style}\n                {...rest}\n            >\n                {typeof children === 'function' ? children(ctx) : children}\n            </form>\n        </FormContext.Provider>\n    )\n}\n","import {useEffect, useCallback} from 'react'\nimport {useFormContext} from './FormContext'\nimport type {ValidatorFn} from '../../../utils/validators'\n\nexport interface MUseFormFieldOptions {\n    validate?: ValidatorFn[]\n    required?: boolean\n}\n\nexport interface MUseFormFieldReturn {\n    value: unknown\n    error: string | undefined\n    touched: boolean\n    onChange: (value: unknown) => void\n    onBlur: () => void\n}\n\n// Connect a field name to the nearest form context and expose field-level helpers.\nexport function useFormField(name: string, options?: MUseFormFieldOptions): MUseFormFieldReturn {\n    const ctx = useFormContext()\n\n    // Register the field definition so the form can validate and reset it centrally.\n    useEffect(() => {\n        if (!ctx) return\n        ctx.registerField({\n            name,\n            validate: options?.validate,\n            required: options?.required,\n        })\n        return () => ctx.unregisterField(name)\n    }, [ctx, name, options?.validate, options?.required])\n\n    // Forward value updates into the form state.\n    const onChange = useCallback(\n        (val: unknown) => {\n            ctx?.setFieldValue(name, val)\n        },\n        [ctx, name]\n    )\n\n    // Mark the field as touched when the control loses focus.\n    const onBlur = useCallback(() => {\n        ctx?.setFieldTouched(name, true)\n    }, [ctx, name])\n\n    return {\n        value: ctx?.values[name] ?? '',\n        error: ctx?.errors[name],\n        touched: ctx?.touched[name] ?? false,\n        onChange,\n        onBlur,\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"form-D5F1kTIA.cjs","names":[],"sources":["../src/components/form/MForm/FormContext.ts","../src/components/form/MForm/MForm.tsx","../src/components/form/MForm/useFormField.ts"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MFormContextValue} from './MForm.types'\n\nexport const FormContext = createContext<MFormContextValue | null>(null)\n\n// Read the nearest form context to integrate custom fields with shared state.\nexport function useFormContext(): MFormContextValue | null {\n    return useContext(FormContext)\n}\n","import {useState, useRef, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\nimport type {MFormProps, MFieldRegistration, MFormContextValue, MFormHelpers} from './MForm.types'\nimport {FormContext} from './FormContext'\nimport {validateRequired} from '../../../utils/validators'\nimport type {ValidationResult} from '../../../utils/validators'\nimport './MForm.css'\n\n// Coordinate form values, validation state and submit helpers through context.\nexport function MForm({\n    initialValues = {},\n    onSubmit,\n    onChange,\n    validationMode = 'onBlur',\n    children,\n    className,\n    style,\n    noValidate = true,\n    ...rest\n}: MFormProps) {\n    const [values, setValues] = useState<Record<string, unknown>>({...initialValues})\n    const [errors, setErrors] = useState<Record<string, string>>({})\n    const [touched, setTouched] = useState<Record<string, boolean>>({})\n    const [isSubmitting, setIsSubmitting] = useState(false)\n    const fieldsRef = useRef<Map<string, MFieldRegistration>>(new Map())\n\n    // Track mounted fields so validation stays aligned with active inputs.\n    const registerField = useCallback((reg: MFieldRegistration) => {\n        fieldsRef.current.set(reg.name, reg)\n    }, [])\n\n    const unregisterField = useCallback((name: string) => {\n        fieldsRef.current.delete(name)\n    }, [])\n\n    // Run required and custom validators without mutating visible error state yet.\n    const validateFieldInternal = useCallback(\n        (name: string, val?: unknown): ValidationResult => {\n            const reg = fieldsRef.current.get(name)\n            if (!reg) return {valid: true}\n\n            const fieldValue = val !== undefined ? val : values[name]\n            const strValue = fieldValue != null ? String(fieldValue) : ''\n\n            // Required check\n            if (reg.required) {\n                const reqResult = validateRequired(strValue)\n                if (!reqResult.valid) return reqResult\n            }\n\n            // Custom validators\n            if (reg.validate) {\n                for (const validator of reg.validate) {\n                    const result = validator(strValue)\n                    if (!result.valid) return result\n                }\n            }\n\n            return {valid: true}\n        },\n        [values]\n    )\n\n    // Persist the latest validation result for a single field.\n    const validateField = useCallback(\n        (name: string): ValidationResult => {\n            const result = validateFieldInternal(name)\n            setErrors((prev) => {\n                if (result.valid) {\n                    const next = {...prev}\n                    delete next[name]\n                    return next\n                }\n                return {...prev, [name]: result.error!}\n            })\n            return result\n        },\n        [validateFieldInternal]\n    )\n\n    // Validate every registered field before submit.\n    const validateAll = useCallback((): boolean => {\n        let allValid = true\n        const newErrors: Record<string, string> = {}\n\n        for (const [name] of fieldsRef.current) {\n            const result = validateFieldInternal(name)\n            if (!result.valid) {\n                allValid = false\n                newErrors[name] = result.error!\n            }\n        }\n\n        setErrors(newErrors)\n        // Mark all as touched\n        const allTouched: Record<string, boolean> = {}\n        for (const [name] of fieldsRef.current) {\n            allTouched[name] = true\n        }\n        setTouched(allTouched)\n\n        return allValid\n    }, [validateFieldInternal])\n\n    // Update field values and trigger onChange or validation according to mode.\n    const setFieldValue = useCallback(\n        (name: string, val: unknown) => {\n            setValues((prev) => {\n                const next = {...prev, [name]: val}\n                onChange?.(next)\n                return next\n            })\n\n            if (validationMode === 'onChange' && touched[name]) {\n                // Defer validation to next tick so values are updated\n                setTimeout(() => validateField(name), 0)\n            }\n        },\n        [onChange, validationMode, touched, validateField]\n    )\n\n    const setFieldError = useCallback((name: string, error: string) => {\n        setErrors((prev) => ({...prev, [name]: error}))\n    }, [])\n\n    // Mark fields as touched so blur validation can start surfacing errors.\n    const setFieldTouched = useCallback(\n        (name: string, isTouched: boolean) => {\n            setTouched((prev) => ({...prev, [name]: isTouched}))\n            if (validationMode === 'onBlur' && isTouched) {\n                validateField(name)\n            }\n        },\n        [validationMode, validateField]\n    )\n\n    const resetForm = useCallback(() => {\n        setValues({...initialValues})\n        setErrors({})\n        setTouched({})\n        setIsSubmitting(false)\n    }, [initialValues])\n\n    // Guard submit flow with validation and a single in-flight submission state.\n    const handleSubmit = useCallback(\n        async (e: React.FormEvent<HTMLFormElement>) => {\n            e.preventDefault()\n            if (isSubmitting) return\n\n            const valid = validateAll()\n            if (!valid) return\n\n            setIsSubmitting(true)\n            const helpers: MFormHelpers = {\n                setSubmitting: setIsSubmitting,\n                resetForm,\n                setFieldError,\n            }\n\n            try {\n                await onSubmit?.(values, helpers)\n            } finally {\n                setIsSubmitting(false)\n            }\n        },\n        [isSubmitting, validateAll, values, onSubmit, resetForm, setFieldError]\n    )\n\n    // Memoize the public form context to limit downstream re-renders.\n    const ctx = useMemo<MFormContextValue>(\n        () => ({\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        }),\n        [\n            values,\n            errors,\n            touched,\n            registerField,\n            unregisterField,\n            setFieldValue,\n            setFieldError,\n            setFieldTouched,\n            validateField,\n            validateAll,\n            resetForm,\n            isSubmitting,\n        ]\n    )\n\n    return (\n        <FormContext.Provider value={ctx}>\n            <form\n                onSubmit={handleSubmit}\n                noValidate={noValidate}\n                className={`form${className ? ` ${className}` : ''}`}\n                style={style}\n                {...rest}\n            >\n                {typeof children === 'function' ? children(ctx) : children}\n            </form>\n        </FormContext.Provider>\n    )\n}\n","import {useEffect, useCallback} from 'react'\nimport {useFormContext} from './FormContext'\nimport type {ValidatorFn} from '../../../utils/validators'\n\nexport interface MUseFormFieldOptions {\n    validate?: ValidatorFn[]\n    required?: boolean\n}\n\nexport interface MUseFormFieldReturn {\n    value: unknown\n    error: string | undefined\n    touched: boolean\n    onChange: (value: unknown) => void\n    onBlur: () => void\n}\n\n// Connect a field name to the nearest form context and expose field-level helpers.\nexport function useFormField(name: string, options?: MUseFormFieldOptions): MUseFormFieldReturn {\n    const ctx = useFormContext()\n\n    // Register the field definition so the form can validate and reset it centrally.\n    useEffect(() => {\n        if (!ctx) return\n        ctx.registerField({\n            name,\n            validate: options?.validate,\n            required: options?.required,\n        })\n        return () => ctx.unregisterField(name)\n    }, [ctx, name, options?.validate, options?.required])\n\n    // Forward value updates into the form state.\n    const onChange = useCallback(\n        (val: unknown) => {\n            ctx?.setFieldValue(name, val)\n        },\n        [ctx, name]\n    )\n\n    // Mark the field as touched when the control loses focus.\n    const onBlur = useCallback(() => {\n        ctx?.setFieldTouched(name, true)\n    }, [ctx, name])\n\n    return {\n        value: ctx?.values[name] ?? '',\n        error: ctx?.errors[name],\n        touched: ctx?.touched[name] ?? false,\n        onChange,\n        onBlur,\n    }\n}\n"],"mappings":"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"}

package/dist/form.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./form-DlXWN2ul.cjs`);exports.MForm=e.n,exports.useFormContext=e.r,exports.useFormField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./form-D5F1kTIA.cjs`);exports.MForm=e.n,exports.useFormContext=e.r,exports.useFormField=e.t;

package/dist/form.js

@@ -1,4 +1,4 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { n as e, r as t, t as n } from "./form-BiPQ8SRK.js";
+import { n as e, r as t, t as n } from "./form-CWoOQ_qo.js";
 export { e as MForm, t as useFormContext, n as useFormField };

package/dist/i18n.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MI18nProvider-DOh5xexz.cjs`);exports.MI18nProvider=e.t,exports.useMI18n=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MI18nProvider-bf1G7lTP.cjs`);exports.MI18nProvider=e.t,exports.useMI18n=e.n;

package/dist/icons/MIcon.types.d.ts

@@ -5,4 +5,10 @@ export interface MIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'children
     color?: MColor | 'inherit';
     title?: string;
     children?: ReactNode;
+    /**
+     * Only respected by v2 illustration-style icons (`MIconV2` and the
+     * generated `M*IconV2` glyph components). When true, the rounded shell
+     * card background is drawn behind the glyph. Ignored by v1 icons.
+     */
+    shell?: boolean;
 }

package/dist/icons/glyphs/MAirplaneFillIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MAirplaneFillIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/{MBrandIconsV2.d.ts → MAirplaneIcon.d.ts}

@@ -1,2 +1,2 @@
 import { MIconProps } from '../MIcon.types';
-export declare const MGitHubIconV2: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MAirplaneIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MApartmentIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MApartmentIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/{MChartIconV2.d.ts → MArchiveIcon.d.ts}

@@ -1,2 +1,2 @@
 import { MIconProps } from '../MIcon.types';
-export declare const MChartIconV2: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MArchiveIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MBookIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MBookIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MBookOpenFillIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MBookOpenFillIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/{MSearchIconV2.d.ts → MBookOpenIcon.d.ts}

@@ -1,2 +1,2 @@
 import { MIconProps } from '../MIcon.types';
-export declare const MSearchIconV2: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MBookOpenIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MBookmarkFillIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MBookmarkFillIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MBookmarkIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MBookmarkIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MBooksIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MBooksIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MCarFillIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MCarFillIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MCarIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MCarIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MClassroomIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MClassroomIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MColumnsIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MColumnsIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/{MUserIconV2.d.ts → MFlagAtIcon.d.ts}

@@ -1,2 +1,2 @@
 import { MIconProps } from '../MIcon.types';
-export declare const MUserIconV2: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MFlagAtIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/{MHomeIconV2.d.ts → MFlagAuIcon.d.ts}

@@ -1,2 +1,2 @@
 import { MIconProps } from '../MIcon.types';
-export declare const MHomeIconV2: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const MFlagAuIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/icons/glyphs/MFlagChIcon.d.ts

@@ -0,0 +1,2 @@
+import { MIconProps } from '../MIcon.types';
+export declare const MFlagChIcon: import('react').ForwardRefExoticComponent<MIconProps & import('react').RefAttributes<SVGSVGElement>>;