@hanzo/ui 8.0.86 → 8.0.87

package/dist/box.cjs

@@ -15,9 +15,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * part-way through the move renders the same either way — the converted classes
  * come from gui, the rest from whatever still serves them.
  *
- * A `<div>` is `display: block` and a Stack is flex, which agree for a column
- * of full-width children and disagree for inline content. Text belongs in a
- * Text, and this is for the boxes around it.
+ * A `<div>` is `display: block`; a gui Stack is flex-column. Those disagree, so
+ * Box states the div's default and lets a class override it — a `flex` class
+ * says flex, and silence says block. Taking the Stack's default instead turned
+ * 77 of 225 elements on one page into flex containers that were never asked to
+ * be: an inline run became a column, a heading's width collapsed to its text,
+ * and a page grew 8% taller.
  */
 const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
@@ -26,6 +29,6 @@ exports.Box = (0, react_1.forwardRef)(function Box({ className, children, ...res
     const { props, rest: unread } = (0, tw_1.tw)(className);
     // Explicit props win: a caller who states a value directly means it, and the
     // classes are what they are migrating away from.
-    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ref: ref, ...props, ...rest, className: unread || undefined, children: children }));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ref: ref, display: "block", ...props, ...rest, className: unread || undefined, children: children }));
 });
 exports.default = exports.Box;

package/dist/box.d.ts

@@ -10,9 +10,12 @@
  * part-way through the move renders the same either way — the converted classes
  * come from gui, the rest from whatever still serves them.
  *
- * A `<div>` is `display: block` and a Stack is flex, which agree for a column
- * of full-width children and disagree for inline content. Text belongs in a
- * Text, and this is for the boxes around it.
+ * A `<div>` is `display: block`; a gui Stack is flex-column. Those disagree, so
+ * Box states the div's default and lets a class override it — a `flex` class
+ * says flex, and silence says block. Taking the Stack's default instead turned
+ * 77 of 225 elements on one page into flex containers that were never asked to
+ * be: an inline run became a column, a heading's width collapsed to its text,
+ * and a page grew 8% taller.
  */
 import { type ReactNode } from 'react';
 import { YStack } from '@hanzo/gui';

package/dist/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAE1C,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,GAAG,uGAYd,CAAA;AAEF,eAAe,GAAG,CAAA"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAE1C,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,GAAG,uGAkBd,CAAA;AAEF,eAAe,GAAG,CAAA"}

package/dist/box.js

@@ -12,9 +12,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * part-way through the move renders the same either way — the converted classes
  * come from gui, the rest from whatever still serves them.
  *
- * A `<div>` is `display: block` and a Stack is flex, which agree for a column
- * of full-width children and disagree for inline content. Text belongs in a
- * Text, and this is for the boxes around it.
+ * A `<div>` is `display: block`; a gui Stack is flex-column. Those disagree, so
+ * Box states the div's default and lets a class override it — a `flex` class
+ * says flex, and silence says block. Taking the Stack's default instead turned
+ * 77 of 225 elements on one page into flex containers that were never asked to
+ * be: an inline run became a column, a heading's width collapsed to its text,
+ * and a page grew 8% taller.
  */
 import { forwardRef } from 'react';
 import { YStack } from '@hanzo/gui';
@@ -23,7 +26,7 @@ export const Box = forwardRef(function Box({ className, children, ...rest }, ref
     const { props, rest: unread } = tw(className);
     // Explicit props win: a caller who states a value directly means it, and the
     // classes are what they are migrating away from.
-    return (_jsx(YStack, { ref: ref, ...props, ...rest, className: unread || undefined, children: children }));
+    return (_jsx(YStack, { ref: ref, display: "block", ...props, ...rest, className: unread || undefined, children: children }));
 });
 export default Box;
 //# sourceMappingURL=box.js.map

package/dist/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,EAAE,EAAmB,MAAM,MAAM,CAAA;AAO1C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAgB,SAAS,GAAG,CACvD,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAChC,GAAG;IAEH,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7C,6EAA6E;IAC7E,iDAAiD;IACjD,OAAO,CACL,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAO,KAAgB,KAAM,IAAI,EAAE,SAAS,EAAE,MAAM,IAAI,SAAS,YAC9E,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,EAAE,EAAmB,MAAM,MAAM,CAAA;AAO1C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAgB,SAAS,GAAG,CACvD,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAChC,GAAG;IAEH,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7C,6EAA6E;IAC7E,iDAAiD;IACjD,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,KACV,KAAgB,KACjB,IAAI,EACR,SAAS,EAAE,MAAM,IAAI,SAAS,YAE7B,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}

package/dist/styles.css

@@ -2230,6 +2230,7 @@
 :root ._cur-pointer{cursor:pointer;}
 :root ._cur-row-resize{cursor:row-resize;}
 :root ._direction-ltr{direction:ltr;}
+:root ._dsp-block{display:block;}
 :root ._dsp-flex{display:flex;}
 :root ._dsp-inline-flex{display:inline-flex;}
 :root ._dsp-none{display:none;}

package/package.json

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