@mechane-ai/elements 0.5.1 → 0.6.0

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-bX0VLC_W.js";
-import { n as i, r as a, t as o } from "../chart-input--VSrlMl-.js";
+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 { 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-bX0VLC_W.js";
-import { n as r, t as i } from "../chart-input--VSrlMl-.js";
+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 * 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-BfAEQUd0.js";
-import { a as r, o as i, r as a } from "../chart-frame-bX0VLC_W.js";
-import { t as o } from "../chart-input--VSrlMl-.js";
+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 { 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--VSrlMl-.js";
-import { n as i, o as a, r as o, t as s } from "../chart-frame-bX0VLC_W.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 * 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-CbYaLvhD.js";
+import { c as e } from "../src-DuTmAQp5.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-bX0VLC_W.js";
+export { r as ChartFrame, i as ChartLegend } from "./chart-frame-cfBPXmni.js";

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

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

package/dist/collections.js

@@ -1,5 +1,5 @@
-import { c as e, f as t, i as n, v as r, y as i } from "./src-CbYaLvhD.js";
-import { r as a } from "./src-CjnbzSgq.js";
+import { c as e, f as t, i as n, v as r, y as i } from "./src-DuTmAQp5.js";
+import { r as a } from "./src-DjvJJoaw.js";
 import { r as o } from "./src-CfDf8TY8.js";
 import { t as s } from "./accessibility-C-aIZ1Yx.js";
 import { mergeProps as c } from "@base-ui/react/merge-props";
@@ -402,10 +402,10 @@ function N({ rows: e, columns: t, getRowId: n, caption: r, empty: i, sort: o, on
 									t?.focus({ preventScroll: !0 }), t?.click();
 								},
 								...{
-									0: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx" },
-									2: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx x1ypdohk" },
-									1: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx x1r8u7ye" },
-									3: { className: "x14o62y9 x17kqdoe x178xt8z x13fuv20 xhjagg4 xzro8vx x1ypdohk x1r8u7ye" }
+									0: { className: "x14o62y9 x17kqdoe xso031l x1q0q8m5 x1qndepd xzro8vx" },
+									2: { className: "x14o62y9 x17kqdoe xso031l x1q0q8m5 x1qndepd xzro8vx x1ypdohk" },
+									1: { className: "x14o62y9 x17kqdoe xso031l x1q0q8m5 x1qndepd xzro8vx x1r8u7ye" },
+									3: { className: "x14o62y9 x17kqdoe xso031l x1q0q8m5 x1qndepd xzro8vx x1ypdohk x1r8u7ye" }
 								}[(y !== void 0) << 1 | (g?.has(e.id) === !0 || b === e.id)],
 								children: [g !== void 0 && /* @__PURE__ */ m("td", {
 									className: "xn9t2bk xxymvpz xj0a0fe x187nhsf xeuugli x1m92p3w",

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-BiMcfdlB.js";
+export { t as CodeBlock } from "../code-block-DSmz0jTf.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { g as e, h as t } from "../src-CbYaLvhD.js";
-import { t as n } from "../code-block-BiMcfdlB.js";
+import { g as e, h as t } from "../src-DuTmAQp5.js";
+import { t as n } from "../code-block-DSmz0jTf.js";
 import "@stylexjs/stylex";
 import { useEffect as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-Bm-Td5wm.js";
+export { t as ContentLink } from "../content-link-DLiDJzwq.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-BiMcfdlB.js";
-import { n as t, t as n } from "../content-link-Bm-Td5wm.js";
+import { t as e } from "../code-block-DSmz0jTf.js";
+import { n as t, t as n } from "../content-link-DLiDJzwq.js";
 import * as r from "@stylexjs/stylex";
 import { Children as i, createElement as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/content/tree.js

@@ -1,4 +1,4 @@
-import { b as e } from "../src-CbYaLvhD.js";
+import { b as e } from "../src-DuTmAQp5.js";
 import * as t from "@stylexjs/stylex";
 import { useEffect as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ function u(c) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-LY7PGy-7.js");
+				let t = await import("../pierre-tree-C-eebLcZ.js");
 				e && d({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-Bm-Td5wm.js → content-link-DLiDJzwq.js}

@@ -1,4 +1,4 @@
-import { x as e } from "./src-CbYaLvhD.js";
+import { x as e } from "./src-DuTmAQp5.js";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx
 var n = "https://content.invalid", r = /* @__PURE__ */ new Set([

package/dist/content.js

@@ -1,5 +1,5 @@
-import { b as e, g as t, h as n, v as r, x as i } from "./src-CbYaLvhD.js";
-import { t as a } from "./code-block-BiMcfdlB.js";
+import { b as e, g as t, h as n, v as r, x as i } from "./src-DuTmAQp5.js";
+import { t as a } from "./code-block-DSmz0jTf.js";
 import * as o from "@stylexjs/stylex";
 import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";

package/dist/feedback.js

@@ -1 +1 @@
-export { t as AsyncRegion, n as ContentReveal, u as EmptyState, o as Loading, i as Meter, d as Notice, a as Progress, s as Skeleton, c as SkeletonText, l as Spinner, r as Toast } from "./src-CbJTK9oP.js";
+export { t as AsyncRegion, n as ContentReveal, u as EmptyState, o as Loading, i as Meter, d as Notice, a as Progress, s as Skeleton, c as SkeletonText, l as Spinner, r as Toast } from "./src-Daf4PUD6.js";

package/dist/forms/dates.js

@@ -1,4 +1,4 @@
-import { b as e, v as t } from "../src-CbYaLvhD.js";
+import { b as e, v as t } from "../src-DuTmAQp5.js";
 import { r as n } from "../src-CfDf8TY8.js";
 import "@stylexjs/stylex";
 import { useState as r } from "react";

package/dist/forms.js

@@ -1 +1 @@
-export { r as Checkbox, g as Combobox, c as Field, d as Fieldset, f as FilePicker, l as Input, p as InputGroup, m as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, h as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-CjnbzSgq.js";
+export { r as Checkbox, g as Combobox, c as Field, d as Fieldset, f as FilePicker, l as Input, p as InputGroup, m as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, h as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-DjvJJoaw.js";

package/dist/index.js

@@ -1 +1 @@
-export { m as Accordion, _ as Avatar, t as Badge, v as Button, h as Collapsible, l as Columns, g as CopyValue, u as Divider, n as Heading, y as IconButton, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, c as Text, b as TextButton, x as TextLink } from "./src-CbYaLvhD.js";
+export { m as Accordion, _ as Avatar, t as Badge, v as Button, h as Collapsible, l as Columns, g as CopyValue, u as Divider, n as Heading, y as IconButton, r as Identifier, i as Muted, d as Panel, a as Prose, f as Row, p as Stack, o as Status, s as Subheading, c as Text, b as TextButton, x as TextLink } from "./src-DuTmAQp5.js";

package/dist/layout.js

@@ -1,5 +1,5 @@
 import { a as e } from "./src-CfDf8TY8.js";
-import { i as t, n, v as r, y as i } from "./src-CbYaLvhD.js";
+import { i as t, n, v as r, y as i } from "./src-DuTmAQp5.js";
 import { mergeProps as a } from "@base-ui/react/merge-props";
 import "@stylexjs/stylex";
 import { createContext as o, useContext as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";

package/dist/navigation/commands.js

@@ -1,4 +1,4 @@
-import { l as e } from "../src-CjnbzSgq.js";
+import { l as e } from "../src-DjvJJoaw.js";
 import { s as t } from "../src-CfDf8TY8.js";
 import { n } from "../navigation-yxK3iQXo.js";
 import "@stylexjs/stylex";

package/dist/packages/charts/src/cartesian/bar-chart.d.ts

@@ -13,6 +13,7 @@ export type BarChartProps = {
     readonly categories: ReadonlyArray<{
         readonly id: string;
         readonly label: string;
+        readonly axisLabel?: string | undefined;
     }>;
     readonly series: ReadonlyArray<BarSeries>;
     readonly domain: readonly [number, number];

package/dist/packages/forms/src/field-styles.d.ts

@@ -64,3 +64,11 @@ export declare const fieldStyles: Readonly<{
         readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
     }>;
 }>;
+export declare const inputSizeStyles: Readonly<{
+    readonly sm: Readonly<{
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+    }>;
+    readonly md: {};
+}>;

package/dist/packages/forms/src/form-controls.d.ts

@@ -39,7 +39,7 @@ declare function FieldsetRoot({ className, style, xstyle, ...props }: FieldsetRo
 declare function FieldsetLegend({ className, style, ...props }: FieldsetLegendProps): ReactNode;
 declare function InputGroupRoot({ xstyle, ...props }: InputGroupRootProps): ReactNode;
 declare function InputGroupAddon(props: InputGroupAddonProps): ReactNode;
-declare function InputGroupInput({ className, style, xstyle, ...props }: InputProps): ReactNode;
+declare function InputGroupInput({ className, style, xstyle, size, ...props }: InputProps): ReactNode;
 declare function NumberFieldRoot({ className, style, xstyle, ...props }: NumberFieldRootProps): ReactNode;
 declare function NumberFieldGroup({ className, style, ...props }: NumberFieldGroupProps): ReactNode;
 declare function NumberFieldInput({ className, style, ...props }: NumberFieldInputProps): ReactNode;

package/dist/packages/forms/src/forms.d.ts

@@ -10,7 +10,8 @@ type FieldLabelProps = ComponentProps<typeof BaseField.Label>;
 type FieldDescriptionProps = ComponentProps<typeof BaseField.Description>;
 type FieldErrorProps = ComponentProps<typeof BaseField.Error>;
 type BaseInputProps = ComponentProps<typeof BaseInput>;
-export type InputProps = Omit<BaseInputProps, 'value' | 'defaultValue' | 'onChange' | 'onValueChange' | 'readOnly'> & TextValueProperties<NonNullable<BaseInputProps['value']>, NonNullable<BaseInputProps['onChange']>, NonNullable<BaseInputProps['onValueChange']>> & {
+export type InputProps = Omit<BaseInputProps, 'value' | 'defaultValue' | 'onChange' | 'onValueChange' | 'readOnly' | 'size'> & TextValueProperties<NonNullable<BaseInputProps['value']>, NonNullable<BaseInputProps['onChange']>, NonNullable<BaseInputProps['onValueChange']>> & {
+    readonly size?: 'sm' | 'md';
     readonly xstyle?: PlacementStyle;
 };
 type NativeTextareaProps = ComponentProps<'textarea'>;
@@ -27,6 +28,6 @@ export declare const Field: {
     Description: typeof FieldDescription;
     Error: typeof FieldError;
 };
-export declare function Input({ className, style, xstyle, ...props }: InputProps): ReactNode;
+export declare function Input({ className, style, xstyle, size, ...props }: InputProps): ReactNode;
 export declare function Textarea({ value, defaultValue, onValueChange, name, disabled, readOnly, required, className, style, xstyle, ...props }: TextareaProps): ReactNode;
 export {};

package/dist/{pierre-tree-LY7PGy-7.js → pierre-tree-C-eebLcZ.js}

@@ -1,5 +1,5 @@
-import { c as e } from "./src-CbYaLvhD.js";
-import { l as t } from "./src-CjnbzSgq.js";
+import { c as e } from "./src-DuTmAQp5.js";
+import { l as t } from "./src-DjvJJoaw.js";
 import { conditions as n } from "./tokens.js";
 import { r } from "./pierre-theme-BpESNIsV.js";
 import * as i from "@stylexjs/stylex";

package/dist/{src-CbJTK9oP.js → src-Daf4PUD6.js}

@@ -1,4 +1,4 @@
-import { i as e, s as t } from "./src-CbYaLvhD.js";
+import { i as e, s as t } from "./src-DuTmAQp5.js";
 import { t as n } from "./accessibility-C-aIZ1Yx.js";
 import { n as r, t as i } from "./popup-styles-CvtZDE2t.js";
 import { t as a } from "./style-composition-uYlczSsB.js";