@coze-arch/cli 0.0.1-alpha.ef8b63 → 0.0.1-alpha.f0fbc7

package/lib/__templates__/expo/client/screens/demo/index.tsx

@@ -1,24 +1,18 @@
 import { View, Text } from 'react-native';
 import { Image } from 'expo-image';
 
-import { useTheme } from '@/hooks/useTheme';
 import { Screen } from '@/components/Screen';
-import { styles } from './styles';
 
 export default function DemoPage() {
-  const { theme, isDark } = useTheme();
-
   return (
-    <Screen backgroundColor={theme.backgroundRoot} statusBarStyle={isDark ? 'light' : 'dark'}>
-      <View
-        style={styles.container}
-      >
+    <Screen backgroundColor="var(--background)" statusBarStyle="auto">
+      <View className="absolute top-0 left-0 w-full h-full flex flex-col items-center justify-center">
         <Image
-          style={styles.logo}
-          source="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/icon/coze-coding.gif"
-        ></Image>
-        <Text style={{...styles.title, color: theme.textPrimary}}>应用开发中</Text>
-        <Text style={{...styles.description, color: theme.textSecondary}}>请稍候，界面即将呈现</Text>
+          className="w-[130px] h-[109px]"
+          source="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/expo/coze-loading.gif"
+        />
+        <Text className="text-base font-bold text-foreground">APP 开发中</Text>
+        <Text className="text-sm mt-2 text-muted">即将为您呈现应用界面</Text>
       </View>
     </Screen>
   );

package/lib/__templates__/expo/client/theme.css

@@ -0,0 +1,263 @@
+@theme {
+  /* Primitive Colors (Do not change between light and dark) */
+  --white: oklch(100% 0 0);
+  --black: oklch(0% 0 0);
+  --snow: oklch(0.9911 0 0);
+  --eclipse: oklch(0.2103 0.0059 285.89);
+
+  /* Border */
+  --border-width: 1px;
+  --field-border-width: 0px;
+
+  /* Base radius */
+  --radius: 0.5rem;
+  --field-radius: calc(var(--radius) * 1.5);
+
+  /* Opacity */
+  --opacity-disabled: 0.5;
+}
+
+@layer theme {
+  :root {
+    @variant light {
+      /* Base Colors */
+      --background: oklch(0.9702 0 0);
+      --foreground: var(--eclipse);
+
+      /* Surface: Used for non-overlay components (cards, accordions, disclosure groups) */
+      --surface: var(--white);
+      --surface-foreground: var(--foreground);
+
+      /* Overlay: Used for floating/overlay components (dialogs, popovers, modals, menus) */
+      --overlay: var(--white);
+      --overlay-foreground: var(--foreground);
+
+      --muted: oklch(0.5517 0.0138 285.94);
+
+      --default: oklch(94% 0.001 286.375);
+      --default-foreground: var(--eclipse);
+
+      --accent: oklch(0.6204 0.195 253.83);
+      --accent-foreground: var(--snow);
+
+      /* Form Fields */
+      --field-background: var(--white);
+      --field-foreground: oklch(0.2103 0.0059 285.89);
+      --field-placeholder: var(--muted);
+      --field-border: transparent; /* no border by default on form fields */
+
+      /* Status Colors */
+      --success: oklch(0.7329 0.1935 150.81);
+      --success-foreground: var(--eclipse);
+
+      --warning: oklch(0.7819 0.1585 72.33);
+      --warning-foreground: var(--eclipse);
+
+      --danger: oklch(0.6532 0.2328 25.74);
+      --danger-foreground: var(--snow);
+
+      /* Component Colors */
+      --segment: var(--white);
+      --segment-foreground: var(--eclipse);
+
+      /* Misc Colors */
+      --border: oklch(90% 0.004 286.32);
+      --separator: oklch(74% 0.004 286.32);
+      --focus: var(--accent);
+      --link: var(--foreground);
+
+      /* Shadows */
+      --surface-shadow:
+        0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06),
+        0 0 1px 0 rgba(0, 0, 0, 0.06);
+      --overlay-shadow:
+        0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 -6px 12px 0 rgba(0, 0, 0, 0.02),
+        0 14px 28px 0 rgba(0, 0, 0, 0.06);
+      --field-shadow:
+        0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06),
+        0 0 1px 0 rgba(0, 0, 0, 0.06);
+    }
+
+    @variant dark {
+      /* Base Colors */
+      --background: oklch(12% 0.005 285.823);
+      --foreground: var(--snow);
+
+      /* Surface: Used for non-overlay components (cards, accordions, disclosure groups) */
+      --surface: oklch(0.2103 0.0059 285.89);
+      --surface-foreground: var(--foreground);
+
+      /* Overlay: Used for floating/overlay components (dialogs, popovers, modals, menus) - lighter for contrast */
+      --overlay: oklch(0.2103 0.0059 285.89);
+      --overlay-foreground: var(--foreground);
+
+      --muted: oklch(70.5% 0.015 286.067);
+
+      --default: oklch(27.4% 0.006 286.033);
+      --default-foreground: var(--snow);
+
+      --accent: oklch(0.6204 0.195 253.83);
+      --accent-foreground: var(--snow);
+
+      /* Form Field Defaults - Colors (only the ones that are different from light theme) */
+      --field-background: oklch(0.2103 0.0059 285.89);
+      --field-foreground: var(--foreground);
+      --field-placeholder: var(--muted);
+      --field-border: transparent; /* no border by default on form fields */
+
+      /* Status Colors */
+      --success: oklch(0.7329 0.1935 150.81);
+      --success-foreground: var(--eclipse);
+
+      --warning: oklch(0.8203 0.1388 76.34);
+      --warning-foreground: var(--eclipse);
+
+      --danger: oklch(0.594 0.1967 24.63);
+      --danger-foreground: var(--snow);
+
+      /* Component Colors */
+      --segment: oklch(0.3964 0.01 285.93);
+      --segment-foreground: var(--foreground);
+
+      /* Misc Colors */
+      --border: oklch(28% 0.006 286.033);
+      --separator: oklch(40% 0.006 286.033);
+      --focus: var(--accent);
+      --link: var(--foreground);
+
+      /* Shadows */
+      --surface-shadow: 0 0 0 0 transparent inset; /* No shadow on dark mode */
+      --overlay-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.2) inset;
+      --field-shadow: 0 0 0 0 transparent inset; /* Transparent shadow to allow ring utilities to work */
+    }
+  }
+}
+
+@theme inline static {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+
+  --color-surface: var(--surface);
+  --color-surface-foreground: var(--surface-foreground);
+  --color-surface-hover: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
+
+  --color-overlay: var(--overlay);
+  --color-overlay-foreground: var(--overlay-foreground);
+
+  --color-muted: var(--muted);
+
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-segment: var(--segment);
+  --color-segment-foreground: var(--segment-foreground);
+
+  --color-border: var(--border);
+  --color-separator: var(--separator);
+  --color-focus: var(--focus);
+  --color-link: var(--link);
+
+  --color-default: var(--default);
+  --color-default-foreground: var(--default-foreground);
+
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+
+  --color-danger: var(--danger);
+  --color-danger-foreground: var(--danger-foreground);
+
+  /* Form Field Tokens */
+  --color-field: var(--field-background, var(--default));
+  --color-field-foreground: var(--field-foreground, var(--foreground));
+  --color-field-placeholder: var(--field-placeholder, var(--muted));
+  --color-field-border: var(--field-border, var(--border));
+  --radius-field: var(--field-radius, var(--radius-xl));
+  --border-width-field: var(--field-border-width, var(--border-width));
+
+  --shadow-surface: var(--surface-shadow);
+  --shadow-overlay: var(--overlay-shadow);
+  --shadow-field: var(--field-shadow);
+
+  /* Calculated Variables */
+
+  /* Colors */
+
+  /* --- background shades --- */
+  --color-background-secondary: color-mix(in oklab, var(--background) 96%, var(--foreground) 4%);
+  --color-background-tertiary: color-mix(in oklab, var(--background) 92%, var(--foreground) 8%);
+  --color-background-inverse: var(--foreground);
+
+  /* ------------------------- */
+  --color-default-hover: color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%);
+  --color-accent-hover: color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%);
+  --color-success-hover: color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%);
+  --color-warning-hover: color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%);
+  --color-danger-hover: color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%);
+
+  /* Form Field Colors */
+  --color-field-hover: color-mix(in oklab, var(--field-background, var(--default)) 90%, var(--field-foreground, var(--foreground)) 2%);
+  --color-field-focus: var(--field-background, var(--default));
+  --color-field-border-hover: color-mix(in oklab, var(--field-border, var(--border)) 88%, var(--field-foreground, var(--foreground)) 10%);
+  --color-field-border-focus: color-mix(in oklab, var(--field-border, var(--border)) 74%, var(--field-foreground, var(--foreground)) 22%);
+
+  /* Soft Colors */
+  --color-accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);
+  --color-accent-soft-foreground: var(--accent);
+  --color-accent-soft-hover: color-mix(in oklab, var(--accent) 20%, transparent);
+
+  --color-danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
+  --color-danger-soft-foreground: var(--danger);
+  --color-danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent);
+
+  --color-warning-soft: color-mix(in oklab, var(--warning) 15%, transparent);
+  --color-warning-soft-foreground: var(--warning);
+  --color-warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent);
+
+  --color-success-soft: color-mix(in oklab, var(--success) 15%, transparent);
+  --color-success-soft-foreground: var(--success);
+  --color-success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent);
+
+  /* Surface Levels - progressively darker/lighter shades for layering */
+  --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%);
+  --color-surface-tertiary: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
+
+  /* On Surface Colors */
+  --color-on-surface: color-mix(in oklab, var(--surface) 93%, var(--surface-foreground) 7%);
+  --color-on-surface-foreground: var(--surface-foreground);
+  --color-on-surface-hover: color-mix(in oklab, var(--surface) 91%, var(--surface-foreground) 9%);
+  --color-on-surface-focus: color-mix(in oklab, var(--surface) 93%, var(--surface-foreground) 7%);
+
+  /* On Surface Colors - Secondary (on secondary surface) */
+  --color-on-surface-secondary: color-mix(in oklab, var(--surface) 87%, var(--surface-foreground) 13%);
+  --color-on-surface-secondary-foreground: var(--surface-foreground);
+  --color-on-surface-secondary-hover: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
+  --color-on-surface-secondary-focus: color-mix(in oklab, var(--surface) 87%, var(--surface-foreground) 13%);
+
+   /* On Surface Colors - Tertiary (on tertiary surface) */
+  --color-on-surface-tertiary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
+  --color-on-surface-tertiary-foreground: var(--surface-foreground);
+  --color-on-surface-tertiary-hover: color-mix(in oklab, var(--surface) 84%, var(--surface-foreground) 16%);
+  --color-on-surface-tertiary-focus: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
+
+  /* Separator Colors - Levels */
+  --color-separator-secondary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
+  --color-separator-tertiary: color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%);
+
+  /* Border Colors - Levels (progressive contrast: default → secondary → tertiary) */
+  /* Light mode: lighter → darker | Dark mode: darker → lighter */
+  --color-border-secondary: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
+  --color-border-tertiary: color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%);
+
+  /* Radius and default sizes - defaults can change by just changing the --radius */
+  --radius-xs: calc(var(--radius) * 0.25); /* 0.125rem (2px) */
+  --radius-sm: calc(var(--radius) * 0.5); /* 0.25rem (4px) */
+  --radius-md: calc(var(--radius) * 0.75); /* 0.375rem (6px) */
+  --radius-lg: calc(var(--radius) * 1); /* 0.5rem (8px) */
+  --radius-xl: calc(var(--radius) * 1.5); /* 0.75rem (12px) */
+  --radius-2xl: calc(var(--radius) * 2); /* 1rem (16px) */
+  --radius-3xl: calc(var(--radius) * 3); /* 1.5rem (24px) */
+  --radius-4xl: calc(var(--radius) * 4); /* 2rem (32px) */
+}

