@opencode/ui 0.0.0-reserved → 2.0.1

package/dist/icons/icon/additional-icons.d.ts

@@ -0,0 +1,105 @@
+export declare const additionalIcons: {
+    "align-right": string;
+    "arrow-up": string;
+    "arrow-left": string;
+    "arrow-right": string;
+    archive: string;
+    "bubble-5": string;
+    prompt: string;
+    brain: string;
+    fork: string;
+    "workspace-isolated": string;
+    "bullet-list": string;
+    "check-small": string;
+    "chevron-down": string;
+    "chevron-left": string;
+    "chevron-right": string;
+    "chevron-grabber-vertical": string;
+    "chevron-double-right": string;
+    "circle-x": string;
+    close: string;
+    "close-small": string;
+    checklist: string;
+    console: string;
+    terminal: string;
+    "terminal-active": string;
+    review: string;
+    "review-active": string;
+    expand: string;
+    collapse: string;
+    code: string;
+    "code-lines": string;
+    "circle-ban-sign": string;
+    "edit-small-2": string;
+    eye: string;
+    enter: string;
+    folder: string;
+    "file-tree": string;
+    "file-tree-active": string;
+    "magnifying-glass": string;
+    "plus-small": string;
+    plus: string;
+    "new-session": string;
+    "new-session-active": string;
+    "pencil-line": string;
+    mcp: string;
+    glasses: string;
+    "magnifying-glass-menu": string;
+    "window-cursor": string;
+    task: string;
+    subagent: string;
+    stop: string;
+    status: string;
+    "status-active": string;
+    sidebar: string;
+    "sidebar-active": string;
+    "layout-left": string;
+    "layout-left-partial": string;
+    "layout-left-full": string;
+    "layout-right": string;
+    "layout-right-partial": string;
+    "layout-right-full": string;
+    "square-arrow-top-right": string;
+    "open-file": string;
+    "speech-bubble": string;
+    comment: string;
+    "folder-add-left": string;
+    github: string;
+    discord: string;
+    "layout-bottom": string;
+    "layout-bottom-partial": string;
+    "layout-bottom-full": string;
+    "dot-grid": string;
+    "circle-check": string;
+    copy: string;
+    check: string;
+    photo: string;
+    share: string;
+    shield: string;
+    download: string;
+    menu: string;
+    server: string;
+    branch: string;
+    edit: string;
+    help: string;
+    "settings-gear": string;
+    dash: string;
+    "cloud-upload": string;
+    trash: string;
+    sliders: string;
+    keyboard: string;
+    selector: string;
+    "arrow-down-to-line": string;
+    warning: string;
+    reset: string;
+    link: string;
+    providers: string;
+    models: string;
+    appearance: string;
+    notifications: string;
+    extensions: string;
+    cube: string;
+    "post-skill": string;
+    "arrow-undo-down": string;
+};
+export declare function additionalIconViewBox(name: keyof typeof additionalIcons): "0 0 16 16" | "0 0 20 20";

package/dist/icons/icon/icon.d.ts

