@hanzo/ui 8.0.16 → 8.0.18

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 hanzo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/gui-config.cjs

@@ -0,0 +1,120 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var v5 = require('@hanzogui/config/v5');
+var gui = require('@hanzo/gui');
+
+// src/gui-config.ts
+var GEIST = "'Geist', system-ui, -apple-system, sans-serif";
+var FONT_SIZE = {
+  1: 11,
+  2: 13,
+  3: 14,
+  4: 15,
+  5: 15,
+  6: 17,
+  7: 21,
+  8: 26,
+  9: 26,
+  10: 32,
+  11: 40,
+  12: 48,
+  13: 56,
+  14: 64,
+  15: 80,
+  16: 96,
+  true: 14
+};
+var LINE_HEIGHT = {
+  1: 16,
+  2: 18,
+  3: 20,
+  4: 22,
+  5: 22,
+  6: 24,
+  7: 28,
+  8: 32,
+  9: 32,
+  10: 38,
+  11: 46,
+  12: 54,
+  13: 62,
+  14: 70,
+  15: 86,
+  16: 102,
+  true: 20
+};
+var RADIUS = {
+  0: 0,
+  1: 6,
+  2: 6,
+  3: 8,
+  4: 8,
+  5: 12,
+  6: 12,
+  7: 12,
+  8: 12,
+  9: 12,
+  10: 9999,
+  11: 9999,
+  12: 9999,
+  true: 8
+};
+var STEP = {
+  "0": 0,
+  "0.25": 1,
+  "0.5": 2,
+  "0.75": 3,
+  "1": 4,
+  "1.5": 6,
+  "2": 8,
+  "2.5": 10,
+  "3": 12,
+  "3.5": 14,
+  "4": 16,
+  "4.5": 20,
+  "5": 24,
+  "6": 32,
+  "7": 40,
+  "8": 48,
+  "9": 56,
+  "10": 64,
+  "11": 80,
+  "12": 96,
+  "13": 112,
+  "14": 128,
+  "15": 144,
+  "16": 160,
+  "17": 160,
+  "18": 176,
+  "19": 192,
+  "20": 208
+};
+var space = {};
+for (const [k, v] of Object.entries(STEP)) {
+  space[`$${k}`] = v;
+  space[`-${k}`] = -v;
+}
+space.$true = STEP["4"];
+space["-true"] = -16;
+var config = gui.createGui({
+  ...v5.defaultConfig,
+  tokens: {
+    ...v5.defaultConfig.tokens,
+    radius: RADIUS,
+    space
+  },
+  fonts: {
+    ...v5.defaultConfig.fonts,
+    body: { ...v5.defaultConfig.fonts.body, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },
+    heading: { ...v5.defaultConfig.fonts.heading, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT }
+  }
+});
+var gui_config_default = config;
+
+exports.config = config;
+exports.default = gui_config_default;
+//# sourceMappingURL=gui-config.cjs.map
+//# sourceMappingURL=gui-config.cjs.map

