@banzamel/mineralui 1.0.2 → 1.0.4

package/dist/MSkeleton-BL4C5FkH.js

@@ -0,0 +1,98 @@
+import { t as e } from "./cn-DZLxql0l.js";
+import { t } from "./useInteractionEffect-Dfqq8lGO.js";
+import { t as n } from "./MSurface-DlcK6Bre.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/cards/MCard/MCard.tsx
+function a({ interactive: a = !1, stretch: o = !0, tone: s = "raised", padded: c = !1, color: l, 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 ?? (a ? "ripple" : "none"),
+		disabled: !a || p,
+		color: f
+	});
+	return /* @__PURE__ */ i(n, {
+		tone: s,
+		padded: c,
+		spacing: m,
+		mt: h,
+		mb: g,
+		ml: _,
+		mr: v,
+		mx: y,
+		my: b,
+		className: e("card", !o && "no-stretch", l && `color-${l}`, a && !p && "interactive", p && "skeleton", T, x),
+		onPointerDown: (e) => {
+			D(e), C?.(e);
+		},
+		...w,
+		children: [E, p ? /* @__PURE__ */ i("div", {
+			className: "card-skeleton-content",
+			children: [/* @__PURE__ */ r(u, {
+				variant: "rectangle",
+				height: "8rem"
+			}), /* @__PURE__ */ r(u, {
+				variant: "text",
+				lines: 3,
+				className: "card-skeleton-lines"
+			})]
+		}) : S]
+	});
+}
+function o({ className: t, children: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("header", t),
+		...i,
+		children: n
+	});
+}
+function s({ className: t, children: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("body", t),
+		...i,
+		children: n
+	});
+}
+function c({ className: t, children: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("footer", t),
+		...i,
+		children: n
+	});
+}
+//#endregion
+//#region src/components/feedback/MSkeleton/MSkeleton.tsx
+function l(e, t) {
+	return t <= 1 ? "100%" : e === t - 1 ? "68%" : e === t - 2 && t > 3 ? "88%" : "100%";
+}
+function u({ variant: t = "text", width: n, height: i, radius: a, lines: o = 3, gap: s, animate: c = !0, className: u, style: d, ...f }) {
+	let p = c === !1 ? "none" : c === !0 ? "shimmer" : c;
+	return t === "text" ? /* @__PURE__ */ r("div", {
+		className: e("skeleton-group", u),
+		style: {
+			width: n ?? void 0,
+			gap: s ?? void 0,
+			...d
+		},
+		...f,
+		children: Array.from({ length: o }, (t, n) => /* @__PURE__ */ r("div", {
+			className: e("skeleton", "text", p),
+			style: {
+				width: l(n, o),
+				height: i ?? void 0,
+				borderRadius: a ?? void 0
+			}
+		}, n))
+	}) : /* @__PURE__ */ r("div", {
+		className: e("skeleton", t, p, u),
+		style: {
+			width: n ?? void 0,
+			height: i ?? void 0,
+			borderRadius: a ?? void 0,
+			...d
+		},
+		...f
+	});
+}
+//#endregion
+export { o as a, c as i, a as n, s as r, u as t };
+
+//# sourceMappingURL=MSkeleton-BL4C5FkH.js.map

package/dist/MSkeleton-BL4C5FkH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSkeleton-BL4C5FkH.js","names":[],"sources":["../src/components/cards/MCard/MCard.tsx","../src/components/feedback/MSkeleton/MSkeleton.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","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            {...rest}\n        />\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;;;;AC7Fd,SAAS,EAAiB,GAAe,GAAe;AAapD,QAZI,KAAS,IACF,SAGP,MAAU,IAAQ,IACX,QAGP,MAAU,IAAQ,KAAK,IAAQ,IACxB,QAGJ;;AAIX,SAAgB,EAAU,EACtB,aAAU,QACV,UACA,WACA,WACA,WAAQ,GACR,QACA,aAAU,IACV,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAY,MAAY,KAAQ,SAAS,MAAY,KAAO,YAAY;AAwB9E,QAtBI,MAAY,SAER,kBAAC,OAAD;EACI,WAAW,EAAG,kBAAkB,EAAU;EAC1C,OAAO;GAAC,OAAO,KAAS,KAAA;GAAW,KAAK,KAAO,KAAA;GAAW,GAAG;GAAM;EACnE,GAAI;YAEH,MAAM,KAAK,EAAC,QAAQ,GAAM,GAAG,GAAG,MAC7B,kBAAC,OAAD;GAEI,WAAW,EAAG,YAAY,QAAQ,EAAU;GAC5C,OAAO;IACH,OAAO,EAAiB,GAAG,EAAM;IACjC,QAAQ,KAAU,KAAA;IAClB,cAAc,KAAU,KAAA;IAC3B;GACH,EAPO,EAOP,CACJ;EACA,CAAA,GAKV,kBAAC,OAAD;EACI,WAAW,EAAG,YAAY,GAAS,GAAW,EAAU;EACxD,OAAO;GACH,OAAO,KAAS,KAAA;GAChB,QAAQ,KAAU,KAAA;GAClB,cAAc,KAAU,KAAA;GACxB,GAAG;GACN;EACD,GAAI;EACN,CAAA"}

