@frosted-ui/react-native 0.0.1-canary.91

package/dist/lib/theme-vars.js

@@ -0,0 +1,173 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// Typography steps (0-9) based on typography.css / global.css tokens.
+// Values are in px; React Native treats them as logical pixels.
+const typography = {
+    '0': { fontSize: 10, lineHeight: 12, letterSpacing: 0.01 },
+    '1': { fontSize: 12, lineHeight: 16, letterSpacing: 0.01 },
+    '2': { fontSize: 14, lineHeight: 20, letterSpacing: 0.01 },
+    '3': { fontSize: 16, lineHeight: 24, letterSpacing: 0.01 },
+    '4': { fontSize: 18, lineHeight: 26, letterSpacing: 0.01 },
+    '5': { fontSize: 20, lineHeight: 28, letterSpacing: 0.01 },
+    '6': { fontSize: 24, lineHeight: 30, letterSpacing: 0.01 },
+    '7': { fontSize: 28, lineHeight: 34, letterSpacing: 0.005 },
+    '8': { fontSize: 32, lineHeight: 38, letterSpacing: 0 },
+    '9': { fontSize: 40, lineHeight: 48, letterSpacing: 0 },
+};
+const fontWeights = {
+    light: '300',
+    regular: '400',
+    medium: '500',
+    'semi-bold': '600',
+    bold: '700',
+};
+// Color palettes from @frosted-ui/colors for light/dark schemes
+const frostedColors = require('@frosted-ui/colors');
+const contrastColors = {
+    tomato: 'white',
+    red: 'white',
+    ruby: 'white',
+    crimson: 'white',
+    pink: 'white',
+    plum: 'white',
+    purple: 'white',
+    violet: 'white',
+    iris: 'white',
+    cyan: 'white',
+    teal: 'white',
+    jade: 'white',
+    green: 'white',
+    grass: 'white',
+    brown: 'white',
+    sky: '#1C2024',
+    mint: '#1A211E',
+    yellow: '#21201C',
+    amber: '#21201C',
+    gold: 'white',
+    bronze: 'white',
+    gray: 'white',
+    blue: 'white',
+    orange: 'white',
+    indigo: 'white',
+    magenta: '#141212',
+    lemon: '#20240D',
+    lime: '#162715',
+};
+function buildPalette(color, mode) {
+    const baseKey = mode === 'light' ? color : `${color}Dark`;
+    const alphaKey = mode === 'light' ? `${color}A` : `${color}DarkA`;
+    const base = frostedColors[baseKey];
+    const alpha = frostedColors[alphaKey];
+    const result = {};
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'].forEach((shade) => {
+        const key = `${color}${shade}`;
+        result[shade] = base?.[key] ?? '';
+    });
+    ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9', 'a10', 'a11', 'a12'].forEach((aShade) => {
+        const numeric = aShade.slice(1);
+        const key = `${color}A${numeric}`;
+        result[aShade] = alpha?.[key] ?? '';
+    });
+    result['9-contrast'] = contrastColors[color];
+    return result;
+}
+const accentColors = [
+    'tomato',
+    'red',
+    'ruby',
+    'crimson',
+    'pink',
+    'plum',
+    'purple',
+    'violet',
+    'iris',
+    'cyan',
+    'teal',
+    'jade',
+    'green',
+    'grass',
+    'brown',
+    'blue',
+    'orange',
+    'indigo',
+    'sky',
+    'mint',
+    'yellow',
+    'amber',
+    'lime',
+    'lemon',
+    'magenta',
+    'gold',
+    'bronze',
+    'gray',
+];
+const lightPalettes = accentColors.reduce((acc, color) => {
+    acc[color] = buildPalette(color, 'light');
+    return acc;
+}, {});
+const darkPalettes = accentColors.reduce((acc, color) => {
+    acc[color] = buildPalette(color, 'dark');
+    return acc;
+}, {});
+// Semantic surface tokens (mirroring global.css)
+// Light mode:
+//   --color-background: white;
+//   --color-overlay: var(--black-a6);
+//   --color-panel-solid: white;
+//   --color-panel-translucent: rgba(255, 255, 255, 0.85);
+//   --color-surface: rgba(255, 255, 255, 0.9);
+//   --color-stroke: var(--gray-a5);
+//
+// Dark mode:
+//   --color-background: var(--gray-1);
+//   --color-overlay: var(--black-a8);
+//   --color-panel-solid: var(--gray-2);
+//   --color-panel-translucent: var(--gray-2-translucent);
+//   --color-surface: rgba(0, 0, 0, 0.25);
+//   --color-stroke: var(--gray-a4);
+// Resolve overlay / stroke from raw color palettes so native can use real values
+const blackA = frostedColors.blackA;
+const whiteA = frostedColors.whiteA;
+const grayDark = frostedColors.grayDark;
+function buildAlphaPalette(alphaColors, prefix) {
+    const result = {};
+    ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9', 'a10', 'a11', 'a12'].forEach((aShade) => {
+        const numeric = aShade.slice(1);
+        const key = `${prefix}A${numeric}`;
+        result[aShade] = alphaColors?.[key] ?? '';
+    });
+    return result;
+}
+const blackAlpha = buildAlphaPalette(blackA, 'black');
+const whiteAlpha = buildAlphaPalette(whiteA, 'white');
+// Black and white palettes (same for light and dark mode)
+export function blackAndWhitePalettes() {
+    return {
+        black: blackAlpha,
+        white: whiteAlpha,
+    };
+}
+export const themeVars = {
+    typography,
+    fontWeights,
+    colors: {
+        light: {
+            palettes: { ...lightPalettes, ...blackAndWhitePalettes() },
+            background: 'white',
+            overlay: blackA?.blackA6 ?? 'rgba(0, 0, 0, 0.35)',
+            panelSolid: 'white',
+            panelTranslucent: 'rgba(255, 255, 255, 0.85)',
+            surface: 'rgba(255, 255, 255, 0.9)',
+            stroke: lightPalettes.gray.a5,
+        },
+        dark: {
+            palettes: { ...darkPalettes, ...blackAndWhitePalettes() },
+            background: grayDark?.gray1 ?? '#111111',
+            overlay: blackA?.blackA8 ?? 'rgba(0, 0, 0, 0.5)',
+            panelSolid: grayDark?.gray2 ?? '#181818',
+            panelTranslucent: '#1D1D1DD9', // --gray-2-translucent
+            surface: 'rgba(0, 0, 0, 0.25)',
+            stroke: darkPalettes.gray.a4,
+        },
+    },
+};
+//# sourceMappingURL=theme-vars.js.map