package/dist/gui-config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/gui-config.ts"],"names":["createGui","defaultConfig"],"mappings":"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","file":"gui-config.cjs","sourcesContent":["import { defaultConfig } from '@hanzogui/config/v5'\nimport { createGui } from '@hanzo/gui'\n\n// ─────────────────────────────────────────────────────────────────────────────\n// THE ONE SCALE — shared, because a second app that copied it would fork it.\n//\n// This lived in the console's own gui.config.ts. The moment a second Hanzo admin\n// exists (the dedicated Hanzo Social app), a private scale is a scale that drifts:\n// the two products would render @hanzo/ui/product components at different sizes,\n// radii and spacing. So the scale ships WITH the components.\n//\n// Three scales used to disagree. `app/design/typography.css` declared the\n// intended compact register (11/13/14/15/17/21/26 — the linear.app density);\n// @hanzo/gui's Tamagui `$N` ladder is what components actually TYPE (thousands\n// of `fontSize=\"$N\"` call sites); and the rendered result was TEN distinct\n// sizes, including 217 nodes at the retired 16px base and 30 at 10px, while the\n// intended 11px label size rendered NOWHERE.\n//\n// The ladder is exactly why we do not edit thousands of call sites: REMAP IT\n// ONCE and every surface lands on the design scale. So this file is the single\n// place the console's type, radius and spacing scales are defined —\n// `app/design/*.css` declares them for CSS consumers, this maps the `$N` tokens\n// onto the same numbers for the component layer. Change a value here, the whole\n// product moves. Adding a fourth spelling of a size is the thing to refuse.\n//\n// Canonical face: Geist Sans for UI, Geist Mono for anything numeric/code/id\n// (`.hz-mono`). The host self-hosts both faces (its own fonts.css) — this only\n// names them.\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst GEIST = \"'Geist', system-ui, -apple-system, sans-serif\"\n\n/** Type — SIX sizes in the app, matching the host's `--text-*` design tokens.\n *  $1 label · $2 nav + dense body · $3 base · $4/$5 emphasis · $6 section head ·\n *  $7 page title · $8+ display. `$5` collapses onto 15 to retire the 16px base\n *  (217 stray nodes); `$9` collapses onto 26 so a page title has ONE size. */\nconst FONT_SIZE = {\n  1: 11,\n  2: 13,\n  3: 14,\n  4: 15,\n  5: 15,\n  6: 17,\n  7: 21,\n  8: 26,\n  9: 26,\n  10: 32,\n  11: 40,\n  12: 48,\n  13: 56,\n  14: 64,\n  15: 80,\n  16: 96,\n  true: 14,\n} as const\n\n/** Leading, paired 1:1 with the sizes above. A size token carries a line-height\n *  tuned for ONE line, so these track the type scale rather than the inherited\n *  ladder, which left an 11px label sitting in an 18px box. */\nconst LINE_HEIGHT = {\n  1: 16,\n  2: 18,\n  3: 20,\n  4: 22,\n  5: 22,\n  6: 24,\n  7: 28,\n  8: 32,\n  9: 32,\n  10: 38,\n  11: 46,\n  12: 54,\n  13: 62,\n  14: 70,\n  15: 86,\n  16: 102,\n  true: 20,\n} as const\n\n/** Radius — FOUR values, no more. 6 control · 8 input/row · 12 panel · pill.\n *  The inherited ladder had thirteen spellings rendering ten values, including\n *  three different spellings of \"pill\" (`{999}`, `{99}`, `$10`). `$10`+ IS the\n *  pill, so the 115 `rounded=\"$10\"` call sites finally mean one thing. */\nconst RADIUS = {\n  0: 0,\n  1: 6,\n  2: 6,\n  3: 8,\n  4: 8,\n  5: 12,\n  6: 12,\n  7: 12,\n  8: 12,\n  9: 12,\n  10: 9999,\n  11: 9999,\n  12: 9999,\n  true: 8,\n} as const\n\n/** Spacing — the 4px ramp, and only the 4px ramp. The inherited ladder landed on\n *  odd pixels belonging to no scale: `$2`=7, `$3`=13, `$4`=18 were the three\n *  most-rendered paddings in the whole app. Mirrored into negative steps because\n *  Tamagui resolves `-$3` from this same map. */\nconst STEP: Record<string, number> = {\n  '0': 0,\n  '0.25': 1,\n  '0.5': 2,\n  '0.75': 3,\n  '1': 4,\n  '1.5': 6,\n  '2': 8,\n  '2.5': 10,\n  '3': 12,\n  '3.5': 14,\n  '4': 16,\n  '4.5': 20,\n  '5': 24,\n  '6': 32,\n  '7': 40,\n  '8': 48,\n  '9': 56,\n  '10': 64,\n  '11': 80,\n  '12': 96,\n  '13': 112,\n  '14': 128,\n  '15': 144,\n  '16': 160,\n  '17': 160,\n  '18': 176,\n  '19': 192,\n  '20': 208,\n}\n\nconst space: Record<string, number> = {}\nfor (const [k, v] of Object.entries(STEP)) {\n  space[`$${k}`] = v\n  space[`-${k}`] = -v\n}\nspace.$true = STEP['4']\nspace['-true'] = -STEP['4']\n\nexport const config = createGui({\n  ...defaultConfig,\n  tokens: {\n    ...defaultConfig.tokens,\n    radius: RADIUS,\n    space,\n  },\n  fonts: {\n    ...defaultConfig.fonts,\n    body: { ...defaultConfig.fonts.body, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },\n    heading: { ...defaultConfig.fonts.heading, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },\n  },\n})\n\nexport default config\n\nexport type Conf = typeof config\n"]}

