@mechane-ai/elements 0.0.0-stage → 0.4.0

package/dist/categorical-values-cMX7Mykq.js

@@ -0,0 +1,58 @@
+import { n as e, o as t } from "./chart-frame-bX0VLC_W.js";
+import { n } from "./chart-input-qnM44oen.js";
+import * as r from "@stylexjs/stylex";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+// packages/charts/src/categorical-values.tsx
+var o = {
+	kzqmXN: "x1xc55vz",
+	kZKoxP: "xdk7pt",
+	kmuXW: "x2lah0s",
+	$$css: !0
+}, s = { swatch: (e) => [
+	o,
+	{
+		kWkggS: e == null ? e : "xl8spv7",
+		$$css: !0
+	},
+	{ "--x-backgroundColor": e ?? void 0 }
+] }, c = {
+	items: 200,
+	series: 12
+}, l = [
+	"series1",
+	"series2",
+	"series3",
+	"series4",
+	"series5",
+	"series6"
+];
+function u(e, t) {
+	return e ?? l[t % l.length] ?? "series1";
+}
+function d(e) {
+	if (e.length > c.items) return `Choose a window with at most ${c.items} items.`;
+	if (!n(e)) return "Every breakdown item needs a unique identifier.";
+	if (e.some((e) => e.value !== null && (!Number.isFinite(e.value) || e.value < 0))) return "Breakdown values must be finite and nonnegative, or explicitly missing.";
+	if (!Number.isFinite(e.reduce((e, t) => e + (t.value ?? 0), 0))) return "The sum of recorded values must be finite.";
+}
+function f({ items: n, selection: o }) {
+	return /* @__PURE__ */ i("ul", {
+		className: "xrvj5dj x1ghz6dp x1717udv xe8uvvx",
+		children: n.map((n) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a(e, {
+			label: `${n.label}: ${n.valueLabel}`,
+			selected: o?.selectedId === n.id,
+			onSelect: o === void 0 ? void 0 : () => o.onSelect(n.id),
+			children: [/* @__PURE__ */ a("span", {
+				className: "x78zum5 x6s0dn4 x1hnptsi xeuugli",
+				children: [/* @__PURE__ */ i("span", {
+					"aria-hidden": !0,
+					...r.props(s.swatch(t[n.tone]))
+				}), n.label]
+			}), /* @__PURE__ */ i("span", {
+				className: "x153jb6y xp4054r",
+				children: n.valueLabel
+			})]
+		}) }, n.id))
+	});
+}
+export { d as i, c as n, u as r, f as t };

package/dist/chart-frame-bX0VLC_W.js

