@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/Slider-BvnJPPAf.js

@@ -0,0 +1,75 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { useCallback as t, useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/controls/Slider/Slider.tsx
+function a({ min: a = 0, max: o = 100, step: s = 1, value: c, onChange: l, marks: u, label: d, color: f = "primary", disabled: p = !1, className: m, ...h }) {
+	let g = n(null), _ = (c - a) / (o - a) * 100, v = t((e) => {
+		let t = Math.round(e / s) * s;
+		return Math.min(o, Math.max(a, t));
+	}, [
+		a,
+		o,
+		s
+	]), y = t((e) => {
+		let t = g.current;
+		if (!t) return c;
+		let n = t.getBoundingClientRect();
+		return v(a + (e - n.left) / n.width * (o - a));
+	}, [
+		a,
+		o,
+		c,
+		v
+	]), b = t((e) => {
+		if (p) return;
+		e.preventDefault();
+		let t = e.currentTarget;
+		t.setPointerCapture(e.pointerId), l(y(e.clientX));
+		let n = (e) => {
+			l(y(e.clientX));
+		}, r = () => {
+			t.removeEventListener("pointermove", n), t.removeEventListener("pointerup", r);
+		};
+		t.addEventListener("pointermove", n), t.addEventListener("pointerup", r);
+	}, [
+		p,
+		l,
+		y
+	]);
+	return /* @__PURE__ */ i("div", {
+		className: e("slider", f, p && "disabled", m),
+		...h,
+		children: [d && /* @__PURE__ */ r("div", {
+			className: "label",
+			children: d
+		}), /* @__PURE__ */ i("div", {
+			className: "track-wrapper",
+			ref: g,
+			onPointerDown: b,
+			children: [/* @__PURE__ */ i("div", {
+				className: "track",
+				children: [/* @__PURE__ */ r("div", {
+					className: "fill",
+					style: { width: `${_}%` }
+				}), /* @__PURE__ */ r("div", {
+					className: "thumb",
+					style: { left: `${_}%` }
+				})]
+			}), u && u.length > 0 && /* @__PURE__ */ r("div", {
+				className: "marks",
+				children: u.map((e) => /* @__PURE__ */ i("div", {
+					className: "mark",
+					style: { left: `${(e.value - a) / (o - a) * 100}%` },
+					children: [/* @__PURE__ */ r("div", { className: "tick" }), e.label && /* @__PURE__ */ r("div", {
+						className: "label",
+						children: e.label
+					})]
+				}, e.value))
+			})]
+		})]
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Slider-BvnJPPAf.js.map

package/dist/Slider-BvnJPPAf.js.map

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

package/dist/Stack-DzFHpLMS.cjs

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

package/dist/Stack-DzFHpLMS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack-DzFHpLMS.cjs","names":[],"sources":["../src/components/layout/Stack/Stack.tsx"],"sourcesContent":["import type {StackProps} from './Stack.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './Stack.css'\n\n// Stack children vertically with shared layout utility props.\nexport function Stack({\n    align = 'stretch',\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    fcolor,\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}: StackProps) {\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 && 'mineral-reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    fcolor,\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,EAAM,CAClB,QAAQ,UACR,SACA,UACA,UACA,QACA,SACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACQ,CACX,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,EAAA,EAA0B,EAAO,CAEnD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,IAAW,IAAA,IAAa,IAAW,GAAQ,EAAY,IAAA,GAC5D,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,IAAW,IAAA,IAAa,IAAW,IAAS,iBAC5C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,SACA,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/Stack-xUXSOKqN.js

@@ -0,0 +1,40 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./useReveal-Fg-i8hhZ.js";
+import { n, t as r } from "./layoutProps-CY4cnDrW.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/Stack/Stack.tsx
+function a({ align: a = "stretch", reveal: o, spacing: s, padding: c, fsize: l, fcolor: 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({ fsize: l }), k = t(o);
+	return /* @__PURE__ */ i("div", {
+		ref: o !== void 0 && o !== !1 ? k : void 0,
+		className: e("stack", a !== "stretch" && a, o !== void 0 && o !== !1 && "mineral-reveal", ...r({
+			spacing: s,
+			padding: c,
+			fsize: l,
+			fcolor: 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
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Stack-xUXSOKqN.js.map

package/dist/Stack-xUXSOKqN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack-xUXSOKqN.js","names":[],"sources":["../src/components/layout/Stack/Stack.tsx"],"sourcesContent":["import type {StackProps} from './Stack.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './Stack.css'\n\n// Stack children vertically with shared layout utility props.\nexport function Stack({\n    align = 'stretch',\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    fcolor,\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}: StackProps) {\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 && 'mineral-reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    fcolor,\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,EAAM,EAClB,WAAQ,WACR,WACA,YACA,YACA,UACA,WACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACQ;CACX,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,kBAC5C,GAAG,EAA2B;GAC1B;GACA;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/StarFillIcon-D4HEOD6y.cjs

@@ -0,0 +1,2 @@
+const e=require(`./Icon-B-s6VJr5.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=StarFillIcon-D4HEOD6y.cjs.map

package/dist/StarFillIcon-D4HEOD6y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarFillIcon-D4HEOD6y.cjs","names":[],"sources":["../src/icons/glyphs/StarIcon.tsx","../src/icons/glyphs/StarFillIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const StarIcon = forwardRef<SVGSVGElement, IconProps>(function StarIcon(props, ref) {\n    return (\n        <Icon 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        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const StarFillIcon = forwardRef<SVGSVGElement, IconProps>(function StarFillIcon(props, ref) {\n    return (\n        <Icon 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        </Icon>\n    )\n})\n"],"mappings":"6FAIA,IAAa,GAAA,EAAA,EAAA,YAAgD,SAAkB,EAAO,EAAK,CACvF,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,MAAK,GAAI,YAChB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,oGAAsG,CAAA,CAC3G,CAAA,EAEb,CCNW,GAAA,EAAA,EAAA,YAAoD,SAAsB,EAAO,EAAK,CAC/F,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,MAAK,GAAI,YAChB,EAAA,EAAA,KAAC,OAAD,CACI,EAAE,oGACF,KAAK,eACL,OAAO,OACT,CAAA,CACC,CAAA,EAEb"}

package/dist/StarFillIcon-tMWVk8tT.js

@@ -0,0 +1,25 @@
+import { t as e } from "./Icon-B848Vysm.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/icons/glyphs/StarIcon.tsx
+var r = t(function(t, r) {
+	return /* @__PURE__ */ n(e, {
+		ref: r,
+		...t,
+		children: /* @__PURE__ */ 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" })
+	});
+}), i = t(function(t, r) {
+	return /* @__PURE__ */ n(e, {
+		ref: r,
+		...t,
+		children: /* @__PURE__ */ 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",
+			fill: "currentColor",
+			stroke: "none"
+		})
+	});
+});
+//#endregion
+export { r as n, i as t };
+
+//# sourceMappingURL=StarFillIcon-tMWVk8tT.js.map

package/dist/StarFillIcon-tMWVk8tT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarFillIcon-tMWVk8tT.js","names":[],"sources":["../src/icons/glyphs/StarIcon.tsx","../src/icons/glyphs/StarFillIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const StarIcon = forwardRef<SVGSVGElement, IconProps>(function StarIcon(props, ref) {\n    return (\n        <Icon 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        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const StarFillIcon = forwardRef<SVGSVGElement, IconProps>(function StarFillIcon(props, ref) {\n    return (\n        <Icon 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        </Icon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAW,EAAqC,SAAkB,GAAO,GAAK;AACvF,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAChB,kBAAC,QAAD,EAAM,GAAE,qGAAsG,CAAA;EAC3G,CAAA;EAEb,ECNW,IAAe,EAAqC,SAAsB,GAAO,GAAK;AAC/F,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAChB,kBAAC,QAAD;GACI,GAAE;GACF,MAAK;GACL,QAAO;GACT,CAAA;EACC,CAAA;EAEb"}

package/dist/Surface-BVk3r7ws.cjs

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

package/dist/Surface-BVk3r7ws.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface-BVk3r7ws.cjs","names":[],"sources":["../src/components/layout/Surface/Surface.tsx"],"sourcesContent":["import type {SurfaceProps} from './Surface.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './Surface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function Surface({\n    tone = 'default',\n    outlined = true,\n    padded = true,\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    fcolor,\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}: SurfaceProps) {\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 && 'mineral-reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    fcolor,\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,EAAQ,CACpB,OAAO,UACP,WAAW,GACX,SAAS,GACT,SACA,UACA,UACA,QACA,SACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACU,CACb,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,iBAC5C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,SACA,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/Surface-E8hELelv.js

@@ -0,0 +1,40 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./useReveal-Fg-i8hhZ.js";
+import { n, t as r } from "./layoutProps-CY4cnDrW.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/Surface/Surface.tsx
+function a({ tone: a = "default", outlined: o = !0, padded: s = !0, reveal: c, spacing: l, padding: u, fsize: d, fcolor: f, mt: p, mb: m, ml: h, mr: g, mx: _, my: v, pt: y, pb: b, pl: x, pr: S, px: C, py: w, fullWidth: T, className: E, style: D, children: O, ...k }) {
+	let A = n({ fsize: d }), j = t(c);
+	return /* @__PURE__ */ i("div", {
+		ref: c !== void 0 && c !== !1 ? j : void 0,
+		className: e("surface", a, o && "outlined", s && "padded", c !== void 0 && c !== !1 && "mineral-reveal", ...r({
+			spacing: l,
+			padding: u,
+			fsize: d,
+			fcolor: f,
+			mt: p,
+			mb: m,
+			ml: h,
+			mr: g,
+			mx: _,
+			my: v,
+			pt: y,
+			pb: b,
+			pl: x,
+			pr: S,
+			px: C,
+			py: w,
+			fullWidth: T
+		}), E),
+		style: {
+			...A,
+			...D
+		},
+		...k,
+		children: O
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Surface-E8hELelv.js.map

package/dist/Surface-E8hELelv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface-E8hELelv.js","names":[],"sources":["../src/components/layout/Surface/Surface.tsx"],"sourcesContent":["import type {SurfaceProps} from './Surface.types'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './Surface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function Surface({\n    tone = 'default',\n    outlined = true,\n    padded = true,\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    fcolor,\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}: SurfaceProps) {\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 && 'mineral-reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    fcolor,\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,EAAQ,EACpB,UAAO,WACP,cAAW,IACX,YAAS,IACT,WACA,YACA,YACA,UACA,WACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACU;CACb,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,kBAC5C,GAAG,EAA2B;GAC1B;GACA;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/Text-DOVuH0uw.js

@@ -0,0 +1,39 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { n as t, t as n } from "./layoutProps-CY4cnDrW.js";
+import { t as r } from "./appearanceProps-8tN47e1u.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/typography/Text/Text.tsx
+function a({ as: a = "p", tone: o = "default", size: s, align: c = "left", color: l, fcolor: u, weight: d = "normal", 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, children: k, ...A }) {
+	let j = a, M = t({ fsize: m });
+	return /* @__PURE__ */ i(j, {
+		className: e("text", !l && !u && o, s, c, d, ...r({
+			color: l,
+			fcolor: u
+		}), ...n({
+			spacing: f,
+			padding: p,
+			fsize: m,
+			fcolor: u,
+			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
+		}), O),
+		style: M,
+		...A,
+		children: k
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Text-DOVuH0uw.js.map

package/dist/Text-DOVuH0uw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-DOVuH0uw.js","names":[],"sources":["../src/components/typography/Text/Text.tsx"],"sourcesContent":["import type {TextProps} from './Text.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './Text.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function Text({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    color,\n    fcolor,\n    weight = 'normal',\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    children,\n    ...rest\n}: TextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && !fcolor && tone,\n                size,\n                align,\n                weight,\n                ...getAppearanceClassNames({color, fcolor}),\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    fcolor,\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}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAK,EACjB,QAAK,KACL,UAAO,WACP,SACA,WAAQ,QACR,UACA,WACA,YAAS,UACT,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,aACA,GAAG,KACO;CACV,IAAM,IAAY,GACZ,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,GAAD;EACI,WAAW,EACP,QACA,CAAC,KAAS,CAAC,KAAU,GACrB,GACA,GACA,GACA,GAAG,EAAwB;GAAC;GAAO;GAAO,CAAC,EAC3C,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;EACP,GAAI;EAEH;EACO,CAAA"}

package/dist/Text-DUuY1RDL.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./layoutProps-Dw_ZW6ot.cjs`),n=require(`./appearanceProps-65LbXIeI.cjs`);let r=require(`react/jsx-runtime`);function i({as:i=`p`,tone:a=`default`,size:o,align:s=`left`,color:c,fcolor:l,weight:u=`normal`,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,children:O,...k}){let A=i,j=t.n({fsize:p});return(0,r.jsx)(A,{className:e.t(`text`,!c&&!l&&a,o,s,u,...n.t({color:c,fcolor:l}),...t.t({spacing:d,padding:f,fsize:p,fcolor:l,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:j,...k,children:O})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=Text-DUuY1RDL.cjs.map

package/dist/Text-DUuY1RDL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-DUuY1RDL.cjs","names":[],"sources":["../src/components/typography/Text/Text.tsx"],"sourcesContent":["import type {TextProps} from './Text.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './Text.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function Text({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    color,\n    fcolor,\n    weight = 'normal',\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    children,\n    ...rest\n}: TextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && !fcolor && tone,\n                size,\n                align,\n                weight,\n                ...getAppearanceClassNames({color, fcolor}),\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    fcolor,\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}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"4JAOA,SAAgB,EAAK,CACjB,KAAK,IACL,OAAO,UACP,OACA,QAAQ,OACR,QACA,SACA,SAAS,SACT,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,WACA,GAAG,GACO,CACV,IAAM,EAAY,EACZ,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAEpD,OACI,EAAA,EAAA,KAAC,EAAD,CACI,UAAW,EAAA,EACP,OACA,CAAC,GAAS,CAAC,GAAU,EACrB,EACA,EACA,EACA,GAAG,EAAA,EAAwB,CAAC,QAAO,SAAO,CAAC,CAC3C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,SACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,EACP,GAAI,EAEH,WACO,CAAA"}

package/dist/ThemeProvider-CCWDIXiA.cjs

@@ -0,0 +1,2 @@
+let e=require(`react`),t=require(`react/jsx-runtime`);var n=`mineralui-theme`;function r(e){return e===`system`?typeof window>`u`||window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e}function i(){try{let e=localStorage.getItem(n);if(e===`dark`||e===`light`||e===`system`)return e}catch{}return null}var a=(0,e.createContext)({theme:{},mode:`dark`,resolvedMode:`dark`,setMode:()=>{},toggleMode:()=>{}}),o={primaryRgb:`--mineral-primary-rgb`,primary:`--mineral-primary`,primaryDark:`--mineral-primary-dark`,primaryLight:`--mineral-primary-light`,neutralRgb:`--mineral-neutral-rgb`,neutral:`--mineral-neutral`,dark:`--mineral-dark`,darkLight:`--mineral-dark-light`,surface:`--mineral-surface`,surfaceContrast:`--mineral-surface-contrast`,pageBg:`--mineral-page-bg`,pageText:`--mineral-page-text`,text:`--mineral-text`,textSecondary:`--mineral-text-secondary`,textHeading:`--mineral-text-heading`,border:`--mineral-border`,borderHover:`--mineral-border-hover`,borderFocus:`--mineral-border-focus`,successRgb:`--mineral-success-rgb`,success:`--mineral-success`,errorRgb:`--mineral-error-rgb`,error:`--mineral-error`,warningRgb:`--mineral-warning-rgb`,warning:`--mineral-warning`,infoRgb:`--mineral-info-rgb`,info:`--mineral-info`,fontFamily:`--mineral-font-family-sans`,fontFamilySans:`--mineral-font-family-sans`,fontFamilyMono:`--mineral-font-family-mono`,fontFamilyHeading:`--mineral-font-family-heading`,fontColorDefault:`--mineral-fcolor-default`,fontColorMuted:`--mineral-fcolor-muted`,fontColorHeading:`--mineral-fcolor-heading`,fontColorInverted:`--mineral-fcolor-inverted`,fontColorPrimary:`--mineral-fcolor-primary`,fontColorNeutral:`--mineral-fcolor-neutral`,fontColorSuccess:`--mineral-fcolor-success`,fontColorError:`--mineral-fcolor-error`,fontColorWarning:`--mineral-fcolor-warning`,fontColorInfo:`--mineral-fcolor-info`,radiusSm:`--mineral-radius-sm`,radiusMd:`--mineral-radius-md`,radiusLg:`--mineral-radius-lg`};function s({theme:s,mode:c=`dark`,persist:l=!0,scope:u=`body`,children:d}){let f=(0,e.useRef)(null),p=(0,e.useMemo)(()=>s??{},[s]),[m,h]=(0,e.useState)(()=>{if(l){let e=i();if(e)return e}return c}),g=r(m),_=(0,e.useCallback)(e=>{if(h(e),l)try{localStorage.setItem(n,e)}catch{}},[l]),v=(0,e.useCallback)(()=>{_(g===`dark`?`light`:`dark`)},[g,_]);(0,e.useEffect)(()=>{if(m!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>h(`system`);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[m]),(0,e.useEffect)(()=>{let e=u===`body`?document.body:f.current;if(e){for(let[t,n]of Object.entries(p)){let r=o[t];r&&n&&(e.style.setProperty(r,n),r===`--mineral-font-family-sans`&&e.style.setProperty(`--mineral-font-family`,n))}return e.classList.toggle(`mineral-light`,g===`light`),()=>{for(let t of Object.keys(p)){let n=o[t];n&&(e.style.removeProperty(n),n===`--mineral-font-family-sans`&&e.style.removeProperty(`--mineral-font-family`))}e.classList.remove(`mineral-light`)}}},[g,p,u]);let y=(0,e.useMemo)(()=>({theme:p,mode:m,resolvedMode:g,setMode:_,toggleMode:v}),[p,m,g,_,v]);return(0,t.jsx)(a.Provider,{value:y,children:u===`wrapper`?(0,t.jsx)(`div`,{ref:f,className:g===`light`?`mineral-light`:void 0,children:d}):d})}function c(){return(0,e.useContext)(a)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=ThemeProvider-CCWDIXiA.cjs.map

package/dist/ThemeProvider-CCWDIXiA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider-CCWDIXiA.cjs","names":[],"sources":["../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MineralTheme, MineralMode, MineralModePreference} from './types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MineralModePreference): MineralMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MineralModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\ninterface ThemeContextValue {\n    theme: MineralTheme\n    mode: MineralModePreference\n    resolvedMode: MineralMode\n    setMode: (next: MineralModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MineralTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MineralThemeScope = 'body' | 'wrapper'\n\ninterface MineralThemeProviderProps {\n    theme?: MineralTheme\n    mode?: MineralModePreference\n    persist?: boolean\n    scope?: MineralThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MineralThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MineralThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MineralModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MineralModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MineralTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('mineral-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MineralTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('mineral-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<ThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'mineral-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useTheme(): ThemeContextValue {\n    return useContext(ThemeContext)\n}\n"],"mappings":"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"}

package/dist/ThemeProvider-COEImCNH.js

@@ -0,0 +1,132 @@
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/theme/ThemeProvider.tsx
+var c = "mineralui-theme";
+function l(e) {
+	return e === "system" ? typeof window > "u" || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
+}
+function u() {
+	try {
+		let e = localStorage.getItem(c);
+		if (e === "dark" || e === "light" || e === "system") return e;
+	} catch {}
+	return null;
+}
+var d = e({
+	theme: {},
+	mode: "dark",
+	resolvedMode: "dark",
+	setMode: () => {},
+	toggleMode: () => {}
+}), f = {
+	primaryRgb: "--mineral-primary-rgb",
+	primary: "--mineral-primary",
+	primaryDark: "--mineral-primary-dark",
+	primaryLight: "--mineral-primary-light",
+	neutralRgb: "--mineral-neutral-rgb",
+	neutral: "--mineral-neutral",
+	dark: "--mineral-dark",
+	darkLight: "--mineral-dark-light",
+	surface: "--mineral-surface",
+	surfaceContrast: "--mineral-surface-contrast",
+	pageBg: "--mineral-page-bg",
+	pageText: "--mineral-page-text",
+	text: "--mineral-text",
+	textSecondary: "--mineral-text-secondary",
+	textHeading: "--mineral-text-heading",
+	border: "--mineral-border",
+	borderHover: "--mineral-border-hover",
+	borderFocus: "--mineral-border-focus",
+	successRgb: "--mineral-success-rgb",
+	success: "--mineral-success",
+	errorRgb: "--mineral-error-rgb",
+	error: "--mineral-error",
+	warningRgb: "--mineral-warning-rgb",
+	warning: "--mineral-warning",
+	infoRgb: "--mineral-info-rgb",
+	info: "--mineral-info",
+	fontFamily: "--mineral-font-family-sans",
+	fontFamilySans: "--mineral-font-family-sans",
+	fontFamilyMono: "--mineral-font-family-mono",
+	fontFamilyHeading: "--mineral-font-family-heading",
+	fontColorDefault: "--mineral-fcolor-default",
+	fontColorMuted: "--mineral-fcolor-muted",
+	fontColorHeading: "--mineral-fcolor-heading",
+	fontColorInverted: "--mineral-fcolor-inverted",
+	fontColorPrimary: "--mineral-fcolor-primary",
+	fontColorNeutral: "--mineral-fcolor-neutral",
+	fontColorSuccess: "--mineral-fcolor-success",
+	fontColorError: "--mineral-fcolor-error",
+	fontColorWarning: "--mineral-fcolor-warning",
+	fontColorInfo: "--mineral-fcolor-info",
+	radiusSm: "--mineral-radius-sm",
+	radiusMd: "--mineral-radius-md",
+	radiusLg: "--mineral-radius-lg"
+};
+function p({ theme: e, mode: n = "dark", persist: p = !0, scope: m = "body", children: h }) {
+	let g = a(null), _ = i(() => e ?? {}, [e]), [v, y] = o(() => {
+		if (p) {
+			let e = u();
+			if (e) return e;
+		}
+		return n;
+	}), b = l(v), x = t((e) => {
+		if (y(e), p) try {
+			localStorage.setItem(c, e);
+		} catch {}
+	}, [p]), S = t(() => {
+		x(b === "dark" ? "light" : "dark");
+	}, [b, x]);
+	r(() => {
+		if (v !== "system") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => y("system");
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [v]), r(() => {
+		let e = m === "body" ? document.body : g.current;
+		if (e) {
+			for (let [t, n] of Object.entries(_)) {
+				let r = f[t];
+				r && n && (e.style.setProperty(r, n), r === "--mineral-font-family-sans" && e.style.setProperty("--mineral-font-family", n));
+			}
+			return e.classList.toggle("mineral-light", b === "light"), () => {
+				for (let t of Object.keys(_)) {
+					let n = f[t];
+					n && (e.style.removeProperty(n), n === "--mineral-font-family-sans" && e.style.removeProperty("--mineral-font-family"));
+				}
+				e.classList.remove("mineral-light");
+			};
+		}
+	}, [
+		b,
+		_,
+		m
+	]);
+	let C = i(() => ({
+		theme: _,
+		mode: v,
+		resolvedMode: b,
+		setMode: x,
+		toggleMode: S
+	}), [
+		_,
+		v,
+		b,
+		x,
+		S
+	]);
+	return /* @__PURE__ */ s(d.Provider, {
+		value: C,
+		children: m === "wrapper" ? /* @__PURE__ */ s("div", {
+			ref: g,
+			className: b === "light" ? "mineral-light" : void 0,
+			children: h
+		}) : h
+	});
+}
+function m() {
+	return n(d);
+}
+//#endregion
+export { m as n, p as t };
+
+//# sourceMappingURL=ThemeProvider-COEImCNH.js.map

package/dist/ThemeProvider-COEImCNH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider-COEImCNH.js","names":[],"sources":["../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MineralTheme, MineralMode, MineralModePreference} from './types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MineralModePreference): MineralMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MineralModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\ninterface ThemeContextValue {\n    theme: MineralTheme\n    mode: MineralModePreference\n    resolvedMode: MineralMode\n    setMode: (next: MineralModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MineralTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MineralThemeScope = 'body' | 'wrapper'\n\ninterface MineralThemeProviderProps {\n    theme?: MineralTheme\n    mode?: MineralModePreference\n    persist?: boolean\n    scope?: MineralThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MineralThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MineralThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MineralModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MineralModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MineralTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('mineral-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MineralTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('mineral-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<ThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'mineral-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useTheme(): ThemeContextValue {\n    return useContext(ThemeContext)\n}\n"],"mappings":"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"}