wimui 0.20.0 → 0.22.0

package/dist/components/layout/Dashboard/Dashboard.d.ts

@@ -1,4 +1,6 @@
 import { default as React } from 'react';
+/** ウィジェットの見出しに使う段。ページ側の見出しに合わせる（T140）。 */
+export type DashboardTitleLevel = 2 | 3 | 4 | 5 | 6;
 export interface DashboardWidget {
     id: string;
     title: string;
@@ -28,6 +30,12 @@ export interface DashboardProps extends Omit<React.ComponentPropsWithoutRef<"div
     gap?: "xs" | "sm" | "md" | "lg" | "xl";
     /** Show the edit toggle button in the header. Default: true. */
     showEditToggle?: boolean;
+    /**
+     * Heading level for the widget titles. Match it to the page: a dashboard
+     * under an `h1` needs `2`, one under an `h2` section keeps `3`.
+     * @default 3
+     */
+    titleLevel?: DashboardTitleLevel;
     /** Dashboard heading label. */
     label?: string;
 }

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/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.20.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.22.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -708,7 +708,10 @@ export function RenameWorkspace() {
     - `onAdd: () => void` — Called when the "Add Widget" button is clicked.
     - `columns: number` = 3 — Number of columns. Default: 3.
     - `gap: "xs" | "sm" | "md" | "lg" | "xl"` = "md" — Gap between widgets. Default: "md".
-    - `showEditToggle: boolean` = true — Show the edit toggle button in the header. Default: true.
+    - `showEditToggle: boolean` — Show the edit toggle button in the header. Default: true.
+    - `titleLevel: 2 | 3 | 4 | 5 | 6` = 3 — Heading level for the widget titles. Match it to the page: a dashboard
+under an `h1` needs `2`, one under an `h2` section keeps `3`.
+@default 3
     - `label: string` — Dashboard heading label.
 - **Divider** — Content separator (aka Separator, Horizontal Rule)
     - `orientation: "horizontal" | "vertical"` = "horizontal" — Orientation of the divider
@@ -2834,6 +2837,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
     - `xAxisKey: string` (required) — The key in the data objects used for the X axis labels.
     - `stacked: boolean` = false — If true, series are stacked on top of each other.
 @default false
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = [0, "auto"] — Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+than the distance from zero. Bars keep zero by default: their length is
+the value, so cutting the axis lies about the ratio between them.
+@default [0, "auto"]
     - `height: number` = 300 — The height of the chart in pixels.
 @default 300
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
@@ -2849,6 +2856,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
     - `xAxisKey: string` (required) — The key in the data objects used for the X axis labels.
     - `stacked: boolean` = false — If true, series are stacked on top of each other.
 @default false
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = [0, "auto"] — Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+than the distance from zero. Bars keep zero by default: their length is
+the value, so cutting the axis lies about the ratio between them.
+@default [0, "auto"]
     - `height: number` = 300 — The height of the chart in pixels.
 @default 300
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
@@ -2918,6 +2929,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
     - `title: string` — Optional title displayed above the chart.
     - `smooth: boolean` = false — If true, draws smooth (monotone) curves instead of straight lines.
 @default false
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = [0, "auto"] — Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+than the distance from zero (a yield moving between 84% and 85% is a flat
+line on a 0–100 axis).
+@default [0, "auto"]
     - `animated: boolean` = false — If true, animates the chart on mount.
 @default false
 - **PieChart** — Proportional parts of a whole chart
@@ -2948,6 +2963,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
 @default "X"
     - `yAxisName: string` = "Y" — Name of the Y axis, shown in the tooltip.
 @default "Y"
+    - `xDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = ["auto", "auto"] — Range of the X axis.
+@default ["auto", "auto"]
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = ["auto", "auto"] — Range of the Y axis.
+@default ["auto", "auto"]
     - `height: number` = 300 — The height of the chart in pixels.
 @default 300
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
@@ -2958,7 +2977,7 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
 - **Sparkline** — Tiny inline trend chart
     - `data: number[]` (required) — Sequence of values to plot, in order
     - `type: "line" | "area" | "bar"` = "line" — Visual form of the sparkline
-    - `width: number | string` = 100 — Width of the sparkline (number in px, or a CSS value such as "100%")
+    - `width: number | string` = "100%" — Width of the sparkline (number in px, or a CSS value such as "100%")
     - `height: number` = 24 — Height of the sparkline in px
     - `color: string` = "var(--wim-color-chart-primary)" — Stroke/fill color (defaults to the primary chart color)
     - `strokeWidth: number` = 2 — Stroke width for line and area types

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.20.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.22.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup