@react-native-rethemed/panda-css-tokens 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 manato
+
+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/README.md

@@ -0,0 +1,61 @@
+# @react-native-rethemed/panda-css-tokens
+
+Panda CSS's default theme tokens for React Native, ready for [react-native-rethemed](https://github.com/manakuro/react-native-rethemed).
+
+Panda CSS's default theme (`@pandacss/preset-panda`): colors, radii, spacing, font sizes / weights, line heights, letter spacings and shadows. Panda ships no semantic tokens, so define `semanticTokens` in your app.
+
+## Installation
+
+```sh
+npm install @react-native-rethemed/core @react-native-rethemed/panda-css-tokens
+npm install --save-dev @react-native-rethemed/cli
+```
+
+`react` and `react-native` are peer dependencies of `@react-native-rethemed/core`.
+
+## Usage
+
+```ts
+// src/theme/theme.ts
+import { extendTheme } from '@react-native-rethemed/core';
+import { colors, pandaCssTheme } from '@react-native-rethemed/panda-css-tokens';
+
+// Panda ships no semantic tokens; define the ones your app needs.
+export const themeConfig = extendTheme(pandaCssTheme, {
+  semanticTokens: {
+    colors: {
+      fg: { default: { light: colors['gray.900'], dark: colors['gray.50'] } },
+    },
+  },
+});
+```
+
+Then generate the typed bindings (and the token reference for AI agents):
+
+```sh
+npx @react-native-rethemed/cli codegen src/theme/theme.ts --docs docs/themed.md
+```
+
+and use them in components:
+
+```tsx
+import { useThemed } from './theme/themed.gen';
+
+const { themed } = useThemed();
+```
+
+See the [main README](https://github.com/manakuro/react-native-rethemed#readme) for the full setup (`ThemedProvider`, color mode, `extendTheme`).
+
+## Exports
+
+| Export | Description |
+| --- | --- |
+| `pandaCssTheme` | The full theme |
+| `colors` | Color palette as hex (`'red.500'`) |
+| `radii`, `spacing`, `fontSizes`, `fontWeights`, `lineHeights`, `letterSpacings`, `shadows` | Individual token scales |
+
+[`example/`](https://github.com/manakuro/react-native-rethemed/tree/main/packages/react-native-rethemed/panda-css/example) shows what the CLI generates for `pandaCssTheme` (`themed.gen.ts`, `themed.md`).
+
+## License
+
+MIT. Token values are converted from [Panda CSS](https://github.com/chakra-ui/panda) (MIT).

package/dist/cjs/index.d.ts

@@ -0,0 +1,18 @@
+import { colors, fontSizes, fontWeights, letterSpacings, lineHeights, radii, shadows, spacing } from './tokens.gen';
+/**
+ * Panda CSS's default theme (`@pandacss/preset-panda`), converted for React
+ * Native. Values are generated by `scripts/generate.ts`; see
+ * `src/tokens.gen.ts`.
+ *
+ * - Lengths: rem → points at 16px; em letter spacings → points at 16px.
+ * - `colors`: Panda's (Tailwind's) oklch palette as hex. Color props take
+ *   them by name (`themed.view({ backgroundColor: 'red.500' })`).
+ * - `shadows`: first layer only; inset shadows are omitted.
+ * - No `semanticTokens`: Panda ships none. Define `semanticTokens.colors`
+ *   and `semanticTokens.text` in the app (they can reference these values).
+ *   Panda's `textStyles` are not converted for the same reason.
+ * - Not included (no RN style equivalent): sizes, fonts, blurs, durations,
+ *   easings, animations, aspect ratios, borders, breakpoints, keyframes.
+ */
+export declare const pandaCssTheme: import("@react-native-rethemed/core/config").ThemeConfig;
+export { colors, fontSizes, fontWeights, letterSpacings, lineHeights, radii, shadows, spacing, };

package/dist/cjs/index.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacing = exports.shadows = exports.radii = exports.lineHeights = exports.letterSpacings = exports.fontWeights = exports.fontSizes = exports.colors = exports.pandaCssTheme = void 0;
+const config_1 = require("@react-native-rethemed/core/config");
+const tokens_gen_1 = require("./tokens.gen");
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return tokens_gen_1.colors; } });
+Object.defineProperty(exports, "fontSizes", { enumerable: true, get: function () { return tokens_gen_1.fontSizes; } });
+Object.defineProperty(exports, "fontWeights", { enumerable: true, get: function () { return tokens_gen_1.fontWeights; } });
+Object.defineProperty(exports, "letterSpacings", { enumerable: true, get: function () { return tokens_gen_1.letterSpacings; } });
+Object.defineProperty(exports, "lineHeights", { enumerable: true, get: function () { return tokens_gen_1.lineHeights; } });
+Object.defineProperty(exports, "radii", { enumerable: true, get: function () { return tokens_gen_1.radii; } });
+Object.defineProperty(exports, "shadows", { enumerable: true, get: function () { return tokens_gen_1.shadows; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_gen_1.spacing; } });
+/**
+ * Panda CSS's default theme (`@pandacss/preset-panda`), converted for React
+ * Native. Values are generated by `scripts/generate.ts`; see
+ * `src/tokens.gen.ts`.
+ *
+ * - Lengths: rem → points at 16px; em letter spacings → points at 16px.
+ * - `colors`: Panda's (Tailwind's) oklch palette as hex. Color props take
+ *   them by name (`themed.view({ backgroundColor: 'red.500' })`).
+ * - `shadows`: first layer only; inset shadows are omitted.
+ * - No `semanticTokens`: Panda ships none. Define `semanticTokens.colors`
+ *   and `semanticTokens.text` in the app (they can reference these values).
+ *   Panda's `textStyles` are not converted for the same reason.
+ * - Not included (no RN style equivalent): sizes, fonts, blurs, durations,
+ *   easings, animations, aspect ratios, borders, breakpoints, keyframes.
+ */
+exports.pandaCssTheme = (0, config_1.defineTheme)({
+    tokens: {
+        colors: tokens_gen_1.colors,
+        radii: tokens_gen_1.radii,
+        spacing: tokens_gen_1.spacing,
+        fontSizes: tokens_gen_1.fontSizes,
+        fontWeights: tokens_gen_1.fontWeights,
+        lineHeights: tokens_gen_1.lineHeights,
+        letterSpacings: tokens_gen_1.letterSpacings,
+        shadows: tokens_gen_1.shadows,
+    },
+    // The browser default (16px); `lineHeights` are ratios of it when a style
+    // has no `fontSize` of its own.
+    defaults: {
+        fontSize: 'md',
+    },
+});

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/cjs/tokens.gen.d.ts

