@hanzo/ui 8.4.12 → 8.5.0

package/dist/types.cjs

@@ -0,0 +1,32 @@
+'use client';"use strict";
+// @hanzo/ui/types — the content vocabulary the block renderers read.
+//
+// These are the shapes a SITE authors: a grid, a link, an image, a video. They
+// carry no behaviour and import no component, so content can be written, typed
+// and tested without pulling a renderer in.
+//
+// Flat on purpose. The 5.x line spread these across ten files that each exported
+// one type as `default`, so a consumer wanting three of them wrote three imports
+// of a name the file did not state. One module, named exports, one import.
+//
+// The two that referenced Tailwind are the reason this could not simply be
+// copied: `Breakpoint` was `keyof typeof` a tailwind screens config (under a
+// blanket @ts-nocheck), and `LinkDef` reached `VariantProps<typeof
+// buttonVariants>` from class-variance-authority. Both now name what they
+// actually mean, and neither pulls an engine.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMMON_GRID_4_COL = exports.COMMON_GRID_3_COL = exports.COMMON_GRID_2_COL = exports.COMMON_GRID_1_COL = exports.Breakpoints = void 0;
+exports.Breakpoints = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
+const grid = (md, lg) => ({
+    at: {
+        xs: { columns: 1, gap: 2 },
+        md: { columns: md, gap: 3 },
+        lg: { columns: lg, gap: 6 },
+    },
+    mobile: { columns: 1, gap: 2 },
+});
+// One column on a phone in every case; the name says where it lands on a desk.
+exports.COMMON_GRID_1_COL = grid(1, 1);
+exports.COMMON_GRID_2_COL = grid(2, 2);
+exports.COMMON_GRID_3_COL = grid(3, 3);
+exports.COMMON_GRID_4_COL = grid(2, 4);

package/dist/types.d.ts

