@hanzo/ui 8.0.44 → 8.0.45

package/dist/gui-config.js

@@ -27,6 +27,11 @@ import { createGui } from '@hanzo/gui';
 // names them.
 // ─────────────────────────────────────────────────────────────────────────────
 const GEIST = "'Geist', system-ui, -apple-system, sans-serif";
+/** The numeric/code/id face. Byte-for-byte the stack `.mono` sets in
+ *  styles/motion.css — the class and the `$mono` token have to resolve to the
+ *  same face or the same number renders in two different fonts depending on
+ *  which one a component reached for. */
+const GEIST_MONO = "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
 /** Type — SIX sizes in the app, matching the host's `--text-*` design tokens.
  *  $1 label · $2 nav + dense body · $3 base · $4/$5 emphasis · $6 section head ·
  *  $7 page title · $8+ display. `$5` collapses onto 15 to retire the 16px base
@@ -144,6 +149,12 @@ export const config = createGui({
         ...defaultConfig.fonts,
         body: { ...defaultConfig.fonts.body, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },
         heading: { ...defaultConfig.fonts.heading, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },
+        // `$mono` was NOT defined here, and gui emits NO class for a font token it
+        // does not know — no warning, no fallback, a green build and text that is
+        // simply not monospace. 260 `fontFamily="$mono"` call sites across 74 files
+        // in hanzo.app were dead on that alone. A missing token has to be a defined
+        // token, not a silent no-op, so it is defined.
+        mono: { ...defaultConfig.fonts.body, family: GEIST_MONO, size: FONT_SIZE, lineHeight: LINE_HEIGHT },
     },
 });
 export default config;

package/dist/gui-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"gui-config.js","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"gui-config.js","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"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"}

package/dist/primitives/CardMedia.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardMedia = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var card_1 = require("../backends/gui/card.cjs");
+Object.defineProperty(exports, "CardMedia", { enumerable: true, get: function () { return card_1.CardMedia; } });

package/dist/primitives/CardMedia.d.ts

@@ -0,0 +1,2 @@
+export { CardMedia } from '../backends/gui/card.js';
+//# sourceMappingURL=CardMedia.d.ts.map

package/dist/primitives/CardMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../src/primitives/CardMedia.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/CardMedia.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { CardMedia } from '../backends/gui/card.js';
+//# sourceMappingURL=CardMedia.js.map

package/dist/primitives/CardMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.js","sourceRoot":"","sources":["../../src/primitives/CardMedia.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/Grid.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var grid_1 = require("../backends/gui/grid.cjs");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return grid_1.Grid; } });

package/dist/primitives/Grid.d.ts

@@ -0,0 +1,2 @@
+export { Grid } from '../backends/gui/grid.js';
+//# sourceMappingURL=Grid.d.ts.map

package/dist/primitives/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/primitives/Grid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/Grid.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { Grid } from '../backends/gui/grid.js';
+//# sourceMappingURL=Grid.js.map

package/dist/primitives/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/primitives/Grid.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/primitives/Section.cjs

@@ -0,0 +1,8 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+var section_1 = require("../backends/gui/section.cjs");
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return section_1.Section; } });

package/dist/primitives/Section.d.ts

@@ -0,0 +1,2 @@
+export { Section } from '../backends/gui/section.js';
+//# sourceMappingURL=Section.d.ts.map

package/dist/primitives/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/primitives/Section.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/primitives/Section.js

@@ -0,0 +1,5 @@
+// GENERATED by scripts/gen-primitives.mjs — do not edit. Per-member entrypoint
+// for hosts that modularize `@hanzo/ui` imports. Source of truth:
+// src/backends/gui/index.ts. Re-run: node scripts/gen-primitives.mjs
+export { Section } from '../backends/gui/section.js';
+//# sourceMappingURL=Section.js.map

package/dist/primitives/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/primitives/Section.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,qEAAqE;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/styles/motion.css

@@ -186,3 +186,30 @@
     animation: none;
   }
 }
+
+/* ── Layout guarantees ─────────────────────────────────────────────────────────
+   Two rules, both structural. They are attached to `data-slot` rather than to a
+   class because they are not styling a caller can opt out of — they are the
+   thing the primitive PROMISES, and a class can be overwritten by forgetting to
+   pass it on. */
+
+/* A grid item's initial `min-width` is `auto`, which floors the track at the
+   item's min-content width. One long unbroken string — a hash, a URL, a wide
+   <pre> — then pushes its own column wider and squeezes every sibling, which is
+   the ragged row Grid exists to prevent. The track sizing in grid.tsx is only
+   honoured once this floor is gone. */
+[data-slot='grid'] > * {
+  min-width: 0;
+}
+
+/* Media fills the ratio box instead of setting its own size. Without this an
+   <img> renders at its intrinsic pixel size and either overflows the frame or
+   sits letterboxed inside it, and the ratio the caller asked for is decoration.
+   `display:block` kills the inline-baseline gap under the image. */
+[data-ratio] > img,
+[data-ratio] > video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}

