wimui 0.55.0 → 0.56.1

package/dist/components/navigation/Anchor/Anchor.js

@@ -1,19 +1,19 @@
 "use client";
 import e from "./anchor.module.js";
-import { useLayoutEffect as t, useRef as n, useState as r } from "react";
-import i from "classnames";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/navigation/Anchor/Anchor.tsx
-var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical", className: d, style: f }) => {
-	let [p, m] = r(""), [h, g] = r({}), _ = n(null), v = (e, t) => {
+var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical", className: p, style: m }) => {
+	let [h, g] = a(""), [_, v] = a({}), y = i(null), b = (e, t) => {
 		e.preventDefault();
 		let n = t.replace("#", ""), r = document.getElementById(n);
 		r && (window.scrollTo({
-			top: r.offsetTop - l,
+			top: r.offsetTop - d,
 			behavior: "smooth"
-		}), m(t));
+		}), g(t));
 	};
-	t(() => {
+	r(() => {
 		let e = () => {
 			let e = (t, n) => {
 				let r = [];
@@ -23,43 +23,44 @@ var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical
 						parentHref: n
 					}), t.children && (r = r.concat(e(t.children, n || t.href)));
 				}), r;
-			}, t = e(s), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
+			}, t = e(l), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
 			if (r > 0 && Math.ceil(r + a) >= i && t.length > 0) {
 				let e = t[t.length - 1];
-				n = u === "horizontal" && e.parentHref ? e.parentHref : e.href;
+				n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
 			} else for (let e of t) {
 				let t = e.href.replace("#", ""), r = document.getElementById(t);
 				if (r) {
-					if (r.getBoundingClientRect().top <= l + c) n = u === "horizontal" && e.parentHref ? e.parentHref : e.href;
+					if (r.getBoundingClientRect().top <= d + u) n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
 					else break;
 				}
 			}
