@hanzogui/themes 2.0.0

package/dist/cjs/v4-gui.cjs

@@ -0,0 +1,235 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var v4_gui_exports = {};
+__export(v4_gui_exports, {
+  guiThemes: () => guiThemes
+});
+module.exports = __toCommonJS(v4_gui_exports);
+var Colors = __toESM(require("@hanzogui/colors/legacy"), 1),
+  import_theme_builder = require("@hanzogui/theme-builder"),
+  import_color2k = require("color2k");
+const desat = (colors, amount) => Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, (0, import_color2k.desaturate)(value, amount)])),
+  colorsGreenDark = desat(Colors.greenDark, 0.2),
+  colorsGreen = desat(Colors.green, 0.2),
+  darkPalette = ["#040404", "#090909", "#111", "#151515", "#222", "#282828", "#343434", "#424242", "#515151", "#626262", "#a5a5a5", "#fff"],
+  lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"],
+  lightShadows = {
+    shadow1: "rgba(0,0,0,0.04)",
+    shadow2: "rgba(0,0,0,0.08)",
+    shadow3: "rgba(0,0,0,0.16)",
+    shadow4: "rgba(0,0,0,0.24)",
+    shadow5: "rgba(0,0,0,0.32)",
+    shadow6: "rgba(0,0,0,0.4)",
+    shadow7: "rgba(0,0,0,0.5)",
+    shadow8: "rgba(0,0,0,0.6)",
+    shadow9: "rgba(0,0,0,0.7)",
+    shadow10: "rgba(0,0,0,0.8)"
+  },
+  darkShadows = {
+    shadow1: "rgba(0,0,0,0.2)",
+    shadow2: "rgba(0,0,0,0.3)",
+    shadow3: "rgba(0,0,0,0.4)",
+    shadow4: "rgba(0,0,0,0.5)",
+    shadow5: "rgba(0,0,0,0.6)",
+    shadow6: "rgba(0,0,0,0.65)",
+    shadow7: "rgba(0,0,0,0.75)",
+    shadow8: "rgba(0,0,0,0.8)",
+    shadow9: "rgba(0,0,0,0.85)",
+    shadow10: "rgba(0,0,0,0.9)"
+  },
+  blackColors = {
+    black1: darkPalette[0],
+    black2: darkPalette[1],
+    black3: darkPalette[2],
+    black4: darkPalette[3],
+    black5: darkPalette[4],
+    black6: darkPalette[5],
+    black7: darkPalette[6],
+    black8: darkPalette[7],
+    black9: darkPalette[8],
+    black10: darkPalette[9],
+    black11: darkPalette[10],
+    black12: darkPalette[11]
+  },
+  whiteColors = {
+    white1: lightPalette[0],
+    white2: lightPalette[1],
+    white3: lightPalette[2],
+    white4: lightPalette[3],
+    white5: lightPalette[4],
+    white6: lightPalette[5],
+    white7: lightPalette[6],
+    white8: lightPalette[7],
+    white9: lightPalette[8],
+    white10: lightPalette[9],
+    white11: lightPalette[10],
+    white12: lightPalette[11]
+  },
+  themes = (0, import_theme_builder.createV4Themes)({
+    componentThemes: import_theme_builder.defaultComponentThemes,
+    base: {
+      palette: {
+        dark: darkPalette,
+        light: lightPalette
+      },
+      // for values we don't want being inherited onto sub-themes
+      extra: {
+        light: {
+          ...Colors.blue,
+          ...Colors.gray,
+          ...colorsGreen,
+          ...Colors.orange,
+          ...Colors.pink,
+          ...Colors.purple,
+          ...Colors.red,
+          ...Colors.yellow,
+          ...lightShadows,
+          ...blackColors,
+          ...whiteColors,
+          shadowColor: lightShadows.shadow1,
+          colorBg: "#fff"
+        },
+        dark: {
+          ...Colors.blueDark,
+          ...Colors.grayDark,
+          ...colorsGreenDark,
+          ...Colors.orangeDark,
+          ...Colors.pinkDark,
+          ...Colors.purpleDark,
+          ...Colors.redDark,
+          ...Colors.yellowDark,
+          ...darkShadows,
+          ...blackColors,
+          ...whiteColors,
+          shadowColor: darkShadows.shadow1,
+          colorBg: "#000"
+        }
+      }
+    },
+    // inverse accent theme
+    accent: {
+      palette: {
+        dark: lightPalette,
+        light: darkPalette
+      }
+    },
+    childrenThemes: {
+      black: {
+        palette: {
+          dark: Object.values(blackColors),
+          light: Object.values(blackColors)
+        }
+      },
+      white: {
+        palette: {
+          dark: Object.values(whiteColors),
+          light: Object.values(whiteColors)
+        }
+      },
+      gray: {
+        palette: {
+          dark: Object.values(Colors.grayDark),
+          light: Object.values(Colors.gray)
+        }
+      },
+      blue: {
+        palette: {
+          dark: Object.values(Colors.blueDark),
+          light: Object.values(Colors.blue)
+        }
+      },
+      orange: {
+        palette: {
+          dark: Object.values(Colors.orangeDark),
+          light: Object.values(Colors.orange)
+        }
+      },
+      red: {
+        palette: {
+          dark: Object.values(Colors.redDark),
+          light: Object.values(Colors.red)
+        }
+      },
+      yellow: {
+        palette: {
+          dark: Object.values(Colors.yellowDark),
+          light: Object.values(Colors.yellow)
+        }
+      },
+      green: {
+        palette: {
+          dark: Object.values(colorsGreenDark),
+          light: Object.values(colorsGreen)
+        }
+      },
+      purple: {
+        palette: {
+          dark: Object.values(Colors.purpleDark),
+          light: Object.values(Colors.purple)
+        }
+      },
+      pink: {
+        palette: {
+          dark: Object.values(Colors.pinkDark),
+          light: Object.values(Colors.pink)
+        }
+      },
+      tan: {
+        palette: {
+          light: ["hsla(40, 30%, 98%, 1)", "hsla(40, 24%, 94%, 1)", "hsla(38, 23%, 91%, 1)", "hsla(36, 20%, 90%, 1)", "hsla(36, 20%, 88%, 1)", "hsla(35, 20%, 85%, 1)", "hsla(35, 21%, 74%, 1)", "hsla(34, 20%, 70%, 1)", "hsla(35, 20%, 67%, 1)", "hsla(34, 19%, 47%, 1)", "hsla(35, 18%, 37%, 1)", "hsla(35, 17%, 20%, 1)"],
+          dark: ["hsla(30, 9%, 10%, 1)", "hsla(30, 10%, 12%, 1)", "hsla(31, 11%, 18%, 1)", "hsla(30, 12%, 23%, 1)", "hsla(30, 14%, 28%, 1)", "hsla(30, 16%, 33%, 1)", "hsla(30, 18%, 38%, 1)", "hsla(30, 20%, 45%, 1)", "hsla(30, 21%, 50%, 1)", "hsla(29, 22%, 58%, 1)", "hsla(34, 24%, 70%, 1)", "hsla(11, 12%, 79%, 1)"]
+        }
+      }
+    },
+    grandChildrenThemes: {
+      // inverse accent theme
+      accent: {
+        template: "inverse"
+      },
+      alt1: {
+        template: "alt1"
+      },
+      alt2: {
+        template: "alt2"
+      },
+      surface1: {
+        template: "surface1"
+      },
+      surface2: {
+        template: "surface2"
+      },
+      surface3: {
+        template: "surface3"
+      }
+    }
+  }),
+  guiThemes = process.env.HANZO_GUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : themes;

