@mechane-ai/elements 0.0.0-stage → 0.4.1

package/dist/pierre-diff-CZdzgiYm.js

@@ -0,0 +1,66 @@
+import { n as e, t } from "./pierre-theme-BpESNIsV.js";
+import * as n from "@stylexjs/stylex";
+import { useCallback as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Virtualizer as o, parseDiffFromFile as s, parsePatchFiles as c, registerCustomTheme as l } from "@pierre/diffs";
+import { FileDiff as u, VirtualizerContext as d } from "@pierre/diffs/react";
+// packages/content/src/diff/pierre-diff.tsx
+var f = {
+	kVQacm: "xysyzu8",
+	$$css: !0
+}, p = { viewport: (e) => [
+	f,
+	{
+		kskxy: e == null ? e : "x1jols5v",
+		$$css: !0
+	},
+	{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+] };
+l("mechane", () => Promise.resolve(t), "zed");
+function m(e) {
+	return e === null ? null : {
+		name: e.name,
+		contents: e.code,
+		lang: e.language ?? "text"
+	};
+}
+function h(e) {
+	return e.patch === void 0 ? [s(m(e.before), m(e.after), {}, !0)] : c(e.patch, { throwOnError: !0 }).flatMap((e) => e.files);
+}
+function g({ files: t, layout: s, wrap: c, annotations: l, maxHeight: f, label: m }) {
+	let [h] = i(() => new o()), g = r((e) => {
+		e === null ? h.cleanUp() : h.setup(e);
+	}, [h]);
+	return /* @__PURE__ */ a(d.Provider, {
+		value: h,
+		children: /* @__PURE__ */ a("div", {
+			ref: g,
+			role: "region",
+			"aria-label": `${m} changes`,
+			tabIndex: 0,
+			...n.props(p.viewport(f)),
+			children: /* @__PURE__ */ a("div", { children: t.map((t) => /* @__PURE__ */ a(u, {
+				fileDiff: t,
+				disableWorkerPool: !0,
+				options: {
+					preferredHighlighter: "highlights",
+					theme: "mechane",
+					themeType: "system",
+					unsafeCSS: e,
+					diffStyle: s,
+					overflow: c ? "wrap" : "scroll",
+					hunkSeparators: "line-info",
+					tokenizeMaxLength: 2e5,
+					tokenizeMaxLineLength: 4096
+				},
+				lineAnnotations: l.filter((e) => e.file === t.name).map((e) => ({
+					side: e.side === "old" ? "deletions" : "additions",
+					lineNumber: e.line,
+					metadata: e.content
+				})),
+				renderAnnotation: (e) => e.metadata
+			}, t.name)) })
+		})
+	});
+}
+export { g as PierreDiff, h as prepareDiff };

package/dist/pierre-theme-BpESNIsV.js

@@ -0,0 +1,96 @@
+import { colors as e, controls as t, spacing as n, syntaxColors as r, typography as i } from "./tokens.js";
+// packages/content/src/pierre-theme.ts
+var a = {
+	name: "Elements",
+	appearance: "light",
+	cssVariables: {
+		prefix: "--elements-syntax-",
+		defaults: {
+			foreground: e.ink,
+			background: e.surface,
+			keyword: r.keyword,
+			string: r.string,
+			comment: r.comment,
+			number: r.number,
+			type: r.type,
+			punctuation: e.muted
+		}
+	},
+	style: {
+		"editor.background": "background",
+		"editor.foreground": "foreground",
+		syntax: {
+			keyword: {
+				color: "keyword",
+				font_weight: 600
+			},
+			string: "string",
+			comment: "comment",
+			number: "number",
+			type: "type",
+			function: "foreground",
+			operator: "punctuation",
+			punctuation: "punctuation"
+		}
+	}
+}, o = `
+:host {
+  color-scheme: inherit;
+  --diffs-font-family: ${i.monoFamily};
+  --diffs-header-font-family: ${i.fontFamily};
+  --diffs-font-size: ${i.captionSize};
+  --diffs-line-height: ${i.bodyLineHeight};
+  --diffs-bg: ${e.surface};
+  --diffs-fg: ${e.ink};
+  --diffs-fg-number: ${e.muted};
+  --diffs-bg-addition: ${e.accentSoft};
+  --diffs-bg-deletion: ${e.dangerSoft};
+  --diffs-addition-color-override: ${e.accent};
+  --diffs-deletion-color-override: ${e.danger};
+  --diffs-modified-color-override: ${e.focus};
+  --diffs-bg-context-override: ${e.surface};
+  --diffs-bg-context-gutter-override: ${e.canvas};
+  --diffs-bg-separator-override: ${e.canvas};
+  --diffs-selection-background: ${e.accentSoft};
+  font-family: ${i.monoFamily};
+  font-size: ${i.captionSize};
+  color: ${e.ink};
+  background: ${e.surface};
+}
+pre { font-family: ${i.monoFamily}; font-size: ${i.captionSize}; line-height: ${i.bodyLineHeight}; }
+[data-line-number] { color: ${e.muted}; }
+[data-diffs-header] { min-height: ${t.mdHeight}; border-bottom: 1px solid ${e.line}; }
+`, s = `
+:host {
+  color-scheme: inherit;
+  color: ${e.ink};
+  background: ${e.surface};
+  font-family: ${i.fontFamily};
+  font-size: ${i.bodySize};
+  --trees-font-family-override: ${i.fontFamily};
+  --trees-font-size-override: ${i.bodySize};
+  --trees-bg-override: ${e.surface};
+  --trees-fg-override: ${e.ink};
+  --trees-fg-muted-override: ${e.muted};
+  --trees-bg-muted-override: ${e.canvas};
+  --trees-input-bg-override: ${e.surface};
+  --trees-border-color-override: ${e.line};
+  --trees-border-radius-override: 0px;
+  --trees-accent-override: ${e.focus};
+  --trees-focus-ring-color-override: ${e.focus};
+  --trees-focus-ring-width-override: ${t.focusWidth};
+  --trees-selected-fg-override: ${e.ink};
+  --trees-selected-bg-override: ${e.canvas};
+  --trees-selected-focused-border-color-override: ${e.focus};
+  --trees-status-added-override: ${e.accent};
+  --trees-status-deleted-override: ${e.danger};
+  --trees-status-ignored-override: ${e.muted};
+  --trees-status-modified-override: ${e.warning};
+  --trees-status-renamed-override: ${e.warning};
+  --trees-status-untracked-override: ${e.accent};
+}
+[role="treeitem"] { border-radius: 0; padding-inline: ${n.sm}; }
+[role="treeitem"][aria-selected="true"] { background: ${e.canvas}; color: ${e.ink}; }
+[role="treeitem"]:focus-visible { outline: ${t.focusWidth} solid ${e.focus}; outline-offset: -2px; }
+`;
+export { o as n, s as r, a as t };

package/dist/pierre-tree-qZVvI5c1.js

@@ -0,0 +1,106 @@
+import { c as e } from "./src-CbYaLvhD.js";
+import { c as t } from "./src-CvpS9XIR.js";
+import { conditions as n } from "./tokens.js";
+import { r } from "./pierre-theme-BpESNIsV.js";
+import * as i from "@stylexjs/stylex";
+import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { FileTree as d, useFileTree as f, useFileTreeSearch as p } from "@pierre/trees/react";
+// packages/content/src/tree/pierre-tree.tsx
+var m = {
+	k1xSpc: "x78zum5",
+	kXwgrk: "xdt5ytf",
+	k7Eaqz: "xeuugli",
+	kVQacm: "xb3r6kr",
+	$$css: !0
+}, h = { root: (e) => [
+	m,
+	{
+		kZKoxP: e == null ? e : "x16ye13r",
+		$$css: !0
+	},
+	{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+] };
+function g({ paths: m, label: g, selectedPaths: _, onSelectedPathsChange: v, statuses: y, height: b = 320 }) {
+	let x = o(), S = s({
+		selectedPaths: _,
+		onSelectedPathsChange: v
+	}), C = s(!1), w = s(!1), [T] = c(() => globalThis.matchMedia(n.coarsePointer.slice(7)).matches ? 44 : 32), { model: E } = f({
+		paths: m,
+		initialSelectedPaths: _,
+		initialExpansion: 1,
+		itemHeight: T,
+		icons: {
+			set: "minimal",
+			colored: !1
+		},
+		search: !1,
+		fileTreeSearchMode: "hide-non-matches",
+		dragAndDrop: !1,
+		renaming: !1,
+		unsafeCSS: r,
+		onSelectionChange: A
+	}), D = p(E), O = D.value.length === 0 || D.matchingPaths.length > 0;
+	function k() {
+		C.current = !0;
+		let e = new Set(S.current.selectedPaths);
+		for (let t of E.getSelectedPaths()) if (!e.has(t)) {
+			let e = E.getItem(t);
+			e !== null && e.deselect();
+		}
+		for (let t of e) {
+			let e = E.getItem(t);
+			e !== null && !e.isSelected() && e.select();
+		}
+		C.current = !1;
+	}
+	function A(e) {
+		!C.current && w.current && (S.current.onSelectedPathsChange(e), queueMicrotask(() => {
+			w.current && k();
+		}));
+	}
+	return a(() => (w.current = !0, () => {
+		w.current = !1;
+	}), []), a(() => {
+		S.current = {
+			selectedPaths: _,
+			onSelectedPathsChange: v
+		}, k();
+	}, [
+		E,
+		_,
+		v
+	]), a(() => {
+		let e = E.getVisibleRows(0, E.getVisibleCount()).filter((e) => e.isExpanded).map((e) => e.path);
+		C.current = !0, E.resetPaths(m, { initialExpandedPaths: e }), k();
+	}, [E, m]), a(() => {
+		E.setGitStatus(y);
+	}, [E, y]), /* @__PURE__ */ u("div", {
+		...i.props(h.root(b)),
+		children: [/* @__PURE__ */ u("div", {
+			className: "x78zum5 xdt5ytf xunmzkg xn9t2bk x1doqdfy",
+			children: [/* @__PURE__ */ l(t, {
+				type: "search",
+				"aria-label": `Search ${g}`,
+				"aria-controls": O ? x : void 0,
+				placeholder: "Search files…",
+				value: D.value,
+				onValueChange: D.setValue,
+				onKeyDown: (e) => {
+					e.key === "Escape" && (e.preventDefault(), D.close());
+				}
+			}), D.value.length > 0 && /* @__PURE__ */ l(e, {
+				variant: "caption",
+				tone: "muted",
+				role: "status",
+				children: D.matchingPaths.length === 0 ? "No matching files." : `${D.matchingPaths.length} matches`
+			})]
+		}), O && /* @__PURE__ */ l(d, {
+			id: x,
+			model: E,
+			"aria-label": g,
+			className: "x1lliihq x1iyjqo2 x2lwn1j xeuugli xb3r6kr"
+		})]
+	});
+}
+export { g as PierreTree };

package/dist/plot-width--OgdohB5.js

@@ -0,0 +1,18 @@
+import { useEffect as e, useState as t } from "react";
+// packages/charts/src/plot-width.ts
+var n = 640;
+function r() {
+	let [r, i] = t(null), [a, o] = t(n);
+	return e(() => {
+		if (r === null) return;
+		let e = new ResizeObserver(([e]) => {
+			e !== void 0 && e.contentRect.width > 0 && o(e.contentRect.width);
+		});
+		return e.observe(r), () => e.disconnect();
+	}, [r]), {
+		ref: i,
+		width: a,
+		element: r
+	};
+}
+export { r as t };

package/dist/popup-styles-CvtZDE2t.js

@@ -0,0 +1,135 @@
+import "@stylexjs/stylex";
+// packages/foundations/src/overlay-styles.ts
+var e = {
+	transition: {
+		k1ekBW: "x6o7n8i",
+		kIyJzY: "xtitasy xdngh92",
+		kAMwcw: "x1faw7qm",
+		$$css: !0
+	},
+	backdrop: {
+		kVAEAm: "xixxii4",
+		k87sOh: "x13vifvy",
+		kCIrl2: "x3m8u43",
+		krVfgx: "x1ey2m1c",
+		kbCHJM: "xu96u03",
+		kWkggS: "xg83kri",
+		kY2c9j: "xqhlcgi",
+		kSiTet: "x1hc1fzr",
+		k1ekBW: "x19991ni",
+		kdD3Bq: "x1i2unn7",
+		$$css: !0
+	},
+	title: {
+		kogj98: "x1ghz6dp",
+		kMv6JI: "x1hz01jw",
+		khiITx: "xvmahel",
+		kGuDYH: "x1i2cqwi",
+		kLWn49: "x4fansv",
+		k63SB2: "x1s688f",
+		kMwMTN: "xbixft",
+		$$css: !0
+	},
+	description: {
+		kogj98: "x1ghz6dp",
+		kMv6JI: "x1hz01jw",
+		khiITx: "xvmahel",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		kMwMTN: "x153jb6y",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	},
+	content: {
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kOIVth: "xaml1ju",
+		k7Eaqz: "xeuugli",
+		$$css: !0
+	}
+}, t = {
+	positioner: {
+		kY2c9j: "xb912zn",
+		kMeerF: "x1k57tk5",
+		$$css: !0
+	},
+	surface: {
+		kB7OPa: "x9f619",
+		ks0D6T: "x10p4m04",
+		kskxy: "x1374xjt",
+		kORKVm: "x1odjw0f",
+		kZeWKH: "xish69e",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x1ey3b81",
+		kaIpWk: "xy32g2j",
+		kGVxlE: "x1ghndwu",
+		kWkggS: "xpvm0e4",
+		kMwMTN: "xbixft",
+		kMv6JI: "x1hz01jw",
+		khiITx: "xvmahel",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		kMeerF: "x1k57tk5",
+		$$css: !0
+	},
+	content: {
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kOIVth: "x1n8ia3y",
+		kmVPX3: "x1c8xbx5",
+		$$css: !0
+	},
+	menu: {
+		k7Eaqz: "x12ro6kh",
+		kmVPX3: "x1s01oa9",
+		$$css: !0
+	},
+	item: {
+		k1xSpc: "x78zum5",
+		kB7OPa: "x9f619",
+		kGNEyG: "x6s0dn4",
+		kOIVth: "x1hnptsi",
+		kAzted: "xaeotn9 xwu7q15",
+		kg3NbH: "x5g2kb4",
+		k8WAf4: "x1hmw7ec",
+		kaIpWk: "x1ok0vyi",
+		kkrTdU: "x1ypdohk",
+		kMnn75: "xkrqix3",
+		kMwMTN: "xbixft",
+		kMeerF: "x1k57tk5",
+		kDedJS: "xf2ykmf",
+		kk7Lky: "xwj21n9",
+		kXyCmE: "x1m8qfh3",
+		kPJHz1: "x13qnu6",
+		k7shQP: "x9v5kkp",
+		kZs9gx: "x19rmrnh",
+		kiEn40: "x1bqaal",
+		$$css: !0
+	},
+	label: {
+		kg3NbH: "x5g2kb4",
+		k8WAf4: "x1hmw7ec",
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		$$css: !0
+	},
+	separator: {
+		kZKoxP: "xjm9jq1",
+		kMzoRj: "xc342km",
+		kWkggS: "x1fa40ue",
+		kqGvvJ: "x1v8es8e",
+		$$css: !0
+	},
+	indicator: {
+		kzqmXN: "xtwnzbg",
+		kZKoxP: "x18utl2x",
+		k1xSpc: "x3nfvp2",
+		kGNEyG: "x6s0dn4",
+		kjj79g: "xl56j7k",
+		kmuXW: "x2lah0s",
+		$$css: !0
+	}
+};
+export { e as n, t };

package/dist/src-BfvOOeA3.js

@@ -0,0 +1,272 @@
+import { i as e, s as t } from "./src-CbYaLvhD.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";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import * as s from "@stylexjs/stylex";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u, LoaderCircle as d } from "lucide-react";
+import { Meter as f } from "@base-ui/react/meter";
+import { Progress as p } from "@base-ui/react/progress";
+import { Toast as m } from "@base-ui/react/toast";
+// packages/feedback/src/feedback.tsx
+function h({ title: n, children: r, action: i, ...a }) {
+	return /* @__PURE__ */ l("div", {
+		...o({ className: "x78zum5 xdt5ytf x6s0dn4 xl56j7k x2b8uid x1iefggq xnx3t7k x1n8ia3y x1hz01jw xvmahel" }, a),
+		children: [
+			/* @__PURE__ */ c(u, {
+				size: 22,
+				"aria-hidden": !0,
+				className: "x153jb6y x1kk91vl"
+			}),
+			/* @__PURE__ */ c(t, { children: n }),
+			/* @__PURE__ */ c(e, { children: r }),
+			i
+		]
+	});
+}
+function g({ error: e = !1, ...t }) {
+	return /* @__PURE__ */ c("div", { ...o({ role: e ? "alert" : "status" }, {
+		0: { className: "xp59q4u x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt x1dqe72f x1f9ixgr xj0a0fe" },
+		1: { className: "xp59q4u x1doqdfy x1ok0vyi x1hz01jw xvmahel xtqrqnz x1778rvt xj0a0fe xr5kp14 xcqwzn" }
+	}[!!e | 0], t) });
+}
+// packages/feedback/src/skeleton.tsx
+var _ = {
+	skeleton: {
+		k1xSpc: "x1lliihq",
+		ks0D6T: "x193iq5w",
+		kWkggS: "x1r7kqkb",
+		kaIpWk: "x1ok0vyi",
+		kmuXW: "x2lah0s",
+		$$css: !0
+	},
+	dimensions: (e, t) => [{
+		kzqmXN: e == null ? e : "x5lhr3w",
+		kZKoxP: t == null ? t : "x16ye13r",
+		$$css: !0
+	}, {
+		"--x-width": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
+		"--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
+	}],
+	circle: {
+		kaIpWk: "x16rqkct",
+		$$css: !0
+	},
+	rectangle: { $$css: !0 }
+}, v = {
+	rectangle: _.rectangle,
+	circle: _.circle
+};
+function y({ width: e = "100%", height: t = 8, shape: n = "rectangle" }) {
+	return /* @__PURE__ */ c("span", {
+		"aria-hidden": !0,
+		...s.props(_.skeleton, _.dimensions(e, t), v[n])
+	});
+}
+function b({ lines: e = 3 }) {
+	return /* @__PURE__ */ c("div", {
+		"aria-hidden": !0,
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3",
+		children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ c(y, { width: n === e - 1 ? "65%" : "100%" }, `placeholder-${n}`))
+	});
+}
+function x({ label: e, showLabel: t = !1 }) {
+	return /* @__PURE__ */ l("span", {
+		role: "status",
+		className: "x3nfvp2 x1n2onr6 x6s0dn4 x1hnptsi x153jb6y x1hz01jw xtqrqnz x1778rvt",
+		children: [/* @__PURE__ */ c(d, {
+			"aria-hidden": !0,
+			className: "xtwnzbg x18utl2x x2lah0s"
+		}), /* @__PURE__ */ c("span", {
+			...s.props(!t && n.hidden),
+			children: e
+		})]
+	});
+}
+// packages/feedback/src/loading.tsx
+function S({ label: e, shape: t = "rows" }) {
+	return /* @__PURE__ */ l("div", {
+		role: "status",
+		className: "xeuugli x1n2onr6",
+		children: [/* @__PURE__ */ c("span", {
+			...s.props(n.hidden),
+			children: e
+		}), t === "rows" ? /* @__PURE__ */ l("div", {
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ c("div", {
+				className: "xrvj5dj x18zg5m9 x18hwk67 x6s0dn4 x1m92p3w xu0aao5 xso031l x1q0q8m5 x1qndepd",
+				children: /* @__PURE__ */ c(y, { width: 54 })
+			}), [
+				0,
+				1,
+				2
+			].map((e) => /* @__PURE__ */ l("div", {
+				className: "xrvj5dj x18zg5m9 x18hwk67 x6s0dn4 xse5ku5 x1m92p3w",
+				children: [
+					/* @__PURE__ */ c(y, { width: e === 1 ? 108 : 174 }),
+					/* @__PURE__ */ c(y, { width: 54 }),
+					/* @__PURE__ */ c(y, { width: 108 })
+				]
+			}, e))]
+		}) : /* @__PURE__ */ l("div", {
+			"aria-hidden": !0,
+			className: "xrvj5dj x1c1vhfx x1xn8qrt",
+			children: [
+				/* @__PURE__ */ c(y, {
+					width: 216,
+					height: 24
+				}),
+				/* @__PURE__ */ c(y, { width: 174 }),
+				/* @__PURE__ */ c(y, { width: 108 })
+			]
+		})]
+	});
+}
+// packages/feedback/src/progress.tsx
+function C({ label: e, value: t, max: n, valueLabel: r }) {
+	return /* @__PURE__ */ l(p.Root, {
+		value: t,
+		max: n,
+		locale: "en-US",
+		getAriaValueText: () => r,
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ l("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ c(p.Label, { children: e }), /* @__PURE__ */ c("span", {
+				className: "x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ c(p.Track, {
+			...{
+				0: { className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr" },
+				1: { className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619" }
+			}[t === null | 0],
+			children: t !== null && /* @__PURE__ */ c(p.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+		})]
+	});
+}
+function w({ label: e, value: t, max: n, valueLabel: r }) {
+	return t === null ? /* @__PURE__ */ l("div", {
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ l("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ c("span", { children: e }), /* @__PURE__ */ c("span", {
+				className: "x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ c("div", {
+			"aria-hidden": !0,
+			className: "xqu0tyb xh8yej3 x1ok0vyi xb3r6kr x1r7kqkb xmkeg23 xbsl7fq xqrc7c3 x9f619"
+		})]
+	}) : /* @__PURE__ */ l(f.Root, {
+		value: t,
+		max: n,
+		locale: "en-US",
+		getAriaValueText: () => r,
+		className: "x78zum5 xdt5ytf x1hnptsi xh8yej3 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ l("div", {
+			className: "x78zum5 x1pha0wt x1qughib x1n8ia3y x1a02dak",
+			children: [/* @__PURE__ */ c(f.Label, { children: e }), /* @__PURE__ */ c("span", {
+				className: "x153jb6y xss6m8b",
+				children: r
+			})]
+		}), /* @__PURE__ */ c(f.Track, {
+			className: "xqu0tyb xh8yej3 x1ok0vyi x1fa40ue xb3r6kr",
+			children: /* @__PURE__ */ c(f.Indicator, { className: "x5yr21d x1pt885t x1ok0vyi" })
+		})]
+	});
+}
+// packages/feedback/src/toast.tsx
+var T = {
+	focus: {
+		kPJHz1: "x13qnu6",
+		k7shQP: "x9v5kkp",
+		kZs9gx: "x19rmrnh",
+		kiEn40: "x1bqaal",
+		$$css: !0
+	},
+	root: {
+		kzqmXN: "xh8yej3",
+		kmVPX3: "x1c8xbx5",
+		k3aq6I: "x1j8b0r",
+		kOpbMr: "xmeywwb",
+		$$css: !0
+	},
+	title: {
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		k63SB2: "xk50ysn",
+		$$css: !0
+	}
+};
+function E({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ c(m.Viewport, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: { className: "xixxii4 x640wxr xsygj64 xb912zn x78zum5 xdt5ytf x1hnptsi x147k7ee xy2oaap x1odjw0f xish69e x1k57tk5 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
+		})
+	});
+}
+function D({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ c(m.Root, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: s.props(i.surface, T.root, T.focus)
+		})
+	});
+}
+function O({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ c(m.Content, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: { className: "x78zum5 xdt5ytf x1hnptsi" }
+		})
+	});
+}
+function k({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ c(m.Title, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: s.props(r.title, T.title)
+		})
+	});
+}
+function A({ className: e, style: t, ...n }) {
+	return /* @__PURE__ */ c(m.Description, {
+		...n,
+		...a({
+			className: e,
+			style: t,
+			styles: s.props(r.description)
+		})
+	});
+}
+function j(e) {
+	return /* @__PURE__ */ c(m.Close, {
+		"aria-hidden": !1,
+		...e
+	});
+}
+var M = {
+	Provider: m.Provider,
+	Portal: m.Portal,
+	Viewport: E,
+	Root: D,
+	Content: O,
+	Title: k,
+	Description: A,
+	Close: j,
+	Action: m.Action,
+	useManager: m.useToastManager,
+	createManager: m.createToastManager
+};
+export { y as a, h as c, S as i, g as l, w as n, b as o, C as r, x as s, M as t };