package/dist/gui-config.d.ts

@@ -0,0 +1,587 @@
+export declare const config: import("@hanzogui/web").GuiInternalConfig<{
+    radius: {
+        readonly 0: 0;
+        readonly 1: 6;
+        readonly 2: 6;
+        readonly 3: 8;
+        readonly 4: 8;
+        readonly 5: 12;
+        readonly 6: 12;
+        readonly 7: 12;
+        readonly 8: 12;
+        readonly 9: 12;
+        readonly 10: 9999;
+        readonly 11: 9999;
+        readonly 12: 9999;
+        readonly true: 8;
+    };
+    space: Record<string, number>;
+    zIndex: {
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+        4: number;
+        5: number;
+    };
+    size: {
+        $0: number;
+        "$0.25": number;
+        "$0.5": number;
+        "$0.75": number;
+        $1: number;
+        "$1.5": number;
+        $2: number;
+        "$2.5": number;
+        $3: number;
+        "$3.5": number;
+        $4: number;
+        $true: number;
+        "$4.5": number;
+        $5: number;
+        $6: number;
+        $7: number;
+        $8: number;
+        $9: number;
+        $10: number;
+        $11: number;
+        $12: number;
+        $13: number;
+        $14: number;
+        $15: number;
+        $16: number;
+        $17: number;
+        $18: number;
+        $19: number;
+        $20: number;
+    };
+}, import("@hanzogui/config/v5").V5Themes, {
+    text: "textAlign";
+    b: "bottom";
+    bg: "backgroundColor";
+    content: "alignContent";
+    grow: "flexGrow";
+    items: "alignItems";
+    justify: "justifyContent";
+    l: "left";
+    m: "margin";
+    maxH: "maxHeight";
+    maxW: "maxWidth";
+    mb: "marginBottom";
+    minH: "minHeight";
+    minW: "minWidth";
+    ml: "marginLeft";
+    mr: "marginRight";
+    mt: "marginTop";
+    mx: "marginHorizontal";
+    my: "marginVertical";
+    p: "padding";
+    pb: "paddingBottom";
+    pl: "paddingLeft";
+    pr: "paddingRight";
+    pt: "paddingTop";
+    px: "paddingHorizontal";
+    py: "paddingVertical";
+    r: "right";
+    rounded: "borderRadius";
+    select: "userSelect";
+    self: "alignSelf";
+    shrink: "flexShrink";
+    t: "top";
+    z: "zIndex";
+}, {
+    readonly touchable: {
+        pointer: string;
+    };
+    readonly hoverable: {
+        hover: string;
+    };
+    readonly 'max-xxl': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xl': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-lg': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-md': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-sm': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xxs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xxxs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-200': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-100': {
+        readonly maxWidth: number;
+    };
+    readonly xxxs: {
+        readonly minWidth: number;
+    };
+    readonly xxs: {
+        readonly minWidth: number;
+    };
+    readonly xs: {
+        readonly minWidth: number;
+    };
+    readonly sm: {
+        readonly minWidth: number;
+    };
+    readonly md: {
+        readonly minWidth: number;
+    };
+    readonly lg: {
+        readonly minWidth: number;
+    };
+    readonly xl: {
+        readonly minWidth: number;
+    };
+    readonly xxl: {
+        readonly minWidth: number;
+    };
+    readonly 'max-height-lg': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-md': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-sm': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xxs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xxxs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-200': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-100': {
+        readonly maxHeight: number;
+    };
+    readonly 'height-sm': {
+        readonly minHeight: number;
+    };
+    readonly 'height-md': {
+        readonly minHeight: number;
+    };
+    readonly 'height-lg': {
+        readonly minHeight: number;
+    };
+}, {}, {
+    body: {
+        family: string;
+        size: {
+            readonly 1: 11;
+            readonly 2: 13;
+            readonly 3: 14;
+            readonly 4: 15;
+            readonly 5: 15;
+            readonly 6: 17;
+            readonly 7: 21;
+            readonly 8: 26;
+            readonly 9: 26;
+            readonly 10: 32;
+            readonly 11: 40;
+            readonly 12: 48;
+            readonly 13: 56;
+            readonly 14: 64;
+            readonly 15: 80;
+            readonly 16: 96;
+            readonly true: 14;
+        };
+        lineHeight: {
+            readonly 1: 16;
+            readonly 2: 18;
+            readonly 3: 20;
+            readonly 4: 22;
+            readonly 5: 22;
+            readonly 6: 24;
+            readonly 7: 28;
+            readonly 8: 32;
+            readonly 9: 32;
+            readonly 10: 38;
+            readonly 11: 46;
+            readonly 12: 54;
+            readonly 13: 62;
+            readonly 14: 70;
+            readonly 15: 86;
+            readonly 16: 102;
+            readonly true: 20;
+        };
+        weight: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        letterSpacing: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        style: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        transform: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        color: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        face: Partial<Partial<{
+            bold: {
+                normal?: string;
+                italic?: string;
+            };
+            normal: {
+                normal?: string;
+                italic?: string;
+            };
+            100: {
+                normal?: string;
+                italic?: string;
+            };
+            500: {
+                normal?: string;
+                italic?: string;
+            };
+            700: {
+                normal?: string;
+                italic?: string;
+            };
+            200: {
+                normal?: string;
+                italic?: string;
+            };
+            300: {
+                normal?: string;
+                italic?: string;
+            };
+            400: {
+                normal?: string;
+                italic?: string;
+            };
+            600: {
+                normal?: string;
+                italic?: string;
+            };
+            800: {
+                normal?: string;
+                italic?: string;
+            };
+            900: {
+                normal?: string;
+                italic?: string;
+            };
+        }> | undefined>;
+    };
+    heading: {
+        family: string;
+        size: {
+            readonly 1: 11;
+            readonly 2: 13;
+            readonly 3: 14;
+            readonly 4: 15;
+            readonly 5: 15;
+            readonly 6: 17;
+            readonly 7: 21;
+            readonly 8: 26;
+            readonly 9: 26;
+            readonly 10: 32;
+            readonly 11: 40;
+            readonly 12: 48;
+            readonly 13: 56;
+            readonly 14: 64;
+            readonly 15: 80;
+            readonly 16: 96;
+            readonly true: 14;
+        };
+        lineHeight: {
+            readonly 1: 16;
+            readonly 2: 18;
+            readonly 3: 20;
+            readonly 4: 22;
+            readonly 5: 22;
+            readonly 6: 24;
+            readonly 7: 28;
+            readonly 8: 32;
+            readonly 9: 32;
+            readonly 10: 38;
+            readonly 11: 46;
+            readonly 12: 54;
+            readonly 13: 62;
+            readonly 14: 70;
+            readonly 15: 86;
+            readonly 16: 102;
+            readonly true: 20;
+        };
+        weight: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        letterSpacing: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        style: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        transform: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        color: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        face: Partial<Partial<{
+            bold: {
+                normal?: string;
+                italic?: string;
+            };
+            normal: {
+                normal?: string;
+                italic?: string;
+            };
+            100: {
+                normal?: string;
+                italic?: string;
+            };
+            500: {
+                normal?: string;
+                italic?: string;
+            };
+            700: {
+                normal?: string;
+                italic?: string;
+            };
+            200: {
+                normal?: string;
+                italic?: string;
+            };
+            300: {
+                normal?: string;
+                italic?: string;
+            };
+            400: {
+                normal?: string;
+                italic?: string;
+            };
+            600: {
+                normal?: string;
+                italic?: string;
+            };
+            800: {
+                normal?: string;
+                italic?: string;
+            };
+            900: {
+                normal?: string;
+                italic?: string;
+            };
+        }> | undefined>;
+    };
+}, {
+    mediaQueryDefaultActive: {
+        touchable: boolean;
+        hoverable: boolean;
+        "max-xxl": boolean;
+        "max-xl": boolean;
+        "max-lg": boolean;
+        "max-md": boolean;
+        "max-sm": boolean;
+        "max-xs": boolean;
+        "max-xxs": boolean;
+        "max-xxxs": boolean;
+        xxxs: boolean;
+        xxs: boolean;
+        xs: boolean;
+        sm: boolean;
+        md: boolean;
+        lg: boolean;
+        xl: boolean;
+        xxl: boolean;
+        "max-height-sm": boolean;
+        "max-height-md": boolean;
+        "max-height-lg": boolean;
+        "height-sm": boolean;
+        "height-md": boolean;
+        "height-lg": boolean;
+    };
+    defaultFont: string;
+    fastSchemeChange: true;
+    shouldAddPrefersColorThemes: true;
+    allowedStyleValues: "somewhat-strict-web";
+    addThemeClassName: "html";
+    onlyAllowShorthands: true;
+    styleCompat: "react-native";
+}, "default">;
+export default config;
+export type Conf = typeof config;

