@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/MGrid-CIz-2i6X.js

@@ -1,265 +0,0 @@
-import { r as e } from "./theme-DAOU1aPs.js";
-import { t } from "./cn-YER3QsV1.js";
-import { t as n } from "./useInteractionEffect-DtpbVd77.js";
-import { n as r, t as i } from "./layoutProps-Cl6d1KmH.js";
-import { Children as a, cloneElement as o, isValidElement as s, useId as c, useMemo as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/layout/MTabs/MTabs.tsx
-function p({ item: e, isActive: r, tabId: i, panelId: a, clickEffect: o, rippleColor: s, onSelect: c }) {
-	let { effectClassName: l, effectLayer: u, handlePointerDown: p, triggerEffect: m } = n({
-		effect: o,
-		disabled: e.disabled,
-		centered: !0,
-		color: s
-	});
-	return /* @__PURE__ */ f("button", {
-		type: "button",
-		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", l),
-		onPointerDown: p,
-		onKeyDown: (e) => {
-			(e.key === " " || e.key === "Enter") && m(e.currentTarget);
-		},
-		onClick: () => c(e.value),
-		children: [
-			u,
-			e.icon && /* @__PURE__ */ d("span", {
-				className: "tabs-icon",
-				children: e.icon
-			}),
-			/* @__PURE__ */ d("span", {
-				className: "tabs-label",
-				children: e.label
-			})
-		]
-	});
-}
-function m({ items: e, value: n, defaultValue: r, onValueChange: i, variant: a = "underline", orientation: o = "horizontal", size: s = "md", fullWidth: m = !1, showPanels: h = !0, panelClassName: g, clickEffect: _ = "ripple", rippleColor: v, className: y, ...b }) {
-	let [x, S] = u(l(() => r ?? e.find((e) => !e.disabled)?.value ?? "", [r, e])), C = n ?? x, w = e.find((e) => e.value === C) ?? e[0], T = c();
-	function E(e) {
-		n === void 0 && S(e), i?.(e);
-	}
-	function D(t) {
-		let n = e.filter((e) => !e.disabled), r = n.findIndex((e) => e.value === w?.value);
-		if (r === -1) return;
-		let i = o === "vertical" ? ["ArrowDown"] : ["ArrowRight", "ArrowDown"], a = o === "vertical" ? ["ArrowUp"] : ["ArrowLeft", "ArrowUp"];
-		if (i.includes(t.key)) {
-			t.preventDefault();
-			let e = n[(r + 1) % n.length];
-			E(e.value);
-		}
-		if (a.includes(t.key)) {
-			t.preventDefault();
-			let e = n[(r - 1 + n.length) % n.length];
-			E(e.value);
-		}
-	}
-	return /* @__PURE__ */ f("div", {
-		className: t("tabs", a, o, s, m && "full-width", y),
-		...b,
-		children: [/* @__PURE__ */ d("div", {
-			className: "tabs-list",
-			role: "tablist",
-			"aria-orientation": o,
-			onKeyDown: D,
-			children: e.map((e) => /* @__PURE__ */ d(p, {
-				item: e,
-				isActive: e.value === w?.value,
-				tabId: `${T}-${e.value}-tab`,
-				panelId: `${T}-${e.value}-panel`,
-				clickEffect: _,
-				rippleColor: v,
-				onSelect: E
-			}, e.value))
-		}), h && w?.content !== void 0 && /* @__PURE__ */ d("div", {
-			id: `${T}-${w.value}-panel`,
-			role: "tabpanel",
-			"aria-labelledby": `${T}-${w.value}-tab`,
-			className: t("tabs-panel", g),
-			children: w.content
-		}, w.value)]
-	});
-}
-//#endregion
-//#region src/components/layout/MGrid/MGrid.tsx
-var h = [
-	"base",
-	"xxl",
-	"xl",
-	"lg",
-	"md",
-	"sm"
-], g = {
-	sm: ["sm"],
-	md: ["md", "sm"],
-	lg: [
-		"lg",
-		"md",
-		"sm"
-	],
-	xl: [
-		"xl",
-		"lg",
-		"md",
-		"sm"
-	],
-	"2xl": [
-		"xxl",
-		"xl",
-		"lg",
-		"md",
-		"sm"
-	]
-};
-function _(e) {
-	return s(e) ? e.type === C ? !0 : e.type === S && e.props.type === "col" : !1;
-}
-function v(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 y(e, t) {
-	return e === !0 ? !0 : e === void 0 || e === !1 || t === "base" ? !1 : g[e]?.includes(t) ?? !1;
-}
-function b(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 x(e) {
-	let t = e.map((e) => v(e)), n = t.map((e) => ({ ...e }));
-	for (let r of h) {
-		let i = [], a = 0;
-		t.forEach((t, o) => {
-			if (y(e[o].hidden, r)) {
-				n[o][r] = void 0;
-				return;
-			}
-			let s = t[r];
-			if (s) {
-				a += s;
-				return;
-			}
-			i.push(o);
-		});
-		let o = b(Math.max(12 - a, 0), i.length);
-		i.forEach((e, t) => {
-			n[e][r] = o[t];
-		});
-	}
-	return n;
-}
-function S({ type: n = "row", sm: s, md: c, lg: l, xl: u, xxl: f, resolvedBase: p, hidden: m, hiddenAbove: h, align: g, spacing: y, padding: b, fsize: S, mt: C, mb: w, 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: S }), V = v({
-		sm: s,
-		md: c,
-		lg: l,
-		xl: u,
-		xxl: f
-	}), H = p ?? V.base;
-	if (n === "col") return /* @__PURE__ */ d("div", {
-		className: t("grid", "col", H ? `span-${H}` : "span-auto", f && `xxl-${f}`, u && `xl-${u}`, l && `lg-${l}`, c && `md-${c}`, s && `sm-${s}`, g && `self-${g}`, ...i({
-			spacing: y,
-			padding: b,
-			fsize: S,
-			mt: C,
-			mb: w,
-			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(m, h),
-		...z,
-		children: R
-	});
-	let U = a.toArray(R), W = U.flatMap((e, t) => _(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 ? x(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 || !_(e)) return e;
-		let r = q[n];
-		return o(e, {
-			resolvedBase: r.base,
-			xxl: r.xxl,
-			xl: r.xl,
-			lg: r.lg,
-			md: r.md,
-			sm: r.sm
-		});
-	}) : U;
-	return /* @__PURE__ */ d("div", {
-		className: t("grid", "row", K ? "tracked" : `auto-cols-${G}`, g && `align-${g}`, ...i({
-			spacing: y,
-			padding: b,
-			fsize: S,
-			mt: C,
-			mb: w,
-			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(m),
-		...z,
-		children: J
-	});
-}
-function C({ sm: e, md: t, lg: n, xl: r, xxl: i, align: a, ...o }) {
-	return /* @__PURE__ */ d(S, {
-		type: "col",
-		sm: e,
-		md: t,
-		lg: n,
-		xl: r,
-		xxl: i,
-		align: a,
-		...o
-	});
-}
-//#endregion
-export { C as n, m as r, S as t };
-
-//# sourceMappingURL=MGrid-CIz-2i6X.js.map

package/dist/MGrid-CIz-2i6X.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MGrid-CIz-2i6X.js","names":[],"sources":["../src/components/layout/MTabs/MTabs.tsx","../src/components/layout/MGrid/MGrid.tsx"],"sourcesContent":["import {useId, useMemo, 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 './MTabs.css'\n\ninterface MTabsTriggerProps {\n    item: MTabsItem\n    isActive: boolean\n    tabId: string\n    panelId: string\n    clickEffect: MTabsProps['clickEffect']\n    rippleColor: string | undefined\n    onSelect: (value: string) => void\n}\n\n// Keep the tab trigger behavior isolated from the list and panel rendering.\nfunction MTabsTrigger({item, isActive, tabId, panelId, clickEffect, rippleColor, onSelect}: 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            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    // Re-map keyboard navigation depending on the rendered orientation.\n    function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n        const enabledItems = items.filter((item) => !item.disabled)\n        const currentIndex = enabledItems.findIndex((item) => item.value === activeItem?.value)\n\n        if (currentIndex === -1) {\n            return\n        }\n\n        const nextKeys = orientation === 'vertical' ? ['ArrowDown'] : ['ArrowRight', 'ArrowDown']\n        const previousKeys = orientation === 'vertical' ? ['ArrowUp'] : ['ArrowLeft', 'ArrowUp']\n\n        if (nextKeys.includes(event.key)) {\n            event.preventDefault()\n            const nextItem = enabledItems[(currentIndex + 1) % enabledItems.length]\n            selectTab(nextItem.value)\n        }\n\n        if (previousKeys.includes(event.key)) {\n            event.preventDefault()\n            const nextItem = enabledItems[(currentIndex - 1 + enabledItems.length) % enabledItems.length]\n            selectTab(nextItem.value)\n        }\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 panelId = `${baseId}-${item.value}-panel`\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                        />\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                    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)}\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-AYQ8_GFP.cjs

@@ -1,2 +0,0 @@
-const e=require(`./theme-CJuqObWL.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MText-BDI4mdw8.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react`);function i({level:i=2,tone:a=`default`,hidden:o,color:s,truncate:c,className:l,style:u,children:d,...f}){let p=typeof c==`number`?c:void 0;return(0,r.createElement)(`h${i}`,{className:t.t(`heading`,`h${i}`,!s&&a,c===!0&&`truncate`,p!=null&&`line-clamp`,...n.n({color:s}),l),style:p?{"--line-clamp":p,...u}:u,...e.r(o),...f},d)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MHeading-AYQ8_GFP.cjs.map

package/dist/MHeading-AYQ8_GFP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MHeading-AYQ8_GFP.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    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),\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":"+JASA,SAAgB,EAAS,CACrB,QAAQ,EACR,OAAO,UACP,SACA,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,EAAO,CACzB,GAAG,EACN,CACD,EACH"}

package/dist/MHeading-DcGxUMwC.js

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

package/dist/MHeading-DcGxUMwC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MHeading-DcGxUMwC.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    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),\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAS,EACrB,WAAQ,GACR,UAAO,WACP,WACA,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,EAAO;EACzB,GAAG;EACN,EACD,EACH"}

package/dist/MI18nProvider-CqAwaswx.cjs

@@ -1,2 +0,0 @@
-require(`./core-w629c4ND.cjs`);let e=require(`react`),t=require(`react/jsx-runtime`);var n=`mineralui-locale`;function r(e){try{return localStorage.getItem(n)??e}catch{return e}}function i(e,t){return t.split(`.`).reduce((e,t)=>typeof e==`object`&&e?e[t]:void 0,e)}var a=(0,e.createContext)(null);function o({locales:o,defaultLocale:s,persist:c=!0,children:l}){let u=(0,e.useMemo)(()=>Object.keys(o),[o]),d=s??u[0]??`en`,[f,p]=(0,e.useState)(()=>{if(c){let e=r(d);if(e in o)return e}return d}),m=(0,e.useCallback)(e=>{if(p(e),c)try{localStorage.setItem(n,e)}catch{}},[c]),h=(0,e.useCallback)(()=>{let e=u[(u.indexOf(f)+1)%u.length];m(e)},[u,f,m]);(0,e.useEffect)(()=>{document.documentElement.lang=f},[f]);let g=o[f]??o[d]??{},_=(0,e.useCallback)((e,t)=>{let n=i(g,e);if(typeof n==`string`)return n;let r=typeof g==`object`&&g&&typeof g.docsTranslations==`object`?g.docsTranslations[e]:void 0;return typeof r==`string`?r:t??e},[g]),v=(0,e.useMemo)(()=>({locale:f,setLocale:m,toggleLocale:h,dict:g,t:_}),[f,m,h,g,_]);return(0,t.jsx)(a.Provider,{value:v,children:l})}function s(){let t=(0,e.useContext)(a);if(!t)throw Error(`useMI18n must be used within MI18nProvider`);return t}function c(){return(0,e.useContext)(a)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=MI18nProvider-CqAwaswx.cjs.map

package/dist/MI18nProvider-CqAwaswx.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MI18nProvider-CqAwaswx.cjs","names":[],"sources":["../src/i18n/MI18nProvider.tsx"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode} from 'react'\n\nconst STORAGE_KEY = 'mineralui-locale'\n\ntype Dict = Record<string, unknown>\n\n// Read the saved locale, but fall back cleanly in SSR or blocked storage.\nfunction readStored(fallback: string): string {\n    try {\n        return localStorage.getItem(STORAGE_KEY) ?? fallback\n    } catch {\n        return fallback\n    }\n}\n\n// Resolve nested translation keys like \"ui.actions.save\".\nfunction getByPath(obj: unknown, path: string): unknown {\n    return path\n        .split('.')\n        .reduce<unknown>((cur, key) => (cur != null && typeof cur === 'object' ? (cur as Dict)[key] : undefined), obj)\n}\n\nexport interface MI18nContextValue<T extends Dict = Dict> {\n    locale: string\n    setLocale: (next: string) => void\n    toggleLocale: () => void\n    dict: T\n    t: (key: string, fallback?: string) => string\n}\n\nconst I18nContext = createContext<MI18nContextValue | null>(null)\n\nexport interface MI18nProviderProps<T extends Dict = Dict> {\n    locales: Record<string, T>\n    defaultLocale?: string\n    persist?: boolean\n    children: ReactNode\n}\n\n// Provide the active locale, dictionary and a tiny dot-path translator.\nexport function MI18nProvider<T extends Dict = Dict>({\n    locales,\n    defaultLocale,\n    persist = true,\n    children,\n}: MI18nProviderProps<T>) {\n    const keys = useMemo(() => Object.keys(locales), [locales])\n    const fallback = defaultLocale ?? keys[0] ?? 'en'\n\n    const [locale, setLocaleState] = useState<string>(() => {\n        if (persist) {\n            const stored = readStored(fallback)\n            if (stored in locales) return stored\n        }\n        return fallback\n    })\n\n    const setLocale = useCallback(\n        (next: string) => {\n            setLocaleState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleLocale = useCallback(() => {\n        const idx = keys.indexOf(locale)\n        const next = keys[(idx + 1) % keys.length]\n        setLocale(next)\n    }, [keys, locale, setLocale])\n\n    useEffect(() => {\n        document.documentElement.lang = locale\n    }, [locale])\n\n    const dict = (locales[locale] ?? locales[fallback] ?? {}) as T\n\n    const t = useCallback(\n        (key: string, fb?: string): string => {\n            const val = getByPath(dict, key)\n            if (typeof val === 'string') return val\n\n            const docsVal =\n                dict != null && typeof dict === 'object' && typeof (dict as Dict).docsTranslations === 'object'\n                    ? ((dict as Dict).docsTranslations as Dict)[key]\n                    : undefined\n\n            if (typeof docsVal === 'string') return docsVal\n\n            return fb ?? key\n        },\n        [dict]\n    )\n\n    const ctx = useMemo<MI18nContextValue<T>>(\n        () => ({\n            locale,\n            setLocale,\n            toggleLocale,\n            dict,\n            t,\n        }),\n        [locale, setLocale, toggleLocale, dict, t]\n    )\n\n    return <I18nContext.Provider value={ctx as MI18nContextValue}>{children}</I18nContext.Provider>\n}\n\nexport function useMI18n<T extends Dict = Dict>(): MI18nContextValue<T> {\n    const ctx = useContext(I18nContext)\n    if (!ctx) throw new Error('useMI18n must be used within MI18nProvider')\n    return ctx as MI18nContextValue<T>\n}\n\nexport function useOptionalMI18n<T extends Dict = Dict>(): MI18nContextValue<T> | null {\n    const ctx = useContext(I18nContext)\n    return ctx as MI18nContextValue<T> | null\n}\n"],"mappings":"qFAEA,IAAM,EAAc,mBAKpB,SAAS,EAAW,EAA0B,CAC1C,GAAI,CACA,OAAO,aAAa,QAAQ,EAAY,EAAI,OACxC,CACJ,OAAO,GAKf,SAAS,EAAU,EAAc,EAAuB,CACpD,OAAO,EACF,MAAM,IAAI,CACV,QAAiB,EAAK,IAAwB,OAAO,GAAQ,UAA9B,EAA0C,EAAa,GAAO,IAAA,GAAY,EAAI,CAWtH,IAAM,GAAA,EAAA,EAAA,eAAsD,KAAK,CAUjE,SAAgB,EAAqC,CACjD,UACA,gBACA,UAAU,GACV,YACsB,CACtB,IAAM,GAAA,EAAA,EAAA,aAAqB,OAAO,KAAK,EAAQ,CAAE,CAAC,EAAQ,CAAC,CACrD,EAAW,GAAiB,EAAK,IAAM,KAEvC,CAAC,EAAQ,IAAA,EAAA,EAAA,cAAyC,CACpD,GAAI,EAAS,CACT,IAAM,EAAS,EAAW,EAAS,CACnC,GAAI,KAAU,EAAS,OAAO,EAElC,OAAO,GACT,CAEI,GAAA,EAAA,EAAA,aACD,GAAiB,CAEd,GADA,EAAe,EAAK,CAChB,EACA,GAAI,CACA,aAAa,QAAQ,EAAa,EAAK,MACnC,IAKhB,CAAC,EAAQ,CACZ,CAEK,GAAA,EAAA,EAAA,iBAAiC,CAEnC,IAAM,EAAO,GADD,EAAK,QAAQ,EAAO,CACP,GAAK,EAAK,QACnC,EAAU,EAAK,EAChB,CAAC,EAAM,EAAQ,EAAU,CAAC,EAE7B,EAAA,EAAA,eAAgB,CACZ,SAAS,gBAAgB,KAAO,GACjC,CAAC,EAAO,CAAC,CAEZ,IAAM,EAAQ,EAAQ,IAAW,EAAQ,IAAa,EAAE,CAElD,GAAA,EAAA,EAAA,cACD,EAAa,IAAwB,CAClC,IAAM,EAAM,EAAU,EAAM,EAAI,CAChC,GAAI,OAAO,GAAQ,SAAU,OAAO,EAEpC,IAAM,EACc,OAAO,GAAS,UAAhC,GAA4C,OAAQ,EAAc,kBAAqB,SAC/E,EAAc,iBAA0B,GAC1C,IAAA,GAIV,OAFI,OAAO,GAAY,SAAiB,EAEjC,GAAM,GAEjB,CAAC,EAAK,CACT,CAEK,GAAA,EAAA,EAAA,cACK,CACH,SACA,YACA,eACA,OACA,IACH,EACD,CAAC,EAAQ,EAAW,EAAc,EAAM,EAAE,CAC7C,CAED,OAAO,EAAA,EAAA,KAAC,EAAY,SAAb,CAAsB,MAAO,EAA2B,WAAgC,CAAA,CAGnG,SAAgB,GAAwD,CACpE,IAAM,GAAA,EAAA,EAAA,YAAiB,EAAY,CACnC,GAAI,CAAC,EAAK,MAAU,MAAM,6CAA6C,CACvE,OAAO,EAGX,SAAgB,GAAuE,CAEnF,OAAA,EAAA,EAAA,YADuB,EAAY"}

package/dist/MI18nProvider-VH14CI8u.js

@@ -1,72 +0,0 @@
-import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/i18n/MI18nProvider.tsx
-var s = "mineralui-locale";
-function c(e) {
-	try {
-		return localStorage.getItem(s) ?? e;
-	} catch {
-		return e;
-	}
-}
-function l(e, t) {
-	return t.split(".").reduce((e, t) => typeof e == "object" && e ? e[t] : void 0, e);
-}
-var u = e(null);
-function d({ locales: e, defaultLocale: n, persist: d = !0, children: f }) {
-	let p = i(() => Object.keys(e), [e]), m = n ?? p[0] ?? "en", [h, g] = a(() => {
-		if (d) {
-			let t = c(m);
-			if (t in e) return t;
-		}
-		return m;
-	}), _ = t((e) => {
-		if (g(e), d) try {
-			localStorage.setItem(s, e);
-		} catch {}
-	}, [d]), v = t(() => {
-		let e = p[(p.indexOf(h) + 1) % p.length];
-		_(e);
-	}, [
-		p,
-		h,
-		_
-	]);
-	r(() => {
-		document.documentElement.lang = h;
-	}, [h]);
-	let y = e[h] ?? e[m] ?? {}, b = t((e, t) => {
-		let n = l(y, e);
-		if (typeof n == "string") return n;
-		let r = typeof y == "object" && y && typeof y.docsTranslations == "object" ? y.docsTranslations[e] : void 0;
-		return typeof r == "string" ? r : t ?? e;
-	}, [y]), x = i(() => ({
-		locale: h,
-		setLocale: _,
-		toggleLocale: v,
-		dict: y,
-		t: b
-	}), [
-		h,
-		_,
-		v,
-		y,
-		b
-	]);
-	return /* @__PURE__ */ o(u.Provider, {
-		value: x,
-		children: f
-	});
-}
-function f() {
-	let e = n(u);
-	if (!e) throw Error("useMI18n must be used within MI18nProvider");
-	return e;
-}
-function p() {
-	return n(u);
-}
-//#endregion
-export { f as n, p as r, d as t };
-
-//# sourceMappingURL=MI18nProvider-VH14CI8u.js.map

package/dist/MI18nProvider-VH14CI8u.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MI18nProvider-VH14CI8u.js","names":[],"sources":["../src/i18n/MI18nProvider.tsx"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode} from 'react'\n\nconst STORAGE_KEY = 'mineralui-locale'\n\ntype Dict = Record<string, unknown>\n\n// Read the saved locale, but fall back cleanly in SSR or blocked storage.\nfunction readStored(fallback: string): string {\n    try {\n        return localStorage.getItem(STORAGE_KEY) ?? fallback\n    } catch {\n        return fallback\n    }\n}\n\n// Resolve nested translation keys like \"ui.actions.save\".\nfunction getByPath(obj: unknown, path: string): unknown {\n    return path\n        .split('.')\n        .reduce<unknown>((cur, key) => (cur != null && typeof cur === 'object' ? (cur as Dict)[key] : undefined), obj)\n}\n\nexport interface MI18nContextValue<T extends Dict = Dict> {\n    locale: string\n    setLocale: (next: string) => void\n    toggleLocale: () => void\n    dict: T\n    t: (key: string, fallback?: string) => string\n}\n\nconst I18nContext = createContext<MI18nContextValue | null>(null)\n\nexport interface MI18nProviderProps<T extends Dict = Dict> {\n    locales: Record<string, T>\n    defaultLocale?: string\n    persist?: boolean\n    children: ReactNode\n}\n\n// Provide the active locale, dictionary and a tiny dot-path translator.\nexport function MI18nProvider<T extends Dict = Dict>({\n    locales,\n    defaultLocale,\n    persist = true,\n    children,\n}: MI18nProviderProps<T>) {\n    const keys = useMemo(() => Object.keys(locales), [locales])\n    const fallback = defaultLocale ?? keys[0] ?? 'en'\n\n    const [locale, setLocaleState] = useState<string>(() => {\n        if (persist) {\n            const stored = readStored(fallback)\n            if (stored in locales) return stored\n        }\n        return fallback\n    })\n\n    const setLocale = useCallback(\n        (next: string) => {\n            setLocaleState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleLocale = useCallback(() => {\n        const idx = keys.indexOf(locale)\n        const next = keys[(idx + 1) % keys.length]\n        setLocale(next)\n    }, [keys, locale, setLocale])\n\n    useEffect(() => {\n        document.documentElement.lang = locale\n    }, [locale])\n\n    const dict = (locales[locale] ?? locales[fallback] ?? {}) as T\n\n    const t = useCallback(\n        (key: string, fb?: string): string => {\n            const val = getByPath(dict, key)\n            if (typeof val === 'string') return val\n\n            const docsVal =\n                dict != null && typeof dict === 'object' && typeof (dict as Dict).docsTranslations === 'object'\n                    ? ((dict as Dict).docsTranslations as Dict)[key]\n                    : undefined\n\n            if (typeof docsVal === 'string') return docsVal\n\n            return fb ?? key\n        },\n        [dict]\n    )\n\n    const ctx = useMemo<MI18nContextValue<T>>(\n        () => ({\n            locale,\n            setLocale,\n            toggleLocale,\n            dict,\n            t,\n        }),\n        [locale, setLocale, toggleLocale, dict, t]\n    )\n\n    return <I18nContext.Provider value={ctx as MI18nContextValue}>{children}</I18nContext.Provider>\n}\n\nexport function useMI18n<T extends Dict = Dict>(): MI18nContextValue<T> {\n    const ctx = useContext(I18nContext)\n    if (!ctx) throw new Error('useMI18n must be used within MI18nProvider')\n    return ctx as MI18nContextValue<T>\n}\n\nexport function useOptionalMI18n<T extends Dict = Dict>(): MI18nContextValue<T> | null {\n    const ctx = useContext(I18nContext)\n    return ctx as MI18nContextValue<T> | null\n}\n"],"mappings":";;;AAEA,IAAM,IAAc;AAKpB,SAAS,EAAW,GAA0B;AAC1C,KAAI;AACA,SAAO,aAAa,QAAQ,EAAY,IAAI;SACxC;AACJ,SAAO;;;AAKf,SAAS,EAAU,GAAc,GAAuB;AACpD,QAAO,EACF,MAAM,IAAI,CACV,QAAiB,GAAK,MAAwB,OAAO,KAAQ,YAA9B,IAA0C,EAAa,KAAO,KAAA,GAAY,EAAI;;AAWtH,IAAM,IAAc,EAAwC,KAAK;AAUjE,SAAgB,EAAqC,EACjD,YACA,kBACA,aAAU,IACV,eACsB;CACtB,IAAM,IAAO,QAAc,OAAO,KAAK,EAAQ,EAAE,CAAC,EAAQ,CAAC,EACrD,IAAW,KAAiB,EAAK,MAAM,MAEvC,CAAC,GAAQ,KAAkB,QAAuB;AACpD,MAAI,GAAS;GACT,IAAM,IAAS,EAAW,EAAS;AACnC,OAAI,KAAU,EAAS,QAAO;;AAElC,SAAO;GACT,EAEI,IAAY,GACb,MAAiB;AAEd,MADA,EAAe,EAAK,EAChB,EACA,KAAI;AACA,gBAAa,QAAQ,GAAa,EAAK;UACnC;IAKhB,CAAC,EAAQ,CACZ,EAEK,IAAe,QAAkB;EAEnC,IAAM,IAAO,GADD,EAAK,QAAQ,EAAO,GACP,KAAK,EAAK;AACnC,IAAU,EAAK;IAChB;EAAC;EAAM;EAAQ;EAAU,CAAC;AAE7B,SAAgB;AACZ,WAAS,gBAAgB,OAAO;IACjC,CAAC,EAAO,CAAC;CAEZ,IAAM,IAAQ,EAAQ,MAAW,EAAQ,MAAa,EAAE,EAElD,IAAI,GACL,GAAa,MAAwB;EAClC,IAAM,IAAM,EAAU,GAAM,EAAI;AAChC,MAAI,OAAO,KAAQ,SAAU,QAAO;EAEpC,IAAM,IACc,OAAO,KAAS,YAAhC,KAA4C,OAAQ,EAAc,oBAAqB,WAC/E,EAAc,iBAA0B,KAC1C,KAAA;AAIV,SAFI,OAAO,KAAY,WAAiB,IAEjC,KAAM;IAEjB,CAAC,EAAK,CACT,EAEK,IAAM,SACD;EACH;EACA;EACA;EACA;EACA;EACH,GACD;EAAC;EAAQ;EAAW;EAAc;EAAM;EAAE,CAC7C;AAED,QAAO,kBAAC,EAAY,UAAb;EAAsB,OAAO;EAA2B;EAAgC,CAAA;;AAGnG,SAAgB,IAAwD;CACpE,IAAM,IAAM,EAAW,EAAY;AACnC,KAAI,CAAC,EAAK,OAAU,MAAM,6CAA6C;AACvE,QAAO;;AAGX,SAAgB,IAAuE;AAEnF,QADY,EAAW,EAAY"}

package/dist/MInput-BYj2BdUe.cjs

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

package/dist/MInput-BYj2BdUe.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MInput-BYj2BdUe.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, 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,\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    },\n    ref\n) {\n    const texts = useMCommonTexts()\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                            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                        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 && (\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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"}