package/dist/cjs/v4-gui.native.js

@@ -0,0 +1,243 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var v4_gui_exports = {};
+__export(v4_gui_exports, {
+  guiThemes: () => guiThemes
+});
+module.exports = __toCommonJS(v4_gui_exports);
+var Colors = __toESM(require("@hanzogui/colors/legacy"), 1),
+  import_theme_builder = require("@hanzogui/theme-builder"),
+  import_color2k = require("color2k"),
+  desat = function (colors, amount) {
+    return Object.fromEntries(Object.entries(colors).map(function (param) {
+      var [key, value] = param;
+      return [key, (0, import_color2k.desaturate)(value, amount)];
+    }));
+  },
+  colorsGreenDark = desat(Colors.greenDark, 0.2),
+  colorsGreen = desat(Colors.green, 0.2),
+  darkPalette = ["#040404", "#090909", "#111", "#151515", "#222", "#282828", "#343434", "#424242", "#515151", "#626262", "#a5a5a5", "#fff"],
+  lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"],
+  lightShadows = {
+    shadow1: "rgba(0,0,0,0.04)",
+    shadow2: "rgba(0,0,0,0.08)",
+    shadow3: "rgba(0,0,0,0.16)",
+    shadow4: "rgba(0,0,0,0.24)",
+    shadow5: "rgba(0,0,0,0.32)",
+    shadow6: "rgba(0,0,0,0.4)",
+    shadow7: "rgba(0,0,0,0.5)",
+    shadow8: "rgba(0,0,0,0.6)",
+    shadow9: "rgba(0,0,0,0.7)",
+    shadow10: "rgba(0,0,0,0.8)"
+  },
+  darkShadows = {
+    shadow1: "rgba(0,0,0,0.2)",
+    shadow2: "rgba(0,0,0,0.3)",
+    shadow3: "rgba(0,0,0,0.4)",
+    shadow4: "rgba(0,0,0,0.5)",
+    shadow5: "rgba(0,0,0,0.6)",
+    shadow6: "rgba(0,0,0,0.65)",
+    shadow7: "rgba(0,0,0,0.75)",
+    shadow8: "rgba(0,0,0,0.8)",
+    shadow9: "rgba(0,0,0,0.85)",
+    shadow10: "rgba(0,0,0,0.9)"
+  },
+  blackColors = {
+    black1: darkPalette[0],
+    black2: darkPalette[1],
+    black3: darkPalette[2],
+    black4: darkPalette[3],
+    black5: darkPalette[4],
+    black6: darkPalette[5],
+    black7: darkPalette[6],
+    black8: darkPalette[7],
+    black9: darkPalette[8],
+    black10: darkPalette[9],
+    black11: darkPalette[10],
+    black12: darkPalette[11]
+  },
+  whiteColors = {
+    white1: lightPalette[0],
+    white2: lightPalette[1],
+    white3: lightPalette[2],
+    white4: lightPalette[3],
+    white5: lightPalette[4],
+    white6: lightPalette[5],
+    white7: lightPalette[6],
+    white8: lightPalette[7],
+    white9: lightPalette[8],
+    white10: lightPalette[9],
+    white11: lightPalette[10],
+    white12: lightPalette[11]
+  },
+  themes = (0, import_theme_builder.createV4Themes)({
+    componentThemes: import_theme_builder.defaultComponentThemes,
+    base: {
+      palette: {
+        dark: darkPalette,
+        light: lightPalette
+      },
+      // for values we don't want being inherited onto sub-themes
+      extra: {
+        light: {
+          ...Colors.blue,
+          ...Colors.gray,
+          ...colorsGreen,
+          ...Colors.orange,
+          ...Colors.pink,
+          ...Colors.purple,
+          ...Colors.red,
+          ...Colors.yellow,
+          ...lightShadows,
+          ...blackColors,
+          ...whiteColors,
+          shadowColor: lightShadows.shadow1,
+          colorBg: "#fff"
+        },
+        dark: {
+          ...Colors.blueDark,
+          ...Colors.grayDark,
+          ...colorsGreenDark,
+          ...Colors.orangeDark,
+          ...Colors.pinkDark,
+          ...Colors.purpleDark,
+          ...Colors.redDark,
+          ...Colors.yellowDark,
+          ...darkShadows,
+          ...blackColors,
+          ...whiteColors,
+          shadowColor: darkShadows.shadow1,
+          colorBg: "#000"
+        }
+      }
+    },
+    // inverse accent theme
+    accent: {
+      palette: {
+        dark: lightPalette,
+        light: darkPalette
+      }
+    },
+    childrenThemes: {
+      black: {
+        palette: {
+          dark: Object.values(blackColors),
+          light: Object.values(blackColors)
+        }
+      },
+      white: {
+        palette: {
+          dark: Object.values(whiteColors),
+          light: Object.values(whiteColors)
+        }
+      },
+      gray: {
+        palette: {
+          dark: Object.values(Colors.grayDark),
+          light: Object.values(Colors.gray)
+        }
+      },
+      blue: {
+        palette: {
+          dark: Object.values(Colors.blueDark),
+          light: Object.values(Colors.blue)
+        }
+      },
+      orange: {
+        palette: {
+          dark: Object.values(Colors.orangeDark),
+          light: Object.values(Colors.orange)
+        }
+      },
+      red: {
+        palette: {
+          dark: Object.values(Colors.redDark),
+          light: Object.values(Colors.red)
+        }
+      },
+      yellow: {
+        palette: {
+          dark: Object.values(Colors.yellowDark),
+          light: Object.values(Colors.yellow)
+        }
+      },
+      green: {
+        palette: {
+          dark: Object.values(colorsGreenDark),
+          light: Object.values(colorsGreen)
+        }
+      },
+      purple: {
+        palette: {
+          dark: Object.values(Colors.purpleDark),
+          light: Object.values(Colors.purple)
+        }
+      },
+      pink: {
+        palette: {
+          dark: Object.values(Colors.pinkDark),
+          light: Object.values(Colors.pink)
+        }
+      },
+      tan: {
+        palette: {
+          light: ["hsla(40, 30%, 98%, 1)", "hsla(40, 24%, 94%, 1)", "hsla(38, 23%, 91%, 1)", "hsla(36, 20%, 90%, 1)", "hsla(36, 20%, 88%, 1)", "hsla(35, 20%, 85%, 1)", "hsla(35, 21%, 74%, 1)", "hsla(34, 20%, 70%, 1)", "hsla(35, 20%, 67%, 1)", "hsla(34, 19%, 47%, 1)", "hsla(35, 18%, 37%, 1)", "hsla(35, 17%, 20%, 1)"],
+          dark: ["hsla(30, 9%, 10%, 1)", "hsla(30, 10%, 12%, 1)", "hsla(31, 11%, 18%, 1)", "hsla(30, 12%, 23%, 1)", "hsla(30, 14%, 28%, 1)", "hsla(30, 16%, 33%, 1)", "hsla(30, 18%, 38%, 1)", "hsla(30, 20%, 45%, 1)", "hsla(30, 21%, 50%, 1)", "hsla(29, 22%, 58%, 1)", "hsla(34, 24%, 70%, 1)", "hsla(11, 12%, 79%, 1)"]
+        }
+      }
+    },
+    grandChildrenThemes: {
+      // inverse accent theme
+      accent: {
+        template: "inverse"
+      },
+      alt1: {
+        template: "alt1"
+      },
+      alt2: {
+        template: "alt2"
+      },
+      surface1: {
+        template: "surface1"
+      },
+      surface2: {
+        template: "surface2"
+      },
+      surface3: {
+        template: "surface3"
+      }
+    }
+  }),
+  guiThemes = process.env.HANZO_GUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : themes;
+//# sourceMappingURL=v4-gui.native.js.map

