@mechane-ai/elements 0.13.0 → 0.14.1

package/dist/constants.stylex-bbdiv1fD.js

@@ -0,0 +1,83 @@
+import "@stylexjs/stylex";
+// packages/foundations/src/constants.stylex.ts
+var e = {
+	canvas: "#191919",
+	surface: "#101010",
+	ink: "#f2f2f2",
+	inkHover: "#d6d6d6",
+	inverse: "#0a0a0a",
+	muted: "#b0b0b0",
+	faint: "#777777",
+	line: "#303030",
+	focus: "#79b3ff",
+	accent: "#8ed3b3",
+	accentSoft: "#152b22",
+	warning: "#edc479",
+	warningSoft: "#302511",
+	danger: "#f59696",
+	dangerHover: "#ffc3c3",
+	dangerSoft: "#321c1c",
+	overlay: "#00000099"
+}, t = {
+	series1: "#86a9d3",
+	series2: "#83b69f",
+	series3: "#b49bce",
+	series4: "#cfad70",
+	series5: "#80bbc0",
+	series6: "#d39aad",
+	negative: "#e0929b",
+	positive: "#80add0",
+	missing: "#363636"
+}, n = {
+	identity1: "#f07d75",
+	identity2: "#f09a75",
+	identity3: "#f07598",
+	identity4: "#f075bb",
+	identity5: "#f075e6",
+	identity6: "#d375f0",
+	identity7: "#b375f0",
+	identity8: "#9275f0",
+	identity9: "#7575f0",
+	identity10: "#7596f0",
+	identity11: "#75b3f0",
+	identity12: "#75cff0",
+	identity13: "#75e8f0",
+	identity14: "#75f0e3",
+	identity15: "#75f0cd",
+	identity16: "#75f0b5",
+	identity17: "#75f09c",
+	identity18: "#75f080",
+	identity19: "#8cf075",
+	identity20: "#b0f075",
+	identity21: "#d7f075",
+	identity22: "#f0e175",
+	identity23: "#f0c375",
+	identity24: "#f0a875"
+}, r = {
+	keyword: "#c4a1e5",
+	string: "#8ed3b3",
+	comment: "#a3a3a3",
+	number: "#edc479",
+	type: "#84bce3"
+}, i = {
+	delaySeconds: 2,
+	revealMs: 80,
+	placeholderMs: 120
+}, a = { popup: "0 4px 16px #00000066" }, o = {
+	sticky: "1",
+	backdrop: "20",
+	dialog: "21",
+	popup: "30",
+	tooltip: "40",
+	skipLink: "50"
+}, s = {
+	rowHeight: 48,
+	headerHeight: 36
+}, c = {
+	coarsePointer: "@media (pointer: coarse)",
+	hoverPointer: "@media (hover: hover) and (pointer: fine)",
+	compactText: "@media (max-width:639px)",
+	compactTable: "@media (max-width:600px)",
+	reducedMotion: "@media (prefers-reduced-motion: reduce)"
+};
+export { a, i as c, e as i, s as l, n, r as o, t as r, o as s, c as t };

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-VwrOHz5j.js";
+export { t as CodeBlock } from "../code-block-DB42-a0M.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { E as e, _ as t, g as n } from "../src-BNlyCwOr.js";
-import { t as r } from "../code-block-VwrOHz5j.js";
+import { E as e, _ as t, g as n } from "../src-BXh4g2VY.js";
+import { t as r } from "../code-block-DB42-a0M.js";
 import { t as i } from "../viewer-styles-CpHqp5Qv.js";
 import * as a from "@stylexjs/stylex";
 import { useEffect as o, useState as s } from "react";
