@soroush.tech/design-system 0.1.0

package/dist/src-BiocWFSR.cjs

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled, 1);
+let _emotion_react = require("@emotion/react");
+let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
+//#region src/styled.ts
+const resolveStyle = (style, props) => typeof style === "function" ? style({
+	theme: props.theme,
+	ownerState: props
+}) : style;
+const matchesProps = (props, matcher) => Object.entries(matcher).every(([key, value]) => props[key] === value);
+const createThemedStyled = (tag, options = {}) => {
+	const { name, slot = "root", systemProps = [], overridesResolver, ...emotionOptions } = options;
+	const create = (0, _emotion_styled.default)(tag, emotionOptions);
+	if (name === void 0) return create;
+	const themeStyles = (props) => {
+		const config = props.theme.components?.[name];
+		if (!config) return null;
+		const applied = [];
+		if (config.styleOverrides) applied.push(overridesResolver ? overridesResolver(props, config.styleOverrides) : resolveStyle(config.styleOverrides[slot], props));
+		if (slot === "root" && config.variants) {
+			for (const entry of config.variants) if (matchesProps(props, entry.props)) applied.push(resolveStyle(entry.style, props));
+		}
+		return applied;
+	};
+	return (...styles) => create(...styles, themeStyles, ...systemProps);
+};
+/**
+* The design system's `styled` — Emotion's styled plus theme-level component
+* customization (`theme.components[name].styleOverrides` / `.variants`).
+*/
+const styled = Object.assign(createThemedStyled, _emotion_styled.default);
+//#endregion
+//#region src/index.ts
+var src_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	CacheProvider: () => _emotion_react.CacheProvider,
+	EmotionThemeContext: () => _emotion_react.ThemeContext,
+	EmotionThemeProvider: () => _emotion_react.ThemeProvider,
+	Global: () => _emotion_react.Global,
+	createShouldForwardProp: () => _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp,
+	css: () => _emotion_react.css,
+	keyframes: () => _emotion_react.keyframes,
+	props: () => _soroush_tech_styled_system_should_forward_prop.props,
+	styled: () => styled,
+	useTheme: () => _emotion_react.useTheme
+});
+require_rolldown_runtime.__reExport(src_exports, require("@soroush.tech/styled-system"));
+//#endregion
+Object.defineProperty(exports, "src_exports", {
+	enumerable: true,
+	get: function() {
+		return src_exports;
+	}
+});
+Object.defineProperty(exports, "styled", {
+	enumerable: true,
+	get: function() {
+		return styled;
+	}
+});

package/dist/src-DcNT2aIK.mjs

@@ -0,0 +1,49 @@
+import { n as __reExport, t as __exportAll } from "./rolldown-runtime-BBjsoOtd.mjs";
+import emotionStyled from "@emotion/styled";
+import { CacheProvider, Global, ThemeContext as EmotionThemeContext, ThemeProvider as EmotionThemeProvider, css, keyframes, useTheme } from "@emotion/react";
+import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
+//#region src/styled.ts
+const resolveStyle = (style, props) => typeof style === "function" ? style({
+	theme: props.theme,
+	ownerState: props
+}) : style;
+const matchesProps = (props, matcher) => Object.entries(matcher).every(([key, value]) => props[key] === value);
+const createThemedStyled = (tag, options = {}) => {
+	const { name, slot = "root", systemProps = [], overridesResolver, ...emotionOptions } = options;
+	const create = emotionStyled(tag, emotionOptions);
+	if (name === void 0) return create;
+	const themeStyles = (props) => {
+		const config = props.theme.components?.[name];
+		if (!config) return null;
+		const applied = [];
+		if (config.styleOverrides) applied.push(overridesResolver ? overridesResolver(props, config.styleOverrides) : resolveStyle(config.styleOverrides[slot], props));
+		if (slot === "root" && config.variants) {
+			for (const entry of config.variants) if (matchesProps(props, entry.props)) applied.push(resolveStyle(entry.style, props));
+		}
+		return applied;
+	};
+	return (...styles) => create(...styles, themeStyles, ...systemProps);
+};
+/**
+* The design system's `styled` — Emotion's styled plus theme-level component
+* customization (`theme.components[name].styleOverrides` / `.variants`).
+*/
+const styled = Object.assign(createThemedStyled, emotionStyled);
+//#endregion
+//#region src/index.ts
+var src_exports = /* @__PURE__ */ __exportAll({
+	CacheProvider: () => CacheProvider,
+	EmotionThemeContext: () => EmotionThemeContext,
+	EmotionThemeProvider: () => EmotionThemeProvider,
+	Global: () => Global,
+	createShouldForwardProp: () => createShouldForwardProp,
+	css: () => css,
+	keyframes: () => keyframes,
+	props: () => props,
+	styled: () => styled,
+	useTheme: () => useTheme
+});
+import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
+__reExport(src_exports, import__soroush_tech_styled_system);
+//#endregion
+export { createShouldForwardProp as a, props as c, styled as d, Global as i, src_exports as l, EmotionThemeContext as n, css as o, EmotionThemeProvider as r, keyframes as s, CacheProvider as t, useTheme as u };

