@sfperusacdev/sf-ui 0.1.12 → 0.1.13

package/dist/sf-ui.js

@@ -5676,8 +5676,11 @@ var er = (e) => {
 	md: "sf-modal--md",
 	lg: "sf-modal--lg",
 	xl: "sf-modal--xl"
-}, Hr = ({ open: e, onClose: t, title: n, subtitle: r, icon: i, children: a, footer: o, subheader: s, size: c = "md", headerVariant: d = "default", hideHeader: f = !1, closeOnOverlay: p = !0, className: m }) => {
-	let h = u(), g = d === "brand", y = d === "dark", b = d === "danger", x = g || y || b;
+}, Hr = ({ open: e, onClose: t, title: n, subtitle: r, icon: i, children: a, footer: o, subheader: s, size: c = "md", maxWidth: d, width: f, headerVariant: p = "default", hideHeader: m = !1, closeOnOverlay: h = !0, className: g }) => {
+	let y = u(), b = f != null || d != null ? {
+		width: f,
+		maxWidth: d
+	} : void 0, x = p === "brand", S = p === "dark", C = p === "danger", w = x || S || C;
 	return l(() => {
 		if (!e) return;
 		let n = (e) => {
@@ -5694,15 +5697,16 @@ var er = (e) => {
 			type: "button",
 			"aria-label": "Cerrar modal",
 			className: "sf-modal-overlay",
-			onClick: p ? t : void 0
+			onClick: h ? t : void 0
 		}), /* @__PURE__ */ v("div", {
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": !f && n ? h : void 0,
-			className: (0, Y.default)("sf-modal", Vr[c], m),
+			"aria-labelledby": !m && n ? y : void 0,
+			className: (0, Y.default)("sf-modal", Vr[c], g),
+			style: b,
 			children: [
-				!f && /* @__PURE__ */ v("div", {
-					className: (0, Y.default)("sf-modal-header", g && "sf-modal-header--brand", y && "sf-modal-header--brand sf-modal-header--dark", b && "sf-modal-header--brand sf-modal-header--danger"),
+				!m && /* @__PURE__ */ v("div", {
+					className: (0, Y.default)("sf-modal-header", x && "sf-modal-header--brand", S && "sf-modal-header--brand sf-modal-header--dark", C && "sf-modal-header--brand sf-modal-header--danger"),
 					children: [/* @__PURE__ */ v("div", {
 						className: "sf-modal-header__main",
 						children: [i && /* @__PURE__ */ _("span", {
@@ -5712,7 +5716,7 @@ var er = (e) => {
 						}), /* @__PURE__ */ v("div", {
 							className: "sf-modal-header__text",
 							children: [n ? /* @__PURE__ */ _("h2", {
-								id: h,
+								id: y,
 								className: "sf-modal-title",
 								children: n
 							}) : /* @__PURE__ */ _("span", {}), r != null && r !== "" && /* @__PURE__ */ _("p", {
@@ -5740,7 +5744,7 @@ var er = (e) => {
 					children: a
 				}),
 				o && /* @__PURE__ */ _("div", {
-					className: (0, Y.default)("sf-modal-footer", x && "sf-modal-footer--brand"),
+					className: (0, Y.default)("sf-modal-footer", w && "sf-modal-footer--brand"),
 					children: o
 				})
 			]