@banzamel/mineralui 2.4.2 → 2.5.1

package/README.md

@@ -3,7 +3,7 @@
 Modern React UI framework with a sharp admin aesthetic, theming system, and production-ready components.
 
 - npm: `@banzamel/mineralui`
-- version: `2.4.2`
+- version: `2.5.1`
 - peer dependencies: `react >= 19`, `react-dom >= 19`
 - repository: `https://github.com/Banzamel/mineralui-react`
 - homepage: `https://mineralui.io`

package/dist/MAvatar-CvQuiGvT.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./frameworkTexts-CaqdiKHW.cjs`),n=require(`./cn-DYFxgzi2.cjs`),r=require(`./useInteractionEffect-CtXlbjhC.cjs`),i=require(`./MButton-BxEky3xQ.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react/jsx-runtime`);function o(e,t){if(t)return t.slice(0,2).toUpperCase();if(!e)return`?`;let n=e.trim().split(/\s+/).filter(Boolean);return n.length===0?`?`:n.length===1?n[0].slice(0,2).toUpperCase():`${n[0][0]}${n[1][0]}`.toUpperCase()}var s={online:`success`,offline:`neutral`,away:`warning`,busy:`error`};function c({src:c,alt:l,name:u,initials:d,size:f=`md`,shape:p=`circle`,hidden:m,hiddenAbove:h,color:g,badge:_,badgeColor:v,badgePulsing:y,presence:b,backgroundColor:x,clickEffect:S,rippleColor:C,skeleton:w=!1,className:T,style:E,onPointerDown:D,href:O,target:k,rel:A,...j}){let M=t.s(),N=t.g(),P=o(u,d),F=j.role!==void 0||j.tabIndex!==void 0,I=O!==void 0&&!w?`a`:typeof j.onClick==`function`&&!F&&!w?`button`:`span`,L=I!==`span`||typeof j.onClick==`function`||j.role===`button`||j.tabIndex!==void 0,R=_===void 0?b===void 0?void 0:!0:_,z=v??(b===void 0?void 0:s[b]),B=y??b!==void 0,{effectClassName:V,effectLayer:H,handlePointerDown:U}=r.t({effect:S??(L?`ripple`:`none`),disabled:!L||w,color:C}),W=l??u??N.avatar,G=w?M.loading:b===void 0?W:t.t(N.avatarPresence,{name:W,presence:N.presence[b]}),K=typeof f==`number`?{width:`${f}px`,height:`${f}px`,...E,...x&&!w?{backgroundColor:x}:{}}:{...E,...x&&!w?{backgroundColor:x}:{}};return(0,a.jsxs)(I,{...I===`a`?{href:O,target:k,rel:A??(k===`_blank`?`noopener noreferrer`:void 0)}:I===`button`?{type:`button`}:{},className:n.t(`avatar`,typeof f==`string`&&f,p,w&&`skeleton animate`,L&&!w&&`interactive`,V,!w&&g&&`color-${g}`,T),style:K,role:L?void 0:`img`,"aria-label":G,onPointerDown:e=>{U(e),D?.(e)},...e.r(m,h),...j,children:[H,i.n({badge:R,badgeColor:z,badgePulsing:B}),w?null:c?(0,a.jsx)(`img`,{src:c,alt:l??u??``,className:`image`}):(0,a.jsx)(`span`,{className:`fallback`,children:P})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=MAvatar-CvQuiGvT.cjs.map

package/dist/MAvatar-CvQuiGvT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MAvatar-CvQuiGvT.cjs","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarPresence, MAvatarProps} from './MAvatar.types'\nimport type {MColor} from '../../../theme'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\nimport {formatMText, useMCommonTexts, useMMediaTexts} from '../../../i18n/frameworkTexts'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\nconst PRESENCE_BADGE_COLOR: Record<MAvatarPresence, MColor> = {\n    online: 'success',\n    offline: 'neutral',\n    away: 'warning',\n    busy: 'error',\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    hidden,\n    hiddenAbove,\n    color,\n    badge,\n    badgeColor,\n    badgePulsing,\n    presence,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    href,\n    target,\n    rel,\n    ...rest\n}: MAvatarProps) {\n    const commonTexts = useMCommonTexts()\n    const mediaTexts = useMMediaTexts()\n    const fallbackInitials = getFallbackInitials(name, initials)\n    // A clickable avatar is a real control: a link with `href`, otherwise a native button. A hand-made\n    // `role` / `tabIndex` keeps the legacy span so callers' own key handling is not doubled.\n    const manualControl = rest.role !== undefined || rest.tabIndex !== undefined\n    const element: 'a' | 'button' | 'span' =\n        href !== undefined && !skeleton\n            ? 'a'\n            : typeof rest.onClick === 'function' && !manualControl && !skeleton\n              ? 'button'\n              : 'span'\n    const isInteractive =\n        element !== 'span' ||\n        typeof rest.onClick === 'function' ||\n        rest.role === 'button' ||\n        rest.tabIndex !== undefined\n    const resolvedBadge = badge !== undefined ? badge : presence !== undefined ? true : undefined\n    const resolvedBadgeColor = badgeColor ?? (presence !== undefined ? PRESENCE_BADGE_COLOR[presence] : undefined)\n    const resolvedBadgePulsing = badgePulsing ?? (presence !== undefined ? true : false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const baseLabel = alt ?? name ?? mediaTexts.avatar\n    // Presence must not rely on the dot colour alone (WCAG 1.4.1), so it joins the accessible name.\n    const accessibleLabel = skeleton\n        ? commonTexts.loading\n        : presence !== undefined\n          ? formatMText(mediaTexts.avatarPresence, {name: baseLabel, presence: mediaTexts.presence[presence]})\n          : baseLabel\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    const Component = element as 'span'\n    const elementProps =\n        element === 'a'\n            ? {href, target, rel: rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n            : element === 'button'\n              ? {type: 'button' as const}\n              : {}\n\n    return (\n        <Component\n            {...elementProps}\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            role={isInteractive ? undefined : 'img'}\n            aria-label={accessibleLabel}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({\n                badge: resolvedBadge,\n                badgeColor: resolvedBadgeColor,\n                badgePulsing: resolvedBadgePulsing,\n            })}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </Component>\n    )\n}\n"],"mappings":"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"}

package/dist/MAvatar-EkOBrEtS.js

@@ -0,0 +1,73 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { g as t, s as n, t as r } from "./frameworkTexts-o43FqY1A.js";
+import { t as i } from "./cn-CUSXNnjF.js";
+import { t as a } from "./useInteractionEffect-DtpbVd77.js";
+import { n as o } from "./MButton-KELyyBw1.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/media/MAvatar/MAvatar.tsx
+function l(e, t) {
+	if (t) return t.slice(0, 2).toUpperCase();
+	if (!e) return "?";
+	let n = e.trim().split(/\s+/).filter(Boolean);
+	return n.length === 0 ? "?" : n.length === 1 ? n[0].slice(0, 2).toUpperCase() : `${n[0][0]}${n[1][0]}`.toUpperCase();
+}
+var u = {
+	online: "success",
+	offline: "neutral",
+	away: "warning",
+	busy: "error"
+};
+function d({ src: d, alt: f, name: p, initials: m, size: h = "md", shape: g = "circle", hidden: _, hiddenAbove: v, color: y, badge: b, badgeColor: x, badgePulsing: S, presence: C, backgroundColor: w, clickEffect: T, rippleColor: E, skeleton: D = !1, className: O, style: k, onPointerDown: A, href: j, target: M, rel: N, ...P }) {
+	let F = n(), I = t(), L = l(p, m), R = P.role !== void 0 || P.tabIndex !== void 0, z = j !== void 0 && !D ? "a" : typeof P.onClick == "function" && !R && !D ? "button" : "span", B = z !== "span" || typeof P.onClick == "function" || P.role === "button" || P.tabIndex !== void 0, V = b === void 0 ? C === void 0 ? void 0 : !0 : b, H = x ?? (C === void 0 ? void 0 : u[C]), U = S ?? C !== void 0, { effectClassName: W, effectLayer: G, handlePointerDown: K } = a({
+		effect: T ?? (B ? "ripple" : "none"),
+		disabled: !B || D,
+		color: E
+	}), q = f ?? p ?? I.avatar, J = D ? F.loading : C === void 0 ? q : r(I.avatarPresence, {
+		name: q,
+		presence: I.presence[C]
+	}), Y = typeof h == "number" ? {
+		width: `${h}px`,
+		height: `${h}px`,
+		...k,
+		...w && !D ? { backgroundColor: w } : {}
+	} : {
+		...k,
+		...w && !D ? { backgroundColor: w } : {}
+	};
+	return /* @__PURE__ */ c(z, {
+		...z === "a" ? {
+			href: j,
+			target: M,
+			rel: N ?? (M === "_blank" ? "noopener noreferrer" : void 0)
+		} : z === "button" ? { type: "button" } : {},
+		className: i("avatar", typeof h == "string" && h, g, D && "skeleton animate", B && !D && "interactive", W, !D && y && `color-${y}`, O),
+		style: Y,
+		role: B ? void 0 : "img",
+		"aria-label": J,
+		onPointerDown: (e) => {
+			K(e), A?.(e);
+		},
+		...e(_, v),
+		...P,
+		children: [
+			G,
+			o({
+				badge: V,
+				badgeColor: H,
+				badgePulsing: U
+			}),
+			D ? null : d ? /* @__PURE__ */ s("img", {
+				src: d,
+				alt: f ?? p ?? "",
+				className: "image"
+			}) : /* @__PURE__ */ s("span", {
+				className: "fallback",
+				children: L
+			})
+		]
+	});
+}
+//#endregion
+export { d as t };
+
+//# sourceMappingURL=MAvatar-EkOBrEtS.js.map

package/dist/MAvatar-EkOBrEtS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MAvatar-EkOBrEtS.js","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarPresence, MAvatarProps} from './MAvatar.types'\nimport type {MColor} from '../../../theme'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\nimport {formatMText, useMCommonTexts, useMMediaTexts} from '../../../i18n/frameworkTexts'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\nconst PRESENCE_BADGE_COLOR: Record<MAvatarPresence, MColor> = {\n    online: 'success',\n    offline: 'neutral',\n    away: 'warning',\n    busy: 'error',\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    hidden,\n    hiddenAbove,\n    color,\n    badge,\n    badgeColor,\n    badgePulsing,\n    presence,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    href,\n    target,\n    rel,\n    ...rest\n}: MAvatarProps) {\n    const commonTexts = useMCommonTexts()\n    const mediaTexts = useMMediaTexts()\n    const fallbackInitials = getFallbackInitials(name, initials)\n    // A clickable avatar is a real control: a link with `href`, otherwise a native button. A hand-made\n    // `role` / `tabIndex` keeps the legacy span so callers' own key handling is not doubled.\n    const manualControl = rest.role !== undefined || rest.tabIndex !== undefined\n    const element: 'a' | 'button' | 'span' =\n        href !== undefined && !skeleton\n            ? 'a'\n            : typeof rest.onClick === 'function' && !manualControl && !skeleton\n              ? 'button'\n              : 'span'\n    const isInteractive =\n        element !== 'span' ||\n        typeof rest.onClick === 'function' ||\n        rest.role === 'button' ||\n        rest.tabIndex !== undefined\n    const resolvedBadge = badge !== undefined ? badge : presence !== undefined ? true : undefined\n    const resolvedBadgeColor = badgeColor ?? (presence !== undefined ? PRESENCE_BADGE_COLOR[presence] : undefined)\n    const resolvedBadgePulsing = badgePulsing ?? (presence !== undefined ? true : false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const baseLabel = alt ?? name ?? mediaTexts.avatar\n    // Presence must not rely on the dot colour alone (WCAG 1.4.1), so it joins the accessible name.\n    const accessibleLabel = skeleton\n        ? commonTexts.loading\n        : presence !== undefined\n          ? formatMText(mediaTexts.avatarPresence, {name: baseLabel, presence: mediaTexts.presence[presence]})\n          : baseLabel\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    const Component = element as 'span'\n    const elementProps =\n        element === 'a'\n            ? {href, target, rel: rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n            : element === 'button'\n              ? {type: 'button' as const}\n              : {}\n\n    return (\n        <Component\n            {...elementProps}\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            role={isInteractive ? undefined : 'img'}\n            aria-label={accessibleLabel}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({\n                badge: resolvedBadge,\n                badgeColor: resolvedBadgeColor,\n                badgePulsing: resolvedBadgePulsing,\n            })}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </Component>\n    )\n}\n"],"mappings":";;;;;;;AAUA,SAAS,EAAoB,GAAe,GAAmB;AAC3D,KAAI,EAAU,QAAO,EAAS,MAAM,GAAG,EAAE,CAAC,aAAa;AACvD,KAAI,CAAC,EAAM,QAAO;CAClB,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAGtD,QAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAG,MAAM,GAAG,EAAE,CAAC,aAAa,GAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa;;AAGvD,IAAM,IAAwD;CAC1D,QAAQ;CACR,SAAS;CACT,MAAM;CACN,MAAM;CACT;AAGD,SAAgB,EAAQ,EACpB,QACA,QACA,SACA,aACA,UAAO,MACP,WAAQ,UACR,WACA,gBACA,UACA,UACA,eACA,iBACA,aACA,oBACA,gBACA,gBACA,cAAW,IACX,cACA,UACA,kBACA,SACA,WACA,QACA,GAAG,KACU;CACb,IAAM,IAAc,GAAiB,EAC/B,IAAa,GAAgB,EAC7B,IAAmB,EAAoB,GAAM,EAAS,EAGtD,IAAgB,EAAK,SAAS,KAAA,KAAa,EAAK,aAAa,KAAA,GAC7D,IACF,MAAS,KAAA,KAAa,CAAC,IACjB,MACA,OAAO,EAAK,WAAY,cAAc,CAAC,KAAiB,CAAC,IACvD,WACA,QACN,IACF,MAAY,UACZ,OAAO,EAAK,WAAY,cACxB,EAAK,SAAS,YACd,EAAK,aAAa,KAAA,GAChB,IAAgB,MAAU,KAAA,IAAoB,MAAa,KAAA,IAAmB,KAAA,IAAP,KAAjC,GACtC,IAAqB,MAAe,MAAa,KAAA,IAA6C,KAAA,IAAjC,EAAqB,KAClF,IAAuB,KAAiB,MAAa,KAAA,GACrD,EAAC,oBAAiB,gBAAa,yBAAqB,EAAkC;EACxF,QAAQ,MAAgB,IAAgB,WAAW;EACnD,UAAU,CAAC,KAAiB;EAC5B,OAAO;EACV,CAAC,EACI,IAAY,KAAO,KAAQ,EAAW,QAEtC,IAAkB,IAClB,EAAY,UACZ,MAAa,KAAA,IAEX,IADA,EAAY,EAAW,gBAAgB;EAAC,MAAM;EAAW,UAAU,EAAW,SAAS;EAAU,CAAC,EAEpG,IACF,OAAO,KAAS,WACV;EACI,OAAO,GAAG,EAAK;EACf,QAAQ,GAAG,EAAK;EAChB,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D,GACD;EACI,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D;AAUX,QACI,kBATc,GASd;EACI,GARJ,MAAY,MACN;GAAC;GAAM;GAAQ,KAAK,MAAQ,MAAW,WAAW,wBAAwB,KAAA;GAAW,GACrF,MAAY,WACV,EAAC,MAAM,UAAkB,GACzB,EAAE;EAKN,WAAW,EACP,UACA,OAAO,KAAS,YAAY,GAC5B,GACA,KAAY,oBACZ,KAAiB,CAAC,KAAY,eAC9B,GACA,CAAC,KAAY,KAAS,SAAS,KAC/B,EACH;EACD,OAAO;EACP,MAAM,IAAgB,KAAA,IAAY;EAClC,cAAY;EACZ,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI,EAAe,GAAQ,EAAY;EACvC,GAAI;YApBR;GAsBK;GACA,EAAmB;IAChB,OAAO;IACP,YAAY;IACZ,cAAc;IACjB,CAAC;GACD,IAAW,OAAO,IACf,kBAAC,OAAD;IAAU;IAAK,KAAK,KAAO,KAAQ;IAAI,WAAW;IAAW,CAAA,GAE7D,kBAAC,QAAD;IAAM,WAAW;cAAa;IAAwB,CAAA;GAElD"}

package/dist/MButton-BxEky3xQ.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-ByPZH0dh.cjs`),t=require(`./frameworkTexts-CaqdiKHW.cjs`),n=require(`./cn-DYFxgzi2.cjs`),r=require(`./useInteractionEffect-CtXlbjhC.cjs`);require(`./core-w629c4ND.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=(0,i.createContext)(null);function s(){return(0,i.useContext)(o)}function c({color:e=`primary`,size:r=`md`,label:i,className:o,style:s,...c}){let l=t.C(),u=i??l.label,d=typeof r==`number`?{width:`${r}px`,height:`${r}px`,...s}:s||{};return(0,a.jsx)(`span`,{className:n.t(`spinner`,typeof r==`string`&&r,e&&`color-${e}`,o),style:d,role:`status`,"aria-label":u,...c})}function l(e){return e!=null&&e!==!1}function u({badge:e,badgeColor:t,badgePulsing:n}){return l(e)}function d({badge:e,badgeColor:t=`primary`,badgePulsing:r=!1,className:i}){if(!u({badge:e,badgeColor:t,badgePulsing:r}))return null;let o=e===!0;return(0,a.jsx)(`span`,{className:n.t(`overlay-badge`,`color-${t}`,o&&`dot`,r&&`pulsing`,i),"aria-hidden":`true`,children:o?null:e})}var f=(0,i.forwardRef)(function({component:t,to:i,href:o,target:l,rel:u,variant:f,size:p,color:m,hidden:h,hiddenAbove:g,fullWidth:_=!1,rounded:v=!1,shape:y,iconOnly:b=!1,loading:x=!1,active:S=!1,pulsing:C=!1,badge:w,badgeColor:T,badgePulsing:E=!1,startIcon:D,endIcon:O,clickEffect:k=`ripple`,rippleColor:A,className:j,style:M,children:N,disabled:P=!1,type:F=`button`,onClick:I,onClickCapture:L,onPointerDown:R,onKeyDown:z,...B},V){let H=t??`button`,U=!t||H===`button`,W=s(),G=f??W?.variant??`filled`,K=p??W?.size??`md`,q=m??W?.color??`primary`,J=P||x,{effectClassName:Y,effectLayer:X,handlePointerDown:Z,triggerEffect:Q}=r.t({effect:k,disabled:J,centered:b,color:A});function $(e){if(J&&!U){e.preventDefault();return}I?.(e)}return(0,a.jsxs)(H,{ref:V,type:U?F:void 0,to:t?i:void 0,href:t?o:void 0,target:t?l:void 0,rel:t?u:void 0,className:n.t(`button`,G,K,`color-${q}`,_&&`full-width`,v&&`rounded`,y===`circle`&&`circle`,b&&`icon-only`,x&&`loading`,S&&`active`,C&&`pulsing`,J&&`disabled`,Y,j),style:M,disabled:U?J:void 0,"aria-busy":x||void 0,"aria-disabled":!U&&J?!0:void 0,onClick:$,onClickCapture:e=>{if(J&&!U){e.preventDefault(),e.stopPropagation();return}L?.(e)},onPointerDown:e=>{Z(e),R?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&Q(e.currentTarget),z?.(e)},...e.r(h,g),...B,children:[X,d({badge:w,badgeColor:T,badgePulsing:E}),x&&(0,a.jsx)(c,{size:`sm`,color:`inherit`,"aria-hidden":`true`}),D&&(0,a.jsx)(`span`,{className:`icon start`,children:D}),N&&(0,a.jsx)(`span`,{className:`content`,children:N}),O&&(0,a.jsx)(`span`,{className:`icon end`,children:O})]})});Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=MButton-BxEky3xQ.cjs.map

package/dist/MButton-BxEky3xQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButton-BxEky3xQ.cjs","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroupContext.ts","../src/components/feedback/MSpinner/MSpinner.tsx","../src/utils/overlayBadge.tsx","../src/components/controls/MButton/MButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MButtonVariant} from '../MButton/MButton.types'\nimport type {MColor, MSize} from '../../../theme'\n\nexport interface MButtonGroupContextValue {\n    variant?: MButtonVariant\n    size?: MSize\n    color?: MColor\n}\n\nexport const ButtonGroupContext = createContext<MButtonGroupContextValue | null>(null)\n\nexport function useButtonGroup(): MButtonGroupContextValue | null {\n    return useContext(ButtonGroupContext)\n}\n","import type {CSSProperties} from 'react'\nimport type {MSpinnerProps} from './MSpinner.types'\nimport {cn} from '../../../utils/cn'\nimport './MSpinner.css'\nimport {useMSpinnerTexts} from '../../../i18n/frameworkTexts'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({color = 'primary', size = 'md', label: labelProp, className, style, ...rest}: MSpinnerProps) {\n    const texts = useMSpinnerTexts()\n    const label = labelProp ?? texts.label\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {ReactNode} from 'react'\nimport type {MColor} from '../theme'\nimport {cn} from './cn'\n\nexport interface MOverlayBadgeProps {\n    badge?: ReactNode | number | boolean\n    badgeColor?: MColor\n    badgePulsing?: boolean\n    className?: string\n}\n\nfunction hasBadgeContent(badge: MOverlayBadgeProps['badge']) {\n    return badge !== undefined && badge !== null && badge !== false\n}\n\nexport function shouldRenderOverlayBadge({badge, badgeColor, badgePulsing}: MOverlayBadgeProps) {\n    return hasBadgeContent(badge)\n}\n\nexport function renderOverlayBadge({\n    badge,\n    badgeColor = 'primary',\n    badgePulsing = false,\n    className,\n}: MOverlayBadgeProps) {\n    if (!shouldRenderOverlayBadge({badge, badgeColor, badgePulsing})) {\n        return null\n    }\n\n    const dotOnly = badge === true\n\n    return (\n        <span\n            className={cn(\n                'overlay-badge',\n                `color-${badgeColor}`,\n                dotOnly && 'dot',\n                badgePulsing && 'pulsing',\n                className\n            )}\n            aria-hidden=\"true\"\n        >\n            {dotOnly ? null : badge}\n        </span>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {KeyboardEvent, MouseEvent, PointerEvent} from 'react'\nimport type {MButtonProps} from './MButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {useButtonGroup} from '../MButtonGroup/MButtonGroupContext'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MButton.css'\n\n// Render the main action primitive with semantic variants and built-in click feedback.\nexport const MButton = forwardRef<HTMLElement, MButtonProps>(function MButton(\n    {\n        component,\n        to,\n        href,\n        target,\n        rel,\n        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\n        hidden,\n        hiddenAbove,\n        fullWidth = false,\n        rounded = false,\n        shape,\n        iconOnly = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        badge,\n        badgeColor,\n        badgePulsing = false,\n        startIcon,\n        endIcon,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onClick,\n        onClickCapture,\n        onPointerDown,\n        onKeyDown,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'button'\n    const isNativeButton = !component || Component === 'button'\n    const group = useButtonGroup()\n    const variant = variantProp ?? group?.variant ?? 'filled'\n    const size = sizeProp ?? group?.size ?? 'md'\n    const color = colorProp ?? group?.color ?? 'primary'\n\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    function handleClick(event: MouseEvent<HTMLElement>) {\n        if (isDisabled && !isNativeButton) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event as never)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            type={isNativeButton ? type : undefined}\n            // A disabled link keeps its href so it stays in the accessibility tree and is\n            // announced as disabled (aria-disabled); activation is blocked in the capture phase.\n            to={component ? to : undefined}\n            href={component ? href : undefined}\n            target={component ? target : undefined}\n            rel={component ? rel : undefined}\n            className={cn(\n                'button',\n                variant,\n                size,\n                `color-${color}`,\n                fullWidth && 'full-width',\n                rounded && 'rounded',\n                shape === 'circle' && 'circle',\n                iconOnly && 'icon-only',\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isNativeButton ? isDisabled : undefined}\n            aria-busy={loading || undefined}\n            aria-disabled={!isNativeButton && isDisabled ? true : undefined}\n            onClick={handleClick}\n            onClickCapture={(event: MouseEvent<HTMLElement>) => {\n                if (isDisabled && !isNativeButton) {\n                    event.preventDefault()\n                    event.stopPropagation()\n                    return\n                }\n\n                onClickCapture?.(event as never)\n            }}\n            onPointerDown={(event: PointerEvent<HTMLElement>) => {\n                handlePointerDown(event as never)\n                onPointerDown?.(event as never)\n            }}\n            onKeyDown={(event: KeyboardEvent<HTMLElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget as HTMLElement)\n                }\n\n                onKeyDown?.(event as never)\n            }}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" aria-hidden=\"true\" />}\n            {startIcon && <span className=\"icon start\">{startIcon}</span>}\n            {children && <span className=\"content\">{children}</span>}\n            {endIcon && <span className=\"icon end\">{endIcon}</span>}\n        </Component>\n    )\n})\n"],"mappings":"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"}

package/dist/MButton-KELyyBw1.js

@@ -0,0 +1,123 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { C as t } from "./frameworkTexts-o43FqY1A.js";
+import { t as n } from "./cn-CUSXNnjF.js";
+import { t as r } from "./useInteractionEffect-DtpbVd77.js";
+import { createContext as i, forwardRef as a, useContext as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/controls/MButtonGroup/MButtonGroupContext.ts
+var l = i(null);
+function u() {
+	return o(l);
+}
+//#endregion
+//#region src/components/feedback/MSpinner/MSpinner.tsx
+function d({ color: e = "primary", size: r = "md", label: i, className: a, style: o, ...c }) {
+	let l = t(), u = i ?? l.label, d = typeof r == "number" ? {
+		width: `${r}px`,
+		height: `${r}px`,
+		...o
+	} : o || {};
+	return /* @__PURE__ */ s("span", {
+		className: n("spinner", typeof r == "string" && r, e && `color-${e}`, a),
+		style: d,
+		role: "status",
+		"aria-label": u,
+		...c
+	});
+}
+//#endregion
+//#region src/utils/overlayBadge.tsx
+function f(e) {
+	return e != null && e !== !1;
+}
+function p({ badge: e, badgeColor: t, badgePulsing: n }) {
+	return f(e);
+}
+function m({ badge: e, badgeColor: t = "primary", badgePulsing: r = !1, className: i }) {
+	if (!p({
+		badge: e,
+		badgeColor: t,
+		badgePulsing: r
+	})) return null;
+	let a = e === !0;
+	return /* @__PURE__ */ s("span", {
+		className: n("overlay-badge", `color-${t}`, a && "dot", r && "pulsing", i),
+		"aria-hidden": "true",
+		children: a ? null : e
+	});
+}
+//#endregion
+//#region src/components/controls/MButton/MButton.tsx
+var h = a(function({ component: t, to: i, href: a, target: o, rel: l, variant: f, size: p, color: h, hidden: g, hiddenAbove: _, fullWidth: v = !1, rounded: y = !1, shape: b, iconOnly: x = !1, loading: S = !1, active: C = !1, pulsing: w = !1, badge: T, badgeColor: E, badgePulsing: D = !1, startIcon: O, endIcon: k, clickEffect: A = "ripple", rippleColor: j, className: M, style: N, children: P, disabled: F = !1, type: I = "button", onClick: L, onClickCapture: R, onPointerDown: z, onKeyDown: B, ...V }, H) {
+	let U = t ?? "button", W = !t || U === "button", G = u(), K = f ?? G?.variant ?? "filled", q = p ?? G?.size ?? "md", J = h ?? G?.color ?? "primary", Y = F || S, { effectClassName: X, effectLayer: Z, handlePointerDown: Q, triggerEffect: $ } = r({
+		effect: A,
+		disabled: Y,
+		centered: x,
+		color: j
+	});
+	function ee(e) {
+		if (Y && !W) {
+			e.preventDefault();
+			return;
+		}
+		L?.(e);
+	}
+	return /* @__PURE__ */ c(U, {
+		ref: H,
+		type: W ? I : void 0,
+		to: t ? i : void 0,
+		href: t ? a : void 0,
+		target: t ? o : void 0,
+		rel: t ? l : void 0,
+		className: n("button", K, q, `color-${J}`, v && "full-width", y && "rounded", b === "circle" && "circle", x && "icon-only", S && "loading", C && "active", w && "pulsing", Y && "disabled", X, M),
+		style: N,
+		disabled: W ? Y : void 0,
+		"aria-busy": S || void 0,
+		"aria-disabled": !W && Y ? !0 : void 0,
+		onClick: ee,
+		onClickCapture: (e) => {
+			if (Y && !W) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			R?.(e);
+		},
+		onPointerDown: (e) => {
+			Q(e), z?.(e);
+		},
+		onKeyDown: (e) => {
+			(e.key === " " || e.key === "Enter") && $(e.currentTarget), B?.(e);
+		},
+		...e(g, _),
+		...V,
+		children: [
+			Z,
+			m({
+				badge: T,
+				badgeColor: E,
+				badgePulsing: D
+			}),
+			S && /* @__PURE__ */ s(d, {
+				size: "sm",
+				color: "inherit",
+				"aria-hidden": "true"
+			}),
+			O && /* @__PURE__ */ s("span", {
+				className: "icon start",
+				children: O
+			}),
+			P && /* @__PURE__ */ s("span", {
+				className: "content",
+				children: P
+			}),
+			k && /* @__PURE__ */ s("span", {
+				className: "icon end",
+				children: k
+			})
+		]
+	});
+});
+//#endregion
+export { l as i, m as n, d as r, h as t };
+
+//# sourceMappingURL=MButton-KELyyBw1.js.map

package/dist/MButton-KELyyBw1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButton-KELyyBw1.js","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroupContext.ts","../src/components/feedback/MSpinner/MSpinner.tsx","../src/utils/overlayBadge.tsx","../src/components/controls/MButton/MButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MButtonVariant} from '../MButton/MButton.types'\nimport type {MColor, MSize} from '../../../theme'\n\nexport interface MButtonGroupContextValue {\n    variant?: MButtonVariant\n    size?: MSize\n    color?: MColor\n}\n\nexport const ButtonGroupContext = createContext<MButtonGroupContextValue | null>(null)\n\nexport function useButtonGroup(): MButtonGroupContextValue | null {\n    return useContext(ButtonGroupContext)\n}\n","import type {CSSProperties} from 'react'\nimport type {MSpinnerProps} from './MSpinner.types'\nimport {cn} from '../../../utils/cn'\nimport './MSpinner.css'\nimport {useMSpinnerTexts} from '../../../i18n/frameworkTexts'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({color = 'primary', size = 'md', label: labelProp, className, style, ...rest}: MSpinnerProps) {\n    const texts = useMSpinnerTexts()\n    const label = labelProp ?? texts.label\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {ReactNode} from 'react'\nimport type {MColor} from '../theme'\nimport {cn} from './cn'\n\nexport interface MOverlayBadgeProps {\n    badge?: ReactNode | number | boolean\n    badgeColor?: MColor\n    badgePulsing?: boolean\n    className?: string\n}\n\nfunction hasBadgeContent(badge: MOverlayBadgeProps['badge']) {\n    return badge !== undefined && badge !== null && badge !== false\n}\n\nexport function shouldRenderOverlayBadge({badge, badgeColor, badgePulsing}: MOverlayBadgeProps) {\n    return hasBadgeContent(badge)\n}\n\nexport function renderOverlayBadge({\n    badge,\n    badgeColor = 'primary',\n    badgePulsing = false,\n    className,\n}: MOverlayBadgeProps) {\n    if (!shouldRenderOverlayBadge({badge, badgeColor, badgePulsing})) {\n        return null\n    }\n\n    const dotOnly = badge === true\n\n    return (\n        <span\n            className={cn(\n                'overlay-badge',\n                `color-${badgeColor}`,\n                dotOnly && 'dot',\n                badgePulsing && 'pulsing',\n                className\n            )}\n            aria-hidden=\"true\"\n        >\n            {dotOnly ? null : badge}\n        </span>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {KeyboardEvent, MouseEvent, PointerEvent} from 'react'\nimport type {MButtonProps} from './MButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {useButtonGroup} from '../MButtonGroup/MButtonGroupContext'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MButton.css'\n\n// Render the main action primitive with semantic variants and built-in click feedback.\nexport const MButton = forwardRef<HTMLElement, MButtonProps>(function MButton(\n    {\n        component,\n        to,\n        href,\n        target,\n        rel,\n        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\n        hidden,\n        hiddenAbove,\n        fullWidth = false,\n        rounded = false,\n        shape,\n        iconOnly = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        badge,\n        badgeColor,\n        badgePulsing = false,\n        startIcon,\n        endIcon,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onClick,\n        onClickCapture,\n        onPointerDown,\n        onKeyDown,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'button'\n    const isNativeButton = !component || Component === 'button'\n    const group = useButtonGroup()\n    const variant = variantProp ?? group?.variant ?? 'filled'\n    const size = sizeProp ?? group?.size ?? 'md'\n    const color = colorProp ?? group?.color ?? 'primary'\n\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    function handleClick(event: MouseEvent<HTMLElement>) {\n        if (isDisabled && !isNativeButton) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event as never)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            type={isNativeButton ? type : undefined}\n            // A disabled link keeps its href so it stays in the accessibility tree and is\n            // announced as disabled (aria-disabled); activation is blocked in the capture phase.\n            to={component ? to : undefined}\n            href={component ? href : undefined}\n            target={component ? target : undefined}\n            rel={component ? rel : undefined}\n            className={cn(\n                'button',\n                variant,\n                size,\n                `color-${color}`,\n                fullWidth && 'full-width',\n                rounded && 'rounded',\n                shape === 'circle' && 'circle',\n                iconOnly && 'icon-only',\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isNativeButton ? isDisabled : undefined}\n            aria-busy={loading || undefined}\n            aria-disabled={!isNativeButton && isDisabled ? true : undefined}\n            onClick={handleClick}\n            onClickCapture={(event: MouseEvent<HTMLElement>) => {\n                if (isDisabled && !isNativeButton) {\n                    event.preventDefault()\n                    event.stopPropagation()\n                    return\n                }\n\n                onClickCapture?.(event as never)\n            }}\n            onPointerDown={(event: PointerEvent<HTMLElement>) => {\n                handlePointerDown(event as never)\n                onPointerDown?.(event as never)\n            }}\n            onKeyDown={(event: KeyboardEvent<HTMLElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget as HTMLElement)\n                }\n\n                onKeyDown?.(event as never)\n            }}\n            {...getHiddenProps(hidden, hiddenAbove)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" aria-hidden=\"true\" />}\n            {startIcon && <span className=\"icon start\">{startIcon}</span>}\n            {children && <span className=\"content\">{children}</span>}\n            {endIcon && <span className=\"icon end\">{endIcon}</span>}\n        </Component>\n    )\n})\n"],"mappings":"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"}

package/dist/{MButtonGroup-BkNf7fzo.js → MButtonGroup-DDnn8Wfy.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { i as t } from "./MButton-C1pnL4_j.js";
+import { t as e } from "./cn-CUSXNnjF.js";
+import { i as t } from "./MButton-KELyyBw1.js";
 import { forwardRef as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/controls/MButtonGroup/MButtonGroup.tsx
@@ -27,4 +27,4 @@ var a = n(function({ orientation: n = "horizontal", variant: a, size: o, color:
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MButtonGroup-BkNf7fzo.js.map
+//# sourceMappingURL=MButtonGroup-DDnn8Wfy.js.map

package/dist/{MButtonGroup-BkNf7fzo.js.map → MButtonGroup-DDnn8Wfy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MButtonGroup-BkNf7fzo.js","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroup.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react'\nimport type {MButtonGroupProps} from './MButtonGroup.types'\nimport {ButtonGroupContext} from './MButtonGroupContext'\nimport type {MButtonGroupContextValue} from './MButtonGroupContext'\nimport {cn} from '../../../utils/cn'\nimport './MButtonGroup.css'\n\nexport const MButtonGroup = forwardRef<HTMLDivElement, MButtonGroupProps>(function MButtonGroup(\n    {orientation = 'horizontal', variant, size, color, attached = true, className, children, ...rest},\n    ref\n) {\n    const ctx = useMemo<MButtonGroupContextValue>(() => ({variant, size, color}), [variant, size, color])\n\n    return (\n        <ButtonGroupContext.Provider value={ctx}>\n            <div\n                ref={ref}\n                role=\"group\"\n                className={cn('button-group', orientation, attached && 'attached', className)}\n                {...rest}\n            >\n                {children}\n            </div>\n        </ButtonGroupContext.Provider>\n    )\n})\n"],"mappings":";;;;;AAOA,IAAa,IAAe,EAA8C,SACtE,EAAC,iBAAc,cAAc,YAAS,SAAM,UAAO,cAAW,IAAM,cAAW,aAAU,GAAG,KAC5F,GACF;CACE,IAAM,IAAM,SAAyC;EAAC;EAAS;EAAM;EAAM,GAAG;EAAC;EAAS;EAAM;EAAM,CAAC;AAErG,QACI,kBAAC,EAAmB,UAApB;EAA6B,OAAO;YAChC,kBAAC,OAAD;GACS;GACL,MAAK;GACL,WAAW,EAAG,gBAAgB,GAAa,KAAY,YAAY,EAAU;GAC7E,GAAI;GAEH;GACC,CAAA;EACoB,CAAA;EAEpC"}
+{"version":3,"file":"MButtonGroup-DDnn8Wfy.js","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroup.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react'\nimport type {MButtonGroupProps} from './MButtonGroup.types'\nimport {ButtonGroupContext} from './MButtonGroupContext'\nimport type {MButtonGroupContextValue} from './MButtonGroupContext'\nimport {cn} from '../../../utils/cn'\nimport './MButtonGroup.css'\n\nexport const MButtonGroup = forwardRef<HTMLDivElement, MButtonGroupProps>(function MButtonGroup(\n    {orientation = 'horizontal', variant, size, color, attached = true, className, children, ...rest},\n    ref\n) {\n    const ctx = useMemo<MButtonGroupContextValue>(() => ({variant, size, color}), [variant, size, color])\n\n    return (\n        <ButtonGroupContext.Provider value={ctx}>\n            <div\n                ref={ref}\n                role=\"group\"\n                className={cn('button-group', orientation, attached && 'attached', className)}\n                {...rest}\n            >\n                {children}\n            </div>\n        </ButtonGroupContext.Provider>\n    )\n})\n"],"mappings":";;;;;AAOA,IAAa,IAAe,EAA8C,SACtE,EAAC,iBAAc,cAAc,YAAS,SAAM,UAAO,cAAW,IAAM,cAAW,aAAU,GAAG,KAC5F,GACF;CACE,IAAM,IAAM,SAAyC;EAAC;EAAS;EAAM;EAAM,GAAG;EAAC;EAAS;EAAM;EAAM,CAAC;AAErG,QACI,kBAAC,EAAmB,UAApB;EAA6B,OAAO;YAChC,kBAAC,OAAD;GACS;GACL,MAAK;GACL,WAAW,EAAG,gBAAgB,GAAa,KAAY,YAAY,EAAU;GAC7E,GAAI;GAEH;GACC,CAAA;EACoB,CAAA;EAEpC"}

package/dist/{MButtonGroup-iPv14c0V.cjs → MButtonGroup-Dz8Fm-oA.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MButton-sTKnano6.cjs`);require(`./core-D66c1_Wo.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({orientation:i=`horizontal`,variant:a,size:o,color:s,attached:c=!0,className:l,children:u,...d},f){let p=(0,n.useMemo)(()=>({variant:a,size:o,color:s}),[a,o,s]);return(0,r.jsx)(t.i.Provider,{value:p,children:(0,r.jsx)(`div`,{ref:f,role:`group`,className:e.t(`button-group`,i,c&&`attached`,l),...d,children:u})})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MButtonGroup-iPv14c0V.cjs.map
+const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./MButton-BxEky3xQ.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({orientation:i=`horizontal`,variant:a,size:o,color:s,attached:c=!0,className:l,children:u,...d},f){let p=(0,n.useMemo)(()=>({variant:a,size:o,color:s}),[a,o,s]);return(0,r.jsx)(t.i.Provider,{value:p,children:(0,r.jsx)(`div`,{ref:f,role:`group`,className:e.t(`button-group`,i,c&&`attached`,l),...d,children:u})})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MButtonGroup-Dz8Fm-oA.cjs.map

package/dist/{MButtonGroup-iPv14c0V.cjs.map → MButtonGroup-Dz8Fm-oA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MButtonGroup-iPv14c0V.cjs","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroup.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react'\nimport type {MButtonGroupProps} from './MButtonGroup.types'\nimport {ButtonGroupContext} from './MButtonGroupContext'\nimport type {MButtonGroupContextValue} from './MButtonGroupContext'\nimport {cn} from '../../../utils/cn'\nimport './MButtonGroup.css'\n\nexport const MButtonGroup = forwardRef<HTMLDivElement, MButtonGroupProps>(function MButtonGroup(\n    {orientation = 'horizontal', variant, size, color, attached = true, className, children, ...rest},\n    ref\n) {\n    const ctx = useMemo<MButtonGroupContextValue>(() => ({variant, size, color}), [variant, size, color])\n\n    return (\n        <ButtonGroupContext.Provider value={ctx}>\n            <div\n                ref={ref}\n                role=\"group\"\n                className={cn('button-group', orientation, attached && 'attached', className)}\n                {...rest}\n            >\n                {children}\n            </div>\n        </ButtonGroupContext.Provider>\n    )\n})\n"],"mappings":"8JAOA,IAAa,GAAA,EAAA,EAAA,YAA6D,SACtE,CAAC,cAAc,aAAc,UAAS,OAAM,QAAO,WAAW,GAAM,YAAW,WAAU,GAAG,GAC5F,EACF,CACE,IAAM,GAAA,EAAA,EAAA,cAA+C,CAAC,UAAS,OAAM,QAAM,EAAG,CAAC,EAAS,EAAM,EAAM,CAAC,CAErG,OACI,EAAA,EAAA,KAAC,EAAA,EAAmB,SAApB,CAA6B,MAAO,YAChC,EAAA,EAAA,KAAC,MAAD,CACS,MACL,KAAK,QACL,UAAW,EAAA,EAAG,eAAgB,EAAa,GAAY,WAAY,EAAU,CAC7E,GAAI,EAEH,WACC,CAAA,CACoB,CAAA,EAEpC"}
+{"version":3,"file":"MButtonGroup-Dz8Fm-oA.cjs","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroup.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react'\nimport type {MButtonGroupProps} from './MButtonGroup.types'\nimport {ButtonGroupContext} from './MButtonGroupContext'\nimport type {MButtonGroupContextValue} from './MButtonGroupContext'\nimport {cn} from '../../../utils/cn'\nimport './MButtonGroup.css'\n\nexport const MButtonGroup = forwardRef<HTMLDivElement, MButtonGroupProps>(function MButtonGroup(\n    {orientation = 'horizontal', variant, size, color, attached = true, className, children, ...rest},\n    ref\n) {\n    const ctx = useMemo<MButtonGroupContextValue>(() => ({variant, size, color}), [variant, size, color])\n\n    return (\n        <ButtonGroupContext.Provider value={ctx}>\n            <div\n                ref={ref}\n                role=\"group\"\n                className={cn('button-group', orientation, attached && 'attached', className)}\n                {...rest}\n            >\n                {children}\n            </div>\n        </ButtonGroupContext.Provider>\n    )\n})\n"],"mappings":"8JAOA,IAAa,GAAA,EAAA,EAAA,YAA6D,SACtE,CAAC,cAAc,aAAc,UAAS,OAAM,QAAO,WAAW,GAAM,YAAW,WAAU,GAAG,GAC5F,EACF,CACE,IAAM,GAAA,EAAA,EAAA,cAA+C,CAAC,UAAS,OAAM,QAAM,EAAG,CAAC,EAAS,EAAM,EAAM,CAAC,CAErG,OACI,EAAA,EAAA,KAAC,EAAA,EAAmB,SAApB,CAA6B,MAAO,YAChC,EAAA,EAAA,KAAC,MAAD,CACS,MACL,KAAK,QACL,UAAW,EAAA,EAAG,eAAgB,EAAa,GAAY,WAAY,EAAU,CAC7E,GAAI,EAEH,WACC,CAAA,CACoB,CAAA,EAEpC"}

package/dist/{MCard-DK-_FkpE.cjs → MCard-Bqm4BjK_.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-CFwDX5UF.cjs`),n=require(`./MSurface-QYEygc_0.cjs`),r=require(`./MSkeleton-BoFpowFU.cjs`);require(`./core-D66c1_Wo.cjs`);let i=require(`react/jsx-runtime`);function a({component:e,to:t,href:n,interactive:r,hasClickHandler:i=!1,hasPointerHandler:a=!1,fallbackComponent:o=`div`}){let s=!!(e||n||t),c=e??(s?`a`:o);return{component:c,href:n??(c===`a`?t:void 0),to:c===`a`?void 0:t,isInteractive:!!(r||i||a||n||t),isLink:s}}function o({component:o,to:s,href:c,target:l,rel:u,interactive:d=!1,stretch:f=!0,tone:p=`raised`,padded:m=!1,color:h,clickEffect:g,rippleColor:_,skeleton:v=!1,spacing:y,mt:b,mb:x,ml:S,mr:C,mx:w,my:T,className:E,children:D,onPointerDown:O,...k}){let{component:A,href:j,to:M,isInteractive:N}=a({component:o,href:c,to:s,interactive:d,hasClickHandler:!!k.onClick,hasPointerHandler:!!O}),{effectClassName:P,effectLayer:F,handlePointerDown:I}=t.t({effect:g??(N?`ripple`:`none`),disabled:!N||v,color:_});return(0,i.jsxs)(n.t,{component:A,href:j,to:M,target:l,rel:u,tone:p,padded:m,spacing:y,mt:b,mb:x,ml:S,mr:C,mx:w,my:T,className:e.t(`card`,!f&&`no-stretch`,h&&`color-${h}`,N&&!v&&`interactive`,v&&`skeleton`,P,E),onPointerDown:e=>{I(e),O?.(e)},...k,children:[F,v?(0,i.jsxs)(`div`,{className:`card-skeleton-content`,children:[(0,i.jsx)(r.t,{variant:`rectangle`,height:`8rem`}),(0,i.jsx)(r.t,{variant:`text`,lines:3,className:`card-skeleton-lines`})]}):D]})}function s({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`header`,t),...r,children:n})}function c({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`body`,t),...r,children:n})}function l({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`footer`,t),...r,children:n})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=MCard-DK-_FkpE.cjs.map
+const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./useInteractionEffect-CtXlbjhC.cjs`),n=require(`./MSurface-BrFo-JMJ.cjs`),r=require(`./MSkeleton-DuAN8Vcv.cjs`);require(`./core-w629c4ND.cjs`);let i=require(`react/jsx-runtime`);function a({component:e,to:t,href:n,interactive:r,hasClickHandler:i=!1,hasPointerHandler:a=!1,fallbackComponent:o=`div`}){let s=!!(e||n||t),c=e??(s?`a`:o);return{component:c,href:n??(c===`a`?t:void 0),to:c===`a`?void 0:t,isInteractive:!!(r||i||a||n||t),isLink:s}}function o({component:o,to:s,href:c,target:l,rel:u,interactive:d=!1,stretch:f=!0,tone:p=`raised`,padded:m=!1,color:h,clickEffect:g,rippleColor:_,skeleton:v=!1,spacing:y,mt:b,mb:x,ml:S,mr:C,mx:w,my:T,className:E,children:D,onPointerDown:O,...k}){let{component:A,href:j,to:M,isInteractive:N}=a({component:o,href:c,to:s,interactive:d,hasClickHandler:!!k.onClick,hasPointerHandler:!!O}),{effectClassName:P,effectLayer:F,handlePointerDown:I}=t.t({effect:g??(N?`ripple`:`none`),disabled:!N||v,color:_});return(0,i.jsxs)(n.t,{component:A,href:j,to:M,target:l,rel:u,tone:p,padded:m,spacing:y,mt:b,mb:x,ml:S,mr:C,mx:w,my:T,className:e.t(`card`,!f&&`no-stretch`,h&&`color-${h}`,N&&!v&&`interactive`,v&&`skeleton`,P,E),onPointerDown:e=>{I(e),O?.(e)},...k,children:[F,v?(0,i.jsxs)(`div`,{className:`card-skeleton-content`,children:[(0,i.jsx)(r.t,{variant:`rectangle`,height:`8rem`}),(0,i.jsx)(r.t,{variant:`text`,lines:3,className:`card-skeleton-lines`})]}):D]})}function s({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`header`,t),...r,children:n})}function c({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`body`,t),...r,children:n})}function l({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`footer`,t),...r,children:n})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MCard-Bqm4BjK_.cjs.map

package/dist/MCard-Bqm4BjK_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard-Bqm4BjK_.cjs","names":[],"sources":["../src/components/cards/shared/MCardAction.utils.ts","../src/components/cards/MCard/MCard.tsx"],"sourcesContent":["import type {ElementType} from 'react'\nimport type {MCardActionProps} from './MCardAction.types'\n\ninterface ResolveMCardActionOptions extends Pick<MCardActionProps, 'component' | 'to' | 'href' | 'interactive'> {\n    hasClickHandler?: boolean\n    hasPointerHandler?: boolean\n    fallbackComponent?: ElementType\n}\n\nexport interface ResolvedMCardAction {\n    component: ElementType\n    href?: string\n    to?: string\n    isInteractive: boolean\n    isLink: boolean\n}\n\nexport function resolveMCardAction({\n    component,\n    to,\n    href,\n    interactive,\n    hasClickHandler = false,\n    hasPointerHandler = false,\n    fallbackComponent = 'div',\n}: ResolveMCardActionOptions): ResolvedMCardAction {\n    const isLink = Boolean(component || href || to)\n    const resolvedComponent = component ?? (isLink ? 'a' : fallbackComponent)\n    const resolvedHref = href ?? (resolvedComponent === 'a' ? to : undefined)\n    const resolvedTo = resolvedComponent === 'a' ? undefined : to\n\n    return {\n        component: resolvedComponent,\n        href: resolvedHref,\n        to: resolvedTo,\n        isInteractive: Boolean(interactive || hasClickHandler || hasPointerHandler || href || to),\n        isLink,\n    }\n}\n","import type {MCardProps, MCardSectionProps} from './MCard.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSurface} from '../../layout'\nimport {MSkeleton} from '../../feedback'\nimport {resolveMCardAction} from '../shared'\nimport './MCard.css'\nimport '../shared/MCardShared.css'\n\n// Compose elevated content blocks that can optionally behave like an interactive surface.\nexport function MCard({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    interactive = false,\n    stretch = true,\n    tone = 'raised',\n    padded = false,\n    color,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    spacing,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    className,\n    children,\n    onPointerDown,\n    ...rest\n}: MCardProps) {\n    const {\n        component: surfaceComponent,\n        href: resolvedHref,\n        to: resolvedTo,\n        isInteractive,\n    } = resolveMCardAction({\n        component,\n        href,\n        to,\n        interactive,\n        hasClickHandler: Boolean(rest.onClick),\n        hasPointerHandler: Boolean(onPointerDown),\n    })\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n\n    return (\n        <MSurface\n            component={surfaceComponent}\n            href={resolvedHref}\n            to={resolvedTo}\n            target={target}\n            rel={rel}\n            tone={tone}\n            padded={padded}\n            spacing={spacing}\n            mt={mt}\n            mb={mb}\n            ml={ml}\n            mr={mr}\n            mx={mx}\n            my={my}\n            className={cn(\n                'card',\n                !stretch && 'no-stretch',\n                color && `color-${color}`,\n                isInteractive && !skeleton && 'interactive',\n                skeleton && 'skeleton',\n                effectClassName,\n                className\n            )}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...rest}\n        >\n            {effectLayer}\n            {skeleton ? (\n                <div className=\"card-skeleton-content\">\n                    <MSkeleton variant=\"rectangle\" height=\"8rem\" />\n                    <MSkeleton variant=\"text\" lines={3} className=\"card-skeleton-lines\" />\n                </div>\n            ) : (\n                children\n            )}\n        </MSurface>\n    )\n}\n\n// Render the top section of a card.\nexport function MCardHeader({className, children, ...rest}: MCardSectionProps) {\n    return (\n        <div className={cn('header', className)} {...rest}>\n            {children}\n        </div>\n    )\n}\n\n// Render the main content section of a card.\nexport function MCardBody({className, children, ...rest}: MCardSectionProps) {\n    return (\n        <div className={cn('body', className)} {...rest}>\n            {children}\n        </div>\n    )\n}\n\n// Render the bottom section of a card.\nexport function MCardFooter({className, children, ...rest}: MCardSectionProps) {\n    return (\n        <div className={cn('footer', className)} {...rest}>\n            {children}\n        </div>\n    )\n}\n"],"mappings":"mOAiBA,SAAgB,EAAmB,CAC/B,YACA,KACA,OACA,cACA,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,OAC2B,CAC/C,IAAM,EAAS,GAAQ,GAAa,GAAQ,GACtC,EAAoB,IAAc,EAAS,IAAM,GAIvD,MAAO,CACH,UAAW,EACX,KALiB,IAAS,IAAsB,IAAM,EAAK,IAAA,IAM3D,GALe,IAAsB,IAAM,IAAA,GAAY,EAMvD,cAAe,GAAQ,GAAe,GAAmB,GAAqB,GAAQ,GACtF,SACH,CC3BL,SAAgB,EAAM,CAClB,YACA,KACA,OACA,SACA,MACA,cAAc,GACd,UAAU,GACV,OAAO,SACP,SAAS,GACT,QACA,cACA,cACA,WAAW,GACX,UACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,WACA,gBACA,GAAG,GACQ,CACX,GAAM,CACF,UAAW,EACX,KAAM,EACN,GAAI,EACJ,iBACA,EAAmB,CACnB,YACA,OACA,KACA,cACA,gBAAiB,EAAQ,EAAK,QAC9B,kBAAmB,EAAQ,EAC9B,CAAC,CACI,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAqC,CAC3F,OAAQ,IAAgB,EAAgB,SAAW,QACnD,SAAU,CAAC,GAAiB,EAC5B,MAAO,EACV,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACI,UAAW,EACX,KAAM,EACN,GAAI,EACI,SACH,MACC,OACE,SACC,UACL,KACA,KACA,KACA,KACA,KACA,KACJ,UAAW,EAAA,EACP,OACA,CAAC,GAAW,aACZ,GAAS,SAAS,IAClB,GAAiB,CAAC,GAAY,cAC9B,GAAY,WACZ,EACA,EACH,CACD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,WA5BR,CA8BK,EACA,GACG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iCAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,QAAQ,YAAY,OAAO,OAAS,CAAA,EAC/C,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,QAAQ,OAAO,MAAO,EAAG,UAAU,sBAAwB,CAAA,CACpE,GAEN,EAEG,GAKnB,SAAgB,EAAY,CAAC,YAAW,WAAU,GAAG,GAA0B,CAC3E,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,EAAU,CAAE,GAAI,EACxC,WACC,CAAA,CAKd,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAA0B,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACtC,WACC,CAAA,CAKd,SAAgB,EAAY,CAAC,YAAW,WAAU,GAAG,GAA0B,CAC3E,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,EAAU,CAAE,GAAI,EACxC,WACC,CAAA"}

package/dist/{MCard-azpp4YVD.js → MCard-CqZYGaS2.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./cn-YER3QsV1.js";
+import { t as e } from "./cn-CUSXNnjF.js";
 import { t } from "./useInteractionEffect-DtpbVd77.js";
-import { t as n } from "./MSurface-B-sjyczH.js";
-import { t as r } from "./MSkeleton-C5uD4Axo.js";
+import { t as n } from "./MSurface-B_QnRLr5.js";
+import { t as r } from "./MSkeleton-BpcpBBJq.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/cards/shared/MCardAction.utils.ts
 function o({ component: e, to: t, href: n, interactive: r, hasClickHandler: i = !1, hasPointerHandler: a = !1, fallbackComponent: o = "div" }) {
@@ -86,4 +86,4 @@ function u({ className: t, children: n, ...r }) {
 //#endregion
 export { o as a, c as i, l as n, u as r, s as t };
 
-//# sourceMappingURL=MCard-azpp4YVD.js.map
+//# sourceMappingURL=MCard-CqZYGaS2.js.map

package/dist/MCard-CqZYGaS2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard-CqZYGaS2.js","names":[],"sources":["../src/components/cards/shared/MCardAction.utils.ts","../src/components/cards/MCard/MCard.tsx"],"sourcesContent":["import type {ElementType} from 'react'\nimport type {MCardActionProps} from './MCardAction.types'\n\ninterface ResolveMCardActionOptions extends Pick<MCardActionProps, 'component' | 'to' | 'href' | 'interactive'> {\n    hasClickHandler?: boolean\n    hasPointerHandler?: boolean\n    fallbackComponent?: ElementType\n}\n\nexport interface ResolvedMCardAction {\n    component: ElementType\n    href?: string\n    to?: string\n    isInteractive: boolean\n    isLink: boolean\n}\n\nexport function resolveMCardAction({\n    component,\n    to,\n    href,\n    interactive,\n    hasClickHandler = false,\n    hasPointerHandler = false,\n    fallbackComponent = 'div',\n}: ResolveMCardActionOptions): ResolvedMCardAction {\n    const isLink = Boolean(component || href || to)\n    const resolvedComponent = component ?? (isLink ? 'a' : fallbackComponent)\n    const resolvedHref = href ?? (resolvedComponent === 'a' ? to : undefined)\n    const resolvedTo = resolvedComponent === 'a' ? undefined : to\n\n    return {\n        component: resolvedComponent,\n        href: resolvedHref,\n        to: resolvedTo,\n        isInteractive: Boolean(interactive || hasClickHandler || hasPointerHandler || href || to),\n        isLink,\n    }\n}\n","import type {MCardProps, MCardSectionProps} from './MCard.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSurface} from '../../layout'\nimport {MSkeleton} from '../../feedback'\nimport {resolveMCardAction} from '../shared'\nimport './MCard.css'\nimport '../shared/MCardShared.css'\n\n// Compose elevated content blocks that can optionally behave like an interactive surface.\nexport function MCard({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    interactive = false,\n    stretch = true,\n    tone = 'raised',\n    padded = false,\n    color,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    spacing,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    className,\n    children,\n    onPointerDown,\n    ...rest\n}: MCardProps) {\n    const {\n        component: surfaceComponent,\n        href: resolvedHref,\n        to: resolvedTo,\n        isInteractive,\n    } = resolveMCardAction({\n        component,\n        href,\n        to,\n        interactive,\n        hasClickHandler: Boolean(rest.onClick),\n        hasPointerHandler: Boolean(onPointerDown),\n    })\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n\n    return (\n        <MSurface\n            component={surfaceComponent}\n            href={resolvedHref}\n            to={resolvedTo}\n            target={target}\n            rel={rel}\n            tone={tone}\n            padded={padded}\n            spacing={spacing}\n            mt={mt}\n            mb={mb}\n            ml={ml}\n            mr={mr}\n            mx={mx}\n            my={my}\n            className={cn(\n                'card',\n                !stretch && 'no-stretch',\n                color && `color-${color}`,\n                isInteractive && !skeleton && 'interactive',\n                skeleton && 'skeleton',\n                effectClassName,\n                className\n            )}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...rest}\n        >\n            {effectLayer}\n            {skeleton ? (\n                <div className=\"card-skeleton-content\">\n                    <MSkeleton variant=\"rectangle\" height=\"8rem\" />\n                    <MSkeleton variant=\"text\" lines={3} className=\"card-skeleton-lines\" />\n                </div>\n            ) : (\n                children\n            )}\n        </MSurface>\n    )\n}\n\n// Render the top section of a card.\nexport function MCardHeader({className, children, ...rest}: MCardSectionProps) {\n    return (\n        <div className={cn('header', className)} {...rest}>\n            {children}\n        </div>\n    )\n}\n\n// Render the main content section of a card.\nexport function MCardBody({className, children, ...rest}: MCardSectionProps) {\n    return (\n        <div className={cn('body', className)} {...rest}>\n            {children}\n        </div>\n    )\n}\n\n// Render the bottom section of a card.\nexport function MCardFooter({className, children, ...rest}: MCardSectionProps) {\n    return (\n        <div className={cn('footer', className)} {...rest}>\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAmB,EAC/B,cACA,OACA,SACA,gBACA,qBAAkB,IAClB,uBAAoB,IACpB,uBAAoB,SAC2B;CAC/C,IAAM,IAAS,GAAQ,KAAa,KAAQ,IACtC,IAAoB,MAAc,IAAS,MAAM;AAIvD,QAAO;EACH,WAAW;EACX,MALiB,MAAS,MAAsB,MAAM,IAAK,KAAA;EAM3D,IALe,MAAsB,MAAM,KAAA,IAAY;EAMvD,eAAe,GAAQ,KAAe,KAAmB,KAAqB,KAAQ;EACtF;EACH;;;;AC3BL,SAAgB,EAAM,EAClB,cACA,OACA,SACA,WACA,QACA,iBAAc,IACd,aAAU,IACV,UAAO,UACP,YAAS,IACT,UACA,gBACA,gBACA,cAAW,IACX,YACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,aACA,kBACA,GAAG,KACQ;CACX,IAAM,EACF,WAAW,GACX,MAAM,GACN,IAAI,GACJ,qBACA,EAAmB;EACnB;EACA;EACA;EACA;EACA,iBAAiB,EAAQ,EAAK;EAC9B,mBAAmB,EAAQ;EAC9B,CAAC,EACI,EAAC,oBAAiB,gBAAa,yBAAqB,EAAqC;EAC3F,QAAQ,MAAgB,IAAgB,WAAW;EACnD,UAAU,CAAC,KAAiB;EAC5B,OAAO;EACV,CAAC;AAEF,QACI,kBAAC,GAAD;EACI,WAAW;EACX,MAAM;EACN,IAAI;EACI;EACH;EACC;EACE;EACC;EACL;EACA;EACA;EACA;EACA;EACA;EACJ,WAAW,EACP,QACA,CAAC,KAAW,cACZ,KAAS,SAAS,KAClB,KAAiB,CAAC,KAAY,eAC9B,KAAY,YACZ,GACA,EACH;EACD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI;YA5BR,CA8BK,GACA,IACG,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IAAW,SAAQ;IAAY,QAAO;IAAS,CAAA,EAC/C,kBAAC,GAAD;IAAW,SAAQ;IAAO,OAAO;IAAG,WAAU;IAAwB,CAAA,CACpE;OAEN,EAEG;;;AAKnB,SAAgB,EAAY,EAAC,cAAW,aAAU,GAAG,KAA0B;AAC3E,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;EAAE,GAAI;EACxC;EACC,CAAA;;AAKd,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAA0B;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACtC;EACC,CAAA;;AAKd,SAAgB,EAAY,EAAC,cAAW,aAAU,GAAG,KAA0B;AAC3E,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;EAAE,GAAI;EACxC;EACC,CAAA"}

package/dist/MCheckbox-CaWgyUn5.js

@@ -0,0 +1,72 @@
+import { t as e } from "./cn-CUSXNnjF.js";
+import { t } from "./useInteractionEffect-DtpbVd77.js";
+import { forwardRef as n, useCallback as r, useEffect as i, useId as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/controls/MCheckbox/MCheckbox.tsx
+var l = n(function({ checked: n, defaultChecked: l, indeterminate: u = !1, name: d, id: f, value: p, disabled: m = !1, size: h = "md", color: g = "primary", label: _, labelPosition: v = "right", error: y = !1, errorText: b, onChange: x, onIndeterminateChange: S, clickEffect: C = "ripple", rippleColor: w, "aria-label": T, "aria-labelledby": E, className: D, style: O }, k) {
+	let A = o(null), j = a(), M = r((e) => {
+		A.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
+	}, [k]), { effectClassName: N, effectLayer: P, handlePointerDown: F, triggerEffect: I } = t({
+		effect: C,
+		disabled: m,
+		centered: !0,
+		color: w
+	});
+	i(() => {
+		A.current && A.current.indeterminate !== u && (A.current.indeterminate = u);
+	});
+	function L(e) {
+		x?.(e), u && S?.(!1);
+	}
+	let R = y || !!b;
+	return /* @__PURE__ */ c("div", {
+		className: e("checkbox", D),
+		style: O,
+		children: [/* @__PURE__ */ c("label", {
+			className: e("label", h, v === "left" && "label-left", m && "disabled"),
+			children: [/* @__PURE__ */ c("span", {
+				className: e("box", `color-${g}`, R && "error", N),
+				onPointerDown: F,
+				children: [
+					P,
+					/* @__PURE__ */ s("input", {
+						ref: M,
+						type: "checkbox",
+						checked: n,
+						defaultChecked: l,
+						name: d,
+						id: f,
+						value: p,
+						disabled: m,
+						onChange: L,
+						onKeyDown: (e) => {
+							(e.key === " " || e.key === "Enter") && I(e.currentTarget.parentElement);
+						},
+						className: "input",
+						"aria-label": T,
+						"aria-labelledby": E,
+						"aria-invalid": R || void 0,
+						"aria-describedby": b ? j : void 0
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "check-mark",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ s("span", { className: "indeterminate-mark" })
+				]
+			}), _ && /* @__PURE__ */ s("span", {
+				className: e("label-text", R && "error"),
+				children: _
+			})]
+		}), b && /* @__PURE__ */ s("span", {
+			id: j,
+			className: "field-error",
+			role: "alert",
+			children: b
+		})]
+	});
+});
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=MCheckbox-CaWgyUn5.js.map

package/dist/MCheckbox-CaWgyUn5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCheckbox-CaWgyUn5.js","names":[],"sources":["../src/components/controls/MCheckbox/MCheckbox.tsx"],"sourcesContent":["import {forwardRef, useCallback, useEffect, useId, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MCheckboxProps} from './MCheckbox.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MCheckbox.css'\n\n// Render a styled checkbox while keeping the native input for accessibility.\nexport const MCheckbox = forwardRef<HTMLInputElement, MCheckboxProps>(function MCheckbox(\n    {\n        checked,\n        defaultChecked,\n        indeterminate = false,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        error = false,\n        errorText,\n        onChange,\n        onIndeterminateChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        className,\n        style,\n    },\n    ref\n) {\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const errorId = useId()\n    // Keep a local handle for the indeterminate sync and still forward object or callback refs.\n    const setInputRef = useCallback(\n        (node: HTMLInputElement | null) => {\n            inputRef.current = node\n            if (typeof ref === 'function') {\n                ref(node)\n            } else if (ref) {\n                ref.current = node\n            }\n        },\n        [ref]\n    )\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Keep the browser indeterminate flag in sync with the prop on every render: a click\n    // clears the DOM flag, so re-applying only on prop changes let the two drift apart.\n    useEffect(() => {\n        if (inputRef.current && inputRef.current.indeterminate !== indeterminate) {\n            inputRef.current.indeterminate = indeterminate\n        }\n    })\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n        onChange?.(event)\n        // The click already cleared the native flag; tell a controlled parent to drop it too.\n        if (indeterminate) {\n            onIndeterminateChange?.(false)\n        }\n    }\n\n    const hasError = error || !!errorText\n\n    return (\n        <div className={cn('checkbox', className)} style={style}>\n            <label className={cn('label', size, labelPosition === 'left' && 'label-left', disabled && 'disabled')}>\n                <span\n                    className={cn('box', `color-${color}`, hasError && 'error', effectClassName)}\n                    onPointerDown={handlePointerDown}\n                >\n                    {effectLayer}\n                    <input\n                        ref={setInputRef}\n                        type=\"checkbox\"\n                        checked={checked}\n                        defaultChecked={defaultChecked}\n                        name={name}\n                        id={id}\n                        value={value}\n                        disabled={disabled}\n                        onChange={handleChange}\n                        onKeyDown={(event) => {\n                            if (event.key === ' ' || event.key === 'Enter') {\n                                triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                            }\n                        }}\n                        className=\"input\"\n                        aria-label={ariaLabel}\n                        aria-labelledby={ariaLabelledBy}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? errorId : undefined}\n                    />\n                    <span className=\"check-mark\" aria-hidden=\"true\" />\n                    <span className=\"indeterminate-mark\" />\n                </span>\n                {label && <span className={cn('label-text', hasError && 'error')}>{label}</span>}\n            </label>\n            {errorText && (\n                <span id={errorId} className=\"field-error\" role=\"alert\">\n                    {errorText}\n                </span>\n            )}\n        </div>\n    )\n})\n"],"mappings":";;;;;AAQA,IAAa,IAAY,EAA6C,SAClE,EACI,YACA,mBACA,mBAAgB,IAChB,SACA,OACA,UACA,cAAW,IACX,UAAO,MACP,WAAQ,WACR,UACA,mBAAgB,SAChB,WAAQ,IACR,cACA,aACA,0BACA,iBAAc,UACd,gBACA,cAAc,GACd,mBAAmB,GACnB,cACA,YAEJ,GACF;CACE,IAAM,IAAW,EAAgC,KAAK,EAChD,IAAU,GAAO,EAEjB,IAAc,GACf,MAAkC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aACf,EAAI,EAAK,GACF,MACP,EAAI,UAAU;IAGtB,CAAC,EAAI,CACR,EACK,EAAC,oBAAiB,gBAAa,sBAAmB,qBAAiB,EAAsC;EAC3G,QAAQ;EACR;EACA,UAAU;EACV,OAAO;EACV,CAAC;AAIF,SAAgB;AACZ,EAAI,EAAS,WAAW,EAAS,QAAQ,kBAAkB,MACvD,EAAS,QAAQ,gBAAgB;GAEvC;CAEF,SAAS,EAAa,GAA4C;AAG9D,EAFA,IAAW,EAAM,EAEb,KACA,IAAwB,GAAM;;CAItC,IAAM,IAAW,KAAS,CAAC,CAAC;AAE5B,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,YAAY,EAAU;EAAS;YAAlD,CACI,kBAAC,SAAD;GAAO,WAAW,EAAG,SAAS,GAAM,MAAkB,UAAU,cAAc,KAAY,WAAW;aAArG,CACI,kBAAC,QAAD;IACI,WAAW,EAAG,OAAO,SAAS,KAAS,KAAY,SAAS,EAAgB;IAC5E,eAAe;cAFnB;KAIK;KACD,kBAAC,SAAD;MACI,KAAK;MACL,MAAK;MACI;MACO;MACV;MACF;MACG;MACG;MACV,UAAU;MACV,YAAY,MAAU;AAClB,QAAI,EAAM,QAAQ,OAAO,EAAM,QAAQ,YACnC,EAAc,EAAM,cAAc,cAAwC;;MAGlF,WAAU;MACV,cAAY;MACZ,mBAAiB;MACjB,gBAAc,KAAY,KAAA;MAC1B,oBAAkB,IAAY,IAAU,KAAA;MAC1C,CAAA;KACF,kBAAC,QAAD;MAAM,WAAU;MAAa,eAAY;MAAS,CAAA;KAClD,kBAAC,QAAD,EAAM,WAAU,sBAAuB,CAAA;KACpC;OACN,KAAS,kBAAC,QAAD;IAAM,WAAW,EAAG,cAAc,KAAY,QAAQ;cAAG;IAAa,CAAA,CAC5E;MACP,KACG,kBAAC,QAAD;GAAM,IAAI;GAAS,WAAU;GAAc,MAAK;aAC3C;GACE,CAAA,CAET;;EAEZ"}

package/dist/MCheckbox-DpKJpnFF.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./useInteractionEffect-CtXlbjhC.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({checked:i,defaultChecked:a,indeterminate:o=!1,name:s,id:c,value:l,disabled:u=!1,size:d=`md`,color:f=`primary`,label:p,labelPosition:m=`right`,error:h=!1,errorText:g,onChange:_,onIndeterminateChange:v,clickEffect:y=`ripple`,rippleColor:b,"aria-label":x,"aria-labelledby":S,className:C,style:w},T){let E=(0,n.useRef)(null),D=(0,n.useId)(),O=(0,n.useCallback)(e=>{E.current=e,typeof T==`function`?T(e):T&&(T.current=e)},[T]),{effectClassName:k,effectLayer:A,handlePointerDown:j,triggerEffect:M}=t.t({effect:y,disabled:u,centered:!0,color:b});(0,n.useEffect)(()=>{E.current&&E.current.indeterminate!==o&&(E.current.indeterminate=o)});function N(e){_?.(e),o&&v?.(!1)}let P=h||!!g;return(0,r.jsxs)(`div`,{className:e.t(`checkbox`,C),style:w,children:[(0,r.jsxs)(`label`,{className:e.t(`label`,d,m===`left`&&`label-left`,u&&`disabled`),children:[(0,r.jsxs)(`span`,{className:e.t(`box`,`color-${f}`,P&&`error`,k),onPointerDown:j,children:[A,(0,r.jsx)(`input`,{ref:O,type:`checkbox`,checked:i,defaultChecked:a,name:s,id:c,value:l,disabled:u,onChange:N,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&M(e.currentTarget.parentElement)},className:`input`,"aria-label":x,"aria-labelledby":S,"aria-invalid":P||void 0,"aria-describedby":g?D:void 0}),(0,r.jsx)(`span`,{className:`check-mark`,"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:`indeterminate-mark`})]}),p&&(0,r.jsx)(`span`,{className:e.t(`label-text`,P&&`error`),children:p})]}),g&&(0,r.jsx)(`span`,{id:D,className:`field-error`,role:`alert`,children:g})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MCheckbox-DpKJpnFF.cjs.map

package/dist/MCheckbox-DpKJpnFF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCheckbox-DpKJpnFF.cjs","names":[],"sources":["../src/components/controls/MCheckbox/MCheckbox.tsx"],"sourcesContent":["import {forwardRef, useCallback, useEffect, useId, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MCheckboxProps} from './MCheckbox.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MCheckbox.css'\n\n// Render a styled checkbox while keeping the native input for accessibility.\nexport const MCheckbox = forwardRef<HTMLInputElement, MCheckboxProps>(function MCheckbox(\n    {\n        checked,\n        defaultChecked,\n        indeterminate = false,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        error = false,\n        errorText,\n        onChange,\n        onIndeterminateChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        className,\n        style,\n    },\n    ref\n) {\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const errorId = useId()\n    // Keep a local handle for the indeterminate sync and still forward object or callback refs.\n    const setInputRef = useCallback(\n        (node: HTMLInputElement | null) => {\n            inputRef.current = node\n            if (typeof ref === 'function') {\n                ref(node)\n            } else if (ref) {\n                ref.current = node\n            }\n        },\n        [ref]\n    )\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Keep the browser indeterminate flag in sync with the prop on every render: a click\n    // clears the DOM flag, so re-applying only on prop changes let the two drift apart.\n    useEffect(() => {\n        if (inputRef.current && inputRef.current.indeterminate !== indeterminate) {\n            inputRef.current.indeterminate = indeterminate\n        }\n    })\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n        onChange?.(event)\n        // The click already cleared the native flag; tell a controlled parent to drop it too.\n        if (indeterminate) {\n            onIndeterminateChange?.(false)\n        }\n    }\n\n    const hasError = error || !!errorText\n\n    return (\n        <div className={cn('checkbox', className)} style={style}>\n            <label className={cn('label', size, labelPosition === 'left' && 'label-left', disabled && 'disabled')}>\n                <span\n                    className={cn('box', `color-${color}`, hasError && 'error', effectClassName)}\n                    onPointerDown={handlePointerDown}\n                >\n                    {effectLayer}\n                    <input\n                        ref={setInputRef}\n                        type=\"checkbox\"\n                        checked={checked}\n                        defaultChecked={defaultChecked}\n                        name={name}\n                        id={id}\n                        value={value}\n                        disabled={disabled}\n                        onChange={handleChange}\n                        onKeyDown={(event) => {\n                            if (event.key === ' ' || event.key === 'Enter') {\n                                triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                            }\n                        }}\n                        className=\"input\"\n                        aria-label={ariaLabel}\n                        aria-labelledby={ariaLabelledBy}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? errorId : undefined}\n                    />\n                    <span className=\"check-mark\" aria-hidden=\"true\" />\n                    <span className=\"indeterminate-mark\" />\n                </span>\n                {label && <span className={cn('label-text', hasError && 'error')}>{label}</span>}\n            </label>\n            {errorText && (\n                <span id={errorId} className=\"field-error\" role=\"alert\">\n                    {errorText}\n                </span>\n            )}\n        </div>\n    )\n})\n"],"mappings":"2KAQA,IAAa,GAAA,EAAA,EAAA,YAAyD,SAClE,CACI,UACA,iBACA,gBAAgB,GAChB,OACA,KACA,QACA,WAAW,GACX,OAAO,KACP,QAAQ,UACR,QACA,gBAAgB,QAChB,QAAQ,GACR,YACA,WACA,wBACA,cAAc,SACd,cACA,aAAc,EACd,kBAAmB,EACnB,YACA,SAEJ,EACF,CACE,IAAM,GAAA,EAAA,EAAA,QAA2C,KAAK,CAChD,GAAA,EAAA,EAAA,QAAiB,CAEjB,GAAA,EAAA,EAAA,aACD,GAAkC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WACf,EAAI,EAAK,CACF,IACP,EAAI,QAAU,IAGtB,CAAC,EAAI,CACR,CACK,CAAC,kBAAiB,cAAa,oBAAmB,iBAAiB,EAAA,EAAsC,CAC3G,OAAQ,EACR,WACA,SAAU,GACV,MAAO,EACV,CAAC,EAIF,EAAA,EAAA,eAAgB,CACR,EAAS,SAAW,EAAS,QAAQ,gBAAkB,IACvD,EAAS,QAAQ,cAAgB,IAEvC,CAEF,SAAS,EAAa,EAA4C,CAC9D,IAAW,EAAM,CAEb,GACA,IAAwB,GAAM,CAItC,IAAM,EAAW,GAAS,CAAC,CAAC,EAE5B,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,WAAY,EAAU,CAAS,iBAAlD,EACI,EAAA,EAAA,MAAC,QAAD,CAAO,UAAW,EAAA,EAAG,QAAS,EAAM,IAAkB,QAAU,aAAc,GAAY,WAAW,UAArG,EACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EAAG,MAAO,SAAS,IAAS,GAAY,QAAS,EAAgB,CAC5E,cAAe,WAFnB,CAIK,GACD,EAAA,EAAA,KAAC,QAAD,CACI,IAAK,EACL,KAAK,WACI,UACO,iBACV,OACF,KACG,QACG,WACV,SAAU,EACV,UAAY,GAAU,EACd,EAAM,MAAQ,KAAO,EAAM,MAAQ,UACnC,EAAc,EAAM,cAAc,cAAwC,EAGlF,UAAU,QACV,aAAY,EACZ,kBAAiB,EACjB,eAAc,GAAY,IAAA,GAC1B,mBAAkB,EAAY,EAAU,IAAA,GAC1C,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,aAAa,cAAY,OAAS,CAAA,EAClD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAuB,CAAA,CACpC,GACN,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,aAAc,GAAY,QAAQ,UAAG,EAAa,CAAA,CAC5E,GACP,IACG,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,EAAS,UAAU,cAAc,KAAK,iBAC3C,EACE,CAAA,CAET,IAEZ"}