@banzamel/mineralui 2.1.0 → 2.1.2

package/dist/dropdowns.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./dropdowns-Befc3lmC.cjs`);exports.MAutocomplete=e.i,exports.MDatePicker=e.r,exports.MDateRangePicker=e.t,exports.MSelect=e.a,exports.MTimePicker=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./dropdowns-D_nUdflh.cjs`);exports.MAutocomplete=e.i,exports.MDatePicker=e.r,exports.MDateRangePicker=e.t,exports.MSelect=e.a,exports.MTimePicker=e.n;

package/dist/dropdowns.js

@@ -1,4 +1,4 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { a as e, i as t, n, r, t as i } from "./dropdowns-DGvRs-VE.js";
+import { a as e, i as t, n, r, t as i } from "./dropdowns-oj4--GbK.js";
 export { t as MAutocomplete, r as MDatePicker, i as MDateRangePicker, e as MSelect, n as MTimePicker };

package/dist/{feedback-C445FEHb.js → feedback-D7BTlioj.js}

@@ -2,44 +2,42 @@ 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-C1pnL4_j.js";
-import { t as h } from "./MStack-h11pHEmc.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";
+import { t as f } from "./MButton-C1pnL4_j.js";
+import { createContext as p, useCallback as m, useContext as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import { jsx as b, jsxs as x } 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, {})
+var S = {
+	success: /* @__PURE__ */ b(l, {}),
+	warning: /* @__PURE__ */ b(a, {}),
+	error: /* @__PURE__ */ b(o, {}),
+	info: /* @__PURE__ */ b(c, {}),
+	primary: /* @__PURE__ */ b(c, {}),
+	neutral: /* @__PURE__ */ b(s, {}),
+	light: /* @__PURE__ */ b(r, {}),
+	dark: /* @__PURE__ */ b(t, {}),
+	news: /* @__PURE__ */ b(i, {})
 };
