@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/MSkeleton-BpcpBBJq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSkeleton-BpcpBBJq.js","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    hidden,\n    hiddenAbove,\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading. Hidden from assistive technology:\n// it carries no content, the loading state belongs on the region that is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                aria-hidden=\"true\"\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            aria-hidden=\"true\"\n            {...rest}\n        />\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAO,EACnB,WAAQ,WACR,UAAO,MACP,WACA,gBACA,aAAU,IACV,aAAU,IACV,eAAY,IACZ,SACA,cACA,aACA,GAAG,KACS;AACZ,QACI,kBAAC,QAAD;EACI,WAAW,EACP,SACA,SAAS,KACT,GACA,KAAW,WACX,KAAW,WACX,KAAa,cACb,EACH;EACD,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;YAXR,CAaK,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAY,CAAA,EAClD,EACE;;;;;AC/Bf,SAAS,EAAiB,GAAe,GAAe;AAapD,QAZI,KAAS,IACF,SAGP,MAAU,IAAQ,IACX,QAGP,MAAU,IAAQ,KAAK,IAAQ,IACxB,QAGJ;;AAKX,SAAgB,EAAU,EACtB,aAAU,QACV,UACA,WACA,WACA,WAAQ,GACR,QACA,aAAU,IACV,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAY,MAAY,KAAQ,SAAS,MAAY,KAAO,YAAY;AAyB9E,QAvBI,MAAY,SAER,kBAAC,OAAD;EACI,WAAW,EAAG,kBAAkB,EAAU;EAC1C,OAAO;GAAC,OAAO,KAAS,KAAA;GAAW,KAAK,KAAO,KAAA;GAAW,GAAG;GAAM;EACnE,eAAY;EACZ,GAAI;YAEH,MAAM,KAAK,EAAC,QAAQ,GAAM,GAAG,GAAG,MAC7B,kBAAC,OAAD;GAEI,WAAW,EAAG,YAAY,QAAQ,EAAU;GAC5C,OAAO;IACH,OAAO,EAAiB,GAAG,EAAM;IACjC,QAAQ,KAAU,KAAA;IAClB,cAAc,KAAU,KAAA;IAC3B;GACH,EAPO,EAOP,CACJ;EACA,CAAA,GAKV,kBAAC,OAAD;EACI,WAAW,EAAG,YAAY,GAAS,GAAW,EAAU;EACxD,OAAO;GACH,OAAO,KAAS,KAAA;GAChB,QAAQ,KAAU,KAAA;GAClB,cAAc,KAAU,KAAA;GACxB,GAAG;GACN;EACD,eAAY;EACZ,GAAI;EACN,CAAA"}

