@levo-so/studio 0.1.101 → 0.1.102

package/Beams-DkcjMVZl.js

@@ -0,0 +1,102 @@
+"use client";
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "motion/react-m";
+//#region src/components/backgroundPresets/Beams.tsx
+var i = 15, a = e.memo(({ className: a, primaryColor: o = "#00ff00", secondaryColor: s = "#ff0000", lineColor: c = "#e5e7eb" }) => {
+	let l = `beam-gradient-${e.useId().replace(/:/g, "")}`, u = e.useMemo(() => /* @__PURE__ */ "M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875.M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867.M-366 -205C-366 -205 -298 200 166 327C630 454 698 859 698 859.M-359 -213C-359 -213 -291 192 173 319C637 446 705 851 705 851.M-352 -221C-352 -221 -284 184 180 311C644 438 712 843 712 843.M-345 -229C-345 -229 -277 176 187 303C651 430 719 835 719 835.M-338 -237C-338 -237 -270 168 194 295C658 422 726 827 726 827.M-331 -245C-331 -245 -263 160 201 287C665 414 733 819 733 819.M-324 -253C-324 -253 -256 152 208 279C672 406 740 811 740 811.M-317 -261C-317 -261 -249 144 215 271C679 398 747 803 747 803.M-310 -269C-310 -269 -242 136 222 263C686 390 754 795 754 795.M-303 -277C-303 -277 -235 128 229 255C693 382 761 787 761 787.M-296 -285C-296 -285 -228 120 236 247C700 374 768 779 768 779.M-289 -293C-289 -293 -221 112 243 239C707 366 775 771 775 771.M-282 -301C-282 -301 -214 104 250 231C714 358 782 763 782 763.M-275 -309C-275 -309 -207 96 257 223C721 350 789 755 789 755.M-268 -317C-268 -317 -200 88 264 215C728 342 796 747 796 747.M-261 -325C-261 -325 -193 80 271 207C735 334 803 739 803 739.M-254 -333C-254 -333 -186 72 278 199C742 326 810 731 810 731.M-247 -341C-247 -341 -179 64 285 191C749 318 817 723 817 723.M-240 -349C-240 -349 -172 56 292 183C756 310 824 715 824 715.M-233 -357C-233 -357 -165 48 299 175C763 302 831 707 831 707.M-226 -365C-226 -365 -158 40 306 167C770 294 838 699 838 699.M-219 -373C-219 -373 -151 32 313 159C777 286 845 691 845 691.M-212 -381C-212 -381 -144 24 320 151C784 278 852 683 852 683.M-205 -389C-205 -389 -137 16 327 143C791 270 859 675 859 675.M-198 -397C-198 -397 -130 8 334 135C798 262 866 667 866 667.M-191 -405C-191 -405 -123 0 341 127C805 254 873 659 873 659.M-184 -413C-184 -413 -116 -8 348 119C812 246 880 651 880 651.M-177 -421C-177 -421 -109 -16 355 111C819 238 887 643 887 643.M-170 -429C-170 -429 -102 -24 362 103C826 230 894 635 894 635.M-163 -437C-163 -437 -95 -32 369 95C833 222 901 627 901 627.M-156 -445C-156 -445 -88 -40 376 87C840 214 908 619 908 619.M-149 -453C-149 -453 -81 -48 383 79C847 206 915 611 915 611.M-142 -461C-142 -461 -74 -56 390 71C854 198 922 603 922 603.M-135 -469C-135 -469 -67 -64 397 63C861 190 929 595 929 595.M-128 -477C-128 -477 -60 -72 404 55C868 182 936 587 936 587.M-121 -485C-121 -485 -53 -80 411 47C875 174 943 579 943 579.M-114 -493C-114 -493 -46 -88 418 39C882 166 950 571 950 571.M-107 -501C-107 -501 -39 -96 425 31C889 158 957 563 957 563.M-100 -509C-100 -509 -32 -104 432 23C896 150 964 555 964 555.M-93 -517C-93 -517 -25 -112 439 15C903 142 971 547 971 547.M-86 -525C-86 -525 -18 -120 446 7C910 134 978 539 978 539.M-79 -533C-79 -533 -11 -128 453 -1C917 126 985 531 985 531.M-72 -541C-72 -541 -4 -136 460 -9C924 118 992 523 992 523.M-65 -549C-65 -549 3 -144 467 -17C931 110 999 515 999 515.M-58 -557C-58 -557 10 -152 474 -25C938 102 1006 507 1006 507.M-51 -565C-51 -565 17 -160 481 -33C945 94 1013 499 1013 499.M-44 -573C-44 -573 24 -168 488 -41C952 86 1020 491 1020 491.M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483".split("."), []), d = e.useMemo(() => Array.from({ length: i }, (e, t) => {
+		let n = Math.abs(Math.sin(t * 12.9898) * 43758.5453) % 1;
+		return {
+			duration: 11 + t % 5 + n * 4,
+			delay: -(t * .8 + n * 2),
+			endY: `${93 + n * 7}%`
+		};
+	}), []);
+	return /* @__PURE__ */ t("div", {
+		className: a,
+		style: {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			maskRepeat: "no-repeat",
+			maskSize: "40px",
+			zIndex: -1
+		},
+		children: /* @__PURE__ */ n("svg", {
+			style: {
+				pointerEvents: "none",
+				position: "absolute",
+				zIndex: 0,
+				height: "100%",
+				width: "100%"
+			},
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 696 316",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ t("title", { children: "Beams Path" }),
+				u.map((e, n) => /* @__PURE__ */ t("path", {
+					d: e,
+					stroke: c,
+					strokeWidth: "0.7"
+				}, `rail-${n}`)),
+				u.map((e, n) => /* @__PURE__ */ t("path", {
+					d: e,
+					stroke: `url(#${l}-${n % i})`,
+					strokeOpacity: "0.85",
+					strokeWidth: "1"
+				}, `path-${n}`)),
+				/* @__PURE__ */ t("defs", { children: d.map((e, i) => /* @__PURE__ */ n(r.linearGradient, {
+					id: `${l}-${i}`,
+					initial: {
+						x1: "0%",
+						x2: "0%",
+						y1: "0%",
+						y2: "0%"
+					},
+					animate: {
+						x1: ["0%", "100%"],
+						x2: ["0%", "95%"],
+						y1: ["0%", "100%"],
+						y2: ["0%", e.endY]
+					},
+					transition: {
+						duration: e.duration,
+						ease: "easeInOut",
+						repeat: Infinity,
+						delay: e.delay
+					},
+					children: [
+						/* @__PURE__ */ t("stop", {
+							offset: "0%",
+							stopColor: o,
+							stopOpacity: "0"
+						}),
+						/* @__PURE__ */ t("stop", {
+							offset: "0%",
+							stopColor: o
+						}),
+						/* @__PURE__ */ t("stop", {
+							offset: "32.5%",
+							stopColor: s
+						}),
+						/* @__PURE__ */ t("stop", {
+							offset: "100%",
+							stopColor: s,
+							stopOpacity: "0"
+						})
+					]
+				}, `${l}-${i}`)) })
+			]
+		})
+	});
+}, (e, t) => e.className === t.className && e.primaryColor === t.primaryColor && e.secondaryColor === t.secondaryColor && e.lineColor === t.lineColor);
+a.displayName = "BackgroundBeams";
+//#endregion
+export { a as BackgroundBeams };