@@ -0,0 +1,228 @@
+import { type ComponentProps } from "solid-js";
+import { additionalIcons } from "./additional-icons";
+import "./icon.css";
+declare const icons: {
+    lock: {
+        viewBox: string;
+        body: string;
+    };
+    globe: {
+        viewBox: string;
+        body: string;
+    };
+    flask: {
+        viewBox: string;
+        body: string;
+    };
+    edit: {
+        viewBox: string;
+        body: string;
+    };
+    "folder-add-left": {
+        viewBox: string;
+        body: string;
+    };
+    folder: {
+        viewBox: string;
+        body: string;
+    };
+    branch: {
+        viewBox: string;
+        body: string;
+    };
+    "branch-out": {
+        viewBox: string;
+        body: string;
+    };
+    "grid-plus": {
+        viewBox: string;
+        body: string;
+    };
+    help: {
+        viewBox: string;
+        body: string;
+    };
+    info: {
+        viewBox: string;
+        body: string;
+    };
+    "circle-exclamation": {
+        viewBox: string;
+        body: string;
+    };
+    "sidebar-right": {
+        viewBox: string;
+        body: string;
+    };
+    status: {
+        viewBox: string;
+        body: string;
+    };
+    "status-active": {
+        viewBox: string;
+        body: string;
+    };
+    "magnifying-glass": {
+        viewBox: string;
+        body: string;
+    };
+    menu: {
+        viewBox: string;
+        body: string;
+    };
+    plus: {
+        viewBox: string;
+        body: string;
+    };
+    "settings-gear": {
+        viewBox: string;
+        body: string;
+    };
+    "chevron-down": {
+        viewBox: string;
+        body: string;
+    };
+    collapse: {
+        viewBox: string;
+        body: string;
+    };
+    check: {
+        viewBox: string;
+        body: string;
+    };
+    monitor: {
+        viewBox: string;
+        body: string;
+    };
+    "workspace-new": {
+        viewBox: string;
+        body: string;
+    };
+    "workspace-isolated": {
+        viewBox: string;
+        body: string;
+    };
+    workspace: {
+        viewBox: string;
+        body: string;
+    };
+    "outline-worktree": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-trash": {
+        viewBox: string;
+        body: string;
+    };
+    close: {
+        viewBox: string;
+        body: string;
+    };
+    "xmark-small": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-xmark": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-chevron-down": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-dots": {
+        viewBox: string;
+        body: string;
+    };
+    expand: {
+        viewBox: string;
+        body: string;
+    };
+    filetree: {
+        viewBox: string;
+        body: string;
+    };
+    split: {
+        viewBox: string;
+        body: string;
+    };
+    unified: {
+        viewBox: string;
+        body: string;
+    };
+    review: {
+        viewBox: string;
+        body: string;
+    };
+    "window-analytics": {
+        viewBox: string;
+        body: string;
+    };
+    trash: {
+        viewBox: string;
+        body: string;
+    };
+    "outline-sliders": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-copy": {
+        viewBox: string;
+        body: string;
+    };
+    "arrow-up-right": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-square-arrow": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-arrow-to-corner-top-right": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-hexagonal-warning": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-share": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-eye": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-eye-slash": {
+        viewBox: string;
+        body: string;
+    };
+    refresh: {
+        viewBox: string;
+        body: string;
+    };
+    reset: {
+        viewBox: string;
+        body: string;
+    };
+    "outline-reset": {
+        viewBox: string;
+        body: string;
+    };
+    "fill-triangle-down": {
+        viewBox: string;
+        body: string;
+    };
+    archive: {
+        viewBox: string;
+        body: string;
+    };
+};
+type IconName = keyof typeof icons | keyof typeof additionalIcons;
+export interface IconProps extends ComponentProps<"svg"> {
+    name: IconName | (string & {});
+    size?: "small" | "normal" | "large";
+}
+export declare function Icon(props: IconProps): import("solid-js").JSX.Element;
+export {};

package/dist/layout/divider/divider.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentProps } from "solid-js";
+import "./divider.css";
+export interface DividerProps extends ComponentProps<"div"> {
+}
+export declare function Divider(props: DividerProps): import("solid-js").JSX.Element;

package/dist/navigation/menu/menu.d.ts

