@banzamel/mineralui 1.7.1 → 1.8.0

package/dist/overlays-zUoV_Jy7.js

@@ -1,186 +0,0 @@
-import { Li as e } from "./icons-CfpYxnfg.js";
-import { t } from "./cn-YER3QsV1.js";
-import { t as n } from "./MPortal-Ba2Sxset.js";
-import { t as r } from "./MPopover-Cqz5TsHg.js";
-import { t as i } from "./MButton-y9qXhhGt.js";
-import { a, i as o, n as s, r as c } from "./MSkeleton-BP7H_lsX.js";
-import { useCallback as l, useEffect as u, useId as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/overlays/MSheet/MSheet.tsx
-var g = 540, _ = 72, v = {
-	sm: "32vh",
-	md: "52vh",
-	lg: "72vh",
-	full: "92vh"
-};
-function y({ open: r, onClose: l, title: y, description: b, footer: x, size: S = "md", closeOnBackdrop: C = !0, closeOnEscape: w = !0, className: T, children: E, style: D, ...O }) {
-	let k = d(), [A, j] = p(!1), [M, N] = p(!1), [P, F] = p(0), I = f(null), L = f(0);
-	u(() => {
-		r && (j(!0), N(!1), F(0), L.current = 0);
-	}, [r]), u(() => {
-		if (!r && A) {
-			N(!0);
-			let e = window.setTimeout(() => {
-				j(!1), N(!1);
-			}, g);
-			return () => window.clearTimeout(e);
-		}
-	}, [r, A]), u(() => {
-		if (!A) return;
-		let e = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", () => {
-			document.body.style.overflow = e;
-		};
-	}, [A]), u(() => {
-		if (!r || !w) return;
-		let e = (e) => {
-			e.key === "Escape" && l();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		w,
-		l,
-		r
-	]);
-	function R(e) {
-		C && e.target === e.currentTarget && l();
-	}
-	function z(e) {
-		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), I.current = {
-			pointerId: e.pointerId,
-			startY: e.clientY
-		}, F(0), L.current = 0;
-	}
-	function B(e) {
-		let t = I.current;
-		if (!t || t.pointerId !== e.pointerId) return;
-		let n = Math.max(e.clientY - t.startY, 0);
-		L.current = n, F(n);
-	}
-	function V(e) {
-		let t = I.current;
-		if (!(!t || t.pointerId !== e)) {
-			if (I.current = null, L.current > _) {
-				F(0), L.current = 0, l();
-				return;
-			}
-			F(0), L.current = 0;
-		}
-	}
-	if (!A) return null;
-	let H = v[S], U = P > 0 ? `translateY(${P}px)` : void 0;
-	return /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m("div", {
-		className: t("mineral-backdrop", "sheet-backdrop", M && "closing"),
-		onMouseDown: R,
-		children: /* @__PURE__ */ m("div", {
-			className: "sheet-shell",
-			style: { transform: U },
-			children: /* @__PURE__ */ h(s, {
-				className: t("sheet", `size-${S}`, T),
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": y ? k : void 0,
-				style: {
-					...D,
-					height: S === "full" ? H : void 0,
-					maxHeight: H
-				},
-				...O,
-				children: [
-					/* @__PURE__ */ m("button", {
-						type: "button",
-						className: "sheet-grabber",
-						onPointerDown: z,
-						onPointerMove: B,
-						onPointerUp: (e) => V(e.pointerId),
-						onPointerCancel: (e) => V(e.pointerId),
-						"aria-label": "Drag down to close",
-						children: /* @__PURE__ */ m("span", { className: "sheet-handle" })
-					}),
-					(y || b) && /* @__PURE__ */ h(a, {
-						className: "sheet-header",
-						children: [/* @__PURE__ */ h("div", {
-							className: "sheet-copy",
-							children: [y && /* @__PURE__ */ m("div", {
-								id: k,
-								className: "sheet-title",
-								children: y
-							}), b && /* @__PURE__ */ m("div", {
-								className: "sheet-description",
-								children: b
-							})]
-						}), /* @__PURE__ */ m(i, {
-							variant: "link",
-							color: "neutral",
-							iconOnly: !0,
-							size: "sm",
-							onClick: l,
-							"aria-label": "Close",
-							className: "sheet-close",
-							children: /* @__PURE__ */ m(e, {})
-						})]
-					}),
-					/* @__PURE__ */ m(c, {
-						className: "sheet-body",
-						children: E
-					}),
-					x && /* @__PURE__ */ m(o, {
-						className: "sheet-footer",
-						children: x
-					})
-				]
-			})
-		})
-	}) });
-}
-//#endregion
-//#region src/components/overlays/MPopconfirm/MPopconfirm.tsx
-function b({ title: e, description: n, onConfirm: a, onCancel: o, confirmText: s = "Yes", cancelText: c = "No", color: u = "warning", icon: d, placement: f = "top-start", open: p, onOpenChange: g, anchorRef: _, className: v }) {
-	let y = l(() => {
-		g(!1), o?.();
-	}, [g, o]), b = l(() => {
-		g(!1), a();
-	}, [g, a]);
-	return /* @__PURE__ */ h(r, {
-		open: p,
-		anchorRef: _,
-		onClose: y,
-		placement: f,
-		className: t("popconfirm", `color-${u}`, v),
-		children: [/* @__PURE__ */ h("div", {
-			className: "body",
-			children: [d && /* @__PURE__ */ m("div", {
-				className: "icon",
-				children: d
-			}), /* @__PURE__ */ h("div", {
-				className: "content",
-				children: [/* @__PURE__ */ m("div", {
-					className: "title",
-					children: e
-				}), n && /* @__PURE__ */ m("div", {
-					className: "description",
-					children: n
-				})]
-			})]
-		}), /* @__PURE__ */ h("div", {
-			className: "actions",
-			children: [/* @__PURE__ */ m(i, {
-				variant: "ghost",
-				size: "sm",
-				color: "neutral",
-				onClick: y,
-				children: c
-			}), /* @__PURE__ */ m(i, {
-				variant: "ghost",
-				size: "sm",
-				color: u,
-				onClick: b,
-				children: s
-			})]
-		})]
-	});
-}
-//#endregion
-export { y as n, b as t };
-
-//# sourceMappingURL=overlays-zUoV_Jy7.js.map