package/dist/gui-config.js

@@ -0,0 +1,115 @@
+'use client';
+import { defaultConfig } from '@hanzogui/config/v5';
+import { createGui } from '@hanzo/gui';
+
+// src/gui-config.ts
+var GEIST = "'Geist', system-ui, -apple-system, sans-serif";
+var FONT_SIZE = {
+  1: 11,
+  2: 13,
+  3: 14,
+  4: 15,
+  5: 15,
+  6: 17,
+  7: 21,
+  8: 26,
+  9: 26,
+  10: 32,
+  11: 40,
+  12: 48,
+  13: 56,
+  14: 64,
+  15: 80,
+  16: 96,
+  true: 14
+};
+var LINE_HEIGHT = {
+  1: 16,
+  2: 18,
+  3: 20,
+  4: 22,
+  5: 22,
+  6: 24,
+  7: 28,
+  8: 32,
+  9: 32,
+  10: 38,
+  11: 46,
+  12: 54,
+  13: 62,
+  14: 70,
+  15: 86,
+  16: 102,
+  true: 20
+};
+var RADIUS = {
+  0: 0,
+  1: 6,
+  2: 6,
+  3: 8,
+  4: 8,
+  5: 12,
+  6: 12,
+  7: 12,
+  8: 12,
+  9: 12,
+  10: 9999,
+  11: 9999,
+  12: 9999,
+  true: 8
+};
+var STEP = {
+  "0": 0,
+  "0.25": 1,
+  "0.5": 2,
+  "0.75": 3,
+  "1": 4,
+  "1.5": 6,
+  "2": 8,
+  "2.5": 10,
+  "3": 12,
+  "3.5": 14,
+  "4": 16,
+  "4.5": 20,
+  "5": 24,
+  "6": 32,
+  "7": 40,
+  "8": 48,
+  "9": 56,
+  "10": 64,
+  "11": 80,
+  "12": 96,
+  "13": 112,
+  "14": 128,
+  "15": 144,
+  "16": 160,
+  "17": 160,
+  "18": 176,
+  "19": 192,
+  "20": 208
+};
+var space = {};
+for (const [k, v] of Object.entries(STEP)) {
+  space[`$${k}`] = v;
+  space[`-${k}`] = -v;
+}
+space.$true = STEP["4"];
+space["-true"] = -16;
+var config = createGui({
+  ...defaultConfig,
+  tokens: {
+    ...defaultConfig.tokens,
+    radius: RADIUS,
+    space
+  },
+  fonts: {
+    ...defaultConfig.fonts,
+    body: { ...defaultConfig.fonts.body, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },
+    heading: { ...defaultConfig.fonts.heading, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT }
+  }
+});
+var gui_config_default = config;
+
+export { config, gui_config_default as default };
+//# sourceMappingURL=gui-config.js.map
+//# sourceMappingURL=gui-config.js.map