@@ -0,0 +1,463 @@
+/** Panda's palette (Tailwind's), converted from oklch to hex. `current` is omitted. */
+export declare const colors: {
+    readonly transparent: "#00000000";
+    readonly black: "#000000";
+    readonly white: "#ffffff";
+    readonly 'slate.50': "#f8fafc";
+    readonly 'slate.100': "#f1f5f9";
+    readonly 'slate.200': "#e2e8f0";
+    readonly 'slate.300': "#cad5e2";
+    readonly 'slate.400': "#90a1b9";
+    readonly 'slate.500': "#62748e";
+    readonly 'slate.600': "#45556c";
+    readonly 'slate.700': "#314158";
+    readonly 'slate.800': "#1d293d";
+    readonly 'slate.900': "#0f172b";
+    readonly 'slate.950': "#020618";
+    readonly 'gray.50': "#f9fafb";
+    readonly 'gray.100': "#f3f4f6";
+    readonly 'gray.200': "#e5e7eb";
+    readonly 'gray.300': "#d1d5dc";
+    readonly 'gray.400': "#99a1af";
+    readonly 'gray.500': "#6a7282";
+    readonly 'gray.600': "#4a5565";
+    readonly 'gray.700': "#364153";
+    readonly 'gray.800': "#1e2939";
+    readonly 'gray.900': "#101828";
+    readonly 'gray.950': "#030712";
+    readonly 'zinc.50': "#fafafa";
+    readonly 'zinc.100': "#f4f4f5";
+    readonly 'zinc.200': "#e4e4e7";
+    readonly 'zinc.300': "#d4d4d8";
+    readonly 'zinc.400': "#9f9fa9";
+    readonly 'zinc.500': "#71717b";
+    readonly 'zinc.600': "#52525c";
+    readonly 'zinc.700': "#3f3f46";
+    readonly 'zinc.800': "#27272a";
+    readonly 'zinc.900': "#18181b";
+    readonly 'zinc.950': "#09090b";
+    readonly 'neutral.50': "#fafafa";
+    readonly 'neutral.100': "#f5f5f5";
+    readonly 'neutral.200': "#e5e5e5";
+    readonly 'neutral.300': "#d4d4d4";
+    readonly 'neutral.400': "#a1a1a1";
+    readonly 'neutral.500': "#737373";
+    readonly 'neutral.600': "#525252";
+    readonly 'neutral.700': "#404040";
+    readonly 'neutral.800': "#262626";
+    readonly 'neutral.900': "#171717";
+    readonly 'neutral.950': "#0a0a0a";
+    readonly 'stone.50': "#fafaf9";
+    readonly 'stone.100': "#f5f5f4";
+    readonly 'stone.200': "#e7e5e4";
+    readonly 'stone.300': "#d6d3d1";
+    readonly 'stone.400': "#a6a09b";
+    readonly 'stone.500': "#79716b";
+    readonly 'stone.600': "#57534d";
+    readonly 'stone.700': "#44403b";
+    readonly 'stone.800': "#292524";
+    readonly 'stone.900': "#1c1917";
+    readonly 'stone.950': "#0c0a09";
+    readonly 'mauve.50': "#fafafa";
+    readonly 'mauve.100': "#f3f1f3";
+    readonly 'mauve.200': "#e7e4e7";
+    readonly 'mauve.300': "#d7d0d7";
+    readonly 'mauve.400': "#a89ea9";
+    readonly 'mauve.500': "#79697b";
+    readonly 'mauve.600': "#594c5b";
+    readonly 'mauve.700': "#463947";
+    readonly 'mauve.800': "#2a212c";
+    readonly 'mauve.900': "#1d161e";
+    readonly 'mauve.950': "#0c090c";
+    readonly 'olive.50': "#fbfbf9";
+    readonly 'olive.100': "#f4f4f0";
+    readonly 'olive.200': "#e8e8e3";
+    readonly 'olive.300': "#d8d8d0";
+    readonly 'olive.400': "#abab9c";
+    readonly 'olive.500': "#7c7c67";
+    readonly 'olive.600': "#5b5b4b";
+    readonly 'olive.700': "#474739";
+    readonly 'olive.800': "#2b2b22";
+    readonly 'olive.900': "#1d1d16";
+    readonly 'olive.950': "#0c0c09";
+    readonly 'mist.50': "#f9fbfb";
+    readonly 'mist.100': "#f1f3f3";
+    readonly 'mist.200': "#e3e7e8";
+    readonly 'mist.300': "#d0d6d8";
+    readonly 'mist.400': "#9ca8ab";
+    readonly 'mist.500': "#67787c";
+    readonly 'mist.600': "#4b585b";
+    readonly 'mist.700': "#394447";
+    readonly 'mist.800': "#22292b";
+    readonly 'mist.900': "#161b1d";
+    readonly 'mist.950': "#090b0c";
+    readonly 'taupe.50': "#fbfaf9";
+    readonly 'taupe.100': "#f3f1f1";
+    readonly 'taupe.200': "#e8e4e3";
+    readonly 'taupe.300': "#d8d2d0";
+    readonly 'taupe.400': "#aba09c";
+    readonly 'taupe.500': "#7c6d67";
+    readonly 'taupe.600': "#5b4f4b";
+    readonly 'taupe.700': "#473c39";
+    readonly 'taupe.800': "#2b2422";
+    readonly 'taupe.900': "#1d1816";
+    readonly 'taupe.950': "#0c0a09";
+    readonly 'red.50': "#fef2f2";
+    readonly 'red.100': "#ffe2e2";
+    readonly 'red.200': "#ffc9c9";
+    readonly 'red.300': "#ffa2a2";
+    readonly 'red.400': "#ff6467";
+    readonly 'red.500': "#fb2c36";
+    readonly 'red.600': "#e7000b";
+    readonly 'red.700': "#c10007";
+    readonly 'red.800': "#9f0712";
+    readonly 'red.900': "#82181a";
+    readonly 'red.950': "#460809";
+    readonly 'orange.50': "#fff7ed";
+    readonly 'orange.100': "#ffedd4";
+    readonly 'orange.200': "#ffd6a8";
+    readonly 'orange.300': "#ffb86a";
+    readonly 'orange.400': "#ff8904";
+    readonly 'orange.500': "#ff6900";
+    readonly 'orange.600': "#f54a00";
+    readonly 'orange.700': "#ca3500";
+    readonly 'orange.800': "#9f2d00";
+    readonly 'orange.900': "#7e2a0c";
+    readonly 'orange.950': "#441306";
+    readonly 'amber.50': "#fffbeb";
+    readonly 'amber.100': "#fef3c6";
+    readonly 'amber.200': "#fee685";
+    readonly 'amber.300': "#ffd230";
+    readonly 'amber.400': "#ffba00";
+    readonly 'amber.500': "#fd9a00";
+    readonly 'amber.600': "#e17100";
+    readonly 'amber.700': "#bb4d00";
+    readonly 'amber.800': "#973c00";
+    readonly 'amber.900': "#7b3306";
+    readonly 'amber.950': "#461901";
+    readonly 'yellow.50': "#fefce8";
+    readonly 'yellow.100': "#fef9c2";
+    readonly 'yellow.200': "#fff085";
+    readonly 'yellow.300': "#ffdf20";
+    readonly 'yellow.400': "#fcc800";
+    readonly 'yellow.500': "#efb100";
+    readonly 'yellow.600': "#d08700";
+    readonly 'yellow.700': "#a65f00";
+    readonly 'yellow.800': "#894b00";
+    readonly 'yellow.900': "#733e0a";
+    readonly 'yellow.950': "#432004";
+    readonly 'lime.50': "#f7fee7";
+    readonly 'lime.100': "#ecfcca";
+    readonly 'lime.200': "#d8f999";
+    readonly 'lime.300': "#bbf451";
+    readonly 'lime.400': "#9ae600";
+    readonly 'lime.500': "#7ccf00";
+    readonly 'lime.600': "#5ea500";
+    readonly 'lime.700': "#497d00";
+    readonly 'lime.800': "#3d6300";
+    readonly 'lime.900': "#35530e";
+    readonly 'lime.950': "#192e03";
+    readonly 'green.50': "#f0fdf4";
+    readonly 'green.100': "#dcfce7";
+    readonly 'green.200': "#b9f8cf";
+    readonly 'green.300': "#7bf1a8";
+    readonly 'green.400': "#05df72";
+    readonly 'green.500': "#00c951";
+    readonly 'green.600': "#00a63e";
+    readonly 'green.700': "#008236";
+    readonly 'green.800': "#016630";
+    readonly 'green.900': "#0d542b";
+    readonly 'green.950': "#032e15";
+    readonly 'emerald.50': "#ecfdf5";
+    readonly 'emerald.100': "#d0fae5";
+    readonly 'emerald.200': "#a4f4cf";
+    readonly 'emerald.300': "#5ee9b5";
+    readonly 'emerald.400': "#00d492";
+    readonly 'emerald.500': "#00bc7d";
+    readonly 'emerald.600': "#009966";
+    readonly 'emerald.700': "#007a55";
+    readonly 'emerald.800': "#006045";
+    readonly 'emerald.900': "#004f3b";
+    readonly 'emerald.950': "#002c22";
+    readonly 'teal.50': "#f0fdfa";
+    readonly 'teal.100': "#cbfbf1";
+    readonly 'teal.200': "#96f7e4";
+    readonly 'teal.300': "#46ecd5";
+    readonly 'teal.400': "#00d5be";
+    readonly 'teal.500': "#00bba7";
+    readonly 'teal.600': "#009689";
+    readonly 'teal.700': "#00786f";
+    readonly 'teal.800': "#005f5a";
+    readonly 'teal.900': "#0b4f4a";
+    readonly 'teal.950': "#022f2e";
+    readonly 'cyan.50': "#ecfeff";
+    readonly 'cyan.100': "#cefafe";
+    readonly 'cyan.200': "#a2f4fd";
+    readonly 'cyan.300': "#53eafd";
+    readonly 'cyan.400': "#00d3f2";
+    readonly 'cyan.500': "#00b8db";
+    readonly 'cyan.600': "#0092b8";
+    readonly 'cyan.700': "#007595";
+    readonly 'cyan.800': "#005f78";
+    readonly 'cyan.900': "#104e64";
+    readonly 'cyan.950': "#053345";
+    readonly 'sky.50': "#f0f9ff";
+    readonly 'sky.100': "#dff2fe";
+    readonly 'sky.200': "#b8e6fe";
+    readonly 'sky.300': "#74d4ff";
+    readonly 'sky.400': "#00bcff";
+    readonly 'sky.500': "#00a6f4";
+    readonly 'sky.600': "#0084d1";
+    readonly 'sky.700': "#0069a8";
+    readonly 'sky.800': "#00598a";
+    readonly 'sky.900': "#024a70";
+    readonly 'sky.950': "#052f4a";
+    readonly 'blue.50': "#eff6ff";
+    readonly 'blue.100': "#dbeafe";
+    readonly 'blue.200': "#bedbff";
+    readonly 'blue.300': "#8ec5ff";
+    readonly 'blue.400': "#51a2ff";
+    readonly 'blue.500': "#2b7fff";
+    readonly 'blue.600': "#155dfc";
+    readonly 'blue.700': "#1447e6";
+    readonly 'blue.800': "#193cb8";
+    readonly 'blue.900': "#1c398e";
+    readonly 'blue.950': "#162456";
+    readonly 'indigo.50': "#eef2ff";
+    readonly 'indigo.100': "#e0e7ff";
+    readonly 'indigo.200': "#c6d2ff";
+    readonly 'indigo.300': "#a3b3ff";
+    readonly 'indigo.400': "#7c86ff";
+    readonly 'indigo.500': "#615fff";
+    readonly 'indigo.600': "#4f39f6";
+    readonly 'indigo.700': "#432dd7";
+    readonly 'indigo.800': "#372aac";
+    readonly 'indigo.900': "#312c85";
+    readonly 'indigo.950': "#1e1a4d";
+    readonly 'violet.50': "#f5f3ff";
+    readonly 'violet.100': "#ede9fe";
+    readonly 'violet.200': "#ddd6ff";
+    readonly 'violet.300': "#c4b4ff";
+    readonly 'violet.400': "#a684ff";
+    readonly 'violet.500': "#8e51ff";
+    readonly 'violet.600': "#7f22fe";
+    readonly 'violet.700': "#7008e7";
+    readonly 'violet.800': "#5d0ec0";
+    readonly 'violet.900': "#4d179a";
+    readonly 'violet.950': "#2f0d68";
+    readonly 'purple.50': "#faf5ff";
+    readonly 'purple.100': "#f3e8ff";
+    readonly 'purple.200': "#e9d4ff";
+    readonly 'purple.300': "#dab2ff";
+    readonly 'purple.400': "#c27aff";
+    readonly 'purple.500': "#ad46ff";
+    readonly 'purple.600': "#9810fa";
+    readonly 'purple.700': "#8200db";
+    readonly 'purple.800': "#6e11b0";
+    readonly 'purple.900': "#59168b";
+    readonly 'purple.950': "#3c0366";
+    readonly 'fuchsia.50': "#fdf4ff";
+    readonly 'fuchsia.100': "#fae8ff";
+    readonly 'fuchsia.200': "#f6cfff";
+    readonly 'fuchsia.300': "#f4a8ff";
+    readonly 'fuchsia.400': "#ed6bff";
+    readonly 'fuchsia.500': "#e12afb";
+    readonly 'fuchsia.600': "#c800de";
+    readonly 'fuchsia.700': "#a800b7";
+    readonly 'fuchsia.800': "#8a0194";
+    readonly 'fuchsia.900': "#721378";
+    readonly 'fuchsia.950': "#4b004f";
+    readonly 'pink.50': "#fdf2f8";
+    readonly 'pink.100': "#fce7f3";
+    readonly 'pink.200': "#fccee8";
+    readonly 'pink.300': "#fda5d5";
+    readonly 'pink.400': "#fb64b6";
+    readonly 'pink.500': "#f6339a";
+    readonly 'pink.600': "#e60076";
+    readonly 'pink.700': "#c6005c";
+    readonly 'pink.800': "#a3004c";
+    readonly 'pink.900': "#861043";
+    readonly 'pink.950': "#510424";
+    readonly 'rose.50': "#fff1f2";
+    readonly 'rose.100': "#ffe4e6";
+    readonly 'rose.200': "#ffccd3";
+    readonly 'rose.300': "#ffa1ad";
+    readonly 'rose.400': "#ff637e";
+    readonly 'rose.500': "#ff2056";
+    readonly 'rose.600': "#ec003f";
+    readonly 'rose.700': "#c70036";
+    readonly 'rose.800': "#a50036";
+    readonly 'rose.900': "#8b0836";
+    readonly 'rose.950': "#4d0218";
+};
+/** Border radii, in points (1rem = 16). */
+export declare const radii: {
+    readonly xs: 2;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 8;
+    readonly xl: 12;
+    readonly '2xl': 16;
+    readonly '3xl': 24;
+    readonly '4xl': 32;
+    readonly full: 9999;
+};
+/** Spacing scale, in points (1rem = 16). */
+export declare const spacing: {
+    readonly 0: 0;
+    readonly 0.5: 2;
+    readonly 1: 4;
+    readonly 1.5: 6;
+    readonly 2: 8;
+    readonly 2.5: 10;
+    readonly 3: 12;
+    readonly 3.5: 14;
+    readonly 4: 16;
+    readonly 4.5: 18;
+    readonly 5: 20;
+    readonly 5.5: 22;
+    readonly 6: 24;
+    readonly 7: 28;
+    readonly 8: 32;
+    readonly 9: 36;
+    readonly 10: 40;
+    readonly 11: 44;
+    readonly 12: 48;
+    readonly 14: 56;
+    readonly 16: 64;
+    readonly 20: 80;
+    readonly 24: 96;
+    readonly 28: 112;
+    readonly 32: 128;
+    readonly 36: 144;
+    readonly 40: 160;
+    readonly 44: 176;
+    readonly 48: 192;
+    readonly 52: 208;
+    readonly 56: 224;
+    readonly 60: 240;
+    readonly 64: 256;
+    readonly 72: 288;
+    readonly 80: 320;
+    readonly 96: 384;
+};
+/** Font sizes, in points (1rem = 16). */
+export declare const fontSizes: {
+    readonly '2xs': 8;
+    readonly xs: 12;
+    readonly sm: 14;
+    readonly md: 16;
+    readonly lg: 18;
+    readonly xl: 20;
+    readonly '2xl': 24;
+    readonly '3xl': 30;
+    readonly '4xl': 36;
+    readonly '5xl': 48;
+    readonly '6xl': 60;
+    readonly '7xl': 72;
+    readonly '8xl': 96;
+    readonly '9xl': 128;
+};
+/** Font weights. */
+export declare const fontWeights: {
+    readonly thin: "100";
+    readonly extralight: "200";
+    readonly light: "300";
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+    readonly extrabold: "800";
+    readonly black: "900";
+};
+/** Line heights, as ratios of `fontSize`. */
+export declare const lineHeights: {
+    readonly none: 1;
+    readonly tight: 1.25;
+    readonly snug: 1.375;
+    readonly normal: 1.5;
+    readonly relaxed: 1.625;
+    readonly loose: 2;
+};
+/** Letter spacings: em values converted to points at a 16px font size. */
+export declare const letterSpacings: {
+    readonly tighter: -0.8;
+    readonly tight: -0.4;
+    readonly normal: 0;
+    readonly wide: 0.4;
+    readonly wider: 0.8;
+    readonly widest: 1.6;
+};
+/** Box shadows as single-layer RN shadows. Inset shadows are omitted. */
+export declare const shadows: {
+    readonly '2xs': {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 0;
+        readonly elevation: 1;
+    };
+    readonly xs: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.05;
+        readonly shadowRadius: 1;
+        readonly elevation: 1;
+    };
+    readonly sm: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 1;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 1.5;
+        readonly elevation: 2;
+    };
+    readonly md: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 3;
+        readonly elevation: 4;
+    };
+    readonly lg: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 10;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 7.5;
+        readonly elevation: 8;
+    };
+    readonly xl: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 20;
+        };
+        readonly shadowOpacity: 0.1;
+        readonly shadowRadius: 12.5;
+        readonly elevation: 12;
+    };
+    readonly '2xl': {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 25;
+        };
+        readonly shadowOpacity: 0.25;
+        readonly shadowRadius: 25;
+        readonly elevation: 16;
+    };
+};