package/dist/styles.css

@@ -402,6 +402,33 @@
   }
 }
 
+/* ── Layout guarantees ─────────────────────────────────────────────────────────
+   Two rules, both structural. They are attached to `data-slot` rather than to a
+   class because they are not styling a caller can opt out of — they are the
+   thing the primitive PROMISES, and a class can be overwritten by forgetting to
+   pass it on. */
+
+/* A grid item's initial `min-width` is `auto`, which floors the track at the
+   item's min-content width. One long unbroken string — a hash, a URL, a wide
+   <pre> — then pushes its own column wider and squeezes every sibling, which is
+   the ragged row Grid exists to prevent. The track sizing in grid.tsx is only
+   honoured once this floor is gone. */
+[data-slot='grid'] > * {
+  min-width: 0;
+}
+
+/* Media fills the ratio box instead of setting its own size. Without this an
+   <img> renders at its intrinsic pixel size and either overflows the frame or
+   sits letterboxed inside it, and the ratio the caller asked for is decoration.
+   `display:block` kills the inline-baseline gap under the image. */
+[data-ratio] > img,
+[data-ratio] > video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
 ._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; }
@@ -424,7 +451,9 @@
 }
 :root .font_heading, :root .t_lang-heading-default .font_heading { --f-family:'Geist', system-ui, -apple-system, sans-serif; --f-lineHeight-1:16px; --f-lineHeight-2:18px; --f-lineHeight-3:20px; --f-lineHeight-4:22px; --f-lineHeight-5:22px; --f-lineHeight-6:24px; --f-lineHeight-7:28px; --f-lineHeight-8:32px; --f-lineHeight-9:32px; --f-lineHeight-10:38px; --f-lineHeight-11:46px; --f-lineHeight-12:54px; --f-lineHeight-13:62px; --f-lineHeight-14:70px; --f-lineHeight-15:86px; --f-lineHeight-16:102px; --f-lineHeight-true:20px; --f-weight-0:600; --f-weight-1:600; --f-weight-2:600; --f-weight-3:600; --f-weight-4:600; --f-weight-5:600; --f-weight-6:700; --f-weight-7:700; --f-weight-8:700; --f-weight-9:800; --f-weight-10:800; --f-weight-11:800; --f-weight-12:800; --f-weight-13:800; --f-weight-14:800; --f-weight-15:800; --f-weight-16:800; --f-weight-true:800; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:0px; --f-letterSpacing-8:0px; --f-letterSpacing-9:0px; --f-letterSpacing-10:0px; --f-letterSpacing-11:0px; --f-letterSpacing-12:0px; --f-letterSpacing-13:0px; --f-letterSpacing-14:0px; --f-letterSpacing-15:0px; --f-letterSpacing-16:0px; --f-letterSpacing-true:0px; --f-size-1:11px; --f-size-2:13px; --f-size-3:14px; --f-size-4:15px; --f-size-5:15px; --f-size-6:17px; --f-size-7:21px; --f-size-8:26px; --f-size-9:26px; --f-size-10:32px; --f-size-11:40px; --f-size-12:48px; --f-size-13:56px; --f-size-14:64px; --f-size-15:80px; --f-size-16:96px; --f-size-true:14px
 }
