@levo-so/studio 0.1.101 → 0.1.103

package/Button-lUfKisu8.js

@@ -0,0 +1,116 @@
+import { c as e } from "react/compiler-runtime";
+import { createContext as t, useContext as n, useEffect as r, useMemo as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import s from "clsx";
+import { createRuntimeFn as c } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region ../../libraries/levocn/dist/styles/reset.cssm.js
+var l = "_1er5g5a0", u = /* @__PURE__ */ new Set(), d = {}, f = t(null), p = () => {
+	let t = e(1), r = n(f);
+	if (!r) {
+		let e;
+		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
+			portalRef: { current: null },
+			classes: u,
+			overrides: d
+		}, t[0] = e) : e = t[0], e;
+	}
+	return r;
+}, m = ({ children: e, cssReset: t, className: c, style: p, portalToThemeRoot: m, ...h }) => {
+	let g = n(f), _ = a(null), v = !g && t !== !1 ? l : "", y = g?.classes ?? u, b = g?.overrides ?? d, x = i(() => {
+		let e = c ? c.split(/\s+/).filter(Boolean) : [], t = new Set(y);
+		for (let n of e) t.add(n);
+		return {
+			portalRef: _,
+			classes: t,
+			overrides: {
+				...b,
+				...p
+			}
+		};
+	}, [
+		y,
+		c,
+		b,
+		p
+	]);
+	r(() => {
+		if (m) return;
+		let e = document.createElement("div");
+		return document.body.appendChild(e), _.current = e, () => {
+			document.body.removeChild(e), _.current = null;
+		};
+	}, [m]), r(() => {
+		if (m) return;
+		let e = _.current;
+		if (!e) return;
+		e.className = s(v, ...x.classes), e.style.cssText = "";
+		let t = {
+			display: "contents",
+			...x.overrides
+		};
+		for (let [n, r] of Object.entries(t)) r != null && e.style.setProperty(n, String(r));
+	}, [
+		x.classes,
+		x.overrides,
+		v,
+		m
+	]);
+	let S = s(v, ...c ? c.split(/\s+/).filter((e) => e && !y.has(e)) : []);
+	return /* @__PURE__ */ o(f.Provider, {
+		value: x,
+		children: /* @__PURE__ */ o("div", {
+			...m ? { ref: _ } : {},
+			...S ? { className: S } : {},
+			style: {
+				display: "contents",
+				...p
+			},
+			...h,
+			children: e
+		})
+	});
+}, h = c({
+	defaultClassName: "_1a7d0ek1 _1a7d0ek0",
+	variantClassNames: {
+		variant: {
+			default: "_1a7d0ek2",
+			outline: "_1a7d0ek3",
+			secondary: "_1a7d0ek4",
+			ghost: "_1a7d0ek5",
+			destructive: "_1a7d0ek6",
+			link: "_1a7d0ek7"
+		},
+		size: {
+			default: "_1a7d0ek8",
+			xs: "_1a7d0ek9",
+			sm: "_1a7d0eka",
+			lg: "_1a7d0ekb",
+			icon: "_1a7d0ekc",
+			"icon-xs": "_1a7d0ekd",
+			"icon-sm": "_1a7d0eke",
+			"icon-lg": "_1a7d0ekf"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	},
+	compoundVariants: []
+}), g = (t) => {
+	let n = e(14), r, i, a, c, l;
+	n[0] === t ? (r = n[1], i = n[2], a = n[3], c = n[4], l = n[5]) : ({className: r, variant: l, size: a, type: c, ...i} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = c, n[5] = l);
+	let u = c === void 0 ? "button" : c, d;
+	n[6] !== r || n[7] !== a || n[8] !== l ? (d = s(h({
+		variant: l,
+		size: a
+	}), r), n[6] = r, n[7] = a, n[8] = l, n[9] = d) : d = n[9];
+	let f;
+	return n[10] !== i || n[11] !== d || n[12] !== u ? (f = /* @__PURE__ */ o("button", {
+		"data-slot": "button",
+		type: u,
+		className: d,
+		...i
+	}), n[10] = i, n[11] = d, n[12] = u, n[13] = f) : f = n[13], f;
+};
+//#endregion
+export { m as i, h as n, p as r, g as t };

package/CollectionField-xa-jed3_.js

@@ -0,0 +1,232 @@
+import { c as e } from "react/compiler-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r, { clsx as i } from "clsx";
+import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
+import { Separator as o } from "@base-ui/react/separator";
+//#region ../../libraries/react-collection/dist/components/collectionField/CollectionField.cssm.js
+var s = "_1ompjs11", c = "_1d7f2b80", l = (n) => {
+	let i = e(8), a, o;
+	i[0] === n ? (a = i[1], o = i[2]) : ({className: a, ...o} = n, i[0] = n, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = r(c, a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ t("label", {
+		"data-slot": "label",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+};
+//#endregion
+//#region ../../libraries/react-collection/dist/components/collectionLabel/CollectionLabel.js
+function u(r) {
+	let i = e(6), { label: a, isRequired: o, htmlFor: c } = r;
+	if (!a) return null;
+	let u;
+	i[0] === o ? u = i[1] : (u = o && /* @__PURE__ */ t("span", {
+		className: "_1ompjs10",
+		children: "*"
+	}), i[0] = o, i[1] = u);
+	let d;
+	return i[2] !== c || i[3] !== a || i[4] !== u ? (d = /* @__PURE__ */ n(l, {
+		htmlFor: c,
+		className: s,
+		children: [a, u]
+	}), i[2] = c, i[3] = a, i[4] = u, i[5] = d) : d = i[5], d;
+}
+//#endregion
+//#region ../../libraries/levocn/dist/ui/field/Field.cssm.js
+var d = "_11sljvf0", f = "_11sljvf2", p = a({
+	defaultClassName: "_11sljvf3",
+	variantClassNames: { orientation: {
+		vertical: "_11sljvf4",
+		horizontal: "_11sljvf5"
+	} },
+	defaultVariants: { orientation: "vertical" },
+	compoundVariants: []
+}), m = "_11sljvf6", h = "_11sljvf7", g = "_11sljvf9", _ = "_11sljvfc", v = "_11sljvfd", y = a({
+	defaultClassName: "d292um0",
+	variantClassNames: { orientation: {
+		horizontal: "d292um1",
+		vertical: "d292um2"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+//#region ../../libraries/levocn/dist/ui/separator/Separator.js
+function b(n) {
+	let i = e(11), a, s, c;
+	i[0] === n ? (a = i[1], s = i[2], c = i[3]) : ({className: a, orientation: c, ...s} = n, i[0] = n, i[1] = a, i[2] = s, i[3] = c);
+	let l = c === void 0 ? "horizontal" : c, u;
+	i[4] !== a || i[5] !== l ? (u = r(y({ orientation: l }), a), i[4] = a, i[5] = l, i[6] = u) : u = i[6];
+	let d;
+	return i[7] !== l || i[8] !== s || i[9] !== u ? (d = /* @__PURE__ */ t(o, {
+		"data-slot": "separator",
+		orientation: l,
+		className: u,
+		...s
+	}), i[7] = l, i[8] = s, i[9] = u, i[10] = d) : d = i[10], d;
+}
+//#endregion
+//#region ../../libraries/levocn/dist/ui/field/Field.js
+function x(n) {
+	let r = e(8), a, o;
+	r[0] === n ? (a = r[1], o = r[2]) : ({className: a, ...o} = n, r[0] = n, r[1] = a, r[2] = o);
+	let s;
+	r[3] === a ? s = r[4] : (s = i(d, a), r[3] = a, r[4] = s);
+	let c;
+	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ t("fieldset", {
+		"data-slot": "field-set",
+		className: s,
+		...o
+	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
+}
+function S(n) {
+	let r = e(8), a, o;
+	r[0] === n ? (a = r[1], o = r[2]) : ({className: a, ...o} = n, r[0] = n, r[1] = a, r[2] = o);
+	let s;
+	r[3] === a ? s = r[4] : (s = i(f, a), r[3] = a, r[4] = s);
+	let c;
+	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ t("div", {
+		"data-slot": "field-group",
+		className: s,
+		...o
+	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
+}
+function C(n) {
+	let r = e(11), a, o, s;
+	r[0] === n ? (a = r[1], o = r[2], s = r[3]) : ({className: a, orientation: s, ...o} = n, r[0] = n, r[1] = a, r[2] = o, r[3] = s);
+	let c = s === void 0 ? "vertical" : s, l;
+	r[4] !== a || r[5] !== c ? (l = i(p({ orientation: c }), a), r[4] = a, r[5] = c, r[6] = l) : l = r[6];
+	let u;
+	return r[7] !== c || r[8] !== o || r[9] !== l ? (u = /* @__PURE__ */ t("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": c,
+		className: l,
+		...o
+	}), r[7] = c, r[8] = o, r[9] = l, r[10] = u) : u = r[10], u;
+}
+function w(n) {
+	let r = e(8), a, o;
+	r[0] === n ? (a = r[1], o = r[2]) : ({className: a, ...o} = n, r[0] = n, r[1] = a, r[2] = o);
+	let s;
+	r[3] === a ? s = r[4] : (s = i(m, a), r[3] = a, r[4] = s);
+	let c;
+	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ t("div", {
+		"data-slot": "field-content",
+		className: s,
+		...o
+	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
+}
+function T(n) {
+	let r = e(8), a, o;
+	r[0] === n ? (a = r[1], o = r[2]) : ({className: a, ...o} = n, r[0] = n, r[1] = a, r[2] = o);
+	let s;
+	r[3] === a ? s = r[4] : (s = i(h, a), r[3] = a, r[4] = s);
+	let c;
+	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ t(l, {
+		"data-slot": "field-label",
+		className: s,
+		...o
+	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
+}
+function E(n) {
+	let r = e(8), a, o;
+	r[0] === n ? (a = r[1], o = r[2]) : ({className: a, ...o} = n, r[0] = n, r[1] = a, r[2] = o);
+	let s;
+	r[3] === a ? s = r[4] : (s = i(g, a), r[3] = a, r[4] = s);
+	let c;
+	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ t("p", {
+		"data-slot": "field-description",
+		className: s,
+		...o
+	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
+}
+function D(n) {
+	let r = e(15), a, o, s, c;
+	r[0] === n ? (a = r[1], o = r[2], s = r[3], c = r[4]) : ({className: o, children: a, errors: s, ...c} = n, r[0] = n, r[1] = a, r[2] = o, r[3] = s, r[4] = c);
+	let l;
+	bb0: {
+		if (a) {
+			l = a;
+			break bb0;
+		}
+		if (!s?.length) {
+			l = null;
+			break bb0;
+		}
+		let e;
+		r[5] === s ? e = r[6] : (e = [...new Map(s.map(k)).values()], r[5] = s, r[6] = e);
+		let n = e;
+		if (n.length === 1) {
+			l = n[0]?.message;
+			break bb0;
+		}
+		let i;
+		r[7] === n ? i = r[8] : (i = /* @__PURE__ */ t("ul", {
+			className: v,
+			children: n.map(O)
+		}), r[7] = n, r[8] = i), l = i;
+	}
+	let u = l;
+	if (!u) return null;
+	let d;
+	r[9] === o ? d = r[10] : (d = i(_, o), r[9] = o, r[10] = d);
+	let f;
+	return r[11] !== u || r[12] !== c || r[13] !== d ? (f = /* @__PURE__ */ t("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: d,
+		...c,
+		children: u
+	}), r[11] = u, r[12] = c, r[13] = d, r[14] = f) : f = r[14], f;
+}
+function O(e, n) {
+	return e?.message && /* @__PURE__ */ t("li", { children: e.message }, n);
+}
+function k(e) {
+	return [e?.message, e];
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/collectionField/CollectionField.js
+function A(i) {
+	let a = e(21), { label: o, error: s, helperText: c, topHelperText: l, isRequired: d, readOnly: f, htmlFor: p, className: m, children: h, ref: g } = i, _ = f && "_1ompjs14", v;
+	a[0] !== m || a[1] !== _ ? (v = r(_, m), a[0] = m, a[1] = _, a[2] = v) : v = a[2];
+	let y;
+	a[3] !== p || a[4] !== d || a[5] !== o ? (y = /* @__PURE__ */ t(u, {
+		label: o,
+		isRequired: d,
+		htmlFor: p
+	}), a[3] = p, a[4] = d, a[5] = o, a[6] = y) : y = a[6];
+	let b;
+	a[7] === l ? b = a[8] : (b = !!l && /* @__PURE__ */ t(E, {
+		className: "_1ompjs12",
+		children: l
+	}), a[7] = l, a[8] = b);
+	let x;
+	a[9] === s ? x = a[10] : (x = !!s && /* @__PURE__ */ t(D, {
+		className: "_1ompjs13",
+		children: s
+	}), a[9] = s, a[10] = x);
+	let S;
+	a[11] === c ? S = a[12] : (S = !!c && /* @__PURE__ */ t(E, {
+		className: "_1ompjs12",
+		children: c
+	}), a[11] = c, a[12] = S);
+	let w;
+	return a[13] !== h || a[14] !== g || a[15] !== v || a[16] !== y || a[17] !== b || a[18] !== x || a[19] !== S ? (w = /* @__PURE__ */ n(C, {
+		ref: g,
+		orientation: "vertical",
+		className: v,
+		children: [
+			y,
+			b,
+			h,
+			x,
+			S
+		]
+	}), a[13] = h, a[14] = g, a[15] = v, a[16] = y, a[17] = b, a[18] = x, a[19] = S, a[20] = w) : w = a[20], w;
+}
+//#endregion
+export { C as a, S as c, l as d, x as i, b as l, D as n, E as o, T as r, w as s, A as t, u };

package/CollectionInput-CpNGIXJx.js

@@ -0,0 +1,147 @@
+import { c as e } from "react/compiler-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "clsx";
+import { createRuntimeFn as i } from "@vanilla-extract/recipes/createRuntimeFn";
+import { Input as a } from "@base-ui/react/input";
+//#region ../../libraries/react-collection/dist/components/collectionInput/CollectionInput.cssm.js
+var o = "_1ri7vba0", s = "_1ri7vba1", c = "_1ri7vba2", l = "_1oiks600";
+//#endregion
+//#region ../../libraries/levocn/dist/ui/input/Input.js
+function u(n) {
+	let i = e(10), o, s, c;
+	i[0] === n ? (o = i[1], s = i[2], c = i[3]) : ({className: o, type: c, ...s} = n, i[0] = n, i[1] = o, i[2] = s, i[3] = c);
+	let u;
+	i[4] === o ? u = i[5] : (u = r(l, o), i[4] = o, i[5] = u);
+	let d;
+	return i[6] !== s || i[7] !== u || i[8] !== c ? (d = /* @__PURE__ */ t(a, {
+		type: c,
+		"data-slot": "input",
+		className: u,
+		...s
+	}), i[6] = s, i[7] = u, i[8] = c, i[9] = d) : d = i[9], d;
+}
+i({
+	defaultClassName: "_1tb8brf0",
+	variantClassNames: { size: {
+		xs: "_1tb8brf1",
+		sm: "_1tb8brf2",
+		"icon-xs": "_1tb8brf3",
+		"icon-sm": "_1tb8brf4"
+	} },
+	defaultVariants: { size: "xs" },
+	compoundVariants: []
+});
+//#endregion
+//#region ../../libraries/levocn/dist/ui/inputGroup/InputGroup.cssm.js
+var d = "_1tb8brf6", f = i({
+	defaultClassName: "_1tb8brf8",
+	variantClassNames: { align: {
+		"inline-start": "_1tb8brf9",
+		"inline-end": "_1tb8brfa",
+		"block-start": "_1tb8brfb",
+		"block-end": "_1tb8brfc"
+	} },
+	defaultVariants: { align: "inline-start" },
+	compoundVariants: []
+}), p = "_1tb8brfd", m = "_1153z670";
+//#endregion
+//#region ../../libraries/levocn/dist/ui/textarea/Textarea.js
+function h(n) {
+	let i = e(8), a, o;
+	i[0] === n ? (a = i[1], o = i[2]) : ({className: a, ...o} = n, i[0] = n, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = r(m, a), i[3] = a, i[4] = s);
+	let c;
+	return i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ t("textarea", {
+		"data-slot": "textarea",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = c) : c = i[7], c;
+}
+//#endregion
+//#region ../../libraries/levocn/dist/ui/inputGroup/InputGroup.js
+function g(n) {
+	let i = e(8), a, o;
+	i[0] === n ? (a = i[1], o = i[2]) : ({className: a, ...o} = n, i[0] = n, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = r(d, a), i[3] = a, i[4] = s);
+	let c;
+	return i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ t(u, {
+		"data-slot": "input-group-control",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = c) : c = i[7], c;
+}
+function _(n) {
+	let i = e(11), a, o, s;
+	i[0] === n ? (a = i[1], o = i[2], s = i[3]) : ({className: a, align: s, ...o} = n, i[0] = n, i[1] = a, i[2] = o, i[3] = s);
+	let c = s === void 0 ? "inline-start" : s, l;
+	i[4] !== c || i[5] !== a ? (l = r(f({ align: c }), a), i[4] = c, i[5] = a, i[6] = l) : l = i[6];
+	let u;
+	return i[7] !== c || i[8] !== o || i[9] !== l ? (u = /* @__PURE__ */ t("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": c,
+		className: l,
+		onClick: v,
+		...o
+	}), i[7] = c, i[8] = o, i[9] = l, i[10] = u) : u = i[10], u;
+}
+function v(e) {
+	e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+}
+function y(n) {
+	let i = e(8), a, o;
+	i[0] === n ? (a = i[1], o = i[2]) : ({className: a, ...o} = n, i[0] = n, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = r(p, a), i[3] = a, i[4] = s);
+	let c;
+	return i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ t("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = c) : c = i[7], c;
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/collectionInput/CollectionInput.js
+function b(i) {
+	let a = e(23), l, d, f, p;
+	if (a[0] === i ? (l = a[1], d = a[2], f = a[3], p = a[4]) : ({leftIcon: d, rightIcon: p, className: l, ...f} = i, a[0] = i, a[1] = l, a[2] = d, a[3] = f, a[4] = p), !d && !p) {
+		let e;
+		a[5] === l ? e = a[6] : (e = r(o, l), a[5] = l, a[6] = e);
+		let n;
+		return a[7] !== f || a[8] !== e ? (n = /* @__PURE__ */ t(u, {
+			className: e,
+			...f
+		}), a[7] = f, a[8] = e, a[9] = n) : n = a[9], n;
+	}
+	let m;
+	a[10] === l ? m = a[11] : (m = r(s, l), a[10] = l, a[11] = m);
+	let h;
+	a[12] === d ? h = a[13] : (h = d && /* @__PURE__ */ t(_, {
+		align: "inline-start",
+		children: d
+	}), a[12] = d, a[13] = h);
+	let v;
+	a[14] === f ? v = a[15] : (v = /* @__PURE__ */ t(g, {
+		className: c,
+		...f
+	}), a[14] = f, a[15] = v);
+	let b;
+	a[16] === p ? b = a[17] : (b = p && /* @__PURE__ */ t(_, {
+		align: "inline-end",
+		children: p
+	}), a[16] = p, a[17] = b);
+	let x;
+	return a[18] !== m || a[19] !== h || a[20] !== v || a[21] !== b ? (x = /* @__PURE__ */ n(y, {
+		className: m,
+		children: [
+			h,
+			v,
+			b
+		]
+	}), a[18] = m, a[19] = h, a[20] = v, a[21] = b, a[22] = x) : x = a[22], x;
+}
+//#endregion
+export { o as i, h as n, l as r, b as t };