@mechane-ai/elements 0.0.0-stage → 0.4.1

package/dist/src-CfDf8TY8.js

@@ -0,0 +1,466 @@
+import { n as e, t } from "./popup-styles-CvtZDE2t.js";
+import { t as n } from "./style-composition-uYlczSsB.js";
+import { t as r } from "./accessibility-C-aIZ1Yx.js";
+import * as i from "@stylexjs/stylex";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Check as s } from "lucide-react";
+import { AlertDialog as c } from "@base-ui/react/alert-dialog";
+import { Dialog as l } from "@base-ui/react/dialog";
+import { Drawer as u } from "@base-ui/react/drawer";
+import { Menu as d } from "@base-ui/react/menu";
+import { Popover as f } from "@base-ui/react/popover";
+import { PreviewCard as p } from "@base-ui/react/preview-card";
+import { Tooltip as m } from "@base-ui/react/tooltip";
+// packages/overlays/src/dialog.tsx
+var h = { popup: {
+	kVAEAm: "xixxii4",
+	k87sOh: "xwa60dl",
+	kbCHJM: "x1nrll8i",
+	k3aq6I: "x11lhmoz",
+	kSiTet: "x1hc1fzr",
+	kY2c9j: "xj45y6o",
+	kB7OPa: "x9f619",
+	kzqmXN: "xcyy4kf",
+	kskxy: "xs8sm83",
+	kORKVm: "x1odjw0f",
+	kZeWKH: "xish69e",
+	kmVPX3: "x1jvlu93",
+	kMzoRj: "xmkeg23",
+	ksu8eU: "x1y0btm7",
+	kVAM5u: "x1ey3b81",
+	kaIpWk: "xy32g2j",
+	kGVxlE: "x1ghndwu",
+	kWkggS: "xpvm0e4",
+	kMwMTN: "xbixft",
+	kMv6JI: "x1hz01jw",
+	khiITx: "xvmahel",
+	kMeerF: "x1k57tk5",
+	kdD3Bq: "x1i2unn7",
+	koVVf4: "x1mi8ng5",
+	$$css: !0
+} };
+function g(e) {
+	return /* @__PURE__ */ a(l.Root, { ...e });
+}
+function _({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(l.Backdrop, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.transition, e.backdrop)
+		})
+	});
+}
+function v({ className: t, style: r, xstyle: o, ...s }) {
+	return /* @__PURE__ */ a(l.Popup, {
+		...s,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.content, e.transition, h.popup, o)
+		})
+	});
+}
+function y({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(l.Title, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.title)
+		})
+	});
+}
+function b({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(l.Description, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.description)
+		})
+	});
+}
+var x = {
+	Root: g,
+	Trigger: l.Trigger,
+	Portal: l.Portal,
+	Backdrop: _,
+	Popup: v,
+	Title: y,
+	Description: b,
+	Close: l.Close
+};
+// packages/overlays/src/alert-dialog.tsx
+function S(e) {
+	return /* @__PURE__ */ a(c.Root, { ...e });
+}
+var C = {
+	Root: S,
+	Trigger: c.Trigger,
+	Portal: x.Portal,
+	Backdrop: x.Backdrop,
+	Popup: x.Popup,
+	Title: x.Title,
+	Description: x.Description,
+	Close: x.Close
+}, w = {
+	transition: {
+		kIyJzY: "xuil92l xdngh92",
+		kAMwcw: "x320y99",
+		krwDK1: "xm69ghq",
+		$$css: !0
+	},
+	backdrop: {
+		kSiTet: "x6u05ig",
+		$$css: !0
+	},
+	popup: {
+		kVAEAm: "x10l6tqk",
+		k87sOh: "x13vifvy",
+		krVfgx: "x1ey2m1c",
+		kbCHJM: "xu96u03",
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kB7OPa: "x9f619",
+		k7Eaqz: "xeuugli",
+		kAzted: "x2lwn1j",
+		ks0D6T: "x16xn7b0",
+		kWkggS: "xpvm0e4",
+		kMwMTN: "xbixft",
+		kMv6JI: "x1hz01jw",
+		khiITx: "xvmahel",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		kWqL5O: "xs1s249",
+		kSWEuD: "x32b0ac",
+		k26BEO: "xelkwwr",
+		kMeerF: "x1k57tk5",
+		k3aq6I: "xwhx0j6",
+		k1ekBW: "x11xpdln",
+		koVVf4: "x4z8bqh",
+		$$css: !0
+	}
+};
+function T(e) {
+	return /* @__PURE__ */ a(u.Root, {
+		...e,
+		swipeDirection: "left"
+	});
+}
+function E({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(u.Backdrop, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.backdrop, w.transition, w.backdrop)
+		})
+	});
+}
+function D({ className: e, style: t, ...r }) {
+	return /* @__PURE__ */ a(u.Viewport, {
+		...r,
+		...n({
+			className: e,
+			style: t,
+			styles: { className: "xixxii4 x13vifvy x3m8u43 x1ey2m1c xu96u03 xj45y6o" }
+		})
+	});
+}
+function O({ className: e, style: t, xstyle: r, ...o }) {
+	return /* @__PURE__ */ a(u.Popup, {
+		...o,
+		...n({
+			className: e,
+			style: t,
+			styles: i.props(w.transition, w.popup, r)
+		})
+	});
+}
+function k({ className: t, style: o, visuallyHidden: s = !1, ...c }) {
+	return /* @__PURE__ */ a(u.Title, {
+		...c,
+		...n({
+			className: t,
+			style: o,
+			styles: i.props(e.title, s && r.hidden)
+		})
+	});
+}
+function A({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(u.Description, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.description)
+		})
+	});
+}
+var j = {
+	createHandle: u.createHandle,
+	Root: T,
+	Trigger: u.Trigger,
+	Portal: u.Portal,
+	Backdrop: E,
+	Viewport: D,
+	Popup: O,
+	Title: k,
+	Description: A,
+	Close: u.Close
+};
+// packages/overlays/src/menu.tsx
+function M(e) {
+	return /* @__PURE__ */ a(d.Root, { ...e });
+}
+function N(e) {
+	return /* @__PURE__ */ a(d.SubmenuRoot, { ...e });
+}
+function P({ className: e, style: r, sideOffset: o = 4, ...s }) {
+	return /* @__PURE__ */ a(d.Positioner, {
+		...s,
+		sideOffset: o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.positioner)
+		})
+	});
+}
+function F({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(d.Popup, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.surface, t.menu)
+		})
+	});
+}
+function I({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(d.Item, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.item)
+		})
+	});
+}
+function L({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(d.LinkItem, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.item)
+		})
+	});
+}
+function ee({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(d.GroupLabel, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.label)
+		})
+	});
+}
+function R({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(d.Separator, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.separator)
+		})
+	});
+}
+function z({ className: e, style: r, children: c, ...l }) {
+	return /* @__PURE__ */ o(d.CheckboxItem, {
+		...l,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.item)
+		}),
+		children: [/* @__PURE__ */ a("span", {
+			...i.props(t.indicator),
+			children: /* @__PURE__ */ a(d.CheckboxItemIndicator, { children: /* @__PURE__ */ a(s, {
+				size: 14,
+				"aria-hidden": !0
+			}) })
+		}), c]
+	});
+}
+function B(e) {
+	return /* @__PURE__ */ a(d.RadioGroup, { ...e });
+}
+function V({ className: e, style: r, children: c, ...l }) {
+	return /* @__PURE__ */ o(d.RadioItem, {
+		...l,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.item)
+		}),
+		children: [/* @__PURE__ */ a("span", {
+			...i.props(t.indicator),
+			children: /* @__PURE__ */ a(d.RadioItemIndicator, { children: /* @__PURE__ */ a(s, {
+				size: 14,
+				"aria-hidden": !0
+			}) })
+		}), c]
+	});
+}
+function H({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(d.SubmenuTrigger, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.item)
+		})
+	});
+}
+var U = {
+	Root: M,
+	Trigger: d.Trigger,
+	Portal: d.Portal,
+	Positioner: P,
+	Popup: F,
+	Item: I,
+	LinkItem: L,
+	Group: d.Group,
+	GroupLabel: ee,
+	Separator: R,
+	CheckboxItem: z,
+	RadioGroup: B,
+	RadioItem: V,
+	SubmenuRoot: N,
+	SubmenuTrigger: H
+};
+// packages/overlays/src/popover.tsx
+function W(e) {
+	return /* @__PURE__ */ a(f.Root, { ...e });
+}
+function G({ className: e, style: r, sideOffset: o = 6, ...s }) {
+	return /* @__PURE__ */ a(f.Positioner, {
+		...s,
+		sideOffset: o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.positioner)
+		})
+	});
+}
+function K({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(f.Popup, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.surface, t.content)
+		})
+	});
+}
+function q({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(f.Title, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.title)
+		})
+	});
+}
+function J({ className: t, style: r, ...o }) {
+	return /* @__PURE__ */ a(f.Description, {
+		...o,
+		...n({
+			className: t,
+			style: r,
+			styles: i.props(e.description)
+		})
+	});
+}
+var Y = {
+	Root: W,
+	Trigger: f.Trigger,
+	Portal: f.Portal,
+	Positioner: G,
+	Popup: K,
+	Title: q,
+	Description: J,
+	Close: f.Close
+};
+// packages/overlays/src/preview.tsx
+function X(e) {
+	return /* @__PURE__ */ a(p.Root, { ...e });
+}
+function Z({ className: e, style: r, sideOffset: o = 6, ...s }) {
+	return /* @__PURE__ */ a(p.Positioner, {
+		...s,
+		sideOffset: o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.positioner)
+		})
+	});
+}
+function Q({ className: e, style: r, ...o }) {
+	return /* @__PURE__ */ a(p.Popup, {
+		...o,
+		...n({
+			className: e,
+			style: r,
+			styles: i.props(t.surface, t.content)
+		})
+	});
+}
+var $ = {
+	Root: X,
+	Trigger: p.Trigger,
+	Portal: p.Portal,
+	Positioner: Z,
+	Popup: Q
+};
+// packages/overlays/src/tooltip.tsx
+function te(e) {
+	return /* @__PURE__ */ a(m.Root, { ...e });
+}
+function ne({ className: e, style: t, sideOffset: r = 6, ...i }) {
+	return /* @__PURE__ */ a(m.Positioner, {
+		...i,
+		sideOffset: r,
+		...n({
+			className: e,
+			style: t,
+			styles: { className: "x1rrm6on" }
+		})
+	});
+}
+function re({ className: e, style: t, ...r }) {
+	return /* @__PURE__ */ a(m.Popup, {
+		...r,
+		...n({
+			className: e,
+			style: t,
+			styles: { className: "x12gd09 x1hmw7ec x5g2kb4 x1ok0vyi x1pt885t x1ymx3u3 x1hz01jw xvmahel xy8obcc xas2l8k x1ghndwu xj0a0fe" }
+		})
+	});
+}
+var ie = {
+	Provider: m.Provider,
+	Root: te,
+	Trigger: m.Trigger,
+	Portal: m.Portal,
+	Positioner: ne,
+	Popup: re
+};
+export { j as a, U as i, $ as n, C as o, Y as r, x as s, ie as t };