@hanzo/ui 8.0.63 → 8.0.65

package/README.md

@@ -119,7 +119,7 @@ registerField('rating', { Display: MyStars, Input: MyStarPicker })
 ```tsx
 import { Hanzo } from '@hanzo/ui'
 
-<Hanzo analytics={{ product: 'console', ingestKey: process.env.NEXT_PUBLIC_EVENT_INGEST_KEY }}>
+<Hanzo analytics={{ product: 'console', ingestKey: process.env.NEXT_PUBLIC_PUBLISHABLE_KEY }}>
   <App />
 </Hanzo>
 ```
@@ -183,8 +183,8 @@ in **both** directions, because that is what explicit means. Beyond that:
 
 `ingestKey` is a publishable `pk-…` — write-only, safe in a bundle, minted per
 org with `POST /v1/keys {"type":"publishable"}`. Omit it and the client reads
-`NEXT_PUBLIC_EVENT_INGEST_KEY` from the build env, which is the spelling the
-fleet already carries end to end (KMS holds `deploy/EVENT_INGEST_KEY`; the
+`NEXT_PUBLIC_PUBLISHABLE_KEY` from the build env, which is the spelling the
+fleet already carries end to end (KMS holds `deploy/PUBLISHABLE_KEY`; the
 Dockerfile takes it as a build-arg and re-exports it with the `NEXT_PUBLIC_`
 prefix Next needs to inline it). A surface with no key reports only for whoever
 is signed in and silently drops every logged-out visitor — the door refuses an

package/dist/backends/gui/index.cjs

@@ -17,7 +17,8 @@
 //   node scripts/gen-primitives.mjs
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.Checkbox = exports.CardMedia = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.AspectRatio = void 0;
-exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Slider = exports.Separator = exports.Section = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.ResizableHandle = exports.ResizablePanel = exports.ResizablePanelGroup = exports.Progress = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.Input = exports.Grid = exports.Glass = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = void 0;
+exports.Section = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Image = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = exports.ResizableHandle = exports.ResizablePanel = exports.ResizablePanelGroup = exports.Progress = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.Input = exports.Grid = exports.Glass = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = void 0;
+exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Slider = exports.Separator = void 0;
 var aspect_ratio_1 = require("./aspect-ratio.cjs");
 Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return aspect_ratio_1.AspectRatio; } });
 var avatar_1 = require("./avatar.cjs");
@@ -102,6 +103,30 @@ var resizable_1 = require("./resizable.cjs");
 Object.defineProperty(exports, "ResizablePanelGroup", { enumerable: true, get: function () { return resizable_1.ResizablePanelGroup; } });
 Object.defineProperty(exports, "ResizablePanel", { enumerable: true, get: function () { return resizable_1.ResizablePanel; } });
 Object.defineProperty(exports, "ResizableHandle", { enumerable: true, get: function () { return resizable_1.ResizableHandle; } });
+// The layout primitives. Without these an app cannot obey "import from
+// @hanzo/ui" — it has to reach past this package to @hanzo/gui, which is how
+// 216 files in hanzo.app ended up doing exactly that. See ./layout.
+var layout_1 = require("./layout.cjs");
+Object.defineProperty(exports, "XStack", { enumerable: true, get: function () { return layout_1.XStack; } });
+Object.defineProperty(exports, "YStack", { enumerable: true, get: function () { return layout_1.YStack; } });
+Object.defineProperty(exports, "ZStack", { enumerable: true, get: function () { return layout_1.ZStack; } });
+Object.defineProperty(exports, "SizableText", { enumerable: true, get: function () { return layout_1.SizableText; } });
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return layout_1.Paragraph; } });
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return layout_1.Heading; } });
+Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return layout_1.H1; } });
+Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return layout_1.H2; } });
+Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return layout_1.H3; } });
+Object.defineProperty(exports, "H4", { enumerable: true, get: function () { return layout_1.H4; } });
+Object.defineProperty(exports, "H5", { enumerable: true, get: function () { return layout_1.H5; } });
+Object.defineProperty(exports, "H6", { enumerable: true, get: function () { return layout_1.H6; } });
+Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return layout_1.Span; } });
+Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return layout_1.Strong; } });
+Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return layout_1.Em; } });
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return layout_1.Image; } });
+Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return layout_1.Spacer; } });
+Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return layout_1.ScrollView; } });
+Object.defineProperty(exports, "View", { enumerable: true, get: function () { return layout_1.View; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return layout_1.Text; } });
 var scroll_area_1 = require("./scroll-area.cjs");
 Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return scroll_area_1.ScrollArea; } });
 Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return scroll_area_1.ScrollBar; } });

