@banzamel/mineralui 1.0.7 → 1.1.0

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"MStack-CuUE9u4h.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-CGyQPFi8.js → MStarFillIcon-BxKSY0VO.js}

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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"MStarFillIcon-BxKSY0VO.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-DJHfl_Qy.cjs → MStarFillIcon-CnINKvE4.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-DJHfl_Qy.cjs.map
+//# sourceMappingURL=MStarFillIcon-CnINKvE4.cjs.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"MStarFillIcon-CnINKvE4.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-uvcBr9Ba.js → MSubText-BxDWVjjs.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DZLxql0l.js";
-import { r as t } from "./MText-C0FdseW1.js";
+import { n as t } from "./MText-lZjEtV_i.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/typography/MSubText/MSubText.tsx
 function r({ as: r = "span", size: i = "sm", tone: a = "muted", color: o, className: s, children: c, ...l }) {
@@ -12,4 +12,4 @@ function r({ as: r = "span", size: i = "sm", tone: a = "muted", color: o, classN
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=MSubText-uvcBr9Ba.js.map
+//# sourceMappingURL=MSubText-BxDWVjjs.js.map

package/dist/{MSubText-uvcBr9Ba.js.map → MSubText-BxDWVjjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSubText-uvcBr9Ba.js","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":";;;;AAMA,SAAgB,EAAS,EACrB,QAAK,QACL,UAAO,MACP,UAAO,SACP,UACA,cACA,aACA,GAAG,KACW;AAEd,QACI,kBAFc,GAEd;EACI,WAAW,EAAG,WAAW,CAAC,KAAS,GAAM,GAAM,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC9F,GAAI;EAEH;EACO,CAAA"}
+{"version":3,"file":"MSubText-BxDWVjjs.js","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":";;;;AAMA,SAAgB,EAAS,EACrB,QAAK,QACL,UAAO,MACP,UAAO,SACP,UACA,cACA,aACA,GAAG,KACW;AAEd,QACI,kBAFc,GAEd;EACI,WAAW,EAAG,WAAW,CAAC,KAAS,GAAM,GAAM,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC9F,GAAI;EAEH;EACO,CAAA"}

package/dist/{MSubText-CfWNytoK.cjs → MSubText-Dr0rAnX7.cjs}

@@ -1,2 +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
+const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./MText-DEKnLtLk.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.n({color:o}),s),...l,children:c})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MSubText-Dr0rAnX7.cjs.map

package/dist/{MSubText-CfWNytoK.cjs.map → MSubText-Dr0rAnX7.cjs.map}

@@ -1 +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"}
+{"version":3,"file":"MSubText-Dr0rAnX7.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"}

package/dist/{MSuccessIcon-CatQ4FmG.cjs → MSuccessIcon-Cvs8ER4y.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.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M9 9l6 6`}),(0,n.jsx)(`path`,{d:`M15 9l-6 6`})]})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M8.5 12.25l2.5 2.5 4.75-5`})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MSuccessIcon-CatQ4FmG.cjs.map
+//# sourceMappingURL=MSuccessIcon-Cvs8ER4y.cjs.map

