@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/MI18nProvider-VH14CI8u.js

@@ -0,0 +1,72 @@
+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

@@ -0,0 +1 @@
+{"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/MIcon-BPr09_p4.js

@@ -0,0 +1,49 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/MIcon.tsx
+var r = {
+	xs: "0.75rem",
+	sm: "1rem",
+	md: "1.25rem",
+	lg: "1.5rem",
+	xl: "2rem"
+}, i = {
+	primary: "var(--mineral-primary)",
+	neutral: "var(--mineral-neutral)",
+	success: "var(--mineral-success)",
+	error: "var(--mineral-error)",
+	warning: "var(--mineral-warning)",
+	info: "var(--mineral-info)",
+	light: "var(--mineral-light)",
+	dark: "var(--mineral-dark-color)",
+	news: "var(--mineral-news)",
+	inherit: "inherit"
+}, a = e(function({ size: e = "1.1em", color: a = "inherit", title: o, children: s, viewBox: c = "0 0 24 24", fill: l = "none", stroke: u = "currentColor", strokeWidth: d = 1.8, strokeLinecap: f = "round", strokeLinejoin: p = "round", style: m, ...h }, g) {
+	let _ = Object.prototype.hasOwnProperty.call(r, e) ? r[e] : e, v = i[a];
+	return /* @__PURE__ */ n("svg", {
+		ref: g,
+		width: _,
+		height: _,
+		viewBox: c,
+		fill: l,
+		stroke: u,
+		strokeWidth: d,
+		strokeLinecap: f,
+		strokeLinejoin: p,
+		"aria-hidden": o ? void 0 : !0,
+		focusable: "false",
+		style: {
+			display: "inline-block",
+			flexShrink: 0,
+			verticalAlign: "-0.150em",
+			...m,
+			color: v ?? m?.color
+		},
+		...h,
+		children: [o ? /* @__PURE__ */ t("title", { children: o }) : null, s]
+	});
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=MIcon-BPr09_p4.js.map

package/dist/MIcon-BPr09_p4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MIcon-BPr09_p4.js","names":[],"sources":["../src/icons/MIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MIconProps} from './MIcon.types'\n\nconst sizeMap = {\n    xs: '0.75rem',\n    sm: '1rem',\n    md: '1.25rem',\n    lg: '1.5rem',\n    xl: '2rem',\n} as const\n\nconst colorMap = {\n    primary: 'var(--mineral-primary)',\n    neutral: 'var(--mineral-neutral)',\n    success: 'var(--mineral-success)',\n    error: 'var(--mineral-error)',\n    warning: 'var(--mineral-warning)',\n    info: 'var(--mineral-info)',\n    light: 'var(--mineral-light)',\n    dark: 'var(--mineral-dark-color)',\n    news: 'var(--mineral-news)',\n    inherit: 'inherit',\n} as const\n\n// Shared icon wrapper keeps stroke and sizing consistent across the set.\nexport const MIcon = forwardRef<SVGSVGElement, MIconProps>(function MIcon(\n    {\n        size = '1.1em',\n        color = 'inherit',\n        title,\n        children,\n        viewBox = '0 0 24 24',\n        fill = 'none',\n        stroke = 'currentColor',\n        strokeWidth = 1.8,\n        strokeLinecap = 'round',\n        strokeLinejoin = 'round',\n        style,\n        ...rest\n    },\n    ref\n) {\n    const iconSize = Object.prototype.hasOwnProperty.call(sizeMap, size) ? sizeMap[size as keyof typeof sizeMap] : size\n    const iconColor = colorMap[color]\n\n    return (\n        <svg\n            ref={ref}\n            width={iconSize}\n            height={iconSize}\n            viewBox={viewBox}\n            fill={fill}\n            stroke={stroke}\n            strokeWidth={strokeWidth}\n            strokeLinecap={strokeLinecap}\n            strokeLinejoin={strokeLinejoin}\n            aria-hidden={title ? undefined : true}\n            focusable=\"false\"\n            style={{\n                display: 'inline-block',\n                flexShrink: 0,\n                verticalAlign: '-0.150em',\n                ...style,\n                color: iconColor ?? style?.color,\n            }}\n            {...rest}\n        >\n            {title ? <title>{title}</title> : null}\n            {children}\n        </svg>\n    )\n})\n"],"mappings":";;;AAGA,IAAM,IAAU;CACZ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP,EAEK,IAAW;CACb,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,MAAM;CACN,OAAO;CACP,MAAM;CACN,MAAM;CACN,SAAS;CACZ,EAGY,IAAQ,EAAsC,SACvD,EACI,UAAO,SACP,WAAQ,WACR,UACA,aACA,aAAU,aACV,UAAO,QACP,YAAS,gBACT,iBAAc,KACd,mBAAgB,SAChB,oBAAiB,SACjB,UACA,GAAG,KAEP,GACF;CACE,IAAM,IAAW,OAAO,UAAU,eAAe,KAAK,GAAS,EAAK,GAAG,EAAQ,KAAgC,GACzG,IAAY,EAAS;AAE3B,QACI,kBAAC,OAAD;EACS;EACL,OAAO;EACP,QAAQ;EACC;EACH;EACE;EACK;EACE;EACC;EAChB,eAAa,IAAQ,KAAA,IAAY;EACjC,WAAU;EACV,OAAO;GACH,SAAS;GACT,YAAY;GACZ,eAAe;GACf,GAAG;GACH,OAAO,KAAa,GAAO;GAC9B;EACD,GAAI;YAnBR,CAqBK,IAAQ,kBAAC,SAAD,EAAA,UAAQ,GAAc,CAAA,GAAG,MACjC,EACC;;EAEZ"}

package/dist/MIcon-CX5beo32.cjs

@@ -0,0 +1,2 @@
+let e=require(`react`),t=require(`react/jsx-runtime`);var n={xs:`0.75rem`,sm:`1rem`,md:`1.25rem`,lg:`1.5rem`,xl:`2rem`},r={primary:`var(--mineral-primary)`,neutral:`var(--mineral-neutral)`,success:`var(--mineral-success)`,error:`var(--mineral-error)`,warning:`var(--mineral-warning)`,info:`var(--mineral-info)`,light:`var(--mineral-light)`,dark:`var(--mineral-dark-color)`,news:`var(--mineral-news)`,inherit:`inherit`},i=(0,e.forwardRef)(function({size:e=`1.1em`,color:i=`inherit`,title:a,children:o,viewBox:s=`0 0 24 24`,fill:c=`none`,stroke:l=`currentColor`,strokeWidth:u=1.8,strokeLinecap:d=`round`,strokeLinejoin:f=`round`,style:p,...m},h){let g=Object.prototype.hasOwnProperty.call(n,e)?n[e]:e,_=r[i];return(0,t.jsxs)(`svg`,{ref:h,width:g,height:g,viewBox:s,fill:c,stroke:l,strokeWidth:u,strokeLinecap:d,strokeLinejoin:f,"aria-hidden":a?void 0:!0,focusable:`false`,style:{display:`inline-block`,flexShrink:0,verticalAlign:`-0.150em`,...p,color:_??p?.color},...m,children:[a?(0,t.jsx)(`title`,{children:a}):null,o]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MIcon-CX5beo32.cjs.map

package/dist/MIcon-CX5beo32.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MIcon-CX5beo32.cjs","names":[],"sources":["../src/icons/MIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MIconProps} from './MIcon.types'\n\nconst sizeMap = {\n    xs: '0.75rem',\n    sm: '1rem',\n    md: '1.25rem',\n    lg: '1.5rem',\n    xl: '2rem',\n} as const\n\nconst colorMap = {\n    primary: 'var(--mineral-primary)',\n    neutral: 'var(--mineral-neutral)',\n    success: 'var(--mineral-success)',\n    error: 'var(--mineral-error)',\n    warning: 'var(--mineral-warning)',\n    info: 'var(--mineral-info)',\n    light: 'var(--mineral-light)',\n    dark: 'var(--mineral-dark-color)',\n    news: 'var(--mineral-news)',\n    inherit: 'inherit',\n} as const\n\n// Shared icon wrapper keeps stroke and sizing consistent across the set.\nexport const MIcon = forwardRef<SVGSVGElement, MIconProps>(function MIcon(\n    {\n        size = '1.1em',\n        color = 'inherit',\n        title,\n        children,\n        viewBox = '0 0 24 24',\n        fill = 'none',\n        stroke = 'currentColor',\n        strokeWidth = 1.8,\n        strokeLinecap = 'round',\n        strokeLinejoin = 'round',\n        style,\n        ...rest\n    },\n    ref\n) {\n    const iconSize = Object.prototype.hasOwnProperty.call(sizeMap, size) ? sizeMap[size as keyof typeof sizeMap] : size\n    const iconColor = colorMap[color]\n\n    return (\n        <svg\n            ref={ref}\n            width={iconSize}\n            height={iconSize}\n            viewBox={viewBox}\n            fill={fill}\n            stroke={stroke}\n            strokeWidth={strokeWidth}\n            strokeLinecap={strokeLinecap}\n            strokeLinejoin={strokeLinejoin}\n            aria-hidden={title ? undefined : true}\n            focusable=\"false\"\n            style={{\n                display: 'inline-block',\n                flexShrink: 0,\n                verticalAlign: '-0.150em',\n                ...style,\n                color: iconColor ?? style?.color,\n            }}\n            {...rest}\n        >\n            {title ? <title>{title}</title> : null}\n            {children}\n        </svg>\n    )\n})\n"],"mappings":"sDAGA,IAAM,EAAU,CACZ,GAAI,UACJ,GAAI,OACJ,GAAI,UACJ,GAAI,SACJ,GAAI,OACP,CAEK,EAAW,CACb,QAAS,yBACT,QAAS,yBACT,QAAS,yBACT,MAAO,uBACP,QAAS,yBACT,KAAM,sBACN,MAAO,uBACP,KAAM,4BACN,KAAM,sBACN,QAAS,UACZ,CAGY,GAAA,EAAA,EAAA,YAA8C,SACvD,CACI,OAAO,QACP,QAAQ,UACR,QACA,WACA,UAAU,YACV,OAAO,OACP,SAAS,eACT,cAAc,IACd,gBAAgB,QAChB,iBAAiB,QACjB,QACA,GAAG,GAEP,EACF,CACE,IAAM,EAAW,OAAO,UAAU,eAAe,KAAK,EAAS,EAAK,CAAG,EAAQ,GAAgC,EACzG,EAAY,EAAS,GAE3B,OACI,EAAA,EAAA,MAAC,MAAD,CACS,MACL,MAAO,EACP,OAAQ,EACC,UACH,OACE,SACK,cACE,gBACC,iBAChB,cAAa,EAAQ,IAAA,GAAY,GACjC,UAAU,QACV,MAAO,CACH,QAAS,eACT,WAAY,EACZ,cAAe,WACf,GAAG,EACH,MAAO,GAAa,GAAO,MAC9B,CACD,GAAI,WAnBR,CAqBK,GAAQ,EAAA,EAAA,KAAC,QAAD,CAAA,SAAQ,EAAc,CAAA,CAAG,KACjC,EACC,IAEZ"}

package/dist/MInput-CjsJRLaz.cjs

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

package/dist/MInput-CjsJRLaz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInput-CjsJRLaz.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'\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 [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                        onClick={handleClear}\n                        tabIndex={-1}\n                        aria-label=\"Clear input\"\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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"}

package/dist/MInput-DYEAqxod.js

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

package/dist/MInput-DYEAqxod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInput-DYEAqxod.js","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'\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 [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                        onClick={handleClear}\n                        tabIndex={-1}\n                        aria-label=\"Clear input\"\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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"}

package/dist/MInputSearch-CQZ-ccri.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MSearchIcon-Bb-f5JdO.cjs`),t=require(`./useGhostText-BrRYBrV_.cjs`),n=require(`./MInput-CjsJRLaz.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.forwardRef)(function({debounceMs:a=300,onSearch:o,value:s,defaultValue:c,onChange:l,onKeyDown:u,onClear:d,clearable:f=!0,placeholder:p=`Search...`,...m},h){let[g,_]=(0,r.useState)(c?.toString()??``),v=s===void 0?g:s.toString(),y=t.r(e=>o?.(e),a),b=(0,r.useCallback)(e=>{s===void 0&&_(e.target.value),y(e.target.value),l?.(e)},[l,s,y]),x=(0,r.useCallback)(e=>{e.key===`Enter`&&o?.(v),u?.(e)},[v,o,u]),S=(0,r.useCallback)(()=>{s===void 0&&_(``),o?.(``),d?.()},[s,o,d]);return(0,i.jsx)(n.t,{...m,ref:h,type:`text`,value:v,onChange:b,onKeyDown:x,onClear:S,clearable:f,placeholder:p,startIcon:(0,i.jsx)(e.t,{})})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MInputSearch-CQZ-ccri.cjs.map

package/dist/MInputSearch-CQZ-ccri.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInputSearch-CQZ-ccri.cjs","names":[],"sources":["../src/components/inputs/MInputSearch/MInputSearch.tsx"],"sourcesContent":["import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {MInputSearchProps} from './MInputSearch.types'\nimport {MInput} from '../MInput'\nimport {useDebouncedCallback} from '../../../utils/useDebounce'\nimport {MSearchIcon} from '../../../icons'\n\n// Extend the base input with debounced search callbacks and an inline clear action.\nexport const MInputSearch = forwardRef<HTMLInputElement, MInputSearchProps>(function MInputSearch(\n    {\n        debounceMs = 300,\n        onSearch,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onClear,\n        clearable = true,\n        placeholder = 'Search...',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const debouncedSearch = useDebouncedCallback((val: string) => onSearch?.(val), debounceMs)\n\n    // Update local state and debounce search notifications while typing.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            debouncedSearch(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, value, debouncedSearch]\n    )\n\n    // Run search immediately when the user confirms with Enter.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                onSearch?.(currentValue)\n            }\n            onKeyDown?.(e)\n        },\n        [currentValue, onSearch, onKeyDown]\n    )\n\n    // Clear both the visible field and the emitted search query.\n    const handleClear = useCallback(() => {\n        if (value === undefined) {\n            setInternalValue('')\n        }\n        onSearch?.('')\n        onClear?.()\n    }, [value, onSearch, onClear])\n\n    return (\n        <MInput\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            clearable={clearable}\n            placeholder={placeholder}\n            startIcon={<MSearchIcon />}\n        />\n    )\n})\n"],"mappings":"gLAQA,IAAa,GAAA,EAAA,EAAA,YAA+D,SACxE,CACI,aAAa,IACb,WACA,QACA,eACA,WACA,YACA,UACA,YAAY,GACZ,cAAc,YACd,GAAG,GAEP,EACF,CACE,GAAM,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAc,UAAU,EAAI,GAAG,CAC5E,EAAe,IAAU,IAAA,GAA+B,EAAnB,EAAM,UAAU,CAErD,EAAkB,EAAA,EAAsB,GAAgB,IAAW,EAAI,CAAE,EAAW,CAGpF,GAAA,EAAA,EAAA,aACD,GAA2C,CACpC,IAAU,IAAA,IACV,EAAiB,EAAE,OAAO,MAAM,CAEpC,EAAgB,EAAE,OAAO,MAAM,CAC/B,IAAW,EAAE,EAEjB,CAAC,EAAU,EAAO,EAAgB,CACrC,CAGK,GAAA,EAAA,EAAA,aACD,GAA6C,CACtC,EAAE,MAAQ,SACV,IAAW,EAAa,CAE5B,IAAY,EAAE,EAElB,CAAC,EAAc,EAAU,EAAU,CACtC,CAGK,GAAA,EAAA,EAAA,iBAAgC,CAC9B,IAAU,IAAA,IACV,EAAiB,GAAG,CAExB,IAAW,GAAG,CACd,KAAW,EACZ,CAAC,EAAO,EAAU,EAAQ,CAAC,CAE9B,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,GAAI,EACC,MACL,KAAK,OACL,MAAO,EACP,SAAU,EACV,UAAW,EACX,QAAS,EACE,YACE,cACb,WAAW,EAAA,EAAA,KAAC,EAAA,EAAD,EAAe,CAAA,CAC5B,CAAA,EAER"}

package/dist/MInputSearch-CrVrpYsR.js

@@ -0,0 +1,43 @@
+import { t as e } from "./MSearchIcon-COQaC0mk.js";
+import { r as t } from "./useGhostText-BpSSyl8G.js";
+import { t as n } from "./MInput-DYEAqxod.js";
+import { forwardRef as r, useCallback as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/inputs/MInputSearch/MInputSearch.tsx
+var s = r(function({ debounceMs: r = 300, onSearch: s, value: c, defaultValue: l, onChange: u, onKeyDown: d, onClear: f, clearable: p = !0, placeholder: m = "Search...", ...h }, g) {
+	let [_, v] = a(l?.toString() ?? ""), y = c === void 0 ? _ : c.toString(), b = t((e) => s?.(e), r), x = i((e) => {
+		c === void 0 && v(e.target.value), b(e.target.value), u?.(e);
+	}, [
+		u,
+		c,
+		b
+	]), S = i((e) => {
+		e.key === "Enter" && s?.(y), d?.(e);
+	}, [
+		y,
+		s,
+		d
+	]), C = i(() => {
+		c === void 0 && v(""), s?.(""), f?.();
+	}, [
+		c,
+		s,
+		f
+	]);
+	return /* @__PURE__ */ o(n, {
+		...h,
+		ref: g,
+		type: "text",
+		value: y,
+		onChange: x,
+		onKeyDown: S,
+		onClear: C,
+		clearable: p,
+		placeholder: m,
+		startIcon: /* @__PURE__ */ o(e, {})
+	});
+});
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=MInputSearch-CrVrpYsR.js.map

package/dist/MInputSearch-CrVrpYsR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInputSearch-CrVrpYsR.js","names":[],"sources":["../src/components/inputs/MInputSearch/MInputSearch.tsx"],"sourcesContent":["import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {MInputSearchProps} from './MInputSearch.types'\nimport {MInput} from '../MInput'\nimport {useDebouncedCallback} from '../../../utils/useDebounce'\nimport {MSearchIcon} from '../../../icons'\n\n// Extend the base input with debounced search callbacks and an inline clear action.\nexport const MInputSearch = forwardRef<HTMLInputElement, MInputSearchProps>(function MInputSearch(\n    {\n        debounceMs = 300,\n        onSearch,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onClear,\n        clearable = true,\n        placeholder = 'Search...',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const debouncedSearch = useDebouncedCallback((val: string) => onSearch?.(val), debounceMs)\n\n    // Update local state and debounce search notifications while typing.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            debouncedSearch(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, value, debouncedSearch]\n    )\n\n    // Run search immediately when the user confirms with Enter.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                onSearch?.(currentValue)\n            }\n            onKeyDown?.(e)\n        },\n        [currentValue, onSearch, onKeyDown]\n    )\n\n    // Clear both the visible field and the emitted search query.\n    const handleClear = useCallback(() => {\n        if (value === undefined) {\n            setInternalValue('')\n        }\n        onSearch?.('')\n        onClear?.()\n    }, [value, onSearch, onClear])\n\n    return (\n        <MInput\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            clearable={clearable}\n            placeholder={placeholder}\n            startIcon={<MSearchIcon />}\n        />\n    )\n})\n"],"mappings":";;;;;;AAQA,IAAa,IAAe,EAAgD,SACxE,EACI,gBAAa,KACb,aACA,UACA,iBACA,aACA,cACA,YACA,eAAY,IACZ,iBAAc,aACd,GAAG,KAEP,GACF;CACE,IAAM,CAAC,GAAe,KAAoB,EAAS,GAAc,UAAU,IAAI,GAAG,EAC5E,IAAe,MAAU,KAAA,IAA+B,IAAnB,EAAM,UAAU,EAErD,IAAkB,GAAsB,MAAgB,IAAW,EAAI,EAAE,EAAW,EAGpF,IAAe,GAChB,MAA2C;AAKxC,EAJI,MAAU,KAAA,KACV,EAAiB,EAAE,OAAO,MAAM,EAEpC,EAAgB,EAAE,OAAO,MAAM,EAC/B,IAAW,EAAE;IAEjB;EAAC;EAAU;EAAO;EAAgB,CACrC,EAGK,IAAgB,GACjB,MAA6C;AAI1C,EAHI,EAAE,QAAQ,WACV,IAAW,EAAa,EAE5B,IAAY,EAAE;IAElB;EAAC;EAAc;EAAU;EAAU,CACtC,EAGK,IAAc,QAAkB;AAKlC,EAJI,MAAU,KAAA,KACV,EAAiB,GAAG,EAExB,IAAW,GAAG,EACd,KAAW;IACZ;EAAC;EAAO;EAAU;EAAQ,CAAC;AAE9B,QACI,kBAAC,GAAD;EACI,GAAI;EACC;EACL,MAAK;EACL,OAAO;EACP,UAAU;EACV,WAAW;EACX,SAAS;EACE;EACE;EACb,WAAW,kBAAC,GAAD,EAAe,CAAA;EAC5B,CAAA;EAER"}

package/dist/MLink-BfRaT8NU.js

@@ -0,0 +1,29 @@
+import { t as e } from "./cn-B_veu23e.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/typography/MLink/MLink.tsx
+var r = t(function({ component: t, to: r, tone: i = "default", underline: a = "hover", current: o = !1, block: s = !1, disabled: c = !1, className: l, children: u, href: d, onClick: f, ...p }, m) {
+	let h = t ?? "a";
+	function g(e) {
+		if (c) {
+			e.preventDefault();
+			return;
+		}
+		f?.(e);
+	}
+	return /* @__PURE__ */ n(h, {
+		ref: m,
+		href: t || c ? void 0 : d,
+		to: t ? r : void 0,
+		className: e("link", i, a, o && "current", s && "block", c && "disabled", l),
+		"aria-current": o ? "page" : void 0,
+		"aria-disabled": c || void 0,
+		onClick: g,
+		...p,
+		children: u
+	});
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=MLink-BfRaT8NU.js.map

package/dist/MLink-BfRaT8NU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MLink-BfRaT8NU.js","names":[],"sources":["../src/components/typography/MLink/MLink.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './MLink.types'\nimport {cn} from '../../../utils/cn'\nimport './MLink.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":";;;;AAOA,IAAa,IAAQ,EAAoC,SACrD,EACI,cACA,OACA,UAAO,WACP,eAAY,SACZ,aAAU,IACV,WAAQ,IACR,cAAW,IACX,cACA,aACA,SACA,YACA,GAAG,KAEP,GACF;CACE,IAAM,IAAY,KAAa;CAG/B,SAAS,EAAY,GAAsC;AACvD,MAAI,GAAU;AACV,KAAM,gBAAgB;AACtB;;AAGJ,MAAU,EAAM;;AAGpB,QACI,kBAAC,GAAD;EACS;EACL,MAAM,KAAwB,IAAZ,KAAA,IAAmC;EACrD,IAAI,IAAY,IAAK,KAAA;EACrB,WAAW,EACP,QACA,GACA,GACA,KAAW,WACX,KAAS,SACT,KAAY,YACZ,EACH;EACD,gBAAc,IAAU,SAAS,KAAA;EACjC,iBAAe,KAAY,KAAA;EAC3B,SAAS;EACT,GAAI;EAEH;EACO,CAAA;EAElB"}

package/dist/MLink-CAaK6SOG.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CpRt8Xjj.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function({component:t,to:r,tone:i=`default`,underline:a=`hover`,current:o=!1,block:s=!1,disabled:c=!1,className:l,children:u,href:d,onClick:f,...p},m){let h=t??`a`;function g(e){if(c){e.preventDefault();return}f?.(e)}return(0,n.jsx)(h,{ref:m,href:t||c?void 0:d,to:t?r:void 0,className:e.t(`link`,i,a,o&&`current`,s&&`block`,c&&`disabled`,l),"aria-current":o?`page`:void 0,"aria-disabled":c||void 0,onClick:g,...p,children:u})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MLink-CAaK6SOG.cjs.map

package/dist/MLink-CAaK6SOG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MLink-CAaK6SOG.cjs","names":[],"sources":["../src/components/typography/MLink/MLink.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './MLink.types'\nimport {cn} from '../../../utils/cn'\nimport './MLink.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":"2FAOA,IAAa,GAAA,EAAA,EAAA,YAA4C,SACrD,CACI,YACA,KACA,OAAO,UACP,YAAY,QACZ,UAAU,GACV,QAAQ,GACR,WAAW,GACX,YACA,WACA,OACA,UACA,GAAG,GAEP,EACF,CACE,IAAM,EAAY,GAAa,IAG/B,SAAS,EAAY,EAAsC,CACvD,GAAI,EAAU,CACV,EAAM,gBAAgB,CACtB,OAGJ,IAAU,EAAM,CAGpB,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,KAAM,GAAwB,EAAZ,IAAA,GAAmC,EACrD,GAAI,EAAY,EAAK,IAAA,GACrB,UAAW,EAAA,EACP,OACA,EACA,EACA,GAAW,UACX,GAAS,QACT,GAAY,WACZ,EACH,CACD,eAAc,EAAU,OAAS,IAAA,GACjC,gBAAe,GAAY,IAAA,GAC3B,QAAS,EACT,GAAI,EAEH,WACO,CAAA,EAElB"}

package/dist/MMenuIcon-B13EvS3i.js

@@ -0,0 +1,20 @@
+import { t as e } from "./MIcon-BPr09_p4.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/glyphs/MMenuIcon.tsx
+var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [
+			/* @__PURE__ */ n("path", { d: "M5 7h14" }),
+			/* @__PURE__ */ n("path", { d: "M5 12h10" }),
+			/* @__PURE__ */ n("path", { d: "M5 17h14" }),
+			/* @__PURE__ */ n("path", { d: "M17.5 12h1.5" })
+		]
+	});
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MMenuIcon-B13EvS3i.js.map

package/dist/MMenuIcon-B13EvS3i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MMenuIcon-B13EvS3i.js","names":[],"sources":["../src/icons/glyphs/MMenuIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MMenuIcon = forwardRef<SVGSVGElement, MIconProps>(function MMenuIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M5 7h14\" />\n            <path d=\"M5 12h10\" />\n            <path d=\"M5 17h14\" />\n            <path d=\"M17.5 12h1.5\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAY,EAAsC,SAAmB,GAAO,GAAK;AAC1F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;GACpB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACrB;;EAEd"}

package/dist/MMenuIcon-TZ9iJAXz.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M5 7h14`}),(0,n.jsx)(`path`,{d:`M5 12h10`}),(0,n.jsx)(`path`,{d:`M5 17h14`}),(0,n.jsx)(`path`,{d:`M17.5 12h1.5`})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MMenuIcon-TZ9iJAXz.cjs.map

package/dist/MMenuIcon-TZ9iJAXz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MMenuIcon-TZ9iJAXz.cjs","names":[],"sources":["../src/icons/glyphs/MMenuIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MMenuIcon = forwardRef<SVGSVGElement, MIconProps>(function MMenuIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M5 7h14\" />\n            <path d=\"M5 12h10\" />\n            <path d=\"M5 17h14\" />\n            <path d=\"M17.5 12h1.5\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAkD,SAAmB,EAAO,EAAK,CAC1F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,UAAY,CAAA,EACpB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,IAEd"}

package/dist/MPagination-C8txsdB6.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MChevronRightIcon-QbfE-b7g.cjs`),t=require(`./cn-CpRt8Xjj.cjs`),n=require(`./MButton-DOtMjOTz.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function o(e,t,n,r){if(e<=r*2+n*2+3)return a(1,e);let i=Math.max(t-n,r+2),o=Math.min(t+n,e-r-1),s=i>r+2,c=o<e-r-1,l=a(1,r),u=a(e-r+1,e);if(!s&&c)return[...a(1,n*2+r+2),`dots`,...u];if(s&&!c){let t=n*2+r+2;return[...l,`dots`,...a(e-t+1,e)]}return[...l,`dots`,...a(i,o),`dots`,...u]}function s({total:a,page:s,pageSize:c=10,onChange:l,siblings:u=1,boundaries:d=1,variant:f=`numbered`,className:p,...m}){let h=Math.max(1,Math.ceil(a/c)),g=Math.min(Math.max(1,s),h),_=(0,r.useMemo)(()=>o(h,g,u,d),[h,g,u,d]);return f===`simple`?(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.n,{})}),(0,i.jsxs)(`span`,{className:`info`,children:[g,` / `,h]}),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.t,{})})]}):(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.n,{})}),_.map((e,n)=>e===`dots`?(0,i.jsx)(`span`,{className:`dots`,children:`…`},`dots-${n}`):(0,i.jsx)(`button`,{type:`button`,className:t.t(`btn`,e===g&&`active`),onClick:()=>l(e),children:e},e)),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.t,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MPagination-C8txsdB6.cjs.map

package/dist/MPagination-C8txsdB6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPagination-C8txsdB6.cjs","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":"6KAOA,SAAS,EAAM,EAAe,EAAuB,CACjD,IAAM,EAAmB,EAAE,CAC3B,IAAK,IAAI,EAAI,EAAO,GAAK,EAAK,IAAK,EAAO,KAAK,EAAE,CACjD,OAAO,EAGX,SAAS,EAAW,EAAoB,EAAc,EAAkB,EAAyC,CAC7G,GAAI,GAAc,EAAa,EAAI,EAAW,EAAI,EAC9C,OAAO,EAAM,EAAG,EAAW,CAG/B,IAAM,EAAY,KAAK,IAAI,EAAO,EAAU,EAAa,EAAE,CACrD,EAAa,KAAK,IAAI,EAAO,EAAU,EAAa,EAAa,EAAE,CAEnE,EAAe,EAAY,EAAa,EACxC,EAAgB,EAAa,EAAa,EAAa,EAEvD,EAAW,EAAM,EAAG,EAAW,CAC/B,EAAY,EAAM,EAAa,EAAa,EAAG,EAAW,CAEhE,GAAI,CAAC,GAAgB,EAEjB,MAAO,CAAC,GAAG,EAAM,EADC,EAAW,EAAI,EAAa,EAChB,CAAE,OAAQ,GAAG,EAAU,CAGzD,GAAI,GAAgB,CAAC,EAAe,CAChC,IAAM,EAAa,EAAW,EAAI,EAAa,EAC/C,MAAO,CAAC,GAAG,EAAU,OAAQ,GAAG,EAAM,EAAa,EAAa,EAAG,EAAW,CAAC,CAGnF,MAAO,CAAC,GAAG,EAAU,OAAQ,GAAG,EAAM,EAAW,EAAW,CAAE,OAAQ,GAAG,EAAU,CAGvF,SAAgB,EAAY,CACxB,QACA,OACA,WAAW,GACX,WACA,WAAW,EACX,aAAa,EACb,UAAU,WACV,YACA,GAAG,GACc,CACjB,IAAM,EAAa,KAAK,IAAI,EAAG,KAAK,KAAK,EAAQ,EAAS,CAAC,CACrD,EAAc,KAAK,IAAI,KAAK,IAAI,EAAG,EAAK,CAAE,EAAW,CAErD,GAAA,EAAA,EAAA,aACI,EAAW,EAAY,EAAa,EAAU,EAAW,CAC/D,CAAC,EAAY,EAAa,EAAU,EAAW,CAClD,CAgCD,OA9BI,IAAY,UAER,EAAA,EAAA,MAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,EAAG,aAAc,EAAU,CAAE,GAAI,WAAzE,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,EAAD,EAAoB,CAAA,CACd,CAAA,EACV,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,gBAAhB,CACK,EAAY,MAAI,EACd,IACP,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,EAAD,EAAqB,CAAA,CACf,CAAA,CACR,IAKV,EAAA,EAAA,MAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,EAAG,aAAc,EAAU,CAAE,GAAI,WAAzE,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,EAAD,EAAoB,CAAA,CACd,CAAA,CACT,EAAM,KAAK,EAAG,IACX,IAAM,QACF,EAAA,EAAA,KAAC,OAAD,CAAwB,UAAU,gBAAO,IAElC,CAFI,QAAQ,IAEZ,EAEP,EAAA,EAAA,KAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,EAAG,MAAO,IAAM,GAAe,SAAS,CACnD,YAAe,EAAS,EAAE,UAEzB,EACI,CANA,EAMA,CAEhB,EACD,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,EAAD,EAAqB,CAAA,CACf,CAAA,CACR"}