package/dist/themeDefault-B-QjpGEO.cjs

@@ -0,0 +1,16 @@
+//#region src/utils/themeDefault.ts
+/**
+* Resolves a component's default token/variant key: the theme's optional
+* `defaults` override wins, otherwise the component's literal `fallback`.
+* Components call this in their prop defaults (`size = themeDefault(theme,
+* 'size', 'md')`) so every built-in default stays visible in the component
+* yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
+*/
+const themeDefault = (theme, key, fallback) => theme.defaults?.[key] ?? fallback;
+//#endregion
+Object.defineProperty(exports, "themeDefault", {
+	enumerable: true,
+	get: function() {
+		return themeDefault;
+	}
+});

package/dist/themeDefault-CjXaY3ok.mjs

@@ -0,0 +1,11 @@
+//#region src/utils/themeDefault.ts
+/**
+* Resolves a component's default token/variant key: the theme's optional
+* `defaults` override wins, otherwise the component's literal `fallback`.
+* Components call this in their prop defaults (`size = themeDefault(theme,
+* 'size', 'md')`) so every built-in default stays visible in the component
+* yet overridable per theme or via `ThemeProvider`'s `defaults` prop.
+*/
+const themeDefault = (theme, key, fallback) => theme.defaults?.[key] ?? fallback;
+//#endregion
+export { themeDefault as t };

package/dist/themes-D1SAp3SL.d.mts

