@banzamel/mineralui 1.9.1 → 1.10.1

package/README.md

@@ -3,11 +3,10 @@
 Modern React UI framework with a sharp admin aesthetic, theming system, and production-ready components.
 
 - npm: `@banzamel/mineralui`
-- version: `1.9.1`
+- version: `1.10.1`
 - peer dependencies: `react >= 19`, `react-dom >= 19`
 - repository: `https://github.com/Banzamel/mineralui`
 - homepage: `https://mineralui.io`
-- styles: bundled and auto-injected on component import
 
 ## Installation
 
@@ -17,37 +16,26 @@ npm install @banzamel/mineralui
 
 No separate CSS import is required.
 
-## Package Structure
+## What MineralUI Basic includes
 
-MineralUI is maintained from one source tree and released in two package variants:
-
-- `@banzamel/mineralui`
-  Public Basic package published on npmjs.
-- `@banzamel/mineralui-pro`
-  Private full package distributed separately with premium components and product modules.
-
-The public repository is the source of truth for the framework and can generate both release packages.
+- production-ready React UI components for dashboards, admin panels, forms, and internal tools
+- theming with CSS variables and dark/light mode support
+- layout primitives, overlays, inputs, feedback components, media, cards, and utilities
+- tree-shakeable grouped subpath exports
+- bundled styles with automatic runtime injection
 
 ## Quick Start
 
 ```tsx
-import {MThemeProvider, MCard, MCardHeader, MCardBody, MInput, MSelect, MButton} from '@banzamel/mineralui'
+import {MThemeProvider, MCard, MCardHeader, MCardBody, MInput, MButton} from '@banzamel/mineralui'
 
-function AccountSettings() {
+export function Example() {
     return (
         <MThemeProvider mode="dark">
             <MCard>
-                <MCardHeader title="Workspace settings" description="Basic account data and role assignment." />
+                <MCardHeader title="Workspace settings" />
                 <MCardBody>
                     <MInput label="Workspace name" placeholder="Banzamel Studio" fullWidth />
-                    <MSelect
-                        label="Default role"
-                        fullWidth
-                        options={[
-                            {value: 'owner', label: 'Owner'},
-                            {value: 'editor', label: 'Editor'},
-                        ]}
-                    />
                     <MButton>Save changes</MButton>
                 </MCardBody>
             </MCard>
@@ -56,42 +44,21 @@ function AccountSettings() {
 }
 ```
 
-## Included In Basic
-
-- theming and i18n providers
-- layout primitives for dashboards and docs shells
-- controls, inputs, overlays, cards, tables, galleries, typography and utilities
-- grouped subpath exports such as:
-  - `@banzamel/mineralui/layout`
-  - `@banzamel/mineralui/controls`
-  - `@banzamel/mineralui/data`
-  - `@banzamel/mineralui/feedback`
-  - `@banzamel/mineralui/theme`
-
-## Pro Surface
-
-The Pro package extends the Basic package with premium modules currently marked in framework licensing metadata, including:
-
-- advanced data modules such as `MFileManager`, `MCalendarBoard`, `MChat`
-- premium display modules such as `MStepper`, `MTimeline`, `MQrCode`
-- premium cards, charts, media, cookie-consent system, `MTopbar`, and `MIconV2`
+## Popular grouped imports
 
+```tsx
+import {MButton, MCheckbox} from '@banzamel/mineralui/controls'
+import {MCard, MCardBody} from '@banzamel/mineralui/cards'
+import {MDataTable} from '@banzamel/mineralui/data'
+import {MThemeProvider} from '@banzamel/mineralui/theme'
 ```
 
-The produced Pro archive can then be uploaded to your package distribution backend.
-
-## Design Notes
-
-MineralUI is token-driven and override-friendly:
+## Documentation
 
-- CSS variables in `--mineral-*`
-- plain CSS with readable class names
-- dark and light mode through one token system
-- scoped overrides through `MThemeProvider`
-- no runtime dependencies besides React peer dependencies
+- website: `https://mineralui.io`
+- docs: `https://mineralui.io/docs`
 
-## Links
+## Basic vs Pro
 
-- Website: `https://mineralui.io`
-- Documentation: `https://mineralui.io/docs`
-- npm: `https://www.npmjs.com/package/@banzamel/mineralui`
+This package is the public Basic edition of MineralUI.
+Premium components, templates, package access, and installation tooling are distributed separately in MineralUI Pro.