package/dist/backends/gui/index.d.ts

@@ -15,6 +15,7 @@ export { Label } from './label.js';
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose } from './popover.js';
 export { Progress } from './progress.js';
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableHandleProps, } from './resizable.js';
+export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Image, Spacer, ScrollView, View, Text, type GuiElement, } from './layout.js';
 export { ScrollArea, ScrollBar } from './scroll-area.js';
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select.js';
 export { Section, type SectionProps } from './section.js';

package/dist/backends/gui/index.d.ts.map

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

package/dist/backends/gui/index.js

@@ -31,6 +31,10 @@ export { Label } from './label.js';
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose } from './popover.js';
 export { Progress } from './progress.js';
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from './resizable.js';
+// The layout primitives. Without these an app cannot obey "import from
+// @hanzo/ui" — it has to reach past this package to @hanzo/gui, which is how
+// 216 files in hanzo.app ended up doing exactly that. See ./layout.
+export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Image, Spacer, ScrollView, View, Text, } from './layout.js';
 export { ScrollArea, ScrollBar } from './scroll-area.js';
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select.js';
 export { Section } from './section.js';

package/dist/backends/gui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,EAAE;AACF,kFAAkF;AAClF,4EAA4E;AAC5E,uEAAuE;AACvE,EAAE;AACF,4EAA4E;AAC5E,iFAAiF;AACjF,+EAA+E;AAC/E,0BAA0B;AAC1B,EAAE;AACF,6DAA6D;AAC7D,6EAA6E;AAC7E,iFAAiF;AACjF,+CAA+C;AAC/C,oCAAoC;AAEpC,OAAO,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAsC,MAAM,SAAS,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAyD,MAAM,UAAU,CAAA;AACxG,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,SAAS,GAEV,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AACnF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GAGjB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GAEvB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,eAAe,GAIhB,MAAM,aAAa,CAAA;AACpB,uEAAuE;AACvE,6EAA6E;AAC7E,oEAAoE;AACpE,OAAO,EACL,MAAM,EAAE,MAAM,EAAE,MAAM,EACtB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EACzE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAEtC,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA"}

package/dist/backends/gui/layout.cjs

@@ -0,0 +1,55 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Image = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = void 0;
+/**
+ * LAYOUT — the primitives an app lays a screen out with.
+ *
+ * These are re-exports of @hanzo/gui, and that is the whole point: this package
+ * is declared to be "the canonical component API apps import", but it shipped
+ * Button, Card and Dialog while omitting the stacks and the type scale. So no
+ * app could actually obey the rule. Measured in hanzo.app: 216 files import
+ * @hanzo/gui DIRECTLY — YStack (199), XStack (185), SizableText (185),
+ * Paragraph (161), H3 (66), H1 (43), Anchor (41), H2 (39), Image (20), H4 (15),
+ * View, Text, GuiElement — because there was nowhere else to get them.
+ *
+ * An app reaching past its component library is not a style problem. It is the
+ * library failing to be the one door: the app then pins its own @hanzo/gui
+ * version, resolves a second copy of the runtime (which is how "Missing theme."
+ * happens), and every primitive it draws sits outside anything this package can
+ * restyle, theme or fix centrally.
+ *
+ * So: ONE import source. `@hanzo/gui` is an implementation detail of
+ * `@hanzo/ui`, named in exactly one place — here.
+ *
+ * Named, never `export *`: this is a client boundary and Next refuses a star
+ * across one ("It's currently unsupported to use `export *` in a client
+ * boundary"), and a star also defeats tree-shaking, so importing XStack would
+ * drag the whole gui surface in. Same rule the root barrel already follows.
+ */
+var gui_1 = require("@hanzo/gui");
+// Stacks — @hanzogui/stacks
+Object.defineProperty(exports, "XStack", { enumerable: true, get: function () { return gui_1.XStack; } });
+Object.defineProperty(exports, "YStack", { enumerable: true, get: function () { return gui_1.YStack; } });
+Object.defineProperty(exports, "ZStack", { enumerable: true, get: function () { return gui_1.ZStack; } });
+// Type scale — @hanzogui/text. `SizableText` is the workhorse; the headings
+// carry the scale so a screen never hand-picks a font size.
+Object.defineProperty(exports, "SizableText", { enumerable: true, get: function () { return gui_1.SizableText; } });
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return gui_1.Paragraph; } });
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return gui_1.Heading; } });
+Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return gui_1.H1; } });
+Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return gui_1.H2; } });
+Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return gui_1.H3; } });
+Object.defineProperty(exports, "H4", { enumerable: true, get: function () { return gui_1.H4; } });
+Object.defineProperty(exports, "H5", { enumerable: true, get: function () { return gui_1.H5; } });
+Object.defineProperty(exports, "H6", { enumerable: true, get: function () { return gui_1.H6; } });
+Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return gui_1.Span; } });
+Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return gui_1.Strong; } });
+Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return gui_1.Em; } });
+// Leaves — an image, a rule, a gap, a scroller.
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return gui_1.Image; } });
+Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return gui_1.Spacer; } });
+Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return gui_1.ScrollView; } });
+// The untyped hosts, for the rare case a component needs a bare box.
+Object.defineProperty(exports, "View", { enumerable: true, get: function () { return gui_1.View; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return gui_1.Text; } });