package/dist/MSkeleton-DuAN8Vcv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react/jsx-runtime`);function r({color:r=`primary`,size:i=`md`,hidden:a,hiddenAbove:o,pulsing:s=!1,rounded:c=!1,fullWidth:l=!1,icon:u,className:d,children:f,...p}){return(0,n.jsxs)(`span`,{className:t.t(`badge`,`color-${r}`,i,s&&`pulsing`,c&&`rounded`,l&&`full-width`,d),...e.r(a,o),...p,children:[u&&(0,n.jsx)(`span`,{className:`badge-icon`,children:u}),f]})}function i(e,t){return t<=1?`100%`:e===t-1?`68%`:e===t-2&&t>3?`88%`:`100%`}function a({variant:e=`text`,width:r,height:a,radius:o,lines:s=3,gap:c,animate:l=!0,className:u,style:d,...f}){let p=l===!1?`none`:l===!0?`shimmer`:l;return e===`text`?(0,n.jsx)(`div`,{className:t.t(`skeleton-group`,u),style:{width:r??void 0,gap:c??void 0,...d},"aria-hidden":`true`,...f,children:Array.from({length:s},(e,r)=>(0,n.jsx)(`div`,{className:t.t(`skeleton`,`text`,p),style:{width:i(r,s),height:a??void 0,borderRadius:o??void 0}},r))}):(0,n.jsx)(`div`,{className:t.t(`skeleton`,e,p,u),style:{width:r??void 0,height:a??void 0,borderRadius:o??void 0,...d},"aria-hidden":`true`,...f})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MSkeleton-DuAN8Vcv.cjs.map

package/dist/MSkeleton-DuAN8Vcv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSkeleton-DuAN8Vcv.cjs","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    hidden,\n    hiddenAbove,\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading. Hidden from assistive technology:\n// it carries no content, the loading state belongs on the region that is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                aria-hidden=\"true\"\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            aria-hidden=\"true\"\n            {...rest}\n        />\n    )\n}\n"],"mappings":"yIAMA,SAAgB,EAAO,CACnB,QAAQ,UACR,OAAO,KACP,SACA,cACA,UAAU,GACV,UAAU,GACV,YAAY,GACZ,OACA,YACA,WACA,GAAG,GACS,CACZ,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,QACA,SAAS,IACT,EACA,GAAW,UACX,GAAW,UACX,GAAa,aACb,EACH,CACD,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,WAXR,CAaK,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAY,CAAA,CAClD,EACE,GC/Bf,SAAS,EAAiB,EAAe,EAAe,CAapD,OAZI,GAAS,EACF,OAGP,IAAU,EAAQ,EACX,MAGP,IAAU,EAAQ,GAAK,EAAQ,EACxB,MAGJ,OAKX,SAAgB,EAAU,CACtB,UAAU,OACV,QACA,SACA,SACA,QAAQ,EACR,MACA,UAAU,GACV,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAY,IAAY,GAAQ,OAAS,IAAY,GAAO,UAAY,EAyB9E,OAvBI,IAAY,QAER,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,iBAAkB,EAAU,CAC1C,MAAO,CAAC,MAAO,GAAS,IAAA,GAAW,IAAK,GAAO,IAAA,GAAW,GAAG,EAAM,CACnE,cAAY,OACZ,GAAI,WAEH,MAAM,KAAK,CAAC,OAAQ,EAAM,EAAG,EAAG,KAC7B,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EAAG,WAAY,OAAQ,EAAU,CAC5C,MAAO,CACH,MAAO,EAAiB,EAAG,EAAM,CACjC,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GAC3B,CACH,CAPO,EAOP,CACJ,CACA,CAAA,EAKV,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAS,EAAW,EAAU,CACxD,MAAO,CACH,MAAO,GAAS,IAAA,GAChB,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GACxB,GAAG,EACN,CACD,cAAY,OACZ,GAAI,EACN,CAAA"}

package/dist/MSlider-CLASUc2H.js

@@ -0,0 +1,134 @@
+import { t as e } from "./cn-CUSXNnjF.js";
+import { useCallback as t, useId as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/controls/MSlider/MSlider.tsx
+function o(e) {
+	if (!Number.isFinite(e)) return 0;
+	let t = String(e), n = t.match(/e-(\d+)$/);
+	if (n) return Number(n[1]);
+	let r = t.indexOf(".");
+	return r === -1 ? 0 : t.length - r - 1;
+}
+function s({ min: s = 0, max: c = 100, step: l = 1, value: u, onChange: d, marks: f, label: p, color: m = "primary", disabled: h = !1, getAriaValueText: g, className: _, "aria-label": v, "aria-labelledby": y, "aria-describedby": b, ...x }) {
+	let S = r(null), C = r(null), w = n(), T = (u - s) / (c - s) * 100, E = t((e) => {
+		let t = Math.max(o(l), o(s)), n = l > 0 ? s + Math.round((e - s) / l) * l : e, r = Number(n.toFixed(t));
+		return Math.min(c, Math.max(s, r));
+	}, [
+		s,
+		c,
+		l
+	]), D = t((e) => {
+		let t = S.current;
+		if (!t) return u;
+		let n = t.getBoundingClientRect();
+		return E(s + (e - n.left) / n.width * (c - s));
+	}, [
+		s,
+		c,
+		u,
+		E
+	]), O = t((e) => {
+		if (h) return;
+		e.preventDefault(), C.current?.focus({ preventScroll: !0 });
+		let t = e.currentTarget;
+		t.setPointerCapture(e.pointerId), d(D(e.clientX));
+		let n = (e) => {
+			d(D(e.clientX));
+		}, r = () => {
+			t.removeEventListener("pointermove", n), t.removeEventListener("pointerup", r);
+		};
+		t.addEventListener("pointermove", n), t.addEventListener("pointerup", r);
+	}, [
+		h,
+		d,
+		D
+	]), k = t((e) => {
+		if (h) return;
+		let t = c - s, n = l > 0 ? l : t / 100, r = Math.max(n, l > 0 ? Math.round(t / 10 / l) * l : t / 10), i = u - s, a;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				a = s + (Math.floor(i / n + 1e-9) + 1) * n;
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				a = s + (Math.ceil(i / n - 1e-9) - 1) * n;
+				break;
+			case "PageUp":
+				a = u + r;
+				break;
+			case "PageDown":
+				a = u - r;
+				break;
+			case "Home":
+				a = s;
+				break;
+			case "End":
+				a = c;
+				break;
+			default: return;
+		}
+		e.preventDefault();
+		let o = E(a);
+		o !== u && d(o);
+	}, [
+		h,
+		s,
+		c,
+		l,
+		u,
+		d,
+		E
+	]), A = f?.find((e) => e.value === u)?.label, j = g ? g(u) : A;
+	return /* @__PURE__ */ a("div", {
+		className: e("slider", `color-${m}`, h && "disabled", _),
+		...x,
+		children: [p && /* @__PURE__ */ i("div", {
+			className: "label",
+			id: w,
+			children: p
+		}), /* @__PURE__ */ a("div", {
+			className: "track-wrapper",
+			ref: S,
+			onPointerDown: O,
+			children: [/* @__PURE__ */ a("div", {
+				className: "track",
+				children: [/* @__PURE__ */ i("div", {
+					className: "fill",
+					style: { width: `${T}%` }
+				}), /* @__PURE__ */ i("div", {
+					ref: C,
+					className: "thumb",
+					style: { left: `${T}%` },
+					role: "slider",
+					tabIndex: h ? -1 : 0,
+					"aria-valuemin": s,
+					"aria-valuemax": c,
+					"aria-valuenow": u,
+					"aria-valuetext": j,
+					"aria-orientation": "horizontal",
+					"aria-disabled": h || void 0,
+					"aria-label": v,
+					"aria-labelledby": y ?? (p && !v ? w : void 0),
+					"aria-describedby": b,
+					onKeyDown: k
+				})]
+			}), f && f.length > 0 && /* @__PURE__ */ i("div", {
+				className: "marks",
+				"aria-hidden": "true",
+				children: f.map((e) => /* @__PURE__ */ a("div", {
+					className: "mark",
+					style: { left: `${(e.value - s) / (c - s) * 100}%` },
+					children: [/* @__PURE__ */ i("div", { className: "tick" }), e.label && /* @__PURE__ */ i("div", {
+						className: "label",
+						children: e.label
+					})]
+				}, e.value))
+			})]
+		})]
+	});
+}
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=MSlider-CLASUc2H.js.map

package/dist/MSlider-CLASUc2H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSlider-CLASUc2H.js","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useId, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nfunction countDecimals(value: number): number {\n    if (!Number.isFinite(value)) return 0\n    const text = String(value)\n    const exponent = text.match(/e-(\\d+)$/)\n    if (exponent) return Number(exponent[1])\n    const dot = text.indexOf('.')\n    return dot === -1 ? 0 : text.length - dot - 1\n}\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    getAriaValueText,\n    className,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n    const thumbRef = useRef<HTMLDivElement>(null)\n    const labelId = useId()\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            // Snap to the step grid anchored at `min` (not 0) and round away float noise\n            // such as 0.1 + 0.2, using the precision of `min` and `step`.\n            const decimals = Math.max(countDecimals(step), countDecimals(min))\n            const snapped = step > 0 ? min + Math.round((raw - min) / step) * step : raw\n            const rounded = Number(snapped.toFixed(decimals))\n            return Math.min(max, Math.max(min, rounded))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            // preventDefault() stops the native focus move, so focus the slider thumb explicitly.\n            thumbRef.current?.focus({preventScroll: true})\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    // APG slider keys: arrows step, PageUp / PageDown jump a tenth of the range, Home / End go to the ends.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLDivElement>) => {\n            if (disabled) return\n            const range = max - min\n            const unit = step > 0 ? step : range / 100\n            const bigStep = Math.max(unit, step > 0 ? Math.round(range / 10 / step) * step : range / 10)\n            const offset = value - min\n            let next: number\n            switch (e.key) {\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    next = min + (Math.floor(offset / unit + 1e-9) + 1) * unit\n                    break\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    next = min + (Math.ceil(offset / unit - 1e-9) - 1) * unit\n                    break\n                case 'PageUp':\n                    next = value + bigStep\n                    break\n                case 'PageDown':\n                    next = value - bigStep\n                    break\n                case 'Home':\n                    next = min\n                    break\n                case 'End':\n                    next = max\n                    break\n                default:\n                    return\n            }\n            e.preventDefault()\n            const clamped = clampAndSnap(next)\n            if (clamped !== value) onChange(clamped)\n        },\n        [disabled, min, max, step, value, onChange, clampAndSnap]\n    )\n\n    const markLabel = marks?.find((mark) => mark.value === value)?.label\n    const valueText = getAriaValueText ? getAriaValueText(value) : markLabel\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && (\n                <div className=\"label\" id={labelId}>\n                    {label}\n                </div>\n            )}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div\n                        ref={thumbRef}\n                        className=\"thumb\"\n                        style={{left: `${percent}%`}}\n                        role=\"slider\"\n                        tabIndex={disabled ? -1 : 0}\n                        aria-valuemin={min}\n                        aria-valuemax={max}\n                        aria-valuenow={value}\n                        aria-valuetext={valueText}\n                        aria-orientation=\"horizontal\"\n                        aria-disabled={disabled || undefined}\n                        aria-label={ariaLabel}\n                        aria-labelledby={ariaLabelledBy ?? (label && !ariaLabel ? labelId : undefined)}\n                        aria-describedby={ariaDescribedBy}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\" aria-hidden=\"true\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/MSlider-hONQBulE.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-DYFxgzi2.cjs`);require(`./core-w629c4ND.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r(e){if(!Number.isFinite(e))return 0;let t=String(e),n=t.match(/e-(\d+)$/);if(n)return Number(n[1]);let r=t.indexOf(`.`);return r===-1?0:t.length-r-1}function i({min:i=0,max:a=100,step:o=1,value:s,onChange:c,marks:l,label:u,color:d=`primary`,disabled:f=!1,getAriaValueText:p,className:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":_,...v}){let y=(0,t.useRef)(null),b=(0,t.useRef)(null),x=(0,t.useId)(),S=(s-i)/(a-i)*100,C=(0,t.useCallback)(e=>{let t=Math.max(r(o),r(i)),n=o>0?i+Math.round((e-i)/o)*o:e,s=Number(n.toFixed(t));return Math.min(a,Math.max(i,s))},[i,a,o]),w=(0,t.useCallback)(e=>{let t=y.current;if(!t)return s;let n=t.getBoundingClientRect();return C(i+(e-n.left)/n.width*(a-i))},[i,a,s,C]),T=(0,t.useCallback)(e=>{if(f)return;e.preventDefault(),b.current?.focus({preventScroll:!0});let t=e.currentTarget;t.setPointerCapture(e.pointerId),c(w(e.clientX));let n=e=>{c(w(e.clientX))},r=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r)},[f,c,w]),E=(0,t.useCallback)(e=>{if(f)return;let t=a-i,n=o>0?o:t/100,r=Math.max(n,o>0?Math.round(t/10/o)*o:t/10),l=s-i,u;switch(e.key){case`ArrowRight`:case`ArrowUp`:u=i+(Math.floor(l/n+1e-9)+1)*n;break;case`ArrowLeft`:case`ArrowDown`:u=i+(Math.ceil(l/n-1e-9)-1)*n;break;case`PageUp`:u=s+r;break;case`PageDown`:u=s-r;break;case`Home`:u=i;break;case`End`:u=a;break;default:return}e.preventDefault();let d=C(u);d!==s&&c(d)},[f,i,a,o,s,c,C]),D=l?.find(e=>e.value===s)?.label,O=p?p(s):D;return(0,n.jsxs)(`div`,{className:e.t(`slider`,`color-${d}`,f&&`disabled`,m),...v,children:[u&&(0,n.jsx)(`div`,{className:`label`,id:x,children:u}),(0,n.jsxs)(`div`,{className:`track-wrapper`,ref:y,onPointerDown:T,children:[(0,n.jsxs)(`div`,{className:`track`,children:[(0,n.jsx)(`div`,{className:`fill`,style:{width:`${S}%`}}),(0,n.jsx)(`div`,{ref:b,className:`thumb`,style:{left:`${S}%`},role:`slider`,tabIndex:f?-1:0,"aria-valuemin":i,"aria-valuemax":a,"aria-valuenow":s,"aria-valuetext":O,"aria-orientation":`horizontal`,"aria-disabled":f||void 0,"aria-label":h,"aria-labelledby":g??(u&&!h?x:void 0),"aria-describedby":_,onKeyDown:E})]}),l&&l.length>0&&(0,n.jsx)(`div`,{className:`marks`,"aria-hidden":`true`,children:l.map(e=>(0,n.jsxs)(`div`,{className:`mark`,style:{left:`${(e.value-i)/(a-i)*100}%`},children:[(0,n.jsx)(`div`,{className:`tick`}),e.label&&(0,n.jsx)(`div`,{className:`label`,children:e.label})]},e.value))})]})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MSlider-hONQBulE.cjs.map

package/dist/MSlider-hONQBulE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSlider-hONQBulE.cjs","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useId, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nfunction countDecimals(value: number): number {\n    if (!Number.isFinite(value)) return 0\n    const text = String(value)\n    const exponent = text.match(/e-(\\d+)$/)\n    if (exponent) return Number(exponent[1])\n    const dot = text.indexOf('.')\n    return dot === -1 ? 0 : text.length - dot - 1\n}\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    getAriaValueText,\n    className,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n    const thumbRef = useRef<HTMLDivElement>(null)\n    const labelId = useId()\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            // Snap to the step grid anchored at `min` (not 0) and round away float noise\n            // such as 0.1 + 0.2, using the precision of `min` and `step`.\n            const decimals = Math.max(countDecimals(step), countDecimals(min))\n            const snapped = step > 0 ? min + Math.round((raw - min) / step) * step : raw\n            const rounded = Number(snapped.toFixed(decimals))\n            return Math.min(max, Math.max(min, rounded))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            // preventDefault() stops the native focus move, so focus the slider thumb explicitly.\n            thumbRef.current?.focus({preventScroll: true})\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    // APG slider keys: arrows step, PageUp / PageDown jump a tenth of the range, Home / End go to the ends.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLDivElement>) => {\n            if (disabled) return\n            const range = max - min\n            const unit = step > 0 ? step : range / 100\n            const bigStep = Math.max(unit, step > 0 ? Math.round(range / 10 / step) * step : range / 10)\n            const offset = value - min\n            let next: number\n            switch (e.key) {\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    next = min + (Math.floor(offset / unit + 1e-9) + 1) * unit\n                    break\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    next = min + (Math.ceil(offset / unit - 1e-9) - 1) * unit\n                    break\n                case 'PageUp':\n                    next = value + bigStep\n                    break\n                case 'PageDown':\n                    next = value - bigStep\n                    break\n                case 'Home':\n                    next = min\n                    break\n                case 'End':\n                    next = max\n                    break\n                default:\n                    return\n            }\n            e.preventDefault()\n            const clamped = clampAndSnap(next)\n            if (clamped !== value) onChange(clamped)\n        },\n        [disabled, min, max, step, value, onChange, clampAndSnap]\n    )\n\n    const markLabel = marks?.find((mark) => mark.value === value)?.label\n    const valueText = getAriaValueText ? getAriaValueText(value) : markLabel\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && (\n                <div className=\"label\" id={labelId}>\n                    {label}\n                </div>\n            )}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div\n                        ref={thumbRef}\n                        className=\"thumb\"\n                        style={{left: `${percent}%`}}\n                        role=\"slider\"\n                        tabIndex={disabled ? -1 : 0}\n                        aria-valuemin={min}\n                        aria-valuemax={max}\n                        aria-valuenow={value}\n                        aria-valuetext={valueText}\n                        aria-orientation=\"horizontal\"\n                        aria-disabled={disabled || undefined}\n                        aria-label={ariaLabel}\n                        aria-labelledby={ariaLabelledBy ?? (label && !ariaLabel ? labelId : undefined)}\n                        aria-describedby={ariaDescribedBy}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\" aria-hidden=\"true\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/MStack-BwAFeGGg.js

@@ -0,0 +1,39 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { n, t as r } from "./layoutProps-CE5-ghKw.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/MStack/MStack.tsx
+function a({ align: a = "stretch", hidden: o, hiddenAbove: s, spacing: c, padding: l, fsize: u, mt: d, mb: f, ml: p, mr: m, mx: h, my: g, pt: _, pb: v, pl: y, pr: b, px: x, py: S, fullWidth: C, className: w, style: T, children: E, ...D }) {
+	let O = n({ fsize: u });
+	return /* @__PURE__ */ i("div", {
+		className: t("stack", a !== "stretch" && a, ...r({
+			spacing: c,
+			padding: l,
+			fsize: u,
+			mt: d,
+			mb: f,
+			ml: p,
+			mr: m,
+			mx: h,
+			my: g,
+			pt: _,
+			pb: v,
+			pl: y,
+			pr: b,
+			px: x,
+			py: S,
+			fullWidth: C
+		}), w),
+		style: {
+			...O,
+			...T
+		},
+		...e(o, s),
+		...D,
+		children: E
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=MStack-BwAFeGGg.js.map

package/dist/MStack-BwAFeGGg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MStack-BwAFeGGg.js","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    hidden,\n    hiddenAbove,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAO,EACnB,WAAQ,WACR,WACA,gBACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,OAAD;EACI,WAAW,EACP,SACA,MAAU,aAAa,GACvB,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;EAEH;EACC,CAAA"}

package/dist/MStack-CGII4A-q.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./layoutProps-B8y2XwHy.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`stretch`,hidden:a,hiddenAbove:o,spacing:s,padding:c,fsize:l,mt:u,mb:d,ml:f,mr:p,mx:m,my:h,pt:g,pb:_,pl:v,pr:y,px:b,py:x,fullWidth:S,className:C,style:w,children:T,...E}){let D=n.n({fsize:l});return(0,r.jsx)(`div`,{className:t.t(`stack`,i!==`stretch`&&i,...n.t({spacing:s,padding:c,fsize:l,mt:u,mb:d,ml:f,mr:p,mx:m,my:h,pt:g,pb:_,pl:v,pr:y,px:b,py:x,fullWidth:S}),C),style:{...D,...w},...e.r(a,o),...E,children:T})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MStack-CGII4A-q.cjs.map

package/dist/MStack-CGII4A-q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MStack-CGII4A-q.cjs","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    hidden,\n    hiddenAbove,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"iLAOA,SAAgB,EAAO,CACnB,QAAQ,UACR,SACA,cACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAEpD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,EAEH,WACC,CAAA"}

package/dist/MSubText-BeZk-fhz.js

@@ -0,0 +1,17 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { n } from "./MText-BUWQPoBM.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/typography/MSubText/MSubText.tsx
+function i({ as: i = "span", size: a = "sm", tone: o = "muted", hidden: s, hiddenAbove: c, color: l, className: u, children: d, ...f }) {
+	return /* @__PURE__ */ r(i, {
+		className: t("subtext", !l && o, a, ...n({ color: l }), u),
+		...e(s, c),
+		...f,
+		children: d
+	});
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MSubText-BeZk-fhz.js.map

package/dist/MSubText-BeZk-fhz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSubText-BeZk-fhz.js","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    hidden,\n    hiddenAbove,\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAS,EACrB,QAAK,QACL,UAAO,MACP,UAAO,SACP,WACA,gBACA,UACA,cACA,aACA,GAAG,KACW;AAEd,QACI,kBAFc,GAEd;EACI,WAAW,EAAG,WAAW,CAAC,KAAS,GAAM,GAAM,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC9F,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;EAEH;EACO,CAAA"}

package/dist/MSubText-Dl1PfToZ.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./MText-nsvLFsSv.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({as:i=`span`,size:a=`sm`,tone:o=`muted`,hidden:s,hiddenAbove:c,color:l,className:u,children:d,...f}){return(0,r.jsx)(i,{className:t.t(`subtext`,!l&&o,a,...n.n({color:l}),u),...e.r(s,c),...f,children:d})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MSubText-Dl1PfToZ.cjs.map

package/dist/MSubText-Dl1PfToZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSubText-Dl1PfToZ.cjs","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    hidden,\n    hiddenAbove,\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"2KAOA,SAAgB,EAAS,CACrB,KAAK,OACL,OAAO,KACP,OAAO,QACP,SACA,cACA,QACA,YACA,WACA,GAAG,GACW,CAEd,OACI,EAAA,EAAA,KAFc,EAEd,CACI,UAAW,EAAA,EAAG,UAAW,CAAC,GAAS,EAAM,EAAM,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC9F,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,EAEH,WACO,CAAA"}

package/dist/MSurface-B_QnRLr5.js

@@ -0,0 +1,74 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { n, t as r } from "./layoutProps-CE5-ghKw.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/MInline/MInline.tsx
+function a({ align: a = "center", justify: o = "start", wrap: s = "wrap", hidden: c, hiddenAbove: l, padding: u, fsize: d, mt: f, mb: p, ml: m, mr: h, mx: g, my: _, pt: v, pb: y, pl: b, pr: x, px: S, py: C, fullWidth: w, className: T, style: E, children: D, ...O }) {
+	let k = n({ fsize: d });
+	return /* @__PURE__ */ i("div", {
+		className: t("inline", a, `justify-${o}`, s, ...r({
+			padding: u,
+			fsize: d,
+			mt: f,
+			mb: p,
+			ml: m,
+			mr: h,
+			mx: g,
+			my: _,
+			pt: v,
+			pb: y,
+			pl: b,
+			pr: x,
+			px: S,
+			py: C,
+			fullWidth: w
+		}), T),
+		style: {
+			...k,
+			...E
+		},
+		...e(c, l),
+		...O,
+		children: D
+	});
+}
+//#endregion
+//#region src/components/layout/MSurface/MSurface.tsx
+function o({ component: a, to: o, href: s, target: c, rel: l, tone: u = "default", outlined: d = !0, padded: f = !0, hidden: p, hiddenAbove: m, spacing: h, padding: g, fsize: _, mt: v, mb: y, ml: b, mr: x, mx: S, my: C, pt: w, pb: T, pl: E, pr: D, px: O, py: k, fullWidth: A, className: j, style: M, children: N, ...P }) {
+	let F = n({ fsize: _ }), I = a ?? "div";
+	return /* @__PURE__ */ i(I, {
+		href: I === "a" || a ? s : void 0,
+		to: a ? o : void 0,
+		target: I === "a" || a ? c : void 0,
+		rel: I === "a" || a ? l : void 0,
+		className: t("surface", u, d && "outlined", f && "padded", ...r({
+			spacing: h,
+			padding: g,
+			fsize: _,
+			mt: v,
+			mb: y,
+			ml: b,
+			mr: x,
+			mx: S,
+			my: C,
+			pt: w,
+			pb: T,
+			pl: E,
+			pr: D,
+			px: O,
+			py: k,
+			fullWidth: A
+		}), j),
+		style: {
+			...F,
+			...M
+		},
+		...e(p, m),
+		...P,
+		children: N
+	});
+}
+//#endregion
+export { a as n, o as t };
+
+//# sourceMappingURL=MSurface-B_QnRLr5.js.map

package/dist/MSurface-B_QnRLr5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSurface-B_QnRLr5.js","names":[],"sources":["../src/components/layout/MInline/MInline.tsx","../src/components/layout/MSurface/MSurface.tsx"],"sourcesContent":["import type {MInlineProps} from './MInline.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MInline.css'\n\n// Arrange children horizontally with shared alignment and wrapping helpers.\n// `spacing` is not accepted — the flex gap built into `.inline` already spaces children;\n// outer margin should go through `mx/my` or `padding` to avoid overflowing the parent when paired with `fullWidth`.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\n    hiddenAbove,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MInlineProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'inline',\n                align,\n                `justify-${justify}`,\n                wrap,\n                ...getLayoutUtilityClassNames({\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n","import type {MSurfaceProps} from './MSurface.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    tone = 'default',\n    outlined = true,\n    padded = true,\n    hidden,\n    hiddenAbove,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MSurfaceProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const Component = component ?? 'div'\n\n    return (\n        <Component\n            href={Component === 'a' || component ? href : undefined}\n            to={component ? to : undefined}\n            target={Component === 'a' || component ? target : undefined}\n            rel={Component === 'a' || component ? rel : undefined}\n            className={cn(\n                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAQ,EACpB,WAAQ,UACR,aAAU,SACV,UAAO,QACP,WACA,gBACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACU;CACb,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,OAAD;EACI,WAAW,EACP,UACA,GACA,WAAW,KACX,GACA,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;EAEH;EACC,CAAA;;;;AC7Dd,SAAgB,EAAS,EACrB,cACA,OACA,SACA,WACA,QACA,UAAO,WACP,cAAW,IACX,YAAS,IACT,WACA,gBACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAY,KAAa;AAE/B,QACI,kBAAC,GAAD;EACI,MAAM,MAAc,OAAO,IAAY,IAAO,KAAA;EAC9C,IAAI,IAAY,IAAK,KAAA;EACrB,QAAQ,MAAc,OAAO,IAAY,IAAS,KAAA;EAClD,KAAK,MAAc,OAAO,IAAY,IAAM,KAAA;EAC5C,WAAW,EACP,WACA,GACA,KAAY,YACZ,KAAU,UACV,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;EAEH;EACO,CAAA"}

package/dist/MSurface-BrFo-JMJ.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./layoutProps-B8y2XwHy.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`center`,justify:a=`start`,wrap:o=`wrap`,hidden:s,hiddenAbove:c,padding:l,fsize:u,mt:d,mb:f,ml:p,mr:m,mx:h,my:g,pt:_,pb:v,pl:y,pr:b,px:x,py:S,fullWidth:C,className:w,style:T,children:E,...D}){let O=n.n({fsize:u});return(0,r.jsx)(`div`,{className:t.t(`inline`,i,`justify-${a}`,o,...n.t({padding:l,fsize:u,mt:d,mb:f,ml:p,mr:m,mx:h,my:g,pt:_,pb:v,pl:y,pr:b,px:x,py:S,fullWidth:C}),w),style:{...O,...T},...e.r(s,c),...D,children:E})}function a({component:i,to:a,href:o,target:s,rel:c,tone:l=`default`,outlined:u=!0,padded:d=!0,hidden:f,hiddenAbove:p,spacing:m,padding:h,fsize:g,mt:_,mb:v,ml:y,mr:b,mx:x,my:S,pt:C,pb:w,pl:T,pr:E,px:D,py:O,fullWidth:k,className:A,style:j,children:M,...N}){let P=n.n({fsize:g}),F=i??`div`;return(0,r.jsx)(F,{href:F===`a`||i?o:void 0,to:i?a:void 0,target:F===`a`||i?s:void 0,rel:F===`a`||i?c:void 0,className:t.t(`surface`,l,u&&`outlined`,d&&`padded`,...n.t({spacing:m,padding:h,fsize:g,mt:_,mb:v,ml:y,mr:b,mx:x,my:S,pt:C,pb:w,pl:T,pr:E,px:D,py:O,fullWidth:k}),A),style:{...P,...j},...e.r(f,p),...N,children:M})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MSurface-BrFo-JMJ.cjs.map

package/dist/MSurface-BrFo-JMJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSurface-BrFo-JMJ.cjs","names":[],"sources":["../src/components/layout/MInline/MInline.tsx","../src/components/layout/MSurface/MSurface.tsx"],"sourcesContent":["import type {MInlineProps} from './MInline.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MInline.css'\n\n// Arrange children horizontally with shared alignment and wrapping helpers.\n// `spacing` is not accepted — the flex gap built into `.inline` already spaces children;\n// outer margin should go through `mx/my` or `padding` to avoid overflowing the parent when paired with `fullWidth`.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\n    hiddenAbove,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MInlineProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'inline',\n                align,\n                `justify-${justify}`,\n                wrap,\n                ...getLayoutUtilityClassNames({\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n","import type {MSurfaceProps} from './MSurface.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    tone = 'default',\n    outlined = true,\n    padded = true,\n    hidden,\n    hiddenAbove,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MSurfaceProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const Component = component ?? 'div'\n\n    return (\n        <Component\n            href={Component === 'a' || component ? href : undefined}\n            to={component ? to : undefined}\n            target={Component === 'a' || component ? target : undefined}\n            rel={Component === 'a' || component ? rel : undefined}\n            className={cn(\n                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"iLASA,SAAgB,EAAQ,CACpB,QAAQ,SACR,UAAU,QACV,OAAO,OACP,SACA,cACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACU,CACb,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAEpD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EACP,SACA,EACA,WAAW,IACX,EACA,GAAG,EAAA,EAA2B,CAC1B,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,EAEH,WACC,CAAA,CC7Dd,SAAgB,EAAS,CACrB,YACA,KACA,OACA,SACA,MACA,OAAO,UACP,WAAW,GACX,SAAS,GACT,SACA,cACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,GAAa,MAE/B,OACI,EAAA,EAAA,KAAC,EAAD,CACI,KAAM,IAAc,KAAO,EAAY,EAAO,IAAA,GAC9C,GAAI,EAAY,EAAK,IAAA,GACrB,OAAQ,IAAc,KAAO,EAAY,EAAS,IAAA,GAClD,IAAK,IAAc,KAAO,EAAY,EAAM,IAAA,GAC5C,UAAW,EAAA,EACP,UACA,EACA,GAAY,WACZ,GAAU,SACV,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,EAEH,WACO,CAAA"}

package/dist/MTag-BZrKN_DS.js

@@ -0,0 +1,41 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { s as t } from "./frameworkTexts-o43FqY1A.js";
+import { Xi as n } from "./icons-IqEBmGh3.js";
+import { t as r } from "./cn-CUSXNnjF.js";
+import { t as i } from "./MButton-KELyyBw1.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/feedback/MTag/MTag.tsx
+function s({ label: s, color: c = "primary", variant: l = "solid", size: u = "md", hidden: d, hiddenAbove: f, rounded: p = !1, closable: m = !1, onClose: h, icon: g, className: _, ...v }) {
+	let y = t();
+	return /* @__PURE__ */ o("span", {
+		className: r("m-tag", `color-${c}`, l, u, p && "rounded", _),
+		...e(d, f),
+		...v,
+		children: [
+			g && /* @__PURE__ */ a("span", {
+				className: "m-tag icon",
+				children: g
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "m-tag label",
+				children: s
+			}),
+			m && /* @__PURE__ */ a(i, {
+				variant: "link",
+				color: "neutral",
+				iconOnly: !0,
+				size: "xs",
+				className: "m-tag close",
+				onClick: (e) => {
+					e.stopPropagation(), h?.();
+				},
+				"aria-label": y.remove,
+				children: /* @__PURE__ */ a(n, {})
+			})
+		]
+	});
+}
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=MTag-BZrKN_DS.js.map

package/dist/MTag-BZrKN_DS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTag-BZrKN_DS.js","names":[],"sources":["../src/components/feedback/MTag/MTag.tsx"],"sourcesContent":["import type {MTagProps} from './MTag.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport './MTag.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nexport function MTag({\n    label,\n    color = 'primary',\n    variant = 'solid',\n    size = 'md',\n    hidden,\n    hiddenAbove,\n    rounded = false,\n    closable = false,\n    onClose,\n    icon,\n    className,\n    ...rest\n}: MTagProps) {\n    const texts = useMCommonTexts()\n    return (\n        <span\n            className={cn('m-tag', `color-${color}`, variant, size, rounded && 'rounded', className)}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {icon && <span className=\"m-tag icon\">{icon}</span>}\n            <span className=\"m-tag label\">{label}</span>\n            {closable && (\n                <MButton\n                    variant=\"link\"\n                    color=\"neutral\"\n                    iconOnly\n                    size=\"xs\"\n                    className=\"m-tag close\"\n                    onClick={(e) => {\n                        e.stopPropagation()\n                        onClose?.()\n                    }}\n                    aria-label={texts.remove}\n                >\n                    <MCloseIcon />\n                </MButton>\n            )}\n        </span>\n    )\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,EAAK,EACjB,UACA,WAAQ,WACR,aAAU,SACV,UAAO,MACP,WACA,gBACA,aAAU,IACV,cAAW,IACX,YACA,SACA,cACA,GAAG,KACO;CACV,IAAM,IAAQ,GAAiB;AAC/B,QACI,kBAAC,QAAD;EACI,WAAW,EAAG,SAAS,SAAS,KAAS,GAAS,GAAM,KAAW,WAAW,EAAU;EACxF,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;YAHR;GAKK,KAAQ,kBAAC,QAAD;IAAM,WAAU;cAAc;IAAY,CAAA;GACnD,kBAAC,QAAD;IAAM,WAAU;cAAe;IAAa,CAAA;GAC3C,KACG,kBAAC,GAAD;IACI,SAAQ;IACR,OAAM;IACN,UAAA;IACA,MAAK;IACL,WAAU;IACV,UAAU,MAAM;AAEZ,KADA,EAAE,iBAAiB,EACnB,KAAW;;IAEf,cAAY,EAAM;cAElB,kBAAC,GAAD,EAAc,CAAA;IACR,CAAA;GAEX"}

package/dist/MTag-DCE1vRJM.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./frameworkTexts-CaqdiKHW.cjs`),n=require(`./icons-Bp8bB9TP.cjs`),r=require(`./cn-DYFxgzi2.cjs`),i=require(`./MButton-BxEky3xQ.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react/jsx-runtime`);function o({label:o,color:s=`primary`,variant:c=`solid`,size:l=`md`,hidden:u,hiddenAbove:d,rounded:f=!1,closable:p=!1,onClose:m,icon:h,className:g,..._}){let v=t.s();return(0,a.jsxs)(`span`,{className:r.t(`m-tag`,`color-${s}`,c,l,f&&`rounded`,g),...e.r(u,d),..._,children:[h&&(0,a.jsx)(`span`,{className:`m-tag icon`,children:h}),(0,a.jsx)(`span`,{className:`m-tag label`,children:o}),p&&(0,a.jsx)(i.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`xs`,className:`m-tag close`,onClick:e=>{e.stopPropagation(),m?.()},"aria-label":v.remove,children:(0,a.jsx)(n.Xi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MTag-DCE1vRJM.cjs.map

package/dist/MTag-DCE1vRJM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTag-DCE1vRJM.cjs","names":[],"sources":["../src/components/feedback/MTag/MTag.tsx"],"sourcesContent":["import type {MTagProps} from './MTag.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport './MTag.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nexport function MTag({\n    label,\n    color = 'primary',\n    variant = 'solid',\n    size = 'md',\n    hidden,\n    hiddenAbove,\n    rounded = false,\n    closable = false,\n    onClose,\n    icon,\n    className,\n    ...rest\n}: MTagProps) {\n    const texts = useMCommonTexts()\n    return (\n        <span\n            className={cn('m-tag', `color-${color}`, variant, size, rounded && 'rounded', className)}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {icon && <span className=\"m-tag icon\">{icon}</span>}\n            <span className=\"m-tag label\">{label}</span>\n            {closable && (\n                <MButton\n                    variant=\"link\"\n                    color=\"neutral\"\n                    iconOnly\n                    size=\"xs\"\n                    className=\"m-tag close\"\n                    onClick={(e) => {\n                        e.stopPropagation()\n                        onClose?.()\n                    }}\n                    aria-label={texts.remove}\n                >\n                    <MCloseIcon />\n                </MButton>\n            )}\n        </span>\n    )\n}\n"],"mappings":"0PAQA,SAAgB,EAAK,CACjB,QACA,QAAQ,UACR,UAAU,QACV,OAAO,KACP,SACA,cACA,UAAU,GACV,WAAW,GACX,UACA,OACA,YACA,GAAG,GACO,CACV,IAAM,EAAQ,EAAA,GAAiB,CAC/B,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EAAG,QAAS,SAAS,IAAS,EAAS,EAAM,GAAW,UAAW,EAAU,CACxF,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,WAHR,CAKK,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAY,CAAA,EACnD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAa,CAAA,CAC3C,IACG,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,OACR,MAAM,UACN,SAAA,GACA,KAAK,KACL,UAAU,cACV,QAAU,GAAM,CACZ,EAAE,iBAAiB,CACnB,KAAW,EAEf,aAAY,EAAM,iBAElB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAc,CAAA,CACR,CAAA,CAEX"}

package/dist/MText-BUWQPoBM.js

@@ -0,0 +1,45 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { n, t as r } from "./layoutProps-CE5-ghKw.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/utils/appearanceProps.ts
+function a({ color: e }) {
+	return [e && `fcolor-${e}`];
+}
+//#endregion
+//#region src/components/typography/MText/MText.tsx
+function o({ as: o = "p", tone: s = "default", size: c, align: l = "left", hidden: u, hiddenAbove: d, color: f, weight: p = "normal", truncate: m, spacing: h, padding: g, fsize: _, mt: v, mb: y, ml: b, mr: x, mx: S, my: C, pt: w, pb: T, pl: E, pr: D, px: O, py: k, fullWidth: A, className: j, style: M, children: N, ...P }) {
+	let F = o, I = n({ fsize: _ }), L = typeof m == "number" ? m : void 0;
+	return /* @__PURE__ */ i(F, {
+		className: t("text", !f && s, c, l, p, m === !0 && "truncate", L != null && "line-clamp", ...a({ color: f }), ...r({
+			spacing: h,
+			padding: g,
+			fsize: _,
+			mt: v,
+			mb: y,
+			ml: b,
+			mr: x,
+			mx: S,
+			my: C,
+			pt: w,
+			pb: T,
+			pl: E,
+			pr: D,
+			px: O,
+			py: k,
+			fullWidth: A
+		}), j),
+		style: {
+			...I,
+			...L ? { "--line-clamp": L } : void 0,
+			...M
+		},
+		...e(u, d),
+		...P,
+		children: N
+	});
+}
+//#endregion
+export { a as n, o as t };
+
+//# sourceMappingURL=MText-BUWQPoBM.js.map

package/dist/MText-BUWQPoBM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MText-BUWQPoBM.js","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    hidden,\n    hiddenAbove,\n    color,\n    weight = 'normal',\n    truncate,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAwB,EAAC,YAA4D;AACjG,QAAO,CAAC,KAAS,UAAU,IAAQ;;;;ACAvC,SAAgB,EAAM,EAClB,QAAK,KACL,UAAO,WACP,SACA,WAAQ,QACR,WACA,gBACA,UACA,YAAS,UACT,aACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACQ;CACX,IAAM,IAAY,GACZ,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QACI,kBAAC,GAAD;EACI,WAAW,EACP,QACA,CAAC,KAAS,GACV,GACA,GACA,GACA,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GACH,GAAG;GACH,GAAI,IAAS,EAAC,gBAAgB,GAAM,GAA2B,KAAA;GAC/D,GAAG;GACN;EACD,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;EAEH;EACO,CAAA"}

package/dist/MText-nsvLFsSv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./layoutProps-B8y2XwHy.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({color:e}){return[e&&`fcolor-${e}`]}function a({as:a=`p`,tone:o=`default`,size:s,align:c=`left`,hidden:l,hiddenAbove:u,color:d,weight:f=`normal`,truncate:p,spacing:m,padding:h,fsize:g,mt:_,mb:v,ml:y,mr:b,mx:x,my:S,pt:C,pb:w,pl:T,pr:E,px:D,py:O,fullWidth:k,className:A,style:j,children:M,...N}){let P=a,F=n.n({fsize:g}),I=typeof p==`number`?p:void 0;return(0,r.jsx)(P,{className:t.t(`text`,!d&&o,s,c,f,p===!0&&`truncate`,I!=null&&`line-clamp`,...i({color:d}),...n.t({spacing:m,padding:h,fsize:g,mt:_,mb:v,ml:y,mr:b,mx:x,my:S,pt:C,pb:w,pl:T,pr:E,px:D,py:O,fullWidth:k}),A),style:{...F,...I?{"--line-clamp":I}:void 0,...j},...e.r(l,u),...N,children:M})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MText-nsvLFsSv.cjs.map

package/dist/MText-nsvLFsSv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MText-nsvLFsSv.cjs","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    hidden,\n    hiddenAbove,\n    color,\n    weight = 'normal',\n    truncate,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"iLAOA,SAAgB,EAAwB,CAAC,SAA4D,CACjG,MAAO,CAAC,GAAS,UAAU,IAAQ,CCAvC,SAAgB,EAAM,CAClB,KAAK,IACL,OAAO,UACP,OACA,QAAQ,OACR,SACA,cACA,QACA,SAAS,SACT,WACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACQ,CACX,IAAM,EAAY,EACZ,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OACI,EAAA,EAAA,KAAC,EAAD,CACI,UAAW,EAAA,EACP,OACA,CAAC,GAAS,EACV,EACA,EACA,EACA,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAwB,CAAC,QAAM,CAAC,CACnC,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CACH,GAAG,EACH,GAAI,EAAS,CAAC,eAAgB,EAAM,CAA2B,IAAA,GAC/D,GAAG,EACN,CACD,GAAI,EAAA,EAAe,EAAQ,EAAY,CACvC,GAAI,EAEH,WACO,CAAA"}