@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/media-V8oypokY.js

@@ -0,0 +1,171 @@
+import { n as e, t } from "./MChevronRightIcon-BozfuNpv.js";
+import { t as n } from "./cn-B_veu23e.js";
+import { t as r } from "./useInteractionEffect-B5_UpgTt.js";
+import { t as i } from "./MButton-BIWj6T2J.js";
+import { t as a } from "./MSkeleton-QQ57uNaL.js";
+import { Children as o, useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/media/MImage/MImage.tsx
+var m = {
+	"1:1": "1 / 1",
+	"4:3": "4 / 3",
+	"16:9": "16 / 9",
+	"21:9": "21 / 9"
+};
+function h({ fit: e = "cover", ratio: t = "auto", rounded: i = !1, bordered: o = !1, shadow: s = !1, clickEffect: c = "none", fallback: l, skeleton: d = !1, className: h, style: g, alt: _, onError: v, ...y }) {
+	let [b, x] = u(!1), { effectClassName: S, effectLayer: C, handlePointerDown: w } = r({ effect: d ? "none" : c }), T = (e) => {
+		l && !b && (x(!0), e.currentTarget.src = l), v?.(e);
+	}, E = t !== "auto" && !!m[t], D = E ? {
+		aspectRatio: m[t],
+		...g
+	} : g;
+	if (d) return /* @__PURE__ */ f(a, {
+		variant: "rectangle",
+		animate: "pulse",
+		className: n("image-skeleton", i && "rounded", o && "bordered", h),
+		style: D,
+		"aria-label": "Loading"
+	});
+	let O = n("image", e, !C && i && "rounded", !C && o && "bordered", !C && s && "shadow");
+	return C ? /* @__PURE__ */ p("span", {
+		className: n("image-wrap", E && "has-ratio", i && "rounded", o && "bordered", s && "shadow", S, h),
+		style: D,
+		onPointerDown: w,
+		children: [C, /* @__PURE__ */ f("img", {
+			className: O,
+			onError: T,
+			...y,
+			alt: _ ?? ""
+		})]
+	}) : /* @__PURE__ */ f("img", {
+		className: n(O, h),
+		style: D,
+		onError: T,
+		...y,
+		alt: _ ?? ""
+	});
+}
+//#endregion
+//#region src/components/media/MGallery/MGallery.tsx
+function g({ items: e, columns: t = 3, rounded: r = !0, clickEffect: i = "ripple", className: a, ...o }) {
+	return /* @__PURE__ */ f("div", {
+		className: n("gallery", `columns-${t}`, a),
+		...o,
+		children: e.map((e, t) => /* @__PURE__ */ f(_, {
+			item: e,
+			rounded: r,
+			clickEffect: i
+		}, t))
+	});
+}
+function _({ item: e, rounded: t, clickEffect: i }) {
+	let { effectClassName: a, effectLayer: o, handlePointerDown: s } = r({ effect: i });
+	return /* @__PURE__ */ p("figure", {
+		className: n("gallery-item", t && "rounded", a),
+		onPointerDown: s,
+		children: [
+			/* @__PURE__ */ f("img", {
+				className: "gallery-image",
+				src: e.src,
+				alt: e.alt || "",
+				loading: "lazy"
+			}),
+			e.caption && /* @__PURE__ */ f("figcaption", {
+				className: "gallery-caption",
+				children: e.caption
+			}),
+			o
+		]
+	});
+}
+//#endregion
+//#region src/components/media/MCarousel/MCarousel.tsx
+function v({ autoPlay: r = !1, interval: a = 5e3, showDots: m = !0, showArrows: h = !0, loop: g = !0, draggable: _ = !0, transition: v = "slide", className: y, children: b, ...x }) {
+	let S = o.toArray(b), C = S.length, [w, T] = u(0), [E, D] = u(0), [O, k] = u(!1), A = l(0), j = l(null), M = s((e) => {
+		T(g ? (e + C) % C : Math.max(0, Math.min(e, C - 1)));
+	}, [C, g]), N = s(() => M(w - 1), [w, M]), P = s(() => M(w + 1), [w, M]);
+	c(() => {
+		if (!r || C <= 1 || O) return;
+		let e = setInterval(P, a);
+		return () => clearInterval(e);
+	}, [
+		r,
+		a,
+		P,
+		C,
+		O
+	]);
+	let F = (e) => {
+		_ && (k(!0), A.current = e, D(0));
+	}, I = (e) => {
+		O && D(e - A.current);
+	}, L = () => {
+		O && (k(!1), E < -50 ? P() : E > 50 && N(), D(0));
+	}, R = (e) => {
+		_ && (e.currentTarget.setPointerCapture(e.pointerId), F(e.clientX));
+	}, z = (e) => {
+		I(e.clientX);
+	}, B = () => {
+		L();
+	};
+	if (C === 0) return null;
+	let V = v === "fade", H = V ? void 0 : { transform: `translateX(calc(-${w * 100}% + ${O ? E : 0}px))` };
+	return /* @__PURE__ */ p("div", {
+		className: n("carousel", V && "fade", y),
+		...x,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "carousel-viewport",
+				onPointerDown: R,
+				onPointerMove: z,
+				onPointerUp: B,
+				onPointerCancel: B,
+				style: {
+					touchAction: _ ? "pan-y" : void 0,
+					cursor: _ ? O ? "grabbing" : "grab" : void 0
+				},
+				children: /* @__PURE__ */ f("div", {
+					ref: j,
+					className: n("carousel-track", O && "dragging"),
+					style: H,
+					children: S.map((e, t) => /* @__PURE__ */ f("div", {
+						className: n("carousel-slide", V && t === w && "active", V && t !== w && "hidden"),
+						children: e
+					}, t))
+				})
+			}),
+			h && C > 1 && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(i, {
+				variant: "ghost",
+				color: "primary",
+				iconOnly: !0,
+				shape: "circle",
+				onClick: N,
+				"aria-label": "Previous slide",
+				className: "carousel-arrow carousel-arrow-prev",
+				children: /* @__PURE__ */ f(e, {})
+			}), /* @__PURE__ */ f(i, {
+				variant: "ghost",
+				color: "primary",
+				iconOnly: !0,
+				shape: "circle",
+				onClick: P,
+				"aria-label": "Next slide",
+				className: "carousel-arrow carousel-arrow-next",
+				children: /* @__PURE__ */ f(t, {})
+			})] }),
+			m && C > 1 && /* @__PURE__ */ f("div", {
+				className: "carousel-dots",
+				children: S.map((e, t) => /* @__PURE__ */ f("button", {
+					className: n("carousel-dot", t === w && "active"),
+					onClick: () => M(t),
+					"aria-label": `Slide ${t + 1}`,
+					type: "button"
+				}, t))
+			})
+		]
+	});
+}
+//#endregion
+export { g as n, h as r, v as t };
+
+//# sourceMappingURL=media-V8oypokY.js.map

