@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/MGrid-CQqT8nHi.js

@@ -0,0 +1,271 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { t as n } from "./useInteractionEffect-DtpbVd77.js";
+import { n as r, t as i } from "./layoutProps-CE5-ghKw.js";
+import { n as a, t as o } from "./radioGroupKeys-Bm-Qeh8G.js";
+import { Children as s, cloneElement as c, isValidElement as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/layout/MTabs/MTabs.tsx
+function g({ item: e, isActive: r, tabId: i, panelId: a, clickEffect: o, rippleColor: s, onSelect: c, registerRef: l }) {
+	let { effectClassName: u, effectLayer: d, handlePointerDown: f, triggerEffect: p } = n({
+		effect: o,
+		disabled: e.disabled,
+		centered: !0,
+		color: s
+	});
+	return /* @__PURE__ */ h("button", {
+		type: "button",
+		ref: (t) => l(e.value, t),
+		id: i,
+		role: "tab",
+		"aria-selected": r,
+		"aria-controls": a,
+		tabIndex: r ? 0 : -1,
+		disabled: e.disabled,
+		className: t("tabs-trigger", r && "active", e.disabled && "disabled", u),
+		onPointerDown: f,
+		onKeyDown: (e) => {
+			(e.key === " " || e.key === "Enter") && p(e.currentTarget);
+		},
+		onClick: () => c(e.value),
+		children: [
+			d,
+			e.icon && /* @__PURE__ */ m("span", {
+				className: "tabs-icon",
+				children: e.icon
+			}),
+			/* @__PURE__ */ m("span", {
+				className: "tabs-label",
+				children: e.label
+			})
+		]
+	});
+}
+function _({ items: e, value: n, defaultValue: r, onValueChange: i, variant: s = "underline", orientation: c = "horizontal", size: l = "md", fullWidth: _ = !1, showPanels: v = !0, panelClassName: y, clickEffect: b = "ripple", rippleColor: x, className: S, ...C }) {
+	let [w, T] = p(d(() => r ?? e.find((e) => !e.disabled)?.value ?? "", [r, e])), E = n ?? w, D = e.find((e) => e.value === E) ?? e[0], O = u();
+	function k(e) {
+		n === void 0 && T(e), i?.(e);
+	}
+	let A = f(/* @__PURE__ */ new Map());
+	function j(e, t) {
+		t ? A.current.set(e, t) : A.current.delete(e);
+	}
+	function M(t) {
+		if (t.altKey || t.ctrlKey || t.metaKey || !(c === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"]).includes(t.key) && t.key !== "Home" && t.key !== "End") return;
+		let n = e.filter((e) => !e.disabled);
+		if (n.length === 0) return;
+		let r = [...A.current.entries()].find(([, e]) => e === t.target)?.[0] ?? D?.value, i = n.findIndex((e) => e.value === r), s = c === "horizontal" && a(t.currentTarget), l = o(t.key, i, n.length, s);
+		if (l === null) return;
+		t.preventDefault();
+		let u = n[l];
+		u.value !== D?.value && k(u.value), A.current.get(u.value)?.focus();
+	}
+	return /* @__PURE__ */ h("div", {
+		className: t("tabs", s, c, l, _ && "full-width", S),
+		...C,
+		children: [/* @__PURE__ */ m("div", {
+			className: "tabs-list",
+			role: "tablist",
+			"aria-orientation": c,
+			onKeyDown: M,
+			children: e.map((e) => {
+				let t = e.value === D?.value;
+				return /* @__PURE__ */ m(g, {
+					item: e,
+					isActive: t,
+					tabId: `${O}-${e.value}-tab`,
+					panelId: v && t && e.content !== void 0 ? `${O}-${e.value}-panel` : void 0,
+					clickEffect: b,
+					rippleColor: x,
+					onSelect: k,
+					registerRef: j
+				}, e.value);
+			})
+		}), v && D?.content !== void 0 && /* @__PURE__ */ m("div", {
+			id: `${O}-${D.value}-panel`,
+			role: "tabpanel",
+			"aria-labelledby": `${O}-${D.value}-tab`,
+			tabIndex: 0,
+			className: t("tabs-panel", y),
+			children: D.content
+		}, D.value)]
+	});
+}
+//#endregion
+//#region src/components/layout/MGrid/MGrid.tsx
+var v = [
+	"base",
+	"xxl",
+	"xl",
+	"lg",
+	"md",
+	"sm"
+], y = {
+	sm: ["sm"],
+	md: ["md", "sm"],
+	lg: [
+		"lg",
+		"md",
+		"sm"
+	],
+	xl: [
+		"xl",
+		"lg",
+		"md",
+		"sm"
+	],
+	"2xl": [
+		"xxl",
+		"xl",
+		"lg",
+		"md",
+		"sm"
+	]
+};
+function b(e) {
+	return l(e) ? e.type === E ? !0 : e.type === T && e.props.type === "col" : !1;
+}
+function x(e) {
+	let t = e.sm, n = e.md ?? t, r = e.lg ?? n, i = e.xl ?? r, a = e.xxl ?? i;
+	return {
+		base: a,
+		xxl: a,
+		xl: i,
+		lg: r,
+		md: n,
+		sm: t
+	};
+}
+function S(e, t) {
+	return e === !0 ? !0 : e === void 0 || e === !1 || t === "base" ? !1 : y[e]?.includes(t) ?? !1;
+}
+function C(e, t) {
+	if (t <= 0) return [];
+	if (e <= 0) return Array.from({ length: t }, () => 12);
+	let n = Math.floor(e / t), r = e % t;
+	return Array.from({ length: t }, (e, t) => {
+		let i = n + +(t < r);
+		return i >= 1 ? i : 12;
+	});
+}
+function w(e) {
+	let t = e.map((e) => x(e)), n = t.map((e) => ({ ...e }));
+	for (let r of v) {
+		let i = [], a = 0;
+		t.forEach((t, o) => {
+			if (S(e[o].hidden, r)) {
+				n[o][r] = void 0;
+				return;
+			}
+			let s = t[r];
+			if (s) {
+				a += s;
+				return;
+			}
+			i.push(o);
+		});
+		let o = C(Math.max(12 - a, 0), i.length);
+		i.forEach((e, t) => {
+			n[e][r] = o[t];
+		});
+	}
+	return n;
+}
+function T({ type: n = "row", sm: a, md: o, lg: l, xl: u, xxl: d, resolvedBase: f, hidden: p, hiddenAbove: h, align: g, spacing: _, padding: v, fsize: y, mt: S, mb: C, ml: T, mr: E, mx: D, my: O, pt: k, pb: A, pl: j, pr: M, px: N, py: P, fullWidth: F, className: I, style: L, children: R, ...z }) {
+	let B = r({ fsize: y }), V = x({
+		sm: a,
+		md: o,
+		lg: l,
+		xl: u,
+		xxl: d
+	}), H = f ?? V.base;
+	if (n === "col") return /* @__PURE__ */ m("div", {
+		className: t("grid", "col", H ? `span-${H}` : "span-auto", d && `xxl-${d}`, u && `xl-${u}`, l && `lg-${l}`, o && `md-${o}`, a && `sm-${a}`, g && `self-${g}`, ...i({
+			spacing: _,
+			padding: v,
+			fsize: y,
+			mt: S,
+			mb: C,
+			ml: T,
+			mr: E,
+			mx: D,
+			my: O,
+			pt: k,
+			pb: A,
+			pl: j,
+			pr: M,
+			px: N,
+			py: P,
+			fullWidth: F
+		}), I),
+		style: {
+			...B,
+			...L
+		},
+		...e(p, h),
+		...z,
+		children: R
+	});
+	let U = s.toArray(R), W = U.flatMap((e, t) => b(e) ? [{
+		child: e,
+		index: t
+	}] : []), G = Math.min(Math.max(W.length || U.length, 1), 12), K = W.some(({ child: e }) => {
+		let t = e.props;
+		return !!(t.hidden || t.xxl || t.xl || t.lg || t.md || t.sm);
+	}), q = K ? w(W.map(({ child: e }) => e.props)) : null, J = K && q ? U.map((e, t) => {
+		let n = W.findIndex((e) => e.index === t);
+		if (n === -1 || !b(e)) return e;
+		let r = q[n];
+		return c(e, {
+			resolvedBase: r.base,
+			xxl: r.xxl,
+			xl: r.xl,
+			lg: r.lg,
+			md: r.md,
+			sm: r.sm
+		});
+	}) : U;
+	return /* @__PURE__ */ m("div", {
+		className: t("grid", "row", K ? "tracked" : `auto-cols-${G}`, g && `align-${g}`, ...i({
+			spacing: _,
+			padding: v,
+			fsize: y,
+			mt: S,
+			mb: C,
+			ml: T,
+			mr: E,
+			mx: D,
+			my: O,
+			pt: k,
+			pb: A,
+			pl: j,
+			pr: M,
+			px: N,
+			py: P,
+			fullWidth: F ?? !0
+		}), I),
+		style: {
+			...B,
+			...L
+		},
+		...e(p, h),
+		...z,
+		children: J
+	});
+}
+function E({ sm: e, md: t, lg: n, xl: r, xxl: i, align: a, ...o }) {
+	return /* @__PURE__ */ m(T, {
+		type: "col",
+		sm: e,
+		md: t,
+		lg: n,
+		xl: r,
+		xxl: i,
+		align: a,
+		...o
+	});
+}
+//#endregion
+export { E as n, _ as r, T as t };
+
+//# sourceMappingURL=MGrid-CQqT8nHi.js.map

package/dist/MGrid-CQqT8nHi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MGrid-CQqT8nHi.js","names":[],"sources":["../src/components/layout/MTabs/MTabs.tsx","../src/components/layout/MGrid/MGrid.tsx"],"sourcesContent":["import {useId, useMemo, useRef, useState} from 'react'\nimport type {KeyboardEvent} from 'react'\nimport type {MTabsItem, MTabsProps} from './MTabs.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {getRadioGroupTarget, isRtlElement} from '../../../utils/radioGroupKeys'\nimport './MTabs.css'\n\ninterface MTabsTriggerProps {\n    item: MTabsItem\n    isActive: boolean\n    tabId: string\n    /** Only set when the tab's panel is actually rendered, so `aria-controls` never dangles. */\n    panelId: string | undefined\n    clickEffect: MTabsProps['clickEffect']\n    rippleColor: string | undefined\n    onSelect: (value: string) => void\n    registerRef: (value: string, node: HTMLButtonElement | null) => void\n}\n\n// Keep the tab trigger behavior isolated from the list and panel rendering.\nfunction MTabsTrigger({\n    item,\n    isActive,\n    tabId,\n    panelId,\n    clickEffect,\n    rippleColor,\n    onSelect,\n    registerRef,\n}: MTabsTriggerProps) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLButtonElement>({\n        effect: clickEffect,\n        disabled: item.disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <button\n            type=\"button\"\n            ref={(node) => registerRef(item.value, node)}\n            id={tabId}\n            role=\"tab\"\n            aria-selected={isActive}\n            aria-controls={panelId}\n            tabIndex={isActive ? 0 : -1}\n            disabled={item.disabled}\n            className={cn('tabs-trigger', isActive && 'active', item.disabled && 'disabled', effectClassName)}\n            onPointerDown={handlePointerDown}\n            onKeyDown={(event) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget)\n                }\n            }}\n            onClick={() => onSelect(item.value)}\n        >\n            {effectLayer}\n            {item.icon && <span className=\"tabs-icon\">{item.icon}</span>}\n            <span className=\"tabs-label\">{item.label}</span>\n        </button>\n    )\n}\n\nexport function MTabs({\n    items,\n    value,\n    defaultValue,\n    onValueChange,\n    variant = 'underline',\n    orientation = 'horizontal',\n    size = 'md',\n    fullWidth = false,\n    showPanels = true,\n    panelClassName,\n    clickEffect = 'ripple',\n    rippleColor,\n    className,\n    ...rest\n}: MTabsProps) {\n    // Pick the first enabled item when the caller does not control the active tab.\n    const fallbackValue = useMemo(\n        () => defaultValue ?? items.find((item) => !item.disabled)?.value ?? '',\n        [defaultValue, items]\n    )\n    const [internalValue, setInternalValue] = useState(fallbackValue)\n    const activeValue = value ?? internalValue\n    const activeItem = items.find((item) => item.value === activeValue) ?? items[0]\n    const baseId = useId()\n\n    // Support both controlled and uncontrolled tab state.\n    function selectTab(nextValue: string) {\n        if (value === undefined) {\n            setInternalValue(nextValue)\n        }\n        onValueChange?.(nextValue)\n    }\n\n    const tabRefs = useRef(new Map<string, HTMLButtonElement>())\n    function registerRef(itemValue: string, node: HTMLButtonElement | null) {\n        if (node) tabRefs.current.set(itemValue, node)\n        else tabRefs.current.delete(itemValue)\n    }\n\n    // APG tabs with automatic activation: arrows along the orientation only (wrapping, flipped in\n    // RTL for horizontal lists), Home / End jump to the ends, and focus follows the selection.\n    function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n        if (event.altKey || event.ctrlKey || event.metaKey) return\n        const axisKeys = orientation === 'vertical' ? ['ArrowUp', 'ArrowDown'] : ['ArrowLeft', 'ArrowRight']\n        if (!axisKeys.includes(event.key) && event.key !== 'Home' && event.key !== 'End') return\n\n        const enabledItems = items.filter((item) => !item.disabled)\n        if (enabledItems.length === 0) return\n        // Start from the focused tab when there is one, otherwise from the selected tab.\n        const focusedValue = [...tabRefs.current.entries()].find(([, node]) => node === event.target)?.[0]\n        const fromValue = focusedValue ?? activeItem?.value\n        const currentIndex = enabledItems.findIndex((item) => item.value === fromValue)\n        const rtl = orientation === 'horizontal' && isRtlElement(event.currentTarget)\n        const targetIndex = getRadioGroupTarget(event.key, currentIndex, enabledItems.length, rtl)\n        if (targetIndex === null) return\n\n        event.preventDefault()\n        const target = enabledItems[targetIndex]\n        if (target.value !== activeItem?.value) selectTab(target.value)\n        tabRefs.current.get(target.value)?.focus()\n    }\n\n    return (\n        <div className={cn('tabs', variant, orientation, size, fullWidth && 'full-width', className)} {...rest}>\n            <div className=\"tabs-list\" role=\"tablist\" aria-orientation={orientation} onKeyDown={handleKeyDown}>\n                {items.map((item) => {\n                    const isActive = item.value === activeItem?.value\n                    const tabId = `${baseId}-${item.value}-tab`\n                    const hasPanel = showPanels && isActive && item.content !== undefined\n                    const panelId = hasPanel ? `${baseId}-${item.value}-panel` : undefined\n\n                    return (\n                        <MTabsTrigger\n                            key={item.value}\n                            item={item}\n                            isActive={isActive}\n                            tabId={tabId}\n                            panelId={panelId}\n                            clickEffect={clickEffect}\n                            rippleColor={rippleColor}\n                            onSelect={selectTab}\n                            registerRef={registerRef}\n                        />\n                    )\n                })}\n            </div>\n\n            {showPanels && activeItem?.content !== undefined && (\n                <div\n                    key={activeItem.value}\n                    id={`${baseId}-${activeItem.value}-panel`}\n                    role=\"tabpanel\"\n                    aria-labelledby={`${baseId}-${activeItem.value}-tab`}\n                    tabIndex={0}\n                    className={cn('tabs-panel', panelClassName)}\n                >\n                    {activeItem.content}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {Children, cloneElement, isValidElement} from 'react'\nimport type {ReactElement} from 'react'\nimport type {MGridColumns, MGridItemProps, MGridProps} from './MGrid.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MGrid.css'\n\ntype GridBreakpoint = 'base' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm'\ntype GridBreakpointSpans = Record<GridBreakpoint, MGridColumns | undefined>\ntype MGridInternalProps = MGridProps & {\n    resolvedBase?: MGridColumns\n}\n\nconst gridBreakpointOrder: GridBreakpoint[] = ['base', 'xxl', 'xl', 'lg', 'md', 'sm']\n\nconst hiddenBreakpointMap: Record<string, GridBreakpoint[]> = {\n    sm: ['sm'],\n    md: ['md', 'sm'],\n    lg: ['lg', 'md', 'sm'],\n    xl: ['xl', 'lg', 'md', 'sm'],\n    '2xl': ['xxl', 'xl', 'lg', 'md', 'sm'],\n}\n\nfunction isGridColumnElement(child: unknown): child is ReactElement<MGridProps | MGridItemProps> {\n    if (!isValidElement(child)) {\n        return false\n    }\n\n    if (child.type === MGridItem) {\n        return true\n    }\n\n    return child.type === MGrid && (child.props as MGridProps).type === 'col'\n}\n\nfunction getInheritedSpans(props: Partial<MGridProps>): GridBreakpointSpans {\n    const sm = props.sm\n    const md = props.md ?? sm\n    const lg = props.lg ?? md\n    const xl = props.xl ?? lg\n    const xxl = props.xxl ?? xl\n\n    return {\n        base: xxl,\n        xxl,\n        xl,\n        lg,\n        md,\n        sm,\n    }\n}\n\nfunction isHiddenAtBreakpoint(hidden: MGridProps['hidden'], breakpoint: GridBreakpoint) {\n    if (hidden === true) {\n        return true\n    }\n\n    if (hidden === undefined || hidden === false || breakpoint === 'base') {\n        return false\n    }\n\n    return hiddenBreakpointMap[hidden]?.includes(breakpoint) ?? false\n}\n\nfunction distributeRemainingColumns(remaining: number, count: number): Array<MGridColumns | undefined> {\n    if (count <= 0) {\n        return []\n    }\n\n    if (remaining <= 0) {\n        return Array.from({length: count}, () => 12 as MGridColumns)\n    }\n\n    const base = Math.floor(remaining / count)\n    const extra = remaining % count\n\n    return Array.from({length: count}, (_, index) => {\n        const value = base + (index < extra ? 1 : 0)\n        return value >= 1 ? (value as MGridColumns) : (12 as MGridColumns)\n    })\n}\n\nfunction resolveAutoSpans(columnProps: Array<Partial<MGridProps>>) {\n    const normalized = columnProps.map((props) => getInheritedSpans(props))\n    const resolved = normalized.map((spans) => ({...spans}))\n\n    for (const breakpoint of gridBreakpointOrder) {\n        const autoIndexes: number[] = []\n        let usedColumns = 0\n\n        normalized.forEach((spans, index) => {\n            if (isHiddenAtBreakpoint(columnProps[index].hidden, breakpoint)) {\n                resolved[index][breakpoint] = undefined\n                return\n            }\n\n            const value = spans[breakpoint]\n\n            if (value) {\n                usedColumns += value\n                return\n            }\n\n            autoIndexes.push(index)\n        })\n\n        const distributed = distributeRemainingColumns(Math.max(12 - usedColumns, 0), autoIndexes.length)\n\n        autoIndexes.forEach((columnIndex, autoIndex) => {\n            resolved[columnIndex][breakpoint] = distributed[autoIndex]\n        })\n    }\n\n    return resolved\n}\n\n// Render either a responsive row or a responsive column using one shared grid API.\nexport function MGrid({\n    type = 'row',\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    resolvedBase,\n    hidden,\n    hiddenAbove,\n    align,\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}: MGridInternalProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const inheritedSpans = getInheritedSpans({sm, md, lg, xl, xxl})\n    const baseSpan = resolvedBase ?? inheritedSpans.base\n\n    if (type === 'col') {\n        return (\n            <div\n                className={cn(\n                    'grid',\n                    'col',\n                    baseSpan ? `span-${baseSpan}` : 'span-auto',\n                    xxl && `xxl-${xxl}`,\n                    xl && `xl-${xl}`,\n                    lg && `lg-${lg}`,\n                    md && `md-${md}`,\n                    sm && `sm-${sm}`,\n                    align && `self-${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\n    const childArray = Children.toArray(children)\n    const columnEntries = childArray.flatMap((child, index) => (isGridColumnElement(child) ? [{child, index}] : []))\n    const autoColumns = Math.min(Math.max(columnEntries.length || childArray.length, 1), 12)\n    const needsResponsiveResolution = columnEntries.some(({child}) => {\n        const p = child.props as MGridProps\n        return Boolean(p.hidden || p.xxl || p.xl || p.lg || p.md || p.sm)\n    })\n    const resolvedSpans = needsResponsiveResolution\n        ? resolveAutoSpans(columnEntries.map(({child}) => child.props as Partial<MGridProps>))\n        : null\n    const resolvedChildren =\n        needsResponsiveResolution && resolvedSpans\n            ? childArray.map((child, childIndex) => {\n                  const columnIndex = columnEntries.findIndex((entry) => entry.index === childIndex)\n\n                  if (columnIndex === -1 || !isGridColumnElement(child)) {\n                      return child\n                  }\n\n                  const spans = resolvedSpans[columnIndex]\n\n                  return cloneElement(child as ReactElement<MGridInternalProps>, {\n                      resolvedBase: spans.base,\n                      xxl: spans.xxl,\n                      xl: spans.xl,\n                      lg: spans.lg,\n                      md: spans.md,\n                      sm: spans.sm,\n                  })\n              })\n            : childArray\n\n    return (\n        <div\n            className={cn(\n                'grid',\n                'row',\n                needsResponsiveResolution ? 'tracked' : `auto-cols-${autoColumns}`,\n                align && `align-${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: fullWidth ?? true,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {resolvedChildren}\n        </div>\n    )\n}\n\n// Keep MGridItem as a compatibility alias for explicit column declarations.\nexport function MGridItem({sm, md, lg, xl, xxl, align, ...rest}: MGridItemProps) {\n    return <MGrid type=\"col\" sm={sm} md={md} lg={lg} xl={xl} xxl={xxl} align={align} {...rest} />\n}\n"],"mappings":"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"}

package/dist/MGrid-tBsqShLG.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./useInteractionEffect-CtXlbjhC.cjs`),r=require(`./layoutProps-B8y2XwHy.cjs`),i=require(`./radioGroupKeys-COL8uXbH.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);function s({item:e,isActive:r,tabId:i,panelId:a,clickEffect:s,rippleColor:c,onSelect:l,registerRef:u}){let{effectClassName:d,effectLayer:f,handlePointerDown:p,triggerEffect:m}=n.t({effect:s,disabled:e.disabled,centered:!0,color:c});return(0,o.jsxs)(`button`,{type:`button`,ref:t=>u(e.value,t),id:i,role:`tab`,"aria-selected":r,"aria-controls":a,tabIndex:r?0:-1,disabled:e.disabled,className:t.t(`tabs-trigger`,r&&`active`,e.disabled&&`disabled`,d),onPointerDown:p,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&m(e.currentTarget)},onClick:()=>l(e.value),children:[f,e.icon&&(0,o.jsx)(`span`,{className:`tabs-icon`,children:e.icon}),(0,o.jsx)(`span`,{className:`tabs-label`,children:e.label})]})}function c({items:e,value:n,defaultValue:r,onValueChange:c,variant:l=`underline`,orientation:u=`horizontal`,size:d=`md`,fullWidth:f=!1,showPanels:p=!0,panelClassName:m,clickEffect:h=`ripple`,rippleColor:g,className:_,...v}){let[y,b]=(0,a.useState)((0,a.useMemo)(()=>r??e.find(e=>!e.disabled)?.value??``,[r,e])),x=n??y,S=e.find(e=>e.value===x)??e[0],C=(0,a.useId)();function w(e){n===void 0&&b(e),c?.(e)}let T=(0,a.useRef)(new Map);function E(e,t){t?T.current.set(e,t):T.current.delete(e)}function D(t){if(t.altKey||t.ctrlKey||t.metaKey||!(u===`vertical`?[`ArrowUp`,`ArrowDown`]:[`ArrowLeft`,`ArrowRight`]).includes(t.key)&&t.key!==`Home`&&t.key!==`End`)return;let n=e.filter(e=>!e.disabled);if(n.length===0)return;let r=[...T.current.entries()].find(([,e])=>e===t.target)?.[0]??S?.value,a=n.findIndex(e=>e.value===r),o=u===`horizontal`&&i.n(t.currentTarget),s=i.t(t.key,a,n.length,o);if(s===null)return;t.preventDefault();let c=n[s];c.value!==S?.value&&w(c.value),T.current.get(c.value)?.focus()}return(0,o.jsxs)(`div`,{className:t.t(`tabs`,l,u,d,f&&`full-width`,_),...v,children:[(0,o.jsx)(`div`,{className:`tabs-list`,role:`tablist`,"aria-orientation":u,onKeyDown:D,children:e.map(e=>{let t=e.value===S?.value;return(0,o.jsx)(s,{item:e,isActive:t,tabId:`${C}-${e.value}-tab`,panelId:p&&t&&e.content!==void 0?`${C}-${e.value}-panel`:void 0,clickEffect:h,rippleColor:g,onSelect:w,registerRef:E},e.value)})}),p&&S?.content!==void 0&&(0,o.jsx)(`div`,{id:`${C}-${S.value}-panel`,role:`tabpanel`,"aria-labelledby":`${C}-${S.value}-tab`,tabIndex:0,className:t.t(`tabs-panel`,m),children:S.content},S.value)]})}var l=[`base`,`xxl`,`xl`,`lg`,`md`,`sm`],u={sm:[`sm`],md:[`md`,`sm`],lg:[`lg`,`md`,`sm`],xl:[`xl`,`lg`,`md`,`sm`],"2xl":[`xxl`,`xl`,`lg`,`md`,`sm`]};function d(e){return(0,a.isValidElement)(e)?e.type===_?!0:e.type===g&&e.props.type===`col`:!1}function f(e){let t=e.sm,n=e.md??t,r=e.lg??n,i=e.xl??r,a=e.xxl??i;return{base:a,xxl:a,xl:i,lg:r,md:n,sm:t}}function p(e,t){return e===!0?!0:e===void 0||e===!1||t===`base`?!1:u[e]?.includes(t)??!1}function m(e,t){if(t<=0)return[];if(e<=0)return Array.from({length:t},()=>12);let n=Math.floor(e/t),r=e%t;return Array.from({length:t},(e,t)=>{let i=n+ +(t<r);return i>=1?i:12})}function h(e){let t=e.map(e=>f(e)),n=t.map(e=>({...e}));for(let r of l){let i=[],a=0;t.forEach((t,o)=>{if(p(e[o].hidden,r)){n[o][r]=void 0;return}let s=t[r];if(s){a+=s;return}i.push(o)});let o=m(Math.max(12-a,0),i.length);i.forEach((e,t)=>{n[e][r]=o[t]})}return n}function g({type:n=`row`,sm:i,md:s,lg:c,xl:l,xxl:u,resolvedBase:p,hidden:m,hiddenAbove:g,align:_,spacing:v,padding:y,fsize:b,mt:x,mb:S,ml:C,mr:w,mx:T,my:E,pt:D,pb:O,pl:k,pr:A,px:j,py:M,fullWidth:N,className:P,style:F,children:I,...L}){let R=r.n({fsize:b}),z=f({sm:i,md:s,lg:c,xl:l,xxl:u}),B=p??z.base;if(n===`col`)return(0,o.jsx)(`div`,{className:t.t(`grid`,`col`,B?`span-${B}`:`span-auto`,u&&`xxl-${u}`,l&&`xl-${l}`,c&&`lg-${c}`,s&&`md-${s}`,i&&`sm-${i}`,_&&`self-${_}`,...r.t({spacing:v,padding:y,fsize:b,mt:x,mb:S,ml:C,mr:w,mx:T,my:E,pt:D,pb:O,pl:k,pr:A,px:j,py:M,fullWidth:N}),P),style:{...R,...F},...e.r(m,g),...L,children:I});let V=a.Children.toArray(I),H=V.flatMap((e,t)=>d(e)?[{child:e,index:t}]:[]),U=Math.min(Math.max(H.length||V.length,1),12),W=H.some(({child:e})=>{let t=e.props;return!!(t.hidden||t.xxl||t.xl||t.lg||t.md||t.sm)}),G=W?h(H.map(({child:e})=>e.props)):null,K=W&&G?V.map((e,t)=>{let n=H.findIndex(e=>e.index===t);if(n===-1||!d(e))return e;let r=G[n];return(0,a.cloneElement)(e,{resolvedBase:r.base,xxl:r.xxl,xl:r.xl,lg:r.lg,md:r.md,sm:r.sm})}):V;return(0,o.jsx)(`div`,{className:t.t(`grid`,`row`,W?`tracked`:`auto-cols-${U}`,_&&`align-${_}`,...r.t({spacing:v,padding:y,fsize:b,mt:x,mb:S,ml:C,mr:w,mx:T,my:E,pt:D,pb:O,pl:k,pr:A,px:j,py:M,fullWidth:N??!0}),P),style:{...R,...F},...e.r(m,g),...L,children:K})}function _({sm:e,md:t,lg:n,xl:r,xxl:i,align:a,...s}){return(0,o.jsx)(g,{type:`col`,sm:e,md:t,lg:n,xl:r,xxl:i,align:a,...s})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=MGrid-tBsqShLG.cjs.map

package/dist/MGrid-tBsqShLG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MGrid-tBsqShLG.cjs","names":[],"sources":["../src/components/layout/MTabs/MTabs.tsx","../src/components/layout/MGrid/MGrid.tsx"],"sourcesContent":["import {useId, useMemo, useRef, useState} from 'react'\nimport type {KeyboardEvent} from 'react'\nimport type {MTabsItem, MTabsProps} from './MTabs.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {getRadioGroupTarget, isRtlElement} from '../../../utils/radioGroupKeys'\nimport './MTabs.css'\n\ninterface MTabsTriggerProps {\n    item: MTabsItem\n    isActive: boolean\n    tabId: string\n    /** Only set when the tab's panel is actually rendered, so `aria-controls` never dangles. */\n    panelId: string | undefined\n    clickEffect: MTabsProps['clickEffect']\n    rippleColor: string | undefined\n    onSelect: (value: string) => void\n    registerRef: (value: string, node: HTMLButtonElement | null) => void\n}\n\n// Keep the tab trigger behavior isolated from the list and panel rendering.\nfunction MTabsTrigger({\n    item,\n    isActive,\n    tabId,\n    panelId,\n    clickEffect,\n    rippleColor,\n    onSelect,\n    registerRef,\n}: MTabsTriggerProps) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLButtonElement>({\n        effect: clickEffect,\n        disabled: item.disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <button\n            type=\"button\"\n            ref={(node) => registerRef(item.value, node)}\n            id={tabId}\n            role=\"tab\"\n            aria-selected={isActive}\n            aria-controls={panelId}\n            tabIndex={isActive ? 0 : -1}\n            disabled={item.disabled}\n            className={cn('tabs-trigger', isActive && 'active', item.disabled && 'disabled', effectClassName)}\n            onPointerDown={handlePointerDown}\n            onKeyDown={(event) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget)\n                }\n            }}\n            onClick={() => onSelect(item.value)}\n        >\n            {effectLayer}\n            {item.icon && <span className=\"tabs-icon\">{item.icon}</span>}\n            <span className=\"tabs-label\">{item.label}</span>\n        </button>\n    )\n}\n\nexport function MTabs({\n    items,\n    value,\n    defaultValue,\n    onValueChange,\n    variant = 'underline',\n    orientation = 'horizontal',\n    size = 'md',\n    fullWidth = false,\n    showPanels = true,\n    panelClassName,\n    clickEffect = 'ripple',\n    rippleColor,\n    className,\n    ...rest\n}: MTabsProps) {\n    // Pick the first enabled item when the caller does not control the active tab.\n    const fallbackValue = useMemo(\n        () => defaultValue ?? items.find((item) => !item.disabled)?.value ?? '',\n        [defaultValue, items]\n    )\n    const [internalValue, setInternalValue] = useState(fallbackValue)\n    const activeValue = value ?? internalValue\n    const activeItem = items.find((item) => item.value === activeValue) ?? items[0]\n    const baseId = useId()\n\n    // Support both controlled and uncontrolled tab state.\n    function selectTab(nextValue: string) {\n        if (value === undefined) {\n            setInternalValue(nextValue)\n        }\n        onValueChange?.(nextValue)\n    }\n\n    const tabRefs = useRef(new Map<string, HTMLButtonElement>())\n    function registerRef(itemValue: string, node: HTMLButtonElement | null) {\n        if (node) tabRefs.current.set(itemValue, node)\n        else tabRefs.current.delete(itemValue)\n    }\n\n    // APG tabs with automatic activation: arrows along the orientation only (wrapping, flipped in\n    // RTL for horizontal lists), Home / End jump to the ends, and focus follows the selection.\n    function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n        if (event.altKey || event.ctrlKey || event.metaKey) return\n        const axisKeys = orientation === 'vertical' ? ['ArrowUp', 'ArrowDown'] : ['ArrowLeft', 'ArrowRight']\n        if (!axisKeys.includes(event.key) && event.key !== 'Home' && event.key !== 'End') return\n\n        const enabledItems = items.filter((item) => !item.disabled)\n        if (enabledItems.length === 0) return\n        // Start from the focused tab when there is one, otherwise from the selected tab.\n        const focusedValue = [...tabRefs.current.entries()].find(([, node]) => node === event.target)?.[0]\n        const fromValue = focusedValue ?? activeItem?.value\n        const currentIndex = enabledItems.findIndex((item) => item.value === fromValue)\n        const rtl = orientation === 'horizontal' && isRtlElement(event.currentTarget)\n        const targetIndex = getRadioGroupTarget(event.key, currentIndex, enabledItems.length, rtl)\n        if (targetIndex === null) return\n\n        event.preventDefault()\n        const target = enabledItems[targetIndex]\n        if (target.value !== activeItem?.value) selectTab(target.value)\n        tabRefs.current.get(target.value)?.focus()\n    }\n\n    return (\n        <div className={cn('tabs', variant, orientation, size, fullWidth && 'full-width', className)} {...rest}>\n            <div className=\"tabs-list\" role=\"tablist\" aria-orientation={orientation} onKeyDown={handleKeyDown}>\n                {items.map((item) => {\n                    const isActive = item.value === activeItem?.value\n                    const tabId = `${baseId}-${item.value}-tab`\n                    const hasPanel = showPanels && isActive && item.content !== undefined\n                    const panelId = hasPanel ? `${baseId}-${item.value}-panel` : undefined\n\n                    return (\n                        <MTabsTrigger\n                            key={item.value}\n                            item={item}\n                            isActive={isActive}\n                            tabId={tabId}\n                            panelId={panelId}\n                            clickEffect={clickEffect}\n                            rippleColor={rippleColor}\n                            onSelect={selectTab}\n                            registerRef={registerRef}\n                        />\n                    )\n                })}\n            </div>\n\n            {showPanels && activeItem?.content !== undefined && (\n                <div\n                    key={activeItem.value}\n                    id={`${baseId}-${activeItem.value}-panel`}\n                    role=\"tabpanel\"\n                    aria-labelledby={`${baseId}-${activeItem.value}-tab`}\n                    tabIndex={0}\n                    className={cn('tabs-panel', panelClassName)}\n                >\n                    {activeItem.content}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {Children, cloneElement, isValidElement} from 'react'\nimport type {ReactElement} from 'react'\nimport type {MGridColumns, MGridItemProps, MGridProps} from './MGrid.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MGrid.css'\n\ntype GridBreakpoint = 'base' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm'\ntype GridBreakpointSpans = Record<GridBreakpoint, MGridColumns | undefined>\ntype MGridInternalProps = MGridProps & {\n    resolvedBase?: MGridColumns\n}\n\nconst gridBreakpointOrder: GridBreakpoint[] = ['base', 'xxl', 'xl', 'lg', 'md', 'sm']\n\nconst hiddenBreakpointMap: Record<string, GridBreakpoint[]> = {\n    sm: ['sm'],\n    md: ['md', 'sm'],\n    lg: ['lg', 'md', 'sm'],\n    xl: ['xl', 'lg', 'md', 'sm'],\n    '2xl': ['xxl', 'xl', 'lg', 'md', 'sm'],\n}\n\nfunction isGridColumnElement(child: unknown): child is ReactElement<MGridProps | MGridItemProps> {\n    if (!isValidElement(child)) {\n        return false\n    }\n\n    if (child.type === MGridItem) {\n        return true\n    }\n\n    return child.type === MGrid && (child.props as MGridProps).type === 'col'\n}\n\nfunction getInheritedSpans(props: Partial<MGridProps>): GridBreakpointSpans {\n    const sm = props.sm\n    const md = props.md ?? sm\n    const lg = props.lg ?? md\n    const xl = props.xl ?? lg\n    const xxl = props.xxl ?? xl\n\n    return {\n        base: xxl,\n        xxl,\n        xl,\n        lg,\n        md,\n        sm,\n    }\n}\n\nfunction isHiddenAtBreakpoint(hidden: MGridProps['hidden'], breakpoint: GridBreakpoint) {\n    if (hidden === true) {\n        return true\n    }\n\n    if (hidden === undefined || hidden === false || breakpoint === 'base') {\n        return false\n    }\n\n    return hiddenBreakpointMap[hidden]?.includes(breakpoint) ?? false\n}\n\nfunction distributeRemainingColumns(remaining: number, count: number): Array<MGridColumns | undefined> {\n    if (count <= 0) {\n        return []\n    }\n\n    if (remaining <= 0) {\n        return Array.from({length: count}, () => 12 as MGridColumns)\n    }\n\n    const base = Math.floor(remaining / count)\n    const extra = remaining % count\n\n    return Array.from({length: count}, (_, index) => {\n        const value = base + (index < extra ? 1 : 0)\n        return value >= 1 ? (value as MGridColumns) : (12 as MGridColumns)\n    })\n}\n\nfunction resolveAutoSpans(columnProps: Array<Partial<MGridProps>>) {\n    const normalized = columnProps.map((props) => getInheritedSpans(props))\n    const resolved = normalized.map((spans) => ({...spans}))\n\n    for (const breakpoint of gridBreakpointOrder) {\n        const autoIndexes: number[] = []\n        let usedColumns = 0\n\n        normalized.forEach((spans, index) => {\n            if (isHiddenAtBreakpoint(columnProps[index].hidden, breakpoint)) {\n                resolved[index][breakpoint] = undefined\n                return\n            }\n\n            const value = spans[breakpoint]\n\n            if (value) {\n                usedColumns += value\n                return\n            }\n\n            autoIndexes.push(index)\n        })\n\n        const distributed = distributeRemainingColumns(Math.max(12 - usedColumns, 0), autoIndexes.length)\n\n        autoIndexes.forEach((columnIndex, autoIndex) => {\n            resolved[columnIndex][breakpoint] = distributed[autoIndex]\n        })\n    }\n\n    return resolved\n}\n\n// Render either a responsive row or a responsive column using one shared grid API.\nexport function MGrid({\n    type = 'row',\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    resolvedBase,\n    hidden,\n    hiddenAbove,\n    align,\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}: MGridInternalProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const inheritedSpans = getInheritedSpans({sm, md, lg, xl, xxl})\n    const baseSpan = resolvedBase ?? inheritedSpans.base\n\n    if (type === 'col') {\n        return (\n            <div\n                className={cn(\n                    'grid',\n                    'col',\n                    baseSpan ? `span-${baseSpan}` : 'span-auto',\n                    xxl && `xxl-${xxl}`,\n                    xl && `xl-${xl}`,\n                    lg && `lg-${lg}`,\n                    md && `md-${md}`,\n                    sm && `sm-${sm}`,\n                    align && `self-${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\n    const childArray = Children.toArray(children)\n    const columnEntries = childArray.flatMap((child, index) => (isGridColumnElement(child) ? [{child, index}] : []))\n    const autoColumns = Math.min(Math.max(columnEntries.length || childArray.length, 1), 12)\n    const needsResponsiveResolution = columnEntries.some(({child}) => {\n        const p = child.props as MGridProps\n        return Boolean(p.hidden || p.xxl || p.xl || p.lg || p.md || p.sm)\n    })\n    const resolvedSpans = needsResponsiveResolution\n        ? resolveAutoSpans(columnEntries.map(({child}) => child.props as Partial<MGridProps>))\n        : null\n    const resolvedChildren =\n        needsResponsiveResolution && resolvedSpans\n            ? childArray.map((child, childIndex) => {\n                  const columnIndex = columnEntries.findIndex((entry) => entry.index === childIndex)\n\n                  if (columnIndex === -1 || !isGridColumnElement(child)) {\n                      return child\n                  }\n\n                  const spans = resolvedSpans[columnIndex]\n\n                  return cloneElement(child as ReactElement<MGridInternalProps>, {\n                      resolvedBase: spans.base,\n                      xxl: spans.xxl,\n                      xl: spans.xl,\n                      lg: spans.lg,\n                      md: spans.md,\n                      sm: spans.sm,\n                  })\n              })\n            : childArray\n\n    return (\n        <div\n            className={cn(\n                'grid',\n                'row',\n                needsResponsiveResolution ? 'tracked' : `auto-cols-${autoColumns}`,\n                align && `align-${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: fullWidth ?? true,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {resolvedChildren}\n        </div>\n    )\n}\n\n// Keep MGridItem as a compatibility alias for explicit column declarations.\nexport function MGridItem({sm, md, lg, xl, xxl, align, ...rest}: MGridItemProps) {\n    return <MGrid type=\"col\" sm={sm} md={md} lg={lg} xl={xl} xxl={xxl} align={align} {...rest} />\n}\n"],"mappings":"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"}