@@ -37,14 +37,14 @@ function p({ source: e, maxHeight: t }) {
 	});
 }
 function m(n) {
-	let { label: r, layout: m = "split", wrap: h = !1, annotations: g = [], maxHeight: _ = 480, patch: v, before: y, after: b } = n, [x, S] = s(n), [C, w] = s(), [T, E] = s(!1), D = v === void 0 && y !== null && b !== null, O = y?.name === x.before?.name && y?.code === x.before?.code && y?.language === x.before?.language, k = b?.name === x.after?.name && b?.code === x.after?.code && b?.language === x.after?.language;
+	let { label: r, layout: m = "split", shouldWrap: h = !1, annotations: g = [], maxHeight: _ = 480, patch: v, before: y, after: b } = n, [x, S] = s(n), [C, w] = s(), [T, E] = s(!1), D = v === void 0 && y !== null && b !== null, O = y?.name === x.before?.name && y?.code === x.before?.code && y?.language === x.before?.language, k = b?.name === x.after?.name && b?.code === x.after?.code && b?.language === x.after?.language;
 	v === x.patch && O && k || S(n);
 	let A = (v === void 0 ? (y === null ? 0 : y.code.length) + (b === null ? 0 : b.code.length) : v.length) > d;
 	o(() => {
 		let e = !0;
 		async function t() {
 			if (!A) try {
-				let t = await import("../pierre-diff-sUAU-xeL.js"), n = t.prepareDiff(x);
+				let t = await import("../pierre-diff-C_j0nxwS.js"), n = t.prepareDiff(x);
 				e && w({
 					source: x,
 					Component: t.PierreDiff,
@@ -89,7 +89,7 @@ function m(n) {
 				files: j.files,
 				label: r,
 				layout: m,
-				wrap: h,
+				shouldWrap: h,
 				showUnchanged: D && T,
 				annotations: g,
 				maxHeight: _

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-Oj-MtNYi.js";
+export { t as ContentLink } from "../content-link-rdxJ94P8.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-VwrOHz5j.js";
-import { n as t, t as n } from "../content-link-Oj-MtNYi.js";
+import { t as e } from "../code-block-DB42-a0M.js";
+import { n as t, t as n } from "../content-link-rdxJ94P8.js";
 import { t as r } from "../viewer-styles-CpHqp5Qv.js";
 import * as i from "@stylexjs/stylex";
 import { Children as a, createElement as o } from "react";
@@ -61,7 +61,7 @@ function b({ children: t, className: n }) {
 		children: /* @__PURE__ */ c(e, {
 			code: s.join(""),
 			language: o,
-			streaming: r
+			isStreaming: r
 		})
 	}) : /* @__PURE__ */ c("code", {
 		className: "xiard35 xy8obcc x1r7kqkb x1ok0vyi x10dazmo x14w6jbu x17etxam",
@@ -158,7 +158,7 @@ var S = {
 		children: e
 	})
 }, C = /* @__PURE__ */ "p.h1.h2.h3.h4.h5.h6.ul.ol.li.blockquote.pre.code.a.img.table.thead.tbody.tr.th.td.input.hr.strong.em.del.br.sup.sub.section".split(".");
-function w({ children: e, streaming: t = !1, label: n, headingLevel: r = 1 }) {
+function w({ children: e, isStreaming: t = !1, label: n, headingLevel: r = 1 }) {
 	let i = {
 		h1: (e) => /* @__PURE__ */ c(x, {
 			...e,

package/dist/content/tree.js

@@ -1,4 +1,4 @@
-import { E as e } from "../src-BNlyCwOr.js";
+import { E as e } from "../src-BXh4g2VY.js";
 import { t } from "../viewer-styles-CpHqp5Qv.js";
 import * as n from "@stylexjs/stylex";
 import { useEffect as r, useState as i } from "react";
@@ -27,7 +27,7 @@ function d(l) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-Db1yaDM2.js");
+				let t = await import("../pierre-tree-BaIVTNmG.js");
 				e && f({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-Oj-MtNYi.js → content-link-rdxJ94P8.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./src-BNlyCwOr.js";
+import { D as e } from "./src-BXh4g2VY.js";
 import "@stylexjs/stylex";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx

package/dist/content.js

@@ -1,7 +1,7 @@
-import { C as e, E as t, _ as n, g as r } from "./src-BNlyCwOr.js";
+import { C as e, E as t, _ as n, g as r } from "./src-BXh4g2VY.js";
 import { t as i } from "./viewer-styles-CpHqp5Qv.js";
-import { t as a } from "./code-block-VwrOHz5j.js";
-import { t as o } from "./content-link-Oj-MtNYi.js";
+import { t as a } from "./code-block-DB42-a0M.js";
+import { t as o } from "./content-link-rdxJ94P8.js";
 import * as s from "@stylexjs/stylex";
 import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -56,7 +56,7 @@ function C({ value: e, name: t, path: n, depth: r, maxDepth: i, maxEntries: a })
 		onToggle: (e) => s(e.currentTarget.open),
 		className: "xeuugli x126k92a xj0a0fe",
 		children: [/* @__PURE__ */ p("summary", {
-			className: "x9f619 x1ypdohk x16exltd xwu7q15 xt970qd x8tdk5q xjbqb8w xzro8vx x1s9zmfe x19rmrnh x13qnu6 x9v5kkp x1bqaal",
+			className: "x9f619 x1ypdohk x16exltd x17oiadl xt970qd x1r6zayv xjbqb8w xif5pkx x1s9zmfe x19rmrnh x13qnu6 x9v5kkp x1bqaal",
 			children: [
 				/* @__PURE__ */ p("span", {
 					className: "x153jb6y",
@@ -288,7 +288,7 @@ function P({ label: e, children: t }) {
 		children: t
 	});
 }
-function F({ id: e, label: n, status: i, statusLabel: a, description: o, detail: c, selected: l, onSelect: u, children: d }) {
+function F({ id: e, label: n, status: i, statusLabel: a, description: o, detail: c, isSelected: l, onSelect: u, children: d }) {
 	let m = M[i];
 	return /* @__PURE__ */ p("li", {
 		"data-item-id": e,