@@ -0,0 +1,59 @@
+import { DropdownMenu } from "@kobalte/core/dropdown-menu";
+import { ContextMenu } from "@kobalte/core/context-menu";
+import { type ComponentProps, type JSX, type ParentProps } from "solid-js";
+import "./menu.css";
+export type MenuAppearance = "standard" | "compact";
+export interface MenuItemProps extends ComponentProps<typeof DropdownMenu.Item> {
+    shortcut?: JSX.Element | string;
+    badge?: JSX.Element | string;
+}
+declare function MenuItem(props: ParentProps<MenuItemProps>): JSX.Element;
+export interface MenuCheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem> {
+    shortcut?: JSX.Element | string;
+    badge?: JSX.Element | string;
+}
+declare function MenuCheckboxItem(props: ParentProps<MenuCheckboxItemProps>): JSX.Element;
+export interface MenuRadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem> {
+    shortcut?: JSX.Element | string;
+    badge?: JSX.Element | string;
+}
+declare function MenuRadioItem(props: ParentProps<MenuRadioItemProps>): JSX.Element;
+export interface MenuSubTriggerProps extends ComponentProps<typeof DropdownMenu.SubTrigger> {
+    shortcut?: JSX.Element | string;
+    badge?: JSX.Element | string;
+}
+declare function MenuSubTrigger(props: ParentProps<MenuSubTriggerProps>): JSX.Element;
+declare function MenuSubContent(props: ComponentProps<typeof DropdownMenu.SubContent>): JSX.Element;
+declare function MenuGroupLabel(props: ComponentProps<typeof DropdownMenu.GroupLabel>): JSX.Element;
+declare function MenuSeparator(props: ComponentProps<typeof DropdownMenu.Separator>): JSX.Element;
+declare function MenuContent(props: ComponentProps<typeof DropdownMenu.Content>): JSX.Element;
+export interface MenuProps extends ComponentProps<typeof DropdownMenu> {
+    appearance?: MenuAppearance;
+}
+declare function MenuRoot(props: MenuProps): JSX.Element;
+export interface MenuContextProps extends ComponentProps<typeof ContextMenu> {
+    appearance?: MenuAppearance;
+}
+declare function MenuContextRoot(props: MenuContextProps): JSX.Element;
+declare function MenuContextContent(props: ComponentProps<typeof ContextMenu.Content>): JSX.Element;
+export declare const Menu: typeof MenuRoot & {
+    Trigger: typeof import("@kobalte/core/menu").MenuTrigger;
+    Portal: typeof import("@kobalte/core/context-menu").Portal;
+    Content: typeof MenuContent;
+    Item: typeof MenuItem;
+    CheckboxItem: typeof MenuCheckboxItem;
+    RadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    Group: typeof import("@kobalte/core/context-menu").Group;
+    GroupLabel: typeof MenuGroupLabel;
+    Separator: typeof MenuSeparator;
+    Sub: typeof import("@kobalte/core/context-menu").Sub;
+    SubTrigger: typeof MenuSubTrigger;
+    SubContent: typeof MenuSubContent;
+    Context: typeof MenuContextRoot & {
+        Trigger: typeof import("@kobalte/core/context-menu").Trigger;
+        Portal: typeof import("@kobalte/core/context-menu").Portal;
+        Content: typeof MenuContextContent;
+    };
+};
+export {};

package/dist/navigation/segmented-control/segmented-control.d.ts

@@ -0,0 +1,21 @@
+import { type JSX, type ParentProps } from "solid-js";
+import type { ComponentProps } from "solid-js";
+import "./segmented-control.css";
+type OnChange = (value: string | null) => void;
+export type SegmentedControlProps = Omit<ComponentProps<"div">, "onChange"> & ParentProps<{
+    /** Selected value when controlled (including `null` when empty). Omit key for uncontrolled. */
+    value?: string | null;
+    /** Initial value when uncontrolled. */
+    defaultValue?: string;
+    onChange?: OnChange;
+    /** When true, clicking the active segment clears selection (`onChange(null)`). Default false. */
+    allowDeselect?: boolean;
+    disabled?: boolean;
+}>;
+export declare function SegmentedControl(props: SegmentedControlProps): JSX.Element;
+export type SegmentedControlItemProps = Omit<ComponentProps<"button">, "type" | "children"> & ParentProps<{
+    value: string;
+    children: JSX.Element;
+}>;
+export declare function SegmentedControlItem(props: SegmentedControlItemProps): JSX.Element;
+export {};

package/dist/navigation/tab-state-indicator.d.ts

@@ -0,0 +1,2 @@
+import { type ComponentProps } from "solid-js";
+export declare function TabStateIndicator(props: ComponentProps<"svg">): import("solid-js").JSX.Element;

package/dist/navigation/tabs/tabs.d.ts

