wimui 0.50.3 → 0.51.0

package/dist/components/overlay/FocusTrap/FocusTrap.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./focus-trap.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=({children:e,active:a=!0,initialFocus:o=!0,className:s})=>{let c=(0,n.useRef)(null),l=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if(!a)return;l.current=document.activeElement;let e=c.current;if(!e)return;let t=()=>Array.from(e.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`)).filter(e=>{let t=window.getComputedStyle(e);return e.tabIndex>=0&&t.display!==`none`&&t.visibility!==`hidden`&&!e.disabled});if(o){let e=t();e.length>0&&e[0].focus()}let n=n=>{if(n.key!==`Tab`)return;let r=t();if(r.length===0){n.preventDefault();return}let i=r[0],a=r[r.length-1],o=document.activeElement;if(!o||!e.contains(o))return;let s=r.indexOf(o);n.shiftKey?(s>=0?s>0:r.some(e=>e.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING))||(n.preventDefault(),a.focus()):(s>=0?s<r.length-1:r.some(e=>o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING))||(n.preventDefault(),i.focus())};return document.addEventListener(`keydown`,n),()=>{document.removeEventListener(`keydown`,n),l.current&&l.current.focus()}},[a,o]),(0,i.jsx)(`div`,{ref:c,className:(0,r.default)(`wim-focus-trap`,t.default.root,s),children:e})};exports.FocusTrap=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./focus-trap.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=({children:e,active:a=!0,initialFocus:o=!0,className:s})=>{let c=(0,n.useRef)(null),l=(0,n.useRef)(null),u=(0,n.useRef)(!1);return a&&!u.current&&typeof document<`u`?(l.current=document.activeElement,u.current=!0):!a&&u.current&&(u.current=!1),(0,n.useEffect)(()=>{if(!a)return;let e=c.current;if(!e)return;let t=()=>Array.from(e.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`)).filter(e=>{let t=window.getComputedStyle(e);return e.tabIndex>=0&&t.display!==`none`&&t.visibility!==`hidden`&&!e.disabled});if(o){let e=t();e.length>0&&e[0].focus()}let n=n=>{if(n.key!==`Tab`)return;let r=t();if(r.length===0){n.preventDefault();return}let i=r[0],a=r[r.length-1],o=document.activeElement;if(!o||!e.contains(o))return;let s=r.indexOf(o);n.shiftKey?(s>=0?s>0:r.some(e=>e.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING))||(n.preventDefault(),a.focus()):(s>=0?s<r.length-1:r.some(e=>o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING))||(n.preventDefault(),i.focus())};return document.addEventListener(`keydown`,n),()=>{document.removeEventListener(`keydown`,n);let e=l.current;e&&e.isConnected&&e.focus()}},[a,o]),(0,i.jsx)(`div`,{ref:c,className:(0,r.default)(`wim-focus-trap`,t.default.root,s),children:e})};exports.FocusTrap=a;

package/dist/components/overlay/FocusTrap/FocusTrap.js

@@ -5,10 +5,9 @@ import r from "classnames";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/overlay/FocusTrap/FocusTrap.tsx
 var a = ({ children: a, active: o = !0, initialFocus: s = !0, className: c }) => {
-	let l = n(null), u = n(null);
-	return t(() => {
+	let l = n(null), u = n(null), d = n(!1);
+	return o && !d.current && typeof document < "u" ? (u.current = document.activeElement, d.current = !0) : !o && d.current && (d.current = !1), t(() => {
 		if (!o) return;
-		u.current = document.activeElement;
 		let e = l.current;
 		if (!e) return;
 		let t = () => Array.from(e.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])")).filter((e) => {
@@ -32,7 +31,9 @@ var a = ({ children: a, active: o = !0, initialFocus: s = !0, className: c }) =>
 			n.shiftKey ? (s >= 0 ? s > 0 : r.some((e) => e.compareDocumentPosition(o) & Node.DOCUMENT_POSITION_FOLLOWING)) || (n.preventDefault(), a.focus()) : (s >= 0 ? s < r.length - 1 : r.some((e) => o.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING)) || (n.preventDefault(), i.focus());
 		};
 		return document.addEventListener("keydown", n), () => {
-			document.removeEventListener("keydown", n), u.current && u.current.focus();
+			document.removeEventListener("keydown", n);
+			let e = u.current;
+			e && e.isConnected && e.focus();
 		};
 	}, [o, s]), /* @__PURE__ */ i("div", {
 		ref: l,

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.50.3 — a React 19 component library: 228 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.51.0 — a React 19 component library: 228 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
 
@@ -1010,6 +1010,10 @@ Useful for using the button styles with Link components (e.g. from React Router
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1038,6 +1042,10 @@ so the unit does not have to be repeated in the label.
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1109,6 +1117,10 @@ so the unit does not have to be repeated in the label.
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1287,6 +1299,10 @@ SCSS には誰も付けない `.default_intent` が「temporary name」のまま
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1343,6 +1359,10 @@ make room rather than running underneath it.
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1419,6 +1439,10 @@ box and receives a **1-based** position — the first box is `1`, not `0`.
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1579,6 +1603,10 @@ and image files pasted or dropped into the editor are uploaded and inserted. The
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -1761,6 +1789,10 @@ but the toggle only shows a chevron, so it needs one of its own.
     - `showPasswordAriaLabel: string` — Aria label for the show-password toggle
     - `hidePasswordAriaLabel: string` — Aria label for the hide-password toggle
     - `rightIconAriaLabel: string` — Aria label for the right icon button
+    - `rightIconDecorative: boolean` = false — Treats the clickable right icon as a pointer-only affordance: it stays
+clickable but leaves the tab order and is hidden from assistive technology.
+Use it when the field already does the same thing from the keyboard.
+@default false
     - `suffix: React.ReactNode` — Static text shown after the field, inside the same shell — a unit such as
 `kg`, `%` or `円`. It is announced with the field via `aria-describedby`,
 so the unit does not have to be repeated in the label.
@@ -2160,7 +2192,7 @@ near the right edge pushes the page into a horizontal scroll. Anchor a
     - `onOpenChange: (open: boolean) => void` — Callback when open state changes
     - `aria-label: string` — Accessible name for the trigger button.
 Lands on the inner `FloatButton`, not on the wrapper `div`.
-Omit to keep the icon-name fallback (`PlusIcon` / `CloseIcon`).
+Defaults to a translated "Open menu" / "Close menu" (en / ja / pt), following the open state.
 - **Stepper** — Visual sequence steps
   - ⚠️ Not the same as elsewhere: In Apple HIG and macOS, a "Stepper" is the control that increments a number — that is `NumberInput` here. WIM's `Stepper` shows progress through a sequence of steps, which is what Material calls a Stepper.
     - `steps: Step[]` = [] — Array of step configurations

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.50.3 — a React 19 component library: 228 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.51.0 — a React 19 component library: 228 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