@@ -0,0 +1,136 @@
+import type { ReactNode } from 'react';
+import type { ButtonProps, ButtonSize, ButtonVariant } from './backends/gui/button.js';
+/**
+ * The responsive vocabulary, and the SAME one `tw()` maps class prefixes onto
+ * (`md:` → the `$md` gui media prop). A second list would be a second answer to
+ * "what is medium".
+ *
+ * `xs` is here and has no prefix in `tw()`: it is the base rung, which content
+ * authored on 5.x names explicitly in `GridDef.at` and `SpaceBlock.sizes`.
+ */
+export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export declare const Breakpoints: Breakpoint[];
+export interface Dimensions {
+    w: number;
+    h: number;
+}
+export type TShirtSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** A size per rung, `md` required — the one every consumer can fall back to. */
+export type TShirtDimensions = {
+    [k in Exclude<TShirtSize, 'md'>]?: Dimensions;
+} & {
+    md: Dimensions;
+};
+/** Columns alone, or columns with the gap between them. */
+export type GridColumnSpec = number | {
+    columns: number;
+    gap: number;
+};
+export interface GridDef {
+    /** Must be given in ASCENDING order. */
+    at: {
+        [k in Breakpoint]?: GridColumnSpec;
+    };
+    mobile?: GridColumnSpec;
+}
+export declare const COMMON_GRID_1_COL: GridDef;
+export declare const COMMON_GRID_2_COL: GridDef;
+export declare const COMMON_GRID_3_COL: GridDef;
+export declare const COMMON_GRID_4_COL: GridDef;
+/** @see https://nextjs.org/docs/app/api-reference/components/image */
+export interface ImageDef {
+    /** Image url. */
+    src: string;
+    /** Defaults to the short filename. */
+    alt?: string;
+    sizes?: string;
+    /**
+     * A colour class for an svg. Every `fill` in the file must be
+     * `currentColor` for it to have any effect.
+     */
+    svgFillClass?: string;
+    /**
+     * Rendered dimensions, unless a style prop overrides them — in which case
+     * give the file's own resolution so both the server and the browser can work
+     * out the aspect ratio before the bytes arrive.
+     */
+    dim: Dimensions;
+    rounded?: string;
+}
+export interface VideoDef {
+    /**
+     * Passed through to `<video>`. Valueless HTML attributes are booleans here,
+     * and React's camelCase spelling is the one that reaches the element
+     * (`playsinline` → `playsInline`):
+     *
+     *   videoProps: { autoPlay: true, loop: true, muted: true, playsInline: true }
+     */
+    videoProps?: Record<string, unknown>;
+    poster?: string;
+    sources?: string[];
+    dim: TShirtDimensions;
+    /** e.g. `{ vh: 60, mobile: { vw: 70 } }` */
+    sizing?: Record<string, unknown>;
+}
+export interface BulletItem {
+    text: string;
+    /** An icon is any node, so a string is a legal icon. */
+    icon?: ReactNode;
+}
+/**
+ * A link that renders with a button's clothes.
+ *
+ * `variant` and `size` were `VariantProps<typeof buttonVariants>` — a type
+ * class-variance-authority derives from a style table. Naming the two unions
+ * directly says the same thing, is readable at the call site, and drops a
+ * Tailwind-ecosystem dependency from a file that holds no styles.
+ */
+export interface LinkDef {
+    variant?: ButtonVariant | null;
+    size?: ButtonSize | null;
+    /** Ignored when the element is rendered directly WITH children. */
+    title?: string;
+    /** Ignored when the element is rendered directly WITH children. */
+    icon?: ReactNode;
+    /** Ignored when the element is rendered directly WITH children. */
+    iconAfter?: boolean;
+    href: string;
+    /**
+     * External links open in a new tab, internal ones in the same tab.
+     * `newTab` overrides both. ('external' means the url starts with `http`.)
+     */
+    newTab?: boolean;
+    /** Renders disabled: default cursor, and pointer events stop here. */
+    disabled?: boolean;
+    contents?: string;
+    childMenu?: LinkDef[];
+    groupName?: string;
+}
+export type SubmitServerAction = (data: unknown, enclosure?: unknown) => Promise<unknown>;
+export interface ButtonModalProps {
+    open: boolean;
+    onOpenChange: (b: boolean) => void;
+    buttonText: string;
+    buttonProps: ButtonProps;
+    title: string;
+    byline?: string;
+    action: SubmitServerAction;
+    actionEnclosure?: unknown;
+}
+export interface ButtonModalDef {
+    Comp: React.ComponentType<ButtonModalProps>;
+    title: string;
+    props?: Record<string, unknown>;
+    byline?: string;
+    action?: SubmitServerAction;
+    actionEnclosure?: unknown;
+}
+export interface ButtonDef {
+    text: string;
+    props: ButtonProps;
+    action: {
+        type: 'modal';
+        def: ButtonModalDef;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAInF;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AAEjE,eAAO,MAAM,WAAW,EAAE,UAAU,EAA0C,CAAA;AAI9E,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,gFAAgF;AAChF,MAAM,MAAM,gBAAgB,GAAG;KAAG,CAAC,IAAI,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU;CAAE,GAAG;IACjF,EAAE,EAAE,UAAU,CAAA;CACf,CAAA;AAID,2DAA2D;AAC3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtE,MAAM,WAAW,OAAO;IACtB,wCAAwC;IACxC,EAAE,EAAE;SAAG,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,cAAc;KAAE,CAAA;IAC1C,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAYD,eAAO,MAAM,iBAAiB,SAAa,CAAA;AAC3C,eAAO,MAAM,iBAAiB,SAAa,CAAA;AAC3C,eAAO,MAAM,iBAAiB,SAAa,CAAA;AAC3C,eAAO,MAAM,iBAAiB,SAAa,CAAA;AAI3C,sEAAsE;AACtE,MAAM,WAAW,QAAQ;IACvB,iBAAiB;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,GAAG,EAAE,UAAU,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,GAAG,EAAE,gBAAgB,CAAA;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACjC;AAID,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAEzF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,kBAAkB,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,EAAE;QACN,IAAI,EAAE,OAAO,CAAA;QACb,GAAG,EAAE,cAAc,CAAA;KACpB,CAAA;CACF"}

package/dist/types.js

@@ -0,0 +1,30 @@
+'use client';// @hanzo/ui/types — the content vocabulary the block renderers read.
+//
+// These are the shapes a SITE authors: a grid, a link, an image, a video. They
+// carry no behaviour and import no component, so content can be written, typed
+// and tested without pulling a renderer in.
+//
+// Flat on purpose. The 5.x line spread these across ten files that each exported
+// one type as `default`, so a consumer wanting three of them wrote three imports
+// of a name the file did not state. One module, named exports, one import.
+//
+// The two that referenced Tailwind are the reason this could not simply be
+// copied: `Breakpoint` was `keyof typeof` a tailwind screens config (under a
+// blanket @ts-nocheck), and `LinkDef` reached `VariantProps<typeof
+// buttonVariants>` from class-variance-authority. Both now name what they
+// actually mean, and neither pulls an engine.
+export const Breakpoints = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
+const grid = (md, lg) => ({
+    at: {
+        xs: { columns: 1, gap: 2 },
+        md: { columns: md, gap: 3 },
+        lg: { columns: lg, gap: 6 },
+    },
+    mobile: { columns: 1, gap: 2 },
+});
+// One column on a phone in every case; the name says where it lands on a desk.
+export const COMMON_GRID_1_COL = grid(1, 1);
+export const COMMON_GRID_2_COL = grid(2, 2);
+export const COMMON_GRID_3_COL = grid(3, 3);
+export const COMMON_GRID_4_COL = grid(2, 4);
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,EAAE;AACF,+EAA+E;AAC/E,+EAA+E;AAC/E,4CAA4C;AAC5C,EAAE;AACF,iFAAiF;AACjF,iFAAiF;AACjF,2EAA2E;AAC3E,EAAE;AACF,2EAA2E;AAC3E,6EAA6E;AAC7E,mEAAmE;AACnE,0EAA0E;AAC1E,8CAA8C;AAiB9C,MAAM,CAAC,MAAM,WAAW,GAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AA2B9E,MAAM,IAAI,GAAG,CAAC,EAAU,EAAE,EAAU,EAAW,EAAE,CAAC,CAAC;IACjD,EAAE,EAAE;QACF,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;QAC1B,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;QAC3B,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;KAC5B;IACD,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;CAC/B,CAAC,CAAA;AAEF,+EAA+E;AAC/E,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.4.12",
+  "version": "8.5.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": {
@@ -11,6 +11,12 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./blocks": {
+      "types": "./dist/blocks/index.d.ts",
+      "import": "./dist/blocks/index.js",
+      "require": "./dist/blocks/index.cjs",
+      "default": "./dist/blocks/index.js"
+    },
     "./gallery": {
       "types": "./dist/gallery.d.ts",
       "import": "./dist/gallery.js",
@@ -194,6 +200,12 @@
       "types": "./dist/grid.d.ts",
       "import": "./dist/grid.js",
       "require": "./dist/grid.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js",
+      "require": "./dist/types.cjs",
+      "default": "./dist/types.js"
     }
   },
   "main": "./dist/index.cjs",
@@ -223,14 +235,14 @@
     "@hanzo/cd": ">=0.1.0",
     "@hanzo/dashboard": ">=0.1.0",
     "@hanzo/data": ">=1.2.3",
-    "@hanzo/gui": ">=8.1.0",
+    "@hanzo/gui": ">=8.2.1",
     "@hanzo/usage": ">=0.1.0",
-    "@hanzogui/animations-css": ">=8.1.0",
-    "@hanzogui/config": ">=8.1.0",
-    "@hanzogui/lucide-icons-2": ">=8.1.0",
-    "@hanzogui/next-theme": ">=8.1.0",
-    "@hanzogui/telemetry": ">=8.1.0",
-    "@hanzogui/toast": ">=8.1.0",
+    "@hanzogui/animations-css": ">=8.2.1",
+    "@hanzogui/config": ">=8.2.1",
+    "@hanzogui/lucide-icons-2": ">=8.2.1",
+    "@hanzogui/next-theme": ">=8.2.1",
+    "@hanzogui/telemetry": ">=8.2.1",
+    "@hanzogui/toast": ">=8.2.1",
     "next": ">=14",
     "next-themes": ">=0.2.1",
     "react": ">=19",
@@ -266,16 +278,16 @@
   "devDependencies": {
     "@hanzo/dashboard": "^0.2.0",
     "@hanzo/data": "1.2.3",
-    "@hanzo/gui": "8.1.0",
+    "@hanzo/gui": "8.2.1",
     "@hanzo/usage": "^0.1.6",
-    "@hanzogui/animations-css": "^8.1.1",
-    "@hanzogui/config": "8.1.0",
-    "@hanzogui/core": "8.1.0",
-    "@hanzogui/lucide-icons-2": "8.1.0",
-    "@hanzogui/next-theme": "8.1.0",
-    "@hanzogui/telemetry": "8.1.0",
-    "@hanzogui/toast": "8.1.0",
-    "@hanzogui/web": "8.1.0",
+    "@hanzogui/animations-css": "8.2.1",
+    "@hanzogui/config": "8.2.1",
+    "@hanzogui/core": "8.2.1",
+    "@hanzogui/lucide-icons-2": "8.2.1",
+    "@hanzogui/next-theme": "8.2.1",
+    "@hanzogui/telemetry": "8.2.1",
+    "@hanzogui/toast": "8.2.1",
+    "@hanzogui/web": "8.2.1",
     "@playwright/test": "^1.61.0",
     "@types/node": "^22.10.2",
     "@types/react": "^19.1.10",

package/dist/backends/gui/section.cjs

@@ -1,39 +0,0 @@
-'use client';"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Section = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Section — the page's vertical rhythm, in one place.
- *
- * Components kept inventing their own vertical story: a margin here, a padding
- * there, a `<div style={{marginTop: 64}}>` somewhere else. The result is a page
- * whose spacing is the sum of everyone's guesses, and which is never the same
- * twice on a phone.
- *
- * So the page-level spacing decision is made once, from the space scale, and it
- * is mobile-first: phone values by default, stepping up past `$gtSm`. A caller
- * that writes nothing gets the right answer at every width, which is the point —
- * the failure mode being designed out is "had to remember something".
- *
- * Two boxes, because they do two different jobs and merging them is what breaks:
- * the OUTER runs full-bleed and owns the vertical rhythm and the side gutter, so
- * a background set on it reaches both edges; the INNER is the centred measure and
- * owns `maxWidth`. Put `maxWidth` on the outer box instead and a section can
- * never have a full-width background.
- */
-const gui_1 = require("@hanzo/gui");
-const slot_1 = require("./slot.cjs");
-const Section = ({ maxWidth = 1200, children, innerProps, ...props }) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('section'), width: "100%", 
-    // Values come from the space scale, never literals — a section spaced in
-    // raw px drifts from everything else on the page. `$md` is a MAX-width
-    // query in this config, so the base is the roomy value and the phone steps
-    // it down; that is the direction every other responsive prop in this
-    // package is written in ($md/$sm in Field, PageHeader, SiteNav) and mixing
-    // both directions in one codebase is how a breakpoint ends up applying
-    // twice.
-    py: "$11", px: "$6", $md: { py: '$8', px: '$4' }, ...props, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('section-inner'), width: "100%", ...(maxWidth === false ? {} : { maxWidth }), 
-        // The centring. `self: center` is the cross-axis rule a YStack understands
-        // on web AND native, where `margin: auto` is web-only.
-        self: "center", ...innerProps, children: children }) }));
-exports.Section = Section;

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