package/dist/cjs/v4-gui.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v4_gui_exports","__export","guiThemes","module","exports","Colors","__toESM","require","import_theme_builder","import_color2k","desat","colors","amount","Object","fromEntries","entries","map","param","key","desaturate","colorsGreenDark","greenDark","colorsGreen","green","darkPalette","lightPalette","lightShadows","shadow1","shadow2","shadow3","shadow4","shadow5","shadow6","shadow7","shadow8","shadow9","shadow10","darkShadows","blackColors","black1","black2","black3","black4","black5","black6","black7","black8","black9","black10","black11","black12","whiteColors","white1","white2","white3","white4","white5","white6","white7","white8","white9","white10","white11","white12","themes","createV4Themes","componentThemes","defaultComponentThemes","base","palette","dark","light","extra","blue","gray","orange","pink","purple","red","yellow","shadowColor","colorBg","blueDark","grayDark","orangeDark","pinkDark","purpleDark","redDark","yellowDark","accent","childrenThemes","black","values","white","tan","grandChildrenThemes","template","alt1","alt2","surface1","surface2"],"sources":["../../src/v4-gui.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/v4-tokens.cjs

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var v4_tokens_exports = {};
+__export(v4_tokens_exports, {
+  radius: () => radius,
+  size: () => size,
+  space: () => space,
+  spaces: () => spaces,
+  spacesNegative: () => spacesNegative,
+  tokens: () => tokens,
+  zIndex: () => zIndex
+});
+module.exports = __toCommonJS(v4_tokens_exports);
+var import_utils = require("./utils.cjs");
+const size = {
+    $0: 0,
+    "$0.25": 2,
+    "$0.5": 4,
+    "$0.75": 8,
+    $1: 20,
+    "$1.5": 24,
+    $2: 28,
+    "$2.5": 32,
+    $3: 36,
+    "$3.5": 40,
+    $4: 44,
+    $true: 44,
+    "$4.5": 48,
+    $5: 52,
+    $6: 64,
+    $7: 74,
+    $8: 84,
+    $9: 94,
+    $10: 104,
+    $11: 124,
+    $12: 144,
+    $13: 164,
+    $14: 184,
+    $15: 204,
+    $16: 224,
+    $17: 224,
+    $18: 244,
+    $19: 264,
+    $20: 284
+  },
+  spaces = Object.entries(size).map(([k, v]) => [k, (0, import_utils.sizeToSpace)(v)]),
+  spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]),
+  space = {
+    ...Object.fromEntries(spaces),
+    ...Object.fromEntries(spacesNegative)
+  },
+  zIndex = {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500
+  },
+  radius = {
+    0: 0,
+    1: 3,
+    2: 5,
+    3: 7,
+    4: 9,
+    true: 9,
+    5: 10,
+    6: 16,
+    7: 19,
+    8: 22,
+    9: 26,
+    10: 34,
+    11: 42,
+    12: 50
+  },
+  tokens = {
+    radius,
+    zIndex,
+    space,
+    size
+  };

