wimui 0.24.4 → 0.26.0

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

@@ -7,8 +7,23 @@ export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     /** Background color */
     background?: "surface" | "surface-variant" | "inverse";
 }
+/** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある（T211）。 */
+export type FooterTitleLevel = 2 | 3 | 4 | 5 | 6;
 export interface FooterSectionProps extends React.ComponentPropsWithoutRef<"div"> {
     title?: string;
+    /**
+     * `title` を見出しとして描くときの段（T211）。渡さなければ見出しにならず `p` のまま。
+     *
+     * 既定を見出しにしてはいけない（T191 の実績）── かつて `h4` 固定だった頃、ページに
+     * `h1` / `h2` があると段が飛んで axe の `heading-order` が鳴った
+     * （`Probes/SaginomiyaPool` で実際に出た）。フッタの欄名は文書の見出しではない、
+     * というのがそのときの判断で、ここはそれを踏襲する。
+     *
+     * ただし「欄名を見出しとして辿らせたい」ページも実在するので、段を明示したときだけ
+     * 見出しになるようにしてある。`Alert` の `titleTag`（既定 `div`）と同じ形。段を
+     * 決めるのはページ側の構造を知っている呼び出し元の仕事。
+     */
+    titleLevel?: FooterTitleLevel;
 }
 export declare const FooterSection: React.ForwardRefExoticComponent<FooterSectionProps & React.RefAttributes<HTMLDivElement>>;
 export type FooterBottomProps = React.ComponentPropsWithoutRef<"div">;

package/dist/components/layout/Footer/Footer.js

@@ -15,18 +15,21 @@ var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, backgr
 	})
 }));
 a.displayName = "Footer";
-var o = t.forwardRef(({ className: t, children: a, title: o, ...s }, c) => /* @__PURE__ */ i("div", {
-	ref: c,
-	className: n(e.section, t),
-	...s,
-	children: [o && /* @__PURE__ */ r("p", {
-		className: e.sectionTitle,
-		children: o
-	}), /* @__PURE__ */ r("div", {
-		className: e.sectionContent,
-		children: a
-	})]
-}));
+var o = t.forwardRef(({ className: t, children: a, title: o, titleLevel: s, ...c }, l) => {
+	let u = s ? `h${s}` : null;
+	return /* @__PURE__ */ i("div", {
+		ref: l,
+		className: n(e.section, t),
+		...c,
+		children: [o && r(u || "p", {
+			className: e.sectionTitle,
+			children: o
+		}), /* @__PURE__ */ r("div", {
+			className: e.sectionContent,
+			children: a
+		})]
+	});
+});
 o.displayName = "Footer.Section";
 var s = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
 	ref: o,