@@ -1,29 +0,0 @@
-/**
- * Section — the page's vertical rhythm, in one place.
- *
- * Components kept inventing their own vertical story: a margin here, a padding
- * there, a `<div style={{marginTop: 64}}>` somewhere else. The result is a page
- * whose spacing is the sum of everyone's guesses, and which is never the same
- * twice on a phone.
- *
- * So the page-level spacing decision is made once, from the space scale, and it
- * is mobile-first: phone values by default, stepping up past `$gtSm`. A caller
- * that writes nothing gets the right answer at every width, which is the point —
- * the failure mode being designed out is "had to remember something".
- *
- * Two boxes, because they do two different jobs and merging them is what breaks:
- * the OUTER runs full-bleed and owns the vertical rhythm and the side gutter, so
- * a background set on it reaches both edges; the INNER is the centred measure and
- * owns `maxWidth`. Put `maxWidth` on the outer box instead and a section can
- * never have a full-width background.
- */
-import { type YStackProps } from '@hanzo/gui';
-export interface SectionProps extends YStackProps {
-    /** The centred measure. `false` lets the content run the full width. */
-    maxWidth?: number | false;
-    /** Props for the inner centred column. */
-    innerProps?: YStackProps;
-}
-declare const Section: ({ maxWidth, children, innerProps, ...props }: SectionProps) => import("react/jsx-runtime").JSX.Element;
-export { Section };
-//# sourceMappingURL=section.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/section.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAGrD,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACzB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB;AAED,QAAA,MAAM,OAAO,iDAAyD,YAAY,4CA4BjF,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/backends/gui/section.js

