@advui/theme 0.1.0

package/dist/tokens.d.ts

@@ -0,0 +1,359 @@
+export declare const space: {
+    [-20]: number;
+    [-1]: number;
+    [-10]: number;
+    [-12]: number;
+    [-14]: number;
+    [-16]: number;
+    [-24]: number;
+    [-2]: number;
+    [-3]: number;
+    [-4]: number;
+    [-5]: number;
+    [-6]: number;
+    [-7]: number;
+    [-8]: number;
+    [-9]: number;
+    [-1.5]: number;
+    [-0.5]: number;
+    [-11]: number;
+    [-32]: number;
+    [-2.5]: number;
+    [-3.5]: number;
+    true: number;
+    0: 0;
+    0.5: 2;
+    1: 4;
+    1.5: 6;
+    2: 8;
+    2.5: 10;
+    3: 12;
+    3.5: 14;
+    4: 16;
+    5: 20;
+    6: 24;
+    7: 28;
+    8: 32;
+    9: 36;
+    10: 40;
+    11: 44;
+    12: 48;
+    14: 56;
+    16: 64;
+    20: 80;
+    24: 96;
+    32: 128;
+};
+/** Sizes share the spacing scale and extend it for larger layout boxes. */
+export declare const size: {
+    readonly 40: 160;
+    readonly 48: 192;
+    readonly 56: 224;
+    readonly 64: 256;
+    readonly 72: 288;
+    readonly 80: 320;
+    readonly 96: 384;
+    readonly 112: 448;
+    readonly 128: 512;
+    readonly 144: 576;
+    readonly 168: 672;
+    readonly 192: 768;
+    readonly 224: 896;
+    readonly true: 40;
+    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 5: 20;
+    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 32: 128;
+};
+export declare const radiusScales: {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+};
+export type RadiusScale = keyof typeof radiusScales;
+/**
+ * Radius tokens derived from a single base value so the whole library can be
+ * made sharper or rounder at once. Components pick semantic steps:
+ * controls `$md`, menus/popovers `$lg`, cards/dialogs `$xl`, pills `$full`.
+ */
+export declare function createRadius(scale?: RadiusScale | number): {
+    0: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+    '3xl': number;
+    full: number;
+    true: number;
+};
+export declare const zIndex: {
+    readonly 0: 0;
+    readonly 1: 1;
+    readonly base: 0;
+    readonly dropdown: 1000;
+    readonly sticky: 1100;
+    readonly overlay: 1200;
+    readonly modal: 1300;
+    readonly popover: 1400;
+    readonly toast: 1500;
+    readonly tooltip: 1600;
+};
+export declare const colorTokens: {
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+    readonly transparent: "rgba(0, 0, 0, 0)";
+};
+export declare function createUniversalTokens({ radius }?: {
+    radius?: RadiusScale | number;
+}): {
+    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">;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQjB,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBP,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAA;AAEnD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,GAAE,WAAW,GAAG,MAAa;;;;;;;;;;;EAe9D;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;CAWT,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,wBAAgB,qBAAqB,CAAC,EAAE,MAAa,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAQ9F"}

package/dist/tokens.js

