wimui 0.24.4 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`p`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,titleLevel:o,...s},c)=>{let l=o?`h${o}`:null;return(0,i.jsxs)(`div`,{ref:c,className:(0,r.default)(t.default.section,e),...s,children:[a&&(l?(0,i.jsx)(l,{className:t.default.sectionTitle,children:a}):(0,i.jsx)(`p`,{className:t.default.sectionTitle,children:a})),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]})});o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
@@ -7,8 +7,23 @@ export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
7
7
  /** Background color */
8
8
  background?: "surface" | "surface-variant" | "inverse";
9
9
  }
10
+ /** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある(T211)。 */
11
+ export type FooterTitleLevel = 2 | 3 | 4 | 5 | 6;
10
12
  export interface FooterSectionProps extends React.ComponentPropsWithoutRef<"div"> {
11
13
  title?: string;
14
+ /**
15
+ * `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
16
+ *
17
+ * 既定を見出しにしてはいけない(T191 の実績)── かつて `h4` 固定だった頃、ページに
18
+ * `h1` / `h2` があると段が飛んで axe の `heading-order` が鳴った
19
+ * (`Probes/SaginomiyaPool` で実際に出た)。フッタの欄名は文書の見出しではない、
20
+ * というのがそのときの判断で、ここはそれを踏襲する。
21
+ *
22
+ * ただし「欄名を見出しとして辿らせたい」ページも実在するので、段を明示したときだけ
23
+ * 見出しになるようにしてある。`Alert` の `titleTag`(既定 `div`)と同じ形。段を
24
+ * 決めるのはページ側の構造を知っている呼び出し元の仕事。
25
+ */
26
+ titleLevel?: FooterTitleLevel;
12
27
  }
13
28
  export declare const FooterSection: React.ForwardRefExoticComponent<FooterSectionProps & React.RefAttributes<HTMLDivElement>>;
14
29
  export type FooterBottomProps = React.ComponentPropsWithoutRef<"div">;
@@ -15,18 +15,21 @@ var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, backgr
15
15
  })
16
16
  }));
17
17
  a.displayName = "Footer";
18
- var o = t.forwardRef(({ className: t, children: a, title: o, ...s }, c) => /* @__PURE__ */ i("div", {
19
- ref: c,
20
- className: n(e.section, t),
21
- ...s,
22
- children: [o && /* @__PURE__ */ r("p", {
23
- className: e.sectionTitle,
24
- children: o
25
- }), /* @__PURE__ */ r("div", {
26
- className: e.sectionContent,
27
- children: a
28
- })]
29
- }));
18
+ var o = t.forwardRef(({ className: t, children: a, title: o, titleLevel: s, ...c }, l) => {
19
+ let u = s ? `h${s}` : null;
20
+ return /* @__PURE__ */ i("div", {
21
+ ref: l,
22
+ className: n(e.section, t),
23
+ ...c,
24
+ children: [o && r(u || "p", {
25
+ className: e.sectionTitle,
26
+ children: o
27
+ }), /* @__PURE__ */ r("div", {
28
+ className: e.sectionContent,
29
+ children: a
30
+ })]
31
+ });
32
+ });
30
33
  o.displayName = "Footer.Section";
31
34
  var s = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
32
35
  ref: o,
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- 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;
2
+ 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;
@@ -6,11 +6,23 @@ export type ShortcutItem = {
6
6
  /** Keys of the shortcut (e.g. ["Ctrl", "K"]) */
7
7
  keys: string[];
8
8
  };
