stoop 0.1.0 → 0.2.1

package/dist/styles/compiler.d.ts

@@ -1,25 +0,0 @@
-import { ComponentPropsWithoutRef, ElementRef, JSX, forwardRef } from "react";
-import type { CSSObject, VariantConfig, StyledBaseProps } from "./types";
-type HTMLElements = keyof JSX.IntrinsicElements;
-/**
- * Compile CSS object to class name with caching and injection
- * Usage: const className = css({ color: 'red', fontSize: '14px' })
- */
-export declare function css(styles: CSSObject): string;
-type VariantKeys<T extends VariantConfig> = keyof T;
-type VariantPropsFromConfig<T extends VariantConfig> = {
-    [K in VariantKeys<T>]?: keyof T[K] | boolean;
-};
-/**
- * Creates a styled component with polymorphic "as" prop support and variants
- *
- * Usage:
- *   const MyButton = styled('button', { padding: '12px' }, {
- *     variant: { primary: { color: 'blue' }, secondary: { color: 'gray' } }
- *   })
- *   <MyButton variant="primary" as="a" href="/link">Renders as anchor</MyButton>
- */
-export declare function styled<DefaultElement extends HTMLElements, Variants extends VariantConfig = {}>(defaultElement: DefaultElement, baseStyles?: CSSObject, variants?: Variants): ReturnType<typeof forwardRef<ElementRef<DefaultElement>, ComponentPropsWithoutRef<DefaultElement> & StyledBaseProps & (Variants extends {} ? VariantPropsFromConfig<Variants> : {})>>;
-export type StyledComponent<T extends HTMLElements> = ReturnType<typeof styled<T>>;
-export type PolymorphicComponentProps<T extends HTMLElements> = ComponentPropsWithoutRef<T> & StyledBaseProps;
-export {};

package/dist/styles/index.d.ts

@@ -1,2 +0,0 @@
-export { css, styled } from "./compiler";
-export * from "./theme";

package/dist/styles/theme.d.ts