-.font_body, .font_heading, .is_View {font-family: var(--f-family); letter-spacing: var(--f-letterSpacing-true); line-height: var(--f-lineHeight-true); font-weight: var(--f-weight-true)}
+:root .font_mono, :root .t_lang-mono-default .font_mono { --f-family:'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --f-lineHeight-1:16px; --f-lineHeight-2:18px; --f-lineHeight-3:20px; --f-lineHeight-4:22px; --f-lineHeight-5:22px; --f-lineHeight-6:24px; --f-lineHeight-7:28px; --f-lineHeight-8:32px; --f-lineHeight-9:32px; --f-lineHeight-10:38px; --f-lineHeight-11:46px; --f-lineHeight-12:54px; --f-lineHeight-13:62px; --f-lineHeight-14:70px; --f-lineHeight-15:86px; --f-lineHeight-16:102px; --f-lineHeight-true:20px; --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:0px; --f-letterSpacing-8:0px; --f-letterSpacing-9:0px; --f-letterSpacing-10:0px; --f-letterSpacing-11:0px; --f-letterSpacing-12:0px; --f-letterSpacing-13:0px; --f-letterSpacing-14:0px; --f-letterSpacing-15:0px; --f-letterSpacing-16:0px; --f-letterSpacing-true:0px; --f-size-1:11px; --f-size-2:13px; --f-size-3:14px; --f-size-4:15px; --f-size-5:15px; --f-size-6:17px; --f-size-7:21px; --f-size-8:26px; --f-size-9:26px; --f-size-10:32px; --f-size-11:40px; --f-size-12:48px; --f-size-13:56px; --f-size-14:64px; --f-size-15:80px; --f-size-16:96px; --f-size-true:14px
+}
+.font_body, .font_heading, .font_mono, .is_View {font-family: var(--f-family); letter-spacing: var(--f-letterSpacing-true); line-height: var(--f-lineHeight-true); font-weight: var(--f-weight-true)}
 :root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t0);--color6:var(--t11);--color7:var(--t12);--color8:var(--t13);--color9:var(--t14);--color10:var(--t15);--color11:var(--t16);--color12:var(--t17);--color0:var(--t18);--color02:var(--t19);--color04:var(--t20);--color06:var(--t21);--color08:var(--t22);--color:var(--t17);--colorHover:var(--t22);--colorPress:var(--t17);--colorFocus:var(--t16);--background:var(--t8);--backgroundHover:var(--t9);--backgroundPress:var(--t7);--backgroundFocus:var(--t9);--backgroundActive:var(--t8);--borderColor:var(--t10);--borderColorHover:var(--t0);--borderColorFocus:var(--t10);--borderColorPress:var(--t9);--placeholderColor:var(--t14);--colorTransparent:var(--t18);--black1:var(--t23);--black2:var(--t24);--black3:var(--t25);--black4:var(--t26);--black5:var(--t27);--black6:var(--t28);--black7:var(--t29);--black8:var(--t30);--black9:var(--t31);--black10:var(--t32);--black11:var(--t33);--black12:var(--t34);--white1:var(--t35);--white2:var(--t36);--white3:var(--t37);--white4:var(--t38);--white5:var(--t39);--white6:var(--t40);--white7:var(--t41);--white8:var(--t42);--white9:var(--t43);--white10:var(--t44);--white11:var(--t45);--white12:var(--t46);--white:var(--t47);--white0:var(--t48);--white02:var(--t49);--white04:var(--t50);--white06:var(--t51);--white08:var(--t52);--black:var(--t53);--black0:var(--t54);--black02:var(--t55);--black04:var(--t56);--black06:var(--t57);--black08:var(--t58);--shadow1:var(--t59);--shadow2:var(--t60);--shadow3:var(--t61);--shadow4:var(--t62);--shadow5:var(--t63);--shadow6:var(--t58);--shadow7:var(--t64);--shadow8:var(--t53);--highlight1:var(--t65);--highlight2:var(--t49);--highlight3:var(--t66);--highlight4:var(--t67);--highlight5:var(--t68);--highlight6:var(--t69);--highlight7:var(--t70);--highlight8:var(--t47);--shadowColor:var(--t61);--gray1:var(--t71);--gray2:var(--t25);--gray3:var(--t72);--gray4:var(--t73);--gray5:var(--t74);--gray6:var(--t75);--gray7:var(--t76);--gray8:var(--t77);--gray9:var(--t78);--gray10:var(--t79);--gray11:var(--t80);--gray12:var(--t81);--blue1:var(--t82);--blue2:var(--t83);--blue3:var(--t84);--blue4:var(--t85);--blue5:var(--t86);--blue6:var(--t87);--blue7:var(--t88);--blue8:var(--t89);--blue9:var(--t90);--blue10:var(--t91);--blue11:var(--t92);--blue12:var(--t93);--red1:var(--t94);--red2:var(--t95);--red3:var(--t96);--red4:var(--t97);--red5:var(--t98);--red6:var(--t99);--red7:var(--t100);--red8:var(--t101);--red9:var(--t102);--red10:var(--t103);--red11:var(--t104);--red12:var(--t105);--yellow1:var(--t106);--yellow2:var(--t107);--yellow3:var(--t108);--yellow4:var(--t109);--yellow5:var(--t110);--yellow6:var(--t111);--yellow7:var(--t112);--yellow8:var(--t113);--yellow9:var(--t114);--yellow10:var(--t115);--yellow11:var(--t116);--yellow12:var(--t117);--green1:var(--t118);--green2:var(--t119);--green3:var(--t120);--green4:var(--t121);--green5:var(--t122);--green6:var(--t123);--green7:var(--t124);--green8:var(--t125);--green9:var(--t126);--green10:var(--t127);--green11:var(--t128);--green12:var(--t129);--orange1:var(--t130);--orange2:var(--t131);--orange3:var(--t132);--orange4:var(--t133);--orange5:var(--t134);--orange6:var(--t135);--orange7:var(--t136);--orange8:var(--t137);--orange9:var(--t138);--orange10:var(--t139);--orange11:var(--t140);--orange12:var(--t141);--pink1:var(--t142);--pink2:var(--t143);--pink3:var(--t144);--pink4:var(--t145);--pink5:var(--t146);--pink6:var(--t147);--pink7:var(--t148);--pink8:var(--t149);--pink9:var(--t150);--pink10:var(--t151);--pink11:var(--t152);--pink12:var(--t153);--purple1:var(--t154);--purple2:var(--t155);--purple3:var(--t156);--purple4:var(--t157);--purple5:var(--t158);--purple6:var(--t159);--purple7:var(--t160);--purple8:var(--t161);--purple9:var(--t162);--purple10:var(--t163);--purple11:var(--t164);--purple12:var(--t165);--teal1:var(--t166);--teal2:var(--t167);--teal3:var(--t168);--teal4:var(--t169);--teal5:var(--t170);--teal6:var(--t171);--teal7:var(--t172);--teal8:var(--t173);--teal9:var(--t174);--teal10:var(--t175);--teal11:var(--t176);--teal12:var(--t177);--neutral1:var(--t178);--neutral2:var(--t179);--neutral3:var(--t180);--neutral4:var(--t41);--neutral5:var(--t181);--neutral6:var(--t182);--neutral7:var(--t183);--neutral8:var(--t184);--neutral9:var(--t185);--neutral10:var(--t186);--neutral11:var(--t187);--neutral12:var(--t188);--accent1:var(--t17);--accent2:var(--t189);--accent3:var(--t1);--accent4:var(--t190);--accent5:var(--t16);--accent6:var(--t191);--accent7:var(--t192);--accent8:var(--t193);--accent9:var(--t194);--accent10:var(--t0);--accent11:var(--t10);--accent12:var(--t195);--color01:var(--t196);--color0075:var(--t197);--color005:var(--t198);--color0025:var(--t199);--color002:var(--t200);--color001:var(--t201);--background01:var(--t202);--background0075:var(--t203);--background005:var(--t204);--background0025:var(--t205);--background002:var(--t206);--background001:var(--t207);--outlineColor:var(--t208);}
 @media(prefers-color-scheme:dark){
     body{background:var(--background);color:var(--color)}
@@ -975,6 +1004,7 @@
     .t_yellow_SwitchThumb, .t_yellow_Tooltip, .t_yellow_accent {--accentBackground:var(--t15);--accentColor:var(--t9);--background0:var(--t1049);--background02:var(--t1034);--background04:var(--t1035);--background06:var(--t1036);--background08:var(--t1037);--color1:var(--t1048);--color2:var(--t1047);--color3:var(--t1046);--color4:var(--t594);--color5:var(--t1045);--color6:var(--t1044);--color7:var(--t1043);--color8:var(--t1042);--color9:var(--t1041);--color10:var(--t1040);--color11:var(--t1039);--color12:var(--t1038);--color0:var(--t1033);--color02:var(--t1067);--color04:var(--t1068);--color06:var(--t1069);--color08:var(--t1070);--color:var(--t1038);--colorHover:var(--t1038);--colorPress:var(--t1038);--colorFocus:var(--t1070);--background:var(--t1047);--backgroundHover:var(--t1048);--backgroundPress:var(--t1046);--backgroundFocus:var(--t1046);--backgroundActive:var(--t1047);--borderColor:var(--t594);--borderColorHover:var(--t1046);--borderColorFocus:var(--t594);--borderColorPress:var(--t1045);--placeholderColor:var(--t1041);--colorTransparent:var(--t1033);--color01:var(--t1054);--color0075:var(--t1055);--color005:var(--t1056);--color0025:var(--t1057);--color002:var(--t1058);--color001:var(--t1059);--background01:var(--t1060);--background0075:var(--t1061);--background005:var(--t1062);--background0025:var(--t1063);--background002:var(--t1064);--background001:var(--t1065);--outlineColor:var(--t1066);}
   }
 .t_light_yellow_SwitchThumb ::selection, .t_light_yellow_Tooltip ::selection, .t_light_yellow_accent ::selection{background:var(--color5);color:var(--color11)}