package/dist/components/media/Gallery/gallery.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_161ke_3`,t=`_toolbar_161ke_16`,n=`_toolbarCount_161ke_39`,r=`_toolbarActions_161ke_45`,i=`_toolbarClear_161ke_51`,a=`_grid_161ke_55`,o=`_item_161ke_90`,s=`_selected_161ke_101`,c=`_imageWrapper_161ke_101`,l=`_image_161ke_101`,u=`_checkboxOverlay_161ke_142`,d=`_checkbox_161ke_142`,f=`_selectedRing_161ke_164`,p=`_caption_161ke_172`,m=`_captionTitle_161ke_179`,h=`_captionText_161ke_188`,g={root:e,toolbar:t,"toolbar-in":`_toolbar-in_161ke_1`,toolbarCount:n,toolbarActions:r,toolbarClear:i,grid:a,"gap-xs":`_gap-xs_161ke_70`,"gap-sm":`_gap-sm_161ke_74`,"gap-md":`_gap-md_161ke_78`,"gap-lg":`_gap-lg_161ke_82`,"gap-xl":`_gap-xl_161ke_86`,item:o,selected:s,imageWrapper:c,"aspect-square":`_aspect-square_161ke_112`,"aspect-landscape":`_aspect-landscape_161ke_116`,"aspect-portrait":`_aspect-portrait_161ke_120`,"aspect-auto":`_aspect-auto_161ke_124`,image:l,checkboxOverlay:u,checkbox:d,selectedRing:f,caption:p,captionTitle:m,captionText:h};exports.caption=p,exports.captionText=h,exports.captionTitle=m,exports.checkbox=d,exports.checkboxOverlay=u,exports.default=g,exports.grid=a,exports.image=l,exports.imageWrapper=c,exports.item=o,exports.root=e,exports.selected=s,exports.selectedRing=f,exports.toolbar=t,exports.toolbarActions=r,exports.toolbarClear=i,exports.toolbarCount=n;
+var e=`_root_1s3aa_3`,t=`_toolbar_1s3aa_16`,n=`_toolbarCount_1s3aa_39`,r=`_toolbarActions_1s3aa_45`,i=`_toolbarClear_1s3aa_51`,a=`_grid_1s3aa_55`,o=`_item_1s3aa_90`,s=`_selected_1s3aa_101`,c=`_imageWrapper_1s3aa_101`,l=`_image_1s3aa_101`,u=`_checkboxOverlay_1s3aa_142`,d=`_checkbox_1s3aa_142`,f=`_selectedRing_1s3aa_164`,p=`_caption_1s3aa_172`,m=`_captionTitle_1s3aa_179`,h=`_captionText_1s3aa_188`,g={root:e,toolbar:t,"toolbar-in":`_toolbar-in_1s3aa_1`,toolbarCount:n,toolbarActions:r,toolbarClear:i,grid:a,"gap-xs":`_gap-xs_1s3aa_70`,"gap-sm":`_gap-sm_1s3aa_74`,"gap-md":`_gap-md_1s3aa_78`,"gap-lg":`_gap-lg_1s3aa_82`,"gap-xl":`_gap-xl_1s3aa_86`,item:o,selected:s,imageWrapper:c,"aspect-square":`_aspect-square_1s3aa_112`,"aspect-landscape":`_aspect-landscape_1s3aa_116`,"aspect-portrait":`_aspect-portrait_1s3aa_120`,"aspect-auto":`_aspect-auto_1s3aa_124`,image:l,checkboxOverlay:u,checkbox:d,selectedRing:f,caption:p,captionTitle:m,captionText:h};exports.caption=p,exports.captionText=h,exports.captionTitle=m,exports.checkbox=d,exports.checkboxOverlay=u,exports.default=g,exports.grid=a,exports.image=l,exports.imageWrapper=c,exports.item=o,exports.root=e,exports.selected=s,exports.selectedRing=f,exports.toolbar=t,exports.toolbarActions=r,exports.toolbarClear=i,exports.toolbarCount=n;

package/dist/components/media/Gallery/gallery.module.js

@@ -1,25 +1,25 @@
 "use client";
 //#region src/components/media/Gallery/gallery.module.scss
-var e = "_root_161ke_3", t = "_toolbar_161ke_16", n = "_toolbarCount_161ke_39", r = "_toolbarActions_161ke_45", i = "_toolbarClear_161ke_51", a = "_grid_161ke_55", o = "_item_161ke_90", s = "_selected_161ke_101", c = "_imageWrapper_161ke_101", l = "_image_161ke_101", u = "_checkboxOverlay_161ke_142", d = "_checkbox_161ke_142", f = "_selectedRing_161ke_164", p = "_caption_161ke_172", m = "_captionTitle_161ke_179", h = "_captionText_161ke_188", g = {
+var e = "_root_1s3aa_3", t = "_toolbar_1s3aa_16", n = "_toolbarCount_1s3aa_39", r = "_toolbarActions_1s3aa_45", i = "_toolbarClear_1s3aa_51", a = "_grid_1s3aa_55", o = "_item_1s3aa_90", s = "_selected_1s3aa_101", c = "_imageWrapper_1s3aa_101", l = "_image_1s3aa_101", u = "_checkboxOverlay_1s3aa_142", d = "_checkbox_1s3aa_142", f = "_selectedRing_1s3aa_164", p = "_caption_1s3aa_172", m = "_captionTitle_1s3aa_179", h = "_captionText_1s3aa_188", g = {
 	root: e,
 	toolbar: t,
-	"toolbar-in": "_toolbar-in_161ke_1",
+	"toolbar-in": "_toolbar-in_1s3aa_1",
 	toolbarCount: n,
 	toolbarActions: r,
 	toolbarClear: i,
 	grid: a,
-	"gap-xs": "_gap-xs_161ke_70",
-	"gap-sm": "_gap-sm_161ke_74",
-	"gap-md": "_gap-md_161ke_78",
-	"gap-lg": "_gap-lg_161ke_82",
-	"gap-xl": "_gap-xl_161ke_86",
+	"gap-xs": "_gap-xs_1s3aa_70",
+	"gap-sm": "_gap-sm_1s3aa_74",
+	"gap-md": "_gap-md_1s3aa_78",
+	"gap-lg": "_gap-lg_1s3aa_82",
+	"gap-xl": "_gap-xl_1s3aa_86",
 	item: o,
 	selected: s,
 	imageWrapper: c,
-	"aspect-square": "_aspect-square_161ke_112",
-	"aspect-landscape": "_aspect-landscape_161ke_116",
-	"aspect-portrait": "_aspect-portrait_161ke_120",
-	"aspect-auto": "_aspect-auto_161ke_124",
+	"aspect-square": "_aspect-square_1s3aa_112",
+	"aspect-landscape": "_aspect-landscape_1s3aa_116",
+	"aspect-portrait": "_aspect-portrait_1s3aa_120",
+	"aspect-auto": "_aspect-auto_1s3aa_124",
 	image: l,
 	checkboxOverlay: u,
 	checkbox: d,

package/dist/components/navigation/KeyboardShortcuts/KeyboardShortcuts.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Kbd/Kbd.cjs"),n=require("./keyboard-shortcuts.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({shortcuts:e,title:o,separator:s=`+`,size:c=`md`,className:l,...u},d)=>(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-keyboard-shortcuts`,n.default.root,n.default[c],l),children:[o&&(0,a.jsx)(`p`,{className:n.default.title,children:o}),(0,a.jsx)(`dl`,{ref:d,className:n.default.list,...u,children:e.map((e,i)=>(0,a.jsxs)(`div`,{className:n.default.item,children:[(0,a.jsx)(`dt`,{className:n.default.label,children:e.label}),(0,a.jsx)(`dd`,{className:n.default.keys,children:e.keys.map((e,i)=>(0,a.jsxs)(r.default.Fragment,{children:[i>0&&(0,a.jsx)(`span`,{className:n.default.separator,"aria-hidden":`true`,children:s}),(0,a.jsx)(t.Kbd,{size:c,children:e})]},i))})]},i))})]}));o.displayName=`KeyboardShortcuts`,exports.KeyboardShortcuts=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Kbd/Kbd.cjs"),n=require("./keyboard-shortcuts.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({shortcuts:e,title:o,titleLevel:s,separator:c=`+`,size:l=`md`,className:u,...d},f)=>{let p=s?`h${s}`:null;return(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-keyboard-shortcuts`,n.default.root,n.default[l],u),children:[o&&(p?(0,a.jsx)(p,{className:n.default.title,children:o}):(0,a.jsx)(`p`,{className:n.default.title,children:o})),(0,a.jsx)(`dl`,{ref:f,className:n.default.list,...d,children:e.map((e,i)=>(0,a.jsxs)(`div`,{className:n.default.item,children:[(0,a.jsx)(`dt`,{className:n.default.label,children:e.label}),(0,a.jsx)(`dd`,{className:n.default.keys,children:e.keys.map((e,i)=>(0,a.jsxs)(r.default.Fragment,{children:[i>0&&(0,a.jsx)(`span`,{className:n.default.separator,"aria-hidden":`true`,children:c}),(0,a.jsx)(t.Kbd,{size:l,children:e})]},i))})]},i))})]})});o.displayName=`KeyboardShortcuts`,exports.KeyboardShortcuts=o;

package/dist/components/navigation/KeyboardShortcuts/KeyboardShortcuts.d.ts

@@ -6,11 +6,23 @@ export type ShortcutItem = {
     /** Keys of the shortcut (e.g. ["Ctrl", "K"]) */
     keys: string[];
 };
+/** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある（T211）。 */
+export type KeyboardShortcutsTitleLevel = 2 | 3 | 4 | 5 | 6;
 export type KeyboardShortcutsProps = React.ComponentPropsWithoutRef<"dl"> & {
     /** List of shortcuts to display */
     shortcuts: ShortcutItem[];
     /** Section title */
     title?: string;
+    /**
+     * `title` を見出しとして描くときの段（T211）。渡さなければ見出しにならず `p` のまま。
+     *
+     * ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
+     * 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
+     * 場合に段が飛び、axe の `heading-order` が鳴る（T191 で `Footer` が実際に踏んだ）。
+     * 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
+     * （既定 `div`）と同じ形。
+     */
+    titleLevel?: KeyboardShortcutsTitleLevel;
     /**
      * Separator displayed between keys
      * @default "+"
@@ -30,6 +42,16 @@ export declare const KeyboardShortcuts: React.ForwardRefExoticComponent<Omit<Rea
     shortcuts: ShortcutItem[];
     /** Section title */
     title?: string;
+    /**
+     * `title` を見出しとして描くときの段（T211）。渡さなければ見出しにならず `p` のまま。
+     *
+     * ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
+     * 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
+     * 場合に段が飛び、axe の `heading-order` が鳴る（T191 で `Footer` が実際に踏んだ）。
+     * 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
+     * （既定 `div`）と同じ形。
+     */
+    titleLevel?: KeyboardShortcutsTitleLevel;
     /**
      * Separator displayed between keys
      * @default "+"

package/dist/components/navigation/KeyboardShortcuts/KeyboardShortcuts.js

@@ -5,34 +5,37 @@ import n from "react";
 import r from "classnames";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/navigation/KeyboardShortcuts/KeyboardShortcuts.tsx
-var o = n.forwardRef(({ shortcuts: o, title: s, separator: c = "+", size: l = "md", className: u, ...d }, f) => /* @__PURE__ */ a("div", {
-	className: r("wim-keyboard-shortcuts", t.root, t[l], u),
-	children: [s && /* @__PURE__ */ i("p", {
-		className: t.title,
-		children: s
-	}), /* @__PURE__ */ i("dl", {
-		ref: f,
-		className: t.list,
-		...d,
-		children: o.map((r, o) => /* @__PURE__ */ a("div", {
-			className: t.item,
-			children: [/* @__PURE__ */ i("dt", {
-				className: t.label,
-				children: r.label
-			}), /* @__PURE__ */ i("dd", {
-				className: t.keys,
-				children: r.keys.map((r, o) => /* @__PURE__ */ a(n.Fragment, { children: [o > 0 && /* @__PURE__ */ i("span", {
-					className: t.separator,
-					"aria-hidden": "true",
-					children: c
-				}), /* @__PURE__ */ i(e, {
-					size: l,
-					children: r
-				})] }, o))
-			})]
-		}, o))
-	})]
-}));
+var o = n.forwardRef(({ shortcuts: o, title: s, titleLevel: c, separator: l = "+", size: u = "md", className: d, ...f }, p) => {
+	let m = c ? `h${c}` : null;
+	return /* @__PURE__ */ a("div", {
+		className: r("wim-keyboard-shortcuts", t.root, t[u], d),
+		children: [s && i(m || "p", {
+			className: t.title,
+			children: s
+		}), /* @__PURE__ */ i("dl", {
+			ref: p,
+			className: t.list,
+			...f,
+			children: o.map((r, o) => /* @__PURE__ */ a("div", {
+				className: t.item,
+				children: [/* @__PURE__ */ i("dt", {
+					className: t.label,
+					children: r.label
+				}), /* @__PURE__ */ i("dd", {
+					className: t.keys,
+					children: r.keys.map((r, o) => /* @__PURE__ */ a(n.Fragment, { children: [o > 0 && /* @__PURE__ */ i("span", {
+						className: t.separator,
+						"aria-hidden": "true",
+						children: l
+					}), /* @__PURE__ */ i(e, {
+						size: u,
+						children: r
+					})] }, o))
+				})]
+			}, o))
+		})]
+	});
+});
 o.displayName = "KeyboardShortcuts";
 //#endregion
 export { o as KeyboardShortcuts };

package/dist/components/navigation/SpeedDial/SpeedDial.d.ts

@@ -14,7 +14,18 @@ export type SpeedDialProps = React.ComponentPropsWithoutRef<"div"> & {
     icon?: IconName;
     /** Icon name for the main button when open */
     activeIcon?: IconName;
-    /** Direction in which actions expand */
+    /**
+     * Direction in which actions expand.
+     *
+     * **The caller picks a direction that has room.** Actions are placed with
+     * plain CSS (`left: 100%` and friends) and are never measured, so this
+     * component does not flip when the viewport runs out — a `right` dial placed
+     * near the right edge pushes the page into a horizontal scroll. Anchor a
+     * `right` dial to the leading edge (and a `left` one to the trailing edge);
+     * `up` / `down` already grow inward from the trailing corner (T175).
+     *
+     * @default "up"
+     */
     direction?: "up" | "down" | "left" | "right";
     /** Trigger mode to open the SpeedDial */
     trigger?: "hover" | "click";
@@ -43,7 +54,18 @@ export declare const SpeedDial: React.ForwardRefExoticComponent<Omit<React.Detai
     icon?: IconName;
     /** Icon name for the main button when open */
     activeIcon?: IconName;
-    /** Direction in which actions expand */
+    /**
+     * Direction in which actions expand.
+     *
+     * **The caller picks a direction that has room.** Actions are placed with
+     * plain CSS (`left: 100%` and friends) and are never measured, so this
+     * component does not flip when the viewport runs out — a `right` dial placed
+     * near the right edge pushes the page into a horizontal scroll. Anchor a
+     * `right` dial to the leading edge (and a `left` one to the trailing edge);
+     * `up` / `down` already grow inward from the trailing corner (T175).
+     *
+     * @default "up"
+     */
     direction?: "up" | "down" | "left" | "right";
     /** Trigger mode to open the SpeedDial */
     trigger?: "hover" | "click";