package/dist/overlays-zUoV_Jy7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlays-zUoV_Jy7.js","names":[],"sources":["../src/components/overlays/MSheet/MSheet.tsx","../src/components/overlays/MPopconfirm/MPopconfirm.tsx"],"sourcesContent":["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 {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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"}

package/dist/typography-BSBsn0f8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-BSBsn0f8.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAM,EAAC,UAAO,cAAW,aAAU,GAAG,KAAmB;AACrE,QACI,kBAAC,QAAD;EAAM,WAAW,EAAG,QAAQ,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAAE,GAAI;EAC5E;EACE,CAAA;;;;ACHf,SAAgB,EAAM,EAAC,aAAU,IAAO,UAAO,cAAW,aAAU,GAAG,KAAmB;AAGtF,QACI,kBAHc,IAAU,OAAO,MAG/B;EACI,WAAW,EAAG,QAAQ,KAAW,WAAW,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC3F,GAAI;EAEH;EACO,CAAA;;AAKpB,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAAsC;AACrF,QACI,kBAAC,MAAD;EAAI,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACrC;EACA,CAAA;;;;ACrBb,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}

package/dist/typography-CRKIyR-B.cjs

@@ -1,2 +0,0 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MText-BbEkc0Ik.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react/jsx-runtime`);function r({color:r,className:i,children:a,...o}){return(0,n.jsx)(`code`,{className:e.t(`code`,...t.n({color:r}),i),...o,children:a})}function i({ordered:r=!1,color:i,className:a,children:o,...s}){return(0,n.jsx)(r?`ol`:`ul`,{className:e.t(`list`,r&&`ordered`,...t.n({color:i}),a),...s,children:o})}function a({className:t,children:r,...i}){return(0,n.jsx)(`li`,{className:e.t(`item`,t),...i,children:r})}function o({size:t=`md`,className:r,children:i,...a}){return(0,n.jsx)(`kbd`,{className:e.t(`kbd`,t,r),...a,children:i})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=typography-CRKIyR-B.cjs.map

package/dist/typography-CRKIyR-B.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-CRKIyR-B.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"yIAMA,SAAgB,EAAM,CAAC,QAAO,YAAW,WAAU,GAAG,GAAmB,CACrE,OACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,OAAQ,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAAE,GAAI,EAC5E,WACE,CAAA,CCHf,SAAgB,EAAM,CAAC,UAAU,GAAO,QAAO,YAAW,WAAU,GAAG,GAAmB,CAGtF,OACI,EAAA,EAAA,KAHc,EAAU,KAAO,KAG/B,CACI,UAAW,EAAA,EAAG,OAAQ,GAAW,UAAW,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC3F,GAAI,EAEH,WACO,CAAA,CAKpB,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAAsC,CACrF,OACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACrC,WACA,CAAA,CCrBb,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}