+:root ._aspectRatio-1--6{aspect-ratio:1.6;}
 :root ._aspectRatio-1--77777777771627090080{aspect-ratio:1.7777777777777777;}
 :root ._b-0px{bottom:0px;}
 :root ._bblr-100000px{border-bottom-left-radius:100000px;}
@@ -1017,9 +1047,11 @@
 :root:root:root  ._borderBottomColor-0active-borderColor77378595._borderBottomColor-0active-borderColor77378595:active{border-bottom-color:var(--borderColorPress) !important;}
 :root:root:root:root  ._borderBottomColor-0focus-borderColor68052152._borderBottomColor-0focus-borderColor68052152:focus{border-bottom-color:var(--borderColorFocus) !important;}
 :root:root:root:root  ._borderBottomColor-0focus-color06._borderBottomColor-0focus-color06:focus{border-bottom-color:var(--color06) !important;}
+:root:root:root:root  ._borderBottomColor-0focus-color8._borderBottomColor-0focus-color8:focus{border-bottom-color:var(--color8) !important;}
 @media (hover) {:root:root  ._borderBottomColor-0hover-borderColor69916956._borderBottomColor-0hover-borderColor69916956:hover{border-bottom-color:var(--borderColorHover) !important;}}
 @media (hover) {:root:root  ._borderBottomColor-0hover-color6._borderBottomColor-0hover-color6:hover{border-bottom-color:var(--color6) !important;}}
 @media (hover) {:root:root  ._borderBottomColor-0hover-color7._borderBottomColor-0hover-color7:hover{border-bottom-color:var(--color7) !important;}}