9
+ /** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある(T211)。 */
10
+ export type KeyboardShortcutsTitleLevel = 2 | 3 | 4 | 5 | 6;
9
11
  export type KeyboardShortcutsProps = React.ComponentPropsWithoutRef<"dl"> & {
10
12
  /** List of shortcuts to display */
11
13
  shortcuts: ShortcutItem[];
12
14
  /** Section title */
13
15
  title?: string;
16
+ /**
17
+ * `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
18
+ *
19
+ * ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
20
+ * 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
21
+ * 場合に段が飛び、axe の `heading-order` が鳴る(T191 で `Footer` が実際に踏んだ)。
22
+ * 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
23
+ * (既定 `div`)と同じ形。
24
+ */
25
+ titleLevel?: KeyboardShortcutsTitleLevel;
14
26
  /**
15
27
  * Separator displayed between keys
16
28
  * @default "+"
@@ -30,6 +42,16 @@ export declare const KeyboardShortcuts: React.ForwardRefExoticComponent<Omit<Rea
30
42
  shortcuts: ShortcutItem[];
31
43
  /** Section title */
32
44
  title?: string;
45
+ /**
46
+ * `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
47
+ *
48
+ * ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
49
+ * 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
50
+ * 場合に段が飛び、axe の `heading-order` が鳴る(T191 で `Footer` が実際に踏んだ)。
51
+ * 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
52
+ * (既定 `div`)と同じ形。
53
+ */
54
+ titleLevel?: KeyboardShortcutsTitleLevel;
33
55
  /**
34
56
  * Separator displayed between keys
35
57
  * @default "+"
@@ -5,34 +5,37 @@ import n from "react";
5
5
  import r from "classnames";
6
6
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
7
  //#region src/components/navigation/KeyboardShortcuts/KeyboardShortcuts.tsx
8
- var o = n.forwardRef(({ shortcuts: o, title: s, separator: c = "+", size: l = "md", className: u, ...d }, f) => /* @__PURE__ */ a("div", {
9
- className: r("wim-keyboard-shortcuts", t.root, t[l], u),
10
- children: [s && /* @__PURE__ */ i("p", {
11
- className: t.title,
12
- children: s
13
- }), /* @__PURE__ */ i("dl", {
14
- ref: f,
15
- className: t.list,
16
- ...d,
17
- children: o.map((r, o) => /* @__PURE__ */ a("div", {
18
- className: t.item,
19
- children: [/* @__PURE__ */ i("dt", {
20
- className: t.label,
21
- children: r.label
22
- }), /* @__PURE__ */ i("dd", {
23
- className: t.keys,
24
- children: r.keys.map((r, o) => /* @__PURE__ */ a(n.Fragment, { children: [o > 0 && /* @__PURE__ */ i("span", {
25
- className: t.separator,
26
- "aria-hidden": "true",
27
- children: c
28
- }), /* @__PURE__ */ i(e, {
29
- size: l,
30
- children: r
31
- })] }, o))
32
- })]
33
- }, o))
34
- })]
35
- }));
8
+ var o = n.forwardRef(({ shortcuts: o, title: s, titleLevel: c, separator: l = "+", size: u = "md", className: d, ...f }, p) => {
9
+ let m = c ? `h${c}` : null;
10
+ return /* @__PURE__ */ a("div", {
11
+ className: r("wim-keyboard-shortcuts", t.root, t[u], d),
12
+ children: [s && i(m || "p", {
13
+ className: t.title,
14
+ children: s
15
+ }), /* @__PURE__ */ i("dl", {
16
+ ref: p,
17
+ className: t.list,
18
+ ...f,
19
+ children: o.map((r, o) => /* @__PURE__ */ a("div", {
20
+ className: t.item,
21
+ children: [/* @__PURE__ */ i("dt", {
22
+ className: t.label,
23
+ children: r.label
24
+ }), /* @__PURE__ */ i("dd", {
25
+ className: t.keys,
26
+ children: r.keys.map((r, o) => /* @__PURE__ */ a(n.Fragment, { children: [o > 0 && /* @__PURE__ */ i("span", {
27
+ className: t.separator,
28
+ "aria-hidden": "true",
29
+ children: l
30
+ }), /* @__PURE__ */ i(e, {
31
+ size: u,
32
+ children: r
33
+ })] }, o))
34
+ })]
35
+ }, o))
36
+ })]
37
+ });
38
+ });
36
39
  o.displayName = "KeyboardShortcuts";
37
40
  //#endregion
38
41
  export { o as KeyboardShortcuts };
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## What this is
6
6
 
7
- **wimui** v0.24.4 — 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).
7
+ **wimui** v0.25.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).
8
8
 
9
9
  ## Install & required setup
10
10
 
@@ -2010,6 +2010,13 @@ follows the theme and never needs a hand-mixed colour.
2010
2010
  - **KeyboardShortcuts** — Display a structured list of keyboard shortcuts
2011
2011
  - `shortcuts: ShortcutItem[]` (required) — List of shortcuts to display
2012
2012
  - `title: string` — Section title
2013
+ - `titleLevel: 2 | 3 | 4 | 5 | 6` — `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
2014
+
2015
+ ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
2016
+ 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
2017
+ 場合に段が飛び、axe の `heading-order` が鳴る(T191 で `Footer` が実際に踏んだ)。
2018
+ 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
2019
+ (既定 `div`)と同じ形。
2013
2020
  - `separator: string` = "+" — Separator displayed between keys
2014
2021
  @default "+"
2015
2022
  - `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size of the list
package/dist/llms.txt CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## What this is
6
6
 
7
- **wimui** v0.24.4 — 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).
7
+ **wimui** v0.25.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).
8
8
 
9
9
  ## Install & required setup
10
10