package/dist/{MSlider-KyOhqE6d.js → MSlider-D5ckYDop.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./cn-B_veu23e.js";
+import { t as e } from "./cn-DZLxql0l.js";
 import { useCallback as t, useRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/controls/MSlider/MSlider.tsx
@@ -72,4 +72,4 @@ function a({ min: a = 0, max: o = 100, step: s = 1, value: c, onChange: l, marks
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MSlider-KyOhqE6d.js.map
+//# sourceMappingURL=MSlider-D5ckYDop.js.map

package/dist/{MSlider-KyOhqE6d.js.map → MSlider-D5ckYDop.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSlider-KyOhqE6d.js","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAQ,EACpB,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,aACA,UACA,UACA,WAAQ,WACR,cAAW,IACX,cACA,GAAG,KACU;CACb,IAAM,IAAW,EAAuB,KAAK,EAEvC,KAAY,IAAQ,MAAQ,IAAM,KAAQ,KAE1C,IAAe,GAChB,MAAgB;EACb,IAAM,IAAU,KAAK,MAAM,IAAM,EAAK,GAAG;AACzC,SAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAQ,CAAC;IAEhD;EAAC;EAAK;EAAK;EAAK,CACnB,EAEK,IAAmB,GACpB,MAAoB;EACjB,IAAM,IAAQ,EAAS;AACvB,MAAI,CAAC,EAAO,QAAO;EACnB,IAAM,IAAO,EAAM,uBAAuB;AAE1C,SAAO,EAAa,KADL,IAAU,EAAK,QAAQ,EAAK,SACR,IAAM,GAAK;IAElD;EAAC;EAAK;EAAK;EAAO;EAAa,CAClC,EAEK,IAAoB,GACrB,MAA0B;AACvB,MAAI,EAAU;AACd,IAAE,gBAAgB;EAClB,IAAM,IAAS,EAAE;AAEjB,EADA,EAAO,kBAAkB,EAAE,UAAU,EACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC;EAErC,IAAM,KAAU,MAAqB;AACjC,KAAS,EAAiB,EAAG,QAAQ,CAAC;KAEpC,UAAa;AAEf,GADA,EAAO,oBAAoB,eAAe,EAAO,EACjD,EAAO,oBAAoB,aAAa,EAAK;;AAGjD,EADA,EAAO,iBAAiB,eAAe,EAAO,EAC9C,EAAO,iBAAiB,aAAa,EAAK;IAE9C;EAAC;EAAU;EAAU;EAAiB,CACzC;AAED,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,SAAS,KAAS,KAAY,YAAY,EAAU;EAAE,GAAI;YAAvF,CACK,KAAS,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,EAC9C,kBAAC,OAAD;GAAK,WAAU;GAAgB,KAAK;GAAU,eAAe;aAA7D,CACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,OAAD;KAAK,WAAU;KAAO,OAAO,EAAC,OAAO,GAAG,EAAQ,IAAG;KAAI,CAAA,EACvD,kBAAC,OAAD;KAAK,WAAU;KAAQ,OAAO,EAAC,MAAM,GAAG,EAAQ,IAAG;KAAI,CAAA,CACrD;OACL,KAAS,EAAM,SAAS,KACrB,kBAAC,OAAD;IAAK,WAAU;cACV,EAAM,KAAK,MAGJ,kBAAC,OAAD;KAAsB,WAAU;KAAO,OAAO,EAAC,MAAM,IAFnC,EAAK,QAAQ,MAAQ,IAAM,KAAQ,IAEe,IAAG;eAAvE,CACI,kBAAC,OAAD,EAAK,WAAU,QAAS,CAAA,EACvB,EAAK,SAAS,kBAAC,OAAD;MAAK,WAAU;gBAAS,EAAK;MAAY,CAAA,CACtD;OAHI,EAAK,MAGT,CAEZ;IACA,CAAA,CAER;KACJ"}
+{"version":3,"file":"MSlider-D5ckYDop.js","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAQ,EACpB,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,aACA,UACA,UACA,WAAQ,WACR,cAAW,IACX,cACA,GAAG,KACU;CACb,IAAM,IAAW,EAAuB,KAAK,EAEvC,KAAY,IAAQ,MAAQ,IAAM,KAAQ,KAE1C,IAAe,GAChB,MAAgB;EACb,IAAM,IAAU,KAAK,MAAM,IAAM,EAAK,GAAG;AACzC,SAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAQ,CAAC;IAEhD;EAAC;EAAK;EAAK;EAAK,CACnB,EAEK,IAAmB,GACpB,MAAoB;EACjB,IAAM,IAAQ,EAAS;AACvB,MAAI,CAAC,EAAO,QAAO;EACnB,IAAM,IAAO,EAAM,uBAAuB;AAE1C,SAAO,EAAa,KADL,IAAU,EAAK,QAAQ,EAAK,SACR,IAAM,GAAK;IAElD;EAAC;EAAK;EAAK;EAAO;EAAa,CAClC,EAEK,IAAoB,GACrB,MAA0B;AACvB,MAAI,EAAU;AACd,IAAE,gBAAgB;EAClB,IAAM,IAAS,EAAE;AAEjB,EADA,EAAO,kBAAkB,EAAE,UAAU,EACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC;EAErC,IAAM,KAAU,MAAqB;AACjC,KAAS,EAAiB,EAAG,QAAQ,CAAC;KAEpC,UAAa;AAEf,GADA,EAAO,oBAAoB,eAAe,EAAO,EACjD,EAAO,oBAAoB,aAAa,EAAK;;AAGjD,EADA,EAAO,iBAAiB,eAAe,EAAO,EAC9C,EAAO,iBAAiB,aAAa,EAAK;IAE9C;EAAC;EAAU;EAAU;EAAiB,CACzC;AAED,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,SAAS,KAAS,KAAY,YAAY,EAAU;EAAE,GAAI;YAAvF,CACK,KAAS,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,EAC9C,kBAAC,OAAD;GAAK,WAAU;GAAgB,KAAK;GAAU,eAAe;aAA7D,CACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,OAAD;KAAK,WAAU;KAAO,OAAO,EAAC,OAAO,GAAG,EAAQ,IAAG;KAAI,CAAA,EACvD,kBAAC,OAAD;KAAK,WAAU;KAAQ,OAAO,EAAC,MAAM,GAAG,EAAQ,IAAG;KAAI,CAAA,CACrD;OACL,KAAS,EAAM,SAAS,KACrB,kBAAC,OAAD;IAAK,WAAU;cACV,EAAM,KAAK,MAGJ,kBAAC,OAAD;KAAsB,WAAU;KAAO,OAAO,EAAC,MAAM,IAFnC,EAAK,QAAQ,MAAQ,IAAM,KAAQ,IAEe,IAAG;eAAvE,CACI,kBAAC,OAAD,EAAK,WAAU,QAAS,CAAA,EACvB,EAAK,SAAS,kBAAC,OAAD;MAAK,WAAU;gBAAS,EAAK;MAAY,CAAA,CACtD;OAHI,EAAK,MAGT,CAEZ;IACA,CAAA,CAER;KACJ"}

package/dist/{MSlider-VFCviEUW.cjs → MSlider-vD6Sla2p.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CpRt8Xjj.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({min:r=0,max:i=100,step:a=1,value:o,onChange:s,marks:c,label:l,color:u=`primary`,disabled:d=!1,className:f,...p}){let m=(0,t.useRef)(null),h=(o-r)/(i-r)*100,g=(0,t.useCallback)(e=>{let t=Math.round(e/a)*a;return Math.min(i,Math.max(r,t))},[r,i,a]),_=(0,t.useCallback)(e=>{let t=m.current;if(!t)return o;let n=t.getBoundingClientRect();return g(r+(e-n.left)/n.width*(i-r))},[r,i,o,g]),v=(0,t.useCallback)(e=>{if(d)return;e.preventDefault();let t=e.currentTarget;t.setPointerCapture(e.pointerId),s(_(e.clientX));let n=e=>{s(_(e.clientX))},r=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r)},[d,s,_]);return(0,n.jsxs)(`div`,{className:e.t(`slider`,`color-${u}`,d&&`disabled`,f),...p,children:[l&&(0,n.jsx)(`div`,{className:`label`,children:l}),(0,n.jsxs)(`div`,{className:`track-wrapper`,ref:m,onPointerDown:v,children:[(0,n.jsxs)(`div`,{className:`track`,children:[(0,n.jsx)(`div`,{className:`fill`,style:{width:`${h}%`}}),(0,n.jsx)(`div`,{className:`thumb`,style:{left:`${h}%`}})]}),c&&c.length>0&&(0,n.jsx)(`div`,{className:`marks`,children:c.map(e=>(0,n.jsxs)(`div`,{className:`mark`,style:{left:`${(e.value-r)/(i-r)*100}%`},children:[(0,n.jsx)(`div`,{className:`tick`}),e.label&&(0,n.jsx)(`div`,{className:`label`,children:e.label})]},e.value))})]})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=MSlider-VFCviEUW.cjs.map
+const e=require(`./cn-SOcVdnX6.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({min:r=0,max:i=100,step:a=1,value:o,onChange:s,marks:c,label:l,color:u=`primary`,disabled:d=!1,className:f,...p}){let m=(0,t.useRef)(null),h=(o-r)/(i-r)*100,g=(0,t.useCallback)(e=>{let t=Math.round(e/a)*a;return Math.min(i,Math.max(r,t))},[r,i,a]),_=(0,t.useCallback)(e=>{let t=m.current;if(!t)return o;let n=t.getBoundingClientRect();return g(r+(e-n.left)/n.width*(i-r))},[r,i,o,g]),v=(0,t.useCallback)(e=>{if(d)return;e.preventDefault();let t=e.currentTarget;t.setPointerCapture(e.pointerId),s(_(e.clientX));let n=e=>{s(_(e.clientX))},r=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r)},[d,s,_]);return(0,n.jsxs)(`div`,{className:e.t(`slider`,`color-${u}`,d&&`disabled`,f),...p,children:[l&&(0,n.jsx)(`div`,{className:`label`,children:l}),(0,n.jsxs)(`div`,{className:`track-wrapper`,ref:m,onPointerDown:v,children:[(0,n.jsxs)(`div`,{className:`track`,children:[(0,n.jsx)(`div`,{className:`fill`,style:{width:`${h}%`}}),(0,n.jsx)(`div`,{className:`thumb`,style:{left:`${h}%`}})]}),c&&c.length>0&&(0,n.jsx)(`div`,{className:`marks`,children:c.map(e=>(0,n.jsxs)(`div`,{className:`mark`,style:{left:`${(e.value-r)/(i-r)*100}%`},children:[(0,n.jsx)(`div`,{className:`tick`}),e.label&&(0,n.jsx)(`div`,{className:`label`,children:e.label})]},e.value))})]})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MSlider-vD6Sla2p.cjs.map

package/dist/{MSlider-VFCviEUW.cjs.map → MSlider-vD6Sla2p.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSlider-VFCviEUW.cjs","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":"2FAMA,SAAgB,EAAQ,CACpB,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,WACA,QACA,QACA,QAAQ,UACR,WAAW,GACX,YACA,GAAG,GACU,CACb,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAY,EAAQ,IAAQ,EAAM,GAAQ,IAE1C,GAAA,EAAA,EAAA,aACD,GAAgB,CACb,IAAM,EAAU,KAAK,MAAM,EAAM,EAAK,CAAG,EACzC,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,EAAQ,CAAC,EAEhD,CAAC,EAAK,EAAK,EAAK,CACnB,CAEK,GAAA,EAAA,EAAA,aACD,GAAoB,CACjB,IAAM,EAAQ,EAAS,QACvB,GAAI,CAAC,EAAO,OAAO,EACnB,IAAM,EAAO,EAAM,uBAAuB,CAE1C,OAAO,EAAa,GADL,EAAU,EAAK,MAAQ,EAAK,OACR,EAAM,GAAK,EAElD,CAAC,EAAK,EAAK,EAAO,EAAa,CAClC,CAEK,GAAA,EAAA,EAAA,aACD,GAA0B,CACvB,GAAI,EAAU,OACd,EAAE,gBAAgB,CAClB,IAAM,EAAS,EAAE,cACjB,EAAO,kBAAkB,EAAE,UAAU,CACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC,CAErC,IAAM,EAAU,GAAqB,CACjC,EAAS,EAAiB,EAAG,QAAQ,CAAC,EAEpC,MAAa,CACf,EAAO,oBAAoB,cAAe,EAAO,CACjD,EAAO,oBAAoB,YAAa,EAAK,EAEjD,EAAO,iBAAiB,cAAe,EAAO,CAC9C,EAAO,iBAAiB,YAAa,EAAK,EAE9C,CAAC,EAAU,EAAU,EAAiB,CACzC,CAED,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,SAAS,IAAS,GAAY,WAAY,EAAU,CAAE,GAAI,WAAvF,CACK,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAY,CAAA,EAC9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAU,cAAe,WAA7D,EACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iBAAf,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAO,MAAO,CAAC,MAAO,GAAG,EAAQ,GAAG,CAAI,CAAA,EACvD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,QAAQ,MAAO,CAAC,KAAM,GAAG,EAAQ,GAAG,CAAI,CAAA,CACrD,GACL,GAAS,EAAM,OAAS,IACrB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACV,EAAM,IAAK,IAGJ,EAAA,EAAA,MAAC,MAAD,CAAsB,UAAU,OAAO,MAAO,CAAC,KAAM,IAFnC,EAAK,MAAQ,IAAQ,EAAM,GAAQ,IAEe,GAAG,UAAvE,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAS,CAAA,CACvB,EAAK,QAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAK,MAAY,CAAA,CACtD,EAHI,EAAK,MAGT,CAEZ,CACA,CAAA,CAER,GACJ"}
+{"version":3,"file":"MSlider-vD6Sla2p.cjs","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":"2FAMA,SAAgB,EAAQ,CACpB,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,WACA,QACA,QACA,QAAQ,UACR,WAAW,GACX,YACA,GAAG,GACU,CACb,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAY,EAAQ,IAAQ,EAAM,GAAQ,IAE1C,GAAA,EAAA,EAAA,aACD,GAAgB,CACb,IAAM,EAAU,KAAK,MAAM,EAAM,EAAK,CAAG,EACzC,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,EAAQ,CAAC,EAEhD,CAAC,EAAK,EAAK,EAAK,CACnB,CAEK,GAAA,EAAA,EAAA,aACD,GAAoB,CACjB,IAAM,EAAQ,EAAS,QACvB,GAAI,CAAC,EAAO,OAAO,EACnB,IAAM,EAAO,EAAM,uBAAuB,CAE1C,OAAO,EAAa,GADL,EAAU,EAAK,MAAQ,EAAK,OACR,EAAM,GAAK,EAElD,CAAC,EAAK,EAAK,EAAO,EAAa,CAClC,CAEK,GAAA,EAAA,EAAA,aACD,GAA0B,CACvB,GAAI,EAAU,OACd,EAAE,gBAAgB,CAClB,IAAM,EAAS,EAAE,cACjB,EAAO,kBAAkB,EAAE,UAAU,CACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC,CAErC,IAAM,EAAU,GAAqB,CACjC,EAAS,EAAiB,EAAG,QAAQ,CAAC,EAEpC,MAAa,CACf,EAAO,oBAAoB,cAAe,EAAO,CACjD,EAAO,oBAAoB,YAAa,EAAK,EAEjD,EAAO,iBAAiB,cAAe,EAAO,CAC9C,EAAO,iBAAiB,YAAa,EAAK,EAE9C,CAAC,EAAU,EAAU,EAAiB,CACzC,CAED,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,SAAS,IAAS,GAAY,WAAY,EAAU,CAAE,GAAI,WAAvF,CACK,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAY,CAAA,EAC9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAU,cAAe,WAA7D,EACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iBAAf,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAO,MAAO,CAAC,MAAO,GAAG,EAAQ,GAAG,CAAI,CAAA,EACvD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,QAAQ,MAAO,CAAC,KAAM,GAAG,EAAQ,GAAG,CAAI,CAAA,CACrD,GACL,GAAS,EAAM,OAAS,IACrB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACV,EAAM,IAAK,IAGJ,EAAA,EAAA,MAAC,MAAD,CAAsB,UAAU,OAAO,MAAO,CAAC,KAAM,IAFnC,EAAK,MAAQ,IAAQ,EAAM,GAAQ,IAEe,GAAG,UAAvE,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAS,CAAA,CACvB,EAAK,QAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAK,MAAY,CAAA,CACtD,EAHI,EAAK,MAGT,CAEZ,CACA,CAAA,CAER,GACJ"}

package/dist/MSparkline-DjcDtnZH.js

@@ -0,0 +1,207 @@
+import { t as e } from "./cn-DZLxql0l.js";
+import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/data/MChart/utils/scales.ts
+function c(e, t) {
+	let [n, r] = e, [i, a] = t, o = r - n || 1;
+	return (e) => i + (e - n) / o * (a - i);
+}
+function l(e) {
+	if (e >= 0) return 0;
+	let t = d(e, 0);
+	return Math.floor(e / t) * t;
+}
+function u(e, t = 0) {
+	let n = d(t, e);
+	return Math.ceil(e / n) * n;
+}
+function d(e, t, n = 5) {
+	let r = (t - e || 1) / n, i = 10 ** Math.floor(Math.log10(r)), a = r / i, o;
+	return o = a <= 1 ? 1 : a <= 2 ? 2 : a <= 5 ? 5 : 10, o * i;
+}
+function f(e, t, n = 5) {
+	let r = d(e, t, n), i = Math.floor(e / r) * r, a = Math.ceil(t / r) * r, o = [];
+	for (let e = i; e <= a + r * .01; e += r) o.push(Math.round(e * 1e10) / 1e10);
+	return o;
+}
+function p(e) {
+	let t = Infinity, n = -Infinity;
+	for (let r of e) for (let e of r) e < t && (t = e), e > n && (n = e);
+	return t === Infinity ? [0, 1] : t === n ? [t - 1, n + 1] : [t, n];
+}
+function m(e) {
+	if (e.length === 0) return [0, 1];
+	let t = Math.max(...e.map((e) => e.length)), n = -Infinity;
+	for (let r = 0; r < t; r++) {
+		let t = 0;
+		for (let n of e) t += n[r] ?? 0;
+		t > n && (n = t);
+	}
+	return [0, n === 0 ? 1 : n];
+}
+//#endregion
+//#region src/components/data/MChart/utils/paths.ts
+function h(e) {
+	return e.length === 0 ? "" : e.map((e, t) => `${t === 0 ? "M" : "L"}${e.x},${e.y}`).join(" ");
+}
+function g(e) {
+	if (e.length === 0) return "";
+	if (e.length === 1) return `M${e[0].x},${e[0].y}`;
+	if (e.length === 2) return h(e);
+	let t = `M${e[0].x},${e[0].y}`;
+	for (let n = 0; n < e.length - 1; n++) {
+		let r = e[Math.max(n - 1, 0)], i = e[n], a = e[n + 1], o = e[Math.min(n + 2, e.length - 1)], s = i.x + (a.x - r.x) / 6, c = i.y + (a.y - r.y) / 6, l = a.x - (o.x - i.x) / 6, u = a.y - (o.y - i.y) / 6;
+		t += ` C${s},${c} ${l},${u} ${a.x},${a.y}`;
+	}
+	return t;
+}
+function _(e, t, n) {
+	if (e.length === 0) return "";
+	let r = n ? g(e) : h(e), i = e[e.length - 1], a = e[0];
+	return `${r} L${i.x},${t} L${a.x},${t} Z`;
+}
+function v(e, t, n) {
+	if (e.length === 0) return "";
+	let r = n ? g(e) : h(e), i = [...t].reverse();
+	return `${r} ${n ? g(i).replace(/^M/, "L") : i.map((e) => `L${e.x},${e.y}`).join(" ")} Z`;
+}
+function y(e, t, n, r, i) {
+	let a = i - r;
+	if (a >= Math.PI * 2 - .001) {
+		let i = r + Math.PI;
+		return [
+			`M${e + n * Math.cos(r)},${t + n * Math.sin(r)}`,
+			`A${n},${n} 0 1 1 ${e + n * Math.cos(i)},${t + n * Math.sin(i)}`,
+			`A${n},${n} 0 1 1 ${e + n * Math.cos(r)},${t + n * Math.sin(r)}`
+		].join(" ");
+	}
+	let o = +(a > Math.PI);
+	return `M${e + n * Math.cos(r)},${t + n * Math.sin(r)} A${n},${n} 0 ${o} 1 ${e + n * Math.cos(i)},${t + n * Math.sin(i)}`;
+}
+function b(e, t, n, r, i, a) {
+	let o = a - i;
+	if (r <= 0) {
+		if (o >= Math.PI * 2 - .001) return y(e, t, n, i, a) + " Z";
+		let r = e + n * Math.cos(i), s = t + n * Math.sin(i), c = e + n * Math.cos(a), l = t + n * Math.sin(a);
+		return `M${e},${t} L${r},${s} A${n},${n} 0 ${+(o > Math.PI)} 1 ${c},${l} Z`;
+	}
+	let s = e + n * Math.cos(i), c = t + n * Math.sin(i), l = e + n * Math.cos(a), u = t + n * Math.sin(a), d = e + r * Math.cos(a), f = t + r * Math.sin(a), p = e + r * Math.cos(i), m = t + r * Math.sin(i);
+	if (o >= Math.PI * 2 - .001) {
+		let a = i + Math.PI, o = e + n * Math.cos(a), l = t + n * Math.sin(a), u = e + r * Math.cos(a), d = t + r * Math.sin(a);
+		return [
+			`M${s},${c}`,
+			`A${n},${n} 0 1 1 ${o},${l}`,
+			`A${n},${n} 0 1 1 ${s},${c}`,
+			`M${p},${m}`,
+			`A${r},${r} 0 1 0 ${u},${d}`,
+			`A${r},${r} 0 1 0 ${p},${m}`,
+			"Z"
+		].join(" ");
+	}
+	let h = +(o > Math.PI);
+	return [
+		`M${s},${c}`,
+		`A${n},${n} 0 ${h} 1 ${l},${u}`,
+		`L${d},${f}`,
+		`A${r},${r} 0 ${h} 0 ${p},${m}`,
+		"Z"
+	].join(" ");
+}
+//#endregion
+//#region src/components/data/MSparkline/MSparkline.tsx
+var x = 2;
+function S({ data: l, type: u = "line", color: d = "primary", width: f = "100%", height: p = 40, padding: m = x, curved: v = !0, animated: y = !0, showMinMax: b = !1, fillOpacity: S = .15, className: C, style: w, ...T }) {
+	let E = r(null), [D, O] = i(!y), k = Math.max(0, m);
+	t(() => {
+		if (y) {
+			let e = requestAnimationFrame(() => O(!0));
+			return () => cancelAnimationFrame(e);
+		}
+	}, [y]);
+	let { points: A, minIdx: j, maxIdx: M, svgWidth: N, svgHeight: P, barWidth: F } = n(() => {
+		let e = l.length;
+		if (e === 0) return {
+			points: [],
+			minIdx: 0,
+			maxIdx: 0,
+			svgWidth: 100,
+			svgHeight: p,
+			barWidth: 0
+		};
+		let t = p, n = Infinity, r = -Infinity, i = 0, a = 0;
+		for (let t = 0; t < e; t++) l[t] < n && (n = l[t], i = t), l[t] > r && (r = l[t], a = t);
+		n === r && (--n, r += 1);
+		let o = c([0, Math.max(e - 1, 1)], [k, 98 - k]), s = c([n, r], [t - k, k]), u = l.map((e, t) => ({
+			x: o(t),
+			y: s(e)
+		})), d = e > 1 ? (98 - k * 2) / e : 98 - k * 2;
+		return {
+			points: u,
+			minIdx: i,
+			maxIdx: a,
+			svgWidth: 98,
+			svgHeight: t,
+			barWidth: d
+		};
+	}, [
+		l,
+		p,
+		k
+	]);
+	if (l.length === 0) return null;
+	let I = u === "bar" ? "" : v ? g(A) : h(A), L = u === "area" ? _(A, P - k, v) : "";
+	return /* @__PURE__ */ o("div", {
+		className: e("sparkline", d, C),
+		style: {
+			width: f,
+			height: p,
+			...w
+		},
+		...T,
+		children: /* @__PURE__ */ s("svg", {
+			ref: E,
+			viewBox: `0 0 ${N} ${P}`,
+			preserveAspectRatio: "none",
+			className: e("sparkline-svg", D && "mounted"),
+			children: [
+				u === "area" && /* @__PURE__ */ o("path", {
+					className: "sparkline-area",
+					d: L,
+					style: { opacity: S }
+				}),
+				u === "bar" ? /* @__PURE__ */ o("g", {
+					className: "sparkline-bars",
+					children: A.map((e, t) => {
+						let n = P - k - e.y;
+						return /* @__PURE__ */ o("rect", {
+							className: "sparkline-bar",
+							x: e.x - F * .4,
+							y: e.y,
+							width: F * .8,
+							height: Math.max(n, .5),
+							rx: 1
+						}, t);
+					})
+				}) : /* @__PURE__ */ o("path", {
+					className: "sparkline-line",
+					d: I
+				}),
+				b && u !== "bar" && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
+					className: "sparkline-dot sparkline-dot-min",
+					cx: A[j].x,
+					cy: A[j].y,
+					r: 2.5
+				}), /* @__PURE__ */ o("circle", {
+					className: "sparkline-dot sparkline-dot-max",
+					cx: A[M].x,
+					cy: A[M].y,
+					r: 2.5
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { b as a, f as c, u as d, l as f, h as i, p as l, _ as n, v as o, g as r, c as s, S as t, m as u };
+
+//# sourceMappingURL=MSparkline-DjcDtnZH.js.map

package/dist/MSparkline-DjcDtnZH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSparkline-DjcDtnZH.js","names":[],"sources":["../src/components/data/MChart/utils/scales.ts","../src/components/data/MChart/utils/paths.ts","../src/components/data/MSparkline/MSparkline.tsx"],"sourcesContent":["export function createLinearScale(\n    domain: [number, number],\n    range: [number, number]\n): (value: number) => number {\n    const [d0, d1] = domain\n    const [r0, r1] = range\n    const span = d1 - d0 || 1\n\n    return (value: number) => r0 + ((value - d0) / span) * (r1 - r0)\n}\n\nexport function niceMin(min: number): number {\n    if (min >= 0) return 0\n    const step = niceStep(min, 0)\n    return Math.floor(min / step) * step\n}\n\nexport function niceMax(max: number, min: number = 0): number {\n    const step = niceStep(min, max)\n    return Math.ceil(max / step) * step\n}\n\nexport function niceStep(min: number, max: number, ticks = 5): number {\n    const range = max - min || 1\n    const rough = range / ticks\n    const pow = Math.pow(10, Math.floor(Math.log10(rough)))\n    const normalized = rough / pow\n\n    let nice: number\n    if (normalized <= 1) nice = 1\n    else if (normalized <= 2) nice = 2\n    else if (normalized <= 5) nice = 5\n    else nice = 10\n\n    return nice * pow\n}\n\nexport function generateTicks(min: number, max: number, count = 5): number[] {\n    const step = niceStep(min, max, count)\n    const start = Math.floor(min / step) * step\n    const end = Math.ceil(max / step) * step\n    const ticks: number[] = []\n\n    for (let v = start; v <= end + step * 0.01; v += step) {\n        ticks.push(Math.round(v * 1e10) / 1e10)\n    }\n\n    return ticks\n}\n\nexport function getDataExtent(datasets: number[][]): [number, number] {\n    let min = Infinity\n    let max = -Infinity\n\n    for (const data of datasets) {\n        for (const v of data) {\n            if (v < min) min = v\n            if (v > max) max = v\n        }\n    }\n\n    if (min === Infinity) return [0, 1]\n    if (min === max) return [min - 1, max + 1]\n\n    return [min, max]\n}\n\nexport function getStackedExtent(datasets: number[][]): [number, number] {\n    if (datasets.length === 0) return [0, 1]\n\n    const len = Math.max(...datasets.map((d) => d.length))\n    let max = -Infinity\n\n    for (let i = 0; i < len; i++) {\n        let sum = 0\n        for (const data of datasets) {\n            sum += data[i] ?? 0\n        }\n        if (sum > max) max = sum\n    }\n\n    return [0, max === 0 ? 1 : max]\n}\n","export interface Point {\n    x: number\n    y: number\n}\n\nexport function linePath(points: Point[]): string {\n    if (points.length === 0) return ''\n    return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')\n}\n\nexport function curvedPath(points: Point[]): string {\n    if (points.length === 0) return ''\n    if (points.length === 1) return `M${points[0].x},${points[0].y}`\n    if (points.length === 2) return linePath(points)\n\n    let d = `M${points[0].x},${points[0].y}`\n\n    for (let i = 0; i < points.length - 1; i++) {\n        const p0 = points[Math.max(i - 1, 0)]\n        const p1 = points[i]\n        const p2 = points[i + 1]\n        const p3 = points[Math.min(i + 2, points.length - 1)]\n\n        const cp1x = p1.x + (p2.x - p0.x) / 6\n        const cp1y = p1.y + (p2.y - p0.y) / 6\n        const cp2x = p2.x - (p3.x - p1.x) / 6\n        const cp2y = p2.y - (p3.y - p1.y) / 6\n\n        d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`\n    }\n\n    return d\n}\n\nexport function areaPath(points: Point[], baseline: number, curved: boolean): string {\n    if (points.length === 0) return ''\n\n    const topPath = curved ? curvedPath(points) : linePath(points)\n    const last = points[points.length - 1]\n    const first = points[0]\n\n    return `${topPath} L${last.x},${baseline} L${first.x},${baseline} Z`\n}\n\nexport function stackedAreaPath(\n    topPoints: Point[],\n    bottomPoints: Point[],\n    curved: boolean\n): string {\n    if (topPoints.length === 0) return ''\n\n    const topPath = curved ? curvedPath(topPoints) : linePath(topPoints)\n    const reversed = [...bottomPoints].reverse()\n    const bottomPath = curved\n        ? curvedPath(reversed).replace(/^M/, 'L')\n        : reversed.map((p) => `L${p.x},${p.y}`).join(' ')\n\n    return `${topPath} ${bottomPath} Z`\n}\n\nexport function pieArc(\n    cx: number,\n    cy: number,\n    r: number,\n    startAngle: number,\n    endAngle: number\n): string {\n    const sweep = endAngle - startAngle\n    if (sweep >= Math.PI * 2 - 0.001) {\n        const mid = startAngle + Math.PI\n        return [\n            `M${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n            `A${r},${r} 0 1 1 ${cx + r * Math.cos(mid)},${cy + r * Math.sin(mid)}`,\n            `A${r},${r} 0 1 1 ${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n        ].join(' ')\n    }\n\n    const largeArc = sweep > Math.PI ? 1 : 0\n    const x1 = cx + r * Math.cos(startAngle)\n    const y1 = cy + r * Math.sin(startAngle)\n    const x2 = cx + r * Math.cos(endAngle)\n    const y2 = cy + r * Math.sin(endAngle)\n\n    return `M${x1},${y1} A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`\n}\n\nexport function pieSector(\n    cx: number,\n    cy: number,\n    outerR: number,\n    innerR: number,\n    startAngle: number,\n    endAngle: number\n): string {\n    const sweep = endAngle - startAngle\n\n    if (innerR <= 0) {\n        if (sweep >= Math.PI * 2 - 0.001) {\n            return pieArc(cx, cy, outerR, startAngle, endAngle) + ' Z'\n        }\n        const x1 = cx + outerR * Math.cos(startAngle)\n        const y1 = cy + outerR * Math.sin(startAngle)\n        const x2 = cx + outerR * Math.cos(endAngle)\n        const y2 = cy + outerR * Math.sin(endAngle)\n        const largeArc = sweep > Math.PI ? 1 : 0\n        return `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`\n    }\n\n    const ox1 = cx + outerR * Math.cos(startAngle)\n    const oy1 = cy + outerR * Math.sin(startAngle)\n    const ox2 = cx + outerR * Math.cos(endAngle)\n    const oy2 = cy + outerR * Math.sin(endAngle)\n    const ix1 = cx + innerR * Math.cos(endAngle)\n    const iy1 = cy + innerR * Math.sin(endAngle)\n    const ix2 = cx + innerR * Math.cos(startAngle)\n    const iy2 = cy + innerR * Math.sin(startAngle)\n\n    if (sweep >= Math.PI * 2 - 0.001) {\n        const mid = startAngle + Math.PI\n        const omx = cx + outerR * Math.cos(mid)\n        const omy = cy + outerR * Math.sin(mid)\n        const imx = cx + innerR * Math.cos(mid)\n        const imy = cy + innerR * Math.sin(mid)\n        return [\n            `M${ox1},${oy1}`,\n            `A${outerR},${outerR} 0 1 1 ${omx},${omy}`,\n            `A${outerR},${outerR} 0 1 1 ${ox1},${oy1}`,\n            `M${ix2},${iy2}`,\n            `A${innerR},${innerR} 0 1 0 ${imx},${imy}`,\n            `A${innerR},${innerR} 0 1 0 ${ix2},${iy2}`,\n            'Z',\n        ].join(' ')\n    }\n\n    const largeArc = sweep > Math.PI ? 1 : 0\n    return [\n        `M${ox1},${oy1}`,\n        `A${outerR},${outerR} 0 ${largeArc} 1 ${ox2},${oy2}`,\n        `L${ix1},${iy1}`,\n        `A${innerR},${innerR} 0 ${largeArc} 0 ${ix2},${iy2}`,\n        'Z',\n    ].join(' ')\n}\n","import {useMemo, useRef, useEffect, useState} from 'react'\nimport type {MSparklineProps} from './MSparkline.types'\nimport {cn} from '../../../utils/cn'\nimport {createLinearScale} from '../MChart/utils/scales'\nimport {linePath, curvedPath, areaPath} from '../MChart/utils/paths'\nimport type {Point} from '../MChart/utils/paths'\nimport './MSparkline.css'\n\nconst DEFAULT_PADDING = 2\n\nexport function MSparkline({\n    data,\n    type = 'line',\n    color = 'primary',\n    width = '100%',\n    height = 40,\n    padding = DEFAULT_PADDING,\n    curved = true,\n    animated = true,\n    showMinMax = false,\n    fillOpacity = 0.15,\n    className,\n    style,\n    ...rest\n}: MSparklineProps) {\n    const svgRef = useRef<SVGSVGElement>(null)\n    const [mounted, setMounted] = useState(!animated)\n    const resolvedPadding = Math.max(0, padding)\n\n    useEffect(() => {\n        if (animated) {\n            const id = requestAnimationFrame(() => setMounted(true))\n            return () => cancelAnimationFrame(id)\n        }\n    }, [animated])\n\n    const {points, minIdx, maxIdx, svgWidth, svgHeight, barWidth} = useMemo(() => {\n        const len = data.length\n        if (len === 0) {\n            return {\n                points: [] as Point[],\n                minIdx: 0,\n                maxIdx: 0,\n                svgWidth: 100,\n                svgHeight: height,\n                barWidth: 0,\n            }\n        }\n\n        const svgW = 98\n        const svgH = height\n\n        let min = Infinity\n        let max = -Infinity\n        let mnI = 0\n        let mxI = 0\n\n        for (let i = 0; i < len; i++) {\n            if (data[i] < min) {\n                min = data[i]\n                mnI = i\n            }\n            if (data[i] > max) {\n                max = data[i]\n                mxI = i\n            }\n        }\n\n        if (min === max) {\n            min -= 1\n            max += 1\n        }\n\n        const xScale = createLinearScale([0, Math.max(len - 1, 1)], [resolvedPadding, svgW - resolvedPadding])\n        const yScale = createLinearScale([min, max], [svgH - resolvedPadding, resolvedPadding])\n\n        const pts: Point[] = data.map((v, i) => ({x: xScale(i), y: yScale(v)}))\n        const bw = len > 1 ? (svgW - resolvedPadding * 2) / len : svgW - resolvedPadding * 2\n\n        return {points: pts, minIdx: mnI, maxIdx: mxI, svgWidth: svgW, svgHeight: svgH, barWidth: bw}\n    }, [data, height, resolvedPadding])\n\n    if (data.length === 0) return null\n\n    const pathStr = type === 'bar' ? '' : curved ? curvedPath(points) : linePath(points)\n    const areaStr = type === 'area' ? areaPath(points, svgHeight - resolvedPadding, curved) : ''\n\n    return (\n        <div\n            className={cn('sparkline', color, className)}\n            style={{width, height, ...style}}\n            {...rest}\n        >\n            <svg\n                ref={svgRef}\n                viewBox={`0 0 ${svgWidth} ${svgHeight}`}\n                preserveAspectRatio=\"none\"\n                className={cn('sparkline-svg', mounted && 'mounted')}\n            >\n                {type === 'area' && (\n                    <path\n                        className=\"sparkline-area\"\n                        d={areaStr}\n                        style={{opacity: fillOpacity}}\n                    />\n                )}\n                {type === 'bar' ? (\n                    <g className=\"sparkline-bars\">\n                        {points.map((p, i) => {\n                            const barH = svgHeight - resolvedPadding - p.y\n                            return (\n                                <rect\n                                    key={i}\n                                    className=\"sparkline-bar\"\n                                    x={p.x - barWidth * 0.4}\n                                    y={p.y}\n                                    width={barWidth * 0.8}\n                                    height={Math.max(barH, 0.5)}\n                                    rx={1}\n                                />\n                            )\n                        })}\n                    </g>\n                ) : (\n                    <path className=\"sparkline-line\" d={pathStr} />\n                )}\n                {showMinMax && type !== 'bar' && (\n                    <>\n                        <circle className=\"sparkline-dot sparkline-dot-min\" cx={points[minIdx].x} cy={points[minIdx].y} r={2.5} />\n                        <circle className=\"sparkline-dot sparkline-dot-max\" cx={points[maxIdx].x} cy={points[maxIdx].y} r={2.5} />\n                    </>\n                )}\n            </svg>\n        </div>\n    )\n}\n"],"mappings":";;;;AAAA,SAAgB,EACZ,GACA,GACyB;CACzB,IAAM,CAAC,GAAI,KAAM,GACX,CAAC,GAAI,KAAM,GACX,IAAO,IAAK,KAAM;AAExB,SAAQ,MAAkB,KAAO,IAAQ,KAAM,KAAS,IAAK;;AAGjE,SAAgB,EAAQ,GAAqB;AACzC,KAAI,KAAO,EAAG,QAAO;CACrB,IAAM,IAAO,EAAS,GAAK,EAAE;AAC7B,QAAO,KAAK,MAAM,IAAM,EAAK,GAAG;;AAGpC,SAAgB,EAAQ,GAAa,IAAc,GAAW;CAC1D,IAAM,IAAO,EAAS,GAAK,EAAI;AAC/B,QAAO,KAAK,KAAK,IAAM,EAAK,GAAG;;AAGnC,SAAgB,EAAS,GAAa,GAAa,IAAQ,GAAW;CAElE,IAAM,KADQ,IAAM,KAAO,KACL,GAChB,IAAe,MAAI,KAAK,MAAM,KAAK,MAAM,EAAM,CAAC,EAChD,IAAa,IAAQ,GAEvB;AAMJ,QALA,AAGK,IAHD,KAAc,IAAU,IACnB,KAAc,IAAU,IACxB,KAAc,IAAU,IACrB,IAEL,IAAO;;AAGlB,SAAgB,EAAc,GAAa,GAAa,IAAQ,GAAa;CACzE,IAAM,IAAO,EAAS,GAAK,GAAK,EAAM,EAChC,IAAQ,KAAK,MAAM,IAAM,EAAK,GAAG,GACjC,IAAM,KAAK,KAAK,IAAM,EAAK,GAAG,GAC9B,IAAkB,EAAE;AAE1B,MAAK,IAAI,IAAI,GAAO,KAAK,IAAM,IAAO,KAAM,KAAK,EAC7C,GAAM,KAAK,KAAK,MAAM,IAAI,KAAK,GAAG,KAAK;AAG3C,QAAO;;AAGX,SAAgB,EAAc,GAAwC;CAClE,IAAI,IAAM,UACN,IAAM;AAEV,MAAK,IAAM,KAAQ,EACf,MAAK,IAAM,KAAK,EAEZ,CADI,IAAI,MAAK,IAAM,IACf,IAAI,MAAK,IAAM;AAO3B,QAHI,MAAQ,WAAiB,CAAC,GAAG,EAAE,GAC/B,MAAQ,IAAY,CAAC,IAAM,GAAG,IAAM,EAAE,GAEnC,CAAC,GAAK,EAAI;;AAGrB,SAAgB,EAAiB,GAAwC;AACrE,KAAI,EAAS,WAAW,EAAG,QAAO,CAAC,GAAG,EAAE;CAExC,IAAM,IAAM,KAAK,IAAI,GAAG,EAAS,KAAK,MAAM,EAAE,OAAO,CAAC,EAClD,IAAM;AAEV,MAAK,IAAI,IAAI,GAAG,IAAI,GAAK,KAAK;EAC1B,IAAI,IAAM;AACV,OAAK,IAAM,KAAQ,EACf,MAAO,EAAK,MAAM;AAEtB,EAAI,IAAM,MAAK,IAAM;;AAGzB,QAAO,CAAC,GAAG,MAAQ,IAAI,IAAI,EAAI;;;;AC5EnC,SAAgB,EAAS,GAAyB;AAE9C,QADI,EAAO,WAAW,IAAU,KACzB,EAAO,KAAK,GAAG,MAAM,GAAG,MAAM,IAAI,MAAM,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI;;AAGhF,SAAgB,EAAW,GAAyB;AAChD,KAAI,EAAO,WAAW,EAAG,QAAO;AAChC,KAAI,EAAO,WAAW,EAAG,QAAO,IAAI,EAAO,GAAG,EAAE,GAAG,EAAO,GAAG;AAC7D,KAAI,EAAO,WAAW,EAAG,QAAO,EAAS,EAAO;CAEhD,IAAI,IAAI,IAAI,EAAO,GAAG,EAAE,GAAG,EAAO,GAAG;AAErC,MAAK,IAAI,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;EACxC,IAAM,IAAK,EAAO,KAAK,IAAI,IAAI,GAAG,EAAE,GAC9B,IAAK,EAAO,IACZ,IAAK,EAAO,IAAI,IAChB,IAAK,EAAO,KAAK,IAAI,IAAI,GAAG,EAAO,SAAS,EAAE,GAE9C,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK,GAC9B,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK,GAC9B,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK,GAC9B,IAAO,EAAG,KAAK,EAAG,IAAI,EAAG,KAAK;AAEpC,OAAK,KAAK,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAG,EAAE,GAAG,EAAG;;AAGzD,QAAO;;AAGX,SAAgB,EAAS,GAAiB,GAAkB,GAAyB;AACjF,KAAI,EAAO,WAAW,EAAG,QAAO;CAEhC,IAAM,IAAU,IAAS,EAAW,EAAO,GAAG,EAAS,EAAO,EACxD,IAAO,EAAO,EAAO,SAAS,IAC9B,IAAQ,EAAO;AAErB,QAAO,GAAG,EAAQ,IAAI,EAAK,EAAE,GAAG,EAAS,IAAI,EAAM,EAAE,GAAG,EAAS;;AAGrE,SAAgB,EACZ,GACA,GACA,GACM;AACN,KAAI,EAAU,WAAW,EAAG,QAAO;CAEnC,IAAM,IAAU,IAAS,EAAW,EAAU,GAAG,EAAS,EAAU,EAC9D,IAAW,CAAC,GAAG,EAAa,CAAC,SAAS;AAK5C,QAAO,GAAG,EAAQ,GAJC,IACb,EAAW,EAAS,CAAC,QAAQ,MAAM,IAAI,GACvC,EAAS,KAAK,MAAM,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,CAErB;;AAGpC,SAAgB,EACZ,GACA,GACA,GACA,GACA,GACM;CACN,IAAM,IAAQ,IAAW;AACzB,KAAI,KAAS,KAAK,KAAK,IAAI,MAAO;EAC9B,IAAM,IAAM,IAAa,KAAK;AAC9B,SAAO;GACH,IAAI,IAAK,IAAI,KAAK,IAAI,EAAW,CAAC,GAAG,IAAK,IAAI,KAAK,IAAI,EAAW;GAClE,IAAI,EAAE,GAAG,EAAE,SAAS,IAAK,IAAI,KAAK,IAAI,EAAI,CAAC,GAAG,IAAK,IAAI,KAAK,IAAI,EAAI;GACpE,IAAI,EAAE,GAAG,EAAE,SAAS,IAAK,IAAI,KAAK,IAAI,EAAW,CAAC,GAAG,IAAK,IAAI,KAAK,IAAI,EAAW;GACrF,CAAC,KAAK,IAAI;;CAGf,IAAM,IAAW,MAAQ,KAAK;AAM9B,QAAO,IALI,IAAK,IAAI,KAAK,IAAI,EAAW,CAK1B,GAJH,IAAK,IAAI,KAAK,IAAI,EAAW,CAIpB,IAAI,EAAE,GAAG,EAAE,KAAK,EAAS,KAHlC,IAAK,IAAI,KAAK,IAAI,EAAS,CAGe,GAF1C,IAAK,IAAI,KAAK,IAAI,EAAS;;AAK1C,SAAgB,EACZ,GACA,GACA,GACA,GACA,GACA,GACM;CACN,IAAM,IAAQ,IAAW;AAEzB,KAAI,KAAU,GAAG;AACb,MAAI,KAAS,KAAK,KAAK,IAAI,KACvB,QAAO,EAAO,GAAI,GAAI,GAAQ,GAAY,EAAS,GAAG;EAE1D,IAAM,IAAK,IAAK,IAAS,KAAK,IAAI,EAAW,EACvC,IAAK,IAAK,IAAS,KAAK,IAAI,EAAW,EACvC,IAAK,IAAK,IAAS,KAAK,IAAI,EAAS,EACrC,IAAK,IAAK,IAAS,KAAK,IAAI,EAAS;AAE3C,SAAO,IAAI,EAAG,GAAG,EAAG,IAAI,EAAG,GAAG,EAAG,IAAI,EAAO,GAAG,EAAO,KADrC,MAAQ,KAAK,IACsC,KAAK,EAAG,GAAG,EAAG;;CAGtF,IAAM,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW,EACxC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW,EACxC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAS,EACtC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW,EACxC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAW;AAE9C,KAAI,KAAS,KAAK,KAAK,IAAI,MAAO;EAC9B,IAAM,IAAM,IAAa,KAAK,IACxB,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI,EACjC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI,EACjC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI,EACjC,IAAM,IAAK,IAAS,KAAK,IAAI,EAAI;AACvC,SAAO;GACH,IAAI,EAAI,GAAG;GACX,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC,IAAI,EAAI,GAAG;GACX,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC,IAAI,EAAO,GAAG,EAAO,SAAS,EAAI,GAAG;GACrC;GACH,CAAC,KAAK,IAAI;;CAGf,IAAM,IAAW,MAAQ,KAAK;AAC9B,QAAO;EACH,IAAI,EAAI,GAAG;EACX,IAAI,EAAO,GAAG,EAAO,KAAK,EAAS,KAAK,EAAI,GAAG;EAC/C,IAAI,EAAI,GAAG;EACX,IAAI,EAAO,GAAG,EAAO,KAAK,EAAS,KAAK,EAAI,GAAG;EAC/C;EACH,CAAC,KAAK,IAAI;;;;ACrIf,IAAM,IAAkB;AAExB,SAAgB,EAAW,EACvB,SACA,UAAO,QACP,WAAQ,WACR,WAAQ,QACR,YAAS,IACT,aAAU,GACV,YAAS,IACT,cAAW,IACX,gBAAa,IACb,iBAAc,KACd,cACA,UACA,GAAG,KACa;CAChB,IAAM,IAAS,EAAsB,KAAK,EACpC,CAAC,GAAS,KAAc,EAAS,CAAC,EAAS,EAC3C,IAAkB,KAAK,IAAI,GAAG,EAAQ;AAE5C,SAAgB;AACZ,MAAI,GAAU;GACV,IAAM,IAAK,4BAA4B,EAAW,GAAK,CAAC;AACxD,gBAAa,qBAAqB,EAAG;;IAE1C,CAAC,EAAS,CAAC;CAEd,IAAM,EAAC,WAAQ,WAAQ,WAAQ,aAAU,cAAW,gBAAY,QAAc;EAC1E,IAAM,IAAM,EAAK;AACjB,MAAI,MAAQ,EACR,QAAO;GACH,QAAQ,EAAE;GACV,QAAQ;GACR,QAAQ;GACR,UAAU;GACV,WAAW;GACX,UAAU;GACb;EAGL,IACM,IAAO,GAET,IAAM,UACN,IAAM,WACN,IAAM,GACN,IAAM;AAEV,OAAK,IAAI,IAAI,GAAG,IAAI,GAAK,IAKrB,CAJI,EAAK,KAAK,MACV,IAAM,EAAK,IACX,IAAM,IAEN,EAAK,KAAK,MACV,IAAM,EAAK,IACX,IAAM;AAId,EAAI,MAAQ,MACR,KACA,KAAO;EAGX,IAAM,IAAS,EAAkB,CAAC,GAAG,KAAK,IAAI,IAAM,GAAG,EAAE,CAAC,EAAE,CAAC,GAAiB,KAAO,EAAgB,CAAC,EAChG,IAAS,EAAkB,CAAC,GAAK,EAAI,EAAE,CAAC,IAAO,GAAiB,EAAgB,CAAC,EAEjF,IAAe,EAAK,KAAK,GAAG,OAAO;GAAC,GAAG,EAAO,EAAE;GAAE,GAAG,EAAO,EAAE;GAAC,EAAE,EACjE,IAAK,IAAM,KAAK,KAAO,IAAkB,KAAK,IAAM,KAAO,IAAkB;AAEnF,SAAO;GAAC,QAAQ;GAAK,QAAQ;GAAK,QAAQ;GAAK,UAAU;GAAM,WAAW;GAAM,UAAU;GAAG;IAC9F;EAAC;EAAM;EAAQ;EAAgB,CAAC;AAEnC,KAAI,EAAK,WAAW,EAAG,QAAO;CAE9B,IAAM,IAAU,MAAS,QAAQ,KAAK,IAAS,EAAW,EAAO,GAAG,EAAS,EAAO,EAC9E,IAAU,MAAS,SAAS,EAAS,GAAQ,IAAY,GAAiB,EAAO,GAAG;AAE1F,QACI,kBAAC,OAAD;EACI,WAAW,EAAG,aAAa,GAAO,EAAU;EAC5C,OAAO;GAAC;GAAO;GAAQ,GAAG;GAAM;EAChC,GAAI;YAEJ,kBAAC,OAAD;GACI,KAAK;GACL,SAAS,OAAO,EAAS,GAAG;GAC5B,qBAAoB;GACpB,WAAW,EAAG,iBAAiB,KAAW,UAAU;aAJxD;IAMK,MAAS,UACN,kBAAC,QAAD;KACI,WAAU;KACV,GAAG;KACH,OAAO,EAAC,SAAS,GAAY;KAC/B,CAAA;IAEL,MAAS,QACN,kBAAC,KAAD;KAAG,WAAU;eACR,EAAO,KAAK,GAAG,MAAM;MAClB,IAAM,IAAO,IAAY,IAAkB,EAAE;AAC7C,aACI,kBAAC,QAAD;OAEI,WAAU;OACV,GAAG,EAAE,IAAI,IAAW;OACpB,GAAG,EAAE;OACL,OAAO,IAAW;OAClB,QAAQ,KAAK,IAAI,GAAM,GAAI;OAC3B,IAAI;OACN,EAPO,EAOP;OAER;KACF,CAAA,GAEJ,kBAAC,QAAD;KAAM,WAAU;KAAiB,GAAG;KAAW,CAAA;IAElD,KAAc,MAAS,SACpB,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;KAAQ,WAAU;KAAkC,IAAI,EAAO,GAAQ;KAAG,IAAI,EAAO,GAAQ;KAAG,GAAG;KAAO,CAAA,EAC1G,kBAAC,UAAD;KAAQ,WAAU;KAAkC,IAAI,EAAO,GAAQ;KAAG,IAAI,EAAO,GAAQ;KAAG,GAAG;KAAO,CAAA,CAC3G,EAAA,CAAA;IAEL;;EACJ,CAAA"}

package/dist/MSparkline-U-XaDvpV.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-SOcVdnX6.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function i(e){if(e>=0)return 0;let t=o(e,0);return Math.floor(e/t)*t}function a(e,t=0){let n=o(t,e);return Math.ceil(e/n)*n}function o(e,t,n=5){let r=(t-e||1)/n,i=10**Math.floor(Math.log10(r)),a=r/i,o;return o=a<=1?1:a<=2?2:a<=5?5:10,o*i}function s(e,t,n=5){let r=o(e,t,n),i=Math.floor(e/r)*r,a=Math.ceil(t/r)*r,s=[];for(let e=i;e<=a+r*.01;e+=r)s.push(Math.round(e*1e10)/1e10);return s}function c(e){let t=1/0,n=-1/0;for(let r of e)for(let e of r)e<t&&(t=e),e>n&&(n=e);return t===1/0?[0,1]:t===n?[t-1,n+1]:[t,n]}function l(e){if(e.length===0)return[0,1];let t=Math.max(...e.map(e=>e.length)),n=-1/0;for(let r=0;r<t;r++){let t=0;for(let n of e)t+=n[r]??0;t>n&&(n=t)}return[0,n===0?1:n]}function u(e){return e.length===0?``:e.map((e,t)=>`${t===0?`M`:`L`}${e.x},${e.y}`).join(` `)}function d(e){if(e.length===0)return``;if(e.length===1)return`M${e[0].x},${e[0].y}`;if(e.length===2)return u(e);let t=`M${e[0].x},${e[0].y}`;for(let n=0;n<e.length-1;n++){let r=e[Math.max(n-1,0)],i=e[n],a=e[n+1],o=e[Math.min(n+2,e.length-1)],s=i.x+(a.x-r.x)/6,c=i.y+(a.y-r.y)/6,l=a.x-(o.x-i.x)/6,u=a.y-(o.y-i.y)/6;t+=` C${s},${c} ${l},${u} ${a.x},${a.y}`}return t}function f(e,t,n){if(e.length===0)return``;let r=n?d(e):u(e),i=e[e.length-1],a=e[0];return`${r} L${i.x},${t} L${a.x},${t} Z`}function p(e,t,n){if(e.length===0)return``;let r=n?d(e):u(e),i=[...t].reverse();return`${r} ${n?d(i).replace(/^M/,`L`):i.map(e=>`L${e.x},${e.y}`).join(` `)} Z`}function m(e,t,n,r,i){let a=i-r;if(a>=Math.PI*2-.001){let i=r+Math.PI;return[`M${e+n*Math.cos(r)},${t+n*Math.sin(r)}`,`A${n},${n} 0 1 1 ${e+n*Math.cos(i)},${t+n*Math.sin(i)}`,`A${n},${n} 0 1 1 ${e+n*Math.cos(r)},${t+n*Math.sin(r)}`].join(` `)}let o=+(a>Math.PI);return`M${e+n*Math.cos(r)},${t+n*Math.sin(r)} A${n},${n} 0 ${o} 1 ${e+n*Math.cos(i)},${t+n*Math.sin(i)}`}function h(e,t,n,r,i,a){let o=a-i;if(r<=0){if(o>=Math.PI*2-.001)return m(e,t,n,i,a)+` Z`;let r=e+n*Math.cos(i),s=t+n*Math.sin(i),c=e+n*Math.cos(a),l=t+n*Math.sin(a);return`M${e},${t} L${r},${s} A${n},${n} 0 ${+(o>Math.PI)} 1 ${c},${l} Z`}let s=e+n*Math.cos(i),c=t+n*Math.sin(i),l=e+n*Math.cos(a),u=t+n*Math.sin(a),d=e+r*Math.cos(a),f=t+r*Math.sin(a),p=e+r*Math.cos(i),h=t+r*Math.sin(i);if(o>=Math.PI*2-.001){let a=i+Math.PI,o=e+n*Math.cos(a),l=t+n*Math.sin(a),u=e+r*Math.cos(a),d=t+r*Math.sin(a);return[`M${s},${c}`,`A${n},${n} 0 1 1 ${o},${l}`,`A${n},${n} 0 1 1 ${s},${c}`,`M${p},${h}`,`A${r},${r} 0 1 0 ${u},${d}`,`A${r},${r} 0 1 0 ${p},${h}`,`Z`].join(` `)}let g=+(o>Math.PI);return[`M${s},${c}`,`A${n},${n} 0 ${g} 1 ${l},${u}`,`L${d},${f}`,`A${r},${r} 0 ${g} 0 ${p},${h}`,`Z`].join(` `)}var g=2;function _({data:i,type:a=`line`,color:o=`primary`,width:s=`100%`,height:c=40,padding:l=g,curved:p=!0,animated:m=!0,showMinMax:h=!1,fillOpacity:_=.15,className:v,style:y,...b}){let x=(0,t.useRef)(null),[S,C]=(0,t.useState)(!m),w=Math.max(0,l);(0,t.useEffect)(()=>{if(m){let e=requestAnimationFrame(()=>C(!0));return()=>cancelAnimationFrame(e)}},[m]);let{points:T,minIdx:E,maxIdx:D,svgWidth:O,svgHeight:k,barWidth:A}=(0,t.useMemo)(()=>{let e=i.length;if(e===0)return{points:[],minIdx:0,maxIdx:0,svgWidth:100,svgHeight:c,barWidth:0};let t=c,n=1/0,a=-1/0,o=0,s=0;for(let t=0;t<e;t++)i[t]<n&&(n=i[t],o=t),i[t]>a&&(a=i[t],s=t);n===a&&(--n,a+=1);let l=r([0,Math.max(e-1,1)],[w,98-w]),u=r([n,a],[t-w,w]),d=i.map((e,t)=>({x:l(t),y:u(e)})),f=e>1?(98-w*2)/e:98-w*2;return{points:d,minIdx:o,maxIdx:s,svgWidth:98,svgHeight:t,barWidth:f}},[i,c,w]);if(i.length===0)return null;let j=a===`bar`?``:p?d(T):u(T),M=a===`area`?f(T,k-w,p):``;return(0,n.jsx)(`div`,{className:e.t(`sparkline`,o,v),style:{width:s,height:c,...y},...b,children:(0,n.jsxs)(`svg`,{ref:x,viewBox:`0 0 ${O} ${k}`,preserveAspectRatio:`none`,className:e.t(`sparkline-svg`,S&&`mounted`),children:[a===`area`&&(0,n.jsx)(`path`,{className:`sparkline-area`,d:M,style:{opacity:_}}),a===`bar`?(0,n.jsx)(`g`,{className:`sparkline-bars`,children:T.map((e,t)=>{let r=k-w-e.y;return(0,n.jsx)(`rect`,{className:`sparkline-bar`,x:e.x-A*.4,y:e.y,width:A*.8,height:Math.max(r,.5),rx:1},t)})}):(0,n.jsx)(`path`,{className:`sparkline-line`,d:j}),h&&a!==`bar`&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`circle`,{className:`sparkline-dot sparkline-dot-min`,cx:T[E].x,cy:T[E].y,r:2.5}),(0,n.jsx)(`circle`,{className:`sparkline-dot sparkline-dot-max`,cx:T[D].x,cy:T[D].y,r:2.5})]})]})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=MSparkline-U-XaDvpV.cjs.map

package/dist/MSparkline-U-XaDvpV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSparkline-U-XaDvpV.cjs","names":[],"sources":["../src/components/data/MChart/utils/scales.ts","../src/components/data/MChart/utils/paths.ts","../src/components/data/MSparkline/MSparkline.tsx"],"sourcesContent":["export function createLinearScale(\n    domain: [number, number],\n    range: [number, number]\n): (value: number) => number {\n    const [d0, d1] = domain\n    const [r0, r1] = range\n    const span = d1 - d0 || 1\n\n    return (value: number) => r0 + ((value - d0) / span) * (r1 - r0)\n}\n\nexport function niceMin(min: number): number {\n    if (min >= 0) return 0\n    const step = niceStep(min, 0)\n    return Math.floor(min / step) * step\n}\n\nexport function niceMax(max: number, min: number = 0): number {\n    const step = niceStep(min, max)\n    return Math.ceil(max / step) * step\n}\n\nexport function niceStep(min: number, max: number, ticks = 5): number {\n    const range = max - min || 1\n    const rough = range / ticks\n    const pow = Math.pow(10, Math.floor(Math.log10(rough)))\n    const normalized = rough / pow\n\n    let nice: number\n    if (normalized <= 1) nice = 1\n    else if (normalized <= 2) nice = 2\n    else if (normalized <= 5) nice = 5\n    else nice = 10\n\n    return nice * pow\n}\n\nexport function generateTicks(min: number, max: number, count = 5): number[] {\n    const step = niceStep(min, max, count)\n    const start = Math.floor(min / step) * step\n    const end = Math.ceil(max / step) * step\n    const ticks: number[] = []\n\n    for (let v = start; v <= end + step * 0.01; v += step) {\n        ticks.push(Math.round(v * 1e10) / 1e10)\n    }\n\n    return ticks\n}\n\nexport function getDataExtent(datasets: number[][]): [number, number] {\n    let min = Infinity\n    let max = -Infinity\n\n    for (const data of datasets) {\n        for (const v of data) {\n            if (v < min) min = v\n            if (v > max) max = v\n        }\n    }\n\n    if (min === Infinity) return [0, 1]\n    if (min === max) return [min - 1, max + 1]\n\n    return [min, max]\n}\n\nexport function getStackedExtent(datasets: number[][]): [number, number] {\n    if (datasets.length === 0) return [0, 1]\n\n    const len = Math.max(...datasets.map((d) => d.length))\n    let max = -Infinity\n\n    for (let i = 0; i < len; i++) {\n        let sum = 0\n        for (const data of datasets) {\n            sum += data[i] ?? 0\n        }\n        if (sum > max) max = sum\n    }\n\n    return [0, max === 0 ? 1 : max]\n}\n","export interface Point {\n    x: number\n    y: number\n}\n\nexport function linePath(points: Point[]): string {\n    if (points.length === 0) return ''\n    return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')\n}\n\nexport function curvedPath(points: Point[]): string {\n    if (points.length === 0) return ''\n    if (points.length === 1) return `M${points[0].x},${points[0].y}`\n    if (points.length === 2) return linePath(points)\n\n    let d = `M${points[0].x},${points[0].y}`\n\n    for (let i = 0; i < points.length - 1; i++) {\n        const p0 = points[Math.max(i - 1, 0)]\n        const p1 = points[i]\n        const p2 = points[i + 1]\n        const p3 = points[Math.min(i + 2, points.length - 1)]\n\n        const cp1x = p1.x + (p2.x - p0.x) / 6\n        const cp1y = p1.y + (p2.y - p0.y) / 6\n        const cp2x = p2.x - (p3.x - p1.x) / 6\n        const cp2y = p2.y - (p3.y - p1.y) / 6\n\n        d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`\n    }\n\n    return d\n}\n\nexport function areaPath(points: Point[], baseline: number, curved: boolean): string {\n    if (points.length === 0) return ''\n\n    const topPath = curved ? curvedPath(points) : linePath(points)\n    const last = points[points.length - 1]\n    const first = points[0]\n\n    return `${topPath} L${last.x},${baseline} L${first.x},${baseline} Z`\n}\n\nexport function stackedAreaPath(\n    topPoints: Point[],\n    bottomPoints: Point[],\n    curved: boolean\n): string {\n    if (topPoints.length === 0) return ''\n\n    const topPath = curved ? curvedPath(topPoints) : linePath(topPoints)\n    const reversed = [...bottomPoints].reverse()\n    const bottomPath = curved\n        ? curvedPath(reversed).replace(/^M/, 'L')\n        : reversed.map((p) => `L${p.x},${p.y}`).join(' ')\n\n    return `${topPath} ${bottomPath} Z`\n}\n\nexport function pieArc(\n    cx: number,\n    cy: number,\n    r: number,\n    startAngle: number,\n    endAngle: number\n): string {\n    const sweep = endAngle - startAngle\n    if (sweep >= Math.PI * 2 - 0.001) {\n        const mid = startAngle + Math.PI\n        return [\n            `M${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n            `A${r},${r} 0 1 1 ${cx + r * Math.cos(mid)},${cy + r * Math.sin(mid)}`,\n            `A${r},${r} 0 1 1 ${cx + r * Math.cos(startAngle)},${cy + r * Math.sin(startAngle)}`,\n        ].join(' ')\n    }\n\n    const largeArc = sweep > Math.PI ? 1 : 0\n    const x1 = cx + r * Math.cos(startAngle)\n    const y1 = cy + r * Math.sin(startAngle)\n    const x2 = cx + r * Math.cos(endAngle)\n    const y2 = cy + r * Math.sin(endAngle)\n\n    return `M${x1},${y1} A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`\n}\n\nexport function pieSector(\n    cx: number,\n    cy: number,\n    outerR: number,\n    innerR: number,\n    startAngle: number,\n    endAngle: number\n): string {\n    const sweep = endAngle - startAngle\n\n    if (innerR <= 0) {\n        if (sweep >= Math.PI * 2 - 0.001) {\n            return pieArc(cx, cy, outerR, startAngle, endAngle) + ' Z'\n        }\n        const x1 = cx + outerR * Math.cos(startAngle)\n        const y1 = cy + outerR * Math.sin(startAngle)\n        const x2 = cx + outerR * Math.cos(endAngle)\n        const y2 = cy + outerR * Math.sin(endAngle)\n        const largeArc = sweep > Math.PI ? 1 : 0\n        return `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`\n    }\n\n    const ox1 = cx + outerR * Math.cos(startAngle)\n    const oy1 = cy + outerR * Math.sin(startAngle)\n    const ox2 = cx + outerR * Math.cos(endAngle)\n    const oy2 = cy + outerR * Math.sin(endAngle)\n    const ix1 = cx + innerR * Math.cos(endAngle)\n    const iy1 = cy + innerR * Math.sin(endAngle)\n    const ix2 = cx + innerR * Math.cos(startAngle)\n    const iy2 = cy + innerR * Math.sin(startAngle)\n\n    if (sweep >= Math.PI * 2 - 0.001) {\n        const mid = startAngle + Math.PI\n        const omx = cx + outerR * Math.cos(mid)\n        const omy = cy + outerR * Math.sin(mid)\n        const imx = cx + innerR * Math.cos(mid)\n        const imy = cy + innerR * Math.sin(mid)\n        return [\n            `M${ox1},${oy1}`,\n            `A${outerR},${outerR} 0 1 1 ${omx},${omy}`,\n            `A${outerR},${outerR} 0 1 1 ${ox1},${oy1}`,\n            `M${ix2},${iy2}`,\n            `A${innerR},${innerR} 0 1 0 ${imx},${imy}`,\n            `A${innerR},${innerR} 0 1 0 ${ix2},${iy2}`,\n            'Z',\n        ].join(' ')\n    }\n\n    const largeArc = sweep > Math.PI ? 1 : 0\n    return [\n        `M${ox1},${oy1}`,\n        `A${outerR},${outerR} 0 ${largeArc} 1 ${ox2},${oy2}`,\n        `L${ix1},${iy1}`,\n        `A${innerR},${innerR} 0 ${largeArc} 0 ${ix2},${iy2}`,\n        'Z',\n    ].join(' ')\n}\n","import {useMemo, useRef, useEffect, useState} from 'react'\nimport type {MSparklineProps} from './MSparkline.types'\nimport {cn} from '../../../utils/cn'\nimport {createLinearScale} from '../MChart/utils/scales'\nimport {linePath, curvedPath, areaPath} from '../MChart/utils/paths'\nimport type {Point} from '../MChart/utils/paths'\nimport './MSparkline.css'\n\nconst DEFAULT_PADDING = 2\n\nexport function MSparkline({\n    data,\n    type = 'line',\n    color = 'primary',\n    width = '100%',\n    height = 40,\n    padding = DEFAULT_PADDING,\n    curved = true,\n    animated = true,\n    showMinMax = false,\n    fillOpacity = 0.15,\n    className,\n    style,\n    ...rest\n}: MSparklineProps) {\n    const svgRef = useRef<SVGSVGElement>(null)\n    const [mounted, setMounted] = useState(!animated)\n    const resolvedPadding = Math.max(0, padding)\n\n    useEffect(() => {\n        if (animated) {\n            const id = requestAnimationFrame(() => setMounted(true))\n            return () => cancelAnimationFrame(id)\n        }\n    }, [animated])\n\n    const {points, minIdx, maxIdx, svgWidth, svgHeight, barWidth} = useMemo(() => {\n        const len = data.length\n        if (len === 0) {\n            return {\n                points: [] as Point[],\n                minIdx: 0,\n                maxIdx: 0,\n                svgWidth: 100,\n                svgHeight: height,\n                barWidth: 0,\n            }\n        }\n\n        const svgW = 98\n        const svgH = height\n\n        let min = Infinity\n        let max = -Infinity\n        let mnI = 0\n        let mxI = 0\n\n        for (let i = 0; i < len; i++) {\n            if (data[i] < min) {\n                min = data[i]\n                mnI = i\n            }\n            if (data[i] > max) {\n                max = data[i]\n                mxI = i\n            }\n        }\n\n        if (min === max) {\n            min -= 1\n            max += 1\n        }\n\n        const xScale = createLinearScale([0, Math.max(len - 1, 1)], [resolvedPadding, svgW - resolvedPadding])\n        const yScale = createLinearScale([min, max], [svgH - resolvedPadding, resolvedPadding])\n\n        const pts: Point[] = data.map((v, i) => ({x: xScale(i), y: yScale(v)}))\n        const bw = len > 1 ? (svgW - resolvedPadding * 2) / len : svgW - resolvedPadding * 2\n\n        return {points: pts, minIdx: mnI, maxIdx: mxI, svgWidth: svgW, svgHeight: svgH, barWidth: bw}\n    }, [data, height, resolvedPadding])\n\n    if (data.length === 0) return null\n\n    const pathStr = type === 'bar' ? '' : curved ? curvedPath(points) : linePath(points)\n    const areaStr = type === 'area' ? areaPath(points, svgHeight - resolvedPadding, curved) : ''\n\n    return (\n        <div\n            className={cn('sparkline', color, className)}\n            style={{width, height, ...style}}\n            {...rest}\n        >\n            <svg\n                ref={svgRef}\n                viewBox={`0 0 ${svgWidth} ${svgHeight}`}\n                preserveAspectRatio=\"none\"\n                className={cn('sparkline-svg', mounted && 'mounted')}\n            >\n                {type === 'area' && (\n                    <path\n                        className=\"sparkline-area\"\n                        d={areaStr}\n                        style={{opacity: fillOpacity}}\n                    />\n                )}\n                {type === 'bar' ? (\n                    <g className=\"sparkline-bars\">\n                        {points.map((p, i) => {\n                            const barH = svgHeight - resolvedPadding - p.y\n                            return (\n                                <rect\n                                    key={i}\n                                    className=\"sparkline-bar\"\n                                    x={p.x - barWidth * 0.4}\n                                    y={p.y}\n                                    width={barWidth * 0.8}\n                                    height={Math.max(barH, 0.5)}\n                                    rx={1}\n                                />\n                            )\n                        })}\n                    </g>\n                ) : (\n                    <path className=\"sparkline-line\" d={pathStr} />\n                )}\n                {showMinMax && type !== 'bar' && (\n                    <>\n                        <circle className=\"sparkline-dot sparkline-dot-min\" cx={points[minIdx].x} cy={points[minIdx].y} r={2.5} />\n                        <circle className=\"sparkline-dot sparkline-dot-max\" cx={points[maxIdx].x} cy={points[maxIdx].y} r={2.5} />\n                    </>\n                )}\n            </svg>\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{MStack-SPM68IMq.cjs → MStack-BvFI0AFv.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CpRt8Xjj.cjs`),t=require(`./useReveal-D1YuWN9z.cjs`),n=require(`./layoutProps-CAv0VWdN.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`stretch`,reveal:a,spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x,className:S,style:C,children:w,...T}){let E=n.n({fsize:c}),D=t.t(a);return(0,r.jsx)(`div`,{ref:a!==void 0&&a!==!1?D:void 0,className:e.t(`stack`,i!==`stretch`&&i,a!==void 0&&a!==!1&&`reveal`,...n.t({spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x}),S),style:{...E,...C},...T,children:w})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MStack-SPM68IMq.cjs.map
+const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./useReveal-CdIoh0Rk.cjs`),n=require(`./layoutProps-CZ-XhpIX.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`stretch`,reveal:a,spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x,className:S,style:C,children:w,...T}){let E=n.n({fsize:c}),D=t.t(a);return(0,r.jsx)(`div`,{ref:a!==void 0&&a!==!1?D:void 0,className:e.t(`stack`,i!==`stretch`&&i,a!==void 0&&a!==!1&&`reveal`,...n.t({spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x}),S),style:{...E,...C},...T,children:w})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MStack-BvFI0AFv.cjs.map

package/dist/{MStack-SPM68IMq.cjs.map → MStack-BvFI0AFv.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MStack-SPM68IMq.cjs","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const revealRef = useReveal<HTMLDivElement>(reveal)\n\n    return (\n        <div\n            ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                reveal !== undefined && reveal !== false && 'reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"sJAOA,SAAgB,EAAO,CACnB,QAAQ,UACR,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,EAAA,EAA0B,EAAO,CAEnD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,IAAW,IAAA,IAAa,IAAW,GAAQ,EAAY,IAAA,GAC5D,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,IAAW,IAAA,IAAa,IAAW,IAAS,SAC5C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAEH,WACC,CAAA"}
+{"version":3,"file":"MStack-BvFI0AFv.cjs","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const revealRef = useReveal<HTMLDivElement>(reveal)\n\n    return (\n        <div\n            ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                reveal !== undefined && reveal !== false && 'reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"sJAOA,SAAgB,EAAO,CACnB,QAAQ,UACR,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,EAAA,EAA0B,EAAO,CAEnD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,IAAW,IAAA,IAAa,IAAW,GAAQ,EAAY,IAAA,GAC5D,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,IAAW,IAAA,IAAa,IAAW,IAAS,SAC5C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAEH,WACC,CAAA"}

package/dist/{MStack-CQLO9e-3.js → MStack-DhdMFSUL.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./cn-B_veu23e.js";
-import { t } from "./useReveal-BB9OaMDU.js";
-import { n, t as r } from "./layoutProps-D8exMwKp.js";
+import { t as e } from "./cn-DZLxql0l.js";
+import { t } from "./useReveal-DzskFHKb.js";
+import { n, t as r } from "./layoutProps-DUPQsWy9.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/layout/MStack/MStack.tsx
 function a({ align: a = "stretch", reveal: o, spacing: s, padding: c, fsize: l, mt: u, mb: d, ml: f, mr: p, mx: m, my: h, pt: g, pb: _, pl: v, pr: y, px: b, py: x, fullWidth: S, className: C, style: w, children: T, ...E }) {
@@ -36,4 +36,4 @@ function a({ align: a = "stretch", reveal: o, spacing: s, padding: c, fsize: l,
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MStack-CQLO9e-3.js.map
+//# sourceMappingURL=MStack-DhdMFSUL.js.map

package/dist/{MStack-CQLO9e-3.js.map → MStack-DhdMFSUL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MStack-CQLO9e-3.js","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const revealRef = useReveal<HTMLDivElement>(reveal)\n\n    return (\n        <div\n            ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                reveal !== undefined && reveal !== false && 'reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAO,EACnB,WAAQ,WACR,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAY,EAA0B,EAAO;AAEnD,QACI,kBAAC,OAAD;EACI,KAAK,MAAW,KAAA,KAAa,MAAW,KAAQ,IAAY,KAAA;EAC5D,WAAW,EACP,SACA,MAAU,aAAa,GACvB,MAAW,KAAA,KAAa,MAAW,MAAS,UAC5C,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI;EAEH;EACC,CAAA"}
+{"version":3,"file":"MStack-DhdMFSUL.js","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const revealRef = useReveal<HTMLDivElement>(reveal)\n\n    return (\n        <div\n            ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                reveal !== undefined && reveal !== false && 'reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAO,EACnB,WAAQ,WACR,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAY,EAA0B,EAAO;AAEnD,QACI,kBAAC,OAAD;EACI,KAAK,MAAW,KAAA,KAAa,MAAW,KAAQ,IAAY,KAAA;EAC5D,WAAW,EACP,SACA,MAAU,aAAa,GACvB,MAAW,KAAA,KAAa,MAAW,MAAS,UAC5C,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI;EAEH;EACC,CAAA"}

package/dist/{MStarFillIcon-w67ZD64c.js → MStarFillIcon-CGyQPFi8.js}

@@ -22,4 +22,4 @@ var r = t(function(t, r) {
 //#endregion
 export { r as n, i as t };
 
-//# sourceMappingURL=MStarFillIcon-w67ZD64c.js.map
+//# sourceMappingURL=MStarFillIcon-CGyQPFi8.js.map

package/dist/{MStarFillIcon-w67ZD64c.js.map → MStarFillIcon-CGyQPFi8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MStarFillIcon-w67ZD64c.js","names":[],"sources":["../src/icons/glyphs/MStarIcon.tsx","../src/icons/glyphs/MStarFillIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarFillIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarFillIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path\n                d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\"\n                fill=\"currentColor\"\n                stroke=\"none\"\n            />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAY,EAAsC,SAAmB,GAAO,GAAK;AAC1F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD,EAAM,GAAE,qGAAsG,CAAA;EAC1G,CAAA;EAEd,ECNW,IAAgB,EAAsC,SAAuB,GAAO,GAAK;AAClG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD;GACI,GAAE;GACF,MAAK;GACL,QAAO;GACT,CAAA;EACE,CAAA;EAEd"}
+{"version":3,"file":"MStarFillIcon-CGyQPFi8.js","names":[],"sources":["../src/icons/glyphs/MStarIcon.tsx","../src/icons/glyphs/MStarFillIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarFillIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarFillIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path\n                d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\"\n                fill=\"currentColor\"\n                stroke=\"none\"\n            />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAY,EAAsC,SAAmB,GAAO,GAAK;AAC1F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD,EAAM,GAAE,qGAAsG,CAAA;EAC1G,CAAA;EAEd,ECNW,IAAgB,EAAsC,SAAuB,GAAO,GAAK;AAClG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YACjB,kBAAC,QAAD;GACI,GAAE;GACF,MAAK;GACL,QAAO;GACT,CAAA;EACE,CAAA;EAEd"}

package/dist/{MStarFillIcon-B2H1b7mD.cjs → MStarFillIcon-DJHfl_Qy.cjs}

@@ -1,2 +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:`M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z`})})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsx)(e.t,{ref:r,...t,children:(0,n.jsx)(`path`,{d:`M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z`,fill:`currentColor`,stroke:`none`})})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MStarFillIcon-B2H1b7mD.cjs.map
+//# sourceMappingURL=MStarFillIcon-DJHfl_Qy.cjs.map

package/dist/{MStarFillIcon-B2H1b7mD.cjs.map → MStarFillIcon-DJHfl_Qy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MStarFillIcon-B2H1b7mD.cjs","names":[],"sources":["../src/icons/glyphs/MStarIcon.tsx","../src/icons/glyphs/MStarFillIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarFillIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarFillIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path\n                d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\"\n                fill=\"currentColor\"\n                stroke=\"none\"\n            />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAkD,SAAmB,EAAO,EAAK,CAC1F,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,oGAAsG,CAAA,CAC1G,CAAA,EAEd,CCNW,GAAA,EAAA,EAAA,YAAsD,SAAuB,EAAO,EAAK,CAClG,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CACI,EAAE,oGACF,KAAK,eACL,OAAO,OACT,CAAA,CACE,CAAA,EAEd"}
+{"version":3,"file":"MStarFillIcon-DJHfl_Qy.cjs","names":[],"sources":["../src/icons/glyphs/MStarIcon.tsx","../src/icons/glyphs/MStarFillIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MStarFillIcon = forwardRef<SVGSVGElement, MIconProps>(function MStarFillIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path\n                d=\"M12 4.25l2.45 4.96 5.47.79-3.96 3.86.93 5.46L12 16.9l-4.89 2.42.93-5.46L4.08 10l5.47-.79L12 4.25z\"\n                fill=\"currentColor\"\n                stroke=\"none\"\n            />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAkD,SAAmB,EAAO,EAAK,CAC1F,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,oGAAsG,CAAA,CAC1G,CAAA,EAEd,CCNW,GAAA,EAAA,EAAA,YAAsD,SAAuB,EAAO,EAAK,CAClG,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,MAAK,GAAI,YACjB,EAAA,EAAA,KAAC,OAAD,CACI,EAAE,oGACF,KAAK,eACL,OAAO,OACT,CAAA,CACE,CAAA,EAEd"}

package/dist/MSubText-CfWNytoK.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./MText-OV0ihtQ6.cjs`);let n=require(`react/jsx-runtime`);function r({as:r=`span`,size:i=`sm`,tone:a=`muted`,color:o,className:s,children:c,...l}){return(0,n.jsx)(r,{className:e.t(`subtext`,!o&&a,i,...t.r({color:o}),s),...l,children:c})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MSubText-CfWNytoK.cjs.map

package/dist/MSubText-CfWNytoK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSubText-CfWNytoK.cjs","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"0GAMA,SAAgB,EAAS,CACrB,KAAK,OACL,OAAO,KACP,OAAO,QACP,QACA,YACA,WACA,GAAG,GACW,CAEd,OACI,EAAA,EAAA,KAFc,EAEd,CACI,UAAW,EAAA,EAAG,UAAW,CAAC,GAAS,EAAM,EAAM,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC9F,GAAI,EAEH,WACO,CAAA"}