+@media (hover) {:root:root  ._borderBottomColor-0hover-color8._borderBottomColor-0hover-color8:hover{border-bottom-color:var(--color8) !important;}}
 :root ._borderBottomColor-backgroundF3405682._borderBottomColor-backgroundF3405682{border-bottom-color:var(--backgroundFocus);}
 :root ._borderBottomColor-borderColor._borderBottomColor-borderColor{border-bottom-color:var(--borderColor);}
 :root ._borderBottomColor-color6._borderBottomColor-color6{border-bottom-color:var(--color6);}
@@ -1030,9 +1062,11 @@
 :root:root:root  ._borderLeftColor-0active-borderColor77378595._borderLeftColor-0active-borderColor77378595:active{border-left-color:var(--borderColorPress) !important;}
 :root:root:root:root  ._borderLeftColor-0focus-borderColor68052152._borderLeftColor-0focus-borderColor68052152:focus{border-left-color:var(--borderColorFocus) !important;}
 :root:root:root:root  ._borderLeftColor-0focus-color06._borderLeftColor-0focus-color06:focus{border-left-color:var(--color06) !important;}
+:root:root:root:root  ._borderLeftColor-0focus-color8._borderLeftColor-0focus-color8:focus{border-left-color:var(--color8) !important;}
 @media (hover) {:root:root  ._borderLeftColor-0hover-borderColor69916956._borderLeftColor-0hover-borderColor69916956:hover{border-left-color:var(--borderColorHover) !important;}}
 @media (hover) {:root:root  ._borderLeftColor-0hover-color6._borderLeftColor-0hover-color6:hover{border-left-color:var(--color6) !important;}}
 @media (hover) {:root:root  ._borderLeftColor-0hover-color7._borderLeftColor-0hover-color7:hover{border-left-color:var(--color7) !important;}}