@@ -0,0 +1,152 @@
+import { h as e } from "./src-CbYaLvhD.js";
+import { chartColors as t, colors as n } from "./tokens.js";
+import * as r from "@stylexjs/stylex";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+// packages/charts/src/chart-theme.ts
+var s = {
+	series1: t.series1,
+	series2: t.series2,
+	series3: t.series3,
+	series4: t.series4,
+	series5: t.series5,
+	series6: t.series6,
+	positive: t.positive,
+	negative: t.negative,
+	neutral: n.muted
+}, c = {
+	plot: {
+		k7Eaqz: "xeuugli",
+		kVQacm: "xb3r6kr",
+		$$css: !0
+	},
+	svg: {
+		k1xSpc: "x1lliihq",
+		kzqmXN: "xh8yej3",
+		kVQacm: "x1rea2x4",
+		$$css: !0
+	},
+	axis: {
+		kjVXCG: "x13hfdr1",
+		kfJifR: "xnpr05h",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	grid: {
+		kjVXCG: "x13hfdr1",
+		kfJifR: "xnpr05h",
+		k5rJSQ: "x1ntoi03",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	label: {
+		kDwRjp: "x1q7gtio",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xy8obcc",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	mark: {
+		kfJifR: "xhr4kjn",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	selected: {
+		kjVXCG: "x17y187c",
+		kfJifR: "xvlca1e",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	focus: {
+		kZs9gx: "x19rmrnh",
+		k7shQP: "x9v5kkp",
+		kPJHz1: "x13qnu6",
+		kiEn40: "x7s97pk",
+		$$css: !0
+	}
+}, l = {
+	kzqmXN: "x1xc55vz",
+	kZKoxP: "xdk7pt",
+	kmuXW: "x2lah0s",
+	$$css: !0
+}, u = { swatch: (e) => [
+	l,
+	{
+		kWkggS: e == null ? e : "xl8spv7",
+		$$css: !0
+	},
+	{ "--x-backgroundColor": e ?? void 0 }
+] };
+function d({ title: e, description: t, children: n, actions: r, footer: s }) {
+	let c = i();
+	return /* @__PURE__ */ o("figure", {
+		"aria-labelledby": c,
+		className: "xeuugli x1ghz6dp xbixft xpvm0e4 x1hz01jw xtqrqnz x1778rvt",
+		children: [
+			/* @__PURE__ */ o("figcaption", {
+				className: "x78zum5 x1a02dak x1qughib x7a106z x1n8ia3y x1wv5www",
+				children: [/* @__PURE__ */ o("div", {
+					className: "x1iv9x3n xeuugli xj0a0fe",
+					children: [/* @__PURE__ */ a("p", {
+						id: c,
+						className: "x1ghz6dp x12myhf4 x1778rvt xo1l8bm",
+						children: e
+					}), t !== void 0 && /* @__PURE__ */ a("p", {
+						className: "x1ghz6dp x1c87qhr x153jb6y xy8obcc",
+						children: t
+					})]
+				}), r !== void 0 && /* @__PURE__ */ a("div", {
+					className: "x78zum5 x1a02dak x1hnptsi x193iq5w",
+					children: r
+				})]
+			}),
+			n,
+			s !== void 0 && /* @__PURE__ */ a("div", {
+				className: "x1xxf3xd x153jb6y xy8obcc",
+				children: s
+			})
+		]
+	});
+}
+function f({ items: e, label: t = "Legend" }) {
+	return /* @__PURE__ */ a("ul", {
+		"aria-label": t,
+		className: "x78zum5 x1a02dak x1n8ia3y xe8uvvx x1ghz6dp x1717udv x153jb6y x1hz01jw xy8obcc xas2l8k",
+		children: e.map((e) => /* @__PURE__ */ o("li", {
+			className: "x3nfvp2 x6s0dn4 xunmzkg",
+			children: [/* @__PURE__ */ a("span", {
+				"aria-hidden": !0,
+				...r.props(u.swatch(s[e.tone]))
+			}), e.label]
+		}, e.id))
+	});
+}
+function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
+	return n === void 0 ? /* @__PURE__ */ a("div", {
+		className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
+		children: r
+	}) : /* @__PURE__ */ a("button", {
+		type: "button",
+		"aria-label": e,
+		"aria-pressed": t,
+		onClick: n,
+		...{
+			0: { className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
+			1: { className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb x1jmj9dw" }
+		}[!!t | 0],
+		children: r
+	});
+}
+function m({ children: t, label: n = "View data" }) {
+	return /* @__PURE__ */ a("div", {
+		className: "x1xxf3xd x178xt8z x13fuv20 xhjagg4",
+		children: /* @__PURE__ */ o(e.Root, { children: [/* @__PURE__ */ a(e.Trigger, { children: n }), /* @__PURE__ */ a(e.Panel, { children: /* @__PURE__ */ a("div", {
+			role: "region",
+			"aria-label": n,
+			tabIndex: 0,
+			className: "xeuugli x1sslpiy xysyzu8 x19rmrnh x9v5kkp x13qnu6 x1bqaal",
+			children: t
+		}) })] })
+	});
+}
+export { c as a, f as i, p as n, s as o, d as r, m as t };

package/dist/chart-input-qnM44oen.js

@@ -0,0 +1,21 @@
+import { l as e } from "./src-BfvOOeA3.js";
+import { r as t } from "./chart-frame-bX0VLC_W.js";
+import { jsx as n } from "react/jsx-runtime";
+// packages/charts/src/chart-input.tsx
+function r(e) {
+	return Number.isFinite(e[0]) && Number.isFinite(e[1]) && Number.isFinite(e[1] - e[0]) && e[0] < e[1];
+}
+function i(e) {
+	return new Set(e.map((e) => e.id)).size === e.length;
+}
+function a({ title: r, description: i, message: a }) {
+	return /* @__PURE__ */ n(t, {
+		title: r,
+		description: i,
+		children: /* @__PURE__ */ n(e, {
+			error: !0,
+			children: a
+		})
+	});
+}
+export { i as n, r, a as t };