-			n && n !== p && m(n);
+			n && n !== h && g(n);
 		};
 		return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
 	}, [
-		s,
 		l,
-		c,
-		p,
-		u
-	]), t(() => {
-		if (!p || !_.current) return;
-		let t = _.current.querySelector(`a[href="${p}"]`);
+		d,
+		u,
+		h,
+		f
+	]);
+	let x = t(() => {
+		if (!h || !y.current) return;
+		let t = y.current.querySelector(`a[href="${h}"]`);
 		if (t) {
-			let n = _.current.getBoundingClientRect();
-			if (u === "vertical") {
+			let n = y.current.getBoundingClientRect();
+			if (f === "vertical") {
 				let e = t.getBoundingClientRect();
-				g({
+				v({
 					top: e.top - n.top,
 					height: e.height,
 					opacity: 1
 				});
 			} else {
-				let r = _.current.querySelector(`.${e.list}`);
+				let r = y.current.querySelector(`.${e.list}`);
 				if (r) {
 					let e = t.getBoundingClientRect(), i = r.getBoundingClientRect(), a = e.left - i.left + r.scrollLeft, o = a - i.width / 2 + e.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
-					g({
+					v({
 						left: l,
 						width: e.width,
 						opacity: 1
@@ -69,41 +70,49 @@ var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical
 					});
 				} else {
 					let e = t.getBoundingClientRect();
-					g({
-						left: e.left - _.current.getBoundingClientRect().left,
+					v({
+						left: e.left - y.current.getBoundingClientRect().left,
 						width: e.width,
 						opacity: 1
 					});
 				}
 			}
-		} else g({ opacity: 0 });
-	}, [p, u]);
-	let y = (t) => /* @__PURE__ */ a("ul", {
-		className: i(e.list, e[u]),
-		children: t.map((t) => /* @__PURE__ */ o("li", {
-			className: i(e.item, p === t.href && e.active),
-			children: [/* @__PURE__ */ a("a", {
+		} else v({ opacity: 0 });
+	}, [h, f]);
+	r(() => {
+		x();
+	}, [x]), n(() => {
+		let e = y.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => x());
+		return t.observe(e), e.querySelectorAll("a").forEach((e) => t.observe(e)), () => t.disconnect();
+	}, [x, l]);
+	let S = (t) => /* @__PURE__ */ s("ul", {
+		className: o(e.list, e[f]),
+		children: t.map((t) => /* @__PURE__ */ c("li", {
+			className: o(e.item, h === t.href && e.active),
+			children: [/* @__PURE__ */ s("a", {
 				href: t.href,
 				className: e.link,
-				"aria-current": p === t.href ? "location" : void 0,
-				onClick: (e) => v(e, t.href),
+				"aria-current": h === t.href ? "location" : void 0,
+				onClick: (e) => b(e, t.href),
 				title: typeof t.title == "string" ? t.title : void 0,
 				children: t.title
-			}), t.children && u === "vertical" && y(t.children)]
+			}), t.children && f === "vertical" && S(t.children)]
 		}, t.key))
 	});
-	return /* @__PURE__ */ o("div", {
-		className: i("wim-anchor", e.root, e[u], d),
-		style: f,
-		ref: _,
-		children: [/* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ c("div", {
+		className: o("wim-anchor", e.root, e[f], p),
+		style: m,
+		ref: y,
+		children: [/* @__PURE__ */ s("div", {
 			className: e.ink,
-			children: /* @__PURE__ */ a("span", {
+			children: /* @__PURE__ */ s("span", {
 				className: e.inkBall,
-				style: h
+				style: _
 			})
-		}), y(s)]
+		}), S(l)]
 	});
 };
 //#endregion
-export { s as Anchor, s as default };
+export { l as Anchor, l as default };

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.55.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).
+**wimui** v0.56.1 — 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
 
@@ -1260,12 +1260,25 @@ text to take a name from, and the icon name is not used as one.
     - `src: string` — URL or data URL of the image to crop
     - `aspectRatio: number` = 1 — Aspect ratio (width / height); 1 produces a square
     - `circular: boolean` = false — Whether to display a circular crop area (for profile images)
-    - `onCrop: (dataUrl: string) => void` — Callback when the crop result is finalized
+    - `onCrop: (dataUrl: string, detail: ImageCropDetail) => void` — Called with the cropped image as a data URL once the crop is confirmed. The second argument
+describes the crop (offset, zoom, rotation, frame and output size) so it can be redone elsewhere.
     - `showRotation: boolean` = true — Whether to show the rotation button
     - `showZoom: boolean` = true — Whether to show the zoom slider
     - `showApplyButton: boolean` = true — Whether to show the apply button
     - `applyLabel: string` — Label of the apply button
-    - `onApply: (dataUrl: string) => void` — Callback when the crop is applied (after confirming in the dialog)
+    - `onApply: (dataUrl: string, detail: ImageCropDetail) => void` — Called with the cropped image and the crop detail when the crop is applied (after confirming in the dialog)
+    - `onCropError: (error: Error, detail: ImageCropDetail) => void` — Called instead of onCrop and onApply when the image cannot be produced, with the crop detail.
+The usual cause is an image from another origin drawn without CORS approval: the browser then
+refuses to read the canvas. Set crossOrigin and serve the image with CORS headers, or crop on
+the server from the detail.
+    - `maxOutputSize: number` — Upper bound, in px, for the longer side of the output image. The crop is taken at the
+resolution of the source image; without a bound a large photo produces a large data URL.
+    - `outputType: "image/png" | "image/jpeg" | "image/webp"` = "image/png" — Image format of the output. "image/png" keeps transparency where the image does not cover the frame.
+@default "image/png"
+    - `outputQuality: number` = 0.92 — Quality from 0 to 1 for "image/jpeg" and "image/webp". Ignored for "image/png".
+@default 0.92
+    - `crossOrigin: "anonymous" | "use-credentials"` — CORS mode used to load the image. Needed to crop an image served from another origin;
+the server must send matching CORS headers or the image will not load at all.
 - **InlineEdit** — A component that allows users to switch between a view-only mode and an editable mode in-place. (aka Editable Text)
     - `value: string` — Current text (controlled)
     - `defaultValue: string` — Initial text (uncontrolled)
@@ -1936,7 +1949,8 @@ When a function is passed, it is called as (error, errorInfo, reset) => ReactNod
 @default "dark"
     - `blur: "none" | "sm" | "md" | "lg"` = "sm" — Strength of the backdrop blur effect.
 @default "sm"
-    - `message: string` — Loading message displayed below the indicator.
+    - `message: string` — Loading message displayed below the indicator. Without a message (and without children),
+a built-in "Loading" text is read to assistive technology in its place.
     - `fixed: boolean` = false — Whether to use position: fixed (covers the whole screen).
 
 When `false` (the default) the overlay is `position: absolute`, so it covers

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.55.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).
+**wimui** v0.56.1 — 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