+@media (hover) {:root:root  ._borderLeftColor-0hover-color8._borderLeftColor-0hover-color8:hover{border-left-color:var(--color8) !important;}}
 :root ._borderLeftColor-backgroundF3405682._borderLeftColor-backgroundF3405682{border-left-color:var(--backgroundFocus);}
 :root ._borderLeftColor-borderColor._borderLeftColor-borderColor{border-left-color:var(--borderColor);}
 :root ._borderLeftColor-color6._borderLeftColor-color6{border-left-color:var(--color6);}
@@ -1043,9 +1077,11 @@
 :root:root:root  ._brc-0active-borderColor77378595._brc-0active-borderColor77378595:active{border-right-color:var(--borderColorPress) !important;}
 :root:root:root:root  ._brc-0focus-borderColor68052152._brc-0focus-borderColor68052152:focus{border-right-color:var(--borderColorFocus) !important;}
 :root:root:root:root  ._brc-0focus-color06._brc-0focus-color06:focus{border-right-color:var(--color06) !important;}
+:root:root:root:root  ._brc-0focus-color8._brc-0focus-color8:focus{border-right-color:var(--color8) !important;}
 @media (hover) {:root:root  ._brc-0hover-borderColor69916956._brc-0hover-borderColor69916956:hover{border-right-color:var(--borderColorHover) !important;}}
 @media (hover) {:root:root  ._brc-0hover-color6._brc-0hover-color6:hover{border-right-color:var(--color6) !important;}}
 @media (hover) {:root:root  ._brc-0hover-color7._brc-0hover-color7:hover{border-right-color:var(--color7) !important;}}
+@media (hover) {:root:root  ._brc-0hover-color8._brc-0hover-color8:hover{border-right-color:var(--color8) !important;}}
 :root ._brc-backgroundF3405682._brc-backgroundF3405682{border-right-color:var(--backgroundFocus);}
 :root ._brc-borderColor._brc-borderColor{border-right-color:var(--borderColor);}
 :root ._brc-color6._brc-color6{border-right-color:var(--color6);}
@@ -1057,9 +1093,11 @@
 :root:root:root  ._btc-0active-borderColor77378595._btc-0active-borderColor77378595:active{border-top-color:var(--borderColorPress) !important;}
 :root:root:root:root  ._btc-0focus-borderColor68052152._btc-0focus-borderColor68052152:focus{border-top-color:var(--borderColorFocus) !important;}
 :root:root:root:root  ._btc-0focus-color06._btc-0focus-color06:focus{border-top-color:var(--color06) !important;}
+:root:root:root:root  ._btc-0focus-color8._btc-0focus-color8:focus{border-top-color:var(--color8) !important;}
 @media (hover) {:root:root  ._btc-0hover-borderColor69916956._btc-0hover-borderColor69916956:hover{border-top-color:var(--borderColorHover) !important;}}
 @media (hover) {:root:root  ._btc-0hover-color6._btc-0hover-color6:hover{border-top-color:var(--color6) !important;}}
 @media (hover) {:root:root  ._btc-0hover-color7._btc-0hover-color7:hover{border-top-color:var(--color7) !important;}}