package/dist/backends/gui/layout.d.ts

@@ -0,0 +1,28 @@
+/**
+ * LAYOUT — the primitives an app lays a screen out with.
+ *
+ * These are re-exports of @hanzo/gui, and that is the whole point: this package
+ * is declared to be "the canonical component API apps import", but it shipped
+ * Button, Card and Dialog while omitting the stacks and the type scale. So no
+ * app could actually obey the rule. Measured in hanzo.app: 216 files import
+ * @hanzo/gui DIRECTLY — YStack (199), XStack (185), SizableText (185),
+ * Paragraph (161), H3 (66), H1 (43), Anchor (41), H2 (39), Image (20), H4 (15),
+ * View, Text, GuiElement — because there was nowhere else to get them.
+ *
+ * An app reaching past its component library is not a style problem. It is the
+ * library failing to be the one door: the app then pins its own @hanzo/gui
+ * version, resolves a second copy of the runtime (which is how "Missing theme."
+ * happens), and every primitive it draws sits outside anything this package can
+ * restyle, theme or fix centrally.
+ *
+ * So: ONE import source. `@hanzo/gui` is an implementation detail of
+ * `@hanzo/ui`, named in exactly one place — here.
+ *
+ * Named, never `export *`: this is a client boundary and Next refuses a star
+ * across one ("It's currently unsupported to use `export *` in a client
+ * boundary"), and a star also defeats tree-shaking, so importing XStack would
+ * drag the whole gui surface in. Same rule the root barrel already follows.
+ */
+export { XStack, YStack, ZStack, SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, Image, Spacer, ScrollView, View, Text, } from '@hanzo/gui';
+export type { GuiElement } from '@hanzo/gui';
+//# sourceMappingURL=layout.d.ts.map

package/dist/backends/gui/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAEL,MAAM,EACN,MAAM,EACN,MAAM,EAIN,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE,EAGF,KAAK,EACL,MAAM,EACN,UAAU,EAGV,IAAI,EACJ,IAAI,GACL,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}

package/dist/backends/gui/layout.js

@@ -0,0 +1,37 @@
+'use client';
+/**
+ * LAYOUT — the primitives an app lays a screen out with.
+ *
+ * These are re-exports of @hanzo/gui, and that is the whole point: this package
+ * is declared to be "the canonical component API apps import", but it shipped
+ * Button, Card and Dialog while omitting the stacks and the type scale. So no
+ * app could actually obey the rule. Measured in hanzo.app: 216 files import
+ * @hanzo/gui DIRECTLY — YStack (199), XStack (185), SizableText (185),
+ * Paragraph (161), H3 (66), H1 (43), Anchor (41), H2 (39), Image (20), H4 (15),
+ * View, Text, GuiElement — because there was nowhere else to get them.
+ *
+ * An app reaching past its component library is not a style problem. It is the
+ * library failing to be the one door: the app then pins its own @hanzo/gui
+ * version, resolves a second copy of the runtime (which is how "Missing theme."
+ * happens), and every primitive it draws sits outside anything this package can
+ * restyle, theme or fix centrally.
+ *
+ * So: ONE import source. `@hanzo/gui` is an implementation detail of
+ * `@hanzo/ui`, named in exactly one place — here.
+ *
+ * Named, never `export *`: this is a client boundary and Next refuses a star
+ * across one ("It's currently unsupported to use `export *` in a client
+ * boundary"), and a star also defeats tree-shaking, so importing XStack would
+ * drag the whole gui surface in. Same rule the root barrel already follows.
+ */
+export { 
+// Stacks — @hanzogui/stacks
+XStack, YStack, ZStack, 
+// Type scale — @hanzogui/text. `SizableText` is the workhorse; the headings
+// carry the scale so a screen never hand-picks a font size.
+SizableText, Paragraph, Heading, H1, H2, H3, H4, H5, H6, Span, Strong, Em, 
+// Leaves — an image, a rule, a gap, a scroller.
+Image, Spacer, ScrollView, 
+// The untyped hosts, for the rare case a component needs a bare box.
+View, Text, } from '@hanzo/gui';
+//# sourceMappingURL=layout.js.map