package/dist/MHeading-DQSQ8c7L.js

@@ -0,0 +1,21 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { n } from "./MText-BUWQPoBM.js";
+import { createElement as r } from "react";
+//#region src/components/typography/MHeading/MHeading.tsx
+function i({ level: i = 2, tone: a = "default", hidden: o, hiddenAbove: s, color: c, truncate: l, className: u, style: d, children: f, ...p }) {
+	let m = typeof l == "number" ? l : void 0;
+	return r(`h${i}`, {
+		className: t("heading", `h${i}`, !c && a, l === !0 && "truncate", m != null && "line-clamp", ...n({ color: c }), u),
+		style: m ? {
+			"--line-clamp": m,
+			...d
+		} : d,
+		...e(o, s),
+		...p
+	}, f);
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MHeading-DQSQ8c7L.js.map

package/dist/MHeading-DQSQ8c7L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MHeading-DQSQ8c7L.js","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    hidden,\n    hiddenAbove,\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...getHiddenProps(hidden, hiddenAbove),\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAS,EACrB,WAAQ,GACR,UAAO,WACP,WACA,gBACA,UACA,aACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QAAO,EACH,IAAI,KACJ;EACI,WAAW,EACP,WACA,IAAI,KACJ,CAAC,KAAS,GACV,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,EACH;EACD,OAAO,IAAS;GAAC,gBAAgB;GAAO,GAAG;GAAM,GAAqB;EACtE,GAAG,EAAe,GAAQ,EAAY;EACtC,GAAG;EACN,EACD,EACH"}

package/dist/MHeading-DiGYs1FJ.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`);function i({level:i=2,tone:a=`default`,hidden:o,hiddenAbove:s,color:c,truncate:l,className:u,style:d,children:f,...p}){let m=typeof l==`number`?l:void 0;return(0,r.createElement)(`h${i}`,{className:t.t(`heading`,`h${i}`,!c&&a,l===!0&&`truncate`,m!=null&&`line-clamp`,...n.n({color:c}),u),style:m?{"--line-clamp":m,...d}:d,...e.r(o,s),...p},f)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MHeading-DiGYs1FJ.cjs.map

package/dist/MHeading-DiGYs1FJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MHeading-DiGYs1FJ.cjs","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    hidden,\n    hiddenAbove,\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...getHiddenProps(hidden, hiddenAbove),\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":"+JASA,SAAgB,EAAS,CACrB,QAAQ,EACR,OAAO,UACP,SACA,cACA,QACA,WACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OAAA,EAAA,EAAA,eACI,IAAI,IACJ,CACI,UAAW,EAAA,EACP,UACA,IAAI,IACJ,CAAC,GAAS,EACV,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CACnC,EACH,CACD,MAAO,EAAS,CAAC,eAAgB,EAAO,GAAG,EAAM,CAAqB,EACtE,GAAG,EAAA,EAAe,EAAQ,EAAY,CACtC,GAAG,EACN,CACD,EACH"}

package/dist/MInput-BeEGufZG.cjs

@@ -0,0 +1,2 @@
+const e=require(`./frameworkTexts-CaqdiKHW.cjs`),t=require(`./icons-Bp8bB9TP.cjs`),n=require(`./cn-DYFxgzi2.cjs`),r=require(`./useGhostText-DO-tfxS0.cjs`),i=require(`./useInteractionEffect-CtXlbjhC.cjs`),a=require(`./MButton-BxEky3xQ.cjs`);require(`./core-w629c4ND.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);function c(e){return e==null?``:e.toString()}function l(e,t){let[n,r]=(0,o.useState)(()=>c(t)),i=e!==void 0;return{isControlled:i,currentValue:i?c(e):n,setCurrentValue:(0,o.useCallback)(e=>{i||r(e)},[i])}}var u=(0,o.forwardRef)(function({type:c=`text`,value:u,defaultValue:d,name:f,id:ee,placeholder:p,disabled:m=!1,readOnly:h=!1,required:g=!1,autoFocus:_=!1,autoComplete:v,inputMode:y,variant:te=`outlined`,size:ne=`md`,color:b,fullWidth:re=!1,rounded:ie=!1,label:x,helperText:S,errorText:C,startIcon:w,endIcon:T,clearable:ae=!1,error:oe=!1,success:E=!1,maxLength:D,showCharCount:O=!1,onChange:k,onFocus:A,onBlur:j,onKeyDown:M,onClear:N,ghostOptions:P,ghostMinChars:F=2,onGhostAccept:I,loading:L=!1,clickEffect:se=`ripple`,rippleColor:ce,className:le,style:ue,inputClassName:R,labelClassName:de,inputProps:z},B){let V=e.s(),fe=(0,o.useId)(),H=ee??fe,[U,W]=(0,o.useState)(!1),G=(0,o.useRef)(null),{effectClassName:pe,effectLayer:me,handlePointerDown:he}=i.t({effect:se,disabled:m||h,color:ce}),{isControlled:ge,currentValue:K,setCurrentValue:q}=l(u,d),J=r.t({options:P??[],value:K,minChars:F}),Y=oe||!!C,_e=K.length>0,X=Y?`color-error`:b?`color-${b}`:void 0,Z=(0,o.useCallback)(e=>{W(!0),A?.(e)},[A]),Q=(0,o.useCallback)(e=>{W(!1),j?.(e)},[j]),$=(0,o.useCallback)(e=>{q(e.target.value),k?.(e),J.reset()},[k,q,J.reset]),ve=(0,o.useCallback)(e=>{if(P&&J.hint&&J.onKeyDown(e)){let e=J.accept();q(e.value),I?.(e.value);let t=B?.current??G.current;t&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(t,e.value),t.dispatchEvent(new Event(`input`,{bubbles:!0})));return}M?.(e)},[P,J,q,I,M,B]),ye=(0,o.useCallback)(()=>{q(``);let e=B?.current??G.current;e&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(e,``),e.dispatchEvent(new Event(`input`,{bubbles:!0}))),N?.(),e?.focus()},[N,B,q]),be=n.t(`container`,`field-${te}`,`field-${ne}`,U&&`focused`,Y&&`input-error`,E&&!Y&&`input-success`,X,m&&`disabled`,ie&&`rounded`,pe);return(0,s.jsxs)(`div`,{className:n.t(`input`,X,re&&`full-width`,le),style:ue,children:[x&&(0,s.jsx)(`label`,{htmlFor:H,className:n.t(`field-label`,U&&`focused`,Y&&`error`,E&&!Y&&`success`,g&&`required`,de),children:x}),(0,s.jsxs)(`div`,{className:be,onPointerDown:he,children:[me,w&&(0,s.jsx)(`span`,{className:`start-icon`,children:w}),P?(0,s.jsxs)(`div`,{className:`ghost-text-field`,children:[(0,s.jsx)(`input`,{...z,ref:B??G,type:c,value:K,name:f,id:H,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v??`off`,inputMode:y,maxLength:D,className:n.t(`field`,R),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:ve,"aria-invalid":Y||void 0,"aria-describedby":C?`${H}-error`:S?`${H}-helper`:void 0}),U&&J.hint&&(0,s.jsxs)(`span`,{className:`ghost-text-overlay`,"aria-hidden":`true`,children:[(0,s.jsx)(`span`,{className:`ghost-text-typed`,children:K}),(0,s.jsx)(`span`,{className:`ghost-text-hint`,children:J.hint})]})]}):(0,s.jsx)(`input`,{...z,ref:B??G,type:c,value:K,name:f,id:H,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v,inputMode:y,maxLength:D,className:n.t(`field`,R),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:M,"aria-invalid":Y||void 0,"aria-describedby":C?`${H}-error`:S?`${H}-helper`:void 0}),L&&(0,s.jsx)(a.r,{size:`sm`,color:b}),ae&&_e&&!L&&!m&&!h&&(0,s.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onMouseDown:e=>e.preventDefault(),onClick:ye,tabIndex:-1,"aria-label":V.clearInput,children:(0,s.jsx)(t.Xi,{})}),T&&!L&&(0,s.jsx)(`span`,{className:`end-icon`,children:T})]}),(C||S||O)&&(0,s.jsxs)(`div`,{className:`bottom-row`,children:[(0,s.jsxs)(`span`,{children:[C&&(0,s.jsx)(`span`,{id:H?`${H}-error`:void 0,className:`field-error`,role:`alert`,children:C}),!C&&S&&(0,s.jsx)(`span`,{id:H?`${H}-helper`:void 0,className:`field-helper`,children:S})]}),O&&D&&(0,s.jsxs)(`span`,{className:n.t(`char-count`,K.length>D&&`over`),children:[K.length,`/`,D]})]})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=MInput-BeEGufZG.cjs.map

package/dist/MInput-BeEGufZG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInput-BeEGufZG.cjs","names":[],"sources":["../src/utils/useControllableString.ts","../src/components/inputs/MInput/MInput.tsx"],"sourcesContent":["import {useCallback, useState} from 'react'\n\ntype ControllableStringLike = string | number | readonly string[] | null | undefined\n\n// Normalize mixed input values so text-like controls always work with strings.\nfunction normalizeStringValue(value: ControllableStringLike) {\n    if (value === null || value === undefined) {\n        return ''\n    }\n\n    return value.toString()\n}\n\n// Share controlled and uncontrolled string state logic between text-like primitives.\nexport function useControllableString(value: ControllableStringLike, defaultValue?: ControllableStringLike) {\n    const [internalValue, setInternalValue] = useState(() => normalizeStringValue(defaultValue))\n    const isControlled = value !== undefined\n    const currentValue = isControlled ? normalizeStringValue(value) : internalValue\n\n    const setCurrentValue = useCallback(\n        (nextValue: string) => {\n            if (!isControlled) {\n                setInternalValue(nextValue)\n            }\n        },\n        [isControlled]\n    )\n\n    return {\n        isControlled,\n        currentValue,\n        setCurrentValue,\n    }\n}\n","import {forwardRef, useCallback, useId, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MInputProps} from './MInput.types'\nimport {cn} from '../../../utils/cn'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {useGhostText} from '../../../utils/useGhostText'\nimport {MSpinner} from '../../feedback'\nimport {MCloseIcon} from '../../../icons'\nimport './MInput.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\n// Render the base text input used by all specialized input wrappers.\nexport const MInput = forwardRef<HTMLInputElement, MInputProps>(function MInput(\n    {\n        type = 'text',\n        value,\n        defaultValue,\n        name,\n        id: idProp,\n        placeholder,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        autoComplete,\n        inputMode,\n        variant = 'outlined',\n        size = 'md',\n        color,\n        fullWidth = false,\n        rounded = false,\n        label,\n        helperText,\n        errorText,\n        startIcon,\n        endIcon,\n        clearable = false,\n        error = false,\n        success = false,\n        maxLength,\n        showCharCount = false,\n        onChange,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        onClear,\n        ghostOptions,\n        ghostMinChars = 2,\n        onGhostAccept,\n        loading = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        inputClassName,\n        labelClassName,\n        inputProps,\n    },\n    ref\n) {\n    const texts = useMCommonTexts()\n    // Fall back to a generated id so `label[for]` and `aria-describedby` always resolve.\n    const generatedId = useId()\n    const id = idProp ?? generatedId\n    const [focused, setFocused] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect,\n        disabled: disabled || readOnly,\n        color: rippleColor,\n    })\n\n    const {isControlled, currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n    const ghost = useGhostText({\n        options: ghostOptions ?? [],\n        value: currentValue,\n        minChars: ghostMinChars,\n    })\n    const hasError = error || !!errorText\n    const hasContent = currentValue.length > 0\n    const resolvedColorClass = hasError ? 'color-error' : color ? `color-${color}` : undefined\n\n    // Mirror focus state so the wrapper can style the input consistently.\n    const handleFocus = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true)\n            onFocus?.(event)\n        },\n        [onFocus]\n    )\n\n    // Clear focus styles before delegating to the caller.\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false)\n            onBlur?.(event)\n        },\n        [onBlur]\n    )\n\n    // Keep uncontrolled usage working without blocking controlled integrations.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            setCurrentValue(event.target.value)\n            onChange?.(event)\n            ghost.reset()\n        },\n        [onChange, setCurrentValue, ghost.reset]\n    )\n\n    // Intercept keyboard events for ghost text acceptance before delegating.\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (ghostOptions && ghost.hint) {\n                const accepted = ghost.onKeyDown(event)\n                if (accepted) {\n                    const result = ghost.accept()\n                    setCurrentValue(result.value)\n                    onGhostAccept?.(result.value)\n                    // Fire synthetic change so controlled parents stay in sync.\n                    const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n                    if (input) {\n                        const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n                        nativeSet?.call(input, result.value)\n                        input.dispatchEvent(new Event('input', {bubbles: true}))\n                    }\n                    return\n                }\n            }\n            onKeyDown?.(event)\n        },\n        [ghostOptions, ghost, setCurrentValue, onGhostAccept, onKeyDown, ref]\n    )\n\n    // Reset the visible value while preserving focus for quick repeated input.\n    const handleClear = useCallback(() => {\n        setCurrentValue('')\n\n        const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n        if (input) {\n            const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n            nativeSet?.call(input, '')\n            input.dispatchEvent(new Event('input', {bubbles: true}))\n        }\n\n        onClear?.()\n        input?.focus()\n    }, [onClear, ref, setCurrentValue])\n\n    const containerClasses = cn(\n        'container',\n        `field-${variant}`,\n        `field-${size}`,\n        focused && 'focused',\n        hasError && 'input-error',\n        success && !hasError && 'input-success',\n        resolvedColorClass,\n        disabled && 'disabled',\n        rounded && 'rounded',\n        effectClassName\n    )\n\n    return (\n        <div className={cn('input', resolvedColorClass, fullWidth && 'full-width', className)} style={style}>\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'field-label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        success && !hasError && 'success',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div className={containerClasses} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                {startIcon && <span className=\"start-icon\">{startIcon}</span>}\n\n                {ghostOptions ? (\n                    <div className=\"ghost-text-field\">\n                        <input\n                            {...inputProps}\n                            ref={ref ?? inputRef}\n                            type={type}\n                            value={currentValue}\n                            name={name}\n                            id={id}\n                            placeholder={placeholder}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            required={required}\n                            autoFocus={autoFocus}\n                            autoComplete={autoComplete ?? 'off'}\n                            inputMode={inputMode}\n                            maxLength={maxLength}\n                            className={cn('field', inputClassName)}\n                            onChange={handleChange}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleKeyDown}\n                            aria-invalid={hasError || undefined}\n                            aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                        />\n                        {focused && ghost.hint && (\n                            <span className=\"ghost-text-overlay\" aria-hidden=\"true\">\n                                <span className=\"ghost-text-typed\">{currentValue}</span>\n                                <span className=\"ghost-text-hint\">{ghost.hint}</span>\n                            </span>\n                        )}\n                    </div>\n                ) : (\n                    <input\n                        {...inputProps}\n                        ref={ref ?? inputRef}\n                        type={type}\n                        value={currentValue}\n                        name={name}\n                        id={id}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        required={required}\n                        autoFocus={autoFocus}\n                        autoComplete={autoComplete}\n                        inputMode={inputMode}\n                        maxLength={maxLength}\n                        className={cn('field', inputClassName)}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        onKeyDown={onKeyDown}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                    />\n                )}\n\n                {loading && <MSpinner size=\"sm\" color={color} />}\n\n                {clearable && hasContent && !loading && !disabled && !readOnly && (\n                    <button\n                        type=\"button\"\n                        className=\"clear-btn clear-btn-base\"\n                        onMouseDown={(event) => event.preventDefault()}\n                        onClick={handleClear}\n                        tabIndex={-1}\n                        aria-label={texts.clearInput}\n                    >\n                        <MCloseIcon />\n                    </button>\n                )}\n\n                {endIcon && !loading && <span className=\"end-icon\">{endIcon}</span>}\n            </div>\n\n            {(errorText || helperText || showCharCount) && (\n                <div className=\"bottom-row\">\n                    <span>\n                        {errorText && (\n                            <span id={id ? `${id}-error` : undefined} className=\"field-error\" role=\"alert\">\n                                {errorText}\n                            </span>\n                        )}\n                        {!errorText && helperText && (\n                            <span id={id ? `${id}-helper` : undefined} className=\"field-helper\">\n                                {helperText}\n                            </span>\n                        )}\n                    </span>\n                    {showCharCount && maxLength && (\n                        <span className={cn('char-count', currentValue.length > maxLength && 'over')}>\n                            {currentValue.length}/{maxLength}\n                        </span>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n})\n"],"mappings":"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"}