+@media (hover) {:root:root  ._btc-0hover-color8._btc-0hover-color8:hover{border-top-color:var(--color8) !important;}}
 :root ._btc-backgroundF3405682._btc-backgroundF3405682{border-top-color:var(--backgroundFocus);}
 :root ._btc-borderColor._btc-borderColor{border-top-color:var(--borderColor);}
 :root ._btc-color6._btc-color6{border-top-color:var(--color6);}
@@ -1114,6 +1152,7 @@
 :root ._fw-f-weight-1{font-weight:var(--f-weight-1);}
 :root ._fw-f-weight-2{font-weight:var(--f-weight-2);}
 :root ._fw-f-weight-3{font-weight:var(--f-weight-3);}
+:root ._fw-f-weight-4{font-weight:var(--f-weight-4);}
 :root ._fwr-nowrap{flex-wrap:nowrap;}
 :root ._gap-24px{gap:24px;}
 :root ._gap-2px{gap:2px;}
@@ -1128,13 +1167,13 @@
 :root ._height-20px{height:20px;}
 :root ._height-32px{height:32px;}
 :root ._height-36px{height:36px;}
-:root ._height-40px{height:40px;}
 :root ._height-44px{height:44px;}
 :root ._height-60px{height:60px;}
 :root ._height-6px{height:6px;}
 :root ._height-7px{height:7px;}
 :root ._height-80px{height:80px;}
 :root ._height-8px{height:8px;}
+:root ._height-auto{height:auto;}
 :root ._height-initial{height:initial;}
 :root ._items-center{align-items:center;}
 :root ._items-flex-start{align-items:flex-start;}
@@ -1163,10 +1202,13 @@
 :root ._maxW-10037{max-width:100%;}
 :root ._maxW-16px{max-width:16px;}
 :root ._maxW-32px{max-width:32px;}
+:root ._maxW-600px{max-width:600px;}
 :root ._minH-16px{min-height:16px;}
 :root ._minH-24px{min-height:24px;}
 :root ._minH-29px{min-height:29px;}
 :root ._minH-32px{min-height:32px;}
+:root ._minH-36px{min-height:36px;}
+:root ._minH-40px{min-height:40px;}
 :root ._minH-44px{min-height:44px;}
 :root ._minH-64px{min-height:64px;}
 :root ._minH-c-size-true{min-height:var(--c-size-true);}
@@ -1174,16 +1216,22 @@
 :root ._minW-16px{min-width:16px;}
 :root ._minW-220px{min-width:220px;}
 :root ._minW-32px{min-width:32px;}
+:root ._minW-36px{min-width:36px;}
+:root ._minW-40px{min-width:40px;}
 :root ._ml-auto{margin-left:auto;}
+:root ._mt--24px{margin-top:-24px;}
 :root ._o-0{opacity:0;}
 :root ._o-0--5{opacity:0.5;}
 @media (hover) {:root:root  ._o-0hover-0--8:hover{opacity:0.8 !important;}}
 @media (hover) {:root:root  ._o-0hover-0--9:hover{opacity:0.9 !important;}}
 :root ._o-1{opacity:1;}
+:root:root:root:root  ._outlineColor-0focus-color8._outlineColor-0focus-color8:focus{outline-color:var(--color8) !important;}
 :root:root:root:root  ._outlineColor-0focus-visible-outlineColo114._outlineColor-0focus-visible-outlineColo114:focus-visible{outline-color:var(--outlineColor) !important;}
+:root:root:root:root  ._outlineStyle-0focus-solid._outlineStyle-0focus-solid:focus{outline-style:solid !important;}
 :root:root:root:root  ._outlineStyle-0focus-visible-none._outlineStyle-0focus-visible-none:focus-visible{outline-style:none !important;}
 :root:root:root:root  ._outlineStyle-0focus-visible-solid._outlineStyle-0focus-visible-solid:focus-visible{outline-style:solid !important;}
 :root ._outlineStyle-none._outlineStyle-none{outline-style:none;}