package/lib/__templates__/expo/client/uniwind-types.d.ts

@@ -0,0 +1,10 @@
+// NOTE: This file is generated by uniwind and it should not be edited manually.
+/// <reference types="uniwind/types" />
+
+declare module 'uniwind' {
+    export interface UniwindConfig {
+        themes: readonly ['light', 'dark']
+    }
+}
+
+export {}

package/lib/__templates__/expo/scripts/add-new-page-to-screens.js

@@ -0,0 +1,107 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+// start_aigc
+const getArgValue = (name, argv) => {
+  const exactPrefix = `--${name}=`;
+  const flagIndex = argv.indexOf(`--${name}`);
+  if (flagIndex !== -1 && argv[flagIndex + 1]) {
+    return argv[flagIndex + 1];
+  }
+  const matched = argv.find(item => item.startsWith(exactPrefix));
+  if (matched) {
+    return matched.slice(exactPrefix.length);
+  }
+  return null;
+};
+
+const toPascalCase = value =>
+  value
+    .split(/[-_]/g)
+    .filter(Boolean)
+    .map(segment => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join('');
+
+const formatTitle = value =>
+  value
+    .split(/[-_]/g)
+    .filter(Boolean)
+    .map(segment => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join(' ');
+
+const parseHerouiComponents = rawValue => {
+  if (!rawValue) {
+    return [];
+  }
+  const items = rawValue
+    .split(',')
+    .map(item => item.trim())
+    .filter(Boolean);
+  const uniqueItems = Array.from(new Set(items));
+  return uniqueItems.filter(item => /^[A-Z][A-Za-z0-9]*$/.test(item));
+};
+
+const main = () => {
+  const pageNameRaw = getArgValue('pagename', process.argv.slice(2));
+  const herouiComponentsRaw = getArgValue(
+    'heroui-components',
+    process.argv.slice(2),
+  );
+  const pageName = pageNameRaw ? pageNameRaw.trim() : '';
+  const herouiComponents = parseHerouiComponents(herouiComponentsRaw);
+
+  if (!pageName) {
+    console.error('缺少参数: --pagename');
+    process.exit(1);
+  }
+
+  if (!/^[a-zA-Z0-9][a-zA-Z0-9-_]*$/.test(pageName)) {
+    console.error(
+      'pagename 只能包含字母、数字、- 或 _，且必须以字母或数字开头',
+    );
+    process.exit(1);
+  }
+
+  const templateRoot = path.resolve(__dirname, '..');
+  const screensRoot = path.join(templateRoot, 'client', 'screens');
+  const pageDir = path.join(screensRoot, pageName);
+  const targetFile = path.join(pageDir, 'index.tsx');
+
+  if (fs.existsSync(targetFile)) {
+    console.error(`页面已存在: ${targetFile}`);
+    process.exit(1);
+  }
+
+  fs.mkdirSync(pageDir, { recursive: true });
+
+  const componentBaseName = toPascalCase(pageName) || 'Page';
+  const componentName = `${componentBaseName}Page`;
+  const title = formatTitle(pageName) || pageName;
+  const herouiImport = herouiComponents.length
+    ? `import { ${herouiComponents.join(', ')} } from '@/heroui';\n\n`
+    : '';
+
+  const content = `
+import { View, Text } from 'react-native';
+
+${herouiImport}import { Screen } from '@/components/Screen';
+
+export default function ${componentName}() {
+  return (
+    <Screen backgroundColor="var(--background)" statusBarStyle="auto">
+      <View className="flex-1 items-center justify-center">
+        <Text className="text-base font-bold text-foreground">${title}</Text>
+      </View>
+    </Screen>
+  );
+}
+`.trim();
+
+  fs.writeFileSync(targetFile, content, 'utf-8');
+  console.log(`页面已创建: ${targetFile}`);
+};
+
+main();
+// end_aigc

package/lib/cli.js

@@ -2591,7 +2591,7 @@ const registerCommand = program => {
     });
 };
 
