@aseguragonzalez/ui 1.0.1 → 1.0.3

package/dist/index.js

@@ -8,20 +8,23 @@ var h = {
 	sm: "_sm_ggxjh_30",
 	md: "_md_ggxjh_36",
 	lg: "_lg_ggxjh_42"
-}, g = r(({ size: e = "md", label: t = "Loading...", className: n, ...r }, i) => /* @__PURE__ */ f("span", {
-	ref: i,
-	role: "status",
-	className: [
+}, g = r(({ size: e = "md", label: t = "Loading...", className: n, ...r }, i) => {
+	let a = [
 		h.spinner,
 		h[e],
 		n ?? ""
-	].filter(Boolean).join(" "),
-	...r,
-	children: /* @__PURE__ */ f("span", {
-		className: h.srOnly,
-		children: t
-	})
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("span", {
+		ref: i,
+		role: "status",
+		className: a,
+		...r,
+		children: /* @__PURE__ */ f("span", {
+			className: h.srOnly,
+			children: t
+		})
+	});
+});
 g.displayName = "Spinner";
 var _ = {
 	button: "_button_rrcdl_1",
@@ -39,24 +42,27 @@ var _ = {
 	sm: "sm",
 	md: "sm",
 	lg: "md"
-}, y = r(({ variant: e = "primary", size: t = "md", fullWidth: n = !1, isLoading: r = !1, loadingText: i, disabled: a, children: o, className: s, ...c }, l) => /* @__PURE__ */ p("button", {
-	ref: l,
-	disabled: a || r,
-	"aria-busy": r,
-	className: [
+}, y = r(({ variant: e = "primary", size: t = "md", fullWidth: n = !1, isLoading: r = !1, loadingText: i, disabled: a, children: o, className: s, ...c }, l) => {
+	let u = a || r, d = [
 		_.button,
 		_[e],
 		_[t],
 		n ? _.fullWidth : "",
 		r ? _.loading : "",
 		s ?? ""
-	].filter(Boolean).join(" "),
-	...c,
-	children: [r && /* @__PURE__ */ f(g, {
-		size: v[t],
-		label: i ?? "Loading..."
-	}), r && i ? i : o]
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ p("button", {
+		ref: l,
+		disabled: u,
+		"aria-busy": r,
+		className: d,
+		...c,
+		children: [r && /* @__PURE__ */ f(g, {
+			size: v[t],
+			label: i ?? "Loading..."
+		}), r && i ? i : o]
+	});
+});
 y.displayName = "Button";
 var b = {
 	input: "_input_1i1n1_1",
@@ -129,21 +135,24 @@ var E = {
 	sm: "_sm_vgmp4_88",
 	md: "_md_vgmp4_96",
 	lg: "_lg_vgmp4_104"
-}, D = r(({ hasError: e = !1, size: t = "md", className: n, children: r, ...i }, a) => /* @__PURE__ */ f("div", {
-	className: [
+}, D = r(({ hasError: e = !1, size: t = "md", className: n, children: r, ...i }, a) => {
+	let o = [
 		E.wrapper,
 		E[t],
 		e ? E.error : "",
 		n ?? ""
-	].filter(Boolean).join(" "),
-	children: /* @__PURE__ */ f("select", {
-		ref: a,
-		"aria-invalid": e || void 0,
-		className: E.select,
-		...i,
-		children: r
-	})
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("div", {
+		className: o,
+		children: /* @__PURE__ */ f("select", {
+			ref: a,
+			"aria-invalid": e || void 0,
+			className: E.select,
+			...i,
+			children: r
+		})
+	});
+});
 D.displayName = "Select";
 var O = {
 	textarea: "_textarea_1l4wd_1",
@@ -398,17 +407,20 @@ var ue = {
 	success: "_success_nmm1v_28",
 	warning: "_warning_nmm1v_29",
 	inherit: "_inherit_nmm1v_30"
-}, de = r(({ as: e = "p", size: t = "md", weight: n = "regular", color: r = "default", className: i, ...a }, o) => /* @__PURE__ */ f(e, {
-	ref: o,
-	className: [
+}, de = r(({ as: e = "p", size: t = "md", weight: n = "regular", color: r = "default", className: i, ...a }, o) => {
+	let s = [
 		ue.text,
 		ue[t],
 		ue[n],
 		r === "default" ? "" : ue[r],
 		i ?? ""
-	].filter(Boolean).join(" "),
-	...a
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f(e, {
+		ref: o,
+		className: s,
+		...a
+	});
+});
 de.displayName = "Text";
 var fe = {
 	root: "_root_vxg1r_1",
@@ -525,62 +537,65 @@ var fe = {
 	warning: "alert",
 	success: "status",
 	info: "status"
-}, he = r(({ variant: e, title: t, children: n, onDismiss: r, dismissLabel: i = "Close alert", role: a, className: o, ...s }, c) => /* @__PURE__ */ p("div", {
-	ref: c,
-	role: a ?? me[e],
-	className: [
+}, he = r(({ variant: e, title: t, children: n, onDismiss: r, dismissLabel: i = "Close alert", role: a, className: o, ...s }, c) => {
+	let l = a ?? me[e], u = [
 		fe.root,
 		fe[e],
 		o ?? ""
-	].filter(Boolean).join(" "),
-	...s,
-	children: [
-		/* @__PURE__ */ f("span", {
-			className: fe.icon,
-			"aria-hidden": "true",
-			children: pe[e]
-		}),
-		/* @__PURE__ */ p("div", {
-			className: fe.content,
-			children: [t && /* @__PURE__ */ f("p", {
-				className: fe.title,
-				children: t
-			}), /* @__PURE__ */ f("div", {
-				className: fe.description,
-				children: n
-			})]
-		}),
-		r && /* @__PURE__ */ f("button", {
-			type: "button",
-			className: fe.dismiss,
-			"aria-label": i,
-			onClick: r,
-			children: /* @__PURE__ */ p("svg", {
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ p("div", {
+		ref: c,
+		role: l,
+		className: u,
+		...s,
+		children: [
+			/* @__PURE__ */ f("span", {
+				className: fe.icon,
 				"aria-hidden": "true",
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: [/* @__PURE__ */ f("line", {
-					x1: "18",
-					y1: "6",
-					x2: "6",
-					y2: "18"
-				}), /* @__PURE__ */ f("line", {
-					x1: "6",
-					y1: "6",
-					x2: "18",
-					y2: "18"
+				children: pe[e]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: fe.content,
+				children: [t && /* @__PURE__ */ f("p", {
+					className: fe.title,
+					children: t
+				}), /* @__PURE__ */ f("div", {
+					className: fe.description,
+					children: n
 				})]
+			}),
+			r && /* @__PURE__ */ f("button", {
+				type: "button",
+				className: fe.dismiss,
+				"aria-label": i,
+				onClick: r,
+				children: /* @__PURE__ */ p("svg", {
+					"aria-hidden": "true",
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ f("line", {
+						x1: "18",
+						y1: "6",
+						x2: "6",
+						y2: "18"
+					}), /* @__PURE__ */ f("line", {
+						x1: "6",
+						y1: "6",
+						x2: "18",
+						y2: "18"
+					})]
+				})
 			})
-		})
-	]
-}));
+		]
+	});
+});
 he.displayName = "Alert";
 var ge = {
 	badge: "_badge_1qsea_1",
@@ -594,16 +609,19 @@ var ge = {
 	warning: "_warning_1qsea_50",
 	success: "_success_1qsea_55",
 	info: "_info_1qsea_60"
-}, _e = r(({ variant: e = "neutral", size: t = "md", className: n, ...r }, i) => /* @__PURE__ */ f("span", {
-	ref: i,
-	className: [
+}, _e = r(({ variant: e = "neutral", size: t = "md", className: n, ...r }, i) => {
+	let a = [
 		ge.badge,
 		ge[e],
 		ge[t],
 		n ?? ""
-	].filter(Boolean).join(" "),
-	...r
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("span", {
+		ref: i,
+		className: a,
+		...r
+	});
+});
 _e.displayName = "Badge";
 var ve = {
 	skeleton: "_skeleton_3y1ju_1",
@@ -618,35 +636,39 @@ var ve = {
 function ye(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var be = r(({ shape: e = "rect", width: t, height: n, lines: r = 1, className: i, style: a, ...o }, s) => e === "text" && r > 1 ? /* @__PURE__ */ f("span", {
-	ref: s,
-	"aria-hidden": "true",
-	className: [ve.textGroup, i ?? ""].filter(Boolean).join(" "),
-	style: t ? {
-		width: ye(t),
-		...a
-	} : a,
-	...o,
-	children: Array.from({ length: r }, (e, t) => /* @__PURE__ */ f("span", {
-		className: ve.skeleton,
-		style: { width: t === r - 1 ? "70%" : "100%" }
-	}, t))
-}) : /* @__PURE__ */ f("span", {
-	ref: s,
-	"aria-hidden": "true",
-	className: [
+var be = r(({ shape: e = "rect", width: t, height: n, lines: r = 1, className: i, style: a, ...o }, s) => {
+	if (e === "text" && r > 1) return /* @__PURE__ */ f("span", {
+		ref: s,
+		"aria-hidden": "true",
+		className: [ve.textGroup, i ?? ""].filter(Boolean).join(" "),
+		style: t ? {
+			width: ye(t),
+			...a
+		} : a,
+		...o,
+		children: Array.from({ length: r }, (e, t) => /* @__PURE__ */ f("span", {
+			className: ve.skeleton,
+			style: { width: t === r - 1 ? "70%" : "100%" }
+		}, t))
+	});
+	let c = [
 		ve.skeleton,
 		e === "circle" ? ve.circle : "",
 		e === "text" ? ve.text : "",
 		i ?? ""
-	].filter(Boolean).join(" "),
-	style: {
-		...t !== void 0 && { width: ye(t) },
-		...n !== void 0 && { height: ye(n) },
-		...a
-	},
-	...o
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("span", {
+		ref: s,
+		"aria-hidden": "true",
+		className: c,
+		style: {
+			...t !== void 0 && { width: ye(t) },
+			...n !== void 0 && { height: ye(n) },
+			...a
+		},
+		...o
+	});
+});
 be.displayName = "Skeleton";
 var xe = {
 	track: "_track_15xhr_3",
@@ -772,17 +794,17 @@ var je = r(({ name: e, src: t, size: n = "md", shape: r = "circle", className: i
 	o(() => {
 		l(!1);
 	}, [t]);
-	let d = !!t && !c;
+	let d = !!t && !c, p = [
+		ke.avatar,
+		ke[n],
+		ke[r],
+		i ?? ""
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ f("span", {
 		ref: s,
 		role: "img",
 		"aria-label": e,
-		className: [
-			ke.avatar,
-			ke[n],
-			ke[r],
-			i ?? ""
-		].filter(Boolean).join(" "),
+		className: p,
 		...a,
 		children: d ? /* @__PURE__ */ f("img", {
 			src: t,
@@ -885,9 +907,7 @@ var Le = r(({ value: e, children: t, disabled: n = !1, className: r }, i) => {
 					t.preventDefault(), a(r[r.length - 1]);
 					break;
 				case "Enter":
-				case " ":
-					t.preventDefault(), n || s(e);
-					break;
+				case " ": t.preventDefault(), n || s(e);
 			}
 		},
 		className: [Me.tab, r ?? ""].filter(Boolean).join(" "),
@@ -949,12 +969,10 @@ function Ve({ content: e, children: n, placement: r = "top", delayMs: a = 200 })
 					left: e.left
 				});
 				break;
-			case "right":
-				b({
-					top: e.top + e.height / 2,
-					left: e.right
-				});
-				break;
+			case "right": b({
+				top: e.top + e.height / 2,
+				left: e.right
+			});
 		}
 	}, [r]), S = i(() => {
 		clearTimeout(g.current), g.current = setTimeout(() => {
@@ -973,8 +991,7 @@ function Ve({ content: e, children: n, placement: r = "top", delayMs: a = 200 })
 			window.removeEventListener("scroll", e, { capture: !0 }), window.removeEventListener("resize", e);
 		};
 	}, [_, x]);
-	let w = n;
-	return /* @__PURE__ */ p(d, { children: [t(w, {
+	let w = n, T = t(w, {
 		ref: Be(h, w.props.ref),
 		"aria-describedby": c,
 		onMouseEnter: (e) => {
@@ -992,7 +1009,7 @@ function Ve({ content: e, children: n, placement: r = "top", delayMs: a = 200 })
 		onKeyDown: (e) => {
 			e.key === "Escape" && C(), w.props.onKeyDown?.(e);
 		}
-	}), m(/* @__PURE__ */ f("div", {
+	}), E = /* @__PURE__ */ f("div", {
 		id: c,
 		role: "tooltip",
 		hidden: !_,
@@ -1006,7 +1023,8 @@ function Ve({ content: e, children: n, placement: r = "top", delayMs: a = 200 })
 			_ ? ze.visible : ""
 		].filter(Boolean).join(" "),
 		children: e
-	}), document.body)] });
+	});
+	return /* @__PURE__ */ p(d, { children: [T, m(E, document.body)] });
 }
 Ve.displayName = "Tooltip";
 var M = {
@@ -1103,7 +1121,8 @@ var Ge = [
 	}, [t]), b = i((e) => {
 		e.target === g.current && t();
 	}, [t]);
-	return e ? m(/* @__PURE__ */ f("dialog", {
+	if (!e) return null;
+	let x = /* @__PURE__ */ f("dialog", {
 		ref: v,
 		role: "dialog",
 		"aria-modal": "true",
@@ -1122,7 +1141,8 @@ var Ge = [
 				children: n
 			}), r]
 		})
-	}), document.body) : null;
+	});
+	return m(x, document.body);
 });
 Ke.displayName = "Modal";
 var qe = {
@@ -1314,12 +1334,13 @@ var $e = {
 //#endregion
 //#region src/primitives/Label/Label.tsx
 function N({ required: e, disabled: t, children: n, className: r, ...i }) {
+	let a = [
+		$e.label,
+		t ? $e.disabled : "",
+		r ?? ""
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("label", {
-		className: [
-			$e.label,
-			t ? $e.disabled : "",
-			r ?? ""
-		].filter(Boolean).join(" "),
+		className: a,
 		...i,
 		children: [n, e && /* @__PURE__ */ f("span", {
 			className: $e.required,
@@ -1945,19 +1966,22 @@ var At = { stack: "_stack_bluv1_1" }, jt = {
 	between: "space-between",
 	around: "space-around",
 	evenly: "space-evenly"
-}, Nt = r(({ direction: e = "column", gap: t = 4, align: n = "stretch", justify: r = "start", wrap: i = !1, className: a, style: o, ...s }, c) => /* @__PURE__ */ f("div", {
-	ref: c,
-	className: [At.stack, a ?? ""].filter(Boolean).join(" "),
-	style: {
-		flexDirection: e,
-		gap: jt[t],
-		alignItems: n,
-		justifyContent: Mt[r],
-		flexWrap: i ? "wrap" : "nowrap",
-		...o
-	},
-	...s
-}));
+}, Nt = r(({ direction: e = "column", gap: t = 4, align: n = "stretch", justify: r = "start", wrap: i = !1, className: a, style: o, ...s }, c) => {
+	let l = [At.stack, a ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("div", {
+		ref: c,
+		className: l,
+		style: {
+			flexDirection: e,
+			gap: jt[t],
+			alignItems: n,
+			justifyContent: Mt[r],
+			flexWrap: i ? "wrap" : "nowrap",
+			...o
+		},
+		...s
+	});
+});
 Nt.displayName = "Stack";
 var Pt = {
 	grid: "_grid_nas2v_1",
@@ -1979,14 +2003,14 @@ var Pt = {
 		...e.mobile !== void 0 && { "--grid-cols-mobile": String(e.mobile) },
 		...e.tablet !== void 0 && { "--grid-cols-tablet": String(e.tablet) },
 		...e.desktop !== void 0 && { "--grid-cols-desktop": String(e.desktop) }
-	} : { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` };
+	} : { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` }, u = [
+		Pt.grid,
+		c ? Pt.responsive : "",
+		i ?? ""
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ f("div", {
 		ref: s,
-		className: [
-			Pt.grid,
-			c ? Pt.responsive : "",
-			i ?? ""
-		].filter(Boolean).join(" "),
+		className: u,
 		style: {
 			...l,
 			gap: Ft[t],
@@ -2006,16 +2030,19 @@ var Lt = {
 	lg: "_lg_1evbj_14",
 	xl: "_xl_1evbj_15",
 	full: "_full_1evbj_16"
-}, Rt = r(({ size: e = "lg", padding: t = !0, className: n, ...r }, i) => /* @__PURE__ */ f("div", {
-	ref: i,
-	className: [
+}, Rt = r(({ size: e = "lg", padding: t = !0, className: n, ...r }, i) => {
+	let a = [
 		Lt.container,
 		Lt[e],
 		t ? Lt.padding : "",
 		n ?? ""
-	].filter(Boolean).join(" "),
-	...r
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("div", {
+		ref: i,
+		className: a,
+		...r
+	});
+});
 Rt.displayName = "Container";
 var R = {
 	root: "_root_1jo5p_3",
@@ -2057,16 +2084,19 @@ var Ut = r(({ className: e, ...t }, n) => /* @__PURE__ */ f("div", {
 	...t
 }));
 Ut.displayName = "Card.Footer";
-var Wt = r(({ variant: e = "outlined", padding: t = "md", className: n, ...r }, i) => /* @__PURE__ */ f("div", {
-	ref: i,
-	className: [
+var Wt = r(({ variant: e = "outlined", padding: t = "md", className: n, ...r }, i) => {
+	let a = [
 		R.root,
 		R[e],
 		zt[t],
 		n ?? ""
-	].filter(Boolean).join(" "),
-	...r
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("div", {
+		ref: i,
+		className: a,
+		...r
+	});
+});
 Wt.displayName = "Card";
 var Gt = Object.assign(Wt, {
 	Media: Bt,
@@ -2347,12 +2377,12 @@ var B = {
 		j,
 		te,
 		g
-	]), re = !r && T === 0, ie = !r && T >= C, ae = x > 0 ? T / x * 100 : 0, oe = x > 0 ? x / S * 100 : 100, se = x > 0 ? 100 / x : 100;
+	]), re = !r && T === 0, ie = !r && T >= C, ae = x > 0 ? T / x * 100 : 0, oe = x > 0 ? x / S * 100 : 100, se = x > 0 ? 100 / x : 100, ce = [B.root, h ?? ""].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("div", {
 		ref: v,
 		role: "region",
 		"aria-label": n,
-		className: [B.root, h ?? ""].filter(Boolean).join(" "),
+		className: ce,
 		onKeyDown: ne,
 		onMouseEnter: () => {
 			ee.current = !0;
@@ -2506,14 +2536,14 @@ var V = {
 		o === void 0 && h(e), c?.(e);
 	}, y = () => {
 		o === void 0 && h(!1), c?.(!1);
-	};
+	}, b = [
+		V.navbar,
+		r ? V.sticky : "",
+		l ?? ""
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("header", {
 		ref: d,
-		className: [
-			V.navbar,
-			r ? V.sticky : "",
-			l ?? ""
-		].filter(Boolean).join(" "),
+		className: b,
 		children: [/* @__PURE__ */ p("div", {
 			className: V.inner,
 			children: [
@@ -2649,15 +2679,15 @@ var H = {
 		g === void 0 && w(!1), _?.(!1);
 	}, [g, _]), A = i((e) => {
 		e.key === "Escape" && k();
-	}, [k]);
+	}, [k]), j = [
+		H.sidebar,
+		S ? H.collapsed : "",
+		T ? H.mobileOpen : "",
+		v ?? ""
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("aside", {
 		ref: y,
-		className: [
-			H.sidebar,
-			S ? H.collapsed : "",
-			T ? H.mobileOpen : "",
-			v ?? ""
-		].filter(Boolean).join(" "),
+		className: j,
 		children: [E && T && m(/* @__PURE__ */ f("div", {
 			className: H.backdrop,
 			onClick: k,
@@ -3295,7 +3325,7 @@ var Kn = r(({ title: e, series: t, xLabel: n, yLabel: r, className: i }, a) => {
 				}),
 				n && /* @__PURE__ */ f("text", {
 					x: X.left + Vn / 2,
-					y: Bn - 8,
+					y: 312,
 					textAnchor: "middle",
 					className: Y.axisTitle,
 					children: n
@@ -3372,12 +3402,12 @@ var rr = r(({ title: e, axes: t, series: n, maxValue: r, className: i }, a) => {
 					children: e
 				}),
 				Array.from({ length: Qn }, (e, t) => {
-					let n = (t + 1) / Qn * Zn;
+					let n = (t + 1) / Qn * Zn, r = Array.from({ length: c }, (e, t) => {
+						let [r, i] = tr(n, er(t, c));
+						return `${r},${i}`;
+					}).join(" ");
 					return /* @__PURE__ */ f("polygon", {
-						points: Array.from({ length: c }, (e, t) => {
-							let [r, i] = tr(n, er(t, c));
-							return `${r},${i}`;
-						}).join(" "),
+						points: r,
 						className: Q.ring
 					}, t);
 				}),
@@ -3392,9 +3422,9 @@ var rr = r(({ title: e, axes: t, series: n, maxValue: r, className: i }, a) => {
 					}, e);
 				}),
 				n.map((e, t) => {
-					let n = $n(e, t);
+					let n = $n(e, t), r = nr(e.values, u, c);
 					return /* @__PURE__ */ f("polygon", {
-						points: nr(e.values, u, c),
+						points: r,
 						fill: n,
 						fillOpacity: "0.15",
 						stroke: n,
@@ -3455,20 +3485,23 @@ var ir = {
 	sm: ir.paddingSm,
 	md: ir.paddingMd,
 	lg: ir.paddingLg
-}, sr = r(({ variant: e = "surface", padding: t = "md", gap: n = 4, className: r, style: i, ...a }, o) => /* @__PURE__ */ f("div", {
-	ref: o,
-	className: [
+}, sr = r(({ variant: e = "surface", padding: t = "md", gap: n = 4, className: r, style: i, ...a }, o) => {
+	let s = [
 		ir.section,
 		ir[e],
 		or[t],
 		r ?? ""
-	].filter(Boolean).join(" "),
-	style: {
-		gap: ar[n],
-		...i
-	},
-	...a
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("div", {
+		ref: o,
+		className: s,
+		style: {
+			gap: ar[n],
+			...i
+		},
+		...a
+	});
+});
 sr.displayName = "Section";
 var cr = {
 	pageLayout: "_pageLayout_1d3bu_1",
@@ -3496,20 +3529,23 @@ var cr = {
 	lg: cr.lg,
 	xl: cr.xl,
 	full: cr.full
-}, dr = r(({ maxWidth: e = "xl", padding: t = !0, gap: n = 6, className: r, style: i, ...a }, o) => /* @__PURE__ */ f("div", {
-	ref: o,
-	className: [
+}, dr = r(({ maxWidth: e = "xl", padding: t = !0, gap: n = 6, className: r, style: i, ...a }, o) => {
+	let s = [
 		cr.pageLayout,
 		ur[e],
 		t ? cr.padding : "",
 		r ?? ""
-	].filter(Boolean).join(" "),
-	style: {
-		gap: lr[n],
-		...i
-	},
-	...a
-}));
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f("div", {
+		ref: o,
+		className: s,
+		style: {
+			gap: lr[n],
+			...i
+		},
+		...a
+	});
+});
 dr.displayName = "PageLayout";
 var fr = {
 	shell: "_shell_5ehfr_1",
@@ -3524,14 +3560,14 @@ var fr = {
 	"navbar-only": fr.navbarOnly,
 	both: fr.both
 }, mr = r(({ variant: e, sidebar: t, navbar: n, children: r, className: i, ...a }, o) => {
-	let s = e ?? (t && n ? "both" : t ? "sidebar-only" : "navbar-only");
+	let s = e ?? (t && n ? "both" : t ? "sidebar-only" : "navbar-only"), c = [
+		fr.shell,
+		pr[s],
+		i ?? ""
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("div", {
 		ref: o,
-		className: [
-			fr.shell,
-			pr[s],
-			i ?? ""
-		].filter(Boolean).join(" "),
+		className: c,
 		...a,
 		children: [
 			t && /* @__PURE__ */ f("div", {