+:root:root:root:root  ._outlineWidth-0focus-2px._outlineWidth-0focus-2px:focus{outline-width:2px !important;}
 :root:root:root:root  ._outlineWidth-0focus-visible-0px._outlineWidth-0focus-visible-0px:focus-visible{outline-width:0px !important;}
 :root:root:root:root  ._outlineWidth-0focus-visible-2px._outlineWidth-0focus-visible-2px:focus-visible{outline-width:2px !important;}
 :root ._outlineWidth-0px._outlineWidth-0px{outline-width:0px;}
@@ -1194,8 +1242,10 @@
 :root ._pb-24px{padding-bottom:24px;}
 :root ._pb-2px{padding-bottom:2px;}
 :root ._pb-3px{padding-bottom:3px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pb-_md_c-space-8{padding-bottom:var(--c-space-8);}}
 :root ._pb-c-space-1{padding-bottom:var(--c-space-1);}
 :root ._pb-c-space-1--53{padding-bottom:var(--c-space-1--5);}
+:root ._pb-c-space-11{padding-bottom:var(--c-space-11);}
 :root ._pb-c-space-2--53{padding-bottom:var(--c-space-2--5);}
 :root ._pb-c-space-3{padding-bottom:var(--c-space-3);}
 :root ._pb-c-space-4{padding-bottom:var(--c-space-4);}
@@ -1207,6 +1257,7 @@
 :root ._pl-24px{padding-left:24px;}
 :root ._pl-2px{padding-left:2px;}
 :root ._pl-3px{padding-left:3px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pl-_md_c-space-4{padding-left:var(--c-space-4);}}
 :root ._pl-c-space-1{padding-left:var(--c-space-1);}
 :root ._pl-c-space-2{padding-left:var(--c-space-2);}
 :root ._pl-c-space-2--53{padding-left:var(--c-space-2--5);}
@@ -1224,6 +1275,7 @@
 :root ._pr-2px{padding-right:2px;}
 :root ._pr-36px{padding-right:36px;}
 :root ._pr-3px{padding-right:3px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pr-_md_c-space-4{padding-right:var(--c-space-4);}}
 :root ._pr-c-space-1{padding-right:var(--c-space-1);}
 :root ._pr-c-space-2{padding-right:var(--c-space-2);}
 :root ._pr-c-space-2--53{padding-right:var(--c-space-2--5);}
@@ -1237,8 +1289,10 @@
 :root ._pt-24px{padding-top:24px;}
 :root ._pt-2px{padding-top:2px;}
 :root ._pt-3px{padding-top:3px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pt-_md_c-space-8{padding-top:var(--c-space-8);}}
 :root ._pt-c-space-1{padding-top:var(--c-space-1);}
 :root ._pt-c-space-1--53{padding-top:var(--c-space-1--5);}
+:root ._pt-c-space-11{padding-top:var(--c-space-11);}
 :root ._pt-c-space-2--53{padding-top:var(--c-space-2--5);}
 :root ._pt-c-space-3{padding-top:var(--c-space-3);}
 :root ._pt-c-space-4{padding-top:var(--c-space-4);}
@@ -1246,6 +1300,7 @@
 :root ._r-12px{right:12px;}
 :root ._r-6037{right:60%;}
 :root ._select-none{user-select:none;-webkit-user-select:none;}
+:root ._self-center{align-self:center;}
 :root ._self-flex-end{align-self:flex-end;}
 :root ._self-flex-start{align-self:flex-start;}
 :root ._self-stretch{align-self:stretch;}
@@ -1269,8 +1324,8 @@
 :root ._width-20037{width:200%;}
 :root ._width-32px{width:32px;}
 :root ._width-36px{width:36px;}
-:root ._width-40px{width:40px;}
 :root ._width-4px{width:4px;}
+:root ._width-auto{width:auto;}
 :root ._ws-nowrap{white-space:nowrap;}
 :root ._ws-pre-wrap{white-space:pre-wrap;}
 :root ._z-0{z-index:0;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.44",
+  "version": "8.0.45",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/tokens. 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": {