@hanzo/ui 8.23.5 → 8.23.6

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.5</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.6</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.
  *
@@ -2815,6 +2815,33 @@ a svg,
    with its content does not need one. */
 :where([data-slot='textarea'], [data-slot='composer-field']) { resize: none; }
 
+/* A top-level nav item.
+ *
+ * `navigationMenuTriggerStyle()` returned this name and nothing declared it, so
+ * every trigger in the estate rendered as bare text: the lux.network nav read as
+ * one run-together string — "AI Cards Ecosystem Network Resources" — because the
+ * only thing separating the items was the list's 4px gap.
+ *
+ * A class name is a string and a string always compiles, which is why this
+ * shipped. `prose.test.ts` now diffs the names the components use against the
+ * names the sheets declare, so a rule cannot go missing again.
+ *
+ * Padding rather than a wider gap: the padding is also the hit area, and a nav
+ * item wants a target bigger than its glyphs. */
+.hz-nav-menu-trigger {
+  padding-inline: 0.75rem;
+  padding-block: 0.5rem;
+  border-radius: var(--radius, 0.5rem);
+  color: var(--muted-foreground);
+  transition: color 150ms, background-color 150ms;
+}
+
+.hz-nav-menu-trigger:hover,
+.hz-nav-menu-trigger[data-state='open'] {
+  color: var(--foreground);
+  background: var(--muted);
+}
+
 ._ovs-contain {overscroll-behavior:contain;}
 .t_unmounted .is_View, .t_unmounted .is_Text { transition: none !important; }
 .is_View { display: flex; align-items: stretch; flex-direction: column; flex-basis: auto; box-sizing: border-box; min-height: 0; min-width: 0; flex-shrink: 0; }

package/dist/styles/motion.css

@@ -456,3 +456,30 @@
    a diagonal hatch drawn by the UA that matches nothing. A composer that grows
    with its content does not need one. */
 :where([data-slot='textarea'], [data-slot='composer-field']) { resize: none; }
+
+/* A top-level nav item.
+ *
+ * `navigationMenuTriggerStyle()` returned this name and nothing declared it, so
+ * every trigger in the estate rendered as bare text: the lux.network nav read as
+ * one run-together string — "AI Cards Ecosystem Network Resources" — because the
+ * only thing separating the items was the list's 4px gap.
+ *
+ * A class name is a string and a string always compiles, which is why this
+ * shipped. `prose.test.ts` now diffs the names the components use against the
+ * names the sheets declare, so a rule cannot go missing again.
+ *
+ * Padding rather than a wider gap: the padding is also the hit area, and a nav
+ * item wants a target bigger than its glyphs. */
+.hz-nav-menu-trigger {
+  padding-inline: 0.75rem;
+  padding-block: 0.5rem;
+  border-radius: var(--radius, 0.5rem);
+  color: var(--muted-foreground);
+  transition: color 150ms, background-color 150ms;
+}
+
+.hz-nav-menu-trigger:hover,
+.hz-nav-menu-trigger[data-state='open'] {
+  color: var(--foreground);
+  background: var(--muted);
+}

package/dist/styles.css

@@ -2815,6 +2815,33 @@ a svg,
    with its content does not need one. */
 :where([data-slot='textarea'], [data-slot='composer-field']) { resize: none; }
 
+/* A top-level nav item.
+ *
+ * `navigationMenuTriggerStyle()` returned this name and nothing declared it, so
+ * every trigger in the estate rendered as bare text: the lux.network nav read as
+ * one run-together string — "AI Cards Ecosystem Network Resources" — because the
+ * only thing separating the items was the list's 4px gap.
+ *
+ * A class name is a string and a string always compiles, which is why this
+ * shipped. `prose.test.ts` now diffs the names the components use against the
+ * names the sheets declare, so a rule cannot go missing again.
+ *
+ * Padding rather than a wider gap: the padding is also the hit area, and a nav
+ * item wants a target bigger than its glyphs. */
+.hz-nav-menu-trigger {
+  padding-inline: 0.75rem;
+  padding-block: 0.5rem;
+  border-radius: var(--radius, 0.5rem);
+  color: var(--muted-foreground);
+  transition: color 150ms, background-color 150ms;
+}
+
+.hz-nav-menu-trigger:hover,
+.hz-nav-menu-trigger[data-state='open'] {
+  color: var(--foreground);
+  background: var(--muted);
+}
+
 ._ovs-contain {overscroll-behavior:contain;}
 .t_unmounted .is_View, .t_unmounted .is_Text { transition: none !important; }
 .is_View { display: flex; align-items: stretch; flex-direction: column; flex-basis: auto; box-sizing: border-box; min-height: 0; min-width: 0; flex-shrink: 0; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.23.5",
+  "version": "8.23.6",
   "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": {