@hanzo/ui 8.23.0 → 8.23.1

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.23.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.23.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *
@@ -2301,6 +2301,22 @@ body {
   line-height: inherit;
 }
 
+/* ── An icon inside a control ─────────────────────────────────────────────
+   Decoration, and it must not intercept the click that was aimed at the
+   control. gui wraps a child in a `display: contents` span, which leaves the
+   SVG itself as the topmost thing under the pointer — so a click on a button's
+   icon landed on the `<line>` and never reached the button. Measured on a phone
+   menu whose close button could not be clicked at all.
+
+   Not `pointer-events: none` on every svg: a chart or a map is a control in its
+   own right. Only where one already sits inside something clickable. */
+button svg,
+a svg,
+[role='button'] svg,
+[data-slot='button'] svg {
+  pointer-events: none;
+}
+
 /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
    Hanzo surfaces share. One place defines the easing; components apply the class.
    `className` forwards to the underlying DOM node on web, so the browser

package/dist/styles.css

@@ -2301,6 +2301,22 @@ body {
   line-height: inherit;
 }
 
+/* ── An icon inside a control ─────────────────────────────────────────────
+   Decoration, and it must not intercept the click that was aimed at the
+   control. gui wraps a child in a `display: contents` span, which leaves the
+   SVG itself as the topmost thing under the pointer — so a click on a button's
+   icon landed on the `<line>` and never reached the button. Measured on a phone
+   menu whose close button could not be clicked at all.
+
+   Not `pointer-events: none` on every svg: a chart or a map is a control in its
+   own right. Only where one already sits inside something clickable. */
+button svg,
+a svg,
+[role='button'] svg,
+[data-slot='button'] svg {
+  pointer-events: none;
+}
+
 /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
    Hanzo surfaces share. One place defines the easing; components apply the class.
    `className` forwards to the underlying DOM node on web, so the browser

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.23.0",
+  "version": "8.23.1",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {