@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/MButton-BIWj6T2J.js

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

package/dist/MButton-BIWj6T2J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButton-BIWj6T2J.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 {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        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\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            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            {...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-DOtMjOTz.cjs

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

package/dist/MButton-DOtMjOTz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButton-DOtMjOTz.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 {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        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\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            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            {...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/MCalendarIcon-CgFKAojj.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`rect`,{x:`3.5`,y:`5`,width:`17`,height:`15.5`,rx:`3`}),(0,n.jsx)(`path`,{d:`M7.5 3.5v3`}),(0,n.jsx)(`path`,{d:`M16.5 3.5v3`}),(0,n.jsx)(`path`,{d:`M3.5 9.5h17`}),(0,n.jsx)(`path`,{d:`M8 13h.01`}),(0,n.jsx)(`path`,{d:`M12 13h.01`}),(0,n.jsx)(`path`,{d:`M16 13h.01`})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MCalendarIcon-CgFKAojj.cjs.map

package/dist/MCalendarIcon-CgFKAojj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCalendarIcon-CgFKAojj.cjs","names":[],"sources":["../src/icons/glyphs/MCalendarIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MCalendarIcon = forwardRef<SVGSVGElement, MIconProps>(function MCalendarIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"3\" />\n            <path d=\"M7.5 3.5v3\" />\n            <path d=\"M16.5 3.5v3\" />\n            <path d=\"M3.5 9.5h17\" />\n            <path d=\"M8 13h.01\" />\n            <path d=\"M12 13h.01\" />\n            <path d=\"M16 13h.01\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAsD,SAAuB,EAAO,EAAK,CAClG,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,OAAO,GAAG,IAAM,CAAA,EACtD,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,EACvB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,cAAgB,CAAA,EACxB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,cAAgB,CAAA,EACxB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,EACtB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,EACvB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,CACnB,IAEd"}

package/dist/MCalendarIcon-Csj_JV9i.js

@@ -0,0 +1,29 @@
+import { t as e } from "./MIcon-BPr09_p4.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/glyphs/MCalendarIcon.tsx
+var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [
+			/* @__PURE__ */ n("rect", {
+				x: "3.5",
+				y: "5",
+				width: "17",
+				height: "15.5",
+				rx: "3"
+			}),
+			/* @__PURE__ */ n("path", { d: "M7.5 3.5v3" }),
+			/* @__PURE__ */ n("path", { d: "M16.5 3.5v3" }),
+			/* @__PURE__ */ n("path", { d: "M3.5 9.5h17" }),
+			/* @__PURE__ */ n("path", { d: "M8 13h.01" }),
+			/* @__PURE__ */ n("path", { d: "M12 13h.01" }),
+			/* @__PURE__ */ n("path", { d: "M16 13h.01" })
+		]
+	});
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MCalendarIcon-Csj_JV9i.js.map

package/dist/MCalendarIcon-Csj_JV9i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCalendarIcon-Csj_JV9i.js","names":[],"sources":["../src/icons/glyphs/MCalendarIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MCalendarIcon = forwardRef<SVGSVGElement, MIconProps>(function MCalendarIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"3\" />\n            <path d=\"M7.5 3.5v3\" />\n            <path d=\"M16.5 3.5v3\" />\n            <path d=\"M3.5 9.5h17\" />\n            <path d=\"M8 13h.01\" />\n            <path d=\"M12 13h.01\" />\n            <path d=\"M16 13h.01\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAgB,EAAsC,SAAuB,GAAO,GAAK;AAClG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD;IAAM,GAAE;IAAM,GAAE;IAAI,OAAM;IAAK,QAAO;IAAO,IAAG;IAAM,CAAA;GACtD,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACvB,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;GACtB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACvB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACnB;;EAEd"}

package/dist/MCard-BBBA2UVf.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CpRt8Xjj.cjs`),t=require(`./useInteractionEffect-BaJeiUns.cjs`),n=require(`./MDropdownMenu-DOxSG00i.cjs`),r=require(`./MSkeleton-7YJwDcvl.cjs`);let i=require(`react/jsx-runtime`);function a({interactive:a=!1,stretch:o=!0,tone:s=`raised`,padded:c=!1,color:l,clickEffect:u,rippleColor:d,skeleton:f=!1,spacing:p,mt:m,mb:h,ml:g,mr:_,mx:v,my:y,className:b,children:x,onPointerDown:S,...C}){let{effectClassName:w,effectLayer:T,handlePointerDown:E}=t.t({effect:u??(a?`ripple`:`none`),disabled:!a||f,color:d});return(0,i.jsxs)(n.a,{tone:s,padded:c,spacing:p,mt:m,mb:h,ml:g,mr:_,mx:v,my:y,className:e.t(`card`,!o&&`no-stretch`,l&&`color-${l}`,a&&!f&&`interactive`,f&&`skeleton`,w,b),onPointerDown:e=>{E(e),S?.(e)},...C,children:[T,f?(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`})]}):x]})}function o({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`header`,t),...r,children:n})}function s({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`body`,t),...r,children:n})}function c({className:t,children:n,...r}){return(0,i.jsx)(`div`,{className:e.t(`footer`,t),...r,children:n})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MCard-BBBA2UVf.cjs.map

package/dist/MCard-BBBA2UVf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard-BBBA2UVf.cjs","names":[],"sources":["../src/components/cards/MCard/MCard.tsx"],"sourcesContent":["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 './MCard.css'\n\n// Compose elevated content blocks that can optionally behave like an interactive surface.\nexport function MCard({\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 {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect ?? (interactive ? 'ripple' : 'none'),\n        disabled: !interactive || skeleton,\n        color: rippleColor,\n    })\n\n    return (\n        <MSurface\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                interactive && !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":"yMAQA,SAAgB,EAAM,CAClB,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,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAqC,CAC3F,OAAQ,IAAgB,EAAc,SAAW,QACjD,SAAU,CAAC,GAAe,EAC1B,MAAO,EACV,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACU,OACE,SACC,UACL,KACA,KACA,KACA,KACA,KACA,KACJ,UAAW,EAAA,EACP,OACA,CAAC,GAAW,aACZ,GAAS,SAAS,IAClB,GAAe,CAAC,GAAY,cAC5B,GAAY,WACZ,EACA,EACH,CACD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,WAvBR,CAyBK,EACA,GACG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iCAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,QAAQ,YAAY,OAAO,OAAS,CAAA,EAC/C,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,QAAQ,OAAO,MAAO,EAAG,UAAU,sBAAwB,CAAA,CACpE,GAEN,EAEG,GAKnB,SAAgB,EAAY,CAAC,YAAW,WAAU,GAAG,GAA0B,CAC3E,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,EAAU,CAAE,GAAI,EACxC,WACC,CAAA,CAKd,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAA0B,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACtC,WACC,CAAA,CAKd,SAAgB,EAAY,CAAC,YAAW,WAAU,GAAG,GAA0B,CAC3E,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,EAAU,CAAE,GAAI,EACxC,WACC,CAAA"}

package/dist/MCard-ViJ2Lf73.js

@@ -0,0 +1,65 @@
+import { t as e } from "./cn-B_veu23e.js";
+import { t } from "./useInteractionEffect-B5_UpgTt.js";
+import { a as n } from "./MDropdownMenu-BcRbNfoR.js";
+import { t as r } from "./MSkeleton-QQ57uNaL.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/cards/MCard/MCard.tsx
+function o({ interactive: o = !1, stretch: s = !0, tone: c = "raised", padded: l = !1, color: u, clickEffect: d, rippleColor: f, skeleton: p = !1, spacing: m, mt: h, mb: g, ml: _, mr: v, mx: y, my: b, className: x, children: S, onPointerDown: C, ...w }) {
+	let { effectClassName: T, effectLayer: E, handlePointerDown: D } = t({
+		effect: d ?? (o ? "ripple" : "none"),
+		disabled: !o || p,
+		color: f
+	});
+	return /* @__PURE__ */ a(n, {
+		tone: c,
+		padded: l,
+		spacing: m,
+		mt: h,
+		mb: g,
+		ml: _,
+		mr: v,
+		mx: y,
+		my: b,
+		className: e("card", !s && "no-stretch", u && `color-${u}`, o && !p && "interactive", p && "skeleton", T, x),
+		onPointerDown: (e) => {
+			D(e), C?.(e);
+		},
+		...w,
+		children: [E, p ? /* @__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"
+			})]
+		}) : S]
+	});
+}
+function s({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("header", t),
+		...r,
+		children: n
+	});
+}
+function c({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("body", t),
+		...r,
+		children: n
+	});
+}
+function l({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("footer", t),
+		...r,
+		children: n
+	});
+}
+//#endregion
+export { s as i, c as n, l as r, o as t };
+
+//# sourceMappingURL=MCard-ViJ2Lf73.js.map

package/dist/MCard-ViJ2Lf73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard-ViJ2Lf73.js","names":[],"sources":["../src/components/cards/MCard/MCard.tsx"],"sourcesContent":["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 './MCard.css'\n\n// Compose elevated content blocks that can optionally behave like an interactive surface.\nexport function MCard({\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 {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect ?? (interactive ? 'ripple' : 'none'),\n        disabled: !interactive || skeleton,\n        color: rippleColor,\n    })\n\n    return (\n        <MSurface\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                interactive && !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":";;;;;;AAQA,SAAgB,EAAM,EAClB,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,EAAC,oBAAiB,gBAAa,yBAAqB,EAAqC;EAC3F,QAAQ,MAAgB,IAAc,WAAW;EACjD,UAAU,CAAC,KAAe;EAC1B,OAAO;EACV,CAAC;AAEF,QACI,kBAAC,GAAD;EACU;EACE;EACC;EACL;EACA;EACA;EACA;EACA;EACA;EACJ,WAAW,EACP,QACA,CAAC,KAAW,cACZ,KAAS,SAAS,KAClB,KAAe,CAAC,KAAY,eAC5B,KAAY,YACZ,GACA,EACH;EACD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI;YAvBR,CAyBK,GACA,IACG,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IAAW,SAAQ;IAAY,QAAO;IAAS,CAAA,EAC/C,kBAAC,GAAD;IAAW,SAAQ;IAAO,OAAO;IAAG,WAAU;IAAwB,CAAA,CACpE;OAEN,EAEG;;;AAKnB,SAAgB,EAAY,EAAC,cAAW,aAAU,GAAG,KAA0B;AAC3E,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;EAAE,GAAI;EACxC;EACC,CAAA;;AAKd,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAA0B;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACtC;EACC,CAAA;;AAKd,SAAgB,EAAY,EAAC,cAAW,aAAU,GAAG,KAA0B;AAC3E,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;EAAE,GAAI;EACxC;EACC,CAAA"}

package/dist/MCheckbox-DhDggBnO.js

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

package/dist/MCheckbox-DhDggBnO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCheckbox-DhDggBnO.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-Vbr4IhEn.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CpRt8Xjj.cjs`),t=require(`./useInteractionEffect-BaJeiUns.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-Vbr4IhEn.cjs.map

package/dist/MCheckbox-Vbr4IhEn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCheckbox-Vbr4IhEn.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":"4IAQA,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/MChevronDownIcon-CE25HFYo.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsx)(e.t,{ref:r,...t,children:(0,n.jsx)(`path`,{d:`M6.5 9.5L12 15l5.5-5.5`})})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MChevronDownIcon-CE25HFYo.cjs.map

package/dist/MChevronDownIcon-CE25HFYo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MChevronDownIcon-CE25HFYo.cjs","names":[],"sources":["../src/icons/glyphs/MChevronDownIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MChevronDownIcon = forwardRef<SVGSVGElement, MIconProps>(function MChevronDownIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M6.5 9.5L12 15l5.5-5.5\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAyD,SAA0B,EAAO,EAAK,CACxG,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yBAA2B,CAAA,CAC/B,CAAA,EAEd"}

package/dist/MChevronDownIcon-CPXk51nE.js

@@ -0,0 +1,15 @@
+import { t as e } from "./MIcon-BPr09_p4.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/icons/glyphs/MChevronDownIcon.tsx
+var r = t(function(t, r) {
+	return /* @__PURE__ */ n(e, {
+		ref: r,
+		...t,
+		children: /* @__PURE__ */ n("path", { d: "M6.5 9.5L12 15l5.5-5.5" })
+	});
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=MChevronDownIcon-CPXk51nE.js.map

package/dist/MChevronDownIcon-CPXk51nE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MChevronDownIcon-CPXk51nE.js","names":[],"sources":["../src/icons/glyphs/MChevronDownIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MChevronDownIcon = forwardRef<SVGSVGElement, MIconProps>(function MChevronDownIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M6.5 9.5L12 15l5.5-5.5\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAmB,EAAsC,SAA0B,GAAO,GAAK;AACxG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;EAC/B,CAAA;EAEd"}

package/dist/MChevronRightIcon-BozfuNpv.js

@@ -0,0 +1,21 @@
+import { t as e } from "./MIcon-BPr09_p4.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/icons/glyphs/MChevronLeftIcon.tsx
+var r = t(function(t, r) {
+	return /* @__PURE__ */ n(e, {
+		ref: r,
+		...t,
+		children: /* @__PURE__ */ n("path", { d: "M14.5 6.5L9 12l5.5 5.5" })
+	});
+}), i = t(function(t, r) {
+	return /* @__PURE__ */ n(e, {
+		ref: r,
+		...t,
+		children: /* @__PURE__ */ n("path", { d: "M9.5 6.5L15 12l-5.5 5.5" })
+	});
+});
+//#endregion
+export { r as n, i as t };
+
+//# sourceMappingURL=MChevronRightIcon-BozfuNpv.js.map

package/dist/MChevronRightIcon-BozfuNpv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MChevronRightIcon-BozfuNpv.js","names":[],"sources":["../src/icons/glyphs/MChevronLeftIcon.tsx","../src/icons/glyphs/MChevronRightIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MChevronLeftIcon = forwardRef<SVGSVGElement, MIconProps>(function MChevronLeftIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M14.5 6.5L9 12l5.5 5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MChevronRightIcon = forwardRef<SVGSVGElement, MIconProps>(function MChevronRightIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M9.5 6.5L15 12l-5.5 5.5\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAmB,EAAsC,SAA0B,GAAO,GAAK;AACxG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;EAC/B,CAAA;EAEd,ECNW,IAAoB,EAAsC,SAA2B,GAAO,GAAK;AAC1G,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD,EAAM,GAAE,2BAA4B,CAAA;EAChC,CAAA;EAEd"}

package/dist/MChevronRightIcon-QbfE-b7g.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsx)(e.t,{ref:r,...t,children:(0,n.jsx)(`path`,{d:`M14.5 6.5L9 12l5.5 5.5`})})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsx)(e.t,{ref:r,...t,children:(0,n.jsx)(`path`,{d:`M9.5 6.5L15 12l-5.5 5.5`})})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MChevronRightIcon-QbfE-b7g.cjs.map

package/dist/MChevronRightIcon-QbfE-b7g.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MChevronRightIcon-QbfE-b7g.cjs","names":[],"sources":["../src/icons/glyphs/MChevronLeftIcon.tsx","../src/icons/glyphs/MChevronRightIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MChevronLeftIcon = forwardRef<SVGSVGElement, MIconProps>(function MChevronLeftIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M14.5 6.5L9 12l5.5 5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MChevronRightIcon = forwardRef<SVGSVGElement, MIconProps>(function MChevronRightIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M9.5 6.5L15 12l-5.5 5.5\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAyD,SAA0B,EAAO,EAAK,CACxG,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yBAA2B,CAAA,CAC/B,CAAA,EAEd,CCNW,GAAA,EAAA,EAAA,YAA0D,SAA2B,EAAO,EAAK,CAC1G,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,0BAA4B,CAAA,CAChC,CAAA,EAEd"}

package/dist/MClockIcon-2NNldTuA.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M12 7.5v5l3.5 2`})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MClockIcon-2NNldTuA.cjs.map

package/dist/MClockIcon-2NNldTuA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MClockIcon-2NNldTuA.cjs","names":[],"sources":["../src/icons/glyphs/MClockIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MClockIcon = forwardRef<SVGSVGElement, MIconProps>(function MClockIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M12 7.5v5l3.5 2\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAAoB,EAAO,EAAK,CAC5F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,IAEd"}

package/dist/MClockIcon-D4K6fmV9.js

@@ -0,0 +1,19 @@
+import { t as e } from "./MIcon-BPr09_p4.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/glyphs/MClockIcon.tsx
+var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [/* @__PURE__ */ n("circle", {
+			cx: "12",
+			cy: "12",
+			r: "8.5"
+		}), /* @__PURE__ */ n("path", { d: "M12 7.5v5l3.5 2" })]
+	});
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MClockIcon-D4K6fmV9.js.map

package/dist/MClockIcon-D4K6fmV9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MClockIcon-D4K6fmV9.js","names":[],"sources":["../src/icons/glyphs/MClockIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MClockIcon = forwardRef<SVGSVGElement, MIconProps>(function MClockIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M12 7.5v5l3.5 2\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAa,EAAsC,SAAoB,GAAO,GAAK;AAC5F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB,CACI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAQ,CAAA,EAClC,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA,CACxB;;EAEd"}

package/dist/MCloseIcon-BKH33Q51.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M6 6l12 12`}),(0,n.jsx)(`path`,{d:`M18 6L6 18`})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MCloseIcon-BKH33Q51.cjs.map

package/dist/MCloseIcon-BKH33Q51.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCloseIcon-BKH33Q51.cjs","names":[],"sources":["../src/icons/glyphs/MCloseIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MCloseIcon = forwardRef<SVGSVGElement, MIconProps>(function MCloseIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M6 6l12 12\" />\n            <path d=\"M18 6L6 18\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAAoB,EAAO,EAAK,CAC5F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,EACvB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,CACnB,IAEd"}

package/dist/MCloseIcon-BQv01JOS.js

@@ -0,0 +1,15 @@
+import { t as e } from "./MIcon-BPr09_p4.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/glyphs/MCloseIcon.tsx
+var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [/* @__PURE__ */ n("path", { d: "M6 6l12 12" }), /* @__PURE__ */ n("path", { d: "M18 6L6 18" })]
+	});
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MCloseIcon-BQv01JOS.js.map

package/dist/MCloseIcon-BQv01JOS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCloseIcon-BQv01JOS.js","names":[],"sources":["../src/icons/glyphs/MCloseIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MCloseIcon = forwardRef<SVGSVGElement, MIconProps>(function MCloseIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M6 6l12 12\" />\n            <path d=\"M18 6L6 18\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAa,EAAsC,SAAoB,GAAO,GAAK;AAC5F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB,CACI,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,EACvB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,CACnB;;EAEd"}