package/dist/gui-config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/gui-config.ts"],"names":[],"mappings":";;;;AA8BA,IAAM,KAAA,GAAQ,+CAAA;AAMd,IAAM,SAAA,GAAY;AAAA,EAChB,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAKA,IAAM,WAAA,GAAc;AAAA,EAClB,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAMA,IAAM,MAAA,GAAS;AAAA,EACb,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAMA,IAAM,IAAA,GAA+B;AAAA,EACnC,GAAA,EAAK,CAAA;AAAA,EACL,MAAA,EAAQ,CAAA;AAAA,EACR,KAAA,EAAO,CAAA;AAAA,EACP,MAAA,EAAQ,CAAA;AAAA,EACR,GAAA,EAAK,CAAA;AAAA,EACL,KAAA,EAAO,CAAA;AAAA,EACP,GAAA,EAAK,CAAA;AAAA,EACL,KAAA,EAAO,EAAA;AAAA,EACP,GAAA,EAAK,EAAA;AAAA,EACL,KAAA,EAAO,EAAA;AAAA,EACP,GAAA,EAAK,EAAA;AAAA,EACL,KAAA,EAAO,EAAA;AAAA,EACP,GAAA,EAAK,EAAA;AAAA,EACL,GAAA,EAAK,EAAA;AAAA,EACL,GAAA,EAAK,EAAA;AAAA,EACL,GAAA,EAAK,EAAA;AAAA,EACL,GAAA,EAAK,EAAA;AAAA,EACL,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM,GAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,QAAgC,EAAC;AACvC,KAAA,MAAW,CAAC,CAAA,EAAG,CAAC,KAAK,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,EAAG;AACzC,EAAA,KAAA,CAAM,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAA,GAAI,CAAA;AACjB,EAAA,KAAA,CAAM,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAA,GAAI,CAAC,CAAA;AACpB;AACA,KAAA,CAAM,KAAA,GAAQ,KAAK,GAAG,CAAA;AACtB,KAAA,CAAM,OAAO,CAAA,GAAI,GAAS;AAEnB,IAAM,SAAS,SAAA,CAAU;AAAA,EAC9B,GAAG,aAAA;AAAA,EACH,MAAA,EAAQ;AAAA,IACN,GAAG,aAAA,CAAc,MAAA;AAAA,IACjB,MAAA,EAAQ,MAAA;AAAA,IACR;AAAA,GACF;AAAA,EACA,KAAA,EAAO;AAAA,IACL,GAAG,aAAA,CAAc,KAAA;AAAA,IACjB,IAAA,EAAM,EAAE,GAAG,aAAA,CAAc,KAAA,CAAM,IAAA,EAAM,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,SAAA,EAAW,UAAA,EAAY,WAAA,EAAY;AAAA,IAC7F,OAAA,EAAS,EAAE,GAAG,aAAA,CAAc,KAAA,CAAM,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,SAAA,EAAW,UAAA,EAAY,WAAA;AAAY;AAEvG,CAAC;AAED,IAAO,kBAAA,GAAQ","file":"gui-config.js","sourcesContent":["import { defaultConfig } from '@hanzogui/config/v5'\nimport { createGui } from '@hanzo/gui'\n\n// ─────────────────────────────────────────────────────────────────────────────\n// THE ONE SCALE — shared, because a second app that copied it would fork it.\n//\n// This lived in the console's own gui.config.ts. The moment a second Hanzo admin\n// exists (the dedicated Hanzo Social app), a private scale is a scale that drifts:\n// the two products would render @hanzo/ui/product components at different sizes,\n// radii and spacing. So the scale ships WITH the components.\n//\n// Three scales used to disagree. `app/design/typography.css` declared the\n// intended compact register (11/13/14/15/17/21/26 — the linear.app density);\n// @hanzo/gui's Tamagui `$N` ladder is what components actually TYPE (thousands\n// of `fontSize=\"$N\"` call sites); and the rendered result was TEN distinct\n// sizes, including 217 nodes at the retired 16px base and 30 at 10px, while the\n// intended 11px label size rendered NOWHERE.\n//\n// The ladder is exactly why we do not edit thousands of call sites: REMAP IT\n// ONCE and every surface lands on the design scale. So this file is the single\n// place the console's type, radius and spacing scales are defined —\n// `app/design/*.css` declares them for CSS consumers, this maps the `$N` tokens\n// onto the same numbers for the component layer. Change a value here, the whole\n// product moves. Adding a fourth spelling of a size is the thing to refuse.\n//\n// Canonical face: Geist Sans for UI, Geist Mono for anything numeric/code/id\n// (`.hz-mono`). The host self-hosts both faces (its own fonts.css) — this only\n// names them.\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst GEIST = \"'Geist', system-ui, -apple-system, sans-serif\"\n\n/** Type — SIX sizes in the app, matching the host's `--text-*` design tokens.\n *  $1 label · $2 nav + dense body · $3 base · $4/$5 emphasis · $6 section head ·\n *  $7 page title · $8+ display. `$5` collapses onto 15 to retire the 16px base\n *  (217 stray nodes); `$9` collapses onto 26 so a page title has ONE size. */\nconst FONT_SIZE = {\n  1: 11,\n  2: 13,\n  3: 14,\n  4: 15,\n  5: 15,\n  6: 17,\n  7: 21,\n  8: 26,\n  9: 26,\n  10: 32,\n  11: 40,\n  12: 48,\n  13: 56,\n  14: 64,\n  15: 80,\n  16: 96,\n  true: 14,\n} as const\n\n/** Leading, paired 1:1 with the sizes above. A size token carries a line-height\n *  tuned for ONE line, so these track the type scale rather than the inherited\n *  ladder, which left an 11px label sitting in an 18px box. */\nconst LINE_HEIGHT = {\n  1: 16,\n  2: 18,\n  3: 20,\n  4: 22,\n  5: 22,\n  6: 24,\n  7: 28,\n  8: 32,\n  9: 32,\n  10: 38,\n  11: 46,\n  12: 54,\n  13: 62,\n  14: 70,\n  15: 86,\n  16: 102,\n  true: 20,\n} as const\n\n/** Radius — FOUR values, no more. 6 control · 8 input/row · 12 panel · pill.\n *  The inherited ladder had thirteen spellings rendering ten values, including\n *  three different spellings of \"pill\" (`{999}`, `{99}`, `$10`). `$10`+ IS the\n *  pill, so the 115 `rounded=\"$10\"` call sites finally mean one thing. */\nconst RADIUS = {\n  0: 0,\n  1: 6,\n  2: 6,\n  3: 8,\n  4: 8,\n  5: 12,\n  6: 12,\n  7: 12,\n  8: 12,\n  9: 12,\n  10: 9999,\n  11: 9999,\n  12: 9999,\n  true: 8,\n} as const\n\n/** Spacing — the 4px ramp, and only the 4px ramp. The inherited ladder landed on\n *  odd pixels belonging to no scale: `$2`=7, `$3`=13, `$4`=18 were the three\n *  most-rendered paddings in the whole app. Mirrored into negative steps because\n *  Tamagui resolves `-$3` from this same map. */\nconst STEP: Record<string, number> = {\n  '0': 0,\n  '0.25': 1,\n  '0.5': 2,\n  '0.75': 3,\n  '1': 4,\n  '1.5': 6,\n  '2': 8,\n  '2.5': 10,\n  '3': 12,\n  '3.5': 14,\n  '4': 16,\n  '4.5': 20,\n  '5': 24,\n  '6': 32,\n  '7': 40,\n  '8': 48,\n  '9': 56,\n  '10': 64,\n  '11': 80,\n  '12': 96,\n  '13': 112,\n  '14': 128,\n  '15': 144,\n  '16': 160,\n  '17': 160,\n  '18': 176,\n  '19': 192,\n  '20': 208,\n}\n\nconst space: Record<string, number> = {}\nfor (const [k, v] of Object.entries(STEP)) {\n  space[`$${k}`] = v\n  space[`-${k}`] = -v\n}\nspace.$true = STEP['4']\nspace['-true'] = -STEP['4']\n\nexport const config = createGui({\n  ...defaultConfig,\n  tokens: {\n    ...defaultConfig.tokens,\n    radius: RADIUS,\n    space,\n  },\n  fonts: {\n    ...defaultConfig.fonts,\n    body: { ...defaultConfig.fonts.body, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },\n    heading: { ...defaultConfig.fonts.heading, family: GEIST, size: FONT_SIZE, lineHeight: LINE_HEIGHT },\n  },\n})\n\nexport default config\n\nexport type Conf = typeof config\n"]}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.16",
+  "version": "8.0.18",
   "type": "module",