@@ -0,0 +1,109 @@
+import { createTokens } from 'tamagui';
+/**
+ * 4px-based spacing scale: `$1` = 4px, `$4` = 16px, `$10` = 40px.
+ * Negative keys (`$-2`) exist for margins.
+ */
+const spaceScale = {
+    0: 0,
+    0.5: 2,
+    1: 4,
+    1.5: 6,
+    2: 8,
+    2.5: 10,
+    3: 12,
+    3.5: 14,
+    4: 16,
+    5: 20,
+    6: 24,
+    7: 28,
+    8: 32,
+    9: 36,
+    10: 40,
+    11: 44,
+    12: 48,
+    14: 56,
+    16: 64,
+    20: 80,
+    24: 96,
+    32: 128,
+};
+export const space = {
+    ...spaceScale,
+    true: 16,
+    ...Object.fromEntries(Object.entries(spaceScale)
+        .filter(([key]) => key !== '0')
+        .map(([key, value]) => [`-${key}`, -value])),
+};
+/** Sizes share the spacing scale and extend it for larger layout boxes. */
+export const size = {
+    ...spaceScale,
+    40: 160,
+    48: 192,
+    56: 224,
+    64: 256,
+    72: 288,
+    80: 320,
+    96: 384,
+    112: 448,
+    128: 512,
+    144: 576,
+    168: 672,
+    192: 768,
+    224: 896,
+    true: 40,
+};
+export const radiusScales = {
+    none: 0,
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+};
+/**
+ * Radius tokens derived from a single base value so the whole library can be
+ * made sharper or rounder at once. Components pick semantic steps:
+ * controls `$md`, menus/popovers `$lg`, cards/dialogs `$xl`, pills `$full`.
+ */
+export function createRadius(scale = 'md') {
+    const base = typeof scale === 'number' ? scale : radiusScales[scale];
+    const r = (factor) => Math.round(base * factor);
+    return {
+        0: 0,
+        xs: r(0.25),
+        sm: r(0.5),
+        md: r(0.75),
+        lg: r(1),
+        xl: r(1.5),
+        '2xl': r(2),
+        '3xl': r(3),
+        full: 9999,
+        true: r(0.75),
+    };
+}
+export const zIndex = {
+    0: 0,
+    1: 1,
+    base: 0,
+    dropdown: 1000,
+    sticky: 1100,
+    overlay: 1200,
+    modal: 1300,
+    popover: 1400,
+    toast: 1500,
+    tooltip: 1600,
+};
+export const colorTokens = {
+    white: '#ffffff',
+    black: '#000000',
+    transparent: 'rgba(0, 0, 0, 0)',
+};
+export function createUniversalTokens({ radius = 'md' } = {}) {
+    return createTokens({
+        space,
+        size,
+        radius: createRadius(radius),
+        zIndex,
+        color: colorTokens,
+    });
+}
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@advui/theme",
+  "version": "0.1.0",
+  "description": "Design tokens, color presets and the Tamagui config factory for Adv UI.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zinmin232/advui.git",
+    "directory": "packages/theme"
+  },
+  "homepage": "https://github.com/zinmin232/advui/tree/main/packages/theme#readme",
+  "bugs": {
+    "url": "https://github.com/zinmin232/advui/issues"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "!src/**/*.test.*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tamagui/animations-css": "2.7.7",
+    "@tamagui/animations-react-native": "2.7.7",
+    "@tamagui/colors": "2.7.7",
+    "@tamagui/web": "2.7.7",
+    "@advui/utils": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-native": "*",
+    "tamagui": "^2.7.7"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.2",
+    "@advui/eslint-config": "0.1.0",
+    "@advui/tsconfig": "0.1.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-web": "~0.21.0",
+    "tamagui": "2.7.7",
+    "vitest": "^5.0.2"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\""
+  }
+}

package/src/animations.native.ts

@@ -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 },
+})

package/src/animations.ts

@@ -0,0 +1,26 @@
+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}`,
+})

package/src/config.ts

@@ -0,0 +1,55 @@
+import { createTamagui } from 'tamagui'
+import { animations } from './animations'
+import { type FontFamilies, type FontScale, createUniversalFonts } from './fonts'
+import { media, mediaQueryDefaultActive } from './media'
+import { type ThemePresetName, themePresets } from './presets'
+import { shorthands } from './shorthands'
+import { type ThemeColorsInput, createThemeColors } from './themes'
+import { type RadiusScale, createUniversalTokens } 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 function createUniversalConfig(options: UniversalConfigOptions = {}) {
+  const { preset = 'indigo', colors, radius = 'md', fontScale = 'default', fonts } = options
+  const themes = createThemeColors({ ...themePresets[preset].colors, ...colors })
+
+  return createTamagui({
+    tokens: createUniversalTokens({ radius }),
+    themes,
+    fonts: createUniversalFonts({ scale: fontScale, families: fonts }),
+    media,
+    shorthands,
+    animations,
+    selectionStyles: (theme) =>
+      theme.primarySoft ? { backgroundColor: theme.primarySoft, color: theme.foreground } : null,
+    settings: {
+      defaultFont: 'body',
+      mediaQueryDefaultActive,
+      fastSchemeChange: true,
+      shouldAddPrefersColorThemes: true,
+      addThemeClassName: 'html',
+      allowedStyleValues: 'somewhat-strict-web',
+      onlyAllowShorthands: false,
+      styleCompat: 'web',
+    },
+  })
+}
+
+export type UniversalConfig = ReturnType<typeof createUniversalConfig>