@@ -0,0 +1,39 @@
+import { Content, List, Root, Trigger } from "@kobalte/core/tabs";
+import { type JSX } from "solid-js";
+import type { Component, ComponentProps, ParentProps } from "solid-js";
+import "./tabs-current.css";
+export type TabsVariant = "panel" | "underline" | "surface" | "line" | "pill" | "settings";
+export interface TabsProps extends ComponentProps<typeof Root> {
+    variant?: TabsVariant;
+    orientation?: "horizontal" | "vertical";
+}
+export interface TabsListProps extends ComponentProps<typeof List> {
+}
+export interface TabsTriggerProps extends ComponentProps<typeof Trigger> {
+    classes?: {
+        button?: string;
+    };
+    closeButton?: JSX.Element;
+    hideCloseButton?: boolean;
+    onMiddleClick?: () => void;
+    subtext?: JSX.Element | string;
+}
+export interface TabsCloseButtonProps extends ComponentProps<"button"> {
+}
+export interface TabsContentProps extends ComponentProps<typeof Content> {
+}
+declare function TabsRoot(props: TabsProps): JSX.Element;
+declare function TabsList(props: TabsListProps): JSX.Element;
+declare function TabsTrigger(props: ParentProps<TabsTriggerProps>): JSX.Element;
+declare function TabsCloseButton(props: TabsCloseButtonProps): JSX.Element;
+declare function TabsContent(props: ParentProps<TabsContentProps>): JSX.Element;
+export declare const Tabs: typeof TabsRoot & {
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    CloseButton: typeof TabsCloseButton;
+    Content: typeof TabsContent;
+    SectionTitle: Component<{
+        children?: JSX.Element;
+    }>;
+};
+export {};

package/dist/overlays/dialog/dialog.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentProps, type JSXElement, type ParentProps } from "solid-js";
+import "./dialog.css";
+export interface DialogProps extends ParentProps {
+    size?: "normal" | "large" | "x-large";
+    variant?: "default" | "settings";
+    class?: ComponentProps<"div">["class"];
+    containerClass?: ComponentProps<"div">["class"];
+    classList?: ComponentProps<"div">["classList"];
+    fit?: boolean;
+}
+export interface DialogHeaderProps extends ParentProps {
+    closeLabel?: string;
+    hideClose?: boolean;
+}
+export interface DialogTitleGroupProps {
+    title?: JSXElement;
+    description: JSXElement;
+}
+export declare function DialogFooter(props: ParentProps): import("solid-js").JSX.Element;
+export declare function DialogBody(props: ParentProps & {
+    class?: ComponentProps<"div">["class"];
+}): import("solid-js").JSX.Element;
+export declare function DialogTitle(props: ParentProps): import("solid-js").JSX.Element;
+export declare function DialogTitleGroup(props: DialogTitleGroupProps): import("solid-js").JSX.Element;
+export declare function DialogHeader(props: DialogHeaderProps): import("solid-js").JSX.Element;
+export declare function Dialog(props: DialogProps): import("solid-js").JSX.Element;

package/dist/overlays/tooltip/tooltip.d.ts

@@ -0,0 +1,15 @@
+import { Root } from "@kobalte/core/tooltip";
+import { type JSX } from "solid-js";
+import type { ComponentProps } from "solid-js";
+import "./tooltip.css";
+export interface TooltipProps extends ComponentProps<typeof Root> {
+    value: JSX.Element;
+    appearance?: "standard" | "compact" | "large";
+    class?: string;
+    contentClass?: string;
+    contentStyle?: JSX.CSSProperties;
+    inactive?: boolean;
+    forceOpen?: boolean;
+    triggerTabIndex?: number;
+}
+export declare function Tooltip(props: TooltipProps): JSX.Element;

package/dist/storybook/fixtures.d.ts

@@ -0,0 +1,19 @@
+export declare const diff: {
+    before: {
+        name: string;
+        contents: string;
+    };
+    after: {
+        name: string;
+        contents: string;
+    };
+};
+export declare const code: {
+    name: string;
+    contents: string;
+};
+export declare const markdown: string;
+export declare const changes: {
+    additions: number;
+    deletions: number;
+};

package/dist/storybook/scaffold.d.ts