-var version = "0.0.1-alpha.ef8b63";
+var version = "0.0.1-alpha.f0fbc7";
 var packageJson = {
 	version: version};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.1-alpha.ef8b63",
+  "version": "0.0.1-alpha.f0fbc7",
   "private": false,
   "description": "coze coding devtools cli",
   "license": "MIT",

package/lib/__templates__/expo/client/components/ThemedText.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Text, TextProps, TextStyle } from 'react-native';
-import { useTheme } from '@/hooks/useTheme';
-import { Typography } from '@/constants/theme';
-
-type TypographyVariant = keyof typeof Typography;
-
-interface ThemedTextProps extends TextProps {
-  variant?: TypographyVariant;
-  color?: string;
-}
-
-export function ThemedText({
-  variant = 'body',
-  color,
-  style,
-  children,
-  ...props
-}: ThemedTextProps) {
-  const { theme } = useTheme();
-  const typographyStyle = Typography[variant];
-
-  const textStyle: TextStyle = {
-    ...typographyStyle,
-    color: color ?? theme.textPrimary,
-  };
-
-  return (
-    <Text style={[textStyle, style]} {...props}>
-      {children}
-    </Text>
-  );
-}

package/lib/__templates__/expo/client/components/ThemedView.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { View, ViewProps, ViewStyle } from 'react-native';
-import { useTheme } from '@/hooks/useTheme';
-
-type BackgroundLevel = 'root' | 'default' | 'tertiary';
-
-interface ThemedViewProps extends ViewProps {
-  level?: BackgroundLevel;
-  backgroundColor?: string;
-}
-
-const backgroundMap: Record<BackgroundLevel, string> = {
-  root: 'backgroundRoot',
-  default: 'backgroundDefault',
-  tertiary: 'backgroundTertiary',
-};
-
-export function ThemedView({
-  level = 'root',
-  backgroundColor,
-  style,
-  children,
-  ...props
-}: ThemedViewProps) {
-  const { theme } = useTheme();
-  const bgColor = backgroundColor ?? (theme as any)[backgroundMap[level]];
-
-  const viewStyle: ViewStyle = {
-    backgroundColor: bgColor,
-  };
-
-  return (
-    <View style={[viewStyle, style]} {...props}>
-      {children}
-    </View>
-  );
-}

