import * as vue0 from "vue";
import { MaybeRef } from "vue";
import * as pinia0 from "pinia";
import { DeepPartial, Theme, Theme as Theme$1 } from "@directus/types";

//#region src/components/theme-provider.vue.d.ts
type __VLS_Props = {
  darkMode: boolean;
  themeLight?: string | null;
  themeLightOverrides?: DeepPartial<Theme$1['rules']>;
  themeDark?: string | null;
  themeDarkOverrides?: DeepPartial<Theme$1['rules']>;
};
declare const __VLS_export: vue0.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
  themeLight: string | null;
  themeLightOverrides: DeepPartial<Theme$1["rules"]>;
  themeDark: string | null;
  themeDarkOverrides: DeepPartial<Theme$1["rules"]>;
}, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>;
declare const _default: typeof __VLS_export;
//#endregion
//#region src/composables/use-fonts.d.ts
declare const useFonts: (theme: MaybeRef<Theme$1 | DeepPartial<Theme$1>>) => {
  googleFonts: vue0.ComputedRef<string[]>;
};
//#endregion
//#region src/composables/use-theme.d.ts
declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRef<string | null>, themeDark: MaybeRef<string | null>, themeLightOverrides: MaybeRef<DeepPartial<Theme$1["rules"]>>, themeDarkOverrides: MaybeRef<DeepPartial<Theme$1["rules"]>>) => {
  theme: vue0.ComputedRef<{
    id: string;
    name: string;
    appearance: "light";
    rules: {
      borderRadius: string;
      borderWidth: string;
      foreground: string;
      foregroundAccent: string;
      foregroundSubdued: string;
      background: string;
      backgroundNormal: string;
      backgroundAccent: string;
      backgroundSubdued: string;
      borderColor: string;
      borderColorAccent: string;
      borderColorSubdued: string;
      primary: string;
      primaryBackground: string;
      primarySubdued: string;
      primaryAccent: string;
      secondary: string;
      secondaryBackground: string;
      secondarySubdued: string;
      secondaryAccent: string;
      success: string;
      successBackground: string;
      successSubdued: string;
      successAccent: string;
      warning: string;
      warningBackground: string;
      warningSubdued: string;
      warningAccent: string;
      danger: string;
      dangerBackground: string;
      dangerSubdued: string;
      dangerAccent: string;
      fonts: {
        display: {
          fontFamily: string;
          fontWeight: string;
        };
        sans: {
          fontFamily: string;
          fontWeight: string;
        };
        serif: {
          fontFamily: string;
          fontWeight: string;
        };
        monospace: {
          fontFamily: string;
          fontWeight: string;
        };
      };
      navigation: {
        background: string;
        backgroundAccent: string;
        borderColor: string;
        borderWidth: string;
        project: {
          borderColor: string;
          borderWidth: string;
          background: string;
          foreground: string;
          fontFamily: string;
        };
        modules: {
          background: string;
          borderColor: string;
          borderWidth: string;
          button: {
            foreground: string;
            foregroundHover: string;
            foregroundActive: string;
            background: string;
            backgroundHover: string;
            backgroundActive: string;
          };
        };
        list: {
          icon: {
            foreground: string;
            foregroundHover: string;
            foregroundActive: string;
          };
          foreground: string;
          foregroundHover: string;
          foregroundActive: string;
          background: string;
          backgroundHover: string;
          backgroundActive: string;
          fontFamily: string;
          divider: {
            borderColor: string;
            borderWidth: string;
          };
        };
      };
      header: {
        background: string;
        borderColor: string;
        borderWidth: string;
        boxShadow: string;
        headline: {
          foreground: string;
          fontFamily: string;
        };
        title: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
      };
      form: {
        columnGap: string;
        rowGap: string;
        field: {
          label: {
            foreground: string;
            fontFamily: string;
            fontWeight: string;
          };
          input: {
            background: string;
            backgroundSubdued: string;
            foreground: string;
            foregroundSubdued: string;
            borderColor: string;
            borderColorHover: string;
            borderColorFocus: string;
            boxShadow: string;
            boxShadowHover: string;
            boxShadowFocus: string;
            height: string;
            padding: string;
          };
        };
      };
      sidebar: {
        background: string;
        foreground: string;
        fontFamily: string;
        borderColor: string;
        borderWidth: string;
        section: {
          toggle: {
            icon: {
              foreground: string;
              foregroundHover: string;
              foregroundActive: string;
            };
            foreground: string;
            foregroundHover: string;
            foregroundActive: string;
            background: string;
            backgroundHover: string;
            backgroundActive: string;
            fontFamily: string;
            borderColor: string;
            borderWidth: string;
          };
          form: {
            columnGap: string;
            rowGap: string;
            label: {
              foreground: string;
              fontFamily: string;
            };
            field: {
              input: {
                background: string;
                foreground: string;
                foregroundSubdued: string;
                borderColor: string;
                borderColorHover: string;
                borderColorFocus: string;
                boxShadow: string;
                boxShadowHover: string;
                boxShadowFocus: string;
                height: string;
                padding: string;
              };
            };
          };
        };
      };
      public: {
        background: string;
        foreground: string;
        foregroundAccent: string;
        art: {
          background: string;
          primary: string;
          secondary: string;
          speed: string;
        };
        form: {
          columnGap: string;
          rowGap: string;
          label: {
            foreground: string;
            fontFamily: string;
          };
          field: {
            input: {
              background: string;
              foreground: string;
              foregroundSubdued: string;
              borderColor: string;
              borderColorHover: string;
              borderColorFocus: string;
              boxShadow: string;
              boxShadowHover: string;
              boxShadowFocus: string;
              height: string;
              padding: string;
            };
          };
        };
      };
      popover: {
        menu: {
          background: string;
          borderRadius: string;
          boxShadow: string;
        };
      };
      banner: {
        background: string;
        padding: string;
        borderRadius: string;
        avatar: {
          borderRadius: string;
          foreground: string;
          background: string;
        };
        headline: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
        title: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
        subtitle: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
        art: {
          foreground: string;
        };
      };
    };
  } | {
    id: string;
    name: string;
    appearance: "dark";
    rules: {
      borderRadius: string;
      borderWidth: string;
      foreground: string;
      foregroundAccent: string;
      foregroundSubdued: string;
      background: string;
      backgroundNormal: string;
      backgroundAccent: string;
      backgroundSubdued: string;
      borderColor: string;
      borderColorAccent: string;
      borderColorSubdued: string;
      primary: string;
      primaryBackground: string;
      primarySubdued: string;
      primaryAccent: string;
      secondary: string;
      secondaryBackground: string;
      secondarySubdued: string;
      secondaryAccent: string;
      success: string;
      successBackground: string;
      successSubdued: string;
      successAccent: string;
      warning: string;
      warningBackground: string;
      warningSubdued: string;
      warningAccent: string;
      danger: string;
      dangerBackground: string;
      dangerSubdued: string;
      dangerAccent: string;
      fonts: {
        display: {
          fontFamily: string;
          fontWeight: string;
        };
        sans: {
          fontFamily: string;
          fontWeight: string;
        };
        serif: {
          fontFamily: string;
          fontWeight: string;
        };
        monospace: {
          fontFamily: string;
          fontWeight: string;
        };
      };
      navigation: {
        background: string;
        backgroundAccent: string;
        borderColor: string;
        borderWidth: string;
        project: {
          borderColor: string;
          borderWidth: string;
          background: string;
          foreground: string;
          fontFamily: string;
        };
        modules: {
          background: string;
          borderColor: string;
          borderWidth: string;
          button: {
            foreground: string;
            foregroundHover: string;
            foregroundActive: string;
            background: string;
            backgroundHover: string;
            backgroundActive: string;
          };
        };
        list: {
          icon: {
            foreground: string;
            foregroundHover: string;
            foregroundActive: string;
          };
          foreground: string;
          foregroundHover: string;
          foregroundActive: string;
          background: string;
          backgroundHover: string;
          backgroundActive: string;
          fontFamily: string;
          divider: {
            borderColor: string;
            borderWidth: string;
          };
        };
      };
      header: {
        background: string;
        borderColor: string;
        borderWidth: string;
        boxShadow: string;
        headline: {
          foreground: string;
          fontFamily: string;
        };
        title: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
      };
      form: {
        columnGap: string;
        rowGap: string;
        field: {
          label: {
            foreground: string;
            fontFamily: string;
            fontWeight: string;
          };
          input: {
            background: string;
            backgroundSubdued: string;
            foreground: string;
            foregroundSubdued: string;
            borderColor: string;
            borderColorHover: string;
            borderColorFocus: string;
            boxShadow: string;
            boxShadowHover: string;
            boxShadowFocus: string;
            height: string;
            padding: string;
          };
        };
      };
      sidebar: {
        background: string;
        foreground: string;
        fontFamily: string;
        borderColor: string;
        borderWidth: string;
        section: {
          toggle: {
            icon: {
              foreground: string;
              foregroundHover: string;
              foregroundActive: string;
            };
            foreground: string;
            foregroundHover: string;
            foregroundActive: string;
            background: string;
            backgroundHover: string;
            backgroundActive: string;
            fontFamily: string;
            borderColor: string;
            borderWidth: string;
          };
          form: {
            columnGap: string;
            rowGap: string;
            label: {
              foreground: string;
              fontFamily: string;
            };
            field: {
              input: {
                background: string;
                foreground: string;
                foregroundSubdued: string;
                borderColor: string;
                borderColorHover: string;
                borderColorFocus: string;
                boxShadow: string;
                boxShadowHover: string;
                boxShadowFocus: string;
                height: string;
                padding: string;
              };
            };
          };
        };
      };
      public: {
        background: string;
        foreground: string;
        foregroundAccent: string;
        art: {
          background: string;
          primary: string;
          secondary: string;
          speed: string;
        };
        form: {
          columnGap: string;
          rowGap: string;
          field: {
            label: {
              foreground: string;
              fontFamily: string;
            };
            input: {
              background: string;
              foreground: string;
              foregroundSubdued: string;
              borderColor: string;
              borderColorHover: string;
              borderColorFocus: string;
              boxShadow: string;
              boxShadowHover: string;
              boxShadowFocus: string;
              height: string;
              padding: string;
            };
          };
        };
      };
      popover: {
        menu: {
          background: string;
          borderRadius: string;
          boxShadow: string;
        };
      };
      banner: {
        background: string;
        padding: string;
        borderRadius: string;
        avatar: {
          borderRadius: string;
          foreground: string;
          background: string;
        };
        headline: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
        title: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
        subtitle: {
          foreground: string;
          fontFamily: string;
          fontWeight: string;
        };
        art: {
          foreground: string;
        };
      };
    };
  }>;
};
//#endregion
//#region src/stores/theme.d.ts
declare const useThemeStore: pinia0.StoreDefinition<"🎨 Themes", Pick<{
  themes: {
    light: {
      id: string;
      name: string;
      appearance: "light" | "dark";
      rules: {
        borderRadius?: string | undefined;
        borderWidth?: string | undefined;
        foreground?: string | undefined;
        foregroundSubdued?: string | undefined;
        foregroundAccent?: string | undefined;
        background?: string | undefined;
        backgroundNormal?: string | undefined;
        backgroundAccent?: string | undefined;
        backgroundSubdued?: string | undefined;
        borderColor?: string | undefined;
        borderColorAccent?: string | undefined;
        borderColorSubdued?: string | undefined;
        primary?: string | undefined;
        primaryBackground?: string | undefined;
        primarySubdued?: string | undefined;
        primaryAccent?: string | undefined;
        secondary?: string | undefined;
        secondaryBackground?: string | undefined;
        secondarySubdued?: string | undefined;
        secondaryAccent?: string | undefined;
        success?: string | undefined;
        successBackground?: string | undefined;
        successSubdued?: string | undefined;
        successAccent?: string | undefined;
        warning?: string | undefined;
        warningBackground?: string | undefined;
        warningSubdued?: string | undefined;
        warningAccent?: string | undefined;
        danger?: string | undefined;
        dangerBackground?: string | undefined;
        dangerSubdued?: string | undefined;
        dangerAccent?: string | undefined;
        fonts?: {
          display?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          sans?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          serif?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          monospace?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        navigation?: {
          background?: string | undefined;
          backgroundAccent?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          project?: {
            background?: string | undefined;
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
          } | undefined;
          modules?: {
            background?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
            button?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
            } | undefined;
          } | undefined;
          list?: {
            divider: {
              borderColor?: string | undefined;
              borderWidth?: string | undefined;
            };
            icon?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
            } | undefined;
            foreground?: string | undefined;
            foregroundHover?: string | undefined;
            foregroundActive?: string | undefined;
            background?: string | undefined;
            backgroundHover?: string | undefined;
            backgroundActive?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
        } | undefined;
        header?: {
          background?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          boxShadow?: string | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        form?: {
          columnGap?: string | undefined;
          rowGap?: string | undefined;
          field?: {
            label?: {
              foreground?: string | undefined;
              fontFamily?: string | undefined;
              fontWeight?: string | undefined;
            } | undefined;
            input?: {
              background?: string | undefined;
              backgroundSubdued?: string | undefined;
              foreground?: string | undefined;
              foregroundSubdued?: string | undefined;
              borderColor?: string | undefined;
              borderColorHover?: string | undefined;
              borderColorFocus?: string | undefined;
              boxShadow?: string | undefined;
              boxShadowHover?: string | undefined;
              boxShadowFocus?: string | undefined;
              height?: string | undefined;
              padding?: string | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        sidebar?: {
          background?: string | undefined;
          foreground?: string | undefined;
          fontFamily?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          section?: {
            toggle?: {
              icon?: {
                foreground?: string | undefined;
                foregroundHover?: string | undefined;
                foregroundActive?: string | undefined;
              } | undefined;
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
              fontFamily?: string | undefined;
              borderWidth?: string | undefined;
              borderColor?: string | undefined;
            } | undefined;
            form?: {
              columnGap?: string | undefined;
              rowGap?: string | undefined;
              field?: {
                label?: {
                  foreground?: string | undefined;
                  fontFamily?: string | undefined;
                  fontWeight?: string | undefined;
                } | undefined;
                input?: {
                  background?: string | undefined;
                  backgroundSubdued?: string | undefined;
                  foreground?: string | undefined;
                  foregroundSubdued?: string | undefined;
                  borderColor?: string | undefined;
                  borderColorHover?: string | undefined;
                  borderColorFocus?: string | undefined;
                  boxShadow?: string | undefined;
                  boxShadowHover?: string | undefined;
                  boxShadowFocus?: string | undefined;
                  height?: string | undefined;
                  padding?: string | undefined;
                } | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        public?: {
          background?: string | undefined;
          foreground?: string | undefined;
          foregroundAccent?: string | undefined;
          art?: {
            background?: string | undefined;
            primary?: string | undefined;
            secondary?: string | undefined;
            speed?: string | undefined;
          } | undefined;
          form?: {
            columnGap?: string | undefined;
            rowGap?: string | undefined;
            field?: {
              label?: {
                foreground?: string | undefined;
                fontFamily?: string | undefined;
                fontWeight?: string | undefined;
              } | undefined;
              input?: {
                background?: string | undefined;
                backgroundSubdued?: string | undefined;
                foreground?: string | undefined;
                foregroundSubdued?: string | undefined;
                borderColor?: string | undefined;
                borderColorHover?: string | undefined;
                borderColorFocus?: string | undefined;
                boxShadow?: string | undefined;
                boxShadowHover?: string | undefined;
                boxShadowFocus?: string | undefined;
                height?: string | undefined;
                padding?: string | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        popover?: {
          menu?: {
            background?: string | undefined;
            borderRadius?: string | undefined;
            boxShadow?: string | undefined;
          } | undefined;
        } | undefined;
        banner?: {
          background?: string | undefined;
          padding?: string | undefined;
          borderRadius?: string | undefined;
          avatar?: {
            background?: string | undefined;
            foreground?: string | undefined;
            borderRadius?: string | undefined;
          } | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          subtitle?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          art?: {
            foreground?: string | undefined;
          } | undefined;
        } | undefined;
      };
    }[];
    dark: {
      id: string;
      name: string;
      appearance: "light" | "dark";
      rules: {
        borderRadius?: string | undefined;
        borderWidth?: string | undefined;
        foreground?: string | undefined;
        foregroundSubdued?: string | undefined;
        foregroundAccent?: string | undefined;
        background?: string | undefined;
        backgroundNormal?: string | undefined;
        backgroundAccent?: string | undefined;
        backgroundSubdued?: string | undefined;
        borderColor?: string | undefined;
        borderColorAccent?: string | undefined;
        borderColorSubdued?: string | undefined;
        primary?: string | undefined;
        primaryBackground?: string | undefined;
        primarySubdued?: string | undefined;
        primaryAccent?: string | undefined;
        secondary?: string | undefined;
        secondaryBackground?: string | undefined;
        secondarySubdued?: string | undefined;
        secondaryAccent?: string | undefined;
        success?: string | undefined;
        successBackground?: string | undefined;
        successSubdued?: string | undefined;
        successAccent?: string | undefined;
        warning?: string | undefined;
        warningBackground?: string | undefined;
        warningSubdued?: string | undefined;
        warningAccent?: string | undefined;
        danger?: string | undefined;
        dangerBackground?: string | undefined;
        dangerSubdued?: string | undefined;
        dangerAccent?: string | undefined;
        fonts?: {
          display?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          sans?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          serif?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          monospace?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        navigation?: {
          background?: string | undefined;
          backgroundAccent?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          project?: {
            background?: string | undefined;
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
          } | undefined;
          modules?: {
            background?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
            button?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
            } | undefined;
          } | undefined;
          list?: {
            divider: {
              borderColor?: string | undefined;
              borderWidth?: string | undefined;
            };
            icon?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
            } | undefined;
            foreground?: string | undefined;
            foregroundHover?: string | undefined;
            foregroundActive?: string | undefined;
            background?: string | undefined;
            backgroundHover?: string | undefined;
            backgroundActive?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
        } | undefined;
        header?: {
          background?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          boxShadow?: string | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        form?: {
          columnGap?: string | undefined;
          rowGap?: string | undefined;
          field?: {
            label?: {
              foreground?: string | undefined;
              fontFamily?: string | undefined;
              fontWeight?: string | undefined;
            } | undefined;
            input?: {
              background?: string | undefined;
              backgroundSubdued?: string | undefined;
              foreground?: string | undefined;
              foregroundSubdued?: string | undefined;
              borderColor?: string | undefined;
              borderColorHover?: string | undefined;
              borderColorFocus?: string | undefined;
              boxShadow?: string | undefined;
              boxShadowHover?: string | undefined;
              boxShadowFocus?: string | undefined;
              height?: string | undefined;
              padding?: string | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        sidebar?: {
          background?: string | undefined;
          foreground?: string | undefined;
          fontFamily?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          section?: {
            toggle?: {
              icon?: {
                foreground?: string | undefined;
                foregroundHover?: string | undefined;
                foregroundActive?: string | undefined;
              } | undefined;
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
              fontFamily?: string | undefined;
              borderWidth?: string | undefined;
              borderColor?: string | undefined;
            } | undefined;
            form?: {
              columnGap?: string | undefined;
              rowGap?: string | undefined;
              field?: {
                label?: {
                  foreground?: string | undefined;
                  fontFamily?: string | undefined;
                  fontWeight?: string | undefined;
                } | undefined;
                input?: {
                  background?: string | undefined;
                  backgroundSubdued?: string | undefined;
                  foreground?: string | undefined;
                  foregroundSubdued?: string | undefined;
                  borderColor?: string | undefined;
                  borderColorHover?: string | undefined;
                  borderColorFocus?: string | undefined;
                  boxShadow?: string | undefined;
                  boxShadowHover?: string | undefined;
                  boxShadowFocus?: string | undefined;
                  height?: string | undefined;
                  padding?: string | undefined;
                } | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        public?: {
          background?: string | undefined;
          foreground?: string | undefined;
          foregroundAccent?: string | undefined;
          art?: {
            background?: string | undefined;
            primary?: string | undefined;
            secondary?: string | undefined;
            speed?: string | undefined;
          } | undefined;
          form?: {
            columnGap?: string | undefined;
            rowGap?: string | undefined;
            field?: {
              label?: {
                foreground?: string | undefined;
                fontFamily?: string | undefined;
                fontWeight?: string | undefined;
              } | undefined;
              input?: {
                background?: string | undefined;
                backgroundSubdued?: string | undefined;
                foreground?: string | undefined;
                foregroundSubdued?: string | undefined;
                borderColor?: string | undefined;
                borderColorHover?: string | undefined;
                borderColorFocus?: string | undefined;
                boxShadow?: string | undefined;
                boxShadowHover?: string | undefined;
                boxShadowFocus?: string | undefined;
                height?: string | undefined;
                padding?: string | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        popover?: {
          menu?: {
            background?: string | undefined;
            borderRadius?: string | undefined;
            boxShadow?: string | undefined;
          } | undefined;
        } | undefined;
        banner?: {
          background?: string | undefined;
          padding?: string | undefined;
          borderRadius?: string | undefined;
          avatar?: {
            background?: string | undefined;
            foreground?: string | undefined;
            borderRadius?: string | undefined;
          } | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          subtitle?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          art?: {
            foreground?: string | undefined;
          } | undefined;
        } | undefined;
      };
    }[];
  };
  registerTheme: (theme: Theme$1) => void;
}, "themes">, Pick<{
  themes: {
    light: {
      id: string;
      name: string;
      appearance: "light" | "dark";
      rules: {
        borderRadius?: string | undefined;
        borderWidth?: string | undefined;
        foreground?: string | undefined;
        foregroundSubdued?: string | undefined;
        foregroundAccent?: string | undefined;
        background?: string | undefined;
        backgroundNormal?: string | undefined;
        backgroundAccent?: string | undefined;
        backgroundSubdued?: string | undefined;
        borderColor?: string | undefined;
        borderColorAccent?: string | undefined;
        borderColorSubdued?: string | undefined;
        primary?: string | undefined;
        primaryBackground?: string | undefined;
        primarySubdued?: string | undefined;
        primaryAccent?: string | undefined;
        secondary?: string | undefined;
        secondaryBackground?: string | undefined;
        secondarySubdued?: string | undefined;
        secondaryAccent?: string | undefined;
        success?: string | undefined;
        successBackground?: string | undefined;
        successSubdued?: string | undefined;
        successAccent?: string | undefined;
        warning?: string | undefined;
        warningBackground?: string | undefined;
        warningSubdued?: string | undefined;
        warningAccent?: string | undefined;
        danger?: string | undefined;
        dangerBackground?: string | undefined;
        dangerSubdued?: string | undefined;
        dangerAccent?: string | undefined;
        fonts?: {
          display?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          sans?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          serif?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          monospace?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        navigation?: {
          background?: string | undefined;
          backgroundAccent?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          project?: {
            background?: string | undefined;
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
          } | undefined;
          modules?: {
            background?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
            button?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
            } | undefined;
          } | undefined;
          list?: {
            divider: {
              borderColor?: string | undefined;
              borderWidth?: string | undefined;
            };
            icon?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
            } | undefined;
            foreground?: string | undefined;
            foregroundHover?: string | undefined;
            foregroundActive?: string | undefined;
            background?: string | undefined;
            backgroundHover?: string | undefined;
            backgroundActive?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
        } | undefined;
        header?: {
          background?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          boxShadow?: string | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        form?: {
          columnGap?: string | undefined;
          rowGap?: string | undefined;
          field?: {
            label?: {
              foreground?: string | undefined;
              fontFamily?: string | undefined;
              fontWeight?: string | undefined;
            } | undefined;
            input?: {
              background?: string | undefined;
              backgroundSubdued?: string | undefined;
              foreground?: string | undefined;
              foregroundSubdued?: string | undefined;
              borderColor?: string | undefined;
              borderColorHover?: string | undefined;
              borderColorFocus?: string | undefined;
              boxShadow?: string | undefined;
              boxShadowHover?: string | undefined;
              boxShadowFocus?: string | undefined;
              height?: string | undefined;
              padding?: string | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        sidebar?: {
          background?: string | undefined;
          foreground?: string | undefined;
          fontFamily?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          section?: {
            toggle?: {
              icon?: {
                foreground?: string | undefined;
                foregroundHover?: string | undefined;
                foregroundActive?: string | undefined;
              } | undefined;
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
              fontFamily?: string | undefined;
              borderWidth?: string | undefined;
              borderColor?: string | undefined;
            } | undefined;
            form?: {
              columnGap?: string | undefined;
              rowGap?: string | undefined;
              field?: {
                label?: {
                  foreground?: string | undefined;
                  fontFamily?: string | undefined;
                  fontWeight?: string | undefined;
                } | undefined;
                input?: {
                  background?: string | undefined;
                  backgroundSubdued?: string | undefined;
                  foreground?: string | undefined;
                  foregroundSubdued?: string | undefined;
                  borderColor?: string | undefined;
                  borderColorHover?: string | undefined;
                  borderColorFocus?: string | undefined;
                  boxShadow?: string | undefined;
                  boxShadowHover?: string | undefined;
                  boxShadowFocus?: string | undefined;
                  height?: string | undefined;
                  padding?: string | undefined;
                } | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        public?: {
          background?: string | undefined;
          foreground?: string | undefined;
          foregroundAccent?: string | undefined;
          art?: {
            background?: string | undefined;
            primary?: string | undefined;
            secondary?: string | undefined;
            speed?: string | undefined;
          } | undefined;
          form?: {
            columnGap?: string | undefined;
            rowGap?: string | undefined;
            field?: {
              label?: {
                foreground?: string | undefined;
                fontFamily?: string | undefined;
                fontWeight?: string | undefined;
              } | undefined;
              input?: {
                background?: string | undefined;
                backgroundSubdued?: string | undefined;
                foreground?: string | undefined;
                foregroundSubdued?: string | undefined;
                borderColor?: string | undefined;
                borderColorHover?: string | undefined;
                borderColorFocus?: string | undefined;
                boxShadow?: string | undefined;
                boxShadowHover?: string | undefined;
                boxShadowFocus?: string | undefined;
                height?: string | undefined;
                padding?: string | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        popover?: {
          menu?: {
            background?: string | undefined;
            borderRadius?: string | undefined;
            boxShadow?: string | undefined;
          } | undefined;
        } | undefined;
        banner?: {
          background?: string | undefined;
          padding?: string | undefined;
          borderRadius?: string | undefined;
          avatar?: {
            background?: string | undefined;
            foreground?: string | undefined;
            borderRadius?: string | undefined;
          } | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          subtitle?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          art?: {
            foreground?: string | undefined;
          } | undefined;
        } | undefined;
      };
    }[];
    dark: {
      id: string;
      name: string;
      appearance: "light" | "dark";
      rules: {
        borderRadius?: string | undefined;
        borderWidth?: string | undefined;
        foreground?: string | undefined;
        foregroundSubdued?: string | undefined;
        foregroundAccent?: string | undefined;
        background?: string | undefined;
        backgroundNormal?: string | undefined;
        backgroundAccent?: string | undefined;
        backgroundSubdued?: string | undefined;
        borderColor?: string | undefined;
        borderColorAccent?: string | undefined;
        borderColorSubdued?: string | undefined;
        primary?: string | undefined;
        primaryBackground?: string | undefined;
        primarySubdued?: string | undefined;
        primaryAccent?: string | undefined;
        secondary?: string | undefined;
        secondaryBackground?: string | undefined;
        secondarySubdued?: string | undefined;
        secondaryAccent?: string | undefined;
        success?: string | undefined;
        successBackground?: string | undefined;
        successSubdued?: string | undefined;
        successAccent?: string | undefined;
        warning?: string | undefined;
        warningBackground?: string | undefined;
        warningSubdued?: string | undefined;
        warningAccent?: string | undefined;
        danger?: string | undefined;
        dangerBackground?: string | undefined;
        dangerSubdued?: string | undefined;
        dangerAccent?: string | undefined;
        fonts?: {
          display?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          sans?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          serif?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          monospace?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        navigation?: {
          background?: string | undefined;
          backgroundAccent?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          project?: {
            background?: string | undefined;
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
          } | undefined;
          modules?: {
            background?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
            button?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
            } | undefined;
          } | undefined;
          list?: {
            divider: {
              borderColor?: string | undefined;
              borderWidth?: string | undefined;
            };
            icon?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
            } | undefined;
            foreground?: string | undefined;
            foregroundHover?: string | undefined;
            foregroundActive?: string | undefined;
            background?: string | undefined;
            backgroundHover?: string | undefined;
            backgroundActive?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
        } | undefined;
        header?: {
          background?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          boxShadow?: string | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        form?: {
          columnGap?: string | undefined;
          rowGap?: string | undefined;
          field?: {
            label?: {
              foreground?: string | undefined;
              fontFamily?: string | undefined;
              fontWeight?: string | undefined;
            } | undefined;
            input?: {
              background?: string | undefined;
              backgroundSubdued?: string | undefined;
              foreground?: string | undefined;
              foregroundSubdued?: string | undefined;
              borderColor?: string | undefined;
              borderColorHover?: string | undefined;
              borderColorFocus?: string | undefined;
              boxShadow?: string | undefined;
              boxShadowHover?: string | undefined;
              boxShadowFocus?: string | undefined;
              height?: string | undefined;
              padding?: string | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        sidebar?: {
          background?: string | undefined;
          foreground?: string | undefined;
          fontFamily?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          section?: {
            toggle?: {
              icon?: {
                foreground?: string | undefined;
                foregroundHover?: string | undefined;
                foregroundActive?: string | undefined;
              } | undefined;
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
              fontFamily?: string | undefined;
              borderWidth?: string | undefined;
              borderColor?: string | undefined;
            } | undefined;
            form?: {
              columnGap?: string | undefined;
              rowGap?: string | undefined;
              field?: {
                label?: {
                  foreground?: string | undefined;
                  fontFamily?: string | undefined;
                  fontWeight?: string | undefined;
                } | undefined;
                input?: {
                  background?: string | undefined;
                  backgroundSubdued?: string | undefined;
                  foreground?: string | undefined;
                  foregroundSubdued?: string | undefined;
                  borderColor?: string | undefined;
                  borderColorHover?: string | undefined;
                  borderColorFocus?: string | undefined;
                  boxShadow?: string | undefined;
                  boxShadowHover?: string | undefined;
                  boxShadowFocus?: string | undefined;
                  height?: string | undefined;
                  padding?: string | undefined;
                } | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        public?: {
          background?: string | undefined;
          foreground?: string | undefined;
          foregroundAccent?: string | undefined;
          art?: {
            background?: string | undefined;
            primary?: string | undefined;
            secondary?: string | undefined;
            speed?: string | undefined;
          } | undefined;
          form?: {
            columnGap?: string | undefined;
            rowGap?: string | undefined;
            field?: {
              label?: {
                foreground?: string | undefined;
                fontFamily?: string | undefined;
                fontWeight?: string | undefined;
              } | undefined;
              input?: {
                background?: string | undefined;
                backgroundSubdued?: string | undefined;
                foreground?: string | undefined;
                foregroundSubdued?: string | undefined;
                borderColor?: string | undefined;
                borderColorHover?: string | undefined;
                borderColorFocus?: string | undefined;
                boxShadow?: string | undefined;
                boxShadowHover?: string | undefined;
                boxShadowFocus?: string | undefined;
                height?: string | undefined;
                padding?: string | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        popover?: {
          menu?: {
            background?: string | undefined;
            borderRadius?: string | undefined;
            boxShadow?: string | undefined;
          } | undefined;
        } | undefined;
        banner?: {
          background?: string | undefined;
          padding?: string | undefined;
          borderRadius?: string | undefined;
          avatar?: {
            background?: string | undefined;
            foreground?: string | undefined;
            borderRadius?: string | undefined;
          } | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          subtitle?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          art?: {
            foreground?: string | undefined;
          } | undefined;
        } | undefined;
      };
    }[];
  };
  registerTheme: (theme: Theme$1) => void;
}, never>, Pick<{
  themes: {
    light: {
      id: string;
      name: string;
      appearance: "light" | "dark";
      rules: {
        borderRadius?: string | undefined;
        borderWidth?: string | undefined;
        foreground?: string | undefined;
        foregroundSubdued?: string | undefined;
        foregroundAccent?: string | undefined;
        background?: string | undefined;
        backgroundNormal?: string | undefined;
        backgroundAccent?: string | undefined;
        backgroundSubdued?: string | undefined;
        borderColor?: string | undefined;
        borderColorAccent?: string | undefined;
        borderColorSubdued?: string | undefined;
        primary?: string | undefined;
        primaryBackground?: string | undefined;
        primarySubdued?: string | undefined;
        primaryAccent?: string | undefined;
        secondary?: string | undefined;
        secondaryBackground?: string | undefined;
        secondarySubdued?: string | undefined;
        secondaryAccent?: string | undefined;
        success?: string | undefined;
        successBackground?: string | undefined;
        successSubdued?: string | undefined;
        successAccent?: string | undefined;
        warning?: string | undefined;
        warningBackground?: string | undefined;
        warningSubdued?: string | undefined;
        warningAccent?: string | undefined;
        danger?: string | undefined;
        dangerBackground?: string | undefined;
        dangerSubdued?: string | undefined;
        dangerAccent?: string | undefined;
        fonts?: {
          display?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          sans?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          serif?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          monospace?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        navigation?: {
          background?: string | undefined;
          backgroundAccent?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          project?: {
            background?: string | undefined;
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
          } | undefined;
          modules?: {
            background?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
            button?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
            } | undefined;
          } | undefined;
          list?: {
            divider: {
              borderColor?: string | undefined;
              borderWidth?: string | undefined;
            };
            icon?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
            } | undefined;
            foreground?: string | undefined;
            foregroundHover?: string | undefined;
            foregroundActive?: string | undefined;
            background?: string | undefined;
            backgroundHover?: string | undefined;
            backgroundActive?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
        } | undefined;
        header?: {
          background?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          boxShadow?: string | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        form?: {
          columnGap?: string | undefined;
          rowGap?: string | undefined;
          field?: {
            label?: {
              foreground?: string | undefined;
              fontFamily?: string | undefined;
              fontWeight?: string | undefined;
            } | undefined;
            input?: {
              background?: string | undefined;
              backgroundSubdued?: string | undefined;
              foreground?: string | undefined;
              foregroundSubdued?: string | undefined;
              borderColor?: string | undefined;
              borderColorHover?: string | undefined;
              borderColorFocus?: string | undefined;
              boxShadow?: string | undefined;
              boxShadowHover?: string | undefined;
              boxShadowFocus?: string | undefined;
              height?: string | undefined;
              padding?: string | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        sidebar?: {
          background?: string | undefined;
          foreground?: string | undefined;
          fontFamily?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          section?: {
            toggle?: {
              icon?: {
                foreground?: string | undefined;
                foregroundHover?: string | undefined;
                foregroundActive?: string | undefined;
              } | undefined;
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
              fontFamily?: string | undefined;
              borderWidth?: string | undefined;
              borderColor?: string | undefined;
            } | undefined;
            form?: {
              columnGap?: string | undefined;
              rowGap?: string | undefined;
              field?: {
                label?: {
                  foreground?: string | undefined;
                  fontFamily?: string | undefined;
                  fontWeight?: string | undefined;
                } | undefined;
                input?: {
                  background?: string | undefined;
                  backgroundSubdued?: string | undefined;
                  foreground?: string | undefined;
                  foregroundSubdued?: string | undefined;
                  borderColor?: string | undefined;
                  borderColorHover?: string | undefined;
                  borderColorFocus?: string | undefined;
                  boxShadow?: string | undefined;
                  boxShadowHover?: string | undefined;
                  boxShadowFocus?: string | undefined;
                  height?: string | undefined;
                  padding?: string | undefined;
                } | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        public?: {
          background?: string | undefined;
          foreground?: string | undefined;
          foregroundAccent?: string | undefined;
          art?: {
            background?: string | undefined;
            primary?: string | undefined;
            secondary?: string | undefined;
            speed?: string | undefined;
          } | undefined;
          form?: {
            columnGap?: string | undefined;
            rowGap?: string | undefined;
            field?: {
              label?: {
                foreground?: string | undefined;
                fontFamily?: string | undefined;
                fontWeight?: string | undefined;
              } | undefined;
              input?: {
                background?: string | undefined;
                backgroundSubdued?: string | undefined;
                foreground?: string | undefined;
                foregroundSubdued?: string | undefined;
                borderColor?: string | undefined;
                borderColorHover?: string | undefined;
                borderColorFocus?: string | undefined;
                boxShadow?: string | undefined;
                boxShadowHover?: string | undefined;
                boxShadowFocus?: string | undefined;
                height?: string | undefined;
                padding?: string | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        popover?: {
          menu?: {
            background?: string | undefined;
            borderRadius?: string | undefined;
            boxShadow?: string | undefined;
          } | undefined;
        } | undefined;
        banner?: {
          background?: string | undefined;
          padding?: string | undefined;
          borderRadius?: string | undefined;
          avatar?: {
            background?: string | undefined;
            foreground?: string | undefined;
            borderRadius?: string | undefined;
          } | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          subtitle?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          art?: {
            foreground?: string | undefined;
          } | undefined;
        } | undefined;
      };
    }[];
    dark: {
      id: string;
      name: string;
      appearance: "light" | "dark";
      rules: {
        borderRadius?: string | undefined;
        borderWidth?: string | undefined;
        foreground?: string | undefined;
        foregroundSubdued?: string | undefined;
        foregroundAccent?: string | undefined;
        background?: string | undefined;
        backgroundNormal?: string | undefined;
        backgroundAccent?: string | undefined;
        backgroundSubdued?: string | undefined;
        borderColor?: string | undefined;
        borderColorAccent?: string | undefined;
        borderColorSubdued?: string | undefined;
        primary?: string | undefined;
        primaryBackground?: string | undefined;
        primarySubdued?: string | undefined;
        primaryAccent?: string | undefined;
        secondary?: string | undefined;
        secondaryBackground?: string | undefined;
        secondarySubdued?: string | undefined;
        secondaryAccent?: string | undefined;
        success?: string | undefined;
        successBackground?: string | undefined;
        successSubdued?: string | undefined;
        successAccent?: string | undefined;
        warning?: string | undefined;
        warningBackground?: string | undefined;
        warningSubdued?: string | undefined;
        warningAccent?: string | undefined;
        danger?: string | undefined;
        dangerBackground?: string | undefined;
        dangerSubdued?: string | undefined;
        dangerAccent?: string | undefined;
        fonts?: {
          display?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          sans?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          serif?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          monospace?: {
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        navigation?: {
          background?: string | undefined;
          backgroundAccent?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          project?: {
            background?: string | undefined;
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
          } | undefined;
          modules?: {
            background?: string | undefined;
            borderWidth?: string | undefined;
            borderColor?: string | undefined;
            button?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
            } | undefined;
          } | undefined;
          list?: {
            divider: {
              borderColor?: string | undefined;
              borderWidth?: string | undefined;
            };
            icon?: {
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
            } | undefined;
            foreground?: string | undefined;
            foregroundHover?: string | undefined;
            foregroundActive?: string | undefined;
            background?: string | undefined;
            backgroundHover?: string | undefined;
            backgroundActive?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
        } | undefined;
        header?: {
          background?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          boxShadow?: string | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
        } | undefined;
        form?: {
          columnGap?: string | undefined;
          rowGap?: string | undefined;
          field?: {
            label?: {
              foreground?: string | undefined;
              fontFamily?: string | undefined;
              fontWeight?: string | undefined;
            } | undefined;
            input?: {
              background?: string | undefined;
              backgroundSubdued?: string | undefined;
              foreground?: string | undefined;
              foregroundSubdued?: string | undefined;
              borderColor?: string | undefined;
              borderColorHover?: string | undefined;
              borderColorFocus?: string | undefined;
              boxShadow?: string | undefined;
              boxShadowHover?: string | undefined;
              boxShadowFocus?: string | undefined;
              height?: string | undefined;
              padding?: string | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        sidebar?: {
          background?: string | undefined;
          foreground?: string | undefined;
          fontFamily?: string | undefined;
          borderWidth?: string | undefined;
          borderColor?: string | undefined;
          section?: {
            toggle?: {
              icon?: {
                foreground?: string | undefined;
                foregroundHover?: string | undefined;
                foregroundActive?: string | undefined;
              } | undefined;
              foreground?: string | undefined;
              foregroundHover?: string | undefined;
              foregroundActive?: string | undefined;
              background?: string | undefined;
              backgroundHover?: string | undefined;
              backgroundActive?: string | undefined;
              fontFamily?: string | undefined;
              borderWidth?: string | undefined;
              borderColor?: string | undefined;
            } | undefined;
            form?: {
              columnGap?: string | undefined;
              rowGap?: string | undefined;
              field?: {
                label?: {
                  foreground?: string | undefined;
                  fontFamily?: string | undefined;
                  fontWeight?: string | undefined;
                } | undefined;
                input?: {
                  background?: string | undefined;
                  backgroundSubdued?: string | undefined;
                  foreground?: string | undefined;
                  foregroundSubdued?: string | undefined;
                  borderColor?: string | undefined;
                  borderColorHover?: string | undefined;
                  borderColorFocus?: string | undefined;
                  boxShadow?: string | undefined;
                  boxShadowHover?: string | undefined;
                  boxShadowFocus?: string | undefined;
                  height?: string | undefined;
                  padding?: string | undefined;
                } | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        public?: {
          background?: string | undefined;
          foreground?: string | undefined;
          foregroundAccent?: string | undefined;
          art?: {
            background?: string | undefined;
            primary?: string | undefined;
            secondary?: string | undefined;
            speed?: string | undefined;
          } | undefined;
          form?: {
            columnGap?: string | undefined;
            rowGap?: string | undefined;
            field?: {
              label?: {
                foreground?: string | undefined;
                fontFamily?: string | undefined;
                fontWeight?: string | undefined;
              } | undefined;
              input?: {
                background?: string | undefined;
                backgroundSubdued?: string | undefined;
                foreground?: string | undefined;
                foregroundSubdued?: string | undefined;
                borderColor?: string | undefined;
                borderColorHover?: string | undefined;
                borderColorFocus?: string | undefined;
                boxShadow?: string | undefined;
                boxShadowHover?: string | undefined;
                boxShadowFocus?: string | undefined;
                height?: string | undefined;
                padding?: string | undefined;
              } | undefined;
            } | undefined;
          } | undefined;
        } | undefined;
        popover?: {
          menu?: {
            background?: string | undefined;
            borderRadius?: string | undefined;
            boxShadow?: string | undefined;
          } | undefined;
        } | undefined;
        banner?: {
          background?: string | undefined;
          padding?: string | undefined;
          borderRadius?: string | undefined;
          avatar?: {
            background?: string | undefined;
            foreground?: string | undefined;
            borderRadius?: string | undefined;
          } | undefined;
          headline?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          title?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          subtitle?: {
            foreground?: string | undefined;
            fontFamily?: string | undefined;
            fontWeight?: string | undefined;
          } | undefined;
          art?: {
            foreground?: string | undefined;
          } | undefined;
        } | undefined;
      };
    }[];
  };
  registerTheme: (theme: Theme$1) => void;
}, "registerTheme">>;
//#endregion
//#region src/utils/define-theme.d.ts
declare const defineTheme: <T extends Theme$1>(theme: T) => T;
//#endregion
//#region src/utils/rules-to-css-vars.d.ts
declare const rulesToCssVars: (rules: DeepPartial<Theme$1["rules"]>) => Record<string, string | number>;
//#endregion
export { type Theme, _default as ThemeProvider, defineTheme, rulesToCssVars, useFonts, useTheme, useThemeStore };