@@ -0,0 +1,16 @@
+import { type ValidComponent } from "solid-js";
+export declare function create(input: {
+    title: string;
+    mod: Record<string, unknown>;
+    name?: string;
+    args?: Record<string, unknown>;
+}): {
+    meta: {
+        title: string;
+        component: ValidComponent;
+    };
+    Basic: {
+        args: Record<string, unknown>;
+        render: (args: Record<string, unknown>) => import("solid-js").JSX.Element;
+    };
+};

package/dist/theme/color.d.ts

@@ -0,0 +1,30 @@
+import type { HexColor, OklchColor } from "./types";
+export declare function hexToRgb(hex: HexColor): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHex(r: number, g: number, b: number): HexColor;
+export declare function rgbToOklch(r: number, g: number, b: number): OklchColor;
+export declare function oklchToRgb(oklch: OklchColor): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function hexToOklch(hex: HexColor): OklchColor;
+export declare function fitOklch(oklch: OklchColor): OklchColor;
+export declare function oklchToHex(oklch: OklchColor): HexColor;
+export declare function generateScale(seed: HexColor, isDark: boolean): HexColor[];
+export declare function generateNeutralScale(seed: HexColor, isDark: boolean, ink?: HexColor): HexColor[];
+export declare function generateAlphaScale(scale: HexColor[], isDark: boolean): HexColor[];
+export declare function mixColors(color1: HexColor, color2: HexColor, amount: number): HexColor;
+export declare function shift(color: HexColor, value: {
+    l?: number;
+    c?: number;
+    h?: number;
+}): HexColor;
+export declare function contrastRatio(foreground: HexColor, background: HexColor): number;
+export declare function blend(color: HexColor, background: HexColor, alpha: number): HexColor;
+export declare function lighten(color: HexColor, amount: number): HexColor;
+export declare function darken(color: HexColor, amount: number): HexColor;
+export declare function withAlpha(color: HexColor, alpha: number): string;

package/dist/theme/context.d.ts

@@ -0,0 +1,21 @@
+import type { DesktopTheme } from "./types";
+export type ColorScheme = "light" | "dark" | "system";
+export declare const useTheme: () => {
+    themeId: () => string;
+    colorScheme: () => ColorScheme;
+    mode: () => "light" | "dark";
+    ids: () => string[];
+    name: (id: string) => string;
+    loadThemes: () => Promise<Record<string, DesktopTheme>>;
+    themes: () => Record<string, DesktopTheme>;
+    setTheme: (id: string) => void;
+    setColorScheme: (scheme: ColorScheme) => void;
+    registerTheme: (theme: DesktopTheme) => void;
+    previewTheme: (id: string) => void;
+    previewColorScheme: (scheme: ColorScheme) => void;
+    commitPreview: () => void;
+    cancelPreview: () => void;
+}, ThemeProvider: (props: import("solid-js").ParentProps<{
+    defaultTheme?: string;
+    onThemeApplied?: (theme: DesktopTheme, mode: "light" | "dark", scheme: ColorScheme) => void;
+}>) => import("solid-js").JSX.Element;

package/dist/theme/default-themes.d.ts