package/dist/cjs/v4-tokens.native.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var v4_tokens_exports = {};
+__export(v4_tokens_exports, {
+  radius: () => radius,
+  size: () => size,
+  space: () => space,
+  spaces: () => spaces,
+  spacesNegative: () => spacesNegative,
+  tokens: () => tokens,
+  zIndex: () => zIndex
+});
+module.exports = __toCommonJS(v4_tokens_exports);
+var import_utils = require("./utils.native.js"),
+  size = {
+    $0: 0,
+    "$0.25": 2,
+    "$0.5": 4,
+    "$0.75": 8,
+    $1: 20,
+    "$1.5": 24,
+    $2: 28,
+    "$2.5": 32,
+    $3: 36,
+    "$3.5": 40,
+    $4: 44,
+    $true: 44,
+    "$4.5": 48,
+    $5: 52,
+    $6: 64,
+    $7: 74,
+    $8: 84,
+    $9: 94,
+    $10: 104,
+    $11: 124,
+    $12: 144,
+    $13: 164,
+    $14: 184,
+    $15: 204,
+    $16: 224,
+    $17: 224,
+    $18: 244,
+    $19: 264,
+    $20: 284
+  },
+  spaces = Object.entries(size).map(function (param) {
+    var [k, v] = param;
+    return [k, (0, import_utils.sizeToSpace)(v)];
+  }),
+  spacesNegative = spaces.slice(1).map(function (param) {
+    var [k, v] = param;
+    return [`-${k.slice(1)}`, -v];
+  }),
+  space = {
+    ...Object.fromEntries(spaces),
+    ...Object.fromEntries(spacesNegative)
+  },
+  zIndex = {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500
+  },
+  radius = {
+    0: 0,
+    1: 3,
+    2: 5,
+    3: 7,
+    4: 9,
+    true: 9,
+    5: 10,
+    6: 16,
+    7: 19,
+    8: 22,
+    9: 26,
+    10: 34,
+    11: 42,
+    12: 50
+  },
+  tokens = {
+    radius,
+    zIndex,
+    space,
+    size
+  };
+//# sourceMappingURL=v4-tokens.native.js.map