@hanzo/ui 8.11.2 → 8.12.0

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.11.2</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.12.0</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.
  *

package/dist/next.cjs

@@ -0,0 +1,81 @@
+'use client';// @hanzo/ui on the web, for BOTH of Next's bundlers.
+//
+//   const { withGui } = require('@hanzo/ui/next')
+//   module.exports = withGui(nextConfig)
+//
+// Every component here renders through @hanzo/gui, which is cross-platform: its
+// dependency graph names `react-native`, and one of those — react-native-svg,
+// under the icon set — reaches real React Native source. That source is Flow,
+// not TypeScript, so a web build does not fail to RESOLVE it, it fails to PARSE
+// it:
+//
+//     Parsing ecmascript source code failed
+//     import type {HostComponent} from '../../src/private/types/HostComponent';
+//
+// which reads as a broken dependency rather than a missing alias. `react-native`
+// on the web IS `react-native-web`; saying so is the whole fix.
+//
+// Declared for both bundlers together, in one file, because that is the failure
+// this replaces: a webpack-only alias is silently absent under Turbopack, so
+// `next dev` and `next build` disagree about whether the app compiles.
+//
+// Node-only (a build-time module) and dependency-free: it takes and returns a
+// plain object, so it does not force `next` into anyone's type graph.
+
+/**
+ * react-native's web spelling, and the asset registry that ships beside it.
+ *
+ * The registry is named separately because it is the one module react-native-web
+ * does not re-export under the same path — an `Image` reaches for
+ * `@react-native/assets-registry/registry` and finds nothing.
+ */
+const ALIAS = {
+  'react-native': 'react-native-web',
+  '@react-native/assets-registry/registry': 'react-native-web/dist/modules/AssetRegistry',
+}
+
+/**
+ * `.web.tsx` before `.tsx`, so a package shipping both halves resolves to the
+ * web one. Without it the native file wins by being listed first, and the
+ * failure is again a parse error inside a dependency.
+ */
+const EXTENSIONS = ['.web.tsx', '.web.ts', '.web.jsx', '.web.js']
+
+/** Webpack's half. */
+function webpackGui(config) {
+  config.resolve = config.resolve || {}
+  config.resolve.alias = { ...config.resolve.alias, ...ALIAS }
+  const had = config.resolve.extensions || ['.tsx', '.ts', '.jsx', '.js']
+  config.resolve.extensions = [...EXTENSIONS, ...had.filter((e) => !EXTENSIONS.includes(e))]
+  return config
+}
+
+/**
+ * Wrap a Next config so @hanzo/ui builds on the web.
+ *
+ * Composes with an existing `webpack()` hook rather than replacing it: a caller
+ * who already has one keeps it, and this runs after.
+ */
+function withGui(nextConfig = {}) {
+  const theirs = nextConfig.webpack
+  return {
+    ...nextConfig,
+    turbopack: {
+      ...nextConfig.turbopack,
+      resolveAlias: { ...(nextConfig.turbopack && nextConfig.turbopack.resolveAlias), ...ALIAS },
+      resolveExtensions: [
+        ...EXTENSIONS,
+        ...((nextConfig.turbopack && nextConfig.turbopack.resolveExtensions) || [
+          '.tsx', '.ts', '.jsx', '.js', '.mjs', '.json',
+        ]),
+      ],
+    },
+    webpack(config, options) {
+      return webpackGui(theirs ? theirs(config, options) : config)
+    },
+  }
+}
+
+module.exports = withGui
+module.exports.withGui = withGui
+module.exports.GUI_ALIAS = ALIAS

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.11.2",
+  "version": "8.12.0",
   "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": {
@@ -206,7 +206,8 @@
       "import": "./dist/types.js",
       "require": "./dist/types.cjs",
       "default": "./dist/types.js"
-    }
+    },
+    "./next": "./dist/next.cjs"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -310,7 +311,7 @@
   "license": "MIT",
   "author": "Hanzo AI <dev@hanzo.ai>",
   "scripts": {
-    "build": "rm -rf dist dist-cjs && tsc -p tsconfig.build.json && tsc -p tsconfig.cjs.json --noCheck && mkdir -p dist/styles && node scripts/compose-theme.mjs && cp src/styles/motion.css dist/styles/motion.css && node scripts/postbuild.mjs && node scripts/gen-css.mjs",
+    "build": "rm -rf dist dist-cjs && tsc -p tsconfig.build.json && tsc -p tsconfig.cjs.json --noCheck && mkdir -p dist/styles && node scripts/compose-theme.mjs && cp src/styles/motion.css dist/styles/motion.css && cp src/next.cjs dist/next.cjs && node scripts/postbuild.mjs && node scripts/gen-css.mjs",
     "clean": "rm -rf dist dist-cjs types",
     "gen:primitives": "node scripts/gen-primitives.mjs",
     "tc": "tsc --noEmit",