moduix 0.8.1 → 0.8.3

package/dist/index.js

@@ -1081,7 +1081,7 @@ function Vt({ className: t, ...n }) {
 		...n
 	});
 }
-var Ht = { root: "_root_g1mvu_2" }, Ut = r.forwardRef(function({ as: t, inline: n = "full", block: r = "none", className: i, ...a }, o) {
+var Ht = { root: "_root_e64j0_2" }, Ut = r.forwardRef(function({ as: t, inline: n = "full", block: r = "none", className: i, ...a }, o) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		ref: o,
 		"data-slot": "bleed-root",
@@ -2038,17 +2038,17 @@ function Pr(t) {
 	});
 }
 var Fr = ue, Ir = he, Lr = {
-	trigger: "_trigger_1q6ms_2",
-	close: "_close_1q6ms_3",
-	backdrop: "_backdrop_1q6ms_51",
-	viewport: "_viewport_1q6ms_69",
-	popup: "_popup_1q6ms_93",
-	header: "_header_1q6ms_138",
-	title: "_title_1q6ms_160",
-	description: "_description_1q6ms_168",
-	footer: "_footer_1q6ms_178",
-	closeIcon: "_closeIcon_1q6ms_185",
-	body: "_body_1q6ms_208"
+	trigger: "_trigger_llr9z_2",
+	close: "_close_llr9z_3",
+	backdrop: "_backdrop_llr9z_51",
+	viewport: "_viewport_llr9z_69",
+	popup: "_popup_llr9z_107",
+	header: "_header_llr9z_152",
+	title: "_title_llr9z_174",
+	description: "_description_llr9z_182",
+	footer: "_footer_llr9z_192",
+	closeIcon: "_closeIcon_llr9z_199",
+	body: "_body_llr9z_222"
 }, Rr = m.Root, zr = m.createHandle;
 function Br({ className: t, render: n, ...r }) {
 	let i = n ? t : B(t, Lr.trigger);
@@ -2119,23 +2119,30 @@ function Jr({ className: t, children: n, ...r }) {
 		...r
 	});
 }