@@ -1,37 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Section — the page's vertical rhythm, in one place.
- *
- * Components kept inventing their own vertical story: a margin here, a padding
- * there, a `<div style={{marginTop: 64}}>` somewhere else. The result is a page
- * whose spacing is the sum of everyone's guesses, and which is never the same
- * twice on a phone.
- *
- * So the page-level spacing decision is made once, from the space scale, and it
- * is mobile-first: phone values by default, stepping up past `$gtSm`. A caller
- * that writes nothing gets the right answer at every width, which is the point —
- * the failure mode being designed out is "had to remember something".
- *
- * Two boxes, because they do two different jobs and merging them is what breaks:
- * the OUTER runs full-bleed and owns the vertical rhythm and the side gutter, so
- * a background set on it reaches both edges; the INNER is the centred measure and
- * owns `maxWidth`. Put `maxWidth` on the outer box instead and a section can
- * never have a full-width background.
- */
-import { YStack } from '@hanzo/gui';
-import { slot } from './slot.js';
-const Section = ({ maxWidth = 1200, children, innerProps, ...props }) => (_jsx(YStack, { ...slot('section'), width: "100%", 
-    // Values come from the space scale, never literals — a section spaced in
-    // raw px drifts from everything else on the page. `$md` is a MAX-width
-    // query in this config, so the base is the roomy value and the phone steps
-    // it down; that is the direction every other responsive prop in this
-    // package is written in ($md/$sm in Field, PageHeader, SiteNav) and mixing
-    // both directions in one codebase is how a breakpoint ends up applying
-    // twice.
-    py: "$11", px: "$6", $md: { py: '$8', px: '$4' }, ...props, children: _jsx(YStack, { ...slot('section-inner'), width: "100%", ...(maxWidth === false ? {} : { maxWidth }), 
-        // The centring. `self: center` is the cross-axis rule a YStack understands
-        // on web AND native, where `margin: auto` is web-only.
-        self: "center", ...innerProps, children: children }) }));
-export { Section };
-//# sourceMappingURL=section.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../src/backends/gui/section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAS7B,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE,CAAC,CACrF,KAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,KAAK,EAAC,MAAM;IACZ,yEAAyE;IACzE,uEAAuE;IACvE,2EAA2E;IAC3E,qEAAqE;IACrE,2EAA2E;IAC3E,uEAAuE;IACvE,SAAS;IACT,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KACvB,KAAK,YAET,KAAC,MAAM,OACD,IAAI,CAAC,eAAe,CAAC,EACzB,KAAK,EAAC,MAAM,KACR,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;QAC5C,2EAA2E;QAC3E,uDAAuD;QACvD,IAAI,EAAC,QAAQ,KACT,UAAU,YAEb,QAAQ,GACF,GACF,CACV,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/backends/gui/separator.cjs

