@advui/theme 0.1.0

package/LICENSE

@@ -0,0 +1,49 @@
+MIT License
+
+Copyright (c) 2026 Universal UI contributors
+
+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.
+
+---------------------------------------------------------------------------
+
+Third-party notices
+
+Icons in packages/icons are generated from Lucide (https://lucide.dev),
+licensed under the ISC License:
+
+  ISC License
+  Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part
+  of Feather (MIT). All other copyright (c) for Lucide are held by Lucide
+  Contributors 2022.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted, provided that the above
+  copyright notice and this permission notice appear in all copies.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+  WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+  MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY
+  SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+  WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION
+  OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN
+  CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+Color scales in packages/theme are based on Radix Colors
+(https://github.com/radix-ui/colors), licensed under the MIT License,
+Copyright (c) 2022 WorkOS.

package/README.md

@@ -0,0 +1,23 @@
+# @advui/theme
+
+Tokens, palettes and theme generation for Adv UI.
+
+```ts
+import { createUniversalConfig } from '@advui/theme'
+
+export const config = createUniversalConfig({
+  preset: 'violet',
+  colors: { primary: '#0ea5e9' },
+  radius: 'lg',
+  fontScale: 'default',
+})
+```
+
+- 10 presets; any CSS color becomes a light and dark 12-step scale (OKLCH)
+- about 80 semantic theme values with WCAG AA contrast enforced
+- space, size, radius and zIndex tokens; fonts; media queries; shadows;
+  animations (CSS on web, React Native Animated on native)
+- `createThemeColors` for runtime theme swaps with Tamagui's `updateTheme`
+
+See [THEMING.md](../../THEMING.md). License: MIT. Color scales are based on
+Radix Colors (MIT).

package/dist/animations.d.ts

@@ -0,0 +1,18 @@
+export declare const animations: import("@tamagui/web").AnimationDriver<{
+    '0ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    quicker: string;
+    quick: string;
+    medium: string;
+    slow: string;
+    bouncy: string;
+    lazy: string;
+}>;
+//# sourceMappingURL=animations.d.ts.map

package/dist/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../src/animations.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;EAgBrB,CAAA"}

package/dist/animations.js

@@ -0,0 +1,25 @@
+import { createAnimations } from '@tamagui/animations-css';
+// Web: CSS transitions — no JS animation runtime. Reduced motion is honored
+// globally by the provider's `prefers-reduced-motion` stylesheet.
+//
+// The millisecond names match Tamagui's v5 config: Tamagui primitives (Toast,
+// Sheet…) reference them internally, so they must exist in every config.
+const ease = 'cubic-bezier(0.22, 1, 0.36, 1)';
+export const animations = createAnimations({
+    '0ms': '0ms linear',
+    '50ms': '50ms linear',
+    '75ms': '75ms linear',
+    '100ms': '100ms ease-out',
+    '200ms': '200ms ease-out',
+    '250ms': '250ms ease-out',
+    '300ms': '300ms ease-out',
+    '400ms': '400ms ease-out',
+    '500ms': '500ms ease-out',
+    quicker: `120ms ${ease}`,
+    quick: `160ms ${ease}`,
+    medium: `240ms ${ease}`,
+    slow: `360ms ${ease}`,
+    bouncy: '300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+    lazy: `480ms ${ease}`,
+});
+//# sourceMappingURL=animations.js.map

package/dist/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../src/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,4EAA4E;AAC5E,kEAAkE;AAClE,EAAE;AACF,8EAA8E;AAC9E,yEAAyE;AACzE,MAAM,IAAI,GAAG,gCAAgC,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,SAAS,IAAI,EAAE;IACxB,KAAK,EAAE,SAAS,IAAI,EAAE;IACtB,MAAM,EAAE,SAAS,IAAI,EAAE;IACvB,IAAI,EAAE,SAAS,IAAI,EAAE;IACrB,MAAM,EAAE,+CAA+C;IACvD,IAAI,EAAE,SAAS,IAAI,EAAE;CACtB,CAAC,CAAA"}

package/dist/animations.native.d.ts

@@ -0,0 +1,75 @@
+export declare const animations: import("@tamagui/web").AnimationDriver<{
+    '0ms': {
+        type: "timing";
+        duration: number;
+    };
+    '50ms': {
+        type: "timing";
+        duration: number;
+    };
+    '75ms': {
+        type: "timing";
+        duration: number;
+    };
+    '100ms': {
+        type: "timing";
+        duration: number;
+    };
+    '200ms': {
+        type: "timing";
+        duration: number;
+    };
+    '250ms': {
+        type: "timing";
+        duration: number;
+    };
+    '300ms': {
+        type: "timing";
+        duration: number;
+    };
+    '400ms': {
+        type: "timing";
+        duration: number;
+    };
+    '500ms': {
+        type: "timing";
+        duration: number;
+    };
+    quicker: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    quick: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    medium: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    slow: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    bouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    lazy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+}>;
+//# sourceMappingURL=animations.native.d.ts.map

package/dist/animations.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.native.d.ts","sourceRoot":"","sources":["../src/animations.native.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBrB,CAAA"}

package/dist/animations.native.js

@@ -0,0 +1,21 @@
+import { createAnimations } from '@tamagui/animations-react-native';
+// Native: React Native Animated driver — no extra native modules, works in Expo Go.
+// Keep the key set identical to animations.ts (Tamagui primitives use the ms names).
+export const animations = createAnimations({
+    '0ms': { type: 'timing', duration: 0 },
+    '50ms': { type: 'timing', duration: 50 },
+    '75ms': { type: 'timing', duration: 75 },
+    '100ms': { type: 'timing', duration: 100 },
+    '200ms': { type: 'timing', duration: 200 },
+    '250ms': { type: 'timing', duration: 250 },
+    '300ms': { type: 'timing', duration: 300 },
+    '400ms': { type: 'timing', duration: 400 },
+    '500ms': { type: 'timing', duration: 500 },
+    quicker: { type: 'spring', damping: 20, mass: 0.6, stiffness: 600 },
+    quick: { type: 'spring', damping: 22, mass: 1, stiffness: 500 },
+    medium: { type: 'spring', damping: 18, mass: 0.9, stiffness: 180 },
+    slow: { type: 'spring', damping: 30, mass: 1, stiffness: 90 },
+    bouncy: { type: 'spring', damping: 10, mass: 0.9, stiffness: 120 },
+    lazy: { type: 'spring', damping: 18, mass: 1, stiffness: 50 },
+});
+//# sourceMappingURL=animations.native.js.map

package/dist/animations.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.native.js","sourceRoot":"","sources":["../src/animations.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAEnE,oFAAoF;AACpF,qFAAqF;AACrF,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACzC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE;IACtC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IACnE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE;IAC/D,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IAClE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7D,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IAClE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;CAC9D,CAAC,CAAA"}

package/dist/config.d.ts

@@ -0,0 +1,427 @@
+import { type FontFamilies, type FontScale } from './fonts';
+import { type ThemePresetName } from './presets';
+import { type ThemeColorsInput } from './themes';
+import { type RadiusScale } from './tokens';
+export interface UniversalConfigOptions {
+    /** Starting color preset. Individual `colors` win over the preset. Default: `indigo`. */
+    preset?: ThemePresetName;
+    /** Brand and intent colors — scale names (`'violet'`) or any color string (`'#6366f1'`). */
+    colors?: ThemeColorsInput;
+    /** Corner roundness for every component. Default: `md` (8px base). */
+    radius?: RadiusScale | number;
+    /** Global type scale. Default: `default`. */
+    fontScale?: FontScale | number;
+    fonts?: FontFamilies;
+}
+/**
+ * Builds a complete Tamagui config (tokens, light/dark themes, fonts, media
+ * queries, animations). Call once at app startup and pass to `UniversalProvider`.
+ *
+ * @example
+ * export const config = createUniversalConfig({ preset: 'violet', radius: 'lg' })
+ */
+export declare function createUniversalConfig(options?: UniversalConfigOptions): import("tamagui").TamaguiInternalConfig<{
+    color: {
+        readonly white: import("tamagui").Variable<string>;
+        readonly black: import("tamagui").Variable<string>;
+        readonly transparent: import("tamagui").Variable<string>;
+    };
+    space: {
+        [-20]: import("tamagui").Variable<number>;
+        [-1]: import("tamagui").Variable<number>;
+        [-10]: import("tamagui").Variable<number>;
+        [-12]: import("tamagui").Variable<number>;
+        [-14]: import("tamagui").Variable<number>;
+        [-16]: import("tamagui").Variable<number>;
+        [-24]: import("tamagui").Variable<number>;
+        [-2]: import("tamagui").Variable<number>;
+        [-3]: import("tamagui").Variable<number>;
+        [-4]: import("tamagui").Variable<number>;
+        [-5]: import("tamagui").Variable<number>;
+        [-6]: import("tamagui").Variable<number>;
+        [-7]: import("tamagui").Variable<number>;
+        [-8]: import("tamagui").Variable<number>;
+        [-9]: import("tamagui").Variable<number>;
+        [-1.5]: import("tamagui").Variable<number>;
+        [-0.5]: import("tamagui").Variable<number>;
+        [-11]: import("tamagui").Variable<number>;
+        [-32]: import("tamagui").Variable<number>;
+        [-2.5]: import("tamagui").Variable<number>;
+        [-3.5]: import("tamagui").Variable<number>;
+        true: import("tamagui").Variable<number>;
+        0: import("tamagui").Variable<number>;
+        0.5: import("tamagui").Variable<number>;
+        1: import("tamagui").Variable<number>;
+        1.5: import("tamagui").Variable<number>;
+        2: import("tamagui").Variable<number>;
+        2.5: import("tamagui").Variable<number>;
+        3: import("tamagui").Variable<number>;
+        3.5: import("tamagui").Variable<number>;
+        4: import("tamagui").Variable<number>;
+        5: import("tamagui").Variable<number>;
+        6: import("tamagui").Variable<number>;
+        7: import("tamagui").Variable<number>;
+        8: import("tamagui").Variable<number>;
+        9: import("tamagui").Variable<number>;
+        10: import("tamagui").Variable<number>;
+        11: import("tamagui").Variable<number>;
+        12: import("tamagui").Variable<number>;
+        14: import("tamagui").Variable<number>;
+        16: import("tamagui").Variable<number>;
+        20: import("tamagui").Variable<number>;
+        24: import("tamagui").Variable<number>;
+        32: import("tamagui").Variable<number>;
+    };
+    size: {
+        readonly 40: import("tamagui").Variable<number>;
+        readonly 48: import("tamagui").Variable<number>;
+        readonly 56: import("tamagui").Variable<number>;
+        readonly 64: import("tamagui").Variable<number>;
+        readonly 72: import("tamagui").Variable<number>;
+        readonly 80: import("tamagui").Variable<number>;
+        readonly 96: import("tamagui").Variable<number>;
+        readonly 112: import("tamagui").Variable<number>;
+        readonly 128: import("tamagui").Variable<number>;
+        readonly 144: import("tamagui").Variable<number>;
+        readonly 168: import("tamagui").Variable<number>;
+        readonly 192: import("tamagui").Variable<number>;
+        readonly 224: import("tamagui").Variable<number>;
+        readonly true: import("tamagui").Variable<number>;
+        readonly 0: import("tamagui").Variable<number>;
+        readonly 0.5: import("tamagui").Variable<number>;
+        readonly 1: import("tamagui").Variable<number>;
+        readonly 1.5: import("tamagui").Variable<number>;
+        readonly 2: import("tamagui").Variable<number>;
+        readonly 2.5: import("tamagui").Variable<number>;
+        readonly 3: import("tamagui").Variable<number>;
+        readonly 3.5: import("tamagui").Variable<number>;
+        readonly 4: import("tamagui").Variable<number>;
+        readonly 5: import("tamagui").Variable<number>;
+        readonly 6: import("tamagui").Variable<number>;
+        readonly 7: import("tamagui").Variable<number>;
+        readonly 8: import("tamagui").Variable<number>;
+        readonly 9: import("tamagui").Variable<number>;
+        readonly 10: import("tamagui").Variable<number>;
+        readonly 11: import("tamagui").Variable<number>;
+        readonly 12: import("tamagui").Variable<number>;
+        readonly 14: import("tamagui").Variable<number>;
+        readonly 16: import("tamagui").Variable<number>;
+        readonly 20: import("tamagui").Variable<number>;
+        readonly 24: import("tamagui").Variable<number>;
+        readonly 32: import("tamagui").Variable<number>;
+    };
+    radius: {
+        0: import("tamagui").Variable<number>;
+        xs: import("tamagui").Variable<number>;
+        sm: import("tamagui").Variable<number>;
+        md: import("tamagui").Variable<number>;
+        lg: import("tamagui").Variable<number>;
+        xl: import("tamagui").Variable<number>;
+        "2xl": import("tamagui").Variable<number>;
+        "3xl": import("tamagui").Variable<number>;
+        full: import("tamagui").Variable<number>;
+        true: import("tamagui").Variable<number>;
+    };
+    zIndex: {
+        readonly 0: import("tamagui").Variable<number>;
+        readonly 1: import("tamagui").Variable<number>;
+        readonly base: import("tamagui").Variable<number>;
+        readonly dropdown: import("tamagui").Variable<number>;
+        readonly sticky: import("tamagui").Variable<number>;
+        readonly overlay: import("tamagui").Variable<number>;
+        readonly modal: import("tamagui").Variable<number>;
+        readonly popover: import("tamagui").Variable<number>;
+        readonly toast: import("tamagui").Variable<number>;
+        readonly tooltip: import("tamagui").Variable<number>;
+    };
+} & Omit<{
+    space: {
+        [-20]: import("tamagui").Variable<number>;
+        [-1]: import("tamagui").Variable<number>;
+        [-10]: import("tamagui").Variable<number>;
+        [-12]: import("tamagui").Variable<number>;
+        [-14]: import("tamagui").Variable<number>;
+        [-16]: import("tamagui").Variable<number>;
+        [-24]: import("tamagui").Variable<number>;
+        [-2]: import("tamagui").Variable<number>;
+        [-3]: import("tamagui").Variable<number>;
+        [-4]: import("tamagui").Variable<number>;
+        [-5]: import("tamagui").Variable<number>;
+        [-6]: import("tamagui").Variable<number>;
+        [-7]: import("tamagui").Variable<number>;
+        [-8]: import("tamagui").Variable<number>;
+        [-9]: import("tamagui").Variable<number>;
+        [-1.5]: import("tamagui").Variable<number>;
+        [-0.5]: import("tamagui").Variable<number>;
+        [-11]: import("tamagui").Variable<number>;
+        [-32]: import("tamagui").Variable<number>;
+        [-2.5]: import("tamagui").Variable<number>;
+        [-3.5]: import("tamagui").Variable<number>;
+        true: import("tamagui").Variable<number>;
+        0: import("tamagui").Variable<number>;
+        0.5: import("tamagui").Variable<number>;
+        1: import("tamagui").Variable<number>;
+        1.5: import("tamagui").Variable<number>;
+        2: import("tamagui").Variable<number>;
+        2.5: import("tamagui").Variable<number>;
+        3: import("tamagui").Variable<number>;
+        3.5: import("tamagui").Variable<number>;
+        4: import("tamagui").Variable<number>;
+        5: import("tamagui").Variable<number>;
+        6: import("tamagui").Variable<number>;
+        7: import("tamagui").Variable<number>;
+        8: import("tamagui").Variable<number>;
+        9: import("tamagui").Variable<number>;
+        10: import("tamagui").Variable<number>;
+        11: import("tamagui").Variable<number>;
+        12: import("tamagui").Variable<number>;
+        14: import("tamagui").Variable<number>;
+        16: import("tamagui").Variable<number>;
+        20: import("tamagui").Variable<number>;
+        24: import("tamagui").Variable<number>;
+        32: import("tamagui").Variable<number>;
+    };
+    size: {
+        readonly 40: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 48: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 56: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 64: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 72: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 80: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 96: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 112: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 128: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 144: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 168: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 192: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 224: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly true: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 0: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 0.5: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 1: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 1.5: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 2: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 2.5: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 3: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 3.5: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 4: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 5: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 6: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 7: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 8: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 9: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 10: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 11: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 12: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 14: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 16: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 20: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 24: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+        readonly 32: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
+    };
+    radius: {
+        0: import("tamagui").Variable<number>;
+        xs: import("tamagui").Variable<number>;
+        sm: import("tamagui").Variable<number>;
+        md: import("tamagui").Variable<number>;
+        lg: import("tamagui").Variable<number>;
+        xl: import("tamagui").Variable<number>;
+        "2xl": import("tamagui").Variable<number>;
+        "3xl": import("tamagui").Variable<number>;
+        full: import("tamagui").Variable<number>;
+        true: import("tamagui").Variable<number>;
+    };
+    zIndex: {
+        readonly 0: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly 1: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly base: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly dropdown: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly sticky: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly overlay: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly modal: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly popover: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly toast: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+        readonly tooltip: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
+    };
+    color: {
+        readonly white: import("tamagui").Variable<"#ffffff" | "#000000" | "rgba(0, 0, 0, 0)">;
+        readonly black: import("tamagui").Variable<"#ffffff" | "#000000" | "rgba(0, 0, 0, 0)">;
+        readonly transparent: import("tamagui").Variable<"#ffffff" | "#000000" | "rgba(0, 0, 0, 0)">;
+    };
+}, "color" | "zIndex" | "radius" | "space" | "size">, import("./themes").GeneratedThemes, {
+    readonly text: "textAlign";
+    readonly b: "bottom";
+    readonly bg: "backgroundColor";
+    readonly content: "alignContent";
+    readonly grow: "flexGrow";
+    readonly items: "alignItems";
+    readonly justify: "justifyContent";
+    readonly l: "left";
+    readonly m: "margin";
+    readonly maxH: "maxHeight";
+    readonly maxW: "maxWidth";
+    readonly mb: "marginBottom";
+    readonly minH: "minHeight";
+    readonly minW: "minWidth";
+    readonly ml: "marginLeft";
+    readonly mr: "marginRight";
+    readonly mt: "marginTop";
+    readonly mx: "marginHorizontal";
+    readonly my: "marginVertical";
+    readonly p: "padding";
+    readonly pb: "paddingBottom";
+    readonly pl: "paddingLeft";
+    readonly pr: "paddingRight";
+    readonly pt: "paddingTop";
+    readonly px: "paddingHorizontal";
+    readonly py: "paddingVertical";
+    readonly r: "right";
+    readonly rounded: "borderRadius";
+    readonly select: "userSelect";
+    readonly self: "alignSelf";
+    readonly shrink: "flexShrink";
+    readonly t: "top";
+    readonly z: "zIndex";
+}, {
+    readonly touchable: {
+        [key: string]: string | number;
+    };
+    readonly hoverable: {
+        [key: string]: string | number;
+    };
+    readonly 'max-xxl': {
+        [key: string]: string | number;
+    };
+    readonly 'max-xl': {
+        [key: string]: string | number;
+    };
+    readonly 'max-lg': {
+        [key: string]: string | number;
+    };
+    readonly 'max-md': {
+        [key: string]: string | number;
+    };
+    readonly 'max-sm': {
+        [key: string]: string | number;
+    };
+    readonly 'max-xs': {
+        [key: string]: string | number;
+    };
+    readonly xs: {
+        readonly minWidth: 460;
+    };
+    readonly sm: {
+        readonly minWidth: 640;
+    };
+    readonly md: {
+        readonly minWidth: 768;
+    };
+    readonly lg: {
+        readonly minWidth: 1024;
+    };
+    readonly xl: {
+        readonly minWidth: 1280;
+    };
+    readonly xxl: {
+        readonly minWidth: 1536;
+    };
+}, {
+    '0ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    quicker: string;
+    quick: string;
+    medium: string;
+    slow: string;
+    bouncy: string;
+    lazy: string;
+}, {
+    body: {
+        family: string;
+        size: Record<1 | 10 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "true", number>;
+        lineHeight: Record<1 | 10 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "true", number>;
+        weight: {
+            readonly 1: "400";
+            readonly 4: "400";
+            readonly 5: "500";
+            readonly 6: "600";
+            readonly 7: "700";
+            readonly true: "400";
+        };
+        letterSpacing: {
+            1: number;
+            true: number;
+        };
+    };
+    heading: {
+        family: string;
+        size: Record<1 | 10 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "true", number>;
+        lineHeight: Record<1 | 10 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "true", number>;
+        weight: {
+            true: string;
+            1: "400";
+            4: "400";
+            5: "500";
+            6: "600";
+            7: "700";
+        };
+        letterSpacing: {
+            1: number;
+            6: number;
+            7: number;
+            8: number;
+            9: number;
+            10: number;
+            true: number;
+        };
+    };
+    mono: {
+        family: string;
+        size: Record<1 | 10 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "true", number>;
+        lineHeight: Record<1 | 10 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "true", number>;
+        weight: {
+            readonly 1: "400";
+            readonly 4: "400";
+            readonly 5: "500";
+            readonly 6: "600";
+            readonly 7: "700";
+            readonly true: "400";
+        };
+        letterSpacing: {
+            1: number;
+            true: number;
+        };
+    };
+}, {
+    defaultFont: string;
+    mediaQueryDefaultActive: {
+        touchable: boolean;
+        hoverable: boolean;
+        'max-xxl': boolean;
+        'max-xl': boolean;
+        'max-lg': boolean;
+        'max-md': boolean;
+        'max-sm': boolean;
+        'max-xs': boolean;
+        xs: boolean;
+        sm: boolean;
+        md: boolean;
+        lg: boolean;
+        xl: boolean;
+        xxl: boolean;
+    };
+    fastSchemeChange: true;
+    shouldAddPrefersColorThemes: true;
+    addThemeClassName: "html";
+    allowedStyleValues: "somewhat-strict-web";
+    onlyAllowShorthands: false;
+    styleCompat: "web";
+}, "default">;
+export type UniversalConfig = ReturnType<typeof createUniversalConfig>;
+//# sourceMappingURL=config.d.ts.map