@cyclone-ui/tokens 0.3.13 → 0.3.14

package/dist/tamagui/index.d.cts

@@ -1,110 +1,5 @@
-//#region src/tamagui/config.d.ts
-/**
- * Theme values available on `useTheme()` and `$` style props for the cyclone-ui.
- *
- * Derived from semantic color tokens mapped by `createThemes`. Nested
- * themes (`light_primary`, `dark_danger`, …) come from each token's
- * `theme` / `$theme` property.
- *
- * @see https://tamagui.dev/docs/intro/themes
- */
-interface AppTheme {
-  backdrop: string;
-  canvas: string;
-  canvasActive: string;
-  canvasDisabled: string;
-  canvasHovered: string;
-  canvasInactive: string;
-  dataBlueEmphasis: string;
-  dataBlueSubtle: string;
-  dataGreenEmphasis: string;
-  dataGreenSubtle: string;
-  dataNeutralEmphasis: string;
-  dataNeutralSubtle: string;
-  dataOrangeEmphasis: string;
-  dataOrangeSubtle: string;
-  dataPinkEmphasis: string;
-  dataPinkSubtle: string;
-  dataPurpleEmphasis: string;
-  dataPurpleSubtle: string;
-  dataRedEmphasis: string;
-  dataRedSubtle: string;
-  dataYellowEmphasis: string;
-  dataYellowSubtle: string;
-  elevated: string;
-  elevatedActive: string;
-  elevatedDisabled: string;
-  elevatedHovered: string;
-  elevatedInactive: string;
-  emphasis: string;
-  emphasisActive: string;
-  emphasisDisabled: string;
-  emphasisHovered: string;
-  emphasisInactive: string;
-  floating: string;
-  floatingActive: string;
-  floatingDisabled: string;
-  floatingHovered: string;
-  floatingInactive: string;
-  hairline: string;
-  ink: string;
-  inkActive: string;
-  inkDisabled: string;
-  inkHovered: string;
-  inkInactive: string;
-  link: string;
-  linkActive: string;
-  linkDisabled: string;
-  linkHovered: string;
-  linkInactive: string;
-  onPrimary: string;
-  onSecondary: string;
-  outline: string;
-  outlineActive: string;
-  outlineDisabled: string;
-  outlineHovered: string;
-  outlineInactive: string;
-  primary: string;
-  primaryActive: string;
-  primaryDisabled: string;
-  primaryHovered: string;
-  primaryInactive: string;
-  ring: string;
-  ringOffset: string;
-  ringSubtle: string;
-  ringSubtleOffset: string;
-  secondary: string;
-  secondaryActive: string;
-  secondaryDisabled: string;
-  secondaryHovered: string;
-  secondaryInactive: string;
-  subtle: string;
-  subtleActive: string;
-  subtleDisabled: string;
-  subtleHovered: string;
-  subtleInactive: string;
-  subtlest: string;
-  subtlestActive: string;
-  subtlestDisabled: string;
-  subtlestHovered: string;
-  subtlestInactive: string;
-  sunken: string;
-  sunkenActive: string;
-  sunkenDisabled: string;
-  sunkenHovered: string;
-  sunkenInactive: string;
-  surface: string;
-  surfaceActive: string;
-  surfaceDisabled: string;
-  surfaceHovered: string;
-  surfaceInactive: string;
-}
-/**
- * The Tamagui config for the cyclone-ui.
- *
- * @see https://tamagui.dev/docs/core/configuration
- */
-declare const config: import("@tamagui/core").TamaguiInternalConfig<{
+import { createTamagui } from "@tamagui/core";
+declare const tokens: {
   color: {
     black: import("@tamagui/core").Variable<string>;
     blue1: import("@tamagui/core").Variable<string>;
@@ -350,7 +245,7 @@ declare const config: import("@tamagui/core").TamaguiInternalConfig<{
     sheet: import("@tamagui/core").Variable<number>;
     sm: import("@tamagui/core").Variable<number>;
     tab: import("@tamagui/core").Variable<number>;
-    tabheader: import("@tamagui/core").Variable<number>;
+    tabs: import("@tamagui/core").Variable<number>;
     tag: import("@tamagui/core").Variable<number>;
     tooltip: import("@tamagui/core").Variable<number>;
     trigger: import("@tamagui/core").Variable<number>;
@@ -616,7 +511,7 @@ declare const config: import("@tamagui/core").TamaguiInternalConfig<{
     sheet: import("@tamagui/core").Variable<string | number>;
     sm: import("@tamagui/core").Variable<string | number>;
     tab: import("@tamagui/core").Variable<string | number>;
-    tabheader: import("@tamagui/core").Variable<string | number>;
+    tabs: import("@tamagui/core").Variable<string | number>;
     tag: import("@tamagui/core").Variable<string | number>;
     tooltip: import("@tamagui/core").Variable<string | number>;
     trigger: import("@tamagui/core").Variable<string | number>;
@@ -707,874 +602,630 @@ declare const config: import("@tamagui/core").TamaguiInternalConfig<{
     semibold: import("@tamagui/core").Variable<number>;
     thin: import("@tamagui/core").Variable<number>;
   };
-}, "color" | "zIndex" | "space" | "size" | "radius">, Record<"light" | "dark" | "light_base" | "dark_base" | "light_accent" | "dark_accent" | "light_brand" | "light_danger" | "light_discovery" | "light_info" | "light_success" | "light_warning" | `light_base_${string}` | `light_brand_${string}` | `light_danger_${string}` | `light_discovery_${string}` | `light_info_${string}` | `light_success_${string}` | `light_warning_${string}` | "dark_brand" | "dark_danger" | "dark_discovery" | "dark_info" | "dark_success" | "dark_warning" | `dark_base_${string}` | `dark_brand_${string}` | `dark_danger_${string}` | `dark_discovery_${string}` | `dark_info_${string}` | `dark_success_${string}` | `dark_warning_${string}`, {
-  color: string;
-  borderColor: string;
+}, "color" | "zIndex" | "space" | "size" | "radius">;
+declare const themes: {
+  dark: {
+    canvas: import("@tamagui/core").Variable<string>;
+    "canvas-active": string;
+    "canvas-disabled": string;
+    "canvas-hovered": string;
+    "canvas-inactive": string;
+    "data-blue-emphasis": import("@tamagui/core").Variable<string>;
+    "data-blue-subtle": import("@tamagui/core").Variable<string>;
+    "data-green-emphasis": import("@tamagui/core").Variable<string>;
+    "data-green-subtle": import("@tamagui/core").Variable<string>;
+    "data-neutral-emphasis": import("@tamagui/core").Variable<string>;
+    "data-neutral-subtle": import("@tamagui/core").Variable<string>;
+    "data-orange-emphasis": import("@tamagui/core").Variable<string>;
+    "data-orange-subtle": import("@tamagui/core").Variable<string>;
+    "data-pink-emphasis": import("@tamagui/core").Variable<string>;
+    "data-pink-subtle": import("@tamagui/core").Variable<string>;
+    "data-purple-emphasis": import("@tamagui/core").Variable<string>;
+    "data-purple-subtle": import("@tamagui/core").Variable<string>;
+    "data-red-emphasis": import("@tamagui/core").Variable<string>;
+    "data-red-subtle": import("@tamagui/core").Variable<string>;
+    "data-yellow-emphasis": import("@tamagui/core").Variable<string>;
+    "data-yellow-subtle": import("@tamagui/core").Variable<string>;
+    elevated: import("@tamagui/core").Variable<string>;
+    "elevated-active": string;
+    "elevated-disabled": string;
+    "elevated-hovered": string;
+    "elevated-inactive": string;
+    emphasis: import("@tamagui/core").Variable<string>;
+    "emphasis-active": import("@tamagui/core").Variable<string>;
+    "emphasis-disabled": string;
+    "emphasis-hovered": import("@tamagui/core").Variable<string>;
+    "emphasis-inactive": string;
+    floating: import("@tamagui/core").Variable<string>;
+    "floating-active": string;
+    "floating-disabled": string;
+    "floating-hovered": string;
+    "floating-inactive": string;
+    hairline: import("@tamagui/core").Variable<string>;
+    ink: import("@tamagui/core").Variable<string>;
+    "ink-active": import("@tamagui/core").Variable<string>;
+    "ink-disabled": string;
+    "ink-hovered": string;
+    "ink-inactive": string;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": import("@tamagui/core").Variable<string>;
+    "outline-disabled": string;
+    "outline-hovered": import("@tamagui/core").Variable<string>;
+    "outline-inactive": string;
+    subtle: import("@tamagui/core").Variable<string>;
+    "subtle-active": import("@tamagui/core").Variable<string>;
+    "subtle-disabled": string;
+    "subtle-hovered": string;
+    "subtle-inactive": string;
+    subtlest: import("@tamagui/core").Variable<string>;
+    "subtlest-active": import("@tamagui/core").Variable<string>;
+    "subtlest-disabled": string;
+    "subtlest-hovered": string;
+    "subtlest-inactive": string;
+    sunken: import("@tamagui/core").Variable<string>;
+    "sunken-active": string;
+    "sunken-disabled": string;
+    "sunken-hovered": string;
+    "sunken-inactive": string;
+    surface: import("@tamagui/core").Variable<string>;
+    "surface-active": string;
+    "surface-disabled": string;
+    "surface-hovered": string;
+    "surface-inactive": string;
+  };
+  dark_base: {
+    link: string;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": import("@tamagui/core").Variable<string>;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: import("@tamagui/core").Variable<string>;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  dark_brand: {
+    link: string;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    primary: string;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  dark_danger: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": string;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  dark_discovery: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: import("@tamagui/core").Variable<string>;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  dark_info: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: import("@tamagui/core").Variable<string>;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  dark_success: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  dark_warning: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light: {
+    canvas: import("@tamagui/core").Variable<string>;
+    "canvas-active": string;
+    "canvas-disabled": string;
+    "canvas-hovered": string;
+    "canvas-inactive": import("@tamagui/core").Variable<string>;
+    "data-blue-emphasis": import("@tamagui/core").Variable<string>;
+    "data-blue-subtle": import("@tamagui/core").Variable<string>;
+    "data-green-emphasis": import("@tamagui/core").Variable<string>;
+    "data-green-subtle": import("@tamagui/core").Variable<string>;
+    "data-neutral-emphasis": import("@tamagui/core").Variable<string>;
+    "data-neutral-subtle": import("@tamagui/core").Variable<string>;
+    "data-orange-emphasis": import("@tamagui/core").Variable<string>;
+    "data-orange-subtle": import("@tamagui/core").Variable<string>;
+    "data-pink-emphasis": import("@tamagui/core").Variable<string>;
+    "data-pink-subtle": import("@tamagui/core").Variable<string>;
+    "data-purple-emphasis": import("@tamagui/core").Variable<string>;
+    "data-purple-subtle": import("@tamagui/core").Variable<string>;
+    "data-red-emphasis": import("@tamagui/core").Variable<string>;
+    "data-red-subtle": import("@tamagui/core").Variable<string>;
+    "data-yellow-emphasis": import("@tamagui/core").Variable<string>;
+    "data-yellow-subtle": import("@tamagui/core").Variable<string>;
+    elevated: import("@tamagui/core").Variable<string>;
+    "elevated-active": string;
+    "elevated-disabled": string;
+    "elevated-hovered": string;
+    "elevated-inactive": import("@tamagui/core").Variable<string>;
+    emphasis: import("@tamagui/core").Variable<string>;
+    "emphasis-active": string;
+    "emphasis-disabled": string;
+    "emphasis-hovered": string;
+    "emphasis-inactive": string;
+    floating: import("@tamagui/core").Variable<string>;
+    "floating-active": string;
+    "floating-disabled": string;
+    "floating-hovered": string;
+    "floating-inactive": import("@tamagui/core").Variable<string>;
+    hairline: import("@tamagui/core").Variable<string>;
+    ink: import("@tamagui/core").Variable<string>;
+    "ink-active": import("@tamagui/core").Variable<string>;
+    "ink-disabled": string;
+    "ink-hovered": string;
+    "ink-inactive": string;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": import("@tamagui/core").Variable<string>;
+    "outline-disabled": string;
+    "outline-hovered": import("@tamagui/core").Variable<string>;
+    "outline-inactive": string;
+    subtle: import("@tamagui/core").Variable<string>;
+    "subtle-active": import("@tamagui/core").Variable<string>;
+    "subtle-disabled": string;
+    "subtle-hovered": string;
+    "subtle-inactive": string;
+    subtlest: import("@tamagui/core").Variable<string>;
+    "subtlest-active": import("@tamagui/core").Variable<string>;
+    "subtlest-disabled": string;
+    "subtlest-hovered": string;
+    "subtlest-inactive": string;
+    sunken: import("@tamagui/core").Variable<string>;
+    "sunken-active": string;
+    "sunken-disabled": string;
+    "sunken-hovered": string;
+    "sunken-inactive": import("@tamagui/core").Variable<string>;
+    surface: import("@tamagui/core").Variable<string>;
+    "surface-active": string;
+    "surface-disabled": string;
+    "surface-hovered": string;
+    "surface-inactive": import("@tamagui/core").Variable<string>;
+  };
+  light_base: {
+    link: string;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: import("@tamagui/core").Variable<string>;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light_brand: {
+    link: string;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": string;
+    primary: string;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light_danger: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": string;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light_discovery: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: import("@tamagui/core").Variable<string>;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light_info: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": import("@tamagui/core").Variable<string>;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: import("@tamagui/core").Variable<string>;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light_success: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": string;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+  light_warning: {
+    link: import("@tamagui/core").Variable<string>;
+    "link-active": string;
+    "link-disabled": string;
+    "link-hovered": string;
+    "link-inactive": string;
+    "on-primary": import("@tamagui/core").Variable<string>;
+    "on-secondary": string;
+    outline: import("@tamagui/core").Variable<string>;
+    "outline-active": string;
+    "outline-disabled": string;
+    "outline-hovered": string;
+    "outline-inactive": string;
+    primary: import("@tamagui/core").Variable<string>;
+    "primary-active": string;
+    "primary-disabled": string;
+    "primary-hovered": string;
+    "primary-inactive": string;
+    ring: string;
+    "ring-offset": string;
+    "ring-subtle": string;
+    "ring-subtle-offset": string;
+    secondary: string;
+    "secondary-active": string;
+    "secondary-disabled": string;
+    "secondary-hovered": string;
+    "secondary-inactive": string;
+  };
+};
+/**
+ * Theme values available on `useTheme()` and theme-aware style props for the cyclone-ui.
+ *
+ * Derived from semantic color tokens mapped by `createThemes`. Nested
+ * themes (`light_primary`, `dark_danger`, …) come from each token's
+ * `theme` / `$theme` property.
+ *
+ * @see https://tamagui.dev/docs/intro/themes
+ */
+interface AppTheme {
   canvas: string;
-  canvasActive: string;
-  canvasDisabled: string;
-  canvasHovered: string;
-  canvasInactive: string;
-  dataBlueEmphasis: string;
-  dataBlueSubtle: string;
-  dataGreenEmphasis: string;
-  dataGreenSubtle: string;
-  dataNeutralEmphasis: string;
-  dataNeutralSubtle: string;
-  dataOrangeEmphasis: string;
-  dataOrangeSubtle: string;
-  dataPinkEmphasis: string;
-  dataPinkSubtle: string;
-  dataPurpleEmphasis: string;
-  dataPurpleSubtle: string;
-  dataRedEmphasis: string;
-  dataRedSubtle: string;
-  dataYellowEmphasis: string;
-  dataYellowSubtle: string;
+  "canvas-active": string;
+  "canvas-disabled": string;
+  "canvas-hovered": string;
+  "canvas-inactive": string;
+  "data-blue-emphasis": string;
+  "data-blue-subtle": string;
+  "data-green-emphasis": string;
+  "data-green-subtle": string;
+  "data-neutral-emphasis": string;
+  "data-neutral-subtle": string;
+  "data-orange-emphasis": string;
+  "data-orange-subtle": string;
+  "data-pink-emphasis": string;
+  "data-pink-subtle": string;
+  "data-purple-emphasis": string;
+  "data-purple-subtle": string;
+  "data-red-emphasis": string;
+  "data-red-subtle": string;
+  "data-yellow-emphasis": string;
+  "data-yellow-subtle": string;
   elevated: string;
-  elevatedActive: string;
-  elevatedDisabled: string;
-  elevatedHovered: string;
-  elevatedInactive: string;
+  "elevated-active": string;
+  "elevated-disabled": string;
+  "elevated-hovered": string;
+  "elevated-inactive": string;
   emphasis: string;
-  emphasisActive: string;
-  emphasisDisabled: string;
-  emphasisHovered: string;
-  emphasisInactive: string;
+  "emphasis-active": string;
+  "emphasis-disabled": string;
+  "emphasis-hovered": string;
+  "emphasis-inactive": string;
   floating: string;
-  floatingActive: string;
-  floatingDisabled: string;
-  floatingHovered: string;
-  floatingInactive: string;
+  "floating-active": string;
+  "floating-disabled": string;
+  "floating-hovered": string;
+  "floating-inactive": string;
   hairline: string;
   ink: string;
-  inkActive: string;
-  inkDisabled: string;
-  inkHovered: string;
-  inkInactive: string;
+  "ink-active": string;
+  "ink-disabled": string;
+  "ink-hovered": string;
+  "ink-inactive": string;
+  link: string;
+  "link-active": string;
+  "link-disabled": string;
+  "link-hovered": string;
+  "link-inactive": string;
+  "on-primary": string;
+  "on-secondary": string;
   outline: string;
-  outlineActive: string;
-  outlineDisabled: string;
-  outlineHovered: string;
-  outlineInactive: string;
+  "outline-active": string;
+  "outline-disabled": string;
+  "outline-hovered": string;
+  "outline-inactive": string;
+  primary: string;
+  "primary-active": string;
+  "primary-disabled": string;
+  "primary-hovered": string;
+  "primary-inactive": string;
+  ring: string;
+  "ring-offset": string;
+  "ring-subtle": string;
+  "ring-subtle-offset": string;
+  secondary: string;
+  "secondary-active": string;
+  "secondary-disabled": string;
+  "secondary-hovered": string;
+  "secondary-inactive": string;
   subtle: string;
-  subtleActive: string;
-  subtleDisabled: string;
-  subtleHovered: string;
-  subtleInactive: string;
+  "subtle-active": string;
+  "subtle-disabled": string;
+  "subtle-hovered": string;
+  "subtle-inactive": string;
   subtlest: string;
-  subtlestActive: string;
-  subtlestDisabled: string;
-  subtlestHovered: string;
-  subtlestInactive: string;
+  "subtlest-active": string;
+  "subtlest-disabled": string;
+  "subtlest-hovered": string;
+  "subtlest-inactive": string;
   sunken: string;
-  sunkenActive: string;
-  sunkenDisabled: string;
-  sunkenHovered: string;
-  sunkenInactive: string;
+  "sunken-active": string;
+  "sunken-disabled": string;
+  "sunken-hovered": string;
+  "sunken-inactive": string;
   surface: string;
-  surfaceActive: string;
-  surfaceDisabled: string;
-  surfaceHovered: string;
-  surfaceInactive: string;
-  accent0: string;
-  accent10: string;
-  accent4: string;
-  accent2: string;
-  accent7: string;
-  accent1: string;
-  accent12: string;
-  accent8: string;
-  accent6: string;
-  accent3: string;
-  accent5: string;
-  accent9: string;
-  accent11: string;
-  colorTransparent: string;
-  colorHover: string;
-  colorPress: string;
-  colorFocus: string;
-  placeholderColor: string;
-  outlineColor: string;
-  accentBackground: string;
-  accentColor: string;
-  background0: string;
-  background02: string;
-  background04: string;
-  background06: string;
-  background08: string;
-  color1: string;
-  color2: string;
-  color3: string;
-  color4: string;
-  color5: string;
-  color6: string;
-  color7: string;
-  color8: string;
-  color9: string;
-  color10: string;
-  color11: string;
-  color12: string;
-  color0: string;
-  color02: string;
-  color04: string;
-  color06: string;
-  color08: string;
-  background: string;
-  backgroundHover: string;
-  backgroundPress: string;
-  backgroundFocus: string;
-  borderColorHover: string;
-  borderColorPress: string;
-  borderColorFocus: string;
-} & Record<string, string>>, {
-  readonly p: "padding";
-  readonly px: "paddingHorizontal";
-  readonly py: "paddingVertical";
-  readonly pl: "paddingLeft";
-  readonly pr: "paddingRight";
-  readonly pt: "paddingTop";
-  readonly pb: "paddingBottom";
-  readonly f: "flex";
-  readonly m: "margin";
-  readonly mx: "marginHorizontal";
-  readonly my: "marginVertical";
-  readonly ml: "marginLeft";
-  readonly mr: "marginRight";
-  readonly mt: "marginTop";
-  readonly mb: "marginBottom";
-  readonly h: "height";
-  readonly w: "width";
-  readonly maxh: "maxHeight";
-  readonly minh: "minHeight";
-  readonly maxw: "maxWidth";
-  readonly minw: "minWidth";
-  readonly ussel: "userSelect";
-  readonly cur: "cursor";
-  readonly pe: "pointerEvents";
-  readonly col: "color";
-  readonly ff: "fontFamily";
-  readonly fos: "fontSize";
-  readonly fost: "fontStyle";
-  readonly fow: "fontWeight";
-  readonly ls: "letterSpacing";
-  readonly lh: "lineHeight";
-  readonly ta: "textAlign";
-  readonly tt: "textTransform";
-  readonly ww: "wordWrap";
-  readonly ac: "alignContent";
-  readonly ai: "alignItems";
-  readonly als: "alignSelf";
-  readonly b: "bottom";
-  readonly bc: "backgroundColor";
-  readonly bg: "backgroundColor";
-  readonly bbc: "borderBottomColor";
-  readonly bblr: "borderBottomLeftRadius";
-  readonly bbrr: "borderBottomRightRadius";
-  readonly bbw: "borderBottomWidth";
-  readonly blc: "borderLeftColor";
-  readonly blw: "borderLeftWidth";
-  readonly boc: "borderColor";
-  readonly br: "borderRadius";
-  readonly bs: "borderStyle";
-  readonly brw: "borderRightWidth";
-  readonly brc: "borderRightColor";
-  readonly btc: "borderTopColor";
-  readonly btlr: "borderTopLeftRadius";
-  readonly btrr: "borderTopRightRadius";
-  readonly btw: "borderTopWidth";
-  readonly bw: "borderWidth";
-  readonly dsp: "display";
-  readonly fb: "flexBasis";
-  readonly fd: "flexDirection";
-  readonly fg: "flexGrow";
-  readonly fs: "flexShrink";
-  readonly fw: "flexWrap";
-  readonly jc: "justifyContent";
-  readonly l: "left";
-  readonly mah: "maxHeight";
-  readonly maw: "maxWidth";
-  readonly mih: "minHeight";
-  readonly miw: "minWidth";
-  readonly o: "opacity";
-  readonly ov: "overflow";
-  readonly pos: "position";
-  readonly r: "right";
-  readonly shac: "shadowColor";
-  readonly shar: "shadowRadius";
-  readonly shof: "shadowOffset";
-  readonly shop: "shadowOpacity";
-  readonly t: "top";
-  readonly zi: "zIndex";
-}, {
-  readonly touchable: {
-    pointer: string;
-  };
-  readonly hoverable: {
-    hover: string;
-  };
-  readonly 'max-xxl': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-xl': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-lg': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-md': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-sm': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-xs': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-xxs': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-xxxs': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-200': {
-    readonly maxWidth: number;
-  };
-  readonly 'max-100': {
-    readonly maxWidth: number;
-  };
-  readonly xxxs: {
-    readonly minWidth: number;
-  };
-  readonly xxs: {
-    readonly minWidth: number;
-  };
-  readonly xs: {
-    readonly minWidth: number;
-  };
-  readonly sm: {
-    readonly minWidth: number;
-  };
-  readonly md: {
-    readonly minWidth: number;
-  };
-  readonly lg: {
-    readonly minWidth: number;
-  };
-  readonly xl: {
-    readonly minWidth: number;
-  };
-  readonly xxl: {
-    readonly minWidth: number;
-  };
-  readonly 'max-height-lg': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-md': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-sm': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-xs': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-xxs': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-xxxs': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-200': {
-    readonly maxHeight: number;
-  };
-  readonly 'max-height-100': {
-    readonly maxHeight: number;
-  };
-  readonly 'height-sm': {
-    readonly minHeight: number;
-  };
-  readonly 'height-md': {
-    readonly minHeight: number;
-  };
-  readonly 'height-lg': {
-    readonly minHeight: number;
-  };
-}, {
-  readonly quickest: {
-    readonly duration: 120;
-    readonly bounce: 0.2;
-  };
-  readonly quickestLessBouncy: {
-    readonly duration: 120;
-    readonly bounce: 0;
-  };
-  readonly quicker: {
-    readonly duration: 160;
-    readonly bounce: 0.25;
-  };
-  readonly quickerLessBouncy: {
-    readonly duration: 160;
-    readonly bounce: 0;
-  };
-  readonly quick: {
-    readonly duration: 220;
-    readonly bounce: 0.3;
-  };
-  readonly quickLessBouncy: {
-    readonly duration: 220;
-    readonly bounce: 0;
-  };
-  readonly medium: {
-    readonly duration: 300;
-    readonly bounce: 0.15;
-  };
-  readonly slow: {
-    readonly duration: 450;
-    readonly bounce: 0.1;
-  };
-  readonly slowest: {
-    readonly duration: 700;
-    readonly bounce: 0.1;
-  };
-  readonly lazy: {
-    readonly duration: 500;
-    readonly bounce: -0.2;
-  };
-  readonly superLazy: {
-    readonly duration: 800;
-    readonly bounce: -0.3;
-  };
-  readonly bouncy: {
-    readonly duration: 400;
-    readonly bounce: 0.5;
-  };
-  readonly superBouncy: {
-    readonly duration: 400;
-    readonly bounce: 0.75;
-  };
-}, {
-  "body-md": {
-    family: string;
-    size: {
-      md: number;
-      true: number;
-    };
-    lineHeight: {
-      md: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      md: string;
-      normal: string;
-      true: string;
-    };
-    face: {
-      400: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "body-md-bold": {
-    family: string;
-    size: {
-      md: number;
-      true: number;
-    };
-    lineHeight: {
-      md: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      bold: string;
-      md: string;
-      true: string;
-    };
-    face: {
-      700: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "body-sm": {
-    family: string;
-    size: {
-      sm: number;
-      true: number;
-    };
-    lineHeight: {
-      sm: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      medium: string;
-      sm: string;
-      true: string;
-    };
-    face: {
-      500: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "body-sm-bold": {
-    family: string;
-    size: {
-      sm: number;
-      true: number;
-    };
-    lineHeight: {
-      sm: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      bold: string;
-      sm: string;
-      true: string;
-    };
-    face: {
-      700: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  caption: {
-    family: string;
-    size: {
-      sm: number;
-      true: number;
-    };
-    lineHeight: {
-      sm: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      normal: string;
-      sm: string;
-      true: string;
-    };
-    face: {
-      400: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  code: {
-    family: string;
-    size: {
-      lg: number;
-      true: number;
-    };
-    lineHeight: {
-      lg: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      lg: string;
-      normal: string;
-      true: string;
-    };
-  };
-  "display-hero": {
-    family: string;
-    size: {
-      "5xl": number;
-      true: number;
-    };
-    lineHeight: {
-      "5xl": number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      "5xl": string;
-      semibold: string;
-      true: string;
-    };
-    face: {
-      600: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "display-lg": {
-    family: string;
-    size: {
-      "3xl": number;
-      true: number;
-    };
-    lineHeight: {
-      "3xl": number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      "3xl": string;
-      semibold: string;
-      true: string;
-    };
-    face: {
-      600: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "display-md": {
-    family: string;
-    size: {
-      true: number;
-      xl: number;
-    };
-    lineHeight: {
-      snug: number;
-      true: number;
-      xl: number;
-    };
-    weight: {
-      bold: string;
-      true: string;
-      xl: string;
-    };
-    face: {
-      700: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "editorial-hero": {
-    family: string;
-    size: {
-      "5xl": number;
-      true: number;
-    };
-    lineHeight: {
-      "5xl": number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      "5xl": string;
-      semibold: string;
-      true: string;
-    };
-    face: {
-      600: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "editorial-lg": {
-    family: string;
-    size: {
-      "3xl": number;
-      true: number;
-    };
-    lineHeight: {
-      "3xl": number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      "3xl": string;
-      semibold: string;
-      true: string;
-    };
-    face: {
-      600: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "editorial-md": {
-    family: string;
-    size: {
-      true: number;
-      xl: number;
-    };
-    lineHeight: {
-      snug: number;
-      true: number;
-      xl: number;
-    };
-    weight: {
-      bold: string;
-      true: string;
-      xl: string;
-    };
-    face: {
-      700: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  eyebrow: {
-    family: string;
-    size: {
-      md: number;
-      true: number;
-    };
-    lineHeight: {
-      md: number;
-      none: number;
-      true: number;
-    };
-    weight: {
-      bold: string;
-      md: string;
-      true: string;
-    };
-  };
-  "storm-sans": {
-    family: string;
-    size: {
-      1: number;
-      2: number;
-      3: number;
-      4: number;
-      5: number;
-      6: number;
-      7: number;
-      8: number;
-      9: number;
-      10: number;
-    };
-    face: {
-      100: {
-        normal: string;
-        italic: string;
-      };
-      200: {
-        normal: string;
-        italic: string;
-      };
-      300: {
-        normal: string;
-        italic: string;
-      };
-      400: {
-        normal: string;
-        italic: string;
-      };
-      450: {
-        normal: string;
-        italic: string;
-      };
-      500: {
-        normal: string;
-        italic: string;
-      };
-      600: {
-        normal: string;
-        italic: string;
-      };
-      700: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "storm-serif": {
-    family: string;
-    size: {
-      1: number;
-      2: number;
-      3: number;
-      4: number;
-      5: number;
-      6: number;
-      7: number;
-      8: number;
-      9: number;
-      10: number;
-    };
-    face: {
-      200: {
-        normal: string;
-        italic: string;
-      };
-      300: {
-        normal: string;
-        italic: string;
-      };
-      400: {
-        normal: string;
-        italic: string;
-      };
-      500: {
-        normal: string;
-        italic: string;
-      };
-      600: {
-        normal: string;
-        italic: string;
-      };
-      700: {
-        normal: string;
-        italic: string;
-      };
-      800: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "title-lg": {
-    family: string;
-    size: {
-      md: number;
-      true: number;
-    };
-    lineHeight: {
-      md: number;
-      tight: number;
-      true: number;
-    };
-    weight: {
-      extrabold: string;
-      md: string;
-      true: string;
-    };
-  };
-  "title-md": {
-    family: string;
-    size: {
-      md: number;
-      true: number;
-    };
-    lineHeight: {
-      md: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      md: string;
-      semibold: string;
-      true: string;
-    };
-    face: {
-      600: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "title-sm": {
-    family: string;
-    size: {
-      sm: number;
-      true: number;
-    };
-    lineHeight: {
-      sm: number;
-      snug: number;
-      true: number;
-    };
-    weight: {
-      bold: string;
-      sm: string;
-      true: string;
-    };
-    face: {
-      700: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "title-xl": {
-    family: string;
-    size: {
-      lg: number;
-      true: number;
-    };
-    lineHeight: {
-      lg: number;
-      tight: number;
-      true: number;
-    };
-    weight: {
-      lg: string;
-      semibold: string;
-      true: string;
-    };
-    face: {
-      600: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "title-xs": {
-    family: string;
-    size: {
-      true: number;
-      xs: number;
-    };
-    lineHeight: {
-      snug: number;
-      true: number;
-      xs: number;
-    };
-    weight: {
-      medium: string;
-      true: string;
-      xs: string;
-    };
-    face: {
-      500: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-  "title-xxs": {
-    family: string;
-    size: {
-      true: number;
-      xxs: number;
-    };
-    lineHeight: {
-      snug: number;
-      true: number;
-      xxs: number;
-    };
-    weight: {
-      medium: string;
-      true: string;
-      xxs: string;
-    };
-    face: {
-      500: {
-        normal: string;
-        italic: string;
-      };
-    };
-  };
-}, {
-  styleValueSyntax: "string";
-  legacyConditionObjects: boolean;
-}, import("@tamagui/core").GenericSizing, "default">;
-type AppConfig = typeof config;
-declare module "tamagui" {
+  "surface-active": string;
+  "surface-disabled": string;
+  "surface-hovered": string;
+  "surface-inactive": string;
+}
+/**
+ * The Tamagui config for the cyclone-ui.
+ *
+ * @see https://tamagui.dev/docs/core/configuration
+ */
+declare const config: ReturnType<typeof createTamagui>;
+type AppConfig = typeof config & {
+  tokens: typeof tokens;
+  themes: typeof themes;
+};
+declare module "@tamagui/core" {
   interface TamaguiCustomConfig extends AppConfig {}
 }
-//#endregion
 export { AppConfig, AppTheme, config };
 //# sourceMappingURL=index.d.cts.map