package/dist/{MSuccessIcon-CatQ4FmG.cjs.map → MSuccessIcon-Cvs8ER4y.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSuccessIcon-CatQ4FmG.cjs","names":[],"sources":["../src/icons/glyphs/MErrorIcon.tsx","../src/icons/glyphs/MSuccessIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MErrorIcon = forwardRef<SVGSVGElement, MIconProps>(function MErrorIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M9 9l6 6\" />\n            <path d=\"M15 9l-6 6\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MSuccessIcon = forwardRef<SVGSVGElement, MIconProps>(function MSuccessIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12.25l2.5 2.5 4.75-5\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAAoB,EAAO,EAAK,CAC5F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,CACnB,IAEd,CCRW,GAAA,EAAA,EAAA,YAAqD,SAAsB,EAAO,EAAK,CAChG,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,4BAA8B,CAAA,CAClC,IAEd"}
+{"version":3,"file":"MSuccessIcon-Cvs8ER4y.cjs","names":[],"sources":["../src/icons/glyphs/MErrorIcon.tsx","../src/icons/glyphs/MSuccessIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MErrorIcon = forwardRef<SVGSVGElement, MIconProps>(function MErrorIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M9 9l6 6\" />\n            <path d=\"M15 9l-6 6\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MSuccessIcon = forwardRef<SVGSVGElement, MIconProps>(function MSuccessIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12.25l2.5 2.5 4.75-5\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAAoB,EAAO,EAAK,CAC5F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,CACnB,IAEd,CCRW,GAAA,EAAA,EAAA,YAAqD,SAAsB,EAAO,EAAK,CAChG,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,4BAA8B,CAAA,CAClC,IAEd"}

package/dist/{MSuccessIcon-D3GrOvye.js → MSuccessIcon-DH5Z83mM.js}

@@ -30,4 +30,4 @@ var i = t(function(t, i) {
 //#endregion
 export { i as n, a as t };
 
-//# sourceMappingURL=MSuccessIcon-D3GrOvye.js.map
+//# sourceMappingURL=MSuccessIcon-DH5Z83mM.js.map

package/dist/{MSuccessIcon-D3GrOvye.js.map → MSuccessIcon-DH5Z83mM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSuccessIcon-D3GrOvye.js","names":[],"sources":["../src/icons/glyphs/MErrorIcon.tsx","../src/icons/glyphs/MSuccessIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MErrorIcon = forwardRef<SVGSVGElement, MIconProps>(function MErrorIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M9 9l6 6\" />\n            <path d=\"M15 9l-6 6\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MSuccessIcon = forwardRef<SVGSVGElement, MIconProps>(function MSuccessIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12.25l2.5 2.5 4.75-5\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAa,EAAsC,SAAoB,GAAO,GAAK;AAC5F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAQ,CAAA;GAClC,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACnB;;EAEd,ECRW,IAAe,EAAsC,SAAsB,GAAO,GAAK;AAChG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB,CACI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAQ,CAAA,EAClC,kBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA,CAClC;;EAEd"}
+{"version":3,"file":"MSuccessIcon-DH5Z83mM.js","names":[],"sources":["../src/icons/glyphs/MErrorIcon.tsx","../src/icons/glyphs/MSuccessIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MErrorIcon = forwardRef<SVGSVGElement, MIconProps>(function MErrorIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M9 9l6 6\" />\n            <path d=\"M15 9l-6 6\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MSuccessIcon = forwardRef<SVGSVGElement, MIconProps>(function MSuccessIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12.25l2.5 2.5 4.75-5\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAa,EAAsC,SAAoB,GAAO,GAAK;AAC5F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAQ,CAAA;GAClC,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACnB;;EAEd,ECRW,IAAe,EAAsC,SAAsB,GAAO,GAAK;AAChG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB,CACI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAQ,CAAA,EAClC,kBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA,CAClC;;EAEd"}

package/dist/{MSurface-DlcK6Bre.js → MSurface-BiusHYSB.js}

@@ -36,4 +36,4 @@ function a({ tone: a = "default", outlined: o = !0, padded: s = !0, reveal: c, s
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MSurface-DlcK6Bre.js.map
+//# sourceMappingURL=MSurface-BiusHYSB.js.map

package/dist/{MSurface-DlcK6Bre.js.map → MSurface-BiusHYSB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSurface-DlcK6Bre.js","names":[],"sources":["../src/components/layout/MSurface/MSurface.tsx"],"sourcesContent":["import type {MSurfaceProps} from './MSurface.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\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                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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,EAAS,EACrB,UAAO,WACP,cAAW,IACX,YAAS,IACT,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACW;CACd,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,WACA,GACA,KAAY,YACZ,KAAU,UACV,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":"MSurface-BiusHYSB.js","names":[],"sources":["../src/components/layout/MSurface/MSurface.tsx"],"sourcesContent":["import type {MSurfaceProps} from './MSurface.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\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                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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,EAAS,EACrB,UAAO,WACP,cAAW,IACX,YAAS,IACT,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACW;CACd,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,WACA,GACA,KAAY,YACZ,KAAU,UACV,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/{MSurface-qcGLaTIK.cjs → MSurface-BlCLcifq.cjs}

@@ -1,2 +1,2 @@
 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({tone:i=`default`,outlined:a=!0,padded:o=!0,reveal:s,spacing:c,padding:l,fsize:u,mt:d,mb:f,ml:p,mr:m,mx:h,my:g,pt:_,pb:v,pl:y,pr:b,px:x,py:S,fullWidth:C,className:w,style:T,children:E,...D}){let O=n.n({fsize:u}),k=t.t(s);return(0,r.jsx)(`div`,{ref:s!==void 0&&s!==!1?k:void 0,className:e.t(`surface`,i,a&&`outlined`,o&&`padded`,s!==void 0&&s!==!1&&`reveal`,...n.t({spacing:c,padding:l,fsize:u,mt:d,mb:f,ml:p,mr:m,mx:h,my:g,pt:_,pb:v,pl:y,pr:b,px:x,py:S,fullWidth:C}),w),style:{...O,...T},...D,children:E})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MSurface-qcGLaTIK.cjs.map
+//# sourceMappingURL=MSurface-BlCLcifq.cjs.map

package/dist/{MSurface-qcGLaTIK.cjs.map → MSurface-BlCLcifq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSurface-qcGLaTIK.cjs","names":[],"sources":["../src/components/layout/MSurface/MSurface.tsx"],"sourcesContent":["import type {MSurfaceProps} from './MSurface.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\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                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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,EAAS,CACrB,OAAO,UACP,WAAW,GACX,SAAS,GACT,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACW,CACd,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,UACA,EACA,GAAY,WACZ,GAAU,SACV,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":"MSurface-BlCLcifq.cjs","names":[],"sources":["../src/components/layout/MSurface/MSurface.tsx"],"sourcesContent":["import type {MSurfaceProps} from './MSurface.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\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                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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,EAAS,CACrB,OAAO,UACP,WAAW,GACX,SAAS,GACT,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACW,CACd,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,UACA,EACA,GAAY,WACZ,GAAU,SACV,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/MText-DEKnLtLk.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./layoutProps-CZ-XhpIX.cjs`);let n=require(`react/jsx-runtime`);function r({color:e}){return[e&&`fcolor-${e}`]}function i({as:i=`p`,tone:a=`default`,size:o,align:s=`left`,color:c,weight:l=`normal`,truncate:u,spacing:d,padding:f,fsize:p,mt:m,mb:h,ml:g,mr:_,mx:v,my:y,pt:b,pb:x,pl:S,pr:C,px:w,py:T,fullWidth:E,className:D,style:O,children:k,...A}){let j=i,M=t.n({fsize:p}),N=typeof u==`number`?u:void 0;return(0,n.jsx)(j,{className:e.t(`text`,!c&&a,o,s,l,u===!0&&`truncate`,N!=null&&`line-clamp`,...r({color:c}),...t.t({spacing:d,padding:f,fsize:p,mt:m,mb:h,ml:g,mr:_,mx:v,my:y,pt:b,pb:x,pl:S,pr:C,px:w,py:T,fullWidth:E}),D),style:{...M,...N?{"--line-clamp":N}:void 0,...O},...A,children:k})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MText-DEKnLtLk.cjs.map

package/dist/MText-DEKnLtLk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MText-DEKnLtLk.cjs","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    color,\n    weight = 'normal',\n    truncate,\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}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\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={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"gHAOA,SAAgB,EAAwB,CAAC,SAA4D,CACjG,MAAO,CAAC,GAAS,UAAU,IAAQ,CCDvC,SAAgB,EAAM,CAClB,KAAK,IACL,OAAO,UACP,OACA,QAAQ,OACR,QACA,SAAS,SACT,WACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACQ,CACX,IAAM,EAAY,EACZ,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OACI,EAAA,EAAA,KAAC,EAAD,CACI,UAAW,EAAA,EACP,OACA,CAAC,GAAS,EACV,EACA,EACA,EACA,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAwB,CAAC,QAAM,CAAC,CACnC,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,CACH,GAAG,EACH,GAAI,EAAS,CAAC,eAAgB,EAAM,CAA2B,IAAA,GAC/D,GAAG,EACN,CACD,GAAI,EAEH,WACO,CAAA"}

package/dist/{MText-C0FdseW1.js → MText-lZjEtV_i.js}

@@ -1,30 +1,16 @@
 import { t as e } from "./cn-DZLxql0l.js";
 import { n as t, t as n } from "./layoutProps-DUPQsWy9.js";
-import { createElement as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/utils/appearanceProps.ts
-function a({ color: e }) {
+function i({ color: e }) {
 	return [e && `fcolor-${e}`];
 }
 //#endregion
-//#region src/components/typography/MHeading/MHeading.tsx
-function o({ level: t = 2, tone: n = "default", color: i, truncate: o, className: s, style: c, children: l, ...u }) {
-	let d = typeof o == "number" ? o : void 0;
-	return r(`h${t}`, {
-		className: e("heading", `h${t}`, !i && n, o === !0 && "truncate", d != null && "line-clamp", ...a({ color: i }), s),
-		style: d ? {
-			"--line-clamp": d,
-			...c
-		} : c,
-		...u
-	}, l);
-}
-//#endregion
 //#region src/components/typography/MText/MText.tsx
-function s({ as: r = "p", tone: o = "default", size: s, align: c = "left", color: l, weight: u = "normal", truncate: d, spacing: f, padding: p, fsize: m, mt: h, mb: g, ml: _, mr: v, mx: y, my: b, pt: x, pb: S, pl: C, pr: w, px: T, py: E, fullWidth: D, className: O, style: k, children: A, ...j }) {
-	let M = r, N = t({ fsize: m }), P = typeof d == "number" ? d : void 0;
-	return /* @__PURE__ */ i(M, {
-		className: e("text", !l && o, s, c, u, d === !0 && "truncate", P != null && "line-clamp", ...a({ color: l }), ...n({
+function a({ as: a = "p", tone: o = "default", size: s, align: c = "left", color: l, weight: u = "normal", truncate: d, spacing: f, padding: p, fsize: m, mt: h, mb: g, ml: _, mr: v, mx: y, my: b, pt: x, pb: S, pl: C, pr: w, px: T, py: E, fullWidth: D, className: O, style: k, children: A, ...j }) {
+	let M = a, N = t({ fsize: m }), P = typeof d == "number" ? d : void 0;
+	return /* @__PURE__ */ r(M, {
+		className: e("text", !l && o, s, c, u, d === !0 && "truncate", P != null && "line-clamp", ...i({ color: l }), ...n({
 			spacing: f,
 			padding: p,
 			fsize: m,
@@ -52,6 +38,6 @@ function s({ as: r = "p", tone: o = "default", size: s, align: c = "left", color
 	});
 }
 //#endregion
-export { o as n, a as r, s as t };
+export { i as n, a as t };
 
-//# sourceMappingURL=MText-C0FdseW1.js.map
+//# sourceMappingURL=MText-lZjEtV_i.js.map

package/dist/MText-lZjEtV_i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MText-lZjEtV_i.js","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    color,\n    weight = 'normal',\n    truncate,\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}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\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={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;AAOA,SAAgB,EAAwB,EAAC,YAA4D;AACjG,QAAO,CAAC,KAAS,UAAU,IAAQ;;;;ACDvC,SAAgB,EAAM,EAClB,QAAK,KACL,UAAO,WACP,SACA,WAAQ,QACR,UACA,YAAS,UACT,aACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACQ;CACX,IAAM,IAAY,GACZ,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QACI,kBAAC,GAAD;EACI,WAAW,EACP,QACA,CAAC,KAAS,GACV,GACA,GACA,GACA,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GACH,GAAG;GACH,GAAI,IAAS,EAAC,gBAAgB,GAAM,GAA2B,KAAA;GAC/D,GAAG;GACN;EACD,GAAI;EAEH;EACO,CAAA"}

package/dist/{MTimeAgo-DrDs52Y1.js → MTimeAgo-4pfAn0iE.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DZLxql0l.js";
 import { a as t, n, o as r, r as i, t as a } from "./relativeTime-3dGgniAK.js";
-import { t as o } from "./locale-Crzgecoe.js";
+import { t as o } from "./locale-DPqdZjGC.js";
 import { useEffect as s, useMemo as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 //#region src/components/display/MTimeAgo/MTimeAgo.tsx
@@ -48,4 +48,4 @@ function f({ value: i, locale: f, maxRelative: p, fallbackFormat: m = "date", ti
 //#endregion
 export { f as t };
 
-//# sourceMappingURL=MTimeAgo-DrDs52Y1.js.map
+//# sourceMappingURL=MTimeAgo-4pfAn0iE.js.map

package/dist/{MTimeAgo-DrDs52Y1.js.map → MTimeAgo-4pfAn0iE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MTimeAgo-DrDs52Y1.js","names":[],"sources":["../src/components/display/MTimeAgo/MTimeAgo.tsx"],"sourcesContent":["import {useEffect, useMemo, useState} from 'react'\nimport type {MTimeAgoProps, MTimeAgoUpdate} from './MTimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './MTimeAgo.css'\n\nfunction getUpdateInterval(update: MTimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function MTimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: MTimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n"],"mappings":";;;;;;AAaA,SAAS,EAAkB,GAAwB,GAA+B,GAA4B;AAK1G,QAJI,MAAW,SAAe,OAC1B,MAAW,WAAiB,KAAK,MACjC,MAAW,SAAe,OAAU,MACpC,MAAW,QAAc,OAAU,KAAK,MACrC,EAAsB,GAAO,EAAI;;AAG5C,SAAgB,EAAS,EACrB,UACA,QAAQ,GACR,gBACA,oBAAiB,QACjB,mBAAgB,IAChB,YAAS,QACT,cACA,GAAG,KACW;CACd,IAAM,IAAS,EAAkB,EAAe,EAC1C,CAAC,GAAK,KAAU,QAAe,KAAK,KAAK,CAAC,EAC1C,IAAW,QAAc,EAAkB,GAAQ,GAAO,EAAI,EAAE;EAAC;EAAK;EAAQ;EAAM,CAAC;AAE3F,SAAgB;AACZ,MAAI,CAAC,EAAU;EAEf,IAAM,IAAK,OAAO,kBAAkB,EAAO,KAAK,KAAK,CAAC,EAAE,EAAS;AACjE,eAAa,OAAO,cAAc,EAAG;IACtC,CAAC,EAAS,CAAC;CAEd,IAAM,IAAO,QAAc,EAAO,EAAM,EAAE,CAAC,EAAM,CAAC,EAC5C,IAAgB,QAAc,EAAuB,EAAY,EAAE,CAAC,EAAY,CAAC,EAEjF,IAAW,QAAc,EAAmB,GAAO,GAAQ,EAAe,EAAE;EAAC;EAAO;EAAQ;EAAe,CAAC,EAE5G,IAAU,QAAc;AAC1B,MAAI,CAAC,EAAM,QAAO,OAAO,EAAM;EAE/B,IAAM,IAAO,KAAK,IAAI,EAAK,SAAS,GAAG,EAAI;AAK3C,SAJI,KAAiB,QAAQ,IAAO,IACzB,KAAY,OAAO,EAAM,GAG7B,EAAmB,GAAM;GAAC;GAAQ;GAAI,CAAC,IAAI,KAAY,OAAO,EAAM;IAC5E;EAAC;EAAU;EAAM;EAAQ;EAAe;EAAK;EAAM,CAAC;AAEvD,QACI,kBAAC,QAAD;EACI,WAAW,EAAG,YAAY,EAAU;EACpC,UAAU,GAAM,aAAa;EAC7B,OAAO,IAAiB,KAAY,KAAA,IAAa,KAAA;EACjD,GAAI;YAEH;EACE,CAAA"}
+{"version":3,"file":"MTimeAgo-4pfAn0iE.js","names":[],"sources":["../src/components/display/MTimeAgo/MTimeAgo.tsx"],"sourcesContent":["import {useEffect, useMemo, useState} from 'react'\nimport type {MTimeAgoProps, MTimeAgoUpdate} from './MTimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './MTimeAgo.css'\n\nfunction getUpdateInterval(update: MTimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function MTimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: MTimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n"],"mappings":";;;;;;AAaA,SAAS,EAAkB,GAAwB,GAA+B,GAA4B;AAK1G,QAJI,MAAW,SAAe,OAC1B,MAAW,WAAiB,KAAK,MACjC,MAAW,SAAe,OAAU,MACpC,MAAW,QAAc,OAAU,KAAK,MACrC,EAAsB,GAAO,EAAI;;AAG5C,SAAgB,EAAS,EACrB,UACA,QAAQ,GACR,gBACA,oBAAiB,QACjB,mBAAgB,IAChB,YAAS,QACT,cACA,GAAG,KACW;CACd,IAAM,IAAS,EAAkB,EAAe,EAC1C,CAAC,GAAK,KAAU,QAAe,KAAK,KAAK,CAAC,EAC1C,IAAW,QAAc,EAAkB,GAAQ,GAAO,EAAI,EAAE;EAAC;EAAK;EAAQ;EAAM,CAAC;AAE3F,SAAgB;AACZ,MAAI,CAAC,EAAU;EAEf,IAAM,IAAK,OAAO,kBAAkB,EAAO,KAAK,KAAK,CAAC,EAAE,EAAS;AACjE,eAAa,OAAO,cAAc,EAAG;IACtC,CAAC,EAAS,CAAC;CAEd,IAAM,IAAO,QAAc,EAAO,EAAM,EAAE,CAAC,EAAM,CAAC,EAC5C,IAAgB,QAAc,EAAuB,EAAY,EAAE,CAAC,EAAY,CAAC,EAEjF,IAAW,QAAc,EAAmB,GAAO,GAAQ,EAAe,EAAE;EAAC;EAAO;EAAQ;EAAe,CAAC,EAE5G,IAAU,QAAc;AAC1B,MAAI,CAAC,EAAM,QAAO,OAAO,EAAM;EAE/B,IAAM,IAAO,KAAK,IAAI,EAAK,SAAS,GAAG,EAAI;AAK3C,SAJI,KAAiB,QAAQ,IAAO,IACzB,KAAY,OAAO,EAAM,GAG7B,EAAmB,GAAM;GAAC;GAAQ;GAAI,CAAC,IAAI,KAAY,OAAO,EAAM;IAC5E;EAAC;EAAU;EAAM;EAAQ;EAAe;EAAK;EAAM,CAAC;AAEvD,QACI,kBAAC,QAAD;EACI,WAAW,EAAG,YAAY,EAAU;EACpC,UAAU,GAAM,aAAa;EAC7B,OAAO,IAAiB,KAAY,KAAA,IAAa,KAAA;EACjD,GAAI;YAEH;EACE,CAAA"}

package/dist/{MTimeAgo-BOXKcDYN.cjs → MTimeAgo-Ci8UkEEk.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./relativeTime-D5qYOJVu.cjs`),n=require(`./locale-DpCe_7mG.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,n,r){return e===`none`?null:e===`minute`?60*1e3:e===`hour`?3600*1e3:e===`day`?1440*60*1e3:t.r(n,r)}function o({value:o,locale:s,maxRelative:c,fallbackFormat:l=`date`,titleAbsolute:u=!0,update:d=`auto`,className:f,...p}){let m=n.t(s),[h,g]=(0,r.useState)(()=>Date.now()),_=(0,r.useMemo)(()=>a(d,o,h),[h,d,o]);(0,r.useEffect)(()=>{if(!_)return;let e=window.setInterval(()=>g(Date.now()),_);return()=>window.clearInterval(e)},[_]);let v=(0,r.useMemo)(()=>t.o(o),[o]),y=(0,r.useMemo)(()=>t.a(c),[c]),b=(0,r.useMemo)(()=>t.t(o,m,l),[o,m,l]),x=(0,r.useMemo)(()=>{if(!v)return String(o);let e=Math.abs(v.getTime()-h);return y!=null&&e>y?b??String(o):t.n(v,{locale:m,now:h})??b??String(o)},[b,v,m,y,h,o]);return(0,i.jsx)(`time`,{className:e.t(`time ago`,f),dateTime:v?.toISOString(),title:u?b??void 0:void 0,...p,children:x})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=MTimeAgo-BOXKcDYN.cjs.map
+const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./relativeTime-D5qYOJVu.cjs`),n=require(`./locale-BG4Q6P_O.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,n,r){return e===`none`?null:e===`minute`?60*1e3:e===`hour`?3600*1e3:e===`day`?1440*60*1e3:t.r(n,r)}function o({value:o,locale:s,maxRelative:c,fallbackFormat:l=`date`,titleAbsolute:u=!0,update:d=`auto`,className:f,...p}){let m=n.t(s),[h,g]=(0,r.useState)(()=>Date.now()),_=(0,r.useMemo)(()=>a(d,o,h),[h,d,o]);(0,r.useEffect)(()=>{if(!_)return;let e=window.setInterval(()=>g(Date.now()),_);return()=>window.clearInterval(e)},[_]);let v=(0,r.useMemo)(()=>t.o(o),[o]),y=(0,r.useMemo)(()=>t.a(c),[c]),b=(0,r.useMemo)(()=>t.t(o,m,l),[o,m,l]),x=(0,r.useMemo)(()=>{if(!v)return String(o);let e=Math.abs(v.getTime()-h);return y!=null&&e>y?b??String(o):t.n(v,{locale:m,now:h})??b??String(o)},[b,v,m,y,h,o]);return(0,i.jsx)(`time`,{className:e.t(`time ago`,f),dateTime:v?.toISOString(),title:u?b??void 0:void 0,...p,children:x})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MTimeAgo-Ci8UkEEk.cjs.map

package/dist/{MTimeAgo-BOXKcDYN.cjs.map → MTimeAgo-Ci8UkEEk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MTimeAgo-BOXKcDYN.cjs","names":[],"sources":["../src/components/display/MTimeAgo/MTimeAgo.tsx"],"sourcesContent":["import {useEffect, useMemo, useState} from 'react'\nimport type {MTimeAgoProps, MTimeAgoUpdate} from './MTimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './MTimeAgo.css'\n\nfunction getUpdateInterval(update: MTimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function MTimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: MTimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n"],"mappings":"uKAaA,SAAS,EAAkB,EAAwB,EAA+B,EAA4B,CAK1G,OAJI,IAAW,OAAe,KAC1B,IAAW,SAAiB,GAAK,IACjC,IAAW,OAAe,KAAU,IACpC,IAAW,MAAc,KAAU,GAAK,IACrC,EAAA,EAAsB,EAAO,EAAI,CAG5C,SAAgB,EAAS,CACrB,QACA,OAAQ,EACR,cACA,iBAAiB,OACjB,gBAAgB,GAChB,SAAS,OACT,YACA,GAAG,GACW,CACd,IAAM,EAAS,EAAA,EAAkB,EAAe,CAC1C,CAAC,EAAK,IAAA,EAAA,EAAA,cAAyB,KAAK,KAAK,CAAC,CAC1C,GAAA,EAAA,EAAA,aAAyB,EAAkB,EAAQ,EAAO,EAAI,CAAE,CAAC,EAAK,EAAQ,EAAM,CAAC,EAE3F,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAU,OAEf,IAAM,EAAK,OAAO,gBAAkB,EAAO,KAAK,KAAK,CAAC,CAAE,EAAS,CACjE,UAAa,OAAO,cAAc,EAAG,EACtC,CAAC,EAAS,CAAC,CAEd,IAAM,GAAA,EAAA,EAAA,aAAqB,EAAA,EAAO,EAAM,CAAE,CAAC,EAAM,CAAC,CAC5C,GAAA,EAAA,EAAA,aAA8B,EAAA,EAAuB,EAAY,CAAE,CAAC,EAAY,CAAC,CAEjF,GAAA,EAAA,EAAA,aAAyB,EAAA,EAAmB,EAAO,EAAQ,EAAe,CAAE,CAAC,EAAO,EAAQ,EAAe,CAAC,CAE5G,GAAA,EAAA,EAAA,aAAwB,CAC1B,GAAI,CAAC,EAAM,OAAO,OAAO,EAAM,CAE/B,IAAM,EAAO,KAAK,IAAI,EAAK,SAAS,CAAG,EAAI,CAK3C,OAJI,GAAiB,MAAQ,EAAO,EACzB,GAAY,OAAO,EAAM,CAG7B,EAAA,EAAmB,EAAM,CAAC,SAAQ,MAAI,CAAC,EAAI,GAAY,OAAO,EAAM,EAC5E,CAAC,EAAU,EAAM,EAAQ,EAAe,EAAK,EAAM,CAAC,CAEvD,OACI,EAAA,EAAA,KAAC,OAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAU,CACpC,SAAU,GAAM,aAAa,CAC7B,MAAO,EAAiB,GAAY,IAAA,GAAa,IAAA,GACjD,GAAI,WAEH,EACE,CAAA"}
+{"version":3,"file":"MTimeAgo-Ci8UkEEk.cjs","names":[],"sources":["../src/components/display/MTimeAgo/MTimeAgo.tsx"],"sourcesContent":["import {useEffect, useMemo, useState} from 'react'\nimport type {MTimeAgoProps, MTimeAgoUpdate} from './MTimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './MTimeAgo.css'\n\nfunction getUpdateInterval(update: MTimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function MTimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: MTimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n"],"mappings":"uKAaA,SAAS,EAAkB,EAAwB,EAA+B,EAA4B,CAK1G,OAJI,IAAW,OAAe,KAC1B,IAAW,SAAiB,GAAK,IACjC,IAAW,OAAe,KAAU,IACpC,IAAW,MAAc,KAAU,GAAK,IACrC,EAAA,EAAsB,EAAO,EAAI,CAG5C,SAAgB,EAAS,CACrB,QACA,OAAQ,EACR,cACA,iBAAiB,OACjB,gBAAgB,GAChB,SAAS,OACT,YACA,GAAG,GACW,CACd,IAAM,EAAS,EAAA,EAAkB,EAAe,CAC1C,CAAC,EAAK,IAAA,EAAA,EAAA,cAAyB,KAAK,KAAK,CAAC,CAC1C,GAAA,EAAA,EAAA,aAAyB,EAAkB,EAAQ,EAAO,EAAI,CAAE,CAAC,EAAK,EAAQ,EAAM,CAAC,EAE3F,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAU,OAEf,IAAM,EAAK,OAAO,gBAAkB,EAAO,KAAK,KAAK,CAAC,CAAE,EAAS,CACjE,UAAa,OAAO,cAAc,EAAG,EACtC,CAAC,EAAS,CAAC,CAEd,IAAM,GAAA,EAAA,EAAA,aAAqB,EAAA,EAAO,EAAM,CAAE,CAAC,EAAM,CAAC,CAC5C,GAAA,EAAA,EAAA,aAA8B,EAAA,EAAuB,EAAY,CAAE,CAAC,EAAY,CAAC,CAEjF,GAAA,EAAA,EAAA,aAAyB,EAAA,EAAmB,EAAO,EAAQ,EAAe,CAAE,CAAC,EAAO,EAAQ,EAAe,CAAC,CAE5G,GAAA,EAAA,EAAA,aAAwB,CAC1B,GAAI,CAAC,EAAM,OAAO,OAAO,EAAM,CAE/B,IAAM,EAAO,KAAK,IAAI,EAAK,SAAS,CAAG,EAAI,CAK3C,OAJI,GAAiB,MAAQ,EAAO,EACzB,GAAY,OAAO,EAAM,CAG7B,EAAA,EAAmB,EAAM,CAAC,SAAQ,MAAI,CAAC,EAAI,GAAY,OAAO,EAAM,EAC5E,CAAC,EAAU,EAAM,EAAQ,EAAe,EAAK,EAAM,CAAC,CAEvD,OACI,EAAA,EAAA,KAAC,OAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAU,CACpC,SAAU,GAAM,aAAa,CAC7B,MAAO,EAAiB,GAAY,IAAA,GAAa,IAAA,GACjD,GAAI,WAEH,EACE,CAAA"}

package/dist/{MToggle-B7cKH5Tl.js → MToggle-CndejlPX.js}

@@ -45,4 +45,4 @@ var a = n(function({ checked: n, defaultChecked: a, name: o, id: s, disabled: c
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MToggle-B7cKH5Tl.js.map
+//# sourceMappingURL=MToggle-CndejlPX.js.map

package/dist/{MToggle-B7cKH5Tl.js.map → MToggle-CndejlPX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MToggle-B7cKH5Tl.js","names":[],"sources":["../src/components/controls/MToggle/MToggle.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n            style={style}\n        >\n            <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n"],"mappings":";;;;;AAOA,IAAa,IAAU,EAA2C,SAC9D,EACI,YACA,mBACA,SACA,OACA,cAAW,IACX,UAAO,MACP,WAAQ,WACR,UACA,mBAAgB,SAChB,aACA,iBAAc,UACd,gBACA,cACA,YAEJ,GACF;CACE,IAAM,EAAC,oBAAiB,gBAAa,sBAAmB,qBAAiB,EAAsC;EAC3G,QAAQ;EACR;EACA,UAAU;EACV,OAAO;EACV,CAAC;AAEF,QACI,kBAAC,SAAD;EACI,WAAW,EAAG,UAAU,GAAM,MAAkB,UAAU,cAAc,KAAY,YAAY,EAAU;EACnG;YAFX,CAII,kBAAC,QAAD;GAAM,WAAW,EAAG,SAAS,SAAS,KAAS,EAAgB;GAAE,eAAe;aAAhF;IACK;IACD,kBAAC,SAAD;KACS;KACL,MAAK;KACI;KACO;KACV;KACF;KACM;KACA;KACV,YAAY,MAAU;AAClB,OAAI,EAAM,QAAQ,OAAO,EAAM,QAAQ,YACnC,EAAc,EAAM,cAAc,cAAwC;;KAGlF,WAAU;KACV,MAAK;KACL,gBAAc;KAChB,CAAA;IACF,kBAAC,QAAD,EAAM,WAAU,QAAS,CAAA;IACtB;MACN,KAAS,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAa,CAAA,CACjD;;EAEd"}
+{"version":3,"file":"MToggle-CndejlPX.js","names":[],"sources":["../src/components/controls/MToggle/MToggle.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n            style={style}\n        >\n            <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n"],"mappings":";;;;;AAOA,IAAa,IAAU,EAA2C,SAC9D,EACI,YACA,mBACA,SACA,OACA,cAAW,IACX,UAAO,MACP,WAAQ,WACR,UACA,mBAAgB,SAChB,aACA,iBAAc,UACd,gBACA,cACA,YAEJ,GACF;CACE,IAAM,EAAC,oBAAiB,gBAAa,sBAAmB,qBAAiB,EAAsC;EAC3G,QAAQ;EACR;EACA,UAAU;EACV,OAAO;EACV,CAAC;AAEF,QACI,kBAAC,SAAD;EACI,WAAW,EAAG,UAAU,GAAM,MAAkB,UAAU,cAAc,KAAY,YAAY,EAAU;EACnG;YAFX,CAII,kBAAC,QAAD;GAAM,WAAW,EAAG,SAAS,SAAS,KAAS,EAAgB;GAAE,eAAe;aAAhF;IACK;IACD,kBAAC,SAAD;KACS;KACL,MAAK;KACI;KACO;KACV;KACF;KACM;KACA;KACV,YAAY,MAAU;AAClB,OAAI,EAAM,QAAQ,OAAO,EAAM,QAAQ,YACnC,EAAc,EAAM,cAAc,cAAwC;;KAGlF,WAAU;KACV,MAAK;KACL,gBAAc;KAChB,CAAA;IACF,kBAAC,QAAD,EAAM,WAAU,QAAS,CAAA;IACtB;MACN,KAAS,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAa,CAAA,CACjD;;EAEd"}

package/dist/{MToggle-Hheo-jfZ.cjs → MToggle-Dom6azGw.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./useInteractionEffect-BLehDk91.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({checked:n,defaultChecked:i,name:a,id:o,disabled:s=!1,size:c=`md`,color:l=`primary`,label:u,labelPosition:d=`right`,onChange:f,clickEffect:p=`ripple`,rippleColor:m,className:h,style:g},_){let{effectClassName:v,effectLayer:y,handlePointerDown:b,triggerEffect:x}=t.t({effect:p,disabled:s,centered:!0,color:m});return(0,r.jsxs)(`label`,{className:e.t(`toggle`,c,d===`left`&&`label-left`,s&&`disabled`,h),style:g,children:[(0,r.jsxs)(`span`,{className:e.t(`track`,`color-${l}`,v),onPointerDown:b,children:[y,(0,r.jsx)(`input`,{ref:_,type:`checkbox`,checked:n,defaultChecked:i,name:a,id:o,disabled:s,onChange:f,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&x(e.currentTarget.parentElement)},className:`input`,role:`switch`,"aria-checked":n}),(0,r.jsx)(`span`,{className:`knob`})]}),u&&(0,r.jsx)(`span`,{className:`label-text`,children:u})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MToggle-Hheo-jfZ.cjs.map
+//# sourceMappingURL=MToggle-Dom6azGw.cjs.map

package/dist/{MToggle-Hheo-jfZ.cjs.map → MToggle-Dom6azGw.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MToggle-Hheo-jfZ.cjs","names":[],"sources":["../src/components/controls/MToggle/MToggle.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n            style={style}\n        >\n            <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n"],"mappings":"4IAOA,IAAa,GAAA,EAAA,EAAA,YAAqD,SAC9D,CACI,UACA,iBACA,OACA,KACA,WAAW,GACX,OAAO,KACP,QAAQ,UACR,QACA,gBAAgB,QAChB,WACA,cAAc,SACd,cACA,YACA,SAEJ,EACF,CACE,GAAM,CAAC,kBAAiB,cAAa,oBAAmB,iBAAiB,EAAA,EAAsC,CAC3G,OAAQ,EACR,WACA,SAAU,GACV,MAAO,EACV,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,QAAD,CACI,UAAW,EAAA,EAAG,SAAU,EAAM,IAAkB,QAAU,aAAc,GAAY,WAAY,EAAU,CACnG,iBAFX,EAII,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,EAAG,QAAS,SAAS,IAAS,EAAgB,CAAE,cAAe,WAAhF,CACK,GACD,EAAA,EAAA,KAAC,QAAD,CACS,MACL,KAAK,WACI,UACO,iBACV,OACF,KACM,WACA,WACV,UAAY,GAAU,EACd,EAAM,MAAQ,KAAO,EAAM,MAAQ,UACnC,EAAc,EAAM,cAAc,cAAwC,EAGlF,UAAU,QACV,KAAK,SACL,eAAc,EAChB,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,OAAS,CAAA,CACtB,GACN,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAa,CAAA,CACjD,IAEd"}
+{"version":3,"file":"MToggle-Dom6azGw.cjs","names":[],"sources":["../src/components/controls/MToggle/MToggle.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n            style={style}\n        >\n            <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n"],"mappings":"4IAOA,IAAa,GAAA,EAAA,EAAA,YAAqD,SAC9D,CACI,UACA,iBACA,OACA,KACA,WAAW,GACX,OAAO,KACP,QAAQ,UACR,QACA,gBAAgB,QAChB,WACA,cAAc,SACd,cACA,YACA,SAEJ,EACF,CACE,GAAM,CAAC,kBAAiB,cAAa,oBAAmB,iBAAiB,EAAA,EAAsC,CAC3G,OAAQ,EACR,WACA,SAAU,GACV,MAAO,EACV,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,QAAD,CACI,UAAW,EAAA,EAAG,SAAU,EAAM,IAAkB,QAAU,aAAc,GAAY,WAAY,EAAU,CACnG,iBAFX,EAII,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,EAAG,QAAS,SAAS,IAAS,EAAgB,CAAE,cAAe,WAAhF,CACK,GACD,EAAA,EAAA,KAAC,QAAD,CACS,MACL,KAAK,WACI,UACO,iBACV,OACF,KACM,WACA,WACV,UAAY,GAAU,EACd,EAAM,MAAQ,KAAO,EAAM,MAAQ,UACnC,EAAc,EAAM,cAAc,cAAwC,EAGlF,UAAU,QACV,KAAK,SACL,eAAc,EAChB,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,OAAS,CAAA,CACtB,GACN,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAa,CAAA,CACjD,IAEd"}

package/dist/{MTooltip-DzwZ637q.cjs → MTooltip-CsJogGMW.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./MPortal-BysJLuEi.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i(e,t,n){switch(n){case`bottom`:return{top:e.bottom+6,left:e.left+e.width/2-t.width/2};case`left`:return{top:e.top+e.height/2-t.height/2,left:e.left-t.width-6};case`right`:return{top:e.top+e.height/2-t.height/2,left:e.right+6};default:return{top:e.top-t.height-6,left:e.left+e.width/2-t.width/2}}}function a({content:a,placement:o=`top`,delay:s=0,className:c,children:l,...u}){let[d,f]=(0,n.useState)(!1),[p,m]=(0,n.useState)(null),h=(0,n.useRef)(null),g=(0,n.useRef)(null),_=(0,n.useRef)(null),v=(0,n.useCallback)(()=>{s>0?_.current=setTimeout(()=>f(!0),s):f(!0)},[s]),y=(0,n.useCallback)(()=>{_.current&&=(clearTimeout(_.current),null),f(!1),m(null)},[]);return(0,n.useLayoutEffect)(()=>{!d||!h.current||!g.current||m(i(h.current.getBoundingClientRect(),g.current.getBoundingClientRect(),o))},[d,o]),(0,r.jsxs)(`div`,{ref:h,className:e.t(`tooltip wrapper`,c),onMouseEnter:v,onMouseLeave:y,onFocus:v,onBlur:y,...u,children:[l,d&&(0,r.jsx)(t.t,{children:(0,r.jsx)(`div`,{ref:g,className:e.t(`tooltip bubble`,o),role:`tooltip`,style:p?{top:p.top,left:p.left}:{visibility:`hidden`},children:a})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=MTooltip-DzwZ637q.cjs.map
+//# sourceMappingURL=MTooltip-CsJogGMW.cjs.map

package/dist/{MTooltip-DzwZ637q.cjs.map → MTooltip-CsJogGMW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MTooltip-DzwZ637q.cjs","names":[],"sources":["../src/components/overlays/MTooltip/MTooltip.tsx"],"sourcesContent":["import {useRef, useState, useCallback, useLayoutEffect} from 'react'\nimport type {MTooltipProps} from './MTooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {MPortal} from '../../primitives'\nimport './MTooltip.css'\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nexport function MTooltip({content, placement = 'top', delay = 0, className, children, ...rest}: MTooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number} | null>(null)\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(computePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {children}\n            {visible && (\n                <MPortal>\n                    <div\n                        ref={bubbleRef}\n                        className={cn('tooltip bubble', placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"+HAMA,SAAS,EAAgB,EAAkB,EAAiB,EAAgD,CAExG,OAAQ,EAAR,CACI,IAAK,SACD,MAAO,CAAC,IAAK,EAAQ,OAAS,EAAK,KAAM,EAAQ,KAAO,EAAQ,MAAQ,EAAI,EAAO,MAAQ,EAAE,CACjG,IAAK,OACD,MAAO,CAAC,IAAK,EAAQ,IAAM,EAAQ,OAAS,EAAI,EAAO,OAAS,EAAG,KAAM,EAAQ,KAAO,EAAO,MAAQ,EAAI,CAC/G,IAAK,QACD,MAAO,CAAC,IAAK,EAAQ,IAAM,EAAQ,OAAS,EAAI,EAAO,OAAS,EAAG,KAAM,EAAQ,MAAQ,EAAI,CACjG,QACI,MAAO,CAAC,IAAK,EAAQ,IAAM,EAAO,OAAS,EAAK,KAAM,EAAQ,KAAO,EAAQ,MAAQ,EAAI,EAAO,MAAQ,EAAE,EAItH,SAAgB,EAAS,CAAC,UAAS,YAAY,MAAO,QAAQ,EAAG,YAAW,WAAU,GAAG,GAAsB,CAC3G,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAK,IAAA,EAAA,EAAA,UAAuD,KAAK,CAClE,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAAmD,KAAK,CAExD,GAAA,EAAA,EAAA,iBAAyB,CACvB,EAAQ,EACR,EAAW,QAAU,eAAiB,EAAW,GAAK,CAAE,EAAM,CAE9D,EAAW,GAAK,EAErB,CAAC,EAAM,CAAC,CAEL,GAAA,EAAA,EAAA,iBAAyB,CAC3B,AAEI,EAAW,WADX,aAAa,EAAW,QAAQ,CACX,MAEzB,EAAW,GAAM,CACjB,EAAO,KAAK,EACb,EAAE,CAAC,CASN,OAPA,EAAA,EAAA,qBAAsB,CACd,CAAC,GAAW,CAAC,EAAW,SAAW,CAAC,EAAU,SAGlD,EAAO,EAFa,EAAW,QAAQ,uBAAuB,CAC3C,EAAU,QAAQ,uBAAuB,CACZ,EAAU,CAAC,EAC5D,CAAC,EAAS,EAAU,CAAC,EAGpB,EAAA,EAAA,MAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,kBAAmB,EAAU,CAC3C,aAAc,EACd,aAAc,EACd,QAAS,EACT,OAAQ,EACR,GAAI,WAPR,CASK,EACA,IACG,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,iBAAkB,EAAU,CAC1C,KAAK,UACL,MAAO,EAAM,CAAC,IAAK,EAAI,IAAK,KAAM,EAAI,KAAK,CAAG,CAAC,WAAY,SAAS,UAEnE,EACC,CAAA,CACA,CAAA,CAEZ"}
+{"version":3,"file":"MTooltip-CsJogGMW.cjs","names":[],"sources":["../src/components/overlays/MTooltip/MTooltip.tsx"],"sourcesContent":["import {useRef, useState, useCallback, useLayoutEffect} from 'react'\nimport type {MTooltipProps} from './MTooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {MPortal} from '../../primitives'\nimport './MTooltip.css'\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nexport function MTooltip({content, placement = 'top', delay = 0, className, children, ...rest}: MTooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number} | null>(null)\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(computePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {children}\n            {visible && (\n                <MPortal>\n                    <div\n                        ref={bubbleRef}\n                        className={cn('tooltip bubble', placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"+HAMA,SAAS,EAAgB,EAAkB,EAAiB,EAAgD,CAExG,OAAQ,EAAR,CACI,IAAK,SACD,MAAO,CAAC,IAAK,EAAQ,OAAS,EAAK,KAAM,EAAQ,KAAO,EAAQ,MAAQ,EAAI,EAAO,MAAQ,EAAE,CACjG,IAAK,OACD,MAAO,CAAC,IAAK,EAAQ,IAAM,EAAQ,OAAS,EAAI,EAAO,OAAS,EAAG,KAAM,EAAQ,KAAO,EAAO,MAAQ,EAAI,CAC/G,IAAK,QACD,MAAO,CAAC,IAAK,EAAQ,IAAM,EAAQ,OAAS,EAAI,EAAO,OAAS,EAAG,KAAM,EAAQ,MAAQ,EAAI,CACjG,QACI,MAAO,CAAC,IAAK,EAAQ,IAAM,EAAO,OAAS,EAAK,KAAM,EAAQ,KAAO,EAAQ,MAAQ,EAAI,EAAO,MAAQ,EAAE,EAItH,SAAgB,EAAS,CAAC,UAAS,YAAY,MAAO,QAAQ,EAAG,YAAW,WAAU,GAAG,GAAsB,CAC3G,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAK,IAAA,EAAA,EAAA,UAAuD,KAAK,CAClE,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAAmD,KAAK,CAExD,GAAA,EAAA,EAAA,iBAAyB,CACvB,EAAQ,EACR,EAAW,QAAU,eAAiB,EAAW,GAAK,CAAE,EAAM,CAE9D,EAAW,GAAK,EAErB,CAAC,EAAM,CAAC,CAEL,GAAA,EAAA,EAAA,iBAAyB,CAC3B,AAEI,EAAW,WADX,aAAa,EAAW,QAAQ,CACX,MAEzB,EAAW,GAAM,CACjB,EAAO,KAAK,EACb,EAAE,CAAC,CASN,OAPA,EAAA,EAAA,qBAAsB,CACd,CAAC,GAAW,CAAC,EAAW,SAAW,CAAC,EAAU,SAGlD,EAAO,EAFa,EAAW,QAAQ,uBAAuB,CAC3C,EAAU,QAAQ,uBAAuB,CACZ,EAAU,CAAC,EAC5D,CAAC,EAAS,EAAU,CAAC,EAGpB,EAAA,EAAA,MAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,kBAAmB,EAAU,CAC3C,aAAc,EACd,aAAc,EACd,QAAS,EACT,OAAQ,EACR,GAAI,WAPR,CASK,EACA,IACG,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,iBAAkB,EAAU,CAC1C,KAAK,UACL,MAAO,EAAM,CAAC,IAAK,EAAI,IAAK,KAAM,EAAI,KAAK,CAAG,CAAC,WAAY,SAAS,UAEnE,EACC,CAAA,CACA,CAAA,CAEZ"}

package/dist/{MTooltip-D3xuZ5kG.js → MTooltip-DIqh59S2.js}

@@ -54,4 +54,4 @@ function l({ content: l, placement: u = "top", delay: d = 0, className: f, child
 //#endregion
 export { l as t };
 
-//# sourceMappingURL=MTooltip-D3xuZ5kG.js.map
+//# sourceMappingURL=MTooltip-DIqh59S2.js.map

package/dist/{MTooltip-D3xuZ5kG.js.map → MTooltip-DIqh59S2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MTooltip-D3xuZ5kG.js","names":[],"sources":["../src/components/overlays/MTooltip/MTooltip.tsx"],"sourcesContent":["import {useRef, useState, useCallback, useLayoutEffect} from 'react'\nimport type {MTooltipProps} from './MTooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {MPortal} from '../../primitives'\nimport './MTooltip.css'\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nexport function MTooltip({content, placement = 'top', delay = 0, className, children, ...rest}: MTooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number} | null>(null)\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(computePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {children}\n            {visible && (\n                <MPortal>\n                    <div\n                        ref={bubbleRef}\n                        className={cn('tooltip bubble', placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAMA,SAAS,EAAgB,GAAkB,GAAiB,GAAgD;AAExG,SAAQ,GAAR;EACI,KAAK,SACD,QAAO;GAAC,KAAK,EAAQ,SAAS;GAAK,MAAM,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAO,QAAQ;GAAE;EACjG,KAAK,OACD,QAAO;GAAC,KAAK,EAAQ,MAAM,EAAQ,SAAS,IAAI,EAAO,SAAS;GAAG,MAAM,EAAQ,OAAO,EAAO,QAAQ;GAAI;EAC/G,KAAK,QACD,QAAO;GAAC,KAAK,EAAQ,MAAM,EAAQ,SAAS,IAAI,EAAO,SAAS;GAAG,MAAM,EAAQ,QAAQ;GAAI;EACjG,QACI,QAAO;GAAC,KAAK,EAAQ,MAAM,EAAO,SAAS;GAAK,MAAM,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAO,QAAQ;GAAE;;;AAItH,SAAgB,EAAS,EAAC,YAAS,eAAY,OAAO,WAAQ,GAAG,cAAW,aAAU,GAAG,KAAsB;CAC3G,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAK,KAAU,EAA6C,KAAK,EAClE,IAAa,EAAuB,KAAK,EACzC,IAAY,EAAuB,KAAK,EACxC,IAAa,EAAsC,KAAK,EAExD,IAAO,QAAkB;AAC3B,EAAI,IAAQ,IACR,EAAW,UAAU,iBAAiB,EAAW,GAAK,EAAE,EAAM,GAE9D,EAAW,GAAK;IAErB,CAAC,EAAM,CAAC,EAEL,IAAO,QAAkB;AAM3B,EALA,AAEI,EAAW,aADX,aAAa,EAAW,QAAQ,EACX,OAEzB,EAAW,GAAM,EACjB,EAAO,KAAK;IACb,EAAE,CAAC;AASN,QAPA,QAAsB;AACd,GAAC,KAAW,CAAC,EAAW,WAAW,CAAC,EAAU,WAGlD,EAAO,EAFa,EAAW,QAAQ,uBAAuB,EAC3C,EAAU,QAAQ,uBAAuB,EACZ,EAAU,CAAC;IAC5D,CAAC,GAAS,EAAU,CAAC,EAGpB,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,mBAAmB,EAAU;EAC3C,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAPR,CASK,GACA,KACG,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;GACI,KAAK;GACL,WAAW,EAAG,kBAAkB,EAAU;GAC1C,MAAK;GACL,OAAO,IAAM;IAAC,KAAK,EAAI;IAAK,MAAM,EAAI;IAAK,GAAG,EAAC,YAAY,UAAS;aAEnE;GACC,CAAA,EACA,CAAA,CAEZ"}
+{"version":3,"file":"MTooltip-DIqh59S2.js","names":[],"sources":["../src/components/overlays/MTooltip/MTooltip.tsx"],"sourcesContent":["import {useRef, useState, useCallback, useLayoutEffect} from 'react'\nimport type {MTooltipProps} from './MTooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {MPortal} from '../../primitives'\nimport './MTooltip.css'\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nexport function MTooltip({content, placement = 'top', delay = 0, className, children, ...rest}: MTooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number} | null>(null)\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(computePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {children}\n            {visible && (\n                <MPortal>\n                    <div\n                        ref={bubbleRef}\n                        className={cn('tooltip bubble', placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAMA,SAAS,EAAgB,GAAkB,GAAiB,GAAgD;AAExG,SAAQ,GAAR;EACI,KAAK,SACD,QAAO;GAAC,KAAK,EAAQ,SAAS;GAAK,MAAM,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAO,QAAQ;GAAE;EACjG,KAAK,OACD,QAAO;GAAC,KAAK,EAAQ,MAAM,EAAQ,SAAS,IAAI,EAAO,SAAS;GAAG,MAAM,EAAQ,OAAO,EAAO,QAAQ;GAAI;EAC/G,KAAK,QACD,QAAO;GAAC,KAAK,EAAQ,MAAM,EAAQ,SAAS,IAAI,EAAO,SAAS;GAAG,MAAM,EAAQ,QAAQ;GAAI;EACjG,QACI,QAAO;GAAC,KAAK,EAAQ,MAAM,EAAO,SAAS;GAAK,MAAM,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAO,QAAQ;GAAE;;;AAItH,SAAgB,EAAS,EAAC,YAAS,eAAY,OAAO,WAAQ,GAAG,cAAW,aAAU,GAAG,KAAsB;CAC3G,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAK,KAAU,EAA6C,KAAK,EAClE,IAAa,EAAuB,KAAK,EACzC,IAAY,EAAuB,KAAK,EACxC,IAAa,EAAsC,KAAK,EAExD,IAAO,QAAkB;AAC3B,EAAI,IAAQ,IACR,EAAW,UAAU,iBAAiB,EAAW,GAAK,EAAE,EAAM,GAE9D,EAAW,GAAK;IAErB,CAAC,EAAM,CAAC,EAEL,IAAO,QAAkB;AAM3B,EALA,AAEI,EAAW,aADX,aAAa,EAAW,QAAQ,EACX,OAEzB,EAAW,GAAM,EACjB,EAAO,KAAK;IACb,EAAE,CAAC;AASN,QAPA,QAAsB;AACd,GAAC,KAAW,CAAC,EAAW,WAAW,CAAC,EAAU,WAGlD,EAAO,EAFa,EAAW,QAAQ,uBAAuB,EAC3C,EAAU,QAAQ,uBAAuB,EACZ,EAAU,CAAC;IAC5D,CAAC,GAAS,EAAU,CAAC,EAGpB,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,mBAAmB,EAAU;EAC3C,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,GAAI;YAPR,CASK,GACA,KACG,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;GACI,KAAK;GACL,WAAW,EAAG,kBAAkB,EAAU;GAC1C,MAAK;GACL,OAAO,IAAM;IAAC,KAAK,EAAI;IAAK,MAAM,EAAI;IAAK,GAAG,EAAC,YAAY,UAAS;aAEnE;GACC,CAAA,EACA,CAAA,CAEZ"}

package/dist/cards-Bp7jOY3_.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MEllipsisVerticalIcon-CufhU4cO.cjs`),t=require(`./MArrowUpIcon-DWV_HYrz.cjs`),n=require(`./MArrowDownIcon-C8EAODgv.cjs`),r=require(`./MClockIcon-DoskImOg.cjs`),i=require(`./MPhoneIcon-D5unTWyf.cjs`),a=require(`./MBrandMoreIcons-aks8CSrY.cjs`),o=require(`./cn-SOcVdnX6.cjs`),s=require(`./creditCards-BjHGqAFx.cjs`),c=require(`./MPopover-BXPkE575.cjs`),l=require(`./MButton-C_WTyNvw.cjs`),u=require(`./MBadge-Babyr1R9.cjs`),d=require(`./MText-DEKnLtLk.cjs`),f=require(`./MLink-B4JrRZ29.cjs`),p=require(`./MDropdownMenu-Bd6MfUmF.cjs`),m=require(`./MInputCVC-Bl8i97Y0.cjs`),h=require(`./MQrCode-ClP7YJFt.cjs`),g=require(`./MAvatar-C8tWuy5K.cjs`),_=require(`./MInputSearch-APMIHkYb.cjs`),v=require(`./MSparkline-lRq3gAYU.cjs`),y=require(`./MInline-Bvfuvqsf.cjs`),b=require(`./MCheckbox-9WMKKIUO.cjs`);let x=require(`react`),S=require(`react/jsx-runtime`);function C(e){let t=e.replace(/\D/g,``);return t.length<=4?t:`\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${t.slice(-4)}`}function w({holder:e,number:t,expiry:n,brand:r,brandIcon:i,balance:a,balanceLabel:c=`Current balance`,color:l,className:u,...d}){let f=s.n(t),p=r??f.brand,m=s.t.find(e=>e.brand===p)??f,h=C(t),g=m.iconLabel;return(0,S.jsxs)(`div`,{className:o.t(`card-payment`,l||`primary`,u),...d,children:[a!==void 0&&(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`p`,{className:`cp-balance-label`,children:c}),(0,S.jsx)(`p`,{className:`cp-balance`,children:a})]}),(0,S.jsxs)(`div`,{className:`cp-row`,children:[(0,S.jsx)(`span`,{className:o.t(`cp-brand`,!i&&p),children:i??g}),(0,S.jsx)(`span`,{className:`cp-number`,children:h})]}),(0,S.jsxs)(`div`,{className:`cp-details`,children:[(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`p`,{className:`cp-field-label`,children:`MCard holder`}),(0,S.jsx)(`p`,{className:`cp-field-value`,children:e})]}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`p`,{className:`cp-field-label`,children:`Expiration date`}),(0,S.jsx)(`p`,{className:`cp-field-value`,children:n})]})]})]})}function T(e){return s.t.find(t=>t.brand===e)?.iconLabel??`CARD`}function E({title:t=`Your payment methods`,actionLabel:n=`Change`,actionHref:r=`#`,onAction:i,brand:a=`visa`,brandIcon:s,last4:c,badgeLabel:l,summary:p,helperText:h=`All fields are required, unless stated otherwise.`,expiryLabel:g=`Expiration date`,cvcLabel:_=`Security code`,expiryProps:v,cvcProps:b,color:x,className:C,...w}){let E=v?.value??v?.defaultValue,D=l===void 0?`Default`:l,O=E?`Credit card - Expiration date ${String(E).replace(`/`,`.`)}`:`Credit card`,k=p===void 0?O:p,A=T(a),j={clearable:!0,...v};return(0,S.jsxs)(`div`,{className:o.t(`card-payment-method`,x||`primary`,C),...w,children:[(0,S.jsxs)(`div`,{className:`cpm-header`,children:[(0,S.jsx)(`h3`,{className:`cpm-title`,children:t}),(0,S.jsxs)(f.t,{href:r,tone:`accent`,underline:`none`,className:`cpm-action`,onClick:e=>{i&&(e.preventDefault(),i())},children:[n,(0,S.jsx)(e.n,{})]})]}),(0,S.jsxs)(`div`,{className:`cpm-surface`,children:[(0,S.jsxs)(`div`,{className:`cpm-method`,children:[(0,S.jsxs)(y.t,{align:`center`,className:`cpm-method-row`,children:[(0,S.jsx)(`span`,{className:o.t(`cpm-brand`,!s&&a),children:s??A}),(0,S.jsx)(`span`,{className:`cpm-last4`,children:`\u2022\u2022\u2022\u2022 ${c}`}),D&&(0,S.jsx)(u.t,{color:`info`,children:D})]}),k&&(0,S.jsx)(d.t,{tone:`muted`,className:`cpm-summary`,children:k})]}),h&&(0,S.jsx)(d.t,{tone:`muted`,size:`sm`,className:`cpm-helper`,children:h}),(0,S.jsxs)(`div`,{className:`cpm-fields`,children:[(0,S.jsx)(m.n,{label:g,placeholder:`MM/YYYY`,fullWidth:!0,...j}),(0,S.jsx)(m.t,{label:_,placeholder:`123`,fullWidth:!0,...b})]})]})]})}var D={apple:{label:`Apple`,icon:a.i,colorIcon:a.r,rgb:`24, 24, 27`},discord:{label:`Discord`,icon:a.M,colorIcon:a.j,rgb:`88, 101, 242`},facebook:{label:`Facebook`,icon:a.P,colorIcon:a.N,rgb:`24, 119, 242`},figma:{label:`Figma`,icon:a.I,colorIcon:a.F,rgb:`162, 89, 255`},github:{label:`GitHub`,icon:a.R,colorIcon:a.L,rgb:`24, 23, 23`},google:{label:`Google`,icon:a.B,colorIcon:a.z,rgb:`66, 133, 244`},instagram:{label:`Instagram`,icon:a.H,colorIcon:a.V,rgb:`225, 48, 108`},linkedin:{label:`LinkedIn`,icon:a.W,colorIcon:a.U,rgb:`10, 102, 194`},pinterest:{label:`Pinterest`,icon:a.v,colorIcon:a._,rgb:`230, 0, 35`},slack:{label:`Slack`,icon:a.K,colorIcon:a.G,rgb:`74, 21, 75`},spotify:{label:`Spotify`,icon:a.b,colorIcon:a.y,rgb:`30, 215, 96`},tumblr:{label:`Tumblr`,icon:a.S,colorIcon:a.x,rgb:`0, 25, 53`},vimeo:{label:`Vimeo`,icon:a.E,colorIcon:a.T,rgb:`26, 183, 234`},vk:{label:`VK`,icon:a.A,colorIcon:a.k,rgb:`0, 119, 255`},x:{label:`X`,icon:a.J,colorIcon:a.q,rgb:`17, 17, 17`},youtube:{label:`YouTube`,icon:a.X,colorIcon:a.Y,rgb:`255, 0, 0`}};function O(e){let t=e.trim().toLowerCase().replace(/[\s._-]+/g,``);return t===`twitter`?`x`:t===`vkontakte`?`vk`:t}function k(e){return D[O(e)]?.label??e}function A(e,t=!1){let n=D[O(e)];return n?t?n.colorIcon:n.icon:null}function j(e){return e?[e.street,[e.zip,e.city].filter(Boolean).join(` `),e.country].filter(Boolean).join(`, `):null}function M({variant:e=`user`,name:t,title:n,avatar:r,address:s,contact:c,socials:l,online:u,lastActive:d,qrCode:f,qrValue:p,qrStatus:m,qrStatusLabel:_,color:v=`primary`,className:y,...b}){let x=j(s);return(0,S.jsxs)(`div`,{className:o.t(`card-business`,e,`color-${v}`,y),...b,children:[(0,S.jsxs)(`div`,{className:`cb-header`,children:[(0,S.jsx)(`div`,{className:`cb-avatar-wrap`,children:(0,S.jsx)(g.t,{src:r,alt:t,name:t,size:56,shape:e===`company`?`rounded`:`circle`,color:v,badge:u===void 0?void 0:!0,badgeColor:u===void 0?void 0:u?`success`:`error`,badgePulsing:!!u,className:o.t(`cb-avatar`,e)})}),(0,S.jsxs)(`div`,{className:`cb-info`,children:[(0,S.jsx)(`h3`,{className:`cb-name`,children:t}),n&&(0,S.jsx)(`p`,{className:`cb-title`,children:n}),d&&(0,S.jsx)(`p`,{className:`cb-last-active`,children:d})]}),(p||f)&&(0,S.jsx)(`div`,{className:`cb-qr`,children:p?(0,S.jsx)(h.t,{value:p,size:56,padding:3,status:m,statusLabel:_,className:`cb-qr-code`}):(0,S.jsx)(`img`,{src:f,alt:`QR`,className:`cb-qr-img`})})]}),(c||x)&&(0,S.jsxs)(`div`,{className:`cb-details`,children:[c?.email&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(i.n,{})}),(0,S.jsx)(`a`,{href:`mailto:${c.email}`,className:`cb-detail-value`,children:c.email})]}),c?.phone&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(i.t,{})}),(0,S.jsx)(`a`,{href:`tel:${c.phone}`,className:`cb-detail-value`,children:c.phone})]}),c?.website&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(a.it,{})}),(0,S.jsx)(`a`,{href:c.website,target:`_blank`,rel:`noopener noreferrer`,className:`cb-detail-value`,children:c.website.replace(/^https?:\/\//,``)})]}),x&&(0,S.jsxs)(`div`,{className:`cb-detail`,children:[(0,S.jsx)(`span`,{className:`cb-detail-icon`,children:(0,S.jsx)(a.rt,{})}),(0,S.jsx)(`span`,{className:`cb-detail-value`,children:x})]})]}),l&&l.length>0&&(0,S.jsx)(`div`,{className:`cb-socials`,children:l.map(e=>(()=>{let t=A(e.platform,!0);return(0,S.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,className:`cb-social`,title:k(e.platform),"aria-label":k(e.platform),children:e.icon??(t?(0,S.jsx)(t,{}):(0,S.jsx)(`span`,{className:`cb-social-text`,children:e.platform}))},e.platform)})())})]})}function N({variant:i,title:s,description:c,price:d,currency:f=`PLN`,duration:m,available:_,image:v,gallery:y,galleryAutoPlay:b=!1,rating:C,reviewCount:w,favorite:T,onFavorite:E,menuItems:D,onAddToCart:O,actionLabel:k,icon:A,color:j=`primary`,leader:M,participants:N,maxParticipants:P,quantity:F,onQuantityChange:I,date:L,location:R,status:z,value:B,trend:V,className:H,...U}){let[W,G]=(0,x.useState)(0),[K,q]=(0,x.useState)(!1),[ee,te]=(0,x.useState)(1),J=F??ee,Y=y&&y.length>0?y:v?[v]:[];(0,x.useEffect)(()=>{W>=Y.length&&G(0)},[W,Y.length]),(0,x.useEffect)(()=>{if(!K)return;let e=window.setTimeout(()=>{q(!1)},220);return()=>window.clearTimeout(e)},[W,K]);function ne(e){e===W||e<0||e>=Y.length||(Y.length>1&&q(!0),G(e))}(0,x.useEffect)(()=>{if(!b||Y.length<=1)return;let e=window.setInterval(()=>{q(!0),G(e=>(e+1)%Y.length)},3500);return()=>window.clearInterval(e)},[b,Y.length]);function X(e){let t=Math.max(1,e);I?I(t):te(t)}let Z=_===!0?`Available`:_===!1?`Unavailable`:typeof _==`number`?`${_} spots`:null,Q=L?L instanceof Date?L:new Date(L):null,re=Q?Q.getDate():null,ie=Q?Q.toLocaleString(`en`,{month:`short`}).toUpperCase():null,$=V===void 0?null:V>0?`up`:V<0?`down`:`neutral`;return i===`widget`?(0,S.jsx)(`div`,{className:o.t(`card-service`,`widget`,`color-${j}`,H),...U,children:(0,S.jsxs)(`div`,{className:`cs-widget`,children:[A&&(0,S.jsx)(`span`,{className:`cs-widget-icon`,children:A}),(0,S.jsxs)(`div`,{className:`cs-widget-content`,children:[(0,S.jsx)(`span`,{className:`cs-widget-label`,children:s}),(0,S.jsx)(`span`,{className:`cs-widget-value`,children:B}),V!==void 0&&(0,S.jsxs)(`span`,{className:o.t(`cs-widget-trend`,$),children:[$===`up`&&(0,S.jsx)(t.t,{size:14}),$===`down`&&(0,S.jsx)(n.t,{size:14}),(0,S.jsxs)(`span`,{children:[V>0?`+`:``,V,`%`]})]})]})]})}):(0,S.jsxs)(`div`,{className:o.t(`card-service`,i,`color-${j}`,H),...U,children:[Y.length>0&&(0,S.jsxs)(`div`,{className:`cs-gallery`,children:[(0,S.jsx)(`img`,{src:Y[W],alt:s,className:o.t(`cs-image`,K&&`is-transitioning`)}),Y.length>1&&(0,S.jsx)(`div`,{className:`cs-gallery-dots`,children:Y.map((e,t)=>(0,S.jsx)(`button`,{type:`button`,className:o.t(`cs-dot`,t===W&&`active`),onClick:()=>ne(t),"aria-label":`Image ${t+1}`},t))}),(E||D&&D.length>0)&&(0,S.jsxs)(`div`,{className:`cs-gallery-actions`,children:[D&&D.length>0&&(0,S.jsx)(p.i,{className:`cs-menu-wrap`,trigger:(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,shape:`circle`,"aria-label":`More options`,className:`cs-overlay-btn`,children:(0,S.jsx)(e.t,{})}),placement:`bottom-end`,children:D.map((e,t)=>(0,S.jsx)(p.r,{icon:e.icon,color:e.danger?`error`:void 0,label:e.label,onClick:e.onClick},t))}),E&&(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,shape:`circle`,onClick:E,"aria-label":T?`Remove from favorites`:`Add to favorites`,className:o.t(`cs-overlay-btn`,T&&`cs-fav-active`),children:T?(0,S.jsx)(a.$,{}):(0,S.jsx)(a.et,{})})]})]}),(0,S.jsxs)(`div`,{className:`cs-body`,children:[i===`event`&&Q&&(0,S.jsxs)(`div`,{className:`cs-event-header`,children:[(0,S.jsxs)(`div`,{className:`cs-date-block`,children:[(0,S.jsx)(`span`,{className:`cs-date-day`,children:re}),(0,S.jsx)(`span`,{className:`cs-date-month`,children:ie})]}),(0,S.jsxs)(`div`,{className:`cs-event-info`,children:[(0,S.jsx)(`h3`,{className:`cs-title`,children:s}),c&&(0,S.jsx)(`p`,{className:`cs-desc`,children:c})]})]}),i!==`event`&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`cs-top`,children:[A&&(0,S.jsx)(`span`,{className:`cs-icon`,children:A}),(0,S.jsx)(`h3`,{className:`cs-title`,children:s})]}),c&&(0,S.jsx)(`p`,{className:`cs-desc`,children:c})]}),i===`event`&&!Q&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`cs-top`,children:[A&&(0,S.jsx)(`span`,{className:`cs-icon`,children:A}),(0,S.jsx)(`h3`,{className:`cs-title`,children:s})]}),c&&(0,S.jsx)(`p`,{className:`cs-desc`,children:c})]}),C!==void 0&&(0,S.jsxs)(`div`,{className:`cs-rating`,children:[(0,S.jsx)(h.n,{value:Math.round(C),size:`sm`,color:`warning`,readOnly:!0,className:`cs-stars`}),(0,S.jsx)(`span`,{className:`cs-rating-value`,children:C.toFixed(1)}),w!==void 0&&(0,S.jsxs)(`span`,{className:`cs-review-count`,children:[`(`,w,`)`]})]}),M&&(0,S.jsxs)(`div`,{className:`cs-leader`,children:[(0,S.jsx)(g.t,{src:M.avatar,name:M.name,size:28,color:j}),(0,S.jsx)(`span`,{className:`cs-leader-name`,children:M.name})]}),i===`course`&&N&&(0,S.jsxs)(`div`,{className:`cs-participants`,children:[(0,S.jsx)(`div`,{className:`cs-participants-avatars`,children:N.slice(0,4).map((e,t)=>(0,S.jsx)(g.t,{src:e.avatar,name:e.name,size:28,color:j,className:`cs-participant-avatar`},`${e.name}-${t}`))}),P&&(0,S.jsxs)(`span`,{className:`cs-spots`,children:[N.length,`/`,P]})]}),(0,S.jsxs)(`div`,{className:`cs-meta`,children:[i===`event`&&R&&(0,S.jsx)(u.t,{size:`xs`,color:j,children:R}),m&&(0,S.jsx)(u.t,{size:`xs`,color:j,icon:(0,S.jsx)(r.t,{}),children:m}),i===`event`&&z&&(0,S.jsx)(u.t,{size:`xs`,color:z.toLowerCase()===`sold out`?`error`:j,children:z}),Z&&i!==`event`&&(0,S.jsx)(u.t,{size:`xs`,color:_===!1?`error`:j,children:Z})]})]}),(0,S.jsxs)(`div`,{className:`cs-footer`,children:[d!==void 0&&(0,S.jsxs)(`span`,{className:`cs-price`,children:[typeof d==`number`?d.toFixed(2):d,` `,(0,S.jsx)(`span`,{className:`cs-currency`,children:f})]}),(0,S.jsxs)(`div`,{className:`cs-actions`,children:[i===`product`&&O&&(0,S.jsxs)(`div`,{className:`cs-qty`,children:[(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,size:`sm`,onClick:()=>X(J-1),"aria-label":`Decrease`,className:`cs-qty-btn`,children:(0,S.jsx)(a.tt,{})}),(0,S.jsx)(`span`,{className:`cs-qty-value`,children:J}),(0,S.jsx)(l.t,{variant:`ghost`,iconOnly:!0,size:`sm`,onClick:()=>X(J+1),"aria-label":`Increase`,className:`cs-qty-btn`,children:(0,S.jsx)(a.nt,{})})]}),O&&(0,S.jsx)(l.t,{variant:`filled`,size:`sm`,color:j,onClick:()=>O(J),disabled:_===!1,className:`cs-cart-btn`,children:k??(i===`event`?`Register`:`Add to cart`)})]})]})]})}function P(e){let{onAction:t,actionLabel:n=`Book now`,...r}=e;return(0,S.jsx)(N,{variant:`service`,onAddToCart:t?()=>t():void 0,actionLabel:n,...r})}function F(e){let{onAction:t,actionLabel:n=`Join course`,...r}=e;return(0,S.jsx)(N,{variant:`course`,onAddToCart:t?()=>t():void 0,actionLabel:n,...r})}function I(e){let{addToCartLabel:t=`Add to cart`,...n}=e;return(0,S.jsx)(N,{variant:`product`,actionLabel:t,...n})}function L(e){let{onRegister:t,registerLabel:n=`Register`,...r}=e;return(0,S.jsx)(N,{variant:`event`,onAddToCart:t?()=>t():void 0,actionLabel:n,...r})}function R(e,t){return t||(typeof e!=`number`||e===0?`neutral`:e>0?`up`:`down`)}function z(e){return typeof e==`number`&&e>0?`+${e}`:e}function B({title:e,value:r,trend:i,trendType:a,icon:s,color:c=`primary`,helperText:l,className:u,...d}){let f=i!=null,p=R(i,a),m=z(i);return(0,S.jsxs)(`div`,{className:o.t(`card-widget`,`color-${c}`,u),...d,children:[(0,S.jsxs)(`div`,{className:`cw-top`,children:[(0,S.jsxs)(`div`,{className:`cw-meta`,children:[(0,S.jsx)(`span`,{className:`cw-title`,children:e}),(0,S.jsx)(`span`,{className:`cw-value`,children:r})]}),s&&(0,S.jsx)(`span`,{className:`cw-icon`,children:s})]}),f&&(0,S.jsx)(`div`,{className:`cw-bottom`,children:(0,S.jsxs)(`span`,{className:o.t(`cw-trend`,p),children:[p===`up`&&(0,S.jsx)(t.t,{size:14}),p===`down`&&(0,S.jsx)(n.t,{size:14}),(0,S.jsx)(`span`,{children:m})]})}),l&&(0,S.jsx)(`div`,{className:`cw-helper`,children:l})]})}function V(e,t){let n=t.split(`.`),r=e;for(let e of n){if(typeof r!=`object`||!r)return;r=r[e]}return r}function H({items:e,renderCard:r,searchable:i=!1,searchKeys:s,searchPlaceholder:u=`Search...`,filterable:d=!1,filterKeys:f=[],sortable:p=!1,sortKeys:m=[],defaultSort:h,columns:g=3,emptyMessage:v=`No results found.`,className:y,style:C,...w}){let[T,E]=(0,x.useState)(``),[D,O]=(0,x.useState)({}),[k,A]=(0,x.useState)(h?.key??null),[j,M]=(0,x.useState)(h?.direction??`asc`),[N,P]=(0,x.useState)(!1),[F,I]=(0,x.useState)(!1),L=(0,x.useRef)(null),R=(0,x.useRef)(null),z=(0,x.useCallback)(()=>{P(e=>!e),I(!1)},[]),B=(0,x.useCallback)(()=>{I(e=>!e),P(!1)},[]),H=(0,x.useMemo)(()=>{let t=[...e];if(T&&s&&s.length>0){let e=T.toLowerCase();t=t.filter(t=>s.some(n=>{let r=V(t,n);return r!=null&&String(r).toLowerCase().includes(e)}))}for(let[e,n]of Object.entries(D))n.size!==0&&(t=t.filter(t=>{let r=V(t,e);return r!=null&&n.has(String(r))}));return k&&t.sort((e,t)=>{let n=V(e,k),r=V(t,k);if(n==null&&r==null)return 0;if(n==null)return 1;if(r==null)return-1;let i=String(n).localeCompare(String(r),void 0,{numeric:!0});return j===`asc`?i:-i}),t},[e,T,s,D,k,j]);function U(e,t){O(n=>{let r=new Set(n[e]??[]);return r.has(t)?r.delete(t):r.add(t),{...n,[e]:r}})}let W=(0,x.useMemo)(()=>{let t={};for(let n of f){if(n.options){t[n.key]=n.options;continue}let r=new Set;for(let t of e){let e=V(t,n.key);e!=null&&r.add(String(e))}t[n.key]=Array.from(r).sort()}return t},[e,f]),G=m.find(e=>e.key===k);return(0,S.jsxs)(`div`,{className:o.t(`card-grid`,y),style:C,...w,children:[(i||d||p)&&(0,S.jsxs)(`div`,{className:`card-grid-toolbar`,children:[i&&(0,S.jsx)(_.t,{className:`card-grid-search`,size:`sm`,fullWidth:!0,placeholder:u,value:T,onChange:e=>E(e.target.value),onClear:()=>E(``)}),(0,S.jsxs)(`div`,{className:`card-grid-actions`,children:[d&&f.length>0&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.t,{ref:L,variant:`outlined`,size:`sm`,startIcon:(0,S.jsx)(a.Q,{}),"aria-expanded":N,onClick:z,children:`Filter`}),(0,S.jsx)(c.t,{open:N,anchorRef:L,onClose:()=>P(!1),placement:`bottom-end`,className:`card-grid-dropdown`,children:f.map(e=>(0,S.jsxs)(`div`,{className:`card-grid-filter-group`,children:[(0,S.jsx)(`span`,{className:`card-grid-filter-label`,children:e.label}),(W[e.key]??[]).map(t=>(0,S.jsx)(`div`,{className:`card-grid-filter-option`,children:(0,S.jsx)(b.t,{size:`sm`,clickEffect:`none`,checked:D[e.key]?.has(t)??!1,onChange:()=>U(e.key,t),label:t})},t))]},e.key))})]}),p&&m.length>0&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.t,{ref:R,variant:`outlined`,size:`sm`,startIcon:k?j===`asc`?(0,S.jsx)(t.t,{}):(0,S.jsx)(n.t,{}):(0,S.jsx)(a.Z,{}),"aria-expanded":F,onClick:B,children:G?`Sort: ${G.label}`:`Sort`}),(0,S.jsx)(c.t,{open:F,anchorRef:R,onClose:()=>I(!1),placement:`bottom-end`,className:`card-grid-dropdown`,children:m.map(e=>(0,S.jsxs)(`button`,{type:`button`,className:o.t(`card-grid-sort-item`,k===e.key&&`active`),onClick:()=>{k===e.key?M(j===`asc`?`desc`:`asc`):(A(e.key),M(`asc`)),I(!1)},children:[e.label,k===e.key&&(0,S.jsx)(`span`,{className:`card-grid-sort-dir`,children:j===`asc`?(0,S.jsx)(t.t,{className:`card-grid-sort-icon`}):(0,S.jsx)(n.t,{className:`card-grid-sort-icon`})})]},e.key))})]})]})]}),H.length>0?(0,S.jsx)(`div`,{className:`card-grid-items`,style:{gridTemplateColumns:`repeat(${g}, 1fr)`},children:H.map((e,t)=>r(e,t))}):(0,S.jsx)(`div`,{className:`card-grid-empty`,children:v})]})}function U(e,t){return t||(e===void 0||e===0?`neutral`:e>0?`up`:`down`)}function W({label:e,value:r,change:i,changeType:a,changeLabel:s,icon:c,sparkline:l,sparklineType:u=`area`,color:d=`primary`,currency:f,className:p,...m}){let h=U(i,a),g=h===`up`?`success`:h===`down`?`error`:`neutral`;return(0,S.jsxs)(`div`,{className:o.t(`card-finance`,`color-${d}`,p),...m,children:[(0,S.jsxs)(`div`,{className:`cf-top`,children:[(0,S.jsxs)(`div`,{className:`cf-meta`,children:[(0,S.jsx)(`span`,{className:`cf-label`,children:e}),f&&(0,S.jsx)(`span`,{className:`cf-currency`,children:f})]}),c&&(0,S.jsx)(`span`,{className:`cf-icon`,children:c})]}),(0,S.jsx)(`div`,{className:`cf-value`,children:r}),(0,S.jsx)(`div`,{className:`cf-bottom`,children:i!==void 0&&(0,S.jsxs)(`span`,{className:o.t(`cf-change`,g),children:[h===`up`&&(0,S.jsx)(t.t,{size:14}),h===`down`&&(0,S.jsx)(n.t,{size:14}),(0,S.jsxs)(`span`,{className:`cf-change-value`,children:[i>0?`+`:``,i,`%`]}),s&&(0,S.jsx)(`span`,{className:`cf-change-label`,children:s})]})}),(0,S.jsx)(`div`,{className:`cf-sparkline`,children:(0,S.jsx)(v.t,{data:l,type:u,color:g===`neutral`?d:g,height:46,padding:0,curved:!0,animated:!0,fillOpacity:.18})})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return w}});
+//# sourceMappingURL=cards-Bp7jOY3_.cjs.map