@@ -1,495 +0,0 @@
-export declare const colors: {
-    readonly background: "#F5F5F5";
-    readonly border: "rgba(214, 209, 204, 0.5)";
-    readonly brand: "rgb(255, 140, 0)";
-    readonly fill: "#fff";
-    readonly hover: "rgba(214, 209, 204, 0.25)";
-    readonly overlay: "rgba(0, 0, 0, 0.5)";
-    readonly text: "#000";
-};
-export declare const breakpoints: {
-    readonly large: "1200px";
-    readonly medium: "1024px";
-    readonly small: "768px";
-};
-export declare const spacing: {
-    readonly huge: "48px";
-    readonly large: "24px";
-    readonly larger: "32px";
-    readonly massive: "64px";
-    readonly medium: "16px";
-    readonly small: "8px";
-    readonly smaller: "4px";
-};
-export declare const fonts: {
-    readonly default: "'Standard Book', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-    readonly heading: "'Standard Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-};
-export declare const typography: {
-    readonly bold: "700";
-    readonly div: "inherit";
-    readonly h1: "clamp(2rem, 1.75rem + 1vw, 3rem)";
-    readonly h2: "clamp(1.75rem, 1.5rem + 0.75vw, 2.5rem)";
-    readonly h3: "clamp(1.5rem, 1.25rem + 0.75vw, 2rem)";
-    readonly h4: "clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem)";
-    readonly h5: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-    readonly h6: "clamp(1rem, 0.9375rem + 0.25vw, 1.125rem)";
-    readonly label: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-    readonly medium: "500";
-    readonly micro: "clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem)";
-    readonly normalHeight: "1.4";
-    readonly normalWeight: "400";
-    readonly p: "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)";
-    readonly relaxed: "1.6";
-    readonly semibold: "600";
-    readonly small: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-    readonly span: "inherit";
-    readonly strong: "inherit";
-    readonly tight: "1.2";
-};
-export declare const transitions: {
-    readonly default: "all 0.2s ease";
-    readonly fast: "all 0.15s ease";
-    readonly slow: "all 0.3s ease";
-    readonly spring: "all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-};
-export declare const opacities: {
-    readonly disabled: "0.5";
-    readonly light: "0.55";
-    readonly muted: "0.7";
-    readonly overlay: "0.8";
-};
-export declare const zIndices: {
-    readonly base: 1;
-    readonly dropdown: 10;
-    readonly modal: 40;
-    readonly popover: 30;
-    readonly toast: 50;
-    readonly tooltip: 20;
-};
-export declare const borderRadius: {
-    readonly medium: "6px";
-    readonly none: "0px";
-    readonly small: "3px";
-};
-export declare const media: {
-    readonly large: "@media (min-width: 1024px)";
-    readonly medium: "@media (min-width: 768px) and (max-width: 1024px)";
-    readonly small: "@media (max-width: 768px)";
-};
-export declare const lightTheme: {
-    readonly borderRadius: {
-        readonly medium: "6px";
-        readonly none: "0px";
-        readonly small: "3px";
-    };
-    readonly breakpoints: {
-        readonly large: "1200px";
-        readonly medium: "1024px";
-        readonly small: "768px";
-    };
-    readonly colors: {
-        readonly background: "#F5F5F5";
-        readonly border: "rgba(214, 209, 204, 0.5)";
-        readonly brand: "rgb(255, 140, 0)";
-        readonly fill: "#fff";
-        readonly hover: "rgba(214, 209, 204, 0.25)";
-        readonly overlay: "rgba(0, 0, 0, 0.5)";
-        readonly text: "#000";
-    };
-    readonly fonts: {
-        readonly default: "'Standard Book', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-        readonly heading: "'Standard Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-    };
-    readonly media: {
-        readonly large: "@media (min-width: 1024px)";
-        readonly medium: "@media (min-width: 768px) and (max-width: 1024px)";
-        readonly small: "@media (max-width: 768px)";
-    };
-    readonly opacities: {
-        readonly disabled: "0.5";
-        readonly light: "0.55";
-        readonly muted: "0.7";
-        readonly overlay: "0.8";
-    };
-    readonly spacing: {
-        readonly huge: "48px";
-        readonly large: "24px";
-        readonly larger: "32px";
-        readonly massive: "64px";
-        readonly medium: "16px";
-        readonly small: "8px";
-        readonly smaller: "4px";
-    };
-    readonly transitions: {
-        readonly default: "all 0.2s ease";
-        readonly fast: "all 0.15s ease";
-        readonly slow: "all 0.3s ease";
-        readonly spring: "all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    };
-    readonly typography: {
-        readonly bold: "700";
-        readonly div: "inherit";
-        readonly h1: "clamp(2rem, 1.75rem + 1vw, 3rem)";
-        readonly h2: "clamp(1.75rem, 1.5rem + 0.75vw, 2.5rem)";
-        readonly h3: "clamp(1.5rem, 1.25rem + 0.75vw, 2rem)";
-        readonly h4: "clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem)";
-        readonly h5: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-        readonly h6: "clamp(1rem, 0.9375rem + 0.25vw, 1.125rem)";
-        readonly label: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-        readonly medium: "500";
-        readonly micro: "clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem)";
-        readonly normalHeight: "1.4";
-        readonly normalWeight: "400";
-        readonly p: "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)";
-        readonly relaxed: "1.6";
-        readonly semibold: "600";
-        readonly small: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-        readonly span: "inherit";
-        readonly strong: "inherit";
-        readonly tight: "1.2";
-    };
-    readonly zIndices: {
-        readonly base: 1;
-        readonly dropdown: 10;
-        readonly modal: 40;
-        readonly popover: 30;
-        readonly toast: 50;
-        readonly tooltip: 20;
-    };
-};
-export declare const darkTheme: {
-    readonly borderRadius: {
-        readonly medium: "6px";
-        readonly none: "0px";
-        readonly small: "3px";
-    };
-    readonly breakpoints: {
-        readonly large: "1200px";
-        readonly medium: "1024px";
-        readonly small: "768px";
-    };
-    readonly colors: {
-        readonly background: "#1a1a1a";
-        readonly border: "rgba(255, 255, 255, 0.1)";
-        readonly brand: "rgb(255, 140, 0)";
-        readonly fill: "#2a2a2a";
-        readonly hover: "rgba(255, 255, 255, 0.05)";
-        readonly overlay: "rgba(0, 0, 0, 0.8)";
-        readonly text: "#fff";
-    };
-    readonly fonts: {
-        readonly default: "'Standard Book', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-        readonly heading: "'Standard Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-    };
-    readonly media: {
-        readonly large: "@media (min-width: 1024px)";
-        readonly medium: "@media (min-width: 768px) and (max-width: 1024px)";
-        readonly small: "@media (max-width: 768px)";
-    };
-    readonly opacities: {
-        readonly disabled: "0.5";
-        readonly light: "0.55";
-        readonly muted: "0.7";
-        readonly overlay: "0.8";
-    };
-    readonly spacing: {
-        readonly huge: "48px";
-        readonly large: "24px";
-        readonly larger: "32px";
-        readonly massive: "64px";
-        readonly medium: "16px";
-        readonly small: "8px";
-        readonly smaller: "4px";
-    };
-    readonly transitions: {
-        readonly default: "all 0.2s ease";
-        readonly fast: "all 0.15s ease";
-        readonly slow: "all 0.3s ease";
-        readonly spring: "all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    };
-    readonly typography: {
-        readonly bold: "700";
-        readonly div: "inherit";
-        readonly h1: "clamp(2rem, 1.75rem + 1vw, 3rem)";
-        readonly h2: "clamp(1.75rem, 1.5rem + 0.75vw, 2.5rem)";
-        readonly h3: "clamp(1.5rem, 1.25rem + 0.75vw, 2rem)";
-        readonly h4: "clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem)";
-        readonly h5: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-        readonly h6: "clamp(1rem, 0.9375rem + 0.25vw, 1.125rem)";
-        readonly label: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-        readonly medium: "500";
-        readonly micro: "clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem)";
-        readonly normalHeight: "1.4";
-        readonly normalWeight: "400";
-        readonly p: "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)";
-        readonly relaxed: "1.6";
-        readonly semibold: "600";
-        readonly small: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-        readonly span: "inherit";
-        readonly strong: "inherit";
-        readonly tight: "1.2";
-    };
-    readonly zIndices: {
-        readonly base: 1;
-        readonly dropdown: 10;
-        readonly modal: 40;
-        readonly popover: 30;
-        readonly toast: 50;
-        readonly tooltip: 20;
-    };
-};
-export declare const themes: {
-    readonly dark: {
-        readonly borderRadius: {
-            readonly medium: "6px";
-            readonly none: "0px";
-            readonly small: "3px";
-        };
-        readonly breakpoints: {
-            readonly large: "1200px";
-            readonly medium: "1024px";
-            readonly small: "768px";
-        };
-        readonly colors: {
-            readonly background: "#1a1a1a";
-            readonly border: "rgba(255, 255, 255, 0.1)";
-            readonly brand: "rgb(255, 140, 0)";
-            readonly fill: "#2a2a2a";
-            readonly hover: "rgba(255, 255, 255, 0.05)";
-            readonly overlay: "rgba(0, 0, 0, 0.8)";
-            readonly text: "#fff";
-        };
-        readonly fonts: {
-            readonly default: "'Standard Book', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-            readonly heading: "'Standard Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-        };
-        readonly media: {
-            readonly large: "@media (min-width: 1024px)";
-            readonly medium: "@media (min-width: 768px) and (max-width: 1024px)";
-            readonly small: "@media (max-width: 768px)";
-        };
-        readonly opacities: {
-            readonly disabled: "0.5";
-            readonly light: "0.55";
-            readonly muted: "0.7";
-            readonly overlay: "0.8";
-        };
-        readonly spacing: {
-            readonly huge: "48px";
-            readonly large: "24px";
-            readonly larger: "32px";
-            readonly massive: "64px";
-            readonly medium: "16px";
-            readonly small: "8px";
-            readonly smaller: "4px";
-        };
-        readonly transitions: {
-            readonly default: "all 0.2s ease";
-            readonly fast: "all 0.15s ease";
-            readonly slow: "all 0.3s ease";
-            readonly spring: "all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-        };
-        readonly typography: {
-            readonly bold: "700";
-            readonly div: "inherit";
-            readonly h1: "clamp(2rem, 1.75rem + 1vw, 3rem)";
-            readonly h2: "clamp(1.75rem, 1.5rem + 0.75vw, 2.5rem)";
-            readonly h3: "clamp(1.5rem, 1.25rem + 0.75vw, 2rem)";
-            readonly h4: "clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem)";
-            readonly h5: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-            readonly h6: "clamp(1rem, 0.9375rem + 0.25vw, 1.125rem)";
-            readonly label: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-            readonly medium: "500";
-            readonly micro: "clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem)";
-            readonly normalHeight: "1.4";
-            readonly normalWeight: "400";
-            readonly p: "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)";
-            readonly relaxed: "1.6";
-            readonly semibold: "600";
-            readonly small: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-            readonly span: "inherit";
-            readonly strong: "inherit";
-            readonly tight: "1.2";
-        };
-        readonly zIndices: {
-            readonly base: 1;
-            readonly dropdown: 10;
-            readonly modal: 40;
-            readonly popover: 30;
-            readonly toast: 50;
-            readonly tooltip: 20;
-        };
-    };
-    readonly light: {
-        readonly borderRadius: {
-            readonly medium: "6px";
-            readonly none: "0px";
-            readonly small: "3px";
-        };
-        readonly breakpoints: {
-            readonly large: "1200px";
-            readonly medium: "1024px";
-            readonly small: "768px";
-        };
-        readonly colors: {
-            readonly background: "#F5F5F5";
-            readonly border: "rgba(214, 209, 204, 0.5)";
-            readonly brand: "rgb(255, 140, 0)";
-            readonly fill: "#fff";
-            readonly hover: "rgba(214, 209, 204, 0.25)";
-            readonly overlay: "rgba(0, 0, 0, 0.5)";
-            readonly text: "#000";
-        };
-        readonly fonts: {
-            readonly default: "'Standard Book', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-            readonly heading: "'Standard Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-        };
-        readonly media: {
-            readonly large: "@media (min-width: 1024px)";
-            readonly medium: "@media (min-width: 768px) and (max-width: 1024px)";
-            readonly small: "@media (max-width: 768px)";
-        };
-        readonly opacities: {
-            readonly disabled: "0.5";
-            readonly light: "0.55";
-            readonly muted: "0.7";
-            readonly overlay: "0.8";
-        };
-        readonly spacing: {
-            readonly huge: "48px";
-            readonly large: "24px";
-            readonly larger: "32px";
-            readonly massive: "64px";
-            readonly medium: "16px";
-            readonly small: "8px";
-            readonly smaller: "4px";
-        };
-        readonly transitions: {
-            readonly default: "all 0.2s ease";
-            readonly fast: "all 0.15s ease";
-            readonly slow: "all 0.3s ease";
-            readonly spring: "all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-        };
-        readonly typography: {
-            readonly bold: "700";
-            readonly div: "inherit";
-            readonly h1: "clamp(2rem, 1.75rem + 1vw, 3rem)";
-            readonly h2: "clamp(1.75rem, 1.5rem + 0.75vw, 2.5rem)";
-            readonly h3: "clamp(1.5rem, 1.25rem + 0.75vw, 2rem)";
-            readonly h4: "clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem)";
-            readonly h5: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-            readonly h6: "clamp(1rem, 0.9375rem + 0.25vw, 1.125rem)";
-            readonly label: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-            readonly medium: "500";
-            readonly micro: "clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem)";
-            readonly normalHeight: "1.4";
-            readonly normalWeight: "400";
-            readonly p: "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)";
-            readonly relaxed: "1.6";
-            readonly semibold: "600";
-            readonly small: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-            readonly span: "inherit";
-            readonly strong: "inherit";
-            readonly tight: "1.2";
-        };
-        readonly zIndices: {
-            readonly base: 1;
-            readonly dropdown: 10;
-            readonly modal: 40;
-            readonly popover: 30;
-            readonly toast: 50;
-            readonly tooltip: 20;
-        };
-    };
-};
-export type ColorToken = keyof typeof colors;
-export type SpacingToken = keyof typeof spacing;
-export type BorderRadiusToken = keyof typeof borderRadius;
-export type BreakpointToken = keyof typeof breakpoints;
-export type TypographyToken = keyof typeof typography;
-export type FontToken = keyof typeof fonts;
-export type TransitionToken = keyof typeof transitions;
-export type OpacityToken = keyof typeof opacities;
-export type ZIndexToken = keyof typeof zIndices;
-export declare const theme: {
-    borderRadius: {
-        readonly medium: "6px";
-        readonly none: "0px";
-        readonly small: "3px";
-    };
-    breakpoints: {
-        readonly large: "1200px";
-        readonly medium: "1024px";
-        readonly small: "768px";
-    };
-    colors: {
-        readonly background: "#F5F5F5";
-        readonly border: "rgba(214, 209, 204, 0.5)";
-        readonly brand: "rgb(255, 140, 0)";
-        readonly fill: "#fff";
-        readonly hover: "rgba(214, 209, 204, 0.25)";
-        readonly overlay: "rgba(0, 0, 0, 0.5)";
-        readonly text: "#000";
-    };
-    fonts: {
-        readonly default: "'Standard Book', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-        readonly heading: "'Standard Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
-    };
-    media: {
-        readonly large: "@media (min-width: 1024px)";
-        readonly medium: "@media (min-width: 768px) and (max-width: 1024px)";
-        readonly small: "@media (max-width: 768px)";
-    };
-    opacities: {
-        readonly disabled: "0.5";
-        readonly light: "0.55";
-        readonly muted: "0.7";
-        readonly overlay: "0.8";
-    };
-    spacing: {
-        readonly huge: "48px";
-        readonly large: "24px";
-        readonly larger: "32px";
-        readonly massive: "64px";
-        readonly medium: "16px";
-        readonly small: "8px";
-        readonly smaller: "4px";
-    };
-    transitions: {
-        readonly default: "all 0.2s ease";
-        readonly fast: "all 0.15s ease";
-        readonly slow: "all 0.3s ease";
-        readonly spring: "all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    };
-    typography: {
-        readonly bold: "700";
-        readonly div: "inherit";
-        readonly h1: "clamp(2rem, 1.75rem + 1vw, 3rem)";
-        readonly h2: "clamp(1.75rem, 1.5rem + 0.75vw, 2.5rem)";
-        readonly h3: "clamp(1.5rem, 1.25rem + 0.75vw, 2rem)";
-        readonly h4: "clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem)";
-        readonly h5: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-        readonly h6: "clamp(1rem, 0.9375rem + 0.25vw, 1.125rem)";
-        readonly label: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-        readonly medium: "500";
-        readonly micro: "clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem)";
-        readonly normalHeight: "1.4";
-        readonly normalWeight: "400";
-        readonly p: "clamp(0.9375rem, 0.875rem + 0.25vw, 1rem)";
-        readonly relaxed: "1.6";
-        readonly semibold: "600";
-        readonly small: "clamp(0.8125rem, 0.75rem + 0.25vw, 0.875rem)";
-        readonly span: "inherit";
-        readonly strong: "inherit";
-        readonly tight: "1.2";
-    };
-    zIndices: {
-        readonly base: 1;
-        readonly dropdown: 10;
-        readonly modal: 40;
-        readonly popover: 30;
-        readonly toast: 50;
-        readonly tooltip: 20;
-    };
-};

package/dist/styles/types.d.ts

@@ -1,66 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType, JSX } from "react";
-import { styled } from "./compiler";
-export type CSSPropertyValue = string | number;
-export interface CSSObject {
-    [property: string]: CSSPropertyValue | CSSObject | undefined;
-    small?: CSSObject;
-    medium?: CSSObject;
-    large?: CSSObject;
-}
-export interface VariantConfig {
-    [variantName: string]: {
-        [variantValue: string]: CSSObject;
-    };
-}
-export interface VariantProps {
-    [variantName: string]: string | boolean | undefined;
-}
-type HTMLElements = keyof JSX.IntrinsicElements;
-export interface StyledBaseProps {
-    /** Custom CSS styles */
-    css?: CSSObject;
-    /** Override the underlying HTML element */
-    as?: ElementType;
-}
-export type StyledComponent = ReturnType<typeof styled>;
-export type PolymorphicComponentProps<T extends HTMLElements> = ComponentPropsWithoutRef<T> & StyledBaseProps;
-export type ColorToken = keyof typeof import("./theme").colors;
-export type SpacingToken = keyof typeof import("./theme").spacing;
-export type BorderRadiusToken = keyof typeof import("./theme").borderRadius;
-export type BreakpointToken = keyof typeof import("./theme").breakpoints;
-export type TypographyToken = keyof typeof import("./theme").typography;
-export type FontToken = keyof typeof import("./theme").fonts;
-export type TransitionToken = keyof typeof import("./theme").transitions;
-export type OpacityToken = keyof typeof import("./theme").opacities;
-export type ZIndexToken = keyof typeof import("./theme").zIndices;
-export type ThemeName = "light" | "dark";
-export type Theme = {
-    colors: {
-        background: string;
-        border: string;
-        brand: string;
-        fill: string;
-        hover: string;
-        overlay: string;
-        text: string;
-    };
-    spacing: typeof import("./theme").spacing;
-    typography: typeof import("./theme").typography;
-    fonts: typeof import("./theme").fonts;
-    transitions: typeof import("./theme").transitions;
-    opacities: typeof import("./theme").opacities;
-    zIndices: typeof import("./theme").zIndices;
-    borderRadius: typeof import("./theme").borderRadius;
-    breakpoints: typeof import("./theme").breakpoints;
-    media: typeof import("./theme").media;
-};
-export type ThemeColors = {
-    background: string;
-    border: string;
-    brand: string;
-    fill: string;
-    hover: string;
-    overlay: string;
-    text: string;
-};
-export {};