package/dist/media-V8oypokY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-V8oypokY.js","names":[],"sources":["../src/components/media/MImage/MImage.tsx","../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {MImageProps} from './MImage.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport './MImage.css'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    fit = 'cover',\n    ratio = 'auto',\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const ratioStyle = hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn(\n                    'image-skeleton',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    className\n                )}\n                style={ratioStyle}\n                aria-label=\"Loading\"\n            />\n        )\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn(\n                    'image-wrap',\n                    hasFixedRatio && 'has-ratio',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    shadow && 'shadow',\n                    effectClassName,\n                    className\n                )}\n                style={ratioStyle}\n                onPointerDown={handlePointerDown}\n            >\n                {effectLayer}\n                <img className={imgClassName} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n","import type {MGalleryProps} from './MGallery.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\n    return (\n        <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n            {items.map((item, i) => (\n                <GalleryFigure key={i} item={item} rounded={rounded} clickEffect={clickEffect} />\n            ))}\n        </div>\n    )\n}\n\nfunction GalleryFigure({\n    item,\n    rounded,\n    clickEffect,\n}: {\n    item: {src: string; alt?: string; caption?: string}\n    rounded: boolean\n    clickEffect: 'none' | 'ripple'\n}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded', effectClassName)} onPointerDown={handlePointerDown}>\n            <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n            {item.caption && <figcaption className=\"gallery-caption\">{item.caption}</figcaption>}\n            {effectLayer}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {MCarouselProps} from './MCarousel.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport './MCarousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function MCarousel({\n    autoPlay = false,\n    interval = 5000,\n    showDots = true,\n    showArrows = true,\n    loop = true,\n    draggable = true,\n    transition = 'slide',\n    className,\n    children,\n    ...rest\n}: MCarouselProps) {\n    const slides = Children.toArray(children)\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [dragOffset, setDragOffset] = useState(0)\n    const [isDragging, setIsDragging] = useState(false)\n    const dragStartX = useRef(0)\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const goTo = useCallback(\n        (index: number) => {\n            if (loop) {\n                setActive((index + count) % count)\n            } else {\n                setActive(Math.max(0, Math.min(index, count - 1)))\n            }\n        },\n        [count, loop]\n    )\n\n    const prev = useCallback(() => goTo(active - 1), [active, goTo])\n    const next = useCallback(() => goTo(active + 1), [active, goTo])\n\n    useEffect(() => {\n        if (!autoPlay || count <= 1 || isDragging) return\n        const timer = setInterval(next, interval)\n        return () => clearInterval(timer)\n    }, [autoPlay, interval, next, count, isDragging])\n\n    const handleDragStart = (clientX: number) => {\n        if (!draggable) return\n        setIsDragging(true)\n        dragStartX.current = clientX\n        setDragOffset(0)\n    }\n\n    const handleDragMove = (clientX: number) => {\n        if (!isDragging) return\n        const diff = clientX - dragStartX.current\n        setDragOffset(diff)\n    }\n\n    const handleDragEnd = () => {\n        if (!isDragging) return\n        setIsDragging(false)\n        const threshold = 50\n        if (dragOffset < -threshold) {\n            next()\n        } else if (dragOffset > threshold) {\n            prev()\n        }\n        setDragOffset(0)\n    }\n\n    const onPointerDown = (e: React.PointerEvent) => {\n        if (!draggable) return\n        e.currentTarget.setPointerCapture(e.pointerId)\n        handleDragStart(e.clientX)\n    }\n\n    const onPointerMove = (e: React.PointerEvent) => {\n        handleDragMove(e.clientX)\n    }\n\n    const onPointerUp = () => {\n        handleDragEnd()\n    }\n\n    if (count === 0) return null\n\n    const isFade = transition === 'fade'\n    const trackStyle = !isFade\n        ? {transform: `translateX(calc(-${active * 100}% + ${isDragging ? dragOffset : 0}px))`}\n        : undefined\n\n    return (\n        <div className={cn('carousel', isFade && 'fade', className)} {...rest}>\n            <div\n                className=\"carousel-viewport\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={onPointerUp}\n                onPointerCancel={onPointerUp}\n                style={{\n                    touchAction: draggable ? 'pan-y' : undefined,\n                    cursor: draggable ? (isDragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div ref={trackRef} className={cn('carousel-track', isDragging && 'dragging')} style={trackStyle}>\n                    {slides.map((slide, i) => (\n                        <div\n                            key={i}\n                            className={cn(\n                                'carousel-slide',\n                                isFade && i === active && 'active',\n                                isFade && i !== active && 'hidden'\n                            )}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                    >\n                        <MChevronLeftIcon />\n                    </MButton>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        className=\"carousel-arrow carousel-arrow-next\"\n                    >\n                        <MChevronRightIcon />\n                    </MButton>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className=\"carousel-dots\">\n                    {slides.map((_, i) => (\n                        <button\n                            key={i}\n                            className={cn('carousel-dot', i === active && 'active')}\n                            onClick={() => goTo(i)}\n                            aria-label={`Slide ${i + 1}`}\n                            type=\"button\"\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/media-uvYa5r3D.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MChevronRightIcon-QbfE-b7g.cjs`),t=require(`./cn-CpRt8Xjj.cjs`),n=require(`./useInteractionEffect-BaJeiUns.cjs`),r=require(`./MButton-DOtMjOTz.cjs`),i=require(`./MSkeleton-7YJwDcvl.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s={"1:1":`1 / 1`,"4:3":`4 / 3`,"16:9":`16 / 9`,"21:9":`21 / 9`};function c({fit:e=`cover`,ratio:r=`auto`,rounded:c=!1,bordered:l=!1,shadow:u=!1,clickEffect:d=`none`,fallback:f,skeleton:p=!1,className:m,style:h,alt:g,onError:_,...v}){let[y,b]=(0,a.useState)(!1),{effectClassName:x,effectLayer:S,handlePointerDown:C}=n.t({effect:p?`none`:d}),w=e=>{f&&!y&&(b(!0),e.currentTarget.src=f),_?.(e)},T=r!==`auto`&&!!s[r],E=T?{aspectRatio:s[r],...h}:h;if(p)return(0,o.jsx)(i.t,{variant:`rectangle`,animate:`pulse`,className:t.t(`image-skeleton`,c&&`rounded`,l&&`bordered`,m),style:E,"aria-label":`Loading`});let D=t.t(`image`,e,!S&&c&&`rounded`,!S&&l&&`bordered`,!S&&u&&`shadow`);return S?(0,o.jsxs)(`span`,{className:t.t(`image-wrap`,T&&`has-ratio`,c&&`rounded`,l&&`bordered`,u&&`shadow`,x,m),style:E,onPointerDown:C,children:[S,(0,o.jsx)(`img`,{className:D,onError:w,...v,alt:g??``})]}):(0,o.jsx)(`img`,{className:t.t(D,m),style:E,onError:w,...v,alt:g??``})}function l({items:e,columns:n=3,rounded:r=!0,clickEffect:i=`ripple`,className:a,...s}){return(0,o.jsx)(`div`,{className:t.t(`gallery`,`columns-${n}`,a),...s,children:e.map((e,t)=>(0,o.jsx)(u,{item:e,rounded:r,clickEffect:i},t))})}function u({item:e,rounded:r,clickEffect:i}){let{effectClassName:a,effectLayer:s,handlePointerDown:c}=n.t({effect:i});return(0,o.jsxs)(`figure`,{className:t.t(`gallery-item`,r&&`rounded`,a),onPointerDown:c,children:[(0,o.jsx)(`img`,{className:`gallery-image`,src:e.src,alt:e.alt||``,loading:`lazy`}),e.caption&&(0,o.jsx)(`figcaption`,{className:`gallery-caption`,children:e.caption}),s]})}function d({autoPlay:n=!1,interval:i=5e3,showDots:s=!0,showArrows:c=!0,loop:l=!0,draggable:u=!0,transition:d=`slide`,className:f,children:p,...m}){let h=a.Children.toArray(p),g=h.length,[_,v]=(0,a.useState)(0),[y,b]=(0,a.useState)(0),[x,S]=(0,a.useState)(!1),C=(0,a.useRef)(0),w=(0,a.useRef)(null),T=(0,a.useCallback)(e=>{v(l?(e+g)%g:Math.max(0,Math.min(e,g-1)))},[g,l]),E=(0,a.useCallback)(()=>T(_-1),[_,T]),D=(0,a.useCallback)(()=>T(_+1),[_,T]);(0,a.useEffect)(()=>{if(!n||g<=1||x)return;let e=setInterval(D,i);return()=>clearInterval(e)},[n,i,D,g,x]);let O=e=>{u&&(S(!0),C.current=e,b(0))},k=e=>{x&&b(e-C.current)},A=()=>{x&&(S(!1),y<-50?D():y>50&&E(),b(0))},j=e=>{u&&(e.currentTarget.setPointerCapture(e.pointerId),O(e.clientX))},M=e=>{k(e.clientX)},N=()=>{A()};if(g===0)return null;let P=d===`fade`,F=P?void 0:{transform:`translateX(calc(-${_*100}% + ${x?y:0}px))`};return(0,o.jsxs)(`div`,{className:t.t(`carousel`,P&&`fade`,f),...m,children:[(0,o.jsx)(`div`,{className:`carousel-viewport`,onPointerDown:j,onPointerMove:M,onPointerUp:N,onPointerCancel:N,style:{touchAction:u?`pan-y`:void 0,cursor:u?x?`grabbing`:`grab`:void 0},children:(0,o.jsx)(`div`,{ref:w,className:t.t(`carousel-track`,x&&`dragging`),style:F,children:h.map((e,n)=>(0,o.jsx)(`div`,{className:t.t(`carousel-slide`,P&&n===_&&`active`,P&&n!==_&&`hidden`),children:e},n))})}),c&&g>1&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.t,{variant:`ghost`,color:`primary`,iconOnly:!0,shape:`circle`,onClick:E,"aria-label":`Previous slide`,className:`carousel-arrow carousel-arrow-prev`,children:(0,o.jsx)(e.n,{})}),(0,o.jsx)(r.t,{variant:`ghost`,color:`primary`,iconOnly:!0,shape:`circle`,onClick:D,"aria-label":`Next slide`,className:`carousel-arrow carousel-arrow-next`,children:(0,o.jsx)(e.t,{})})]}),s&&g>1&&(0,o.jsx)(`div`,{className:`carousel-dots`,children:h.map((e,n)=>(0,o.jsx)(`button`,{className:t.t(`carousel-dot`,n===_&&`active`),onClick:()=>T(n),"aria-label":`Slide ${n+1}`,type:`button`},n))})]})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=media-uvYa5r3D.cjs.map

package/dist/media-uvYa5r3D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-uvYa5r3D.cjs","names":[],"sources":["../src/components/media/MImage/MImage.tsx","../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {MImageProps} from './MImage.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport './MImage.css'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    fit = 'cover',\n    ratio = 'auto',\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const ratioStyle = hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn(\n                    'image-skeleton',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    className\n                )}\n                style={ratioStyle}\n                aria-label=\"Loading\"\n            />\n        )\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn(\n                    'image-wrap',\n                    hasFixedRatio && 'has-ratio',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    shadow && 'shadow',\n                    effectClassName,\n                    className\n                )}\n                style={ratioStyle}\n                onPointerDown={handlePointerDown}\n            >\n                {effectLayer}\n                <img className={imgClassName} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n","import type {MGalleryProps} from './MGallery.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\n    return (\n        <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n            {items.map((item, i) => (\n                <GalleryFigure key={i} item={item} rounded={rounded} clickEffect={clickEffect} />\n            ))}\n        </div>\n    )\n}\n\nfunction GalleryFigure({\n    item,\n    rounded,\n    clickEffect,\n}: {\n    item: {src: string; alt?: string; caption?: string}\n    rounded: boolean\n    clickEffect: 'none' | 'ripple'\n}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded', effectClassName)} onPointerDown={handlePointerDown}>\n            <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n            {item.caption && <figcaption className=\"gallery-caption\">{item.caption}</figcaption>}\n            {effectLayer}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {MCarouselProps} from './MCarousel.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport './MCarousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function MCarousel({\n    autoPlay = false,\n    interval = 5000,\n    showDots = true,\n    showArrows = true,\n    loop = true,\n    draggable = true,\n    transition = 'slide',\n    className,\n    children,\n    ...rest\n}: MCarouselProps) {\n    const slides = Children.toArray(children)\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [dragOffset, setDragOffset] = useState(0)\n    const [isDragging, setIsDragging] = useState(false)\n    const dragStartX = useRef(0)\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const goTo = useCallback(\n        (index: number) => {\n            if (loop) {\n                setActive((index + count) % count)\n            } else {\n                setActive(Math.max(0, Math.min(index, count - 1)))\n            }\n        },\n        [count, loop]\n    )\n\n    const prev = useCallback(() => goTo(active - 1), [active, goTo])\n    const next = useCallback(() => goTo(active + 1), [active, goTo])\n\n    useEffect(() => {\n        if (!autoPlay || count <= 1 || isDragging) return\n        const timer = setInterval(next, interval)\n        return () => clearInterval(timer)\n    }, [autoPlay, interval, next, count, isDragging])\n\n    const handleDragStart = (clientX: number) => {\n        if (!draggable) return\n        setIsDragging(true)\n        dragStartX.current = clientX\n        setDragOffset(0)\n    }\n\n    const handleDragMove = (clientX: number) => {\n        if (!isDragging) return\n        const diff = clientX - dragStartX.current\n        setDragOffset(diff)\n    }\n\n    const handleDragEnd = () => {\n        if (!isDragging) return\n        setIsDragging(false)\n        const threshold = 50\n        if (dragOffset < -threshold) {\n            next()\n        } else if (dragOffset > threshold) {\n            prev()\n        }\n        setDragOffset(0)\n    }\n\n    const onPointerDown = (e: React.PointerEvent) => {\n        if (!draggable) return\n        e.currentTarget.setPointerCapture(e.pointerId)\n        handleDragStart(e.clientX)\n    }\n\n    const onPointerMove = (e: React.PointerEvent) => {\n        handleDragMove(e.clientX)\n    }\n\n    const onPointerUp = () => {\n        handleDragEnd()\n    }\n\n    if (count === 0) return null\n\n    const isFade = transition === 'fade'\n    const trackStyle = !isFade\n        ? {transform: `translateX(calc(-${active * 100}% + ${isDragging ? dragOffset : 0}px))`}\n        : undefined\n\n    return (\n        <div className={cn('carousel', isFade && 'fade', className)} {...rest}>\n            <div\n                className=\"carousel-viewport\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={onPointerUp}\n                onPointerCancel={onPointerUp}\n                style={{\n                    touchAction: draggable ? 'pan-y' : undefined,\n                    cursor: draggable ? (isDragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div ref={trackRef} className={cn('carousel-track', isDragging && 'dragging')} style={trackStyle}>\n                    {slides.map((slide, i) => (\n                        <div\n                            key={i}\n                            className={cn(\n                                'carousel-slide',\n                                isFade && i === active && 'active',\n                                isFade && i !== active && 'hidden'\n                            )}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                    >\n                        <MChevronLeftIcon />\n                    </MButton>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        className=\"carousel-arrow carousel-arrow-next\"\n                    >\n                        <MChevronRightIcon />\n                    </MButton>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className=\"carousel-dots\">\n                    {slides.map((_, i) => (\n                        <button\n                            key={i}\n                            className={cn('carousel-dot', i === active && 'active')}\n                            onClick={() => goTo(i)}\n                            aria-label={`Slide ${i + 1}`}\n                            type=\"button\"\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/media.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MasonryItem-CBxzCuRr.cjs`),t=require(`./Avatar-Ba4TdSXp.cjs`);exports.Avatar=t.t,exports.MAvatar=t.t,exports.Carousel=e.a,exports.MCarousel=e.a,exports.Gallery=e.o,exports.MGallery=e.o,exports.Image=e.s,exports.MImage=e.s,exports.MMasonry=e.n,exports.Masonry=e.n,exports.MMasonryItem=e.t,exports.MasonryItem=e.t,exports.MShowcaseCarousel=e.r,exports.ShowcaseCarousel=e.r,exports.MShowcaseCarouselItem=e.i,exports.ShowcaseCarouselItem=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./media-uvYa5r3D.cjs`),t=require(`./MAvatar-lzW37S2c.cjs`);exports.MAvatar=t.t,exports.MCarousel=e.t,exports.MGallery=e.n,exports.MImage=e.r;

package/dist/media.d.ts

@@ -1,3 +1 @@
 export * from './components/media';
-export { Image as MImage, Gallery as MGallery, Carousel as MCarousel, ShowcaseCarousel as MShowcaseCarousel, ShowcaseCarouselItem as MShowcaseCarouselItem, Masonry as MMasonry, MasonryItem as MMasonryItem, Avatar as MAvatar, } from './components/media';
-export type { ImageProps as MImageProps, ImageFit as MImageFit, ImageRatio as MImageRatio, GalleryProps as MGalleryProps, GalleryItem as MGalleryItem, GalleryColumns as MGalleryColumns, CarouselProps as MCarouselProps, CarouselTransition as MCarouselTransition, ShowcaseCarouselSlide as MShowcaseCarouselSlide, ShowcaseCarouselProps as MShowcaseCarouselProps, ShowcaseCarouselItemProps as MShowcaseCarouselItemProps, MasonryProps as MMasonryProps, MasonryItemProps as MMasonryItemProps, AvatarProps as MAvatarProps, AvatarSize as MAvatarSize, AvatarShape as MAvatarShape, } from './components/media';

package/dist/media.js

@@ -1,5 +1,5 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./MasonryItem-BsD5OuYt.js";
-import { t as s } from "./Avatar-BzokUdR4.js";
-export { s as Avatar, s as MAvatar, e as Carousel, e as MCarousel, r as Gallery, r as MGallery, a as Image, a as MImage, n as MMasonry, n as Masonry, o as MMasonryItem, o as MasonryItem, i as MShowcaseCarousel, i as ShowcaseCarousel, t as MShowcaseCarouselItem, t as ShowcaseCarouselItem };
+import { n as e, r as t, t as n } from "./media-V8oypokY.js";
+import { t as r } from "./MAvatar-B_YPaZt9.js";
+export { r as MAvatar, n as MCarousel, e as MGallery, t as MImage };

package/dist/overlays-BjO2sRrU.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MCloseIcon-BKH33Q51.cjs`),t=require(`./cn-CpRt8Xjj.cjs`),n=require(`./MPortal-d1mwLhwx.cjs`),r=require(`./MPopover-BE73Iock.cjs`),i=require(`./MButton-DOtMjOTz.cjs`),a=require(`./MCard-BBBA2UVf.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);var c=540;function l({open:e,onClose:r,title:i,description:l,footer:u,size:d=`md`,closeOnBackdrop:f=!0,closeOnEscape:p=!0,className:m,children:h,...g}){let[_,v]=(0,o.useState)(!1),[y,b]=(0,o.useState)(!1),x=(0,o.useRef)(null);return(0,o.useEffect)(()=>{e&&(v(!0),b(!1))},[e]),(0,o.useEffect)(()=>{if(!e&&_){b(!0);let e=setTimeout(()=>{v(!1),b(!1)},c);return()=>clearTimeout(e)}},[e,_]),(0,o.useEffect)(()=>{if(!e||!p)return;let t=e=>{e.key===`Escape`&&r()};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[p,r,e]),(0,o.useEffect)(()=>{if(!_)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[_]),_?(0,s.jsx)(n.t,{children:(0,s.jsx)(`div`,{ref:x,className:t.t(`mineral-backdrop`,`modal-backdrop`,y&&`closing`),onMouseDown:e=>{f&&e.target===e.currentTarget&&r()},children:(0,s.jsx)(`div`,{className:`modal-shell`,children:(0,s.jsxs)(a.t,{className:t.t(`modal`,d,m),role:`dialog`,"aria-modal":`true`,"aria-labelledby":i?`mineral-modal-title`:void 0,...g,children:[(i||l)&&(0,s.jsxs)(a.i,{children:[i&&(0,s.jsx)(`div`,{id:`mineral-modal-title`,className:`modal-title`,children:i}),l&&(0,s.jsx)(`div`,{className:`modal-description`,children:l})]}),(0,s.jsx)(a.n,{children:h}),u&&(0,s.jsx)(a.r,{children:u})]})})})}):null}var u=540,d=72,f={sm:`32vh`,md:`52vh`,lg:`72vh`,full:`92vh`};function p({open:r,onClose:c,title:l,description:p,footer:m,size:h=`md`,closeOnBackdrop:g=!0,closeOnEscape:_=!0,className:v,children:y,style:b,...x}){let S=(0,o.useId)(),[C,w]=(0,o.useState)(!1),[T,E]=(0,o.useState)(!1),[D,O]=(0,o.useState)(0),k=(0,o.useRef)(null),A=(0,o.useRef)(0);(0,o.useEffect)(()=>{r&&(w(!0),E(!1),O(0),A.current=0)},[r]),(0,o.useEffect)(()=>{if(!r&&C){E(!0);let e=window.setTimeout(()=>{w(!1),E(!1)},u);return()=>window.clearTimeout(e)}},[r,C]),(0,o.useEffect)(()=>{if(!C)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[C]),(0,o.useEffect)(()=>{if(!r||!_)return;let e=e=>{e.key===`Escape`&&c()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[_,c,r]);function j(e){g&&e.target===e.currentTarget&&c()}function M(e){e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),k.current={pointerId:e.pointerId,startY:e.clientY},O(0),A.current=0}function N(e){let t=k.current;if(!t||t.pointerId!==e.pointerId)return;let n=Math.max(e.clientY-t.startY,0);A.current=n,O(n)}function P(e){let t=k.current;if(!(!t||t.pointerId!==e)){if(k.current=null,A.current>d){O(0),A.current=0,c();return}O(0),A.current=0}}if(!C)return null;let F=f[h],I=D>0?`translateY(${D}px)`:void 0;return(0,s.jsx)(n.t,{children:(0,s.jsx)(`div`,{className:t.t(`mineral-backdrop`,`sheet-backdrop`,T&&`closing`),onMouseDown:j,children:(0,s.jsx)(`div`,{className:`sheet-shell`,style:{transform:I},children:(0,s.jsxs)(a.t,{className:t.t(`sheet`,`size-${h}`,v),role:`dialog`,"aria-modal":`true`,"aria-labelledby":l?S:void 0,style:{...b,height:h===`full`?F:void 0,maxHeight:F},...x,children:[(0,s.jsx)(`button`,{type:`button`,className:`sheet-grabber`,onPointerDown:M,onPointerMove:N,onPointerUp:e=>P(e.pointerId),onPointerCancel:e=>P(e.pointerId),"aria-label":`Drag down to close`,children:(0,s.jsx)(`span`,{className:`sheet-handle`})}),(l||p)&&(0,s.jsxs)(a.i,{className:`sheet-header`,children:[(0,s.jsxs)(`div`,{className:`sheet-copy`,children:[l&&(0,s.jsx)(`div`,{id:S,className:`sheet-title`,children:l}),p&&(0,s.jsx)(`div`,{className:`sheet-description`,children:p})]}),(0,s.jsx)(i.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,onClick:c,"aria-label":`Close`,className:`sheet-close`,children:(0,s.jsx)(e.t,{})})]}),(0,s.jsx)(a.n,{className:`sheet-body`,children:y}),m&&(0,s.jsx)(a.r,{className:`sheet-footer`,children:m})]})})})})}var m=600;function h(e){return(0,o.isValidElement)(e)&&!!e.type.__drawerHeader}function g(e){return(0,o.isValidElement)(e)&&!!e.type.__drawerBody}function _(e){return(0,o.isValidElement)(e)&&!!e.type.__drawerFooter}function v({children:e}){return(0,s.jsx)(s.Fragment,{children:e})}v.__drawerHeader=!0;function y({children:e}){return(0,s.jsx)(s.Fragment,{children:e})}y.__drawerBody=!0;function b({children:e}){return(0,s.jsx)(s.Fragment,{children:e})}b.__drawerFooter=!0;function x({open:r,onClose:a,side:c=`right`,size:l=`md`,overlay:u=!0,closeOnBackdrop:d=!0,closeOnEscape:f=!0,className:p,children:v,...y}){let[b,x]=(0,o.useState)(!1),[S,C]=(0,o.useState)(!1),w=(0,o.useRef)(null);if((0,o.useEffect)(()=>{r&&(x(!0),C(!1))},[r]),(0,o.useEffect)(()=>{if(!r&&b){C(!0);let e=setTimeout(()=>{x(!1),C(!1)},m);return()=>clearTimeout(e)}},[r,b]),(0,o.useEffect)(()=>{if(!r||!f)return;let e=e=>{e.key===`Escape`&&a()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r,f,a]),(0,o.useEffect)(()=>{if(!b)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[b]),!b)return null;let T=e=>{d&&e.target===e.currentTarget&&a()},E=null,D=null,O=null,k=null,A=null,j=[];o.Children.forEach(v,e=>{if(h(e)){E=e.props.children,D=e.props;return}if(g(e)){O=e.props,j.push(e.props.children);return}if(_(e)){k=e.props.children,A=e.props;return}j.push(e)});let M=D??{children:void 0},N=O??{children:void 0},P=A??{children:void 0},{children:F,className:I,bordered:L=!1,...R}=M,{children:z,className:B,...V}=N,{children:H,className:U,bordered:W=!1,...G}=P;return(0,s.jsx)(n.t,{children:(0,s.jsx)(`div`,{ref:w,className:t.t(`mineral-backdrop`,`drawer-backdrop`,!u&&`no-overlay`,S&&`closing`),onMouseDown:T,children:(0,s.jsxs)(`div`,{className:t.t(`drawer`,c,l,p),role:`dialog`,"aria-modal":`true`,...y,children:[E&&(0,s.jsxs)(`div`,{...R,className:t.t(`drawer-header`,L&&`bordered`,I),children:[(0,s.jsx)(`div`,{className:`drawer-title`,children:E}),(0,s.jsx)(i.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,onClick:a,"aria-label":`Close`,className:`close`,children:(0,s.jsx)(e.t,{})})]}),(0,s.jsx)(`div`,{...V,className:t.t(`drawer-body`,B),children:j}),k&&(0,s.jsx)(`div`,{...G,className:t.t(`drawer-footer`,W&&`bordered`,U),children:k})]})})})}function S({title:e,description:n,onConfirm:a,onCancel:c,confirmText:l=`Yes`,cancelText:u=`No`,color:d=`warning`,icon:f,placement:p=`top-start`,open:m,onOpenChange:h,anchorRef:g,className:_}){let v=(0,o.useCallback)(()=>{h(!1),c?.()},[h,c]),y=(0,o.useCallback)(()=>{h(!1),a()},[h,a]);return(0,s.jsxs)(r.t,{open:m,anchorRef:g,onClose:v,placement:p,className:t.t(`popconfirm`,`color-${d}`,_),children:[(0,s.jsxs)(`div`,{className:`body`,children:[f&&(0,s.jsx)(`div`,{className:`icon`,children:f}),(0,s.jsxs)(`div`,{className:`content`,children:[(0,s.jsx)(`div`,{className:`title`,children:e}),n&&(0,s.jsx)(`div`,{className:`description`,children:n})]})]}),(0,s.jsxs)(`div`,{className:`actions`,children:[(0,s.jsx)(i.t,{variant:`ghost`,size:`sm`,color:`neutral`,onClick:v,children:u}),(0,s.jsx)(i.t,{variant:`ghost`,size:`sm`,color:d,onClick:y,children:l})]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=overlays-BjO2sRrU.cjs.map

package/dist/overlays-BjO2sRrU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays-BjO2sRrU.cjs","names":[],"sources":["../src/components/overlays/MModal/MModal.tsx","../src/components/overlays/MSheet/MSheet.tsx","../src/components/overlays/MDrawer/MDrawer.tsx","../src/components/overlays/MPopconfirm/MPopconfirm.tsx"],"sourcesContent":["import {useEffect, useState, useCallback, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MModalProps} from './MModal.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../../cards'\nimport {MPortal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './MModal.css'\n\nconst EXIT_DURATION = 540\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function MModal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MModalProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    // Open → mount immediately\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    // Close → animate out, then unmount\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) return\n        if (event.target === event.currentTarget) onClose()\n    }\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'modal-backdrop', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={'modal-shell'}>\n                    <MCard\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <MCardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </MCardHeader>\n                        )}\n                        <MCardBody>{children}</MCardBody>\n                        {footer && <MCardFooter>{footer}</MCardFooter>}\n                    </MCard>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import {useEffect, useId, useRef, useState} from 'react'\nimport type {PointerEvent as ReactPointerEvent, MouseEvent} from 'react'\nimport type {MSheetProps, MSheetSize} from './MSheet.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../../cards'\nimport {MButton} from '../../controls'\nimport {MPortal} from '../../primitives'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MSheet.css'\n\nconst EXIT_DURATION = 540\nconst CLOSE_DRAG_THRESHOLD = 72\n\nconst SHEET_HEIGHTS: Record<MSheetSize, string> = {\n    sm: '32vh',\n    md: '52vh',\n    lg: '72vh',\n    full: '92vh',\n}\n\nexport function MSheet({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    style,\n    ...rest\n}: MSheetProps) {\n    const titleId = useId()\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const [dragOffset, setDragOffset] = useState(0)\n\n    const dragStateRef = useRef<{pointerId: number; startY: number} | null>(null)\n    const dragOffsetRef = useRef(0)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n            setDragOffset(0)\n            dragOffsetRef.current = 0\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = window.setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => window.clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    function handleBackdropClick(event: MouseEvent<HTMLDivElement>) {\n        if (closeOnBackdrop && event.target === event.currentTarget) {\n            onClose()\n        }\n    }\n\n    function handleHandlePointerDown(event: ReactPointerEvent<HTMLButtonElement>) {\n        event.preventDefault()\n        event.currentTarget.setPointerCapture(event.pointerId)\n\n        dragStateRef.current = {\n            pointerId: event.pointerId,\n            startY: event.clientY,\n        }\n        setDragOffset(0)\n        dragOffsetRef.current = 0\n    }\n\n    function handleHandlePointerMove(event: ReactPointerEvent<HTMLButtonElement>) {\n        const dragState = dragStateRef.current\n        if (!dragState || dragState.pointerId !== event.pointerId) {\n            return\n        }\n\n        const nextOffset = Math.max(event.clientY - dragState.startY, 0)\n        dragOffsetRef.current = nextOffset\n        setDragOffset(nextOffset)\n    }\n\n    function finishDrag(pointerId: number) {\n        const dragState = dragStateRef.current\n        if (!dragState || dragState.pointerId !== pointerId) {\n            return\n        }\n\n        dragStateRef.current = null\n\n        if (dragOffsetRef.current > CLOSE_DRAG_THRESHOLD) {\n            setDragOffset(0)\n            dragOffsetRef.current = 0\n            onClose()\n            return\n        }\n\n        setDragOffset(0)\n        dragOffsetRef.current = 0\n    }\n\n    if (!mounted) return null\n\n    const resolvedHeight = SHEET_HEIGHTS[size]\n    const transformStyle = dragOffset > 0 ? `translateY(${dragOffset}px)` : undefined\n\n    return (\n        <MPortal>\n            <div\n                className={cn('mineral-backdrop', 'sheet-backdrop', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className=\"sheet-shell\" style={{transform: transformStyle}}>\n                    <MCard\n                        className={cn('sheet', `size-${size}`, className)}\n                        role=\"dialog\"\n                        aria-modal=\"true\"\n                        aria-labelledby={title ? titleId : undefined}\n                        style={{\n                            ...style,\n                            height: size === 'full' ? resolvedHeight : undefined,\n                            maxHeight: resolvedHeight,\n                        }}\n                        {...rest}\n                    >\n                        <button\n                            type=\"button\"\n                            className=\"sheet-grabber\"\n                            onPointerDown={handleHandlePointerDown}\n                            onPointerMove={handleHandlePointerMove}\n                            onPointerUp={(event) => finishDrag(event.pointerId)}\n                            onPointerCancel={(event) => finishDrag(event.pointerId)}\n                            aria-label=\"Drag down to close\"\n                        >\n                            <span className=\"sheet-handle\" />\n                        </button>\n\n                        {(title || description) && (\n                            <MCardHeader className=\"sheet-header\">\n                                <div className=\"sheet-copy\">\n                                    {title && (\n                                        <div id={titleId} className=\"sheet-title\">\n                                            {title}\n                                        </div>\n                                    )}\n                                    {description && <div className=\"sheet-description\">{description}</div>}\n                                </div>\n                                <MButton\n                                    variant=\"link\"\n                                    color=\"neutral\"\n                                    iconOnly\n                                    size=\"sm\"\n                                    onClick={onClose}\n                                    aria-label=\"Close\"\n                                    className=\"sheet-close\"\n                                >\n                                    <MCloseIcon />\n                                </MButton>\n                            </MCardHeader>\n                        )}\n\n                        <MCardBody className=\"sheet-body\">{children}</MCardBody>\n\n                        {footer && <MCardFooter className=\"sheet-footer\">{footer}</MCardFooter>}\n                    </MCard>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import {useCallback} from 'react'\nimport type {MPopconfirmProps} from './MPopconfirm.types'\nimport {MPopover} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {cn} from '../../../utils/cn'\nimport './MPopconfirm.css'\n\nexport function MPopconfirm({\n    title,\n    description,\n    onConfirm,\n    onCancel,\n    confirmText = 'Yes',\n    cancelText = 'No',\n    color = 'warning',\n    icon,\n    placement = 'top-start',\n    open,\n    onOpenChange,\n    anchorRef,\n    className,\n}: MPopconfirmProps) {\n    const handleCancel = useCallback(() => {\n        onOpenChange(false)\n        onCancel?.()\n    }, [onOpenChange, onCancel])\n\n    const handleConfirm = useCallback(() => {\n        onOpenChange(false)\n        onConfirm()\n    }, [onOpenChange, onConfirm])\n\n    return (\n        <MPopover\n            open={open}\n            anchorRef={anchorRef}\n            onClose={handleCancel}\n            placement={placement}\n            className={cn('popconfirm', `color-${color}`, className)}\n        >\n            <div className=\"body\">\n                {icon && <div className=\"icon\">{icon}</div>}\n                <div className=\"content\">\n                    <div className=\"title\">{title}</div>\n                    {description && <div className=\"description\">{description}</div>}\n                </div>\n            </div>\n            <div className=\"actions\">\n                <MButton variant=\"ghost\" size=\"sm\" color=\"neutral\" onClick={handleCancel}>\n                    {cancelText}\n                </MButton>\n                <MButton variant=\"ghost\" size=\"sm\" color={color} onClick={handleConfirm}>\n                    {confirmText}\n                </MButton>\n            </div>\n        </MPopover>\n    )\n}\n"],"mappings":"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"}