@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/ToggleButton-BCJc3Jlc.js

@@ -0,0 +1,153 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Gt as t, Ht as n, Ki as r, Vt as i, Wt as a, at as o, dn as s, nt as c, tt as l, un as u, wi as d } from "./utils-Ba9T0TqC.js";
+import { G as f, K as p, L as m, W as h, ht as g, it as _, mt as v, pt as y } from "./_baseFlatten-DPXPOrea.js";
+a(), l();
+function b(e, t = 0, n = 1) {
+	return c(e, t, n);
+}
+function x(e) {
+	e = e.slice(1);
+	let t = RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g"), n = e.match(t);
+	return n && n[0].length === 1 && (n = n.map((e) => e + e)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((e, t) => t < 3 ? parseInt(e, 16) : Math.round(parseInt(e, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function S(e) {
+	if (e.type) return e;
+	if (e.charAt(0) === "#") return S(x(e));
+	let n = e.indexOf("("), r = e.substring(0, n);
+	if ([
+		"rgb",
+		"rgba",
+		"hsl",
+		"hsla",
+		"color"
+	].indexOf(r) === -1) throw Error(t(9, e));
+	let i = e.substring(n + 1, e.length - 1), a;
+	if (r === "color") {
+		if (i = i.split(" "), a = i.shift(), i.length === 4 && i[3].charAt(0) === "/" && (i[3] = i[3].slice(1)), [
+			"srgb",
+			"display-p3",
+			"a98-rgb",
+			"prophoto-rgb",
+			"rec-2020"
+		].indexOf(a) === -1) throw Error(t(10, a));
+	} else i = i.split(",");
+	return i = i.map((e) => parseFloat(e)), {
+		type: r,
+		values: i,
+		colorSpace: a
+	};
+}
+function C(e) {
+	let { type: t, colorSpace: n } = e, { values: r } = e;
+	return t.indexOf("rgb") === -1 ? t.indexOf("hsl") !== -1 && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`) : r = r.map((e, t) => t < 3 ? parseInt(e, 10) : e), r = t.indexOf("color") === -1 ? `${r.join(", ")}` : `${n} ${r.join(" ")}`, `${t}(${r})`;
+}
+function w(e, t) {
+	return e = S(e), t = b(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, C(e);
+}
+var T = /* @__PURE__ */ e(r());
+s(), n();
+function E(e) {
+	return v("MuiToggleButton", e);
+}
+var D = y("MuiToggleButton", [
+	"root",
+	"disabled",
+	"selected",
+	"standard",
+	"primary",
+	"secondary",
+	"sizeSmall",
+	"sizeMedium",
+	"sizeLarge",
+	"fullWidth"
+]), O = /*#__PURE__*/ T.createContext({}), k = /*#__PURE__*/ T.createContext(void 0);
+function A(e, t) {
+	return t === void 0 || e === void 0 ? !1 : Array.isArray(t) ? t.indexOf(e) >= 0 : e === t;
+}
+var j = d(), M = ["value"], N = [
+	"children",
+	"className",
+	"color",
+	"disabled",
+	"disableFocusRipple",
+	"fullWidth",
+	"onChange",
+	"onClick",
+	"selected",
+	"size",
+	"value"
+], P = (e) => {
+	let { classes: t, fullWidth: n, selected: r, disabled: i, size: a, color: o } = e;
+	return _({ root: [
+		"root",
+		r && "selected",
+		i && "disabled",
+		n && "fullWidth",
+		`size${f(a)}`,
+		o
+	] }, E, t);
+}, F = p(m, {
+	name: "MuiToggleButton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, t[`size${f(n.size)}`]];
+	}
+})(({ theme: e, ownerState: t }) => {
+	let n = t.color === "standard" ? e.palette.text.primary : e.palette[t.color].main, r;
+	return e.vars && (n = t.color === "standard" ? e.vars.palette.text.primary : e.vars.palette[t.color].main, r = t.color === "standard" ? e.vars.palette.text.primaryChannel : e.vars.palette[t.color].mainChannel), u({}, e.typography.button, {
+		borderRadius: (e.vars || e).shape.borderRadius,
+		padding: 11,
+		border: `1px solid ${(e.vars || e).palette.divider}`,
+		color: (e.vars || e).palette.action.active
+	}, t.fullWidth && { width: "100%" }, {
+		[`&.${D.disabled}`]: {
+			color: (e.vars || e).palette.action.disabled,
+			border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
+		},
+		"&:hover": {
+			textDecoration: "none",
+			backgroundColor: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : w(e.palette.text.primary, e.palette.action.hoverOpacity),
+			"@media (hover: none)": { backgroundColor: "transparent" }
+		},
+		[`&.${D.selected}`]: {
+			color: n,
+			backgroundColor: e.vars ? `rgba(${r} / ${e.vars.palette.action.selectedOpacity})` : w(n, e.palette.action.selectedOpacity),
+			"&:hover": {
+				backgroundColor: e.vars ? `rgba(${r} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : w(n, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+				"@media (hover: none)": { backgroundColor: e.vars ? `rgba(${r} / ${e.vars.palette.action.selectedOpacity})` : w(n, e.palette.action.selectedOpacity) }
+			}
+		}
+	}, t.size === "small" && {
+		padding: 7,
+		fontSize: e.typography.pxToRem(13)
+	}, t.size === "large" && {
+		padding: 15,
+		fontSize: e.typography.pxToRem(15)
+	});
+}), I = /*#__PURE__*/ T.forwardRef(function(e, t) {
+	let n = T.useContext(O), { value: r } = n, a = i(n, M), s = T.useContext(k), c = h({
+		props: o(u({}, a, { selected: A(e.value, r) }), e),
+		name: "MuiToggleButton"
+	}), { children: l, className: d, color: f = "standard", disabled: p = !1, disableFocusRipple: m = !1, fullWidth: _ = !1, onChange: v, onClick: y, selected: b, size: x = "medium", value: S } = c, C = i(c, N), w = u({}, c, {
+		color: f,
+		disabled: p,
+		disableFocusRipple: m,
+		fullWidth: _,
+		size: x
+	}), E = P(w), D = (e) => {
+		y && (y(e, S), e.defaultPrevented) || v && v(e, S);
+	}, I = s || "";
+	return /*#__PURE__*/ (0, j.jsx)(F, u({
+		className: g(a.className, E.root, d, I),
+		disabled: p,
+		focusRipple: !m,
+		ref: t,
+		onClick: D,
+		onChange: v,
+		value: S,
+		ownerState: w,
+		"aria-pressed": b
+	}, C, { children: l }));
+});
+export { D as i, k as n, O as r, I as t };