-function E(e) {
-	return e ? T[e] ?? T.info : T.info;
+function C(e) {
+	return e ? S[e] ?? S.info : S.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", {
+function w({ color: t = "info", icon: n = !0, title: r, hidden: i, className: a, children: o, ...s }) {
+	let c = n === !1 ? null : n === !0 ? C(t) : n;
+	return /* @__PURE__ */ x("div", {
 		className: u("alert", `color-${t}`, a),
 		role: "status",
 		...e(i),
 		...s,
-		children: [c && /* @__PURE__ */ C("span", {
+		children: [c && /* @__PURE__ */ b("span", {
 			className: "icon",
 			children: c
-		}), /* @__PURE__ */ w("div", {
+		}), /* @__PURE__ */ x("div", {
 			className: "main",
-			children: [r && /* @__PURE__ */ C("div", {
+			children: [r && /* @__PURE__ */ b("div", {
 				className: "title",
 				children: r
-			}), o && /* @__PURE__ */ C("div", {
+			}), o && /* @__PURE__ */ b("div", {
 				className: "content",
 				children: o
 			})]
@@ -48,12 +46,12 @@ function D({ color: t = "info", icon: n = !0, title: r, hidden: i, className: a,
 }
 //#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 = () => {
+function T({ color: t = "primary", variant: r = "filled", icon: i, action: a, hidden: o, dismissible: s = !1, onDismiss: c, className: l, children: d, ...p }) {
+	let [m, h] = y(!0), [g, _] = y(!1), S = v(null);
+	if (!m) return null;
+	let C = () => {
 		_(!0);
-		let e = v.current;
+		let e = S.current;
 		if (!e) {
 			h(!1), c?.();
 			return;
@@ -63,105 +61,72 @@ function O({ color: t = "primary", variant: r = "filled", icon: i, action: a, hi
 		};
 		e.addEventListener("transitionend", t, { once: !0 }), setTimeout(t, 1e3);
 	};
-	return /* @__PURE__ */ C("div", {
-		ref: v,
+	return /* @__PURE__ */ b("div", {
+		ref: S,
 		className: u("banner-wrap", g && "dismissing"),
 		...e(o),
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: u("banner", `color-${t}`, r, l),
 			role: "banner",
-			...f,
+			...p,
 			children: [
-				i && /* @__PURE__ */ C("span", {
+				i && /* @__PURE__ */ b("span", {
 					className: "banner-icon",
 					children: i
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ b("div", {
 					className: "banner-content",
 					children: d
 				}),
-				a && /* @__PURE__ */ C("div", {
+				a && /* @__PURE__ */ b("div", {
 					className: "banner-action",
 					children: a
 				}),
-				s && /* @__PURE__ */ C(m, {
+				s && /* @__PURE__ */ b(f, {
 					variant: "link",
 					color: "neutral",
 					iconOnly: !0,
 					size: "sm",
 					className: "banner-dismiss",
-					onClick: y,
+					onClick: C,
 					"aria-label": "Dismiss",
-					children: /* @__PURE__ */ C(n, {})
+					children: /* @__PURE__ */ b(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 = {
+var E = {
 	xs: 24,
 	sm: 36,
 	md: 56,
 	lg: 88,
 	xl: 128
-}, M = {
+}, D = {
 	xs: 2,
 	sm: 3,
 	md: 4,
 	lg: 6,
 	xl: 8
 };
-function N(e, t, n) {
+function O(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 k(e) {
+	return typeof e == "number" ? e : E[e ?? "md"] ?? E.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 A(e, t) {
+	return typeof e == "number" ? e : typeof t == "number" ? Math.max(2, Math.round(t / 14)) : D[t ?? "md"] ?? D.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), _ = {
+function j({ value: e, size: t = "md", color: n = "primary", thickness: r, showPercent: i = !0, label: a, ariaLabel: o, className: s, style: c, ...l }) {
+	let d = O(Math.round(e), 0, 100), f = k(t), p = A(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", {
+	}, v = typeof t == "string" ? t : "custom", y = o ?? `Loading ${d}%`, S = a === void 0 ? i : a !== null;
+	return /* @__PURE__ */ x("div", {
 		className: u("progress-ring", v, n && `color-${n}`, s),
 		style: _,
 		role: "progressbar",
@@ -170,20 +135,20 @@ function I({ value: e, size: t = "md", color: n = "primary", thickness: r, showP
 		"aria-valuemax": 100,
 		"aria-label": y,
 		...l,
-		children: [/* @__PURE__ */ w("svg", {
+		children: [/* @__PURE__ */ x("svg", {
 			className: "progress-ring-svg",
 			width: f,
 			height: f,
 			viewBox: `0 0 ${f} ${f}`,
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ C("circle", {
+			children: [/* @__PURE__ */ b("circle", {
 				className: "progress-ring-track",
 				cx: f / 2,
 				cy: f / 2,
 				r: m,
 				fill: "none",
 				strokeWidth: p
-			}), /* @__PURE__ */ C("circle", {
+			}), /* @__PURE__ */ b("circle", {
 				className: "progress-ring-indicator",
 				cx: f / 2,
 				cy: f / 2,
@@ -195,7 +160,7 @@ function I({ value: e, size: t = "md", color: n = "primary", thickness: r, showP
 				strokeLinecap: "round",
 				transform: `rotate(-90 ${f / 2} ${f / 2})`
 			})]
-		}), b ? /* @__PURE__ */ C("span", {
+		}), S ? /* @__PURE__ */ b("span", {
 			className: "progress-ring-label",
 			"aria-hidden": "true",
 			children: a === void 0 ? `${d}%` : a
@@ -204,17 +169,17 @@ function I({ value: e, size: t = "md", color: n = "primary", thickness: r, showP
 }
 //#endregion
 //#region src/components/feedback/MToast/MToastContext.ts
-var L = g(null), R = L.Provider;
-function z() {
-	let e = v(L);
+var M = p(null), N = M.Provider;
+function P() {
+	let e = h(M);
 	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(() => {
+function F({ entry: e, onDismiss: t }) {
+	let [r, i] = y(!1), a = e.duration ?? 4e3;
+	g(() => {
 		if (a <= 0) return;
 		let e = setTimeout(() => i(!0), a);
 		return () => clearTimeout(e);
@@ -222,27 +187,27 @@ function B({ entry: e, onDismiss: t }) {
 	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", {
+	let s = e.color || "info", c = e.icon === !1 ? null : e.icon === void 0 || e.icon === !0 ? C(s) : e.icon;
+	return /* @__PURE__ */ x("div", {
 		className: u("toast item", `color-${s}`, r && "exit"),
 		role: "status",
 		onAnimationEnd: o,
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "toast body",
-			children: [c && /* @__PURE__ */ C("span", {
+			children: [c && /* @__PURE__ */ b("span", {
 				className: "toast icon",
 				children: c
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ x("div", {
 				className: "toast content",
-				children: [e.title && /* @__PURE__ */ C("div", {
+				children: [e.title && /* @__PURE__ */ b("div", {
 					className: "toast title",
 					children: e.title
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "toast message",
 					children: e.message
 				})]
 			})]
-		}), /* @__PURE__ */ C(m, {
+		}), /* @__PURE__ */ b(f, {
 			variant: "ghost",
 			color: "neutral",
 			iconOnly: !0,
@@ -250,34 +215,34 @@ function B({ entry: e, onDismiss: t }) {
 			className: "toast close",
 			onClick: () => i(!0),
 			"aria-label": "Close",
-			children: /* @__PURE__ */ C(n, {})
+			children: /* @__PURE__ */ b(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);
+var I = 0;
+function L({ position: e = "top-right", duration: t = 4e3, children: n }) {
+	let [r, i] = y([]), a = v(t);
 	a.current = t;
-	let o = _((e) => {
+	let o = m((e) => {
 		i((t) => t.filter((t) => t.id !== e));
-	}, []), s = _((e) => {
-		let t = `toast-${++V}`, n = {
+	}, []), s = m((e) => {
+		let t = `toast-${++I}`, n = {
 			id: t,
 			...e,
 			duration: e.duration ?? a.current
 		};
 		return i((e) => [...e, n]), t;
 	}, []);
-	return /* @__PURE__ */ w(R, {
-		value: b(() => ({
+	return /* @__PURE__ */ x(N, {
+		value: _(() => ({
 			toast: s,
 			dismiss: o
 		}), [s, o]),
-		children: [n, /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C("div", {
+		children: [n, /* @__PURE__ */ b(d, { children: /* @__PURE__ */ b("div", {
 			className: u("toast container", e),
-			children: r.map((e) => /* @__PURE__ */ C(B, {
+			children: r.map((e) => /* @__PURE__ */ b(F, {
 				entry: e,
 				onDismiss: o
 			}, e.id))
@@ -285,6 +250,6 @@ function H({ position: e = "top-right", duration: t = 4e3, children: n }) {
 	});
 }
 //#endregion
-export { O as a, A as i, z as n, D as o, I as r, H as t };
+export { w as a, T as i, P as n, j as r, L as t };
 
-//# sourceMappingURL=feedback-C445FEHb.js.map
+//# sourceMappingURL=feedback-D7BTlioj.js.map

package/dist/feedback-D7BTlioj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-D7BTlioj.js","names":[],"sources":["../src/components/feedback/statusIcons.tsx","../src/components/feedback/MAlert/MAlert.tsx","../src/components/feedback/MBanner/MBanner.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 {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-u1ssUT7e.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-BfNZicWk.cjs`),t=require(`./icons-BfdQ45F2.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./MPortal-BciZHNDC.cjs`),i=require(`./MButton-R08y1HCT.cjs`);require(`./core-DBpQf3uY.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s={success:(0,o.jsx)(t.yi,{}),warning:(0,o.jsx)(t.Si,{}),error:(0,o.jsx)(t.bi,{}),info:(0,o.jsx)(t.xi,{}),primary:(0,o.jsx)(t.xi,{}),neutral:(0,o.jsx)(t.vi,{}),light:(0,o.jsx)(t.Ln,{}),dark:(0,o.jsx)(t.In,{}),news:(0,o.jsx)(t.Pn,{})};function c(e){return e?s[e]??s.info:s.info}function l({color:t=`info`,icon:r=!0,title:i,hidden:a,className:s,children:l,...u}){let d=r===!1?null:r===!0?c(t):r;return(0,o.jsxs)(`div`,{className:n.t(`alert`,`color-${t}`,s),role:`status`,...e.r(a),...u,children:[d&&(0,o.jsx)(`span`,{className:`icon`,children:d}),(0,o.jsxs)(`div`,{className:`main`,children:[i&&(0,o.jsx)(`div`,{className:`title`,children:i}),l&&(0,o.jsx)(`div`,{className:`content`,children:l})]})]})}function u({color:r=`primary`,variant:s=`filled`,icon:c,action:l,hidden:u,dismissible:d=!1,onDismiss:f,className:p,children:m,...h}){let[g,_]=(0,a.useState)(!0),[v,y]=(0,a.useState)(!1),b=(0,a.useRef)(null);if(!g)return null;let x=()=>{y(!0);let e=b.current;if(!e){_(!1),f?.();return}let t=()=>{_(!1),y(!1),f?.()};e.addEventListener(`transitionend`,t,{once:!0}),setTimeout(t,1e3)};return(0,o.jsx)(`div`,{ref:b,className:n.t(`banner-wrap`,v&&`dismissing`),...e.r(u),children:(0,o.jsxs)(`div`,{className:n.t(`banner`,`color-${r}`,s,p),role:`banner`,...h,children:[c&&(0,o.jsx)(`span`,{className:`banner-icon`,children:c}),(0,o.jsx)(`div`,{className:`banner-content`,children:m}),l&&(0,o.jsx)(`div`,{className:`banner-action`,children:l}),d&&(0,o.jsx)(i.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,className:`banner-dismiss`,onClick:x,"aria-label":`Dismiss`,children:(0,o.jsx)(t.Ki,{})})]})})}var d={xs:24,sm:36,md:56,lg:88,xl:128},f={xs:2,sm:3,md:4,lg:6,xl:8};function p(e,t,n){return Math.max(t,Math.min(n,e))}function m(e){return typeof e==`number`?e:d[e??`md`]??d.md}function h(e,t){return typeof e==`number`?e:typeof t==`number`?Math.max(2,Math.round(t/14)):f[t??`md`]??f.md}function g({value:e,size:t=`md`,color:r=`primary`,thickness:i,showPercent:a=!0,label:s,ariaLabel:c,className:l,style:u,...d}){let f=p(Math.round(e),0,100),g=m(t),_=h(i,t),v=(g-_)/2,y=2*Math.PI*v,b=y*(1-f/100),x={width:`${g}px`,height:`${g}px`,...u},S=typeof t==`string`?t:`custom`,C=c??`Loading ${f}%`,w=s===void 0?a:s!==null;return(0,o.jsxs)(`div`,{className:n.t(`progress-ring`,S,r&&`color-${r}`,l),style:x,role:`progressbar`,"aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":100,"aria-label":C,...d,children:[(0,o.jsxs)(`svg`,{className:`progress-ring-svg`,width:g,height:g,viewBox:`0 0 ${g} ${g}`,"aria-hidden":`true`,children:[(0,o.jsx)(`circle`,{className:`progress-ring-track`,cx:g/2,cy:g/2,r:v,fill:`none`,strokeWidth:_}),(0,o.jsx)(`circle`,{className:`progress-ring-indicator`,cx:g/2,cy:g/2,r:v,fill:`none`,strokeWidth:_,strokeDasharray:y,strokeDashoffset:b,strokeLinecap:`round`,transform:`rotate(-90 ${g/2} ${g/2})`})]}),w?(0,o.jsx)(`span`,{className:`progress-ring-label`,"aria-hidden":`true`,children:s===void 0?`${f}%`:s}):null]})}var _=(0,a.createContext)(null),v=_.Provider;function y(){let e=(0,a.useContext)(_);if(!e)throw Error(`useMToast must be used inside MToastProvider`);return e}function b({entry:e,onDismiss:r}){let[s,l]=(0,a.useState)(!1),u=e.duration??4e3;(0,a.useEffect)(()=>{if(u<=0)return;let e=setTimeout(()=>l(!0),u);return()=>clearTimeout(e)},[u]);function d(){s&&r(e.id)}let f=e.color||`info`,p=e.icon===!1?null:e.icon===void 0||e.icon===!0?c(f):e.icon;return(0,o.jsxs)(`div`,{className:n.t(`toast item`,`color-${f}`,s&&`exit`),role:`status`,onAnimationEnd:d,children:[(0,o.jsxs)(`div`,{className:`toast body`,children:[p&&(0,o.jsx)(`span`,{className:`toast icon`,children:p}),(0,o.jsxs)(`div`,{className:`toast content`,children:[e.title&&(0,o.jsx)(`div`,{className:`toast title`,children:e.title}),(0,o.jsx)(`div`,{className:`toast message`,children:e.message})]})]}),(0,o.jsx)(i.t,{variant:`ghost`,color:`neutral`,iconOnly:!0,size:`xs`,className:`toast close`,onClick:()=>l(!0),"aria-label":`Close`,children:(0,o.jsx)(t.Ki,{})})]})}var x=0;function S({position:e=`top-right`,duration:t=4e3,children:i}){let[s,c]=(0,a.useState)([]),l=(0,a.useRef)(t);l.current=t;let u=(0,a.useCallback)(e=>{c(t=>t.filter(t=>t.id!==e))},[]),d=(0,a.useCallback)(e=>{let t=`toast-${++x}`,n={id:t,...e,duration:e.duration??l.current};return c(e=>[...e,n]),t},[]);return(0,o.jsxs)(v,{value:(0,a.useMemo)(()=>({toast:d,dismiss:u}),[d,u]),children:[i,(0,o.jsx)(r.t,{children:(0,o.jsx)(`div`,{className:n.t(`toast container`,e),children:s.map(e=>(0,o.jsx)(b,{entry:e,onDismiss:u},e.id))})})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=feedback-u1ssUT7e.cjs.map

package/dist/{feedback-C8RfsfYJ.cjs.map → feedback-u1ssUT7e.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"feedback-C8RfsfYJ.cjs","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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"}
+{"version":3,"file":"feedback-u1ssUT7e.cjs","names":[],"sources":["../src/components/feedback/statusIcons.tsx","../src/components/feedback/MAlert/MAlert.tsx","../src/components/feedback/MBanner/MBanner.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 {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-B8kFTOPJ.cjs`),t=require(`./feedback-C8RfsfYJ.cjs`),n=require(`./MSkeleton-DyQBeuVT.cjs`),r=require(`./MTag-BwQbycZO.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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MButton-R08y1HCT.cjs`),t=require(`./feedback-u1ssUT7e.cjs`),n=require(`./MSkeleton-CLSU5pL6.cjs`),r=require(`./MTag-BtlOVMRl.cjs`),i=require(`./MLoader-XcpKlLrd.cjs`);exports.MAlert=t.a,exports.MBadge=n.n,exports.MBanner=t.i,exports.MLoader=i.t,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,7 +1,8 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
 import { r as e } from "./MButton-C1pnL4_j.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./feedback-C445FEHb.js";
-import { n as s, t as c } from "./MSkeleton-C5uD4Axo.js";
-import { t as l } from "./MTag-BF6htPr-.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 };
+import { a as t, i as n, n as r, r as i, t as a } from "./feedback-D7BTlioj.js";
+import { n as o, t as s } from "./MSkeleton-C5uD4Axo.js";
+import { t as c } from "./MTag-BF6htPr-.js";
+import { t as l } from "./MLoader-CnvWqFtA.js";
+export { t as MAlert, o as MBadge, n as MBanner, l as MLoader, i as MProgressRing, s as MSkeleton, e as MSpinner, c as MTag, a as MToastProvider, r as useMToast };

package/dist/{form-DSlAmTT1.cjs → form-BWGLrCPi.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./validators-B6yWdsu2.cjs`);require(`./core-o3cw16Db.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-DSlAmTT1.cjs.map
+const e=require(`./validators-B6yWdsu2.cjs`);require(`./core-DBpQf3uY.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-BWGLrCPi.cjs.map