-  "description": "Hanzo UI \u2014 the one canonical, backend-flexible component library on @hanzo/gui + @hanzo/tokens. A shared design core (Hanzo dark-first tokens, Geist Sans/Mono typography) with per-backend implementations: the shadcn-compatible web surface (Radix + Tailwind, the API apps import) and the @hanzo/gui product layer (cross-platform web + native + desktop). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
+  "description": "Hanzo UI — the one canonical, backend-flexible component library on @hanzo/gui + @hanzo/tokens. A shared design core (Hanzo dark-first tokens, Geist Sans/Mono typography) with per-backend implementations: the shadcn-compatible web surface (Radix + Tailwind, the API apps import) and the @hanzo/gui product layer (cross-platform web + native + desktop). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -46,6 +46,12 @@
       "require": "./dist/product/index.cjs",
       "default": "./dist/product/index.js"
     },
+    "./gui-config": {
+      "types": "./dist/gui-config.d.ts",
+      "import": "./dist/gui-config.js",
+      "require": "./dist/gui-config.cjs",
+      "default": "./dist/gui-config.js"
+    },
     "./product/social": {
       "types": "./dist/product/social/index.d.ts",
       "import": "./dist/product/social/index.js",
@@ -146,8 +152,6 @@
   ],
   "dependencies": {
     "@hanzo/logo": "^1.0.13",
-    "@hanzo/products": "^0.2.0",
-    "@hanzo/tokens": "^1.0.0",
     "@hanzogui/telemetry": "^0.1.0",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.11",
@@ -172,16 +176,19 @@
     "cmdk": "^1.1.1",
     "lucide-react": ">=0.456.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.5.0",
+    "@hanzo/tokens": "1.0.0",
+    "@hanzo/products": "0.2.0"
   },
   "peerDependencies": {
     "@hanzo/canvas": ">=0.1.0",
+    "@hanzo/cd": ">=0.1.0",
     "@hanzo/dashboard": ">=0.1.0",
     "@hanzo/data": ">=1.2.0",
-    "@hanzo/cd": ">=0.1.0",
     "@hanzo/gui": ">=7.2.2",
     "@hanzo/ui-shadcn": ">=5.7.0",
     "@hanzo/usage": ">=0.1.0",
+    "@hanzogui/config": ">=7.3.0",
     "@hanzogui/lucide-icons-2": ">=7.3.0",
     "@hanzogui/next-theme": ">=7.3.0",
     "next-themes": ">=0.2.1",
@@ -239,5 +246,16 @@
     "access": "public"
   },
   "license": "BSD-3-Clause",
-  "author": "Hanzo AI <dev@hanzo.ai>"
+  "author": "Hanzo AI <dev@hanzo.ai>",
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.build.json && mkdir -p dist/styles && cp src/styles/hanzo-motion.css dist/styles/hanzo-motion.css && node scripts/add-use-client.mjs",
+    "clean": "rm -rf dist types",
+    "gen:primitives": "node scripts/gen-primitives.mjs",
+    "tc": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "typecheck:ui": "tsc -p tsconfig.check.json",
+    "check:svelte": "svelte-check --tsconfig ./tsconfig.svelte.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
 }