@@ -0,0 +1,39 @@
+import type { DesktopTheme } from "./types";
+export declare const oc2Theme: DesktopTheme;
+export declare const amoledTheme: DesktopTheme;
+export declare const auraTheme: DesktopTheme;
+export declare const ayuTheme: DesktopTheme;
+export declare const carbonfoxTheme: DesktopTheme;
+export declare const catppuccinTheme: DesktopTheme;
+export declare const catppuccinFrappeTheme: DesktopTheme;
+export declare const catppuccinMacchiatoTheme: DesktopTheme;
+export declare const cobalt2Theme: DesktopTheme;
+export declare const cursorTheme: DesktopTheme;
+export declare const draculaTheme: DesktopTheme;
+export declare const everforestTheme: DesktopTheme;
+export declare const flexokiTheme: DesktopTheme;
+export declare const githubTheme: DesktopTheme;
+export declare const gruvboxTheme: DesktopTheme;
+export declare const kanagawaTheme: DesktopTheme;
+export declare const lucentOrngTheme: DesktopTheme;
+export declare const materialTheme: DesktopTheme;
+export declare const matrixTheme: DesktopTheme;
+export declare const mercuryTheme: DesktopTheme;
+export declare const monokaiTheme: DesktopTheme;
+export declare const nightowlTheme: DesktopTheme;
+export declare const nordTheme: DesktopTheme;
+export declare const oneDarkTheme: DesktopTheme;
+export declare const oneDarkProTheme: DesktopTheme;
+export declare const opencodeTheme: DesktopTheme;
+export declare const orngTheme: DesktopTheme;
+export declare const osakaJadeTheme: DesktopTheme;
+export declare const palenightTheme: DesktopTheme;
+export declare const rosepineTheme: DesktopTheme;
+export declare const shadesOfPurpleTheme: DesktopTheme;
+export declare const solarizedTheme: DesktopTheme;
+export declare const synthwave84Theme: DesktopTheme;
+export declare const tokyonightTheme: DesktopTheme;
+export declare const vercelTheme: DesktopTheme;
+export declare const vesperTheme: DesktopTheme;
+export declare const zenburnTheme: DesktopTheme;
+export declare const DEFAULT_THEMES: Record<string, DesktopTheme>;

package/dist/theme/index.d.ts

@@ -0,0 +1,7 @@
+export type { DesktopTheme, ThemePaletteColors, ThemeSeedColors, ThemeVariant, HexColor, OklchColor, ResolvedTheme, ColorValue, CssVarRef, V2ColorValue, ResolvedV2Theme, } from "./types";
+export { hexToRgb, rgbToHex, hexToOklch, oklchToHex, rgbToOklch, oklchToRgb, generateScale, generateNeutralScale, generateAlphaScale, fitOklch, blend, mixColors, shift, lighten, darken, withAlpha, } from "./color";
+export { resolveThemeVariant, resolveTheme, themeToCss } from "./resolve";
+export { resolveThemeVariantV2, resolveThemeV2, themeV2ToCss, generateV2Primitives } from "./v2/resolve";
+export { applyTheme, loadThemeFromUrl, getActiveTheme, removeTheme, setColorScheme } from "./loader";
+export { ThemeProvider, useTheme, type ColorScheme } from "./context";
+export { DEFAULT_THEMES, oc2Theme, amoledTheme, auraTheme, ayuTheme, carbonfoxTheme, catppuccinTheme, catppuccinFrappeTheme, catppuccinMacchiatoTheme, cobalt2Theme, cursorTheme, draculaTheme, everforestTheme, flexokiTheme, githubTheme, gruvboxTheme, kanagawaTheme, lucentOrngTheme, materialTheme, matrixTheme, mercuryTheme, monokaiTheme, nightowlTheme, nordTheme, oneDarkTheme, oneDarkProTheme, opencodeTheme, orngTheme, osakaJadeTheme, palenightTheme, rosepineTheme, shadesOfPurpleTheme, solarizedTheme, synthwave84Theme, tokyonightTheme, vercelTheme, vesperTheme, zenburnTheme, } from "./default-themes";

package/dist/theme/loader.d.ts

@@ -0,0 +1,6 @@
+import type { DesktopTheme } from "./types";
+export declare function applyTheme(theme: DesktopTheme, themeId?: string): void;
+export declare function loadThemeFromUrl(url: string): Promise<DesktopTheme>;
+export declare function getActiveTheme(): DesktopTheme | null;
+export declare function removeTheme(): void;
+export declare function setColorScheme(scheme: "light" | "dark" | "auto"): void;

package/dist/theme/resolve.d.ts

@@ -0,0 +1,7 @@
+import type { DesktopTheme, ResolvedTheme, ThemeVariant } from "./types";
+export declare function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): ResolvedTheme;
+export declare function resolveTheme(theme: DesktopTheme): {
+    light: ResolvedTheme;
+    dark: ResolvedTheme;
+};
+export declare function themeToCss(tokens: ResolvedTheme): string;