@hanzo/ui 8.1.21 → 8.2.0

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

@@ -1,25 +0,0 @@
-import type { ComponentProps, ReactNode } from 'react';
-export interface GridProps extends Omit<ComponentProps<'div'>, 'children'> {
-    /**
-     * Narrowest a column may get before the grid drops one. The whole responsive
-     * story: no breakpoints, no props per screen size.
-     */
-    min?: number;
-    /** Fixed column count. Overrides `min` — use it when the count is the design. */
-    cols?: number;
-    /**
-     * Never exceed this many columns, while still wrapping down on narrow
-     * screens. `<Grid min={160} max={4}>` is 2-up on a phone and 4-up on a
-     * desktop, with nothing in between to configure.
-     *
-     * A single `min` cannot express that: 2-up at 390px needs min ~170, and that
-     * same 170 gives SIX columns at 1280. Capping is the missing half.
-     */
-    max?: number;
-    /** A `$n` space token or a raw px number. */
-    gap?: number | string;
-    children?: ReactNode;
-}
-declare const Grid: ({ min, cols, max, gap, style, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
-export { Grid };
-//# sourceMappingURL=grid.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/grid.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACxE;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAUD,QAAA,MAAM,IAAI,GAAI,0CAAuD,SAAS,4CAmB7E,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/backends/gui/grid.js

@@ -1,71 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Grid — a real CSS grid whose tracks come from the CONTAINER, not the children.
- *
- * This exists to kill a specific shipped defect: hand-rolled
- * `width="calc(25% - 7.5px)"` grids that collapse asymmetrically. That shape is
- * broken by construction — each child computes its own width, so the row is only
- * even while every child agrees, and one long word or one `box-sizing` surprise
- * makes the row ragged. Nothing about it can be fixed by tuning the number.
- *
- * Here the parent declares the tracks once and the children have no say. Equal
- * columns are structural, not arithmetic, and no child can widen its own track.
- *
- * Why a plain div and not a gui YStack: gui's box model is Yoga, which is
- * flexbox and has no grid — a YStack would compile its own `display:flex`
- * atomic class and fight the grid. Inline styles, not a stylesheet class, so
- * there is no rule to fail to ship: this package's own checker exists because
- * "class with no rule" has shipped here three times.
- *
- * The two track formulas, both deliberate:
- *
- *   auto  repeat(auto-fill, minmax(min(Npx, 100%), 1fr))
- *         The `min(Npx, 100%)` is what makes it safe below N: a bare
- *         `minmax(240px, 1fr)` forces a 240px track inside a 200px phone and
- *         overflows the viewport horizontally. Responsive with ZERO breakpoint
- *         props — the wrap count follows the container, so the same tree is
- *         right at 390 and at 1280.
- *
- *   cols  repeat(n, minmax(0, 1fr))
- *         `1fr` alone means `minmax(auto, 1fr)`, and `auto` floors the track at
- *         the content's min-content width — so one long unbroken string pushes
- *         its own column wider and every sibling narrower. That IS the ragged
- *         row. `minmax(0, 1fr)` is the fix.
- *
- * `[data-slot='grid'] > *` also gets `min-width: 0` in the stylesheet, for the
- * same reason: a grid item's default `min-width: auto` lets its content set the
- * floor and blow the track out.
- */
-import { getTokenValue } from '@hanzo/gui';
-/** `'$3'` -> 12. A raw number passes through as px. */
-const space = (v, fallback) => {
-    if (v == null)
-        return fallback;
-    if (typeof v === 'number')
-        return v;
-    const t = getTokenValue(v, 'space');
-    return typeof t === 'number' ? t : fallback;
-};
-const Grid = ({ min = 240, cols, max, gap = '$3', style, ...props }) => {
-    const g = space(gap, 12);
-    // The track floor, capped. Without `max` it is `min(Npx, 100%)` — N wide, but
-    // never wider than the container, which is what keeps a 900px min from
-    // overflowing a 390px phone.
-    //
-    // With `max` the floor also has to be at least "one Mth of the row", so
-    // auto-fill can never fit an (M+1)th track: subtract the M-1 gaps first, then
-    // divide. Below that width the max() picks Npx again and the grid wraps
-    // normally — so the cap costs nothing on small screens, which is the whole
-    // point of expressing it as a floor rather than a breakpoint.
-    const floor = max
-        ? `max(min(${min}px, 100%), calc((100% - ${(max - 1) * g}px) / ${max}))`
-        : `min(${min}px, 100%)`;
-    const columns = cols
-        ? `repeat(${cols}, minmax(0, 1fr))`
-        : `repeat(auto-fill, minmax(${floor}, 1fr))`;
-    const grid = { display: 'grid', gridTemplateColumns: columns, gap: g };
-    return _jsx("div", { "data-slot": "grid", style: { ...grid, ...style }, ...props });
-};
-export { Grid };
-//# sourceMappingURL=grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/backends/gui/grid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAyB1C,uDAAuD;AACvD,MAAM,KAAK,GAAG,CAAC,CAA8B,EAAE,QAAgB,EAAU,EAAE;IACzE,IAAI,CAAC,IAAI,IAAI;QAAE,OAAO,QAAQ,CAAA;IAC9B,IAAI,OAAO,CAAC,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAA;IACnC,MAAM,CAAC,GAAG,aAAa,CAAC,CAAU,EAAE,OAAO,CAAC,CAAA;IAC5C,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IAChF,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IACxB,8EAA8E;IAC9E,uEAAuE;IACvE,6BAA6B;IAC7B,EAAE;IACF,wEAAwE;IACxE,8EAA8E;IAC9E,wEAAwE;IACxE,2EAA2E;IAC3E,8DAA8D;IAC9D,MAAM,KAAK,GAAG,GAAG;QACf,CAAC,CAAC,WAAW,GAAG,2BAA2B,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI;QACxE,CAAC,CAAC,OAAO,GAAG,WAAW,CAAA;IACzB,MAAM,OAAO,GAAG,IAAI;QAClB,CAAC,CAAC,UAAU,IAAI,mBAAmB;QACnC,CAAC,CAAC,4BAA4B,KAAK,SAAS,CAAA;IAC9C,MAAM,IAAI,GAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAA;IACrF,OAAO,2BAAe,MAAM,EAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/primitives/Grid.cjs

@@ -1,8 +0,0 @@
-'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

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

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

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

@@ -1,5 +0,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
-export { Grid } from '../backends/gui/grid.js';
-//# sourceMappingURL=Grid.js.map

package/dist/primitives/Grid.js.map

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