package/{BillingStep-Brc1Mzo3.js → BillingStep-BTRobf00.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./Button-XTKnNIl9.js";
+import { t as e } from "./Button-DTrN8kki.js";
 import { useState as t } from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/bookingCard/BillingStep.tsx

package/{Button-XTKnNIl9.js → Button-DTrN8kki.js}

@@ -1,6 +1,6 @@
 "use client";
 import { n as e } from "./AuthProvider-56TywIOB.js";
-import { n as t } from "./ModalManager-SggxCIno.js";
+import { n as t } from "./ModalManager-DQXhkmyC.js";
 import * as n from "react";
 import { createContext as r, forwardRef as i, memo as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
 import { animate as d, scroll as f } from "motion/react";
@@ -24,6 +24,7 @@ var y = r({
 		setParsedBlockData: r,
 		blockData: t.blockData,
 		pageContext: t.pageContext,
+		pageMeta: t.pageMeta,
 		blockContext: t.blockContext,
 		isStudio: t.renderMode?.startsWith("studio.") ?? !1,
 		renderMode: t.renderMode,
@@ -34,6 +35,7 @@ var y = r({
 		r,
 		t.blockData,
 		t.pageContext,
+		t.pageMeta,
 		t.blockContext,
 		t.renderMode,
 		t.workspace_id,
@@ -875,26 +877,38 @@ var y = r({
 		default: return;
 	}
 }, I = ({ children: n, config: r }) => {
-	let { openModal: i } = t(), { isLoggedIn: a } = e();
-	if (r?.action?.type === "login") return a ? /* @__PURE__ */ m("a", {
-		style: { display: "contents" },
-		href: r?.action?.value,
-		children: n
-	}) : /* @__PURE__ */ m("div", {
-		style: { display: "contents" },
-		onClick: () => {
+	let { openModal: i } = t(), { isLoggedIn: a } = e(), o = r?.action?.alt;
+	if (r?.action?.type === "login") {
+		if (a) return /* @__PURE__ */ m("a", {
+			style: { display: "contents" },
+			href: r?.action?.value,
+			"aria-label": o || void 0,
+			children: n
+		});
+		let e = () => {
 			i("login", { redirect_uri: r?.action?.value });
-		},
-		children: n
-	});
-	let o = F(r), s = r?.action?.options?.openInNewTab ? "_blank" : void 0;
-	if (o) {
+		};
+		return /* @__PURE__ */ m("div", {
+			style: { display: "contents" },
+			role: "button",
+			tabIndex: 0,
+			"aria-label": o || void 0,
+			onClick: e,
+			onKeyDown: (t) => {
+				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+			},
+			children: n
+		});
+	}
+	let s = F(r), c = r?.action?.options?.openInNewTab ? "_blank" : void 0;
+	if (s) {
 		let e = {
-			href: o,
-			...s && {
-				target: s,
+			href: s,
+			...c && {
+				target: c,
 				rel: "noopener noreferrer"
-			}
+			},
+			...o && { "aria-label": o }
 		};
 		return /* @__PURE__ */ m("a", {
 			style: {

package/{Input-Btdc1Dee.js → CollectionField-7uXvhxYK.js}

@@ -3,40 +3,39 @@ import { c as n } from "react/compiler-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";
-import { Input as s } from "@base-ui/react/input";
 //#region ../../libraries/react-collection/dist/components/collectionField/CollectionField.cssm.js
-var c = "_1ompjs11", l = "_1d7f2b80", u = (t) => {
+var s = "_1ompjs11", c = "_1d7f2b80", l = (t) => {
 	let i = n(8), a, o;
 	i[0] === t ? (a = i[1], o = i[2]) : ({className: a, ...o} = t, i[0] = t, i[1] = a, i[2] = o);
 	let s;
-	i[3] === a ? s = i[4] : (s = r(l, a), i[3] = a, i[4] = s);
-	let c;
-	return i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ e("label", {
+	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__ */ e("label", {
 		"data-slot": "label",
 		className: s,
 		...o
-	}), i[5] = o, i[6] = s, i[7] = c) : c = i[7], c;
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
 };
 //#endregion
 //#region ../../libraries/react-collection/dist/components/collectionLabel/CollectionLabel.js
-function d(r) {
-	let i = n(6), { label: a, isRequired: o, htmlFor: s } = r;
+function u(r) {
+	let i = n(6), { label: a, isRequired: o, htmlFor: c } = r;
 	if (!a) return null;
-	let l;
-	i[0] === o ? l = i[1] : (l = o && /* @__PURE__ */ e("span", {
+	let u;
+	i[0] === o ? u = i[1] : (u = o && /* @__PURE__ */ e("span", {
 		className: "_1ompjs10",
 		children: "*"
-	}), i[0] = o, i[1] = l);
+	}), i[0] = o, i[1] = u);
 	let d;
-	return i[2] !== s || i[3] !== a || i[4] !== l ? (d = /* @__PURE__ */ t(u, {
-		htmlFor: s,
-		className: c,
-		children: [a, l]
-	}), i[2] = s, i[3] = a, i[4] = l, i[5] = d) : d = i[5], d;
+	return i[2] !== c || i[3] !== a || i[4] !== u ? (d = /* @__PURE__ */ t(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/button/Button.cssm.js
-var f = a({
+var d = a({
 	defaultClassName: "_1a7d0ek1 _1a7d0ek0",
 	variantClassNames: {
 		variant: {
@@ -63,22 +62,22 @@ var f = a({
 		size: "default"
 	},
 	compoundVariants: []
-}), p = (t) => {
+}), f = (t) => {
 	let i = n(14), a, o, s, c, l;
 	i[0] === t ? (a = i[1], o = i[2], s = i[3], c = i[4], l = i[5]) : ({className: a, variant: l, size: s, type: c, ...o} = t, i[0] = t, i[1] = a, i[2] = o, i[3] = s, i[4] = c, i[5] = l);
-	let u = c === void 0 ? "button" : c, d;
-	i[6] !== a || i[7] !== s || i[8] !== l ? (d = r(f({
+	let u = c === void 0 ? "button" : c, f;
+	i[6] !== a || i[7] !== s || i[8] !== l ? (f = r(d({
 		variant: l,
 		size: s
-	}), a), i[6] = a, i[7] = s, i[8] = l, i[9] = d) : d = i[9];
+	}), a), i[6] = a, i[7] = s, i[8] = l, i[9] = f) : f = i[9];
 	let p;
-	return i[10] !== o || i[11] !== d || i[12] !== u ? (p = /* @__PURE__ */ e("button", {
+	return i[10] !== o || i[11] !== f || i[12] !== u ? (p = /* @__PURE__ */ e("button", {
 		"data-slot": "button",
 		type: u,
-		className: d,
+		className: f,
 		...o
-	}), i[10] = o, i[11] = d, i[12] = u, i[13] = p) : p = i[13], p;
-}, m = "_11sljvf0", h = "_11sljvf2", g = a({
+	}), i[10] = o, i[11] = f, i[12] = u, i[13] = p) : p = i[13], p;
+}, p = "_11sljvf0", m = "_11sljvf2", h = a({
 	defaultClassName: "_11sljvf3",
 	variantClassNames: { orientation: {
 		vertical: "_11sljvf4",
@@ -86,7 +85,7 @@ var f = a({
 	} },
 	defaultVariants: { orientation: "vertical" },
 	compoundVariants: []
-}), _ = "_11sljvf6", v = "_11sljvf7", y = "_11sljvf9", b = "_11sljvfc", x = "_11sljvfd", S = a({
+}), g = "_11sljvf6", _ = "_11sljvf7", v = "_11sljvf9", y = "_11sljvfc", b = "_11sljvfd", x = a({
 	defaultClassName: "d292um0",
 	variantClassNames: { orientation: {
 		horizontal: "d292um1",
@@ -97,11 +96,11 @@ var f = a({
 });
 //#endregion
 //#region ../../libraries/levocn/dist/ui/separator/Separator.js
-function C(t) {
+function S(t) {
 	let i = n(11), a, s, c;
 	i[0] === t ? (a = i[1], s = i[2], c = i[3]) : ({className: a, orientation: c, ...s} = t, i[0] = t, 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(S({ orientation: l }), a), i[4] = a, i[5] = l, i[6] = u) : u = i[6];
+	i[4] !== a || i[5] !== l ? (u = r(x({ 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__ */ e(o, {
 		"data-slot": "separator",
@@ -112,11 +111,11 @@ function C(t) {
 }
 //#endregion
 //#region ../../libraries/levocn/dist/ui/field/Field.js
-function w(t) {
+function C(t) {
 	let r = n(8), a, o;
 	r[0] === t ? (a = r[1], o = r[2]) : ({className: a, ...o} = t, r[0] = t, r[1] = a, r[2] = o);
 	let s;
-	r[3] === a ? s = r[4] : (s = i(m, a), r[3] = a, r[4] = s);
+	r[3] === a ? s = r[4] : (s = i(p, a), r[3] = a, r[4] = s);
 	let c;
 	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ e("fieldset", {
 		"data-slot": "field-set",
@@ -124,11 +123,11 @@ function w(t) {
 		...o
 	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
 }
-function T(t) {
+function w(t) {
 	let r = n(8), a, o;
 	r[0] === t ? (a = r[1], o = r[2]) : ({className: a, ...o} = t, r[0] = t, r[1] = a, r[2] = o);
 	let s;
-	r[3] === a ? s = r[4] : (s = i(h, a), r[3] = a, r[4] = 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__ */ e("div", {
 		"data-slot": "field-group",
@@ -136,11 +135,11 @@ function T(t) {
 		...o
 	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
 }
-function E(t) {
+function T(t) {
 	let r = n(11), a, o, s;
 	r[0] === t ? (a = r[1], o = r[2], s = r[3]) : ({className: a, orientation: s, ...o} = t, r[0] = t, 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(g({ orientation: c }), a), r[4] = a, r[5] = c, r[6] = l) : l = r[6];
+	r[4] !== a || r[5] !== c ? (l = i(h({ 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__ */ e("div", {
 		role: "group",
@@ -150,11 +149,11 @@ function E(t) {
 		...o
 	}), r[7] = c, r[8] = o, r[9] = l, r[10] = u) : u = r[10], u;
 }
-function D(t) {
+function E(t) {
 	let r = n(8), a, o;
 	r[0] === t ? (a = r[1], o = r[2]) : ({className: a, ...o} = t, r[0] = t, r[1] = a, r[2] = o);
 	let s;
-	r[3] === a ? s = r[4] : (s = i(_, a), r[3] = a, r[4] = 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__ */ e("div", {
 		"data-slot": "field-content",
@@ -162,23 +161,23 @@ function D(t) {
 		...o
 	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
 }
-function O(t) {
+function D(t) {
 	let r = n(8), a, o;
 	r[0] === t ? (a = r[1], o = r[2]) : ({className: a, ...o} = t, r[0] = t, r[1] = a, r[2] = o);
 	let s;
-	r[3] === a ? s = r[4] : (s = i(v, a), r[3] = a, r[4] = s);
+	r[3] === a ? s = r[4] : (s = i(_, a), r[3] = a, r[4] = s);
 	let c;
-	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ e(u, {
+	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ e(l, {
 		"data-slot": "field-label",
 		className: s,
 		...o
 	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
 }
-function k(t) {
+function O(t) {
 	let r = n(8), a, o;
 	r[0] === t ? (a = r[1], o = r[2]) : ({className: a, ...o} = t, r[0] = t, r[1] = a, r[2] = o);
 	let s;
-	r[3] === a ? s = r[4] : (s = i(y, a), r[3] = a, r[4] = s);
+	r[3] === a ? s = r[4] : (s = i(v, a), r[3] = a, r[4] = s);
 	let c;
 	return r[5] !== o || r[6] !== s ? (c = /* @__PURE__ */ e("p", {
 		"data-slot": "field-description",
@@ -186,7 +185,7 @@ function k(t) {
 		...o
 	}), r[5] = o, r[6] = s, r[7] = c) : c = r[7], c;
 }
-function A(t) {
+function k(t) {
 	let r = n(15), a, o, s, c;
 	r[0] === t ? (a = r[1], o = r[2], s = r[3], c = r[4]) : ({className: o, children: a, errors: s, ...c} = t, r[0] = t, r[1] = a, r[2] = o, r[3] = s, r[4] = c);
 	let l;
@@ -200,7 +199,7 @@ function A(t) {
 			break bb0;
 		}
 		let t;
-		r[5] === s ? t = r[6] : (t = [...new Map(s.map(M)).values()], r[5] = s, r[6] = t);
+		r[5] === s ? t = r[6] : (t = [...new Map(s.map(j)).values()], r[5] = s, r[6] = t);
 		let n = t;
 		if (n.length === 1) {
 			l = n[0]?.message;
@@ -208,14 +207,14 @@ function A(t) {
 		}
 		let i;
 		r[7] === n ? i = r[8] : (i = /* @__PURE__ */ e("ul", {
-			className: x,
-			children: n.map(j)
+			className: b,
+			children: n.map(A)
 		}), 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(b, o), r[9] = o, r[10] = d);
+	r[9] === o ? d = r[10] : (d = i(y, o), r[9] = o, r[10] = d);
 	let f;
 	return r[11] !== u || r[12] !== c || r[13] !== d ? (f = /* @__PURE__ */ e("div", {
 		role: "alert",
@@ -225,40 +224,40 @@ function A(t) {
 		children: u
 	}), r[11] = u, r[12] = c, r[13] = d, r[14] = f) : f = r[14], f;
 }
-function j(t, n) {
+function A(t, n) {
 	return t?.message && /* @__PURE__ */ e("li", { children: t.message }, n);
 }
-function M(e) {
+function j(e) {
 	return [e?.message, e];
 }
 //#endregion
 //#region ../../libraries/react-collection/dist/components/collectionField/CollectionField.js
-function N(i) {
-	let a = n(21), { label: o, error: s, helperText: c, topHelperText: l, isRequired: u, readOnly: f, htmlFor: p, className: m, children: h, ref: g } = i, _ = f && "_1ompjs14", v;
+function M(i) {
+	let a = n(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] !== u || a[5] !== o ? (y = /* @__PURE__ */ e(d, {
+	a[3] !== p || a[4] !== d || a[5] !== o ? (y = /* @__PURE__ */ e(u, {
 		label: o,
-		isRequired: u,
+		isRequired: d,
 		htmlFor: p
-	}), a[3] = p, a[4] = u, a[5] = o, a[6] = y) : y = a[6];
+	}), 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__ */ e(k, {
+	a[7] === l ? b = a[8] : (b = !!l && /* @__PURE__ */ e(O, {
 		className: "_1ompjs12",
 		children: l
 	}), a[7] = l, a[8] = b);
 	let x;
-	a[9] === s ? x = a[10] : (x = !!s && /* @__PURE__ */ e(A, {
+	a[9] === s ? x = a[10] : (x = !!s && /* @__PURE__ */ e(k, {
 		className: "_1ompjs13",
 		children: s
 	}), a[9] = s, a[10] = x);
 	let S;
-	a[11] === c ? S = a[12] : (S = !!c && /* @__PURE__ */ e(k, {
+	a[11] === c ? S = a[12] : (S = !!c && /* @__PURE__ */ e(O, {
 		className: "_1ompjs12",
 		children: c
 	}), a[11] = c, a[12] = S);
 	let C;
-	return a[13] !== h || a[14] !== g || a[15] !== v || a[16] !== y || a[17] !== b || a[18] !== x || a[19] !== S ? (C = /* @__PURE__ */ t(E, {
+	return a[13] !== h || a[14] !== g || a[15] !== v || a[16] !== y || a[17] !== b || a[18] !== x || a[19] !== S ? (C = /* @__PURE__ */ t(T, {
 		ref: g,
 		orientation: "vertical",
 		className: v,
@@ -272,22 +271,4 @@ function N(i) {
 	}), a[13] = h, a[14] = g, a[15] = v, a[16] = y, a[17] = b, a[18] = x, a[19] = S, a[20] = C) : C = a[20], C;
 }
 //#endregion
-//#region ../../libraries/levocn/dist/ui/input/Input.cssm.js
-var P = "_1oiks600";
-//#endregion
-//#region ../../libraries/levocn/dist/ui/input/Input.js
-function F(t) {
-	let i = n(10), a, o, c;
-	i[0] === t ? (a = i[1], o = i[2], c = i[3]) : ({className: a, type: c, ...o} = t, i[0] = t, i[1] = a, i[2] = o, i[3] = c);
-	let l;
-	i[4] === a ? l = i[5] : (l = r(P, a), i[4] = a, i[5] = l);
-	let u;
-	return i[6] !== o || i[7] !== l || i[8] !== c ? (u = /* @__PURE__ */ e(s, {
-		type: c,
-		"data-slot": "input",
-		className: l,
-		...o
-	}), i[6] = o, i[7] = l, i[8] = c, i[9] = u) : u = i[9], u;
-}
-//#endregion
-export { O as a, k as c, C as d, p as f, u as h, A as i, D as l, d as m, P as n, w as o, f as p, N as r, E as s, F as t, T as u };
+export { T as a, w as c, d, u as f, C as i, S as l, k as n, O as o, l as p, D as r, E as s, M as t, f as u };

package/CollectionInput-lHOvWWav.js

@@ -0,0 +1,147 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { c as n } from "react/compiler-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(t) {
+	let i = n(10), o, s, c;
+	i[0] === t ? (o = i[1], s = i[2], c = i[3]) : ({className: o, type: c, ...s} = t, i[0] = t, 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__ */ e(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(t) {
+	let i = n(8), a, o;
+	i[0] === t ? (a = i[1], o = i[2]) : ({className: a, ...o} = t, i[0] = t, 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__ */ e("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(t) {
+	let i = n(8), a, o;
+	i[0] === t ? (a = i[1], o = i[2]) : ({className: a, ...o} = t, i[0] = t, 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__ */ e(u, {
+		"data-slot": "input-group-control",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = c) : c = i[7], c;
+}
+function _(t) {
+	let i = n(11), a, o, s;
+	i[0] === t ? (a = i[1], o = i[2], s = i[3]) : ({className: a, align: s, ...o} = t, i[0] = t, 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__ */ e("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(t) {
+	let i = n(8), a, o;
+	i[0] === t ? (a = i[1], o = i[2]) : ({className: a, ...o} = t, i[0] = t, 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__ */ e("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 = n(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 t;
+		a[5] === l ? t = a[6] : (t = r(o, l), a[5] = l, a[6] = t);
+		let n;
+		return a[7] !== f || a[8] !== t ? (n = /* @__PURE__ */ e(u, {
+			className: t,
+			...f
+		}), a[7] = f, a[8] = t, 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__ */ e(_, {
+		align: "inline-start",
+		children: d
+	}), a[12] = d, a[13] = h);
+	let v;
+	a[14] === f ? v = a[15] : (v = /* @__PURE__ */ e(g, {
+		className: c,
+		...f
+	}), a[14] = f, a[15] = v);
+	let b;
+	a[16] === p ? b = a[17] : (b = p && /* @__PURE__ */ e(_, {
+		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__ */ t(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 };