@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/{controls-BKAhqjNM.js → controls-BKoc_yel.js}

@@ -2,39 +2,40 @@ import { r as e } from "./theme-DAOU1aPs.js";
 import { Hi as t } from "./icons-CBMl-kOM.js";
 import { t as n } from "./cn-YER3QsV1.js";
 import { t as r } from "./useInteractionEffect-DtpbVd77.js";
-import { r as i, t as a } from "./MButton-C1pnL4_j.js";
-import { t as o } from "./MButtonGroup-BkNf7fzo.js";
-import { t as s } from "./MSimpleGrid-BWKurW6H.js";
-import { createContext as c, forwardRef as l, useCallback as u, useContext as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { r as i, t as a } from "./MButton-CEwo8lUB.js";
+import { t as o } from "./MButtonGroup-BEJxXZ8u.js";
+import { n as s } from "./frameworkTexts-DP5RUl19.js";
+import { t as c } from "./MSimpleGrid-Ui8cI0ho.js";
+import { createContext as l, forwardRef as u, useCallback as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/controls/MRadio/RadioContext.ts
-var y = c(null);
-function b() {
-	return d(y);
+var b = l(null);
+function x() {
+	return f(b);
 }
 //#endregion
 //#region src/components/controls/MRadio/MRadio.tsx
-var x = l(function({ checked: e, defaultChecked: t, name: i, id: a, value: o, disabled: s = !1, size: c = "md", color: l = "primary", label: d, labelPosition: f = "right", onChange: p, clickEffect: m = "ripple", rippleColor: h, className: g, style: y }, x) {
-	let S = b(), C = S?.name ?? i, w = S?.disabled ?? s, T = S?.size ?? c, E = S?.color ?? l, D = S ? S.value === o : e, { effectClassName: O, effectLayer: k, handlePointerDown: A, triggerEffect: j } = r({
+var S = u(function({ checked: e, defaultChecked: t, name: i, id: a, value: o, disabled: s = !1, size: c = "md", color: l = "primary", label: u, labelPosition: f = "right", onChange: p, clickEffect: m = "ripple", rippleColor: h, className: g, style: _ }, b) {
+	let S = x(), C = S?.name ?? i, w = S?.disabled ?? s, T = S?.size ?? c, E = S?.color ?? l, D = S ? S.value === o : e, { effectClassName: O, effectLayer: k, handlePointerDown: A, triggerEffect: j } = r({
 		effect: m,
 		disabled: w,
 		centered: !0,
 		color: h
-	}), M = u((e) => {
+	}), M = d((e) => {
 		p?.(e), S?.onChange && o && S.onChange(o);
 	}, [
 		p,
 		S,
 		o
 	]);
-	return /* @__PURE__ */ v("label", {
+	return /* @__PURE__ */ y("label", {
 		className: n("radio", T, f === "left" && "label-left", w && "disabled", g),
-		style: y,
-		children: [/* @__PURE__ */ v("span", {
+		style: _,
+		children: [/* @__PURE__ */ y("span", {
 			className: n("circle", `color-${E}`, O),
 			onPointerDown: A,
-			children: [k, /* @__PURE__ */ _("input", {
-				ref: x,
+			children: [k, /* @__PURE__ */ v("input", {
+				ref: b,
 				type: "radio",
 				name: C,
 				id: a,
@@ -48,18 +49,18 @@ var x = l(function({ checked: e, defaultChecked: t, name: i, id: a, value: o, di
 				},
 				className: "input"
 			})]
-		}), d && /* @__PURE__ */ _("span", {
+		}), u && /* @__PURE__ */ v("span", {
 			className: "label-text",
-			children: d
+			children: u
 		})]
 	});
 });
 //#endregion
 //#region src/components/controls/MRadio/MRadioGroup.tsx
-function S({ name: e, value: t, defaultValue: r, onChange: i, direction: a = "vertical", children: o, disabled: s = !1, size: c = "md", color: l = "primary", error: d = !1, errorText: f, label: m, className: g, style: b }) {
-	let [x, S] = h(r), C = t === void 0 ? x : t, w = u((e) => {
+function C({ name: e, value: t, defaultValue: r, onChange: i, direction: a = "vertical", children: o, disabled: s = !1, size: c = "md", color: l = "primary", error: u = !1, errorText: f, label: p, className: h, style: _ }) {
+	let [x, S] = g(r), C = t === void 0 ? x : t, w = d((e) => {
 		t === void 0 && S(e), i?.(e);
-	}, [i, t]), T = p(() => ({
+	}, [i, t]), T = m(() => ({
 		name: e,
 		value: C,
 		disabled: s,
@@ -74,19 +75,19 @@ function S({ name: e, value: t, defaultValue: r, onChange: i, direction: a = "ve
 		l,
 		w
 	]);
-	return /* @__PURE__ */ _(y.Provider, {
+	return /* @__PURE__ */ v(b.Provider, {
 		value: T,
-		children: /* @__PURE__ */ v("fieldset", {
-			className: n("radio-group", a, g),
-			style: b,
+		children: /* @__PURE__ */ y("fieldset", {
+			className: n("radio-group", a, h),
+			style: _,
 			role: "radiogroup",
 			children: [
-				m && /* @__PURE__ */ _("legend", {
-					className: n("label", d && "error"),
-					children: m
+				p && /* @__PURE__ */ v("legend", {
+					className: n("label", u && "error"),
+					children: p
 				}),
 				o,
-				f && /* @__PURE__ */ _("span", {
+				f && /* @__PURE__ */ v("span", {
 					className: "field-error",
 					role: "alert",
 					children: f
@@ -97,22 +98,22 @@ function S({ name: e, value: t, defaultValue: r, onChange: i, direction: a = "ve
 }
 //#endregion
 //#region src/components/controls/MToggle/MToggle.tsx
-var C = l(function({ checked: e, defaultChecked: t, name: i, id: a, disabled: o = !1, size: s = "md", color: c = "primary", label: l, labelPosition: u = "right", onChange: d, clickEffect: f = "ripple", rippleColor: p, className: m, style: h }, g) {
-	let { effectClassName: y, effectLayer: b, handlePointerDown: x, triggerEffect: S } = r({
+var w = u(function({ checked: e, defaultChecked: t, name: i, id: a, disabled: o = !1, size: s = "md", color: c = "primary", label: l, labelPosition: u = "right", onChange: d, clickEffect: f = "ripple", rippleColor: p, className: m, style: h }, g) {
+	let { effectClassName: _, effectLayer: b, handlePointerDown: x, triggerEffect: S } = r({
 		effect: f,
 		disabled: o,
 		centered: !0,
 		color: p
 	});
-	return /* @__PURE__ */ v("label", {
+	return /* @__PURE__ */ y("label", {
 		className: n("toggle", s, u === "left" && "label-left", o && "disabled", m),
 		style: h,
-		children: [/* @__PURE__ */ v("span", {
-			className: n("track", `color-${c}`, y),
+		children: [/* @__PURE__ */ y("span", {
+			className: n("track", `color-${c}`, _),
 			onPointerDown: x,
 			children: [
 				b,
-				/* @__PURE__ */ _("input", {
+				/* @__PURE__ */ v("input", {
 					ref: g,
 					type: "checkbox",
 					checked: e,
@@ -128,9 +129,9 @@ var C = l(function({ checked: e, defaultChecked: t, name: i, id: a, disabled: o
 					role: "switch",
 					"aria-checked": e
 				}),
-				/* @__PURE__ */ _("span", { className: "knob" })
+				/* @__PURE__ */ v("span", { className: "knob" })
 			]
-		}), l && /* @__PURE__ */ _("span", {
+		}), l && /* @__PURE__ */ v("span", {
 			className: "label-text",
 			children: l
 		})]
@@ -138,9 +139,9 @@ var C = l(function({ checked: e, defaultChecked: t, name: i, id: a, disabled: o
 });
 //#endregion
 //#region src/components/controls/MLoadMore/MLoadMore.tsx
-function w({ onLoadMore: e, loading: t = !1, hasMore: r = !0, loaded: i, total: o, auto: s = !1, autoThreshold: c = 100, variant: l = "outlined", color: d = "primary", label: p = "Load more", loadingLabel: h = "Loading...", doneLabel: g = "All items loaded", className: y, ...b }) {
-	let x = m(null), S = m(e);
-	S.current = e, f(() => {
+function T({ onLoadMore: e, loading: t = !1, hasMore: r = !0, loaded: i, total: o, auto: s = !1, autoThreshold: c = 100, variant: l = "outlined", color: u = "primary", label: f = "Load more", loadingLabel: m = "Loading...", doneLabel: g = "All items loaded", className: _, ...b }) {
+	let x = h(null), S = h(e);
+	S.current = e, p(() => {
 		if (!s || !r || t) return;
 		let e = x.current;
 		if (!e) return;
@@ -154,18 +155,18 @@ function w({ onLoadMore: e, loading: t = !1, hasMore: r = !0, loaded: i, total:
 		t,
 		c
 	]);
-	let C = u(() => {
+	let C = d(() => {
 		!t && r && e();
 	}, [
 		e,
 		t,
 		r
 	]), w = i !== void 0 && o !== void 0;
-	return /* @__PURE__ */ v("div", {
-		className: n("load-more", y),
+	return /* @__PURE__ */ y("div", {
+		className: n("load-more", _),
 		...b,
 		children: [
-			w && /* @__PURE__ */ v("span", {
+			w && /* @__PURE__ */ y("span", {
 				className: "load-more-count",
 				children: [
 					i,
@@ -173,24 +174,24 @@ function w({ onLoadMore: e, loading: t = !1, hasMore: r = !0, loaded: i, total:
 					o
 				]
 			}),
-			r ? /* @__PURE__ */ _(a, {
+			r ? /* @__PURE__ */ v(a, {
 				variant: l,
-				color: d,
+				color: u,
 				loading: t,
 				onClick: C,
 				className: "load-more-btn",
-				children: t ? h : p
-			}) : /* @__PURE__ */ _("span", {
+				children: t ? m : f
+			}) : /* @__PURE__ */ v("span", {
 				className: "load-more-done",
 				children: g
 			}),
-			s && r && /* @__PURE__ */ _("div", {
+			s && r && /* @__PURE__ */ v("div", {
 				ref: x,
 				className: "load-more-sentinel"
 			}),
-			w && /* @__PURE__ */ _("div", {
+			w && /* @__PURE__ */ v("div", {
 				className: "load-more-bar",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "load-more-bar-fill",
 					style: { width: `${Math.min(i / o * 100, 100)}%` }
 				})
@@ -200,34 +201,34 @@ function w({ onLoadMore: e, loading: t = !1, hasMore: r = !0, loaded: i, total:
 }
 //#endregion
 //#region src/components/controls/MScrollTop/MScrollTop.tsx
-function T({ threshold: e = 300, variant: r = "filled", color: i = "primary", smooth: o = !0, className: s }) {
-	let [c, l] = h(!1);
-	return f(() => {
+function E({ threshold: e = 300, variant: r = "filled", color: i = "primary", smooth: o = !0, className: c }) {
+	let l = s(), [u, f] = g(!1);
+	return p(() => {
 		function t() {
-			l(window.scrollY > e);
+			f(window.scrollY > e);
 		}
 		return t(), window.addEventListener("scroll", t, { passive: !0 }), () => window.removeEventListener("scroll", t);
-	}, [e]), /* @__PURE__ */ _(a, {
+	}, [e]), /* @__PURE__ */ v(a, {
 		variant: r,
 		color: i,
 		shape: "circle",
 		size: "lg",
 		iconOnly: !0,
-		onClick: u(() => {
+		onClick: d(() => {
 			window.scrollTo({
 				top: 0,
 				behavior: o ? "smooth" : "instant"
 			});
 		}, [o]),
-		"aria-label": "Scroll to top",
-		className: n("scroll-top", c && "visible", s),
-		children: /* @__PURE__ */ _(t, {})
+		"aria-label": l.scrollToTop,
+		className: n("scroll-top", u && "visible", c),
+		children: /* @__PURE__ */ v(t, {})
 	});
 }
 //#endregion
 //#region src/components/controls/MQuickActions/MQuickActions.tsx
-function E({ items: e, layout: t = "group", orientation: r = "horizontal", columns: i = 4, size: c = "sm", color: l, variant: u = "ghost", fullWidth: d = !0, className: f, ...p }) {
-	let m = e.map((e) => /* @__PURE__ */ _(a, {
+function D({ items: e, layout: t = "group", orientation: r = "horizontal", columns: i = 4, size: s = "sm", color: l, variant: u = "ghost", fullWidth: d = !0, className: f, ...p }) {
+	let m = e.map((e) => /* @__PURE__ */ v(a, {
 		component: e.component,
 		to: e.to,
 		href: e.href,
@@ -236,7 +237,7 @@ function E({ items: e, layout: t = "group", orientation: r = "horizontal", colum
 		onClick: e.onClick,
 		color: e.color ?? l,
 		variant: e.variant ?? u,
-		size: c,
+		size: s,
 		startIcon: e.icon,
 		badge: e.badge,
 		badgeColor: e.badgeColor,
@@ -246,17 +247,17 @@ function E({ items: e, layout: t = "group", orientation: r = "horizontal", colum
 		fullWidth: t === "grid" ? !0 : d,
 		children: e.label
 	}, e.key ?? e.to ?? e.href ?? e.label?.toString()));
-	return t === "grid" ? /* @__PURE__ */ _(s, {
+	return t === "grid" ? /* @__PURE__ */ v(c, {
 		columns: i,
 		className: n("quick-actions", d && "full-width", f),
 		...p,
 		children: m
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: n("quick-actions", d && "full-width", f),
 		...p,
-		children: /* @__PURE__ */ _(o, {
+		children: /* @__PURE__ */ v(o, {
 			orientation: r,
-			size: c,
+			size: s,
 			variant: u,
 			color: l,
 			attached: !1,
@@ -266,8 +267,8 @@ function E({ items: e, layout: t = "group", orientation: r = "horizontal", colum
 }
 //#endregion
 //#region src/components/controls/MSocialButton/MSocialButton.icons.tsx
-function D(e, t) {
-	return /* @__PURE__ */ _("svg", {
+function O(e, t) {
+	return /* @__PURE__ */ v("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
@@ -276,9 +277,9 @@ function D(e, t) {
 		children: e
 	});
 }
-function O(e) {
-	return D(/* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ _("circle", {
+function k(e) {
+	return O(/* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10.2",
@@ -286,49 +287,49 @@ function O(e) {
 			stroke: "#dadce0",
 			strokeWidth: "1.2"
 		}),
-		/* @__PURE__ */ _("path", {
+		/* @__PURE__ */ v("path", {
 			d: "M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z",
 			fill: "#4285F4"
 		}),
-		/* @__PURE__ */ _("path", {
+		/* @__PURE__ */ v("path", {
 			d: "M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z",
 			fill: "#34A853"
 		}),
-		/* @__PURE__ */ _("path", {
+		/* @__PURE__ */ v("path", {
 			d: "M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z",
 			fill: "#FBBC05"
 		}),
-		/* @__PURE__ */ _("path", {
+		/* @__PURE__ */ v("path", {
 			d: "M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z",
 			fill: "#EA4335"
 		})
 	] }), e);
 }
-function k(e) {
-	return D(/* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("rect", {
+function A(e) {
+	return O(/* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("rect", {
 		x: "2.2",
 		y: "2.2",
 		width: "19.6",
 		height: "19.6",
 		rx: "6.2",
 		fill: "#1877F2"
-	}), /* @__PURE__ */ _("path", {
+	}), /* @__PURE__ */ v("path", {
 		d: "M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z",
 		fill: "#fff"
 	})] }), e);
 }
-function A(e) {
-	return D(/* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("path", {
+function j(e) {
+	return O(/* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("path", {
 		d: "M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z",
 		fill: "currentColor"
-	}), /* @__PURE__ */ _("path", {
+	}), /* @__PURE__ */ v("path", {
 		d: "M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z",
 		fill: "currentColor"
 	})] }), e);
 }
-function j(e) {
-	return D(/* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ _("rect", {
+function M(e) {
+	return O(/* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v("rect", {
 			x: "3.5",
 			y: "3.5",
 			width: "7.8",
@@ -336,7 +337,7 @@ function j(e) {
 			rx: "1.3",
 			fill: "#F25022"
 		}),
-		/* @__PURE__ */ _("rect", {
+		/* @__PURE__ */ v("rect", {
 			x: "12.7",
 			y: "3.5",
 			width: "7.8",
@@ -344,7 +345,7 @@ function j(e) {
 			rx: "1.3",
 			fill: "#7FBA00"
 		}),
-		/* @__PURE__ */ _("rect", {
+		/* @__PURE__ */ v("rect", {
 			x: "3.5",
 			y: "12.7",
 			width: "7.8",
@@ -352,7 +353,7 @@ function j(e) {
 			rx: "1.3",
 			fill: "#00A4EF"
 		}),
-		/* @__PURE__ */ _("rect", {
+		/* @__PURE__ */ v("rect", {
 			x: "12.7",
 			y: "12.7",
 			width: "7.8",
@@ -362,81 +363,81 @@ function j(e) {
 		})
 	] }), e);
 }
-function M(e) {
-	return D(/* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("circle", {
+function N(e) {
+	return O(/* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("circle", {
 		cx: "12",
 		cy: "12",
 		r: "10.1",
 		fill: "#fff"
-	}), /* @__PURE__ */ _("path", {
+	}), /* @__PURE__ */ v("path", {
 		d: "M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z",
 		fill: "#E60023"
 	})] }), e);
 }
-function N(e) {
-	return D(/* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("rect", {
+function P(e) {
+	return O(/* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("rect", {
 		x: "2.4",
 		y: "2.4",
 		width: "19.2",
 		height: "19.2",
 		rx: "4.8",
 		fill: "#fff"
-	}), /* @__PURE__ */ _("path", {
+	}), /* @__PURE__ */ v("path", {
 		d: "M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z",
 		fill: "#0A66C2"
 	})] }), e);
 }
 //#endregion
 //#region src/components/controls/MSocialButton/MSocialButton.tsx
-var P = {
+var F = {
 	google: {
 		label: "Sign in with Google",
 		iconLabel: "Google",
 		mode: "google",
-		Icon: O
+		Icon: k
 	},
 	facebook: {
 		label: "Sign in with Facebook",
 		iconLabel: "Facebook",
 		mode: "outline",
-		Icon: k
+		Icon: A
 	},
 	apple: {
 		label: "Sign in with Apple",
 		iconLabel: "Apple",
 		mode: "brand",
-		Icon: A
+		Icon: j
 	},
 	microsoft: {
 		label: "Sign in with Microsoft",
 		iconLabel: "Microsoft",
 		mode: "brand",
-		Icon: j
+		Icon: M
 	},
 	pinterest: {
 		label: "Sign in with Pinterest",
 		iconLabel: "Pinterest",
 		mode: "brand",
-		Icon: M
+		Icon: N
 	},
 	linkedin: {
 		label: "Sign in with LinkedIn",
 		iconLabel: "LinkedIn",
 		mode: "brand",
-		Icon: N
+		Icon: P
 	}
-}, F = l(function({ platform: t = "google", variant: a = "outline", size: o = "md", iconOnly: s = !1, iconShape: c = "circle", hidden: l, fullWidth: u = !1, loading: d = !1, active: f = !1, pulsing: p = !1, clickEffect: m = "ripple", rippleColor: h, className: g, style: y, children: b, disabled: x = !1, type: S = "button", onPointerDown: C, onKeyDown: w, "aria-label": T, ...E }, D) {
-	let O = P[t], k = O.Icon, A = b ?? O.label, j = T ?? (s ? O.iconLabel : void 0), M = O.mode === "google" ? a : O.mode, N = x || d, { effectClassName: F, effectLayer: I, handlePointerDown: L, triggerEffect: R } = r({
+}, I = u(function({ platform: t = "google", variant: a = "outline", size: o = "md", iconOnly: s = !1, iconShape: c = "circle", hidden: l, fullWidth: u = !1, loading: d = !1, active: f = !1, pulsing: p = !1, clickEffect: m = "ripple", rippleColor: h, className: g, style: _, children: b, disabled: x = !1, type: S = "button", onPointerDown: C, onKeyDown: w, "aria-label": T, ...E }, D) {
+	let O = F[t], k = O.Icon, A = b ?? O.label, j = T ?? (s ? O.iconLabel : void 0), M = O.mode === "google" ? a : O.mode, N = x || d, { effectClassName: P, effectLayer: I, handlePointerDown: L, triggerEffect: R } = r({
 		effect: m,
 		disabled: N,
 		centered: s,
 		color: h
 	});
-	return /* @__PURE__ */ v("button", {
+	return /* @__PURE__ */ y("button", {
 		ref: D,
 		type: S,
-		className: n("social-button-root", t, M, o, u && "full-width", s && "icon-only", s && `icon-shape-${c}`, d && "loading", f && "active", p && "pulsing", N && "disabled", F, g),
-		style: y,
+		className: n("social-button-root", t, M, o, u && "full-width", s && "icon-only", s && `icon-shape-${c}`, d && "loading", f && "active", p && "pulsing", N && "disabled", P, g),
+		style: _,
 		disabled: N,
 		"aria-busy": d || void 0,
 		"aria-label": j,
@@ -450,18 +451,18 @@ var P = {
 		...E,
 		children: [
 			I,
-			d && /* @__PURE__ */ _(i, {
+			d && /* @__PURE__ */ v(i, {
 				size: "sm",
 				color: "inherit",
 				className: "social-button-spinner",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ _("span", {
+			/* @__PURE__ */ v("span", {
 				className: "social-button-brand",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ _(k, { className: "social-button-mark" })
+				children: /* @__PURE__ */ v(k, { className: "social-button-mark" })
 			}),
-			!s && /* @__PURE__ */ _("span", {
+			!s && /* @__PURE__ */ v("span", {
 				className: "social-button-label",
 				children: A
 			})
@@ -469,6 +470,6 @@ var P = {
 	});
 });
 //#endregion
-export { C as a, w as i, E as n, S as o, T as r, x as s, F as t };
+export { w as a, T as i, D as n, C as o, E as r, S as s, I as t };
 
-//# sourceMappingURL=controls-BKAhqjNM.js.map
+//# sourceMappingURL=controls-BKoc_yel.js.map

package/dist/controls-BKoc_yel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls-BKoc_yel.js","names":[],"sources":["../src/components/controls/MRadio/RadioContext.ts","../src/components/controls/MRadio/MRadio.tsx","../src/components/controls/MRadio/MRadioGroup.tsx","../src/components/controls/MToggle/MToggle.tsx","../src/components/controls/MLoadMore/MLoadMore.tsx","../src/components/controls/MScrollTop/MScrollTop.tsx","../src/components/controls/MQuickActions/MQuickActions.tsx","../src/components/controls/MSocialButton/MSocialButton.icons.tsx","../src/components/controls/MSocialButton/MSocialButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MRadioGroupContextValue} from './MRadio.types'\n\nexport const RadioContext = createContext<MRadioGroupContextValue | null>(null)\n\n// Read the nearest radio-group context when a radio participates in grouped state.\nexport function useRadioGroup(): MRadioGroupContextValue | null {\n    return useContext(RadioContext)\n}\n","import {forwardRef, useCallback} from 'react'\nimport type * as React from 'react'\nimport type {MRadioProps} from './MRadio.types'\nimport {useRadioGroup} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MRadio.css'\n\n// Render a single radio that can work standalone or inside MRadioGroup.\nexport const MRadio = forwardRef<HTMLInputElement, MRadioProps>(function MRadio(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const group = useRadioGroup()\n\n    const resolvedName = group?.name ?? name\n    const resolvedDisabled = group?.disabled ?? disabled\n    const resolvedSize = group?.size ?? size\n    const resolvedColor = group?.color ?? color\n    const resolvedChecked = group ? group.value === value : checked\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled: resolvedDisabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Delegate selection back to the group when one is present.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(event)\n            if (group?.onChange && value) {\n                group.onChange(value)\n            }\n        },\n        [onChange, group, value]\n    )\n\n    return (\n        <label\n            className={cn(\n                'radio',\n                resolvedSize,\n                labelPosition === 'left' && 'label-left',\n                resolvedDisabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('circle', `color-${resolvedColor}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    name={resolvedName}\n                    id={id}\n                    value={value}\n                    checked={resolvedChecked}\n                    defaultChecked={!group ? defaultChecked : undefined}\n                    disabled={resolvedDisabled}\n                    onChange={handleChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n","import {useState, useCallback, useMemo} from 'react'\nimport type {MRadioGroupProps} from './MRadio.types'\nimport {RadioContext} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport './MRadio.css'\n\n// Coordinate multiple radio items through shared context and optional controlled state.\nexport function MRadioGroup({\n    name,\n    value,\n    defaultValue,\n    onChange,\n    direction = 'vertical',\n    children,\n    disabled = false,\n    size = 'md',\n    color = 'primary',\n    error = false,\n    errorText,\n    label,\n    className,\n    style,\n}: MRadioGroupProps) {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Mirror controlled and uncontrolled usage with the same group API.\n    const handleChange = useCallback(\n        (val: string) => {\n            if (value === undefined) {\n                setInternalValue(val)\n            }\n            onChange?.(val)\n        },\n        [onChange, value]\n    )\n\n    // Memoize context so nested radios only update when relevant inputs change.\n    const ctx = useMemo(\n        () => ({name, value: currentValue, disabled, size, color, onChange: handleChange}),\n        [name, currentValue, disabled, size, color, handleChange]\n    )\n\n    return (\n        <RadioContext.Provider value={ctx}>\n            <fieldset className={cn('radio-group', direction, className)} style={style} role=\"radiogroup\">\n                {label && <legend className={cn('label', error && 'error')}>{label}</legend>}\n                {children}\n                {errorText && (\n                    <span className=\"field-error\" role=\"alert\">\n                        {errorText}\n                    </span>\n                )}\n            </fieldset>\n        </RadioContext.Provider>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n            style={style}\n        >\n            <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n","import {useEffect, useRef, useCallback} from 'react'\nimport type {MLoadMoreProps} from './MLoadMore.types'\nimport {MButton} from '../MButton'\nimport {cn} from '../../../utils/cn'\nimport './MLoadMore.css'\n\nexport function MLoadMore({\n    onLoadMore,\n    loading = false,\n    hasMore = true,\n    loaded,\n    total,\n    auto = false,\n    autoThreshold = 100,\n    variant = 'outlined',\n    color = 'primary',\n    label = 'Load more',\n    loadingLabel = 'Loading...',\n    doneLabel = 'All items loaded',\n    className,\n    ...rest\n}: MLoadMoreProps) {\n    const sentinelRef = useRef<HTMLDivElement>(null)\n    const loadMoreRef = useRef(onLoadMore)\n    loadMoreRef.current = onLoadMore\n\n    useEffect(() => {\n        if (!auto || !hasMore || loading) return\n\n        const sentinel = sentinelRef.current\n        if (!sentinel) return\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                if (entries[0].isIntersecting) {\n                    loadMoreRef.current()\n                }\n            },\n            {rootMargin: `${autoThreshold}px`}\n        )\n\n        observer.observe(sentinel)\n        return () => observer.disconnect()\n    }, [auto, hasMore, loading, autoThreshold])\n\n    const handleClick = useCallback(() => {\n        if (!loading && hasMore) onLoadMore()\n    }, [onLoadMore, loading, hasMore])\n\n    const showCount = loaded !== undefined && total !== undefined\n\n    return (\n        <div className={cn('load-more', className)} {...rest}>\n            {showCount && (\n                <span className=\"load-more-count\">\n                    {loaded} / {total}\n                </span>\n            )}\n\n            {hasMore ? (\n                <MButton\n                    variant={variant}\n                    color={color}\n                    loading={loading}\n                    onClick={handleClick}\n                    className=\"load-more-btn\"\n                >\n                    {loading ? loadingLabel : label}\n                </MButton>\n            ) : (\n                <span className=\"load-more-done\">{doneLabel}</span>\n            )}\n\n            {auto && hasMore && <div ref={sentinelRef} className=\"load-more-sentinel\" />}\n\n            {showCount && (\n                <div className=\"load-more-bar\">\n                    <div className=\"load-more-bar-fill\" style={{width: `${Math.min((loaded / total) * 100, 100)}%`}} />\n                </div>\n            )}\n        </div>\n    )\n}\n","import {useState, useEffect, useCallback} from 'react'\nimport type {MScrollTopProps} from './MScrollTop.types'\nimport {MButton} from '../MButton'\nimport {MArrowUpIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MScrollTop.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nexport function MScrollTop({\n    threshold = 300,\n    variant = 'filled',\n    color = 'primary',\n    smooth = true,\n    className,\n}: MScrollTopProps) {\n    const texts = useMCommonTexts()\n    const [visible, setVisible] = useState(false)\n\n    useEffect(() => {\n        function onScroll() {\n            setVisible(window.scrollY > threshold)\n        }\n        onScroll()\n        window.addEventListener('scroll', onScroll, {passive: true})\n        return () => window.removeEventListener('scroll', onScroll)\n    }, [threshold])\n\n    const scrollToTop = useCallback(() => {\n        window.scrollTo({top: 0, behavior: smooth ? 'smooth' : 'instant'})\n    }, [smooth])\n\n    return (\n        <MButton\n            variant={variant}\n            color={color}\n            shape=\"circle\"\n            size=\"lg\"\n            iconOnly\n            onClick={scrollToTop}\n            aria-label={texts.scrollToTop}\n            className={cn('scroll-top', visible && 'visible', className)}\n        >\n            <MArrowUpIcon />\n        </MButton>\n    )\n}\n","import type {MQuickActionsProps} from './MQuickActions.types'\nimport {MButton} from '../MButton'\nimport {MButtonGroup} from '../MButtonGroup'\nimport {MSimpleGrid} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport './MQuickActions.css'\n\nexport function MQuickActions({\n    items,\n    layout = 'group',\n    orientation = 'horizontal',\n    columns = 4,\n    size = 'sm',\n    color,\n    variant = 'ghost',\n    fullWidth = true,\n    className,\n    ...rest\n}: MQuickActionsProps) {\n    const buttons = items.map((item) => (\n        <MButton\n            key={item.key ?? item.to ?? item.href ?? item.label?.toString()}\n            component={item.component}\n            to={item.to}\n            href={item.href}\n            target={item.target}\n            rel={item.rel}\n            onClick={item.onClick}\n            color={item.color ?? color}\n            variant={item.variant ?? variant}\n            size={size}\n            startIcon={item.icon}\n            badge={item.badge}\n            badgeColor={item.badgeColor}\n            badgePulsing={item.badgePulsing}\n            pulsing={item.pulsing}\n            disabled={item.disabled}\n            fullWidth={layout === 'grid' ? true : fullWidth}\n        >\n            {item.label}\n        </MButton>\n    ))\n\n    if (layout === 'grid') {\n        return (\n            <MSimpleGrid\n                columns={columns}\n                className={cn('quick-actions', fullWidth && 'full-width', className)}\n                {...rest}\n            >\n                {buttons}\n            </MSimpleGrid>\n        )\n    }\n\n    return (\n        <div className={cn('quick-actions', fullWidth && 'full-width', className)} {...rest}>\n            <MButtonGroup orientation={orientation} size={size} variant={variant} color={color} attached={false}>\n                {buttons}\n            </MButtonGroup>\n        </div>\n    )\n}\n","import type {ReactNode, SVGProps} from 'react'\n\ntype SocialMarkProps = SVGProps<SVGSVGElement>\n\nfunction createMark(children: ReactNode, props: SocialMarkProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" {...props}>\n            {children}\n        </svg>\n    )\n}\n\nexport function SocialGoogleMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <circle cx=\"12\" cy=\"12\" r=\"10.2\" fill=\"#fff\" stroke=\"#dadce0\" strokeWidth=\"1.2\" />\n            <path\n                d=\"M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z\"\n                fill=\"#4285F4\"\n            />\n            <path\n                d=\"M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z\"\n                fill=\"#34A853\"\n            />\n            <path\n                d=\"M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z\"\n                fill=\"#FBBC05\"\n            />\n            <path\n                d=\"M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z\"\n                fill=\"#EA4335\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialFacebookMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"2.2\" y=\"2.2\" width=\"19.6\" height=\"19.6\" rx=\"6.2\" fill=\"#1877F2\" />\n            <path\n                d=\"M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z\"\n                fill=\"#fff\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialAppleMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <path\n                d=\"M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z\"\n                fill=\"currentColor\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialMicrosoftMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"3.5\" y=\"3.5\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#F25022\" />\n            <rect x=\"12.7\" y=\"3.5\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#7FBA00\" />\n            <rect x=\"3.5\" y=\"12.7\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#00A4EF\" />\n            <rect x=\"12.7\" y=\"12.7\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#FFB900\" />\n        </>,\n        props\n    )\n}\n\nexport function SocialPinterestMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <circle cx=\"12\" cy=\"12\" r=\"10.1\" fill=\"#fff\" />\n            <path\n                d=\"M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z\"\n                fill=\"#E60023\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialLinkedInMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"2.4\" y=\"2.4\" width=\"19.2\" height=\"19.2\" rx=\"4.8\" fill=\"#fff\" />\n            <path\n                d=\"M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z\"\n                fill=\"#0A66C2\"\n            />\n        </>,\n        props\n    )\n}\n","import {forwardRef} from 'react'\nimport type {MSocialButtonProps} from './MSocialButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {\n    SocialAppleMark,\n    SocialFacebookMark,\n    SocialGoogleMark,\n    SocialLinkedInMark,\n    SocialMicrosoftMark,\n    SocialPinterestMark,\n} from './MSocialButton.icons'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MSocialButton.css'\n\nconst socialButtonConfig = {\n    google: {\n        label: 'Sign in with Google',\n        iconLabel: 'Google',\n        mode: 'google',\n        Icon: SocialGoogleMark,\n    },\n    facebook: {\n        label: 'Sign in with Facebook',\n        iconLabel: 'Facebook',\n        mode: 'outline',\n        Icon: SocialFacebookMark,\n    },\n    apple: {\n        label: 'Sign in with Apple',\n        iconLabel: 'Apple',\n        mode: 'brand',\n        Icon: SocialAppleMark,\n    },\n    microsoft: {\n        label: 'Sign in with Microsoft',\n        iconLabel: 'Microsoft',\n        mode: 'brand',\n        Icon: SocialMicrosoftMark,\n    },\n    pinterest: {\n        label: 'Sign in with Pinterest',\n        iconLabel: 'Pinterest',\n        mode: 'brand',\n        Icon: SocialPinterestMark,\n    },\n    linkedin: {\n        label: 'Sign in with LinkedIn',\n        iconLabel: 'LinkedIn',\n        mode: 'brand',\n        Icon: SocialLinkedInMark,\n    },\n} as const\n\nexport const MSocialButton = forwardRef<HTMLButtonElement, MSocialButtonProps>(function MSocialButton(\n    {\n        platform = 'google',\n        variant = 'outline',\n        size = 'md',\n        iconOnly = false,\n        iconShape = 'circle',\n        hidden,\n        fullWidth = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onPointerDown,\n        onKeyDown,\n        'aria-label': ariaLabel,\n        ...rest\n    },\n    ref\n) {\n    const config = socialButtonConfig[platform]\n    const Icon = config.Icon\n    const label = children ?? config.label\n    const resolvedAriaLabel = ariaLabel ?? (iconOnly ? config.iconLabel : undefined)\n    const resolvedVariant = config.mode === 'google' ? variant : config.mode\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLButtonElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    return (\n        <button\n            ref={ref}\n            type={type}\n            className={cn(\n                'social-button-root',\n                platform,\n                resolvedVariant,\n                size,\n                fullWidth && 'full-width',\n                iconOnly && 'icon-only',\n                iconOnly && `icon-shape-${iconShape}`,\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isDisabled}\n            aria-busy={loading || undefined}\n            aria-label={resolvedAriaLabel}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            onKeyDown={(event) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget)\n                }\n\n                onKeyDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" className=\"social-button-spinner\" aria-hidden=\"true\" />}\n            <span className=\"social-button-brand\" aria-hidden=\"true\">\n                <Icon className=\"social-button-mark\" />\n            </span>\n            {!iconOnly && <span className=\"social-button-label\">{label}</span>}\n        </button>\n    )\n})\n"],"mappings":"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"}

package/dist/controls-Ck-PMt__.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./icons-D3n9-919.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-CtXlbjhC.cjs`),i=require(`./MButton-CnAr77Za.cjs`),a=require(`./MButtonGroup-DO1Tq3Za.cjs`),o=require(`./frameworkTexts-BSXUtXOp.cjs`),s=require(`./MSimpleGrid-BchGYPMi.cjs`);require(`./core-w629c4ND.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`);var u=(0,c.createContext)(null);function d(){return(0,c.useContext)(u)}var f=(0,c.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:a,value:o,disabled:s=!1,size:u=`md`,color:f=`primary`,label:p,labelPosition:m=`right`,onChange:h,clickEffect:g=`ripple`,rippleColor:_,className:v,style:y},b){let x=d(),S=x?.name??i,C=x?.disabled??s,w=x?.size??u,T=x?.color??f,E=x?x.value===o:e,{effectClassName:D,effectLayer:O,handlePointerDown:k,triggerEffect:A}=r.t({effect:g,disabled:C,centered:!0,color:_}),j=(0,c.useCallback)(e=>{h?.(e),x?.onChange&&o&&x.onChange(o)},[h,x,o]);return(0,l.jsxs)(`label`,{className:n.t(`radio`,w,m===`left`&&`label-left`,C&&`disabled`,v),style:y,children:[(0,l.jsxs)(`span`,{className:n.t(`circle`,`color-${T}`,D),onPointerDown:k,children:[O,(0,l.jsx)(`input`,{ref:b,type:`radio`,name:S,id:a,value:o,checked:E,defaultChecked:x?void 0:t,disabled:C,onChange:j,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&A(e.currentTarget.parentElement)},className:`input`})]}),p&&(0,l.jsx)(`span`,{className:`label-text`,children:p})]})});function p({name:e,value:t,defaultValue:r,onChange:i,direction:a=`vertical`,children:o,disabled:s=!1,size:d=`md`,color:f=`primary`,error:p=!1,errorText:m,label:h,className:g,style:_}){let[v,y]=(0,c.useState)(r),b=t===void 0?v:t,x=(0,c.useCallback)(e=>{t===void 0&&y(e),i?.(e)},[i,t]),S=(0,c.useMemo)(()=>({name:e,value:b,disabled:s,size:d,color:f,onChange:x}),[e,b,s,d,f,x]);return(0,l.jsx)(u.Provider,{value:S,children:(0,l.jsxs)(`fieldset`,{className:n.t(`radio-group`,a,g),style:_,role:`radiogroup`,children:[h&&(0,l.jsx)(`legend`,{className:n.t(`label`,p&&`error`),children:h}),o,m&&(0,l.jsx)(`span`,{className:`field-error`,role:`alert`,children:m})]})})}var m=(0,c.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:a,disabled:o=!1,size:s=`md`,color:c=`primary`,label:u,labelPosition:d=`right`,onChange:f,clickEffect:p=`ripple`,rippleColor:m,className:h,style:g},_){let{effectClassName:v,effectLayer:y,handlePointerDown:b,triggerEffect:x}=r.t({effect:p,disabled:o,centered:!0,color:m});return(0,l.jsxs)(`label`,{className:n.t(`toggle`,s,d===`left`&&`label-left`,o&&`disabled`,h),style:g,children:[(0,l.jsxs)(`span`,{className:n.t(`track`,`color-${c}`,v),onPointerDown:b,children:[y,(0,l.jsx)(`input`,{ref:_,type:`checkbox`,checked:e,defaultChecked:t,name:i,id:a,disabled:o,onChange:f,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&x(e.currentTarget.parentElement)},className:`input`,role:`switch`,"aria-checked":e}),(0,l.jsx)(`span`,{className:`knob`})]}),u&&(0,l.jsx)(`span`,{className:`label-text`,children:u})]})});function h({onLoadMore:e,loading:t=!1,hasMore:r=!0,loaded:a,total:o,auto:s=!1,autoThreshold:u=100,variant:d=`outlined`,color:f=`primary`,label:p=`Load more`,loadingLabel:m=`Loading...`,doneLabel:h=`All items loaded`,className:g,..._}){let v=(0,c.useRef)(null),y=(0,c.useRef)(e);y.current=e,(0,c.useEffect)(()=>{if(!s||!r||t)return;let e=v.current;if(!e)return;let n=new IntersectionObserver(e=>{e[0].isIntersecting&&y.current()},{rootMargin:`${u}px`});return n.observe(e),()=>n.disconnect()},[s,r,t,u]);let b=(0,c.useCallback)(()=>{!t&&r&&e()},[e,t,r]),x=a!==void 0&&o!==void 0;return(0,l.jsxs)(`div`,{className:n.t(`load-more`,g),..._,children:[x&&(0,l.jsxs)(`span`,{className:`load-more-count`,children:[a,` / `,o]}),r?(0,l.jsx)(i.t,{variant:d,color:f,loading:t,onClick:b,className:`load-more-btn`,children:t?m:p}):(0,l.jsx)(`span`,{className:`load-more-done`,children:h}),s&&r&&(0,l.jsx)(`div`,{ref:v,className:`load-more-sentinel`}),x&&(0,l.jsx)(`div`,{className:`load-more-bar`,children:(0,l.jsx)(`div`,{className:`load-more-bar-fill`,style:{width:`${Math.min(a/o*100,100)}%`}})})]})}function g({threshold:e=300,variant:r=`filled`,color:a=`primary`,smooth:s=!0,className:u}){let d=o.n(),[f,p]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{function t(){p(window.scrollY>e)}return t(),window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),(0,l.jsx)(i.t,{variant:r,color:a,shape:`circle`,size:`lg`,iconOnly:!0,onClick:(0,c.useCallback)(()=>{window.scrollTo({top:0,behavior:s?`smooth`:`instant`})},[s]),"aria-label":d.scrollToTop,className:n.t(`scroll-top`,f&&`visible`,u),children:(0,l.jsx)(t.Hi,{})})}function _({items:e,layout:t=`group`,orientation:r=`horizontal`,columns:o=4,size:c=`sm`,color:u,variant:d=`ghost`,fullWidth:f=!0,className:p,...m}){let h=e.map(e=>(0,l.jsx)(i.t,{component:e.component,to:e.to,href:e.href,target:e.target,rel:e.rel,onClick:e.onClick,color:e.color??u,variant:e.variant??d,size:c,startIcon:e.icon,badge:e.badge,badgeColor:e.badgeColor,badgePulsing:e.badgePulsing,pulsing:e.pulsing,disabled:e.disabled,fullWidth:t===`grid`?!0:f,children:e.label},e.key??e.to??e.href??e.label?.toString()));return t===`grid`?(0,l.jsx)(s.t,{columns:o,className:n.t(`quick-actions`,f&&`full-width`,p),...m,children:h}):(0,l.jsx)(`div`,{className:n.t(`quick-actions`,f&&`full-width`,p),...m,children:(0,l.jsx)(a.t,{orientation:r,size:c,variant:d,color:u,attached:!1,children:h})})}function v(e,t){return(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,...t,children:e})}function y(e){return v((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.2`,fill:`#fff`,stroke:`#dadce0`,strokeWidth:`1.2`}),(0,l.jsx)(`path`,{d:`M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z`,fill:`#4285F4`}),(0,l.jsx)(`path`,{d:`M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z`,fill:`#34A853`}),(0,l.jsx)(`path`,{d:`M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z`,fill:`#FBBC05`}),(0,l.jsx)(`path`,{d:`M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z`,fill:`#EA4335`})]}),e)}function b(e){return v((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`rect`,{x:`2.2`,y:`2.2`,width:`19.6`,height:`19.6`,rx:`6.2`,fill:`#1877F2`}),(0,l.jsx)(`path`,{d:`M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z`,fill:`#fff`})]}),e)}function x(e){return v((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`path`,{d:`M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z`,fill:`currentColor`}),(0,l.jsx)(`path`,{d:`M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z`,fill:`currentColor`})]}),e)}function S(e){return v((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`rect`,{x:`3.5`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#F25022`}),(0,l.jsx)(`rect`,{x:`12.7`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#7FBA00`}),(0,l.jsx)(`rect`,{x:`3.5`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#00A4EF`}),(0,l.jsx)(`rect`,{x:`12.7`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#FFB900`})]}),e)}function C(e){return v((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.1`,fill:`#fff`}),(0,l.jsx)(`path`,{d:`M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z`,fill:`#E60023`})]}),e)}function w(e){return v((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`rect`,{x:`2.4`,y:`2.4`,width:`19.2`,height:`19.2`,rx:`4.8`,fill:`#fff`}),(0,l.jsx)(`path`,{d:`M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z`,fill:`#0A66C2`})]}),e)}var T={google:{label:`Sign in with Google`,iconLabel:`Google`,mode:`google`,Icon:y},facebook:{label:`Sign in with Facebook`,iconLabel:`Facebook`,mode:`outline`,Icon:b},apple:{label:`Sign in with Apple`,iconLabel:`Apple`,mode:`brand`,Icon:x},microsoft:{label:`Sign in with Microsoft`,iconLabel:`Microsoft`,mode:`brand`,Icon:S},pinterest:{label:`Sign in with Pinterest`,iconLabel:`Pinterest`,mode:`brand`,Icon:C},linkedin:{label:`Sign in with LinkedIn`,iconLabel:`LinkedIn`,mode:`brand`,Icon:w}},E=(0,c.forwardRef)(function({platform:t=`google`,variant:a=`outline`,size:o=`md`,iconOnly:s=!1,iconShape:c=`circle`,hidden:u,fullWidth:d=!1,loading:f=!1,active:p=!1,pulsing:m=!1,clickEffect:h=`ripple`,rippleColor:g,className:_,style:v,children:y,disabled:b=!1,type:x=`button`,onPointerDown:S,onKeyDown:C,"aria-label":w,...E},D){let O=T[t],k=O.Icon,A=y??O.label,j=w??(s?O.iconLabel:void 0),M=O.mode===`google`?a:O.mode,N=b||f,{effectClassName:P,effectLayer:F,handlePointerDown:I,triggerEffect:L}=r.t({effect:h,disabled:N,centered:s,color:g});return(0,l.jsxs)(`button`,{ref:D,type:x,className:n.t(`social-button-root`,t,M,o,d&&`full-width`,s&&`icon-only`,s&&`icon-shape-${c}`,f&&`loading`,p&&`active`,m&&`pulsing`,N&&`disabled`,P,_),style:v,disabled:N,"aria-busy":f||void 0,"aria-label":j,onPointerDown:e=>{I(e),S?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&L(e.currentTarget),C?.(e)},...e.r(u),...E,children:[F,f&&(0,l.jsx)(i.r,{size:`sm`,color:`inherit`,className:`social-button-spinner`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:`social-button-brand`,"aria-hidden":`true`,children:(0,l.jsx)(k,{className:`social-button-mark`})}),!s&&(0,l.jsx)(`span`,{className:`social-button-label`,children:A})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
+//# sourceMappingURL=controls-Ck-PMt__.cjs.map