wimui 0.62.1 → 0.63.0

package/dist/components/overlay/Dropdown/Dropdown.js

@@ -15,6 +15,8 @@ var x = o.createContext({
 	close: () => {},
 	menuId: "",
 	triggerId: "",
+	setTriggerIdOverride: () => {},
+	setMenuIdOverride: () => {},
 	focusedIndex: -1,
 	setFocusedIndex: () => {},
 	registerItem: () => 0,
@@ -43,10 +45,10 @@ var x = o.createContext({
 	let R = () => {
 		let e = M.current;
 		return M.current += 1, e;
-	}, z = u(), B = `wim-dropdown-menu-${z}`, V = `wim-dropdown-trigger-${z}`, H = () => {
+	}, z = u(), [B, V] = f(void 0), [H, U] = f(void 0), W = H ?? `wim-dropdown-menu-${z}`, G = B ?? `wim-dropdown-trigger-${z}`, K = () => {
 		let e = !D;
 		O(e), A(e ? 0 : -1);
-	}, U = c(() => {
+	}, q = c(() => {
 		let e = F.floating.current, t = !!e && e.contains(document.activeElement);
 		O(!1), A(-1), t && F.reference.current?.focus?.({ preventScroll: !0 });
 	}, [
@@ -57,9 +59,9 @@ var x = o.createContext({
 	l(() => {
 		let e = (e) => {
 			let t = e.target, n = F.floating.current?.contains(t) ?? !1;
-			j.current && !j.current.contains(t) && !n && U();
+			j.current && !j.current.contains(t) && !n && q();
 		}, t = (e) => {
-			e.key === "Escape" && U();
+			e.key === "Escape" && q();
 		};
 		return D && (document.addEventListener("mousedown", e), document.addEventListener("keydown", t)), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
@@ -67,9 +69,9 @@ var x = o.createContext({
 	}, [
 		D,
 		F.floating,
-		U
+		q
 	]);
-	let W = (e) => {
+	let J = (e) => {
 		if (!D) return;
 		let t = Array.from((F.floating.current ?? j.current)?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") || []);
 		switch (e.key) {
@@ -85,7 +87,7 @@ var x = o.createContext({
 			case "End":
 				e.preventDefault(), A(t.length - 1);
 				break;
-			case "Tab": U();
+			case "Tab": q();
 		}
 	};
 	l(() => {
@@ -95,14 +97,16 @@ var x = o.createContext({
 		D,
 		F.floating
 	]);
-	let G = o ? e : "div";
+	let Y = o ? e : "div";
 	return /* @__PURE__ */ m(x.Provider, {
 		value: {
 			isOpen: D,
-			toggle: H,
-			close: U,
-			menuId: B,
-			triggerId: V,
+			toggle: K,
+			close: q,
+			menuId: W,
+			triggerId: G,
+			setTriggerIdOverride: V,
+			setMenuIdOverride: U,
 			focusedIndex: k,
 			setFocusedIndex: A,
 			registerItem: R,
@@ -113,56 +117,58 @@ var x = o.createContext({
 			floatingRef: F.floating,
 			setAlign: P
 		},
-		children: /* @__PURE__ */ m(G, {
+		children: /* @__PURE__ */ m(Y, {
 			...C,
 			role: "none",
 			className: p("wim-dropdown", a.root, r),
 			ref: L,
-			onKeyDown: W,
+			onKeyDown: J,
 			children: /* @__PURE__ */ m(t, { children: n })
 		})
 	});
 });
 S.displayName = "Dropdown";
-var C = s(({ children: n, className: r, asChild: s = !1, ...c }, l) => {
-	let { toggle: u, isOpen: d, menuId: f, triggerId: h, setReference: g } = o.useContext(x), _ = s ? e : "div", v = i(g, l);
-	return /* @__PURE__ */ m(_, {
-		...c,
-		ref: v,
-		id: h,
+var C = s(({ children: n, className: r, asChild: s = !1, id: c, ...u }, d) => {
+	let { toggle: f, isOpen: h, menuId: g, triggerId: _, setTriggerIdOverride: v, setReference: y } = o.useContext(x);
+	l(() => (v(c), () => v(void 0)), [c, v]);
+	let b = s ? e : "div", S = i(y, d);
+	return /* @__PURE__ */ m(b, {
+		...u,
+		ref: S,
+		id: c ?? _,
 		className: p(a.trigger, r),
-		onClick: u,
+		onClick: f,
 		"aria-haspopup": "menu",
-		"aria-expanded": d,
-		"aria-controls": d ? f : void 0,
+		"aria-expanded": h,
+		"aria-controls": h ? g : void 0,
 		role: "button",
 		tabIndex: 0,
 		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" && !d) && (e.preventDefault(), u());
+			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" && !h) && (e.preventDefault(), f());
 		},
 		children: /* @__PURE__ */ m(t, { children: n })
 	});
 });
 C.displayName = "Dropdown.Trigger";
-var w = s(({ children: e, className: t, align: r = "left", show: s, style: c, ...u }, d) => {
-	let { isOpen: f, menuId: g, triggerId: _, setFloating: v, floatingStyles: y, setAlign: b } = o.useContext(x);
-	l(() => {
-		b(r);
-	}, [r, b]);
-	let S = i(v, d);
+var w = s(({ children: e, className: t, align: r = "left", show: s, style: c, id: u, "aria-labelledby": d, ...f }, g) => {
+	let { isOpen: _, menuId: v, triggerId: y, setMenuIdOverride: b, setFloating: S, floatingStyles: C, setAlign: w } = o.useContext(x);
+	l(() => (b(u), () => b(void 0)), [u, b]), l(() => {
+		w(r);
+	}, [r, w]);
+	let T = i(S, g);
 	return /* @__PURE__ */ m(h, { children: /* @__PURE__ */ m(n, {
-		...u,
-		ref: S,
-		show: s === void 0 ? f : s,
+		...f,
+		ref: T,
+		show: s === void 0 ? _ : s,
 		preset: "fade",
-		id: g,
+		id: u ?? v,
 		style: {
-			...y,
+			...C,
 			...c
 		},
 		className: p(a.menu, t),
 		role: "menu",
-		"aria-labelledby": _,
+		"aria-labelledby": d ?? y,
 		children: e
 	}) });
 });

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.62.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).
+**wimui** v0.63.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
 
@@ -938,7 +938,7 @@ Useful for using the button styles with Link components (e.g. from React Router
     - `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size of the button
     - `variant: "solid" | "outline" | "ghost"` = "outline" — Visual style variant of the button
     - `intent: ButtonIntent` = "default" — Design intent of the button (visual / semantic state). Unrelated to the ARIA role attribute.
-    - `icon: React.ComponentProps<typeof Icon>["name"] | React.ReactNode` — Icon name or custom icon element
+    - `icon: React.ComponentProps<typeof Icon>["name"] | React.ReactNode` — Icon name or custom icon element. An icon-only button (no children) needs `aria-label` or `aria-labelledby`: the icon name is not used as the accessible name.
     - `iconPosition: "left" | "right"` = "left" — Position of the icon relative to the label
     - `loading: boolean` = false — Whether to show a loading indicator and disable interaction
     - `justify: "start" | "center" | "end" | "between"` = "center" — Horizontal alignment of the button content
@@ -1263,7 +1263,7 @@ text to take a name from, and the icon name is not used as one.
     - `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size of the button
     - `variant: "solid" | "outline" | "ghost"` = "outline" — Visual style variant of the button
     - `intent: ButtonIntent` = "default" — Design intent of the button (visual / semantic state). Unrelated to the ARIA role attribute.
-    - `icon: React.ComponentProps<typeof Icon>["name"] | React.ReactNode` — Icon name or custom icon element
+    - `icon: React.ComponentProps<typeof Icon>["name"] | React.ReactNode` — Icon name or custom icon element. An icon-only button (no children) needs `aria-label` or `aria-labelledby`: the icon name is not used as the accessible name.
     - `loading: boolean` = false — Whether to show a loading indicator and disable interaction
     - `justify: "start" | "center" | "end" | "between"` = "center" — Horizontal alignment of the button content
     - `animateWidth: boolean` = false — Whether to animate the width change when label changes

package/dist/llms.txt

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