@@ -0,0 +1,500 @@
+import "./createTheme-Dts2F4R_.mjs";
+import { ButtonOwnerState as ButtonOwnerState$1, ButtonVariants as ButtonVariants$1, CSSObject, CardOwnerState as CardOwnerState$1, CardSlotIconProps as CardSlotIconProps$1, CardSlotTypographyProps as CardSlotTypographyProps$1, ComponentConfig as ComponentConfig$1, ComponentStyle as ComponentStyle$1, ComponentVariant as ComponentVariant$1, PaletteEntry as PaletteEntry$1, SizeEntry as SizeEntry$1, Theme, Theme as Theme$1, ThemeAvatarSizes as ThemeAvatarSizes$1, ThemeBackground as ThemeBackground$1, ThemeBorder as ThemeBorder$1, ThemeBorderWidths as ThemeBorderWidths$1, ThemeComponents as ThemeComponents$2, ThemeDefaults as ThemeDefaults$2, ThemeFontWeights as ThemeFontWeights$1, ThemeFonts as ThemeFonts$1, ThemeIconSizes, ThemeIconSizes as ThemeIconSizes$1, ThemeLetterSpacings as ThemeLetterSpacings$1, ThemeLineHeights as ThemeLineHeights$1, ThemePalette, ThemePalette as ThemePalette$1, ThemeRadii as ThemeRadii$1, ThemeShadow as ThemeShadow$1, ThemeSizes, ThemeSizes as ThemeSizes$1, ThemeSkeleton as ThemeSkeleton$1, ThemeSpace, ThemeSpace as ThemeSpace$1, ThemeSwitch as ThemeSwitch$1, ThemeSyntax as ThemeSyntax$1, ThemeText as ThemeText$1, ThemeTypographyVariants, ThemeTypographyVariants as ThemeTypographyVariants$1, ThemeZOrder as ThemeZOrder$1, TypographyVariantStyle as TypographyVariantStyle$1 } from "@emotion/react";
+import { ElementType } from "react";
+//#region src/themes.d.ts
+declare module '@emotion/react' {
+  /**
+   * Re-opens a named scale interface as an anonymous mapped type. Named
+   * interfaces have no implicit index signature, which styled-system's
+   * Record-based `Theme` constraint requires — the mapped copy restores it
+   * while keeping the literal keys (and any consumer-augmented keys).
+   */
+  type OpenScale<T> = { [K in keyof T]: T[K]; };
+  /** One semantic color of `theme.palette`. */
+  interface PaletteEntry {
+    main: string;
+    light: string;
+    dark: string;
+    contrastText: string;
+  }
+  interface ThemePalette {
+    default: PaletteEntry;
+    primary: PaletteEntry;
+    secondary: PaletteEntry;
+    success: PaletteEntry;
+    error: PaletteEntry;
+    info: PaletteEntry;
+    warning: PaletteEntry;
+  }
+  interface ThemeText {
+    inherit: string;
+    initial: string;
+    primary: string;
+    secondary: string;
+    disabled: string;
+    error: string;
+    success: string;
+    info: string;
+    warning: string;
+  }
+  interface ThemeBackground {
+    backdrop: string;
+    /** App bar / sticky header surface. Light in light theme; `backdrop` stays dark for scrims. */
+    appBar: string;
+    glass: string;
+    modal: string;
+    default: string;
+    primary: string;
+    secondary?: string;
+    paper: string;
+    terminal: string;
+    grid: string;
+    transparent: string;
+  }
+  interface ThemeBorder {
+    default?: string;
+    light?: string;
+    primary: string;
+    dark?: string;
+  }
+  /**
+   * Syntax-highlighting colors for fenced code blocks — mapped onto highlight.js
+   * token classes in `Markdown`'s code block. Values differ per theme so blocks
+   * stay legible on the `background.terminal` surface in both light and dark.
+   */
+  interface ThemeSyntax {
+    /** Default code text — plain identifiers, operators, punctuation. */
+    base: string;
+    /** Keywords, built-ins, types, literals, selector tags. */
+    keyword: string;
+    /** Strings, template literals, regular expressions. */
+    string: string;
+    /** Numbers, symbols, links. */
+    number: string;
+    /** Function / class titles, section headings, attributes. */
+    title: string;
+    /** Fields, constants, and property keys. */
+    constant: string;
+    /** Type and class names. */
+    type: string;
+    /** Comments and quotes — rendered dimmed and italic. */
+    comment: string;
+    /** Markup tags/names, meta, variables, deletions. */
+    tag: string;
+  }
+  interface ThemeFonts {
+    body: string;
+    heading: string;
+    mono: string;
+  }
+  /** Skeleton placeholder tokens. `highlight` is the wave-animation shimmer band. */
+  interface ThemeSkeleton {
+    highlight: string;
+  }
+  /** Switch control tokens. The thumb stays light in both modes so it reads on any track. */
+  interface ThemeSwitch {
+    /** Thumb fill. Its elevation shadow composites from `theme.shadow.color`. */
+    thumb: string;
+  }
+  /**
+   * Shadow tokens — the single base color every shadow composites from
+   * (the `theme.shadows` elevation array and component shadows alike).
+   */
+  interface ThemeShadow {
+    /** Opaque base color of all shadows. */
+    color: string;
+    /** Alpha applied per elevation step in the default `theme.shadows` array. */
+    opacity: number;
+  }
+  /** Stacking order for layered UI — ascending: appBar < drawer < modal. */
+  interface ThemeZOrder {
+    appBar: number;
+    drawer: number;
+    modal: number;
+  }
+  interface ThemeRadii {
+    sq: string;
+    sm: string;
+    md: string;
+    lg: string;
+  }
+  interface ThemeBorderWidths {
+    none: string;
+    thin: string;
+    base: string;
+    thick: string;
+  }
+  interface ThemeAvatarSizes {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  }
+  interface ThemeFontWeights {
+    thin: number;
+    extraLight: number;
+    light: number;
+    normal: number;
+    medium: number;
+    semiBold: number;
+    bold: number;
+    extraBold: number;
+    black: number;
+  }
+  interface ThemeLineHeights {
+    none: number;
+    tight: number;
+    snug: number;
+    base: number;
+    relaxed: number;
+    loose: number;
+  }
+  interface ThemeLetterSpacings {
+    tighter: string;
+    tight: string;
+    normal: string;
+    wide: string;
+    wider: string;
+    widest: string;
+  }
+  interface ThemeSpace {
+    auto: string;
+    0: number | string;
+    0.5: number | string;
+    1: number | string;
+    1.5: number | string;
+    2: number | string;
+    3: number | string;
+    4: number | string;
+    5: number | string;
+    6: number | string;
+    7: number | string;
+    8: number | string;
+    9: number | string;
+    10: number | string;
+  }
+  /** One padding/font preset of `theme.sizes`. */
+  interface SizeEntry {
+    paddingTop: Exclude<keyof ThemeSpace, 'auto'>;
+    paddingBottom: Exclude<keyof ThemeSpace, 'auto'>;
+    paddingLeft: Exclude<keyof ThemeSpace, 'auto'>;
+    paddingRight: Exclude<keyof ThemeSpace, 'auto'>;
+    /** Index into `theme.fontSizes`. */
+    fontSize: number;
+  }
+  interface ThemeSizes {
+    sm: SizeEntry;
+    md: SizeEntry;
+    lg: SizeEntry;
+  }
+  /**
+   * Square glyph dimension per density key — Icon token sizes and the
+   * Checkbox/Radio glyphs. Mapped over `ThemeSizes` so augmenting a size key
+   * forces the matching icon size to be supplied.
+   */
+  type ThemeIconSizes = { [K in keyof ThemeSizes]: string; };
+  /** Style of one typography variant. */
+  interface TypographyVariantStyle {
+    element: ElementType;
+    fontSize?: number;
+    fontWeight?: string;
+    letterSpacing?: string;
+    textTransform?: CSSObject['textTransform'];
+  }
+  interface ThemeTypographyVariants {
+    h1: TypographyVariantStyle;
+    h2: TypographyVariantStyle;
+    h3: TypographyVariantStyle;
+    h4: TypographyVariantStyle;
+    h5: TypographyVariantStyle;
+    h6: TypographyVariantStyle;
+    subtitle1: TypographyVariantStyle;
+    subtitle2: TypographyVariantStyle;
+    body1: TypographyVariantStyle;
+    body2: TypographyVariantStyle;
+    caption: TypographyVariantStyle;
+    overline: TypographyVariantStyle;
+    button: TypographyVariantStyle;
+    inherit: TypographyVariantStyle;
+  }
+  /**
+   * Optional theme-driven component defaults. Components carry their own
+   * literal fallbacks (`size = 'md'`, `variant = 'outside'`, …) and resolve
+   * them through `themeDefault(theme, key, fallback)` — set any key here (or
+   * via `ThemeProvider`'s `defaults` prop) to override that fallback globally,
+   * e.g. when your theme uses entirely different size or palette keys.
+   */
+  interface ThemeDefaults {
+    /** Density token for sized components. Fallback: `'md'`. */
+    size?: keyof ThemeSizes;
+    /** Compact density for dense secondary UI (table pagination actions). Fallback: `'sm'`. */
+    compactSize?: keyof ThemeSizes;
+    /** Accent palette color (buttons, links, progress, pagination…). Fallback: `'primary'`. */
+    color?: keyof ThemePalette;
+    /** Neutral palette color for toggle controls (checkbox, radio, switch…). Fallback: `'default'`. */
+    neutralColor?: keyof ThemePalette;
+    /** Body text color. Fallback: `'initial'`. */
+    textColor?: keyof ThemeText;
+    /** Accent text color (icons, input labels). Fallback: `'primary'`. */
+    accentTextColor?: keyof ThemeText;
+    /** General control background (switch track). Fallback: `'default'`. */
+    bg?: keyof ThemeBackground;
+    /** Elevated surface background (paper, cards). Fallback: `'paper'`. */
+    surfaceBg?: keyof ThemeBackground;
+    /** Input surface background (selects, text inputs). Fallback: `'terminal'`. */
+    inputBg?: keyof ThemeBackground;
+    /** Corner radius for grouped controls. Fallback: `'md'`. */
+    borderRadius?: keyof ThemeRadii;
+    /** Corner radius for surfaces. Fallback: `'sq'`. */
+    surfaceRadius?: keyof ThemeRadii;
+    /** Avatar size step. Fallback: `'md'`. */
+    avatarSize?: keyof ThemeAvatarSizes;
+    /** Icon glyph size step. Fallback: `'lg'`. */
+    iconSize?: keyof ThemeIconSizes;
+    /** Border/ring color. Fallback: `'primary'`. */
+    borderColor?: keyof ThemeBorder;
+    /** Border/ring width. Fallback: `'thin'`. */
+    borderWidth?: keyof ThemeBorderWidths;
+    /** Button visual variant. Fallback: `'contained'`. */
+    buttonVariant?: keyof ButtonVariants;
+    /** Switch thumb/track layout. Fallback: `'outside'`. */
+    switchVariant?: 'outside' | 'inside';
+    /** Input frame style (TextInput, Select, NativeSelect). Fallback: `'default'`. */
+    inputVariant?: 'default' | 'outlined' | 'text' | 'underline';
+    /** Avatar shape. Fallback: `'circular'`. */
+    avatarVariant?: 'circular' | 'rounded' | 'square';
+    /** Link underline behavior. Fallback: `'always'`. */
+    linkUnderline?: 'always' | 'hover' | 'none';
+    /** Card surface treatment. Fallback: `'paper'`. */
+    cardVariant?: 'paper' | 'bracketBox' | 'interactive';
+    /** Pagination item visual variant. Fallback: `'text'`. */
+    paginationVariant?: 'text' | 'outlined';
+    /** Pagination item shape. Fallback: `'circular'`. */
+    paginationShape?: 'circular' | 'rounded';
+  }
+  /**
+   * A style contributed from `theme.components` — a plain CSS object, or a
+   * callback receiving the theme and the styled root's resolved props
+   * (`ownerState`) for conditional styling.
+   */
+  type ComponentStyle<OwnerState> = CSSObject | ((args: {
+    theme: Theme;
+    ownerState: OwnerState;
+  }) => CSSObject);
+  /** One theme-contributed variant: applied when every key in `props` matches the render props. */
+  interface ComponentVariant<OwnerState> {
+    props: Partial<OwnerState>;
+    style: ComponentStyle<OwnerState>;
+  }
+  /** Per-component customization: default prop values, per-slot CSS, extra variants. */
+  interface ComponentConfig<OwnerState = Record<string, unknown>, Slot extends string = 'root'> {
+    /** Default prop values — explicit props and group context always win. */
+    defaultProps?: Partial<OwnerState>;
+    /** Per-slot CSS merged after the component's own styles (theme wins). */
+    styleOverrides?: Partial<Record<Slot, ComponentStyle<OwnerState>>>;
+    /** Extra variants matched by props. Replaced wholesale by `createTheme`, never merged. */
+    variants?: ReadonlyArray<ComponentVariant<OwnerState>>;
+  }
+  /** Button's variant values — augment to register new ones (then style them via `variants`). */
+  interface ButtonVariants {
+    contained: true;
+    outlined: true;
+    text: true;
+  }
+  /** The resolved props Button's styled roots receive — what `ownerState` exposes. */
+  interface ButtonOwnerState {
+    variant?: keyof ButtonVariants;
+    color?: keyof ThemePalette;
+    size?: keyof ThemeSizes;
+    shape?: 'square' | 'rounded' | 'pill';
+    fullWidth?: boolean;
+    disabled?: boolean;
+  }
+  /** Token-typed Typography props a theme may set for Card's title/caption slots. */
+  interface CardSlotTypographyProps {
+    variant?: keyof ThemeTypographyVariants;
+    color?: keyof ThemeText;
+    fontFamily?: keyof ThemeFonts;
+    mb?: keyof ThemeSpace;
+  }
+  /** Token-typed Icon props a theme may set for Card's icon slot. */
+  interface CardSlotIconProps {
+    color?: keyof ThemeText;
+    size?: string | number;
+  }
+  /** Card's resolved props / theme-settable defaults. */
+  interface CardOwnerState {
+    variant?: 'paper' | 'bracketBox' | 'interactive';
+    /** Merged under any per-instance `titleProps` (instance wins). */
+    titleProps?: CardSlotTypographyProps;
+    /** Merged under any per-instance `captionProps` (instance wins). */
+    captionProps?: CardSlotTypographyProps;
+    /** Merged under any per-instance `iconProps` (instance wins). */
+    iconProps?: CardSlotIconProps;
+  }
+  /**
+   * Per-component theme customization, keyed by component name. Augment this
+   * interface to register additional components (including your own, when their
+   * styled roots are created with this package's `styled(tag, { name })`).
+   */
+  interface ThemeComponents {
+    AppBar?: ComponentConfig;
+    Avatar?: ComponentConfig<Record<string, unknown>, 'root' | 'img'>;
+    Backdrop?: ComponentConfig;
+    Button?: ComponentConfig<ButtonOwnerState, 'root' | 'label' | 'icon' | 'loader'>;
+    ButtonGroup?: ComponentConfig;
+    Card?: ComponentConfig<CardOwnerState, 'root' | 'title' | 'caption' | 'icon'>;
+    Checkbox?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
+    CircularProgress?: ComponentConfig<Record<string, unknown>, 'root' | 'track' | 'circle'>;
+    CodeBlock?: ComponentConfig<Record<string, unknown>, 'root' | 'surface'>;
+    Drawer?: ComponentConfig;
+    Flex?: ComponentConfig;
+    FocusTrap?: ComponentConfig;
+    Form?: ComponentConfig;
+    FormControl?: ComponentConfig;
+    FormHelperText?: ComponentConfig;
+    FormLabel?: ComponentConfig;
+    Grid?: ComponentConfig;
+    Icon?: ComponentConfig;
+    Image?: ComponentConfig;
+    LinearProgress?: ComponentConfig<Record<string, unknown>, 'root' | 'track' | 'dash' | 'bar' | 'traveler' | 'segment' | 'secondaryBar'>;
+    Link?: ComponentConfig;
+    MarkdownEditor?: ComponentConfig;
+    MarkdownPreview?: ComponentConfig;
+    MarkdownToolbar?: ComponentConfig<Record<string, unknown>, 'root' | 'strike' | 'tablePickerCell'>;
+    MenuItem?: ComponentConfig<Record<string, unknown>, 'root' | 'check'>;
+    Modal?: ComponentConfig;
+    NativeSelect?: ComponentConfig<Record<string, unknown>, 'root' | 'select' | 'icon'>;
+    Pagination?: ComponentConfig<Record<string, unknown>, 'root' | 'list'>;
+    PaginationItem?: ComponentConfig<Record<string, unknown>, 'root' | 'ellipsis'>;
+    Paper?: ComponentConfig;
+    Popover?: ComponentConfig<Record<string, unknown>, 'root' | 'positioner'>;
+    Quote?: ComponentConfig;
+    Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
+    Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
+    Skeleton?: ComponentConfig<Record<string, unknown>, 'root' | 'content'>;
+    Switch?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'track' | 'thumb'>;
+    Table?: ComponentConfig;
+    TableBody?: ComponentConfig;
+    TableCell?: ComponentConfig;
+    TableContainer?: ComponentConfig;
+    TableFooter?: ComponentConfig;
+    TableHead?: ComponentConfig;
+    TablePagination?: ComponentConfig;
+    TablePaginationActions?: ComponentConfig;
+    TableRow?: ComponentConfig;
+    TableSortLabel?: ComponentConfig<Record<string, unknown>, 'root' | 'icon'>;
+    TextInput?: ComponentConfig<Record<string, unknown>, 'root' | 'input'>;
+    ToggleButton?: ComponentConfig;
+    ToggleButtonGroup?: ComponentConfig;
+    Typography?: ComponentConfig;
+    View?: ComponentConfig;
+  }
+  interface Theme {
+    name: string;
+    /** Optional overrides for component default token/variant keys — see `ThemeDefaults`. */
+    defaults?: OpenScale<ThemeDefaults>;
+    /** Optional per-component customization — see `ThemeComponents`. */
+    components?: OpenScale<ThemeComponents>;
+    space: OpenScale<ThemeSpace>;
+    border: OpenScale<ThemeBorder>;
+    text: OpenScale<ThemeText>;
+    background: OpenScale<ThemeBackground>;
+    typography: OpenScale<ThemeTypographyVariants>;
+    fonts: OpenScale<ThemeFonts>;
+    lineHeights: OpenScale<ThemeLineHeights>;
+    letterSpacings: OpenScale<ThemeLetterSpacings>;
+    fontSizes: number[];
+    radii: OpenScale<ThemeRadii>;
+    borderWidths: OpenScale<ThemeBorderWidths>;
+    avatar: OpenScale<ThemeAvatarSizes>;
+    icon: ThemeIconSizes;
+    skeleton: OpenScale<ThemeSkeleton>;
+    switch: OpenScale<ThemeSwitch>;
+    shadow: OpenScale<ThemeShadow>;
+    syntax: OpenScale<ThemeSyntax>;
+    sizes: { [K in keyof ThemeSizes]: OpenScale<ThemeSizes[K]>; };
+    colorScheme: 'light' | 'dark';
+    blur: string;
+    logoFilter: string;
+    /** mix-blend-mode for the AboutHero portrait — screen on dark, multiply on light. */
+    portraitBlend: string;
+    /** opacity for the AboutHero portrait. */
+    portraitOpacity: number;
+    shadows: string[];
+    fontWeights: OpenScale<ThemeFontWeights>;
+    palette: OpenScale<ThemePalette>;
+    zOrder: OpenScale<ThemeZOrder>;
+  }
+}
+/** The semantic color keys of `theme.palette`. */
+type PaletteColor = keyof ThemePalette;
+/** The variant keys of `theme.typography`. */
+type TypographyVariant = keyof ThemeTypographyVariants;
+declare const radii: {
+  sq: string;
+  sm: string;
+  md: string;
+  lg: string;
+};
+declare const borderWidths: {
+  none: string;
+  thin: string;
+  base: string;
+  thick: string;
+};
+declare const zOrder: {
+  appBar: number;
+  drawer: number;
+  modal: number;
+};
+declare const fontSizes: number[];
+declare const lineHeights: {
+  none: number;
+  tight: number;
+  snug: number;
+  base: number;
+  relaxed: number;
+  loose: number;
+};
+declare const letterSpacings: {
+  tighter: string;
+  tight: string;
+  normal: string;
+  wide: string;
+  wider: string;
+  widest: string;
+};
+declare const fonts: {
+  body: string;
+  heading: string;
+  mono: string;
+};
+declare const fontWeights: {
+  thin: number;
+  extraLight: number;
+  light: number;
+  normal: number;
+  medium: number;
+  semiBold: number;
+  bold: number;
+  extraBold: number;
+  black: number;
+};
+declare const avatar: {
+  sm: string;
+  md: string;
+  lg: string;
+  xl: string;
+};
+declare const icon: ThemeIconSizes;
+declare const sizes: ThemeSizes;
+declare const space: ThemeSpace;
+declare const typography: ThemeTypographyVariants;
+/**
+ * The package's complete default theme (dark-schemed). Raw hex only — palettes
+ * belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
+ */
+declare const baseTheme: Theme;
+//#endregion
+export { ThemeSwitch$1 as A, fontSizes as B, ThemeLineHeights$1 as C, ThemeSizes$1 as D, ThemeShadow$1 as E, TypographyVariant as F, lineHeights as G, fonts as H, TypographyVariantStyle$1 as I, space as J, radii as K, avatar as L, ThemeText$1 as M, ThemeTypographyVariants$1 as N, ThemeSkeleton$1 as O, ThemeZOrder$1 as P, baseTheme as R, ThemeLetterSpacings$1 as S, ThemeRadii$1 as T, icon as U, fontWeights as V, letterSpacings as W, zOrder as X, typography as Y, ThemeComponents$2 as _, CardSlotTypographyProps$1 as a, ThemeFonts$1 as b, ComponentVariant$1 as c, SizeEntry$1 as d, Theme$1 as f, ThemeBorderWidths$1 as g, ThemeBorder$1 as h, CardSlotIconProps$1 as i, ThemeSyntax$1 as j, ThemeSpace$1 as k, PaletteColor as l, ThemeBackground$1 as m, ButtonVariants$1 as n, ComponentConfig$1 as o, ThemeAvatarSizes$1 as p, sizes as q, CardOwnerState$1 as r, ComponentStyle$1 as s, ButtonOwnerState$1 as t, PaletteEntry$1 as u, ThemeDefaults$2 as v, ThemePalette$1 as w, ThemeIconSizes$1 as x, ThemeFontWeights$1 as y, borderWidths as z };