package/dist/lib/theme-vars.js.map

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

package/dist/lib/theme.d.ts

@@ -0,0 +1,57 @@
+import { type Theme } from '@react-navigation/native';
+export declare const THEME: {
+    light: {
+        background: string;
+        foreground: string;
+        card: string;
+        cardForeground: string;
+        popover: string;
+        popoverForeground: string;
+        primary: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        muted: string;
+        mutedForeground: string;
+        accent: string;
+        accentForeground: string;
+        destructive: string;
+        border: string;
+        input: string;
+        ring: string;
+        radius: string;
+        chart1: string;
+        chart2: string;
+        chart3: string;
+        chart4: string;
+        chart5: string;
+    };
+    dark: {
+        background: string;
+        foreground: string;
+        card: string;
+        cardForeground: string;
+        popover: string;
+        popoverForeground: string;
+        primary: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        muted: string;
+        mutedForeground: string;
+        accent: string;
+        accentForeground: string;
+        destructive: string;
+        border: string;
+        input: string;
+        ring: string;
+        radius: string;
+        chart1: string;
+        chart2: string;
+        chart3: string;
+        chart4: string;
+        chart5: string;
+    };
+};
+export declare const NAV_THEME: Record<'light' | 'dark', Theme>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE/E,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAuBrD,CAAC"}

package/dist/lib/theme.js