package/dist/backends/gui/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/backends/gui/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO;AACL,4BAA4B;AAC5B,MAAM,EACN,MAAM,EACN,MAAM;AAEN,4EAA4E;AAC5E,4DAA4D;AAC5D,WAAW,EACX,SAAS,EACT,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,MAAM,EACN,EAAE;AAEF,gDAAgD;AAChD,KAAK,EACL,MAAM,EACN,UAAU;AAEV,qEAAqE;AACrE,IAAI,EACJ,IAAI,GACL,MAAM,YAAY,CAAA"}

package/dist/gui-config.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
+exports.monochrome = exports.config = void 0;
 const v5_1 = require("@hanzogui/config/v5");
 const gui_1 = require("@hanzo/gui");
 // ─────────────────────────────────────────────────────────────────────────────
@@ -224,9 +224,10 @@ const themes = Object.fromEntries(Object.entries(v5_1.defaultConfig.themes).map(
             : ringed,
     ];
 }));
-exports.config = (0, gui_1.createGui)({
+// Everything except the theme table, which is the one thing the two configs
+// below disagree about. Stated once so they cannot drift on radius or fonts.
+const base = {
     ...v5_1.defaultConfig,
-    themes,
     tokens: {
         ...v5_1.defaultConfig.tokens,
         radius: RADIUS,
@@ -243,5 +244,37 @@ exports.config = (0, gui_1.createGui)({
         // token, not a silent no-op, so it is defined.
         mono: { ...v5_1.defaultConfig.fonts.body, family: GEIST_MONO, size: FONT_SIZE, lineHeight: LINE_HEIGHT },
     },
-});
+};
+exports.config = (0, gui_1.createGui)({ ...base, themes });
 exports.default = exports.config;
+/**
+ * The eight chromatic families. Everything else a sub-theme name can carry —
+ * `accent`, `black`, `white`, `gray`, `neutral`, `surface1`, `surface2` — is a
+ * position on the greyscale, so it survives into the monochrome table below.
+ *
+ * Derived from the segment, never from a substring: `dark_teal_Button` is
+ * chromatic because one of its segments IS `teal`, while a future
+ * `dark_tealish` or a component called `Red` is not caught by accident.
+ */
+const CHROMA = new Set(['blue', 'green', 'orange', 'pink', 'purple', 'red', 'teal', 'yellow']);
+const chromatic = (name) => name.split('_').slice(1).some((s) => CHROMA.has(s));
+/**
+ * The same system with the chromatic sub-themes omitted — 150 themes instead of
+ * 390, and 62% less theme table.
+ *
+ * A gui theme table is DATA that ships: it cannot be tree-shaken, because a
+ * theme is selected by string at runtime. So a surface that renders no colour
+ * still pays for every hue. The browser extension's new-tab page is monochrome
+ * by design and loads on every single tab, and 240 themes it can never activate
+ * were the difference between it fitting its bundle budget and not.
+ *
+ * This is NOT a second design system. It is the same `config` with rows
+ * removed, from the same scale, so nothing here can drift from `config` — only
+ * be absent from it. Reach for it when a surface genuinely renders no hue;
+ * anything that does must use `config`, because a missing theme falls back
+ * silently rather than failing.
+ */
+exports.monochrome = (0, gui_1.createGui)({
+    ...base,
+    themes: Object.fromEntries(Object.entries(themes).filter(([name]) => !chromatic(name))),
+});