package/dist/MAvatar-BElYyQXH.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-yQQAPTkp.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useInteractionEffect-BH2dgQla.cjs`),r=require(`./MButton-ouB6903s.cjs`);require(`./core-B2klLGki.cjs`);let i=require(`react/jsx-runtime`);function a(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 o={online:`success`,offline:`neutral`,away:`warning`,busy:`error`};function s({src:s,alt:c,name:l,initials:u,size:d=`md`,shape:f=`circle`,hidden:p,color:m,badge:h,badgeColor:g,badgePulsing:_,presence:v,backgroundColor:y,clickEffect:b,rippleColor:x,skeleton:S=!1,className:C,style:w,onPointerDown:T,...E}){let D=a(l,u),O=typeof E.onClick==`function`||E.role===`button`||E.tabIndex!==void 0,k=h===void 0?v===void 0?void 0:!0:h,A=g??(v===void 0?void 0:o[v]),j=_??v!==void 0,{effectClassName:M,effectLayer:N,handlePointerDown:P}=n.t({effect:b??(O?`ripple`:`none`),disabled:!O||S,color:x}),F=typeof d==`number`?{width:`${d}px`,height:`${d}px`,...w,...y&&!S?{backgroundColor:y}:{}}:{...w,...y&&!S?{backgroundColor:y}:{}};return(0,i.jsxs)(`span`,{className:t.t(`avatar`,typeof d==`string`&&d,f,S&&`skeleton animate`,O&&!S&&`interactive`,M,!S&&m&&`color-${m}`,C),style:F,"aria-label":S?`Loading`:c??l??`MAvatar`,onPointerDown:e=>{P(e),T?.(e)},...e.r(p),...E,children:[N,r.n({badge:k,badgeColor:A,badgePulsing:j}),S?null:s?(0,i.jsx)(`img`,{src:s,alt:c??l??``,className:`image`}):(0,i.jsx)(`span`,{className:`fallback`,children:D})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MAvatar-BElYyQXH.cjs.map

package/dist/MAvatar-BElYyQXH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MAvatar-BElYyQXH.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'\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    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    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || 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<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\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    return (\n        <span\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            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge: resolvedBadge, badgeColor: resolvedBadgeColor, badgePulsing: resolvedBadgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":"8NASA,SAAS,EAAoB,EAAe,EAAmB,CAC3D,GAAI,EAAU,OAAO,EAAS,MAAM,EAAG,EAAE,CAAC,aAAa,CACvD,GAAI,CAAC,EAAM,MAAO,IAClB,IAAM,EAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ,CAGtD,OAFI,EAAM,SAAW,EAAU,IAC3B,EAAM,SAAW,EAAU,EAAM,GAAG,MAAM,EAAG,EAAE,CAAC,aAAa,CAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,CAGvD,IAAM,EAAwD,CAC1D,OAAQ,UACR,QAAS,UACT,KAAM,UACN,KAAM,QACT,CAGD,SAAgB,EAAQ,CACpB,MACA,MACA,OACA,WACA,OAAO,KACP,QAAQ,SACR,SACA,QACA,QACA,aACA,eACA,WACA,kBACA,cACA,cACA,WAAW,GACX,YACA,QACA,gBACA,GAAG,GACU,CACb,IAAM,EAAmB,EAAoB,EAAM,EAAS,CACtD,EAAgB,OAAO,EAAK,SAAY,YAAc,EAAK,OAAS,UAAY,EAAK,WAAa,IAAA,GAClG,EAAgB,IAAU,IAAA,GAAoB,IAAa,IAAA,GAAmB,IAAA,GAAP,GAAjC,EACtC,EAAqB,IAAe,IAAa,IAAA,GAA6C,IAAA,GAAjC,EAAqB,IAClF,EAAuB,GAAiB,IAAa,IAAA,GACrD,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAsC,CAC5F,OAAQ,IAAgB,EAAgB,SAAW,QACnD,SAAU,CAAC,GAAiB,EAC5B,MAAO,EACV,CAAC,CACI,EACF,OAAO,GAAS,SACV,CACI,MAAO,GAAG,EAAK,IACf,OAAQ,GAAG,EAAK,IAChB,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CACD,CACI,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CAEX,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,SACA,OAAO,GAAS,UAAY,EAC5B,EACA,GAAY,mBACZ,GAAiB,CAAC,GAAY,cAC9B,EACA,CAAC,GAAY,GAAS,SAAS,IAC/B,EACH,CACD,MAAO,EACP,aAAY,EAAW,UAAa,GAAO,GAAQ,UACnD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAlBR,CAoBK,EACA,EAAA,EAAmB,CAAC,MAAO,EAAe,WAAY,EAAoB,aAAc,EAAqB,CAAC,CAC9G,EAAW,KAAO,GACf,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,IAAK,GAAO,GAAQ,GAAI,UAAW,QAAW,CAAA,EAE7D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,oBAAa,EAAwB,CAAA,CAEvD"}

package/dist/MAvatar-CIvYzQV4.js

@@ -0,0 +1,63 @@
+import { r as e } from "./theme-DAOU1aPs.js";
+import { t } from "./cn-YER3QsV1.js";
+import { t as n } from "./useInteractionEffect-DtpbVd77.js";
+import { n as r } from "./MButton-C94fZ3l9.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/media/MAvatar/MAvatar.tsx
+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, color: h, badge: g, badgeColor: _, badgePulsing: v, presence: y, backgroundColor: b, clickEffect: x, rippleColor: S, skeleton: C = !1, className: w, style: T, onPointerDown: E, ...D }) {
+	let O = o(u, d), k = typeof D.onClick == "function" || D.role === "button" || D.tabIndex !== void 0, A = g === void 0 ? y === void 0 ? void 0 : !0 : g, j = _ ?? (y === void 0 ? void 0 : s[y]), M = v ?? y !== void 0, { effectClassName: N, effectLayer: P, handlePointerDown: F } = n({
+		effect: x ?? (k ? "ripple" : "none"),
+		disabled: !k || C,
+		color: S
+	}), I = typeof f == "number" ? {
+		width: `${f}px`,
+		height: `${f}px`,
+		...T,
+		...b && !C ? { backgroundColor: b } : {}
+	} : {
+		...T,
+		...b && !C ? { backgroundColor: b } : {}
+	};
+	return /* @__PURE__ */ a("span", {
+		className: t("avatar", typeof f == "string" && f, p, C && "skeleton animate", k && !C && "interactive", N, !C && h && `color-${h}`, w),
+		style: I,
+		"aria-label": C ? "Loading" : l ?? u ?? "MAvatar",
+		onPointerDown: (e) => {
+			F(e), E?.(e);
+		},
+		...e(m),
+		...D,
+		children: [
+			P,
+			r({
+				badge: A,
+				badgeColor: j,
+				badgePulsing: M
+			}),
+			C ? null : c ? /* @__PURE__ */ i("img", {
+				src: c,
+				alt: l ?? u ?? "",
+				className: "image"
+			}) : /* @__PURE__ */ i("span", {
+				className: "fallback",
+				children: O
+			})
+		]
+	});
+}
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=MAvatar-CIvYzQV4.js.map

package/dist/MAvatar-CIvYzQV4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MAvatar-CIvYzQV4.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'\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    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    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || 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<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\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    return (\n        <span\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            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge: resolvedBadge, badgeColor: resolvedBadgeColor, badgePulsing: resolvedBadgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":";;;;;;AASA,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,UACA,UACA,eACA,iBACA,aACA,oBACA,gBACA,gBACA,cAAW,IACX,cACA,UACA,kBACA,GAAG,KACU;CACb,IAAM,IAAmB,EAAoB,GAAM,EAAS,EACtD,IAAgB,OAAO,EAAK,WAAY,cAAc,EAAK,SAAS,YAAY,EAAK,aAAa,KAAA,GAClG,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,EAAsC;EAC5F,QAAQ,MAAgB,IAAgB,WAAW;EACnD,UAAU,CAAC,KAAiB;EAC5B,OAAO;EACV,CAAC,EACI,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;AAEX,QACI,kBAAC,QAAD;EACI,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,cAAY,IAAW,YAAa,KAAO,KAAQ;EACnD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI,EAAe,EAAO;EAC1B,GAAI;YAlBR;GAoBK;GACA,EAAmB;IAAC,OAAO;IAAe,YAAY;IAAoB,cAAc;IAAqB,CAAC;GAC9G,IAAW,OAAO,IACf,kBAAC,OAAD;IAAU;IAAK,KAAK,KAAO,KAAQ;IAAI,WAAW;IAAW,CAAA,GAE7D,kBAAC,QAAD;IAAM,WAAW;cAAa;IAAwB,CAAA;GAEvD"}

package/dist/{MButton-C1pnL4_j.js → MButton-C94fZ3l9.js}

@@ -112,4 +112,4 @@ var m = i(function({ component: r, to: i, href: a, target: c, rel: d, variant: f
 //#endregion
 export { c as i, p as n, u as r, m as t };
 
-//# sourceMappingURL=MButton-C1pnL4_j.js.map
+//# sourceMappingURL=MButton-C94fZ3l9.js.map

package/dist/{MButton-C1pnL4_j.js.map → MButton-C94fZ3l9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MButton-C1pnL4_j.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'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\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        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        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            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : 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            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)}\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":";;;;;;AAUA,IAAa,IAAqB,EAA+C,KAAK;AAEtF,SAAgB,IAAkD;AAC9D,QAAO,EAAW,EAAmB;;;;ACPzC,SAAgB,EAAS,EACrB,WAAQ,WACR,UAAO,MACP,WAAQ,WACR,cACA,UACA,GAAG,KACW;CACd,IAAM,IACF,OAAO,KAAS,WACV;EACI,OAAO,GAAG,EAAK;EACf,QAAQ,GAAG,EAAK;EAChB,GAAG;EACN,GACD,KAAS,EAAE;AAErB,QACI,kBAAC,QAAD;EACI,WAAW,EAAG,WAAW,OAAO,KAAS,YAAY,GAAM,KAAS,SAAS,KAAS,EAAU;EAChG,OAAO;EACP,MAAK;EACL,cAAY;EACZ,GAAI;EACN,CAAA;;;;ACnBV,SAAS,EAAgB,GAAoC;AACzD,QAAO,KAAiC,QAAQ,MAAU;;AAG9D,SAAgB,EAAyB,EAAC,UAAO,eAAY,mBAAmC;AAC5F,QAAO,EAAgB,EAAM;;AAGjC,SAAgB,EAAmB,EAC/B,UACA,gBAAa,WACb,kBAAe,IACf,gBACmB;AACnB,KAAI,CAAC,EAAyB;EAAC;EAAO;EAAY;EAAa,CAAC,CAC5D,QAAO;CAGX,IAAM,IAAU,MAAU;AAE1B,QACI,kBAAC,QAAD;EACI,WAAW,EACP,iBACA,SAAS,KACT,KAAW,OACX,KAAgB,WAChB,EACH;EACD,eAAY;YAEX,IAAU,OAAO;EACf,CAAA;;;;AC/Bf,IAAa,IAAU,EAAsC,SACzD,EACI,cACA,OACA,SACA,WACA,QACA,SAAS,GACT,MAAM,GACN,OAAO,GACP,WACA,eAAY,IACZ,aAAU,IACV,UACA,cAAW,IACX,aAAU,IACV,YAAS,IACT,aAAU,IACV,UACA,eACA,kBAAe,IACf,cACA,YACA,iBAAc,UACd,gBACA,cACA,UACA,aACA,cAAW,IACX,UAAO,UACP,YACA,kBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAY,KAAa,UACzB,IAAiB,CAAC,KAAa,MAAc,UAC7C,IAAQ,GAAgB,EACxB,IAAU,KAAe,GAAO,WAAW,UAC3C,IAAO,KAAY,GAAO,QAAQ,MAClC,IAAQ,KAAa,GAAO,SAAS,WAErC,IAAa,KAAY,GACzB,EAAC,oBAAiB,gBAAa,sBAAmB,qBAAiB,EAAkC;EACvG,QAAQ;EACR,UAAU;EACV,UAAU;EACV,OAAO;EACV,CAAC;CAEF,SAAS,EAAY,GAAgC;AACjD,MAAI,KAAc,CAAC,GAAgB;AAC/B,KAAM,gBAAgB;AACtB;;AAGJ,MAAU,EAAe;;AAG7B,QACI,kBAAC,GAAD;EACS;EACL,MAAM,IAAiB,IAAO,KAAA;EAC9B,IAAI,IAAa,IAAa,KAAA,IAAY,IAAM,KAAA;EAChD,MAAM,IAAa,IAAa,KAAA,IAAY,IAAQ,KAAA;EACpD,QAAQ,IAAa,IAAa,KAAA,IAAY,IAAU,KAAA;EACxD,KAAK,IAAa,IAAa,KAAA,IAAY,IAAO,KAAA;EAClD,WAAW,EACP,UACA,GACA,GACA,SAAS,KACT,KAAa,cACb,KAAW,WACX,MAAU,YAAY,UACtB,KAAY,aACZ,KAAW,WACX,KAAU,UACV,KAAW,WACX,KAAc,YACd,GACA,EACH;EACM;EACP,UAAU,IAAiB,IAAa,KAAA;EACxC,aAAW,KAAW,KAAA;EACtB,iBAAe,CAAC,KAAkB,IAAa,KAAO,KAAA;EACtD,SAAS;EACT,gBAAgB,MAAqC;AAEjD,GADA,EAAkB,EAAe,EACjC,IAAgB,EAAe;;EAEnC,YAAY,MAAsC;AAK9C,IAJI,EAAM,QAAQ,OAAO,EAAM,QAAQ,YACnC,EAAc,EAAM,cAA6B,EAGrD,IAAY,EAAe;;EAE/B,GAAI,EAAe,EAAO;EAC1B,GAAI;YAxCR;GA0CK;GACA,EAAmB;IAAC;IAAO;IAAY;IAAa,CAAC;GACrD,KAAW,kBAAC,GAAD;IAAU,MAAK;IAAK,OAAM;IAAU,eAAY;IAAS,CAAA;GACpE,KAAa,kBAAC,QAAD;IAAM,WAAU;cAAc;IAAiB,CAAA;GAC5D,KAAY,kBAAC,QAAD;IAAM,WAAU;IAAW;IAAgB,CAAA;GACvD,KAAW,kBAAC,QAAD;IAAM,WAAU;cAAY;IAAe,CAAA;GAC/C;;EAElB"}
+{"version":3,"file":"MButton-C94fZ3l9.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'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\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        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        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            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : 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            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)}\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-DFRHWHzh.cjs → MButton-ouB6903s.cjs}

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

package/dist/{MButton-DFRHWHzh.cjs.map → MButton-ouB6903s.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MButton-DFRHWHzh.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'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\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        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        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            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : 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            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)}\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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"}
+{"version":3,"file":"MButton-ouB6903s.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'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\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        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        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            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : 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            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)}\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-BhGt-Yy1.js

@@ -0,0 +1,30 @@
+import { t as e } from "./cn-YER3QsV1.js";
+import { i as t } from "./MButton-C94fZ3l9.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
+var a = n(function({ orientation: n = "horizontal", variant: a, size: o, color: s, attached: c = !0, className: l, children: u, ...d }, f) {
+	let p = r(() => ({
+		variant: a,
+		size: o,
+		color: s
+	}), [
+		a,
+		o,
+		s
+	]);
+	return /* @__PURE__ */ i(t.Provider, {
+		value: p,
+		children: /* @__PURE__ */ i("div", {
+			ref: f,
+			role: "group",
+			className: e("button-group", n, c && "attached", l),
+			...d,
+			children: u
+		})
+	});
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=MButtonGroup-BhGt-Yy1.js.map

package/dist/MButtonGroup-BhGt-Yy1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButtonGroup-BhGt-Yy1.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-yumQneDa.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MButton-ouB6903s.cjs`);require(`./core-B2klLGki.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-yumQneDa.cjs.map

package/dist/MButtonGroup-yumQneDa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButtonGroup-yumQneDa.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-9ucghJJs.js

@@ -0,0 +1,89 @@
+import { t as e } from "./cn-YER3QsV1.js";
+import { t } from "./useInteractionEffect-DtpbVd77.js";
+import { t as n } from "./MSurface-B-sjyczH.js";
+import { t as r } from "./MSkeleton-BpylRABV.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" }) {
+	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
+	};
+}
+//#endregion
+//#region src/components/cards/MCard/MCard.tsx
+function s({ component: s, to: c, href: l, target: u, rel: d, interactive: f = !1, stretch: p = !0, tone: m = "raised", padded: h = !1, color: g, clickEffect: _, rippleColor: v, skeleton: y = !1, spacing: b, mt: x, mb: S, ml: C, mr: w, mx: T, my: E, className: D, children: O, onPointerDown: k, ...A }) {
+	let { component: j, href: M, to: N, isInteractive: P } = o({
+		component: s,
+		href: l,
+		to: c,
+		interactive: f,
+		hasClickHandler: !!A.onClick,
+		hasPointerHandler: !!k
+	}), { effectClassName: F, effectLayer: I, handlePointerDown: L } = t({
+		effect: _ ?? (P ? "ripple" : "none"),
+		disabled: !P || y,
+		color: v
+	});
+	return /* @__PURE__ */ a(n, {
+		component: j,
+		href: M,
+		to: N,
+		target: u,
+		rel: d,
+		tone: m,
+		padded: h,
+		spacing: b,
+		mt: x,
+		mb: S,
+		ml: C,
+		mr: w,
+		mx: T,
+		my: E,
+		className: e("card", !p && "no-stretch", g && `color-${g}`, P && !y && "interactive", y && "skeleton", F, D),
+		onPointerDown: (e) => {
+			L(e), k?.(e);
+		},
+		...A,
+		children: [I, y ? /* @__PURE__ */ a("div", {
+			className: "card-skeleton-content",
+			children: [/* @__PURE__ */ i(r, {
+				variant: "rectangle",
+				height: "8rem"
+			}), /* @__PURE__ */ i(r, {
+				variant: "text",
+				lines: 3,
+				className: "card-skeleton-lines"
+			})]
+		}) : O]
+	});
+}
+function c({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("header", t),
+		...r,
+		children: n
+	});
+}
+function l({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("body", t),
+		...r,
+		children: n
+	});
+}
+function u({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("footer", t),
+		...r,
+		children: n
+	});
+}
+//#endregion
+export { o as a, c as i, l as n, u as r, s as t };
+
+//# sourceMappingURL=MCard-9ucghJJs.js.map

package/dist/MCard-9ucghJJs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard-9ucghJJs.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'\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;;;;AC5BL,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/MCard-Bg_R86Gr.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-BH2dgQla.cjs`),n=require(`./MSurface-WsYGNGX5.cjs`),r=require(`./MSkeleton-JMkJFzu9.cjs`);require(`./core-B2klLGki.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-Bg_R86Gr.cjs.map

package/dist/MCard-Bg_R86Gr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard-Bg_R86Gr.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'\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,CC5BL,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/{MCheckbox-B7SpcD4H.js → MCheckbox-B-nT2OBE.js}

@@ -56,4 +56,4 @@ var s = n(function({ checked: n, defaultChecked: s, indeterminate: c = !1, name:
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=MCheckbox-B7SpcD4H.js.map
+//# sourceMappingURL=MCheckbox-B-nT2OBE.js.map

package/dist/{MCheckbox-B7SpcD4H.js.map → MCheckbox-B-nT2OBE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MCheckbox-B7SpcD4H.js","names":[],"sources":["../src/components/controls/MCheckbox/MCheckbox.tsx"],"sourcesContent":["import {forwardRef, useEffect, 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        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const internalRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) ?? internalRef\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 React props.\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.indeterminate = indeterminate\n        }\n    }, [indeterminate, inputRef])\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={inputRef}\n                        type=\"checkbox\"\n                        checked={checked}\n                        defaultChecked={defaultChecked}\n                        name={name}\n                        id={id}\n                        value={value}\n                        disabled={disabled}\n                        onChange={onChange}\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-invalid={hasError || undefined}\n                    />\n                    <span className=\"indeterminate-mark\" />\n                </span>\n                {label && <span className={cn('label-text', hasError && 'error')}>{label}</span>}\n            </label>\n            {errorText && (\n                <span 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,iBAAc,UACd,gBACA,cACA,YAEJ,GACF;CACE,IAAM,IAAc,EAAyB,KAAK,EAC5C,IAAY,KAA6C,GACzD,EAAC,oBAAiB,gBAAa,sBAAmB,qBAAiB,EAAsC;EAC3G,QAAQ;EACR;EACA,UAAU;EACV,OAAO;EACV,CAAC;AAGF,SAAgB;AACZ,EAAI,EAAS,YACT,EAAS,QAAQ,gBAAgB;IAEtC,CAAC,GAAe,EAAS,CAAC;CAE7B,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;MACA;MACV,YAAY,MAAU;AAClB,QAAI,EAAM,QAAQ,OAAO,EAAM,QAAQ,YACnC,EAAc,EAAM,cAAc,cAAwC;;MAGlF,WAAU;MACV,gBAAc,KAAY,KAAA;MAC5B,CAAA;KACF,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,WAAU;GAAc,MAAK;aAC9B;GACE,CAAA,CAET;;EAEZ"}
+{"version":3,"file":"MCheckbox-B-nT2OBE.js","names":[],"sources":["../src/components/controls/MCheckbox/MCheckbox.tsx"],"sourcesContent":["import {forwardRef, useEffect, 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        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const internalRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) ?? internalRef\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 React props.\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.indeterminate = indeterminate\n        }\n    }, [indeterminate, inputRef])\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={inputRef}\n                        type=\"checkbox\"\n                        checked={checked}\n                        defaultChecked={defaultChecked}\n                        name={name}\n                        id={id}\n                        value={value}\n                        disabled={disabled}\n                        onChange={onChange}\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-invalid={hasError || undefined}\n                    />\n                    <span className=\"indeterminate-mark\" />\n                </span>\n                {label && <span className={cn('label-text', hasError && 'error')}>{label}</span>}\n            </label>\n            {errorText && (\n                <span 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,iBAAc,UACd,gBACA,cACA,YAEJ,GACF;CACE,IAAM,IAAc,EAAyB,KAAK,EAC5C,IAAY,KAA6C,GACzD,EAAC,oBAAiB,gBAAa,sBAAmB,qBAAiB,EAAsC;EAC3G,QAAQ;EACR;EACA,UAAU;EACV,OAAO;EACV,CAAC;AAGF,SAAgB;AACZ,EAAI,EAAS,YACT,EAAS,QAAQ,gBAAgB;IAEtC,CAAC,GAAe,EAAS,CAAC;CAE7B,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;MACA;MACV,YAAY,MAAU;AAClB,QAAI,EAAM,QAAQ,OAAO,EAAM,QAAQ,YACnC,EAAc,EAAM,cAAc,cAAwC;;MAGlF,WAAU;MACV,gBAAc,KAAY,KAAA;MAC5B,CAAA;KACF,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,WAAU;GAAc,MAAK;aAC9B;GACE,CAAA,CAET;;EAEZ"}

package/dist/{MCheckbox-Dn3p_9-1.cjs → MCheckbox-Cbk5hwzJ.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-Bo8285cg.cjs`);require(`./core-DAox0BHy.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:_,clickEffect:v=`ripple`,rippleColor:y,className:b,style:x},S){let C=(0,n.useRef)(null),w=S??C,{effectClassName:T,effectLayer:E,handlePointerDown:D,triggerEffect:O}=t.t({effect:v,disabled:u,centered:!0,color:y});(0,n.useEffect)(()=>{w.current&&(w.current.indeterminate=o)},[o,w]);let k=h||!!g;return(0,r.jsxs)(`div`,{className:e.t(`checkbox`,b),style:x,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}`,k&&`error`,T),onPointerDown:D,children:[E,(0,r.jsx)(`input`,{ref:w,type:`checkbox`,checked:i,defaultChecked:a,name:s,id:c,value:l,disabled:u,onChange:_,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&O(e.currentTarget.parentElement)},className:`input`,"aria-invalid":k||void 0}),(0,r.jsx)(`span`,{className:`indeterminate-mark`})]}),p&&(0,r.jsx)(`span`,{className:e.t(`label-text`,k&&`error`),children:p})]}),g&&(0,r.jsx)(`span`,{className:`field-error`,role:`alert`,children:g})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MCheckbox-Dn3p_9-1.cjs.map
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-BH2dgQla.cjs`);require(`./core-B2klLGki.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:_,clickEffect:v=`ripple`,rippleColor:y,className:b,style:x},S){let C=(0,n.useRef)(null),w=S??C,{effectClassName:T,effectLayer:E,handlePointerDown:D,triggerEffect:O}=t.t({effect:v,disabled:u,centered:!0,color:y});(0,n.useEffect)(()=>{w.current&&(w.current.indeterminate=o)},[o,w]);let k=h||!!g;return(0,r.jsxs)(`div`,{className:e.t(`checkbox`,b),style:x,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}`,k&&`error`,T),onPointerDown:D,children:[E,(0,r.jsx)(`input`,{ref:w,type:`checkbox`,checked:i,defaultChecked:a,name:s,id:c,value:l,disabled:u,onChange:_,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&O(e.currentTarget.parentElement)},className:`input`,"aria-invalid":k||void 0}),(0,r.jsx)(`span`,{className:`indeterminate-mark`})]}),p&&(0,r.jsx)(`span`,{className:e.t(`label-text`,k&&`error`),children:p})]}),g&&(0,r.jsx)(`span`,{className:`field-error`,role:`alert`,children:g})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MCheckbox-Cbk5hwzJ.cjs.map

package/dist/{MCheckbox-Dn3p_9-1.cjs.map → MCheckbox-Cbk5hwzJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MCheckbox-Dn3p_9-1.cjs","names":[],"sources":["../src/components/controls/MCheckbox/MCheckbox.tsx"],"sourcesContent":["import {forwardRef, useEffect, 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        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const internalRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) ?? internalRef\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 React props.\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.indeterminate = indeterminate\n        }\n    }, [indeterminate, inputRef])\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={inputRef}\n                        type=\"checkbox\"\n                        checked={checked}\n                        defaultChecked={defaultChecked}\n                        name={name}\n                        id={id}\n                        value={value}\n                        disabled={disabled}\n                        onChange={onChange}\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-invalid={hasError || undefined}\n                    />\n                    <span className=\"indeterminate-mark\" />\n                </span>\n                {label && <span className={cn('label-text', hasError && 'error')}>{label}</span>}\n            </label>\n            {errorText && (\n                <span 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,cAAc,SACd,cACA,YACA,SAEJ,EACF,CACE,IAAM,GAAA,EAAA,EAAA,QAAuC,KAAK,CAC5C,EAAY,GAA6C,EACzD,CAAC,kBAAiB,cAAa,oBAAmB,iBAAiB,EAAA,EAAsC,CAC3G,OAAQ,EACR,WACA,SAAU,GACV,MAAO,EACV,CAAC,EAGF,EAAA,EAAA,eAAgB,CACR,EAAS,UACT,EAAS,QAAQ,cAAgB,IAEtC,CAAC,EAAe,EAAS,CAAC,CAE7B,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,WACA,WACV,UAAY,GAAU,EACd,EAAM,MAAQ,KAAO,EAAM,MAAQ,UACnC,EAAc,EAAM,cAAc,cAAwC,EAGlF,UAAU,QACV,eAAc,GAAY,IAAA,GAC5B,CAAA,EACF,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,UAAU,cAAc,KAAK,iBAC9B,EACE,CAAA,CAET,IAEZ"}
+{"version":3,"file":"MCheckbox-Cbk5hwzJ.cjs","names":[],"sources":["../src/components/controls/MCheckbox/MCheckbox.tsx"],"sourcesContent":["import {forwardRef, useEffect, 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        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const internalRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) ?? internalRef\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 React props.\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.indeterminate = indeterminate\n        }\n    }, [indeterminate, inputRef])\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={inputRef}\n                        type=\"checkbox\"\n                        checked={checked}\n                        defaultChecked={defaultChecked}\n                        name={name}\n                        id={id}\n                        value={value}\n                        disabled={disabled}\n                        onChange={onChange}\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-invalid={hasError || undefined}\n                    />\n                    <span className=\"indeterminate-mark\" />\n                </span>\n                {label && <span className={cn('label-text', hasError && 'error')}>{label}</span>}\n            </label>\n            {errorText && (\n                <span 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,cAAc,SACd,cACA,YACA,SAEJ,EACF,CACE,IAAM,GAAA,EAAA,EAAA,QAAuC,KAAK,CAC5C,EAAY,GAA6C,EACzD,CAAC,kBAAiB,cAAa,oBAAmB,iBAAiB,EAAA,EAAsC,CAC3G,OAAQ,EACR,WACA,SAAU,GACV,MAAO,EACV,CAAC,EAGF,EAAA,EAAA,eAAgB,CACR,EAAS,UACT,EAAS,QAAQ,cAAgB,IAEtC,CAAC,EAAe,EAAS,CAAC,CAE7B,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,WACA,WACV,UAAY,GAAU,EACd,EAAM,MAAQ,KAAO,EAAM,MAAQ,UACnC,EAAc,EAAM,cAAc,cAAwC,EAGlF,UAAU,QACV,eAAc,GAAY,IAAA,GAC5B,CAAA,EACF,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,UAAU,cAAc,KAAK,iBAC9B,EACE,CAAA,CAET,IAEZ"}

package/dist/MDetailList-CpwrF22b.cjs

@@ -0,0 +1,2 @@
+const e=require(`./icons-BHFwX7ri.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MSurface-WsYGNGX5.cjs`),r=require(`./MText-CAbqC2qZ.cjs`),i=require(`./MLink-CZ2FfQ0N.cjs`),a=require(`./MStack-DDn2bYBQ.cjs`);require(`./core-B2klLGki.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);function c({value:n=0,max:r=5,color:i=`warning`,size:a=`md`,readOnly:c=!1,onChange:l,className:u,...d}){let[f,p]=(0,o.useState)(null),m=f??n,h=e=>{c||l?.(e)};return(0,s.jsx)(`div`,{className:t.t(`rating`,`color-${i}`,a,c&&`read-only`,u),role:`radiogroup`,"aria-label":`MRating`,onMouseLeave:()=>p(null),...d,children:Array.from({length:r},(t,n)=>{let r=n+1,i=m>=r;return(0,s.jsx)(`button`,{type:`button`,className:`rating-star`,onClick:()=>h(r),onMouseEnter:()=>!c&&p(r),"aria-label":`${r} star${r>1?`s`:``}`,tabIndex:c?-1:0,disabled:c,children:(0,s.jsx)(`span`,{className:`star-icon`,"aria-hidden":`true`,children:i?(0,s.jsx)(e.mi,{}):(0,s.jsx)(e.hi,{})})},n)})})}function l({items:e,size:o=`md`,bordered:c=!0,emptyState:l=null,className:u,...d}){return e.length?(0,s.jsx)(`div`,{className:t.t(`detail-list`,`size-${o}`,c&&`bordered`,u),...d,children:e.map(e=>{let t=e.key??e.label?.toString(),o=e.component||e.to||e.href?(0,s.jsx)(i.t,{component:e.component,to:e.to,href:e.href,target:e.target,rel:e.rel,children:e.value}):e.value;return(0,s.jsx)(`div`,{className:`detail-list-item`,children:(0,s.jsxs)(n.n,{justify:`between`,align:`start`,children:[(0,s.jsxs)(a.t,{children:[(0,s.jsx)(r.t,{size:`sm`,tone:`muted`,children:e.label}),o&&(0,s.jsx)(`div`,{className:`detail-list-value`,children:o}),e.helperText&&(0,s.jsx)(r.t,{size:`sm`,tone:`muted`,children:e.helperText})]}),e.status&&(0,s.jsx)(`div`,{className:`detail-list-status`,children:e.status})]})},t)})}):l?(0,s.jsx)(`div`,{className:t.t(`detail-list`,u),children:l}):null}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=MDetailList-CpwrF22b.cjs.map