wimui 0.19.0 → 0.21.0

package/dist/components/layout/Dashboard/Dashboard.js

@@ -15,63 +15,68 @@ var _ = l(null), v = () => {
 	let e = d(_);
 	if (!e) throw Error("Dashboard subcomponents must be used within Dashboard");
 	return e;
-}, y = c.forwardRef(({ widgets: t, editable: a, defaultEditable: c = !1, onEditChange: l, onRemove: d, onAdd: v, columns: y = 3, gap: x = "md", showEditToggle: S = !0, label: C, className: w, style: T, children: E, ...D }, O) => {
-	let { t: k } = e("components"), A = a !== void 0, [j, M] = p(c), N = A ? a : j, P = u(() => {
-		let e = !N;
-		A || M(e), l?.(e);
+}, y = c.forwardRef(({ widgets: t, editable: a, defaultEditable: c = !1, onEditChange: l, onRemove: d, onAdd: v, columns: y = 3, gap: x = "md", showEditToggle: S, titleLevel: C = 3, label: w, className: T, style: E, children: D, ...O }, k) => {
+	let { t: A } = e("components"), j = a !== void 0, [M, N] = p(c), P = j ? a : M, F = u(() => {
+		let e = !P;
+		j || N(e), l?.(e);
 	}, [
-		N,
-		A,
+		P,
+		j,
 		l
-	]), F = {
+	]), I = {
 		"--dashboard-columns": y,
-		...T
-	}, I = f(() => ({
-		editable: N ?? !1,
-		onRemove: d
-	}), [N, d]);
+		...E
+	}, L = S ?? (a !== void 0 || c || d !== void 0 || v !== void 0), R = f(() => ({
+		editable: P ?? !1,
+		onRemove: d,
+		titleLevel: C
+	}), [
+		P,
+		d,
+		C
+	]);
 	return /* @__PURE__ */ h(_.Provider, {
-		value: I,
+		value: R,
 		children: /* @__PURE__ */ g("div", {
-			ref: O,
-			className: m("wim-dashboard", s.root, w),
-			"aria-label": C ?? k("dashboard_widget.label"),
-			...D,
-			children: [S && /* @__PURE__ */ g("div", {
+			ref: k,
+			className: m("wim-dashboard", s.root, T),
+			"aria-label": w ?? A("dashboard_widget.label"),
+			...O,
+			children: [(w || L) && /* @__PURE__ */ g("div", {
 				className: s.header,
-				children: [C && /* @__PURE__ */ h("h2", {
+				children: [w && /* @__PURE__ */ h("h2", {
 					className: s.heading,
-					children: C
-				}), /* @__PURE__ */ h(o, {
+					children: w
+				}), L && /* @__PURE__ */ h(o, {
 					size: "sm",
-					variant: N ? "solid" : "outline",
+					variant: P ? "solid" : "outline",
 					intent: "default",
 					className: void 0,
-					onClick: P,
-					"aria-pressed": N,
-					"aria-label": k(N ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit"),
+					onClick: F,
+					"aria-pressed": P,
+					"aria-label": A(P ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit"),
 					icon: /* @__PURE__ */ h(i, {
 						component: n,
 						size: "sm"
 					}),
-					children: k(N ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit")
+					children: A(P ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit")
 				})]
 			}), /* @__PURE__ */ g("div", {
 				className: m(s.grid, s[`gap-${x}`]),
-				style: F,
+				style: I,
 				role: "region",
-				"aria-label": k("dashboard_widget.grid_label"),
-				children: [t ? t.map((e) => /* @__PURE__ */ h(b, { widget: e }, e.id)) : E, N && v && /* @__PURE__ */ h(o, {
+				"aria-label": A("dashboard_widget.grid_label"),
+				children: [t ? t.map((e) => /* @__PURE__ */ h(b, { widget: e }, e.id)) : D, P && v && /* @__PURE__ */ h(o, {
 					asChild: !0,
 					className: s.addButton,
 					onClick: v,
-					"aria-label": k("dashboard_widget.add_widget"),
+					"aria-label": A("dashboard_widget.add_widget"),
 					children: /* @__PURE__ */ g("button", {
 						type: "button",
 						children: [/* @__PURE__ */ h(i, {
 							component: r,
 							size: "md"
-						}), /* @__PURE__ */ h("span", { children: k("dashboard_widget.add_widget") })]
+						}), /* @__PURE__ */ h("span", { children: A("dashboard_widget.add_widget") })]
 					})
 				})]
 			})]
@@ -80,35 +85,35 @@ var _ = l(null), v = () => {
 });
 y.displayName = "Dashboard";
 var b = ({ widget: n, className: r, ...c }) => {
-	let { editable: l, onRemove: u } = v(), { t: d } = e("components"), { id: f, title: p, description: _, content: y, span: b = 1, rowSpan: x = 1 } = n;
+	let { editable: l, onRemove: u, titleLevel: d } = v(), f = `h${d}`, { t: p } = e("components"), { id: _, title: y, description: b, content: x, span: S = 1, rowSpan: C = 1 } = n;
 	return /* @__PURE__ */ g(a, {
 		variant: "outline",
 		padding: "md",
 		radius: "md",
-		className: m(s.widget, s[`span-${b}`], s[`row-${x}`], { [s.editMode]: l }, r),
+		className: m(s.widget, s[`span-${S}`], s[`row-${C}`], { [s.editMode]: l }, r),
 		style: {
-			"--widget-span": b,
-			"--widget-row-span": x
+			"--widget-span": S,
+			"--widget-row-span": C
 		},
 		...c,
 		children: [/* @__PURE__ */ g("div", {
 			className: s.widgetHeader,
 			children: [/* @__PURE__ */ g("div", {
 				className: s.widgetMeta,
-				children: [/* @__PURE__ */ h("h3", {
+				children: [/* @__PURE__ */ h(f, {
 					className: s.widgetTitle,
-					children: p
-				}), _ && /* @__PURE__ */ h("p", {
+					children: y
+				}), b && /* @__PURE__ */ h("p", {
 					className: s.widgetDescription,
-					children: _
+					children: b
 				})]
 			}), l && u && /* @__PURE__ */ h(o, {
 				size: "sm",
 				variant: "ghost",
 				intent: "danger",
 				className: s.removeButton,
-				onClick: () => u(f),
-				"aria-label": d("dashboard_widget.remove_widget", { title: p }),
+				onClick: () => u(_),
+				"aria-label": p("dashboard_widget.remove_widget", { title: y }),
 				icon: /* @__PURE__ */ h(i, {
 					component: t,
 					size: "sm"
@@ -116,7 +121,7 @@ var b = ({ widget: n, className: r, ...c }) => {
 			})]
 		}), /* @__PURE__ */ h("div", {
 			className: s.widgetContent,
-			children: y
+			children: x
 		})]
 	});
 };

package/dist/components/layout/Dashboard/dashboard.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_dudyo_3`,t=`_header_dudyo_19`,n=`_heading_dudyo_26`,r=`_grid_dudyo_34`,i=`_widget_dudyo_69`,a=`_editMode_dudyo_77`,o=`_widgetHeader_dudyo_113`,s=`_widgetMeta_dudyo_122`,c=`_widgetTitle_dudyo_129`,l=`_widgetDescription_dudyo_139`,u=`_removeButton_dudyo_148`,d=`_widgetContent_dudyo_152`,f=`_addButton_dudyo_157`,p={root:e,header:t,heading:n,grid:r,"gap-xs":`_gap-xs_dudyo_49`,"gap-sm":`_gap-sm_dudyo_53`,"gap-md":`_gap-md_dudyo_57`,"gap-lg":`_gap-lg_dudyo_61`,"gap-xl":`_gap-xl_dudyo_65`,widget:i,editMode:a,"span-1":`_span-1_dudyo_85`,"span-2":`_span-2_dudyo_89`,"span-3":`_span-3_dudyo_93`,"span-4":`_span-4_dudyo_97`,"row-1":`_row-1_dudyo_101`,"row-2":`_row-2_dudyo_105`,"row-3":`_row-3_dudyo_109`,widgetHeader:o,widgetMeta:s,widgetTitle:c,widgetDescription:l,removeButton:u,widgetContent:d,addButton:f};exports.addButton=f,exports.default=p,exports.editMode=a,exports.grid=r,exports.header=t,exports.heading=n,exports.removeButton=u,exports.root=e,exports.widget=i,exports.widgetContent=d,exports.widgetDescription=l,exports.widgetHeader=o,exports.widgetMeta=s,exports.widgetTitle=c;
+var e=`_root_1y517_3`,t=`_header_1y517_19`,n=`_heading_1y517_26`,r=`_grid_1y517_34`,i=`_widget_1y517_69`,a=`_editMode_1y517_77`,o=`_widgetHeader_1y517_130`,s=`_widgetMeta_1y517_139`,c=`_widgetTitle_1y517_146`,l=`_widgetDescription_1y517_156`,u=`_removeButton_1y517_165`,d=`_widgetContent_1y517_169`,f=`_addButton_1y517_174`,p={root:e,header:t,heading:n,grid:r,"gap-xs":`_gap-xs_1y517_49`,"gap-sm":`_gap-sm_1y517_53`,"gap-md":`_gap-md_1y517_57`,"gap-lg":`_gap-lg_1y517_61`,"gap-xl":`_gap-xl_1y517_65`,widget:i,editMode:a,"span-1":`_span-1_1y517_85`,"span-2":`_span-2_1y517_89`,"span-3":`_span-3_1y517_93`,"span-4":`_span-4_1y517_97`,"row-1":`_row-1_1y517_101`,"row-2":`_row-2_1y517_105`,"row-3":`_row-3_1y517_109`,widgetHeader:o,widgetMeta:s,widgetTitle:c,widgetDescription:l,removeButton:u,widgetContent:d,addButton:f};exports.addButton=f,exports.default=p,exports.editMode=a,exports.grid=r,exports.header=t,exports.heading=n,exports.removeButton=u,exports.root=e,exports.widget=i,exports.widgetContent=d,exports.widgetDescription=l,exports.widgetHeader=o,exports.widgetMeta=s,exports.widgetTitle=c;

package/dist/components/layout/Dashboard/dashboard.module.js

@@ -1,24 +1,24 @@
 "use client";
 //#region src/components/layout/Dashboard/dashboard.module.scss
-var e = "_root_dudyo_3", t = "_header_dudyo_19", n = "_heading_dudyo_26", r = "_grid_dudyo_34", i = "_widget_dudyo_69", a = "_editMode_dudyo_77", o = "_widgetHeader_dudyo_113", s = "_widgetMeta_dudyo_122", c = "_widgetTitle_dudyo_129", l = "_widgetDescription_dudyo_139", u = "_removeButton_dudyo_148", d = "_widgetContent_dudyo_152", f = "_addButton_dudyo_157", p = {
+var e = "_root_1y517_3", t = "_header_1y517_19", n = "_heading_1y517_26", r = "_grid_1y517_34", i = "_widget_1y517_69", a = "_editMode_1y517_77", o = "_widgetHeader_1y517_130", s = "_widgetMeta_1y517_139", c = "_widgetTitle_1y517_146", l = "_widgetDescription_1y517_156", u = "_removeButton_1y517_165", d = "_widgetContent_1y517_169", f = "_addButton_1y517_174", p = {
 	root: e,
 	header: t,
 	heading: n,
 	grid: r,
-	"gap-xs": "_gap-xs_dudyo_49",
-	"gap-sm": "_gap-sm_dudyo_53",
-	"gap-md": "_gap-md_dudyo_57",
-	"gap-lg": "_gap-lg_dudyo_61",
-	"gap-xl": "_gap-xl_dudyo_65",
+	"gap-xs": "_gap-xs_1y517_49",
+	"gap-sm": "_gap-sm_1y517_53",
+	"gap-md": "_gap-md_1y517_57",
+	"gap-lg": "_gap-lg_1y517_61",
+	"gap-xl": "_gap-xl_1y517_65",
 	widget: i,
 	editMode: a,
-	"span-1": "_span-1_dudyo_85",
-	"span-2": "_span-2_dudyo_89",
-	"span-3": "_span-3_dudyo_93",
-	"span-4": "_span-4_dudyo_97",
-	"row-1": "_row-1_dudyo_101",
-	"row-2": "_row-2_dudyo_105",
-	"row-3": "_row-3_dudyo_109",
+	"span-1": "_span-1_1y517_85",
+	"span-2": "_span-2_1y517_89",
+	"span-3": "_span-3_1y517_93",
+	"span-4": "_span-4_1y517_97",
+	"row-1": "_row-1_1y517_101",
+	"row-2": "_row-2_1y517_105",
+	"row-3": "_row-3_1y517_109",
 	widgetHeader: o,
 	widgetMeta: s,
 	widgetTitle: c,

package/dist/components/layout/Header/header.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_2tpbs_2`,t=`_fixed_2tpbs_8`,n=`_sticky_2tpbs_14`,r=`_bordered_2tpbs_19`,i=`_glass_2tpbs_22`,a=`_container_2tpbs_37`,o=`_fluid_2tpbs_47`,s=`_section_2tpbs_51`,c=`_start_2tpbs_56`,l=`_center_2tpbs_59`,u=`_end_2tpbs_62`,d={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-surface":`_bg-surface_2tpbs_27`,"bg-surface-variant":`_bg-surface-variant_2tpbs_30`,"bg-transparent":`_bg-transparent_2tpbs_33`,container:a,fluid:o,section:s,start:c,center:l,end:u};exports.bordered=r,exports.center=l,exports.container=a,exports.default=d,exports.end=u,exports.fixed=t,exports.fluid=o,exports.glass=i,exports.root=e,exports.section=s,exports.start=c,exports.sticky=n;
+var e=`_root_2krha_2`,t=`_fixed_2krha_13`,n=`_sticky_2krha_19`,r=`_bordered_2krha_24`,i=`_glass_2krha_27`,a=`_container_2krha_42`,o=`_fluid_2krha_52`,s=`_section_2krha_56`,c=`_start_2krha_61`,l=`_center_2krha_64`,u=`_end_2krha_67`,d={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-surface":`_bg-surface_2krha_32`,"bg-surface-variant":`_bg-surface-variant_2krha_35`,"bg-transparent":`_bg-transparent_2krha_38`,container:a,fluid:o,section:s,start:c,center:l,end:u};exports.bordered=r,exports.center=l,exports.container=a,exports.default=d,exports.end=u,exports.fixed=t,exports.fluid=o,exports.glass=i,exports.root=e,exports.section=s,exports.start=c,exports.sticky=n;

package/dist/components/layout/Header/header.module.js

@@ -1,14 +1,14 @@
 "use client";
 //#region src/components/layout/Header/header.module.scss
-var e = "_root_2tpbs_2", t = "_fixed_2tpbs_8", n = "_sticky_2tpbs_14", r = "_bordered_2tpbs_19", i = "_glass_2tpbs_22", a = "_container_2tpbs_37", o = "_fluid_2tpbs_47", s = "_section_2tpbs_51", c = "_start_2tpbs_56", l = "_center_2tpbs_59", u = "_end_2tpbs_62", d = {
+var e = "_root_2krha_2", t = "_fixed_2krha_13", n = "_sticky_2krha_19", r = "_bordered_2krha_24", i = "_glass_2krha_27", a = "_container_2krha_42", o = "_fluid_2krha_52", s = "_section_2krha_56", c = "_start_2krha_61", l = "_center_2krha_64", u = "_end_2krha_67", d = {
 	root: e,
 	fixed: t,
 	sticky: n,
 	bordered: r,
 	glass: i,
-	"bg-surface": "_bg-surface_2tpbs_27",
-	"bg-surface-variant": "_bg-surface-variant_2tpbs_30",
-	"bg-transparent": "_bg-transparent_2tpbs_33",
+	"bg-surface": "_bg-surface_2krha_32",
+	"bg-surface-variant": "_bg-surface-variant_2krha_35",
+	"bg-transparent": "_bg-transparent_2krha_38",
 	container: a,
 	fluid: o,
 	section: s,