@mechane-ai/elements 0.6.0 → 0.7.0

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { b as e, f as t, p as n, t as r, v as i } from "./src-DuTmAQp5.js";
-import { t as a } from "./content-link-DLiDJzwq.js";
-import { c as o, u as s } from "./src-DjvJJoaw.js";
+import { b as e, f as t, p as n, t as r, v as i } from "./src-BkCsvZGi.js";
+import { t as a } from "./content-link-HLYu0cmz.js";
+import { c as o, u as s } from "./src-DjTM64tN.js";
 import { r as c } from "./src-CfDf8TY8.js";
 import * as l from "@stylexjs/stylex";
 import { createContext as u, useContext as d, useId as f, useRef as p } from "react";
@@ -193,52 +193,53 @@ var I = { action: {
 	keTefX: "xvc5jky",
 	$$css: !0
 } };
-function L({ label: e, value: t, onValueChange: n, onSubmit: r, name: a = "prompt", placeholder: c, maxLength: l, required: u = !0, pending: d = !1, disabled: p = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: y = "Sending…", enterBehavior: x = "newline", description: S, error: C, controls: w, attachments: T, onStop: E, stopPending: D = !1, stopLabel: O = "Stop response" }) {
-	let k = f(), A = p || d;
-	function j(e) {
+function L({ label: e, value: t, onValueChange: n, onSubmit: r, name: a = "prompt", placeholder: c, maxLength: l, required: u = !0, pending: d = !1, disabled: p = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: y = "Sending…", enterBehavior: x = "newline", compact: S = !1, description: C, error: w, controls: T, attachments: E, onStop: D, stopPending: O = !1, stopLabel: k = "Stop response" }) {
+	let A = f(), j = p || d;
+	function M(e) {
 		if (x !== "submit" || e.key !== "Enter" || e.repeat) return;
 		let t = e.altKey || e.ctrlKey || e.metaKey;
-		e.shiftKey || t || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || (e.preventDefault(), !A && !g && E === void 0 && e.currentTarget.form?.requestSubmit());
+		e.shiftKey || t || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || (e.preventDefault(), !j && !g && D === void 0 && e.currentTarget.form?.requestSubmit());
 	}
-	function M(e) {
-		e.preventDefault(), !A && !g && E === void 0 && r(e);
+	function N(e) {
+		e.preventDefault(), !j && !g && D === void 0 && r(e);
 	}
 	return /* @__PURE__ */ h("form", {
-		onSubmit: M,
+		onSubmit: N,
 		className: "x78zum5 xdt5ytf x1n8ia3y xeuugli",
 		children: [
 			/* @__PURE__ */ h(o.Root, {
-				invalid: C !== void 0,
+				invalid: w !== void 0,
 				children: [
 					/* @__PURE__ */ m(o.Label, { children: e }),
 					/* @__PURE__ */ m(s, {
+						compact: S,
 						name: a,
 						value: t,
 						onChange: (e) => n(e.currentTarget.value),
-						onKeyDown: j,
+						onKeyDown: M,
 						placeholder: c,
 						maxLength: l,
 						required: u,
 						disabled: p,
 						readOnly: d,
-						"aria-errormessage": C === void 0 ? void 0 : k
+						"aria-errormessage": w === void 0 ? void 0 : A
 					}),
-					S !== void 0 && /* @__PURE__ */ m(o.Description, { children: S }),
-					C !== void 0 && /* @__PURE__ */ m(o.Error, {
-						id: k,
+					C !== void 0 && /* @__PURE__ */ m(o.Description, { children: C }),
+					w !== void 0 && /* @__PURE__ */ m(o.Error, {
+						id: A,
 						match: !0,
 						role: "alert",
-						children: C
+						children: w
 					})
 				]
 			}),
-			T,
+			E,
 			/* @__PURE__ */ h("div", {
 				className: "x78zum5 x1a02dak x6s0dn4 x1qughib x1n8ia3y",
 				children: [/* @__PURE__ */ m("div", {
 					className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi xeuugli x12lumcd",
-					children: w
-				}), E === void 0 ? /* @__PURE__ */ h(i, {
+					children: T
+				}), D === void 0 ? /* @__PURE__ */ h(i, {
 					xstyle: I.action,
 					type: "submit",
 					variant: "solid",
@@ -253,15 +254,15 @@ function L({ label: e, value: t, onValueChange: n, onSubmit: r, name: a = "promp
 					xstyle: I.action,
 					type: "button",
 					onClick: (e) => {
-						e.preventDefault(), E();
+						e.preventDefault(), D();
 					},
 					disabled: p,
-					pending: D,
+					pending: O,
 					pendingLabel: "Stopping…",
 					children: [/* @__PURE__ */ m(b, {
 						size: 14,
 						"aria-hidden": !0
-					}), O]
+					}), k]
 				})]
 			})
 		]

package/dist/assets/stylex.css

@@ -1382,6 +1382,12 @@
     transform: translateY(0);
   }
 
+  @media (width <= 1100px) {
+    .x1g9v1si.x1g9v1si {
+      display: none;
+    }
+  }
+
   @media (width <= 650px) {
     .xj8mwme.xj8mwme {
       grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
@@ -1574,6 +1580,10 @@
     height: 8px;
   }
 
+  .x1b7uu3i {
+    height: calc(100dvh - var(--xrzfcxb));
+  }
+
   .x16ye13r {
     height: var(--x-height);
   }
@@ -1650,6 +1660,10 @@
     margin-top: var(--x1xijsos);
   }
 
+  .x1y3glee {
+    max-height: 30dvh;
+  }
+
   .x1sslpiy {
     max-height: 320px;
   }
@@ -1702,6 +1716,10 @@
     max-width: 280px;
   }
 
+  .xxc7z9f {
+    max-width: 360px;
+  }
+
   .x1ewvobj {
     max-width: 72ch;
   }
@@ -1754,6 +1772,10 @@
     min-height: 52px;
   }
 
+  .xseoqlg {
+    min-height: 80px;
+  }
+
   .x1avwmir {
     min-height: var(--x10l6e8v);
   }
@@ -1830,10 +1852,6 @@
     min-width: var(--x6uufy4);
   }
 
-  .x167izq3 {
-    min-width: var(--xrzfcxb);
-  }
-
   .xelkyza {
     min-width: var(--xymjgzc);
   }
@@ -1950,6 +1968,10 @@
     width: 40px;
   }
 
+  .x1peuizl {
+    width: 440px;
+  }
+
   .x187nhsf {
     width: 44px;
   }
@@ -2053,6 +2075,12 @@
   .x1t1lzn6:last-child {
     border-bottom-width: 0;
   }
+
+  @media (width <= 1100px) {
+    .x1tama1k.x1tama1k {
+      width: 100%;
+    }
+  }
 }
 
 @layer priority6 {

package/dist/{categorical-values-DrTcMsSi.js → categorical-values-75J0TUkR.js}

@@ -1,5 +1,5 @@
-import { n as e, o as t } from "./chart-frame-cfBPXmni.js";
-import { n } from "./chart-input-hK9U0Ql0.js";
+import { n as e, o as t } from "./chart-frame--DOsZKwP.js";
+import { n } from "./chart-input-C-g586YE.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // packages/charts/src/categorical-values.tsx

package/dist/{chart-frame-cfBPXmni.js → chart-frame--DOsZKwP.js}

@@ -1,4 +1,4 @@
-import { h as e } from "./src-DuTmAQp5.js";
+import { h as e } from "./src-BkCsvZGi.js";
 import { chartColors as t, colors as n } from "./tokens.js";
 import * as r from "@stylexjs/stylex";
 import { useId as i } from "react";

package/dist/{chart-input-hK9U0Ql0.js → chart-input-C-g586YE.js}

@@ -1,5 +1,5 @@
-import { d as e } from "./src-Daf4PUD6.js";
-import { r as t } from "./chart-frame-cfBPXmni.js";
+import { d as e } from "./src-B_DCatpY.js";
+import { r as t } from "./chart-frame--DOsZKwP.js";
 import { jsx as n } from "react/jsx-runtime";
 // packages/charts/src/chart-input.tsx
 function r(e) {

package/dist/charts/cartesian.js

@@ -1,9 +1,9 @@
-import { i as e, n as t, r as n, t as r } from "../categorical-values-DrTcMsSi.js";
-import { a as i, i as a, n as o, o as s, r as c, t as l } from "../chart-frame-cfBPXmni.js";
-import { n as u, r as d, t as f } from "../chart-input-hK9U0Ql0.js";
+import { i as e, n as t, r as n, t as r } from "../categorical-values-75J0TUkR.js";
+import { a as i, i as a, n as o, o as s, r as c, t as l } from "../chart-frame--DOsZKwP.js";
+import { n as u, r as d, t as f } from "../chart-input-C-g586YE.js";
 import { t as p } from "../plot-width--OgdohB5.js";
-import { b as m } from "../src-DuTmAQp5.js";
-import { h } from "../src-DjvJJoaw.js";
+import { b as m } from "../src-BkCsvZGi.js";
+import { h } from "../src-DjTM64tN.js";
 import { colors as g } from "../tokens.js";
 import * as _ from "@stylexjs/stylex";
 import { useEffect as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";

package/dist/charts/distribution.js

@@ -1,5 +1,5 @@
-import { n as e, o as t, r as n, t as r } from "../chart-frame-cfBPXmni.js";
-import { n as i, r as a, t as o } from "../chart-input-hK9U0Ql0.js";
+import { n as e, o as t, r as n, t as r } from "../chart-frame--DOsZKwP.js";
+import { n as i, r as a, t as o } from "../chart-input-C-g586YE.js";
 import { t as s } from "../plot-width--OgdohB5.js";
 import * as c from "@stylexjs/stylex";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/charts/graph.js

@@ -1,5 +1,5 @@
-import { o as e, r as t, t as n } from "../chart-frame-cfBPXmni.js";
-import { n as r, t as i } from "../chart-input-hK9U0Ql0.js";
+import { o as e, r as t, t as n } from "../chart-frame--DOsZKwP.js";
+import { n as r, t as i } from "../chart-input-C-g586YE.js";
 import * as a from "@stylexjs/stylex";
 import { useId as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/charts/hierarchy.js

@@ -1,6 +1,6 @@
-import { i as e, r as t, t as n } from "../categorical-values-DrTcMsSi.js";
-import { a as r, o as i, r as a } from "../chart-frame-cfBPXmni.js";
-import { t as o } from "../chart-input-hK9U0Ql0.js";
+import { i as e, r as t, t as n } from "../categorical-values-75J0TUkR.js";
+import { a as r, o as i, r as a } from "../chart-frame--DOsZKwP.js";
+import { t as o } from "../chart-input-C-g586YE.js";
 import { t as s } from "../plot-width--OgdohB5.js";
 import * as c from "@stylexjs/stylex";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/charts/matrix.js

@@ -1,6 +1,6 @@
 import { colors as e } from "../tokens.js";
-import { n as t, r as n, t as r } from "../chart-input-hK9U0Ql0.js";
-import { n as i, o as a, r as o, t as s } from "../chart-frame-cfBPXmni.js";
+import { n as t, r as n, t as r } from "../chart-input-C-g586YE.js";
+import { n as i, o as a, r as o, t as s } from "../chart-frame--DOsZKwP.js";
 import * as c from "@stylexjs/stylex";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 // packages/charts/src/matrix/heatmap-scale.ts

package/dist/charts/timeline.js

@@ -1,4 +1,4 @@
-import { c as e } from "../src-DuTmAQp5.js";
+import { c as e } from "../src-BkCsvZGi.js";
 import * as t from "@stylexjs/stylex";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { scaleLinear as i } from "@visx/scale";

package/dist/charts.js

@@ -1 +1 @@
-export { r as ChartFrame, i as ChartLegend } from "./chart-frame-cfBPXmni.js";
+export { r as ChartFrame, i as ChartLegend } from "./chart-frame--DOsZKwP.js";

package/dist/{code-block-DSmz0jTf.js → code-block-D0Jmsj7w.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./src-DuTmAQp5.js";
+import { g as e } from "./src-BkCsvZGi.js";
 import { colors as t } from "./tokens.js";
 import { t as n } from "./pierre-theme-BpESNIsV.js";
 import * as r from "@stylexjs/stylex";