package/lib/__templates__/expo/client/constants/theme.ts

@@ -1,177 +0,0 @@
-export const Colors = {
-  light: {
-    textPrimary: "#1C1917",
-    textSecondary: "#78716c",
-    textMuted: "#9CA3AF",
-    primary: "#4F46E5", // Indigo-600 - 品牌主色，代表科技与智能
-    accent: "#8B5CF6", // Violet-500 - 辅助色，代表创造力
-    success: "#10B981", // Emerald-500
-    error: "#EF4444",
-    backgroundRoot: "#FAFAFA",
-    backgroundDefault: "#FFFFFF",
-    backgroundTertiary: "#F9FAFB", // 更浅的背景色，用于去线留白
-    buttonPrimaryText: "#FFFFFF",
-    tabIconSelected: "#4F46E5",
-    border: "#E5E7EB",
-    borderLight: "#F3F4F6",
-  },
-  dark: {
-    textPrimary: "#FAFAF9",
-    textSecondary: "#A8A29E",
-    textMuted: "#6F767E",
-    primary: "#818CF8", // Indigo-400 - 暗色模式品牌主色
-    accent: "#A78BFA", // Violet-400
-    success: "#34D399",
-    error: "#F87171",
-    backgroundRoot: "#09090B", // 更深的背景色
-    backgroundDefault: "#1C1C1E",
-    backgroundTertiary: "#1F1F22", // 暗色模式去线留白背景
-    buttonPrimaryText: "#09090B",
-    tabIconSelected: "#818CF8",
-    border: "#3F3F46",
-    borderLight: "#27272A",
-  },
-};
-
-export const Spacing = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 32,
-  "4xl": 40,
-  "5xl": 48,
-  "6xl": 64,
-};
-
-export const BorderRadius = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 28,
-  "4xl": 32,
-  full: 9999,
-};
-
-export const Typography = {
-  display: {
-    fontSize: 112,
-    lineHeight: 112,
-    fontWeight: "200" as const,
-    letterSpacing: -4,
-  },
-  displayLarge: {
-    fontSize: 112,
-    lineHeight: 112,
-    fontWeight: "200" as const,
-    letterSpacing: -2,
-  },
-  displayMedium: {
-    fontSize: 48,
-    lineHeight: 56,
-    fontWeight: "200" as const,
-  },
-  h1: {
-    fontSize: 32,
-    lineHeight: 40,
-    fontWeight: "700" as const,
-  },
-  h2: {
-    fontSize: 28,
-    lineHeight: 36,
-    fontWeight: "700" as const,
-  },
-  h3: {
-    fontSize: 24,
-    lineHeight: 32,
-    fontWeight: "300" as const,
-  },
-  h4: {
-    fontSize: 20,
-    lineHeight: 28,
-    fontWeight: "600" as const,
-  },
-  title: {
-    fontSize: 18,
-    lineHeight: 24,
-    fontWeight: "700" as const,
-  },
-  body: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: "400" as const,
-  },
-  bodyMedium: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: "500" as const,
-  },
-  small: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "400" as const,
-  },
-  smallMedium: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "500" as const,
-  },
-  caption: {
-    fontSize: 12,
-    lineHeight: 16,
-    fontWeight: "400" as const,
-  },
-  captionMedium: {
-    fontSize: 12,
-    lineHeight: 16,
-    fontWeight: "500" as const,
-  },
-  label: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "500" as const,
-    letterSpacing: 2,
-    textTransform: "uppercase" as const,
-  },
-  labelSmall: {
-    fontSize: 12,
-    lineHeight: 16,
-    fontWeight: "500" as const,
-    letterSpacing: 1,
-    textTransform: "uppercase" as const,
-  },
-  labelTitle: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "700" as const,
-    letterSpacing: 2,
-    textTransform: "uppercase" as const,
-  },
-  link: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: "400" as const,
-  },
-  stat: {
-    fontSize: 30,
-    lineHeight: 36,
-    fontWeight: "300" as const,
-  },
-  tiny: {
-    fontSize: 10,
-    lineHeight: 14,
-    fontWeight: "400" as const,
-  },
-  navLabel: {
-    fontSize: 10,
-    lineHeight: 14,
-    fontWeight: "500" as const,
-  },
-};
-
-export type Theme = typeof Colors.light;