@@ -0,0 +1,80 @@
+import { DarkTheme, DefaultTheme } from '@react-navigation/native';
+export const THEME = {
+    light: {
+        background: 'hsl(0 0% 100%)',
+        foreground: 'hsl(0 0% 3.9%)',
+        card: 'hsl(0 0% 100%)',
+        cardForeground: 'hsl(0 0% 3.9%)',
+        popover: 'hsl(0 0% 100%)',
+        popoverForeground: 'hsl(0 0% 3.9%)',
+        primary: 'hsl(0 0% 9%)',
+        primaryForeground: 'hsl(0 0% 98%)',
+        secondary: 'hsl(0 0% 96.1%)',
+        secondaryForeground: 'hsl(0 0% 9%)',
+        muted: 'hsl(0 0% 96.1%)',
+        mutedForeground: 'hsl(0 0% 45.1%)',
+        accent: 'hsl(0 0% 96.1%)',
+        accentForeground: 'hsl(0 0% 9%)',
+        destructive: 'hsl(0 84.2% 60.2%)',
+        border: 'hsl(0 0% 89.8%)',
+        input: 'hsl(0 0% 89.8%)',
+        ring: 'hsl(0 0% 63%)',
+        radius: '0.625rem',
+        chart1: 'hsl(12 76% 61%)',
+        chart2: 'hsl(173 58% 39%)',
+        chart3: 'hsl(197 37% 24%)',
+        chart4: 'hsl(43 74% 66%)',
+        chart5: 'hsl(27 87% 67%)',
+    },
+    dark: {
+        background: 'hsl(0 0% 3.9%)',
+        foreground: 'hsl(0 0% 98%)',
+        card: 'hsl(0 0% 3.9%)',
+        cardForeground: 'hsl(0 0% 98%)',
+        popover: 'hsl(0 0% 3.9%)',
+        popoverForeground: 'hsl(0 0% 98%)',
+        primary: 'hsl(0 0% 98%)',
+        primaryForeground: 'hsl(0 0% 9%)',
+        secondary: 'hsl(0 0% 14.9%)',
+        secondaryForeground: 'hsl(0 0% 98%)',
+        muted: 'hsl(0 0% 14.9%)',
+        mutedForeground: 'hsl(0 0% 63.9%)',
+        accent: 'hsl(0 0% 14.9%)',
+        accentForeground: 'hsl(0 0% 98%)',
+        destructive: 'hsl(0 70.9% 59.4%)',
+        border: 'hsl(0 0% 14.9%)',
+        input: 'hsl(0 0% 14.9%)',
+        ring: 'hsl(300 0% 45%)',
+        radius: '0.625rem',
+        chart1: 'hsl(220 70% 50%)',
+        chart2: 'hsl(160 60% 45%)',
+        chart3: 'hsl(30 80% 55%)',
+        chart4: 'hsl(280 65% 60%)',
+        chart5: 'hsl(340 75% 55%)',
+    },
+};
+export const NAV_THEME = {
+    light: {
+        ...DefaultTheme,
+        colors: {
+            background: THEME.light.background,
+            border: THEME.light.border,
+            card: THEME.light.card,
+            notification: THEME.light.destructive,
+            primary: THEME.light.primary,
+            text: THEME.light.foreground,
+        },
+    },
+    dark: {
+        ...DarkTheme,
+        colors: {
+            background: THEME.dark.background,
+            border: THEME.dark.border,
+            card: THEME.dark.card,
+            notification: THEME.dark.destructive,
+            primary: THEME.dark.primary,
+            text: THEME.dark.foreground,
+        },
+    },
+};
+//# sourceMappingURL=theme.js.map

package/dist/lib/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAc,MAAM,0BAA0B,CAAC;AAE/E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE;QACL,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,gBAAgB;QACtB,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,gBAAgB;QACzB,iBAAiB,EAAE,gBAAgB;QACnC,OAAO,EAAE,cAAc;QACvB,iBAAiB,EAAE,eAAe;QAClC,SAAS,EAAE,iBAAiB;QAC5B,mBAAmB,EAAE,cAAc;QACnC,KAAK,EAAE,iBAAiB;QACxB,eAAe,EAAE,iBAAiB;QAClC,MAAM,EAAE,iBAAiB;QACzB,gBAAgB,EAAE,cAAc;QAChC,WAAW,EAAE,oBAAoB;QACjC,MAAM,EAAE,iBAAiB;QACzB,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,iBAAiB;QACzB,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,iBAAiB;QACzB,MAAM,EAAE,iBAAiB;KAC1B;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,eAAe;QAC3B,IAAI,EAAE,gBAAgB;QACtB,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,gBAAgB;QACzB,iBAAiB,EAAE,eAAe;QAClC,OAAO,EAAE,eAAe;QACxB,iBAAiB,EAAE,cAAc;QACjC,SAAS,EAAE,iBAAiB;QAC5B,mBAAmB,EAAE,eAAe;QACpC,KAAK,EAAE,iBAAiB;QACxB,eAAe,EAAE,iBAAiB;QAClC,MAAM,EAAE,iBAAiB;QACzB,gBAAgB,EAAE,eAAe;QACjC,WAAW,EAAE,oBAAoB;QACjC,MAAM,EAAE,iBAAiB;QACzB,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,iBAAiB;QACzB,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,kBAAkB;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAoC;IACxD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,MAAM,EAAE;YACN,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;YAClC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;YAC1B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;YACtB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;YACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;YAC5B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;SAC7B;KACF;IACD,IAAI,EAAE;QACJ,GAAG,SAAS;QACZ,MAAM,EAAE;YACN,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;YACjC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;YACzB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;YACrB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW;YACpC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;YAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;SAC5B;KACF;CACF,CAAC"}