@@ -1,10 +0,0 @@
-'use client';"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Separator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** Separator — a 1px rule on either axis. */
-const gui_1 = require("@hanzo/gui");
-const slot_1 = require("./slot.cjs");
-const Separator = ({ orientation = 'horizontal', decorative: _decorative, ...props }) => ((0, jsx_runtime_1.jsx)(gui_1.Separator, { ...(0, slot_1.slot)('separator'), "data-orientation": orientation, vertical: orientation === 'vertical', borderColor: "$borderColor", ...props }));
-exports.Separator = Separator;

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

@@ -1,11 +0,0 @@
-/** Separator — a 1px rule on either axis. */
-import { Separator as GuiSeparator } from '@hanzo/gui';
-import type { ComponentProps } from 'react';
-export type SeparatorProps = Omit<ComponentProps<typeof GuiSeparator>, 'vertical'> & {
-    orientation?: 'horizontal' | 'vertical';
-    /** Radix parity — gui separators are always presentational. */
-    decorative?: boolean;
-};
-declare const Separator: ({ orientation, decorative: _decorative, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
-export { Separator };
-//# sourceMappingURL=separator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/separator.tsx"],"names":[],"mappings":"AAEA,6CAA6C;AAC7C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,SAAS,uDAAuE,cAAc,4CAQnG,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/backends/gui/separator.js

@@ -1,8 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/** Separator — a 1px rule on either axis. */
-import { Separator as GuiSeparator } from '@hanzo/gui';
-import { slot } from './slot.js';
-const Separator = ({ orientation = 'horizontal', decorative: _decorative, ...props }) => (_jsx(GuiSeparator, { ...slot('separator'), "data-orientation": orientation, vertical: orientation === 'vertical', borderColor: "$borderColor", ...props }));
-export { Separator };
-//# sourceMappingURL=separator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/backends/gui/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,6CAA6C;AAC7C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAQ7B,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE,CAAC,CACvG,KAAC,YAAY,OACP,IAAI,CAAC,WAAW,CAAC,sBACH,WAAW,EAC7B,QAAQ,EAAE,WAAW,KAAK,UAAU,EACpC,WAAW,EAAC,cAAc,KACtB,KAAK,GACT,CACH,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/primitives/Section.d.ts

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

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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"}