-function Yr({ className: n, classNames: r, slotProps: i, container: a, withBackdrop: o = !0, ...s }) {
-	let { container: c, ...l } = i?.portal ?? {}, u = a ?? c;
-	return /* @__PURE__ */ t(Vr, {
-		className: r?.portal,
-		container: u,
-		...l,
-		children: [o ? /* @__PURE__ */ e(Hr, {
-			className: r?.backdrop,
-			...i?.backdrop
-		}) : null, /* @__PURE__ */ e(Ur, {
-			className: r?.viewport,
-			...i?.viewport,
-			"data-with-backdrop": o ? "true" : "false",
-			children: /* @__PURE__ */ e(Wr, {
+function Yr({ className: n, classNames: i, slotProps: a, container: o, withBackdrop: s = !0, children: c, ...l }) {
+	let { container: u, ...d } = a?.portal ?? {}, f = o ?? u, p = [], m = [];
+	return r.Children.forEach(c, (e) => {
+		if (r.isValidElement(e) && e.type === Jr) {
+			m.push(e);
+			return;
+		}
+		p.push(e);
+	}), /* @__PURE__ */ t(Vr, {
+		className: i?.portal,
+		container: f,
+		...d,
+		children: [s ? /* @__PURE__ */ e(Hr, {
+			className: i?.backdrop,
+			...a?.backdrop
+		}) : null, /* @__PURE__ */ t(Ur, {
+			className: i?.viewport,
+			...a?.viewport,
+			"data-with-backdrop": s ? "true" : "false",
+			children: [m, /* @__PURE__ */ e(Wr, {
 				className: n,
-				...s
-			})
+				...l,
+				children: p
+			})]
 		})]
 	});
 }
@@ -2491,15 +2498,15 @@ function Li({ className: t, size: n = "md", htmlSize: r, ...i }) {
 	});
 }
 var Ri = {
-	trigger: "_trigger_lz5lg_2",
-	backdrop: "_backdrop_lz5lg_6",
-	viewport: "_viewport_lz5lg_20",
-	popup: "_popup_lz5lg_39",
-	frame: "_frame_lz5lg_64",
-	"lightbox-image-enter": "_lightbox-image-enter_lz5lg_1",
-	closeButton: "_closeButton_lz5lg_75",
-	image: "_image_lz5lg_92",
-	contentClose: "_contentClose_lz5lg_105"
+	trigger: "_trigger_32kut_2",
+	backdrop: "_backdrop_32kut_6",
+	viewport: "_viewport_32kut_20",
+	popup: "_popup_32kut_39",
+	frame: "_frame_32kut_64",
+	"lightbox-image-enter": "_lightbox-image-enter_32kut_1",
+	closeButton: "_closeButton_32kut_75",
+	image: "_image_32kut_99",
+	contentClose: "_contentClose_32kut_112"
 }, zi = m.Root, Bi = m.createHandle;
 function Vi({ className: t, render: n, ...r }) {
 	let i = n ? t : B(t, Ri.trigger);
@@ -2564,28 +2571,28 @@ function Ji({ className: n, classNames: r, slotProps: i, container: a, withBackd
 		children: [o ? /* @__PURE__ */ e(Ui, {
 			className: r?.backdrop,
 			...i?.backdrop
-		}) : null, /* @__PURE__ */ e(Wi, {
+		}) : null, /* @__PURE__ */ t(Wi, {
 			className: r?.viewport,
 			"data-with-backdrop": o ? "true" : "false",
 			...i?.viewport,
-			children: /* @__PURE__ */ e(Gi, {
+			children: [s ? /* @__PURE__ */ e(Ki, {
+				className: Ri.closeButton,
+				"aria-label": l,
+				render: u ?? /* @__PURE__ */ e(ze, { "aria-label": l })
+			}) : null, /* @__PURE__ */ e(Gi, {
 				className: n,
 				...f,
-				children: /* @__PURE__ */ t("div", {
+				children: /* @__PURE__ */ e("div", {
 					"data-slot": "lightbox-frame",
 					className: r?.frame ?? Ri.frame,
-					children: [s ? /* @__PURE__ */ e(Ki, {
-						className: Ri.closeButton,
-						"aria-label": l,
-						render: u ?? /* @__PURE__ */ e(ze, { "aria-label": l })
-					}) : null, c ? /* @__PURE__ */ e(Ki, {
+					children: c ? /* @__PURE__ */ e(Ki, {
 						className: Ri.contentClose,
 						"aria-label": l,
 						render: /* @__PURE__ */ e("div", {}),
 						children: d
-					}) : d]
+					}) : d
 				})
-			})
+			})]
 		})]
 	});
 }
@@ -4259,55 +4266,59 @@ var oc = {
 function sc(e, ...t) {
 	return t.some((e) => typeof e == "function") ? (n) => z(e, t.map((e) => typeof e == "function" ? e(n) : e)) : z(e, t);
 }
-function cc({ className: n, classNames: r, children: i, fade: a = !1, scrollbars: o = "vertical", scrollbarKeepMounted: s = !1, slotProps: c, ...l }) {
-	let u = a === !0 ? "vertical" : a || void 0, d = o === "vertical" || o === "both", f = o === "horizontal" || o === "both", p = c?.scrollbar;
+function cc({ className: n, classNames: r, children: i, fade: a = !1, scrollbars: o = "vertical", contentMinWidth: s = "full", scrollbarKeepMounted: c = !1, slotProps: l, ...u }) {
+	let d = a === !0 ? "vertical" : a || void 0, f = o === "vertical" || o === "both", p = o === "horizontal" || o === "both", m = l?.scrollbar, h = {
+		...l?.content?.style,
+		minWidth: s === "fit-content" ? "fit-content" : "100%"
+	};
 	return /* @__PURE__ */ t(j.Root, {
 		"data-slot": "scroll-area-root",
-		"data-fade": u,
+		"data-fade": d,
 		className: B(n, oc.root),
-		...l,
+		...u,
 		children: [
 			/* @__PURE__ */ e(j.Viewport, {
-				...c?.viewport,
+				...l?.viewport,
 				"data-slot": "scroll-area-viewport",
 				className: B(r?.viewport, oc.viewport),
 				children: /* @__PURE__ */ e(j.Content, {
-					...c?.content,
+					...l?.content,
+					style: h,
 					"data-slot": "scroll-area-content",
 					className: B(r?.content, oc.content),
 					children: i
 				})
 			}),
-			d ? /* @__PURE__ */ e(j.Scrollbar, {
-				...p,
-				...c?.verticalScrollbar,
+			f ? /* @__PURE__ */ e(j.Scrollbar, {
+				...m,
+				...l?.verticalScrollbar,
 				"data-slot": "scroll-area-scrollbar",
 				orientation: "vertical",
-				keepMounted: s,
+				keepMounted: c,
 				className: sc(oc.scrollbar, r?.scrollbar, r?.verticalScrollbar),
 				children: /* @__PURE__ */ e(j.Thumb, {
-					...c?.thumb,
-					...c?.verticalThumb,
+					...l?.thumb,
+					...l?.verticalThumb,
 					"data-slot": "scroll-area-thumb",
 					className: sc(oc.thumb, r?.thumb, r?.verticalThumb)
 				})
 			}) : null,
-			f ? /* @__PURE__ */ e(j.Scrollbar, {
-				...p,
-				...c?.horizontalScrollbar,
+			p ? /* @__PURE__ */ e(j.Scrollbar, {
+				...m,
+				...l?.horizontalScrollbar,
 				"data-slot": "scroll-area-scrollbar",
 				orientation: "horizontal",
-				keepMounted: s,
+				keepMounted: c,
 				className: sc(oc.scrollbar, r?.scrollbar, r?.horizontalScrollbar),
 				children: /* @__PURE__ */ e(j.Thumb, {
-					...c?.thumb,
-					...c?.horizontalThumb,
+					...l?.thumb,
+					...l?.horizontalThumb,
 					"data-slot": "scroll-area-thumb",
 					className: sc(oc.thumb, r?.thumb, r?.horizontalThumb)
 				})
 			}) : null,
 			o === "both" ? /* @__PURE__ */ e(j.Corner, {
-				...c?.corner,
+				...l?.corner,
 				"data-slot": "scroll-area-corner",
 				className: B(r?.corner, oc.corner)
 			}) : null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "moduix",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "Composable React UI components built on Base UI primitives.",
   "keywords": [
     "accessible",