package/dist/lib/types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Accent colors available in Frosted UI
+ * These match the web version's accentColor values
+ */
+export type AccentColor = 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'brown' | 'blue' | 'orange' | 'indigo' | 'sky' | 'mint' | 'yellow' | 'amber' | 'lime' | 'lemon' | 'magenta' | 'gold' | 'bronze' | 'gray';
+/**
+ * Semantic colors
+ */
+export type SemanticColor = 'danger' | 'warning' | 'success' | 'info';
+/**
+ * All available color values for component color props
+ */
+export type Color = AccentColor | SemanticColor;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,MAAM,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,aAAa,CAAC"}

package/dist/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":""}

package/dist/lib/use-theme-vars.d.ts

@@ -0,0 +1,325 @@
+export declare function useThemeVars(): {
+    typography: {
+        readonly '0': {
+            readonly fontSize: 10;
+            readonly lineHeight: 12;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '1': {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '2': {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '3': {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '4': {
+            readonly fontSize: 18;
+            readonly lineHeight: 26;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '5': {
+            readonly fontSize: 20;
+            readonly lineHeight: 28;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '6': {
+            readonly fontSize: 24;
+            readonly lineHeight: 30;
+            readonly letterSpacing: 0.01;
+        };
+        readonly '7': {
+            readonly fontSize: 28;
+            readonly lineHeight: 34;
+            readonly letterSpacing: 0.005;
+        };
+        readonly '8': {
+            readonly fontSize: 32;
+            readonly lineHeight: 38;
+            readonly letterSpacing: 0;
+        };
+        readonly '9': {
+            readonly fontSize: 40;
+            readonly lineHeight: 48;
+            readonly letterSpacing: 0;
+        };
+    };
+    fontWeights: {
+        readonly light: "300";
+        readonly regular: "400";
+        readonly medium: "500";
+        readonly 'semi-bold': "600";
+        readonly bold: "700";
+    };
+    colors: {
+        palettes: {
+            black: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            white: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            tomato: import("./theme-vars").ColorShades;
+            red: import("./theme-vars").ColorShades;
+            ruby: import("./theme-vars").ColorShades;
+            crimson: import("./theme-vars").ColorShades;
+            pink: import("./theme-vars").ColorShades;
+            plum: import("./theme-vars").ColorShades;
+            purple: import("./theme-vars").ColorShades;
+            violet: import("./theme-vars").ColorShades;
+            iris: import("./theme-vars").ColorShades;
+            cyan: import("./theme-vars").ColorShades;
+            teal: import("./theme-vars").ColorShades;
+            jade: import("./theme-vars").ColorShades;
+            green: import("./theme-vars").ColorShades;
+            grass: import("./theme-vars").ColorShades;
+            brown: import("./theme-vars").ColorShades;
+            blue: import("./theme-vars").ColorShades;
+            orange: import("./theme-vars").ColorShades;
+            indigo: import("./theme-vars").ColorShades;
+            sky: import("./theme-vars").ColorShades;
+            mint: import("./theme-vars").ColorShades;
+            yellow: import("./theme-vars").ColorShades;
+            amber: import("./theme-vars").ColorShades;
+            lime: import("./theme-vars").ColorShades;
+            lemon: import("./theme-vars").ColorShades;
+            magenta: import("./theme-vars").ColorShades;
+            gold: import("./theme-vars").ColorShades;
+            bronze: import("./theme-vars").ColorShades;
+            gray: import("./theme-vars").ColorShades;
+        };
+        background: string;
+        overlay: string;
+        panelSolid: string;
+        panelTranslucent: string;
+        surface: string;
+        stroke: string;
+    } | {
+        palettes: {
+            black: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            white: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            tomato: import("./theme-vars").ColorShades;
+            red: import("./theme-vars").ColorShades;
+            ruby: import("./theme-vars").ColorShades;
+            crimson: import("./theme-vars").ColorShades;
+            pink: import("./theme-vars").ColorShades;
+            plum: import("./theme-vars").ColorShades;
+            purple: import("./theme-vars").ColorShades;
+            violet: import("./theme-vars").ColorShades;
+            iris: import("./theme-vars").ColorShades;
+            cyan: import("./theme-vars").ColorShades;
+            teal: import("./theme-vars").ColorShades;
+            jade: import("./theme-vars").ColorShades;
+            green: import("./theme-vars").ColorShades;
+            grass: import("./theme-vars").ColorShades;
+            brown: import("./theme-vars").ColorShades;
+            blue: import("./theme-vars").ColorShades;
+            orange: import("./theme-vars").ColorShades;
+            indigo: import("./theme-vars").ColorShades;
+            sky: import("./theme-vars").ColorShades;
+            mint: import("./theme-vars").ColorShades;
+            yellow: import("./theme-vars").ColorShades;
+            amber: import("./theme-vars").ColorShades;
+            lime: import("./theme-vars").ColorShades;
+            lemon: import("./theme-vars").ColorShades;
+            magenta: import("./theme-vars").ColorShades;
+            gold: import("./theme-vars").ColorShades;
+            bronze: import("./theme-vars").ColorShades;
+            gray: import("./theme-vars").ColorShades;
+        };
+        background: string;
+        overlay: string;
+        panelSolid: string;
+        panelTranslucent: string;
+        surface: string;
+        stroke: string;
+    };
+    invertedColors: {
+        palettes: {
+            black: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            white: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            tomato: import("./theme-vars").ColorShades;
+            red: import("./theme-vars").ColorShades;
+            ruby: import("./theme-vars").ColorShades;
+            crimson: import("./theme-vars").ColorShades;
+            pink: import("./theme-vars").ColorShades;
+            plum: import("./theme-vars").ColorShades;
+            purple: import("./theme-vars").ColorShades;
+            violet: import("./theme-vars").ColorShades;
+            iris: import("./theme-vars").ColorShades;
+            cyan: import("./theme-vars").ColorShades;
+            teal: import("./theme-vars").ColorShades;
+            jade: import("./theme-vars").ColorShades;
+            green: import("./theme-vars").ColorShades;
+            grass: import("./theme-vars").ColorShades;
+            brown: import("./theme-vars").ColorShades;
+            blue: import("./theme-vars").ColorShades;
+            orange: import("./theme-vars").ColorShades;
+            indigo: import("./theme-vars").ColorShades;
+            sky: import("./theme-vars").ColorShades;
+            mint: import("./theme-vars").ColorShades;
+            yellow: import("./theme-vars").ColorShades;
+            amber: import("./theme-vars").ColorShades;
+            lime: import("./theme-vars").ColorShades;
+            lemon: import("./theme-vars").ColorShades;
+            magenta: import("./theme-vars").ColorShades;
+            gold: import("./theme-vars").ColorShades;
+            bronze: import("./theme-vars").ColorShades;
+            gray: import("./theme-vars").ColorShades;
+        };
+        background: string;
+        overlay: string;
+        panelSolid: string;
+        panelTranslucent: string;
+        surface: string;
+        stroke: string;
+    } | {
+        palettes: {
+            black: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            white: {
+                a1: string;
+                a2: string;
+                a3: string;
+                a4: string;
+                a5: string;
+                a6: string;
+                a7: string;
+                a8: string;
+                a9: string;
+                a10: string;
+                a11: string;
+                a12: string;
+            };
+            tomato: import("./theme-vars").ColorShades;
+            red: import("./theme-vars").ColorShades;
+            ruby: import("./theme-vars").ColorShades;
+            crimson: import("./theme-vars").ColorShades;
+            pink: import("./theme-vars").ColorShades;
+            plum: import("./theme-vars").ColorShades;
+            purple: import("./theme-vars").ColorShades;
+            violet: import("./theme-vars").ColorShades;
+            iris: import("./theme-vars").ColorShades;
+            cyan: import("./theme-vars").ColorShades;
+            teal: import("./theme-vars").ColorShades;
+            jade: import("./theme-vars").ColorShades;
+            green: import("./theme-vars").ColorShades;
+            grass: import("./theme-vars").ColorShades;
+            brown: import("./theme-vars").ColorShades;
+            blue: import("./theme-vars").ColorShades;
+            orange: import("./theme-vars").ColorShades;
+            indigo: import("./theme-vars").ColorShades;
+            sky: import("./theme-vars").ColorShades;
+            mint: import("./theme-vars").ColorShades;
+            yellow: import("./theme-vars").ColorShades;
+            amber: import("./theme-vars").ColorShades;
+            lime: import("./theme-vars").ColorShades;
+            lemon: import("./theme-vars").ColorShades;
+            magenta: import("./theme-vars").ColorShades;
+            gold: import("./theme-vars").ColorShades;
+            bronze: import("./theme-vars").ColorShades;
+            gray: import("./theme-vars").ColorShades;
+        };
+        background: string;
+        overlay: string;
+        panelSolid: string;
+        panelTranslucent: string;
+        surface: string;
+        stroke: string;
+    };
+    isDark: boolean;
+};
+//# sourceMappingURL=use-theme-vars.d.ts.map