@sanity/ui 4.0.0-beta.8 → 4.0.0-next.2

package/dist/_chunks/rgba.d.cts

@@ -0,0 +1,929 @@
+import * as CSS from "csstype";
+/**
+ * @internal
+ */
+interface RGB {
+  r: number;
+  g: number;
+  b: number;
+  a?: undefined;
+}
+/**
+ * @internal
+ */
+interface RGBA {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+}
+/**
+ * @internal
+ */
+interface HSL {
+  h: number;
+  s: number;
+  l: number;
+}
+/** @public */
+declare const THEME_COLOR_SCHEMES: readonly ['light', 'dark'];
+/** @public */
+declare const THEME_COLOR_BLEND_MODES: readonly ['multiply', 'screen'];
+/** @public */
+declare const THEME_COLOR_CARD_TONES: readonly ['transparent', 'default', 'neutral', 'primary', 'suggest', 'positive', 'caution', 'critical'];
+/** @public */
+declare const THEME_COLOR_STATE_TONES: readonly ['default', 'neutral', 'primary', 'suggest', 'positive', 'caution', 'critical'];
+/** @public */
+declare const THEME_COLOR_STATES: readonly ['enabled', 'hovered', 'pressed', 'selected', 'disabled'];
+/** @public */
+declare const THEME_COLOR_BUTTON_MODES: readonly ['default', 'ghost', 'bleed'];
+/** @public */
+declare const THEME_COLOR_INPUT_MODES: readonly ['default', 'invalid'];
+/** @public */
+declare const THEME_COLOR_INPUT_STATES: readonly ['enabled', 'hovered', 'readOnly', 'disabled'];
+/** @public */
+declare const THEME_COLOR_AVATAR_COLORS: import("@sanity/color").ColorHueKey[];
+/**
+ * @public
+ */
+type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number];
+/** @public */
+type ThemeColorBlendModeKey = (typeof THEME_COLOR_BLEND_MODES)[number];
+/** @public */
+type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number];
+/** @public */
+type ThemeColorButtonModeKey = (typeof THEME_COLOR_BUTTON_MODES)[number];
+/** @public */
+type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number];
+/** @public */
+type ThemeColorStateToneKey = (typeof THEME_COLOR_STATE_TONES)[number];
+/** @public */
+type ThemeColorInputModeKey = (typeof THEME_COLOR_INPUT_MODES)[number];
+/** @public */
+type ThemeColorInputStateKey = (typeof THEME_COLOR_INPUT_STATES)[number];
+/** @public */
+type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number];
+/**
+ * @public
+ */
+interface ThemeColorSyntax {
+  atrule: string;
+  attrName: string;
+  attrValue: string;
+  attribute: string;
+  boolean: string;
+  builtin: string;
+  cdata: string;
+  char: string;
+  class: string;
+  className: string;
+  comment: string;
+  constant: string;
+  deleted: string;
+  doctype: string;
+  entity: string;
+  function: string;
+  hexcode: string;
+  id: string;
+  important: string;
+  inserted: string;
+  keyword: string;
+  number: string;
+  operator: string;
+  prolog: string;
+  property: string;
+  pseudoClass: string;
+  pseudoElement: string;
+  punctuation: string;
+  regex: string;
+  selector: string;
+  string: string;
+  symbol: string;
+  tag: string;
+  unit: string;
+  url: string;
+  variable: string;
+}
+/**
+ * @public
+ */
+type ThemeFontKey = 'code' | 'heading' | 'label' | 'text';
+/**
+ * @public
+ */
+type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold';
+/**
+ * @public
+ */
+interface ThemeFontSize {
+  ascenderHeight: number;
+  descenderHeight: number;
+  fontSize: number;
+  iconSize: number;
+  letterSpacing: number;
+  lineHeight: number;
+}
+/**
+ * @public
+ */
+interface ThemeFontWeight {
+  regular: number;
+  medium: number;
+  semibold: number;
+  bold: number;
+}
+/**
+ * @public
+ */
+interface ThemeFont {
+  family: string;
+  weights: ThemeFontWeight;
+  sizes: ThemeFontSize[];
+  /** @deprecated No longer supported. */
+  horizontalOffset?: number;
+}
+/**
+ * @public
+ */
+interface ThemeFonts {
+  code: ThemeFont;
+  heading: ThemeFont;
+  label: ThemeFont;
+  text: ThemeFont;
+}
+/**
+ * @public
+ */
+interface ThemeLayer {
+  dialog: {
+    zOffset: number;
+  };
+  popover: {
+    zOffset: number;
+  };
+  tooltip: {
+    zOffset: number;
+  };
+}
+/**
+ * @public
+ */
+type ThemeBoxShadow = [number, number, number, number];
+/**
+ * @public
+ */
+interface ThemeShadow {
+  umbra: ThemeBoxShadow;
+  penumbra: ThemeBoxShadow;
+  ambient: ThemeBoxShadow;
+}
+/**
+ * A CSS-in-JS style object: standard CSS properties plus an index signature that allows nested
+ * selectors, at-rules and custom properties.
+ *
+ * This is a self-owned definition (based on `csstype`) so the published `.d.ts` types stay fully
+ * controlled by us and do not reference any external CSS-in-JS library types.
+ *
+ * @internal
+ */
+interface CSSObject extends CSS.Properties<number | (string & {})> {
+  [key: string]: CSSObject | string | number | undefined;
+}
+/**
+ * @internal
+ */
+interface ThemeStyles {
+  button?: {
+    root?: CSSObject;
+  };
+  card?: {
+    root?: CSSObject;
+  };
+}
+/**
+ * @public
+ */
+interface ThemeFocusRing {
+  offset: number;
+  width: number;
+}
+/**
+ * @public
+ */
+interface ThemeAvatar_v2 {
+  sizes: {
+    /** Spacing between avatars in an <AvatarStack> component (px) */
+    distance: number;
+    /** Diameter of the avatar (px) */
+    size: number;
+  }[];
+  focusRing: ThemeFocusRing;
+}
+/**
+ * @public
+ */
+interface ThemeColorAvatarHue_v2 {
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  fg: string;
+}
+/**
+ * @public
+ */
+type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>;
+/**
+ * @public
+ */
+interface ThemeColorBadgeTone_v2 {
+  bg: string;
+  fg: string;
+  dot: string;
+  icon: string;
+}
+/**
+ * @public
+ */
+type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>;
+/**
+ * @public
+ */
+interface ThemeColorKBD {
+  bg: string;
+  fg: string;
+  border: string;
+}
+/**
+ * @public
+ */
+interface ThemeColorState_v2 {
+  /** @internal */
+  _blend?: ThemeColorBlendModeKey;
+  accent: {
+    fg: string;
+  };
+  /**
+   * @internal  This may be removed in a future release
+   * */
+  avatar: ThemeColorAvatar_v2;
+  /**
+   * @internal  This may be removed in a future release
+   * */
+  badge: ThemeColorBadge_v2;
+  bg: string;
+  border: string;
+  code: {
+    bg: string;
+    fg: string;
+  };
+  fg: string;
+  icon: string;
+  kbd: ThemeColorKBD;
+  link: {
+    fg: string;
+  };
+  muted: {
+    bg: string;
+    fg: string;
+  };
+  skeleton: {
+    from: string;
+    to: string;
+  };
+}
+/**
+ * @public
+ */
+type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
+/**
+ * @public
+ */
+type ThemeColorButtonMode_v2 = Record<ThemeColorStateToneKey, ThemeColorButtonTone_v2>;
+/**
+ * @public
+ */
+type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>;
+/**
+ * @public
+ */
+interface ThemeColorInputState_v2 {
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  border: string;
+  fg: string;
+  muted: {
+    bg: string;
+  };
+  placeholder: string;
+}
+/**
+ * @public
+ */
+type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>;
+/**
+ * @public
+ */
+type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>;
+/**
+ * @public
+ */
+type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
+/**
+ * @public
+ */
+type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>;
+/** @public */
+interface ThemeColorShadow {
+  outline: string;
+  umbra: string;
+  penumbra: string;
+  ambient: string;
+}
+/**
+ * @public
+ */
+interface ThemeColorCard_v2 extends ThemeColorState_v2 {
+  /** @internal */
+  _blend: ThemeColorBlendModeKey;
+  _dark: boolean;
+  backdrop: string;
+  button: ThemeColorButton_v2;
+  focusRing: string;
+  input: ThemeColorInput_v2;
+  selectable: ThemeColorSelectable_v2;
+  shadow: ThemeColorShadow;
+  syntax: ThemeColorSyntax;
+}
+/**
+ * @public
+ */
+type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>;
+/**
+ * @public
+ */
+type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>;
+/**
+ * @public
+ */
+interface ThemeInput_v2 {
+  checkbox: {
+    size: number;
+    focusRing: ThemeFocusRing;
+  };
+  radio: {
+    size: number;
+    markSize: number;
+    focusRing: ThemeFocusRing;
+  };
+  switch: {
+    width: number;
+    height: number;
+    padding: number;
+    transitionDurationMs: number;
+    transitionTimingFunction: string;
+    focusRing: ThemeFocusRing;
+  };
+  border: {
+    width: number;
+  };
+  select: {
+    focusRing: ThemeFocusRing;
+  };
+  text: {
+    focusRing: ThemeFocusRing;
+  };
+}
+/**
+ * @public
+ * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
+ */
+interface ThemeAvatar {
+  sizes: {
+    distance: number;
+    size: number;
+  }[];
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorState_v2` instead.
+ */
+interface ThemeColorGenericState {
+  /** @internal */
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  /**
+   * @beta
+   */
+  bg2?: string;
+  border: string;
+  fg: string;
+  icon: string;
+  muted: {
+    fg: string;
+  };
+  accent: {
+    fg: string;
+  };
+  link: {
+    fg: string;
+  };
+  code: {
+    bg: string;
+    fg: string;
+  };
+  skeleton?: {
+    from: string;
+    to: string;
+  };
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorCardToneKey` instead.
+ */
+type ThemeColorName = 'transparent' | 'default' | 'primary' | 'positive' | 'caution' | 'critical';
+/**
+ * @public
+ * @deprecated Use `ThemeColorCardToneKey` instead.
+ */
+type ThemeColorToneKey = ThemeColorName;
+/**
+ * @public
+ * @deprecated Use `ThemeColorCard_v2` instead.
+ */
+interface ThemeColorBase {
+  bg: string;
+  fg: string;
+  border: string;
+  focusRing: string;
+  backdrop?: string;
+  shadow: {
+    outline: string;
+    umbra: string;
+    penumbra: string;
+    ambient: string;
+  };
+  skeleton?: {
+    from: string;
+    to: string;
+  };
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorState_v2` instead.
+ */
+type ThemeColorButtonState = ThemeColorGenericState;
+/**
+ * @public
+ * @deprecated Use `ThemeColorButtonStates_v2` instead.
+ */
+interface ThemeColorButtonStates {
+  enabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
+}
+/**
+ * TODO: Rename to `ThemeColorButtonMode`.
+ * @public
+ * @deprecated Use `ThemeColorButtonTones_v2` instead.
+ */
+interface ThemeColorButtonTones {
+  default: ThemeColorButtonStates;
+  primary: ThemeColorButtonStates;
+  positive: ThemeColorButtonStates;
+  caution: ThemeColorButtonStates;
+  critical: ThemeColorButtonStates;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorButton_v2` instead.
+ */
+interface ThemeColorButton {
+  default: ThemeColorButtonTones;
+  ghost: ThemeColorButtonTones;
+  bleed: ThemeColorButtonTones;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorState_v2` instead.
+ */
+type ThemeColorCardState = ThemeColorGenericState;
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
+ */
+interface ThemeColorCard {
+  enabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorInputState_v2` instead.
+ */
+interface ThemeColorInputState {
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  bg2: string;
+  border: string;
+  fg: string;
+  placeholder: string;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorInputMode_v2` instead.
+ */
+interface ThemeColorInputStates {
+  enabled: ThemeColorInputState;
+  disabled: ThemeColorInputState;
+  hovered: ThemeColorInputState;
+  readOnly: ThemeColorInputState;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorInput_v2` instead.
+ */
+interface ThemeColorInput {
+  default: ThemeColorInputStates;
+  invalid: ThemeColorInputStates;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
+ */
+interface ThemeColorMutedTone {
+  enabled: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
+ */
+interface ThemeColorMuted {
+  default: ThemeColorMutedTone;
+  transparent: ThemeColorMutedTone;
+  primary: ThemeColorMutedTone;
+  positive: ThemeColorMutedTone;
+  caution: ThemeColorMutedTone;
+  critical: ThemeColorMutedTone;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorState_v2` instead.
+ */
+type ThemeColorSelectableState = ThemeColorGenericState;
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectableStates_v2` instead.
+ */
+interface ThemeColorSelectableStates {
+  enabled: ThemeColorSelectableState;
+  hovered: ThemeColorSelectableState;
+  pressed: ThemeColorSelectableState;
+  selected: ThemeColorSelectableState;
+  disabled: ThemeColorSelectableState;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
+ */
+interface ThemeColorSelectable {
+  default: ThemeColorSelectableStates;
+  primary: ThemeColorSelectableStates;
+  positive: ThemeColorSelectableStates;
+  caution: ThemeColorSelectableStates;
+  critical: ThemeColorSelectableStates;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
+ */
+interface ThemeColorSolidTone {
+  enabled: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
+ */
+interface ThemeColorSolid {
+  default: ThemeColorSolidTone;
+  transparent: ThemeColorSolidTone;
+  primary: ThemeColorSolidTone;
+  positive: ThemeColorSolidTone;
+  caution: ThemeColorSolidTone;
+  critical: ThemeColorSolidTone;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorAvatarColorKey` instead
+ */
+type ThemeColorSpotKey = ThemeColorAvatarColorKey;
+/**
+ * @public
+ * @deprecated Use `ThemeColorAvatar_v2` instead
+ */
+type ThemeColorSpot = Record<ThemeColorSpotKey, string>;
+/**
+ * @public
+ * @deprecated Use `ThemeColor_v2` instead.
+ */
+interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
+  base: ThemeColorBase;
+  button: ThemeColorButton;
+  card: ThemeColorCard;
+  dark: boolean;
+  input: ThemeColorInput;
+  muted: ThemeColorMuted;
+  selectable?: ThemeColorSelectable;
+  solid: ThemeColorSolid;
+  spot: ThemeColorSpot;
+  syntax: ThemeColorSyntax;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeColorScheme_v2` instead.
+ */
+type ThemeColorScheme = Record<ThemeColorName, ThemeColor>;
+/**
+ * @public
+ * @deprecated Use `ThemeColorSchemes_v2` instead.
+ */
+type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>;
+/**
+ * @public
+ * @deprecated Use `ThemeInput_v2` instead
+ */
+interface ThemeInput {
+  checkbox: {
+    size: number;
+  };
+  radio: {
+    size: number;
+    markSize: number;
+  };
+  switch: {
+    width: number;
+    height: number;
+    padding: number;
+    transitionDurationMs: number;
+    transitionTimingFunction: string;
+  };
+  border: {
+    width: number;
+  };
+}
+/**
+ * @public
+ */
+interface RootTheme_v2 {
+  _version: 2;
+  avatar: ThemeAvatar_v2;
+  button: {
+    border: {
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
+    textWeight: ThemeFontWeightKey;
+  };
+  card: {
+    border: {
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
+    shadow: {
+      outline: number;
+    };
+  };
+  color: ThemeColorSchemes_v2;
+  container: number[];
+  font: ThemeFonts;
+  input: ThemeInput_v2;
+  layer: ThemeLayer;
+  media: number[];
+  radius: number[];
+  shadow: Array<ThemeShadow | null>;
+  space: number[];
+  /** @internal */
+  style?: ThemeStyles;
+}
+/**
+ * @public
+ */
+interface BaseTheme {
+  _version?: 0;
+  /**
+   * @deprecated Use `v2.avatar` instead
+   */
+  avatar: ThemeAvatar;
+  /**
+   * @deprecated Use `v2.button` instead
+   */
+  button: {
+    textWeight: ThemeFontWeightKey;
+  };
+  /**
+   * @deprecated Use `v2.color` instead
+   */
+  color: ThemeColorSchemes;
+  /**
+   * @deprecated Use `v2.container` instead
+   */
+  container: number[];
+  /**
+   * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
+   */
+  focusRing: {
+    offset: number;
+    width: number;
+  };
+  /**
+   * @deprecated Use `v2.font` instead
+   */
+  fonts: ThemeFonts;
+  /**
+   * @deprecated Use `v2.input` instead
+   */
+  input: ThemeInput;
+  /**
+   * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
+   * @beta
+   * @deprecated Use `v2.layer` instead
+   */
+  layer?: ThemeLayer;
+  /**
+   * @deprecated Use `v2.media` instead
+   */
+  media: number[];
+  /**
+   * @deprecated Use `v2.radius` instead
+   */
+  radius: number[];
+  /**
+   * @deprecated Use `v2.shadow` instead
+   */
+  shadows: Array<ThemeShadow | null>;
+  /**
+   * @deprecated Use `v2.space` instead
+   */
+  space: number[];
+  /**
+   * @internal
+   * @deprecated Use `v2.style` instead
+   */
+  styles?: ThemeStyles;
+  v2?: RootTheme_v2;
+}
+/**
+ * @public
+ */
+type RootTheme = BaseTheme;
+/**
+ * @public
+ */
+type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
+  color: ThemeColorCard_v2;
+  /**
+   * Indicates whether the theme is resolved or raw, it's necessary to avoid issues
+   * with sanity V2 components accessing a v1 <ThemeProvider>.
+   * See https://github.com/sanity-io/ui/pull/1203 for more info.
+   */
+  _resolved: boolean;
+};
+/**
+ * @public
+ */
+interface Theme {
+  sanity: Omit<RootTheme, 'color' | 'v2'> & {
+    /**
+     * @deprecated Use `v2.color` instead
+     */
+    color: ThemeColor;
+    v2?: Theme_v2;
+  };
+}
+/**
+ * @public
+ * @deprecated Use `buildColorTheme` instead.
+ */
+interface ThemeColorBuilderOpts {
+  base: (opts: {
+    dark: boolean;
+    name: ThemeColorName;
+  }) => ThemeColorBase;
+  solid: (opts: {
+    base: ThemeColorBase;
+    dark: boolean;
+    tone: ThemeColorName;
+    name: ThemeColorName;
+    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
+  }) => ThemeColorGenericState;
+  muted: (opts: {
+    base: ThemeColorBase;
+    dark: boolean;
+    tone: ThemeColorToneKey;
+    name: ThemeColorName;
+    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
+  }) => ThemeColorGenericState;
+  card: (opts: {
+    base: ThemeColorBase;
+    dark: boolean;
+    muted: ThemeColorMuted;
+    name: ThemeColorName;
+    solid: ThemeColorSolid;
+    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
+  }) => ThemeColorGenericState;
+  button: (opts: {
+    dark: boolean;
+    mode: ThemeColorButtonModeKey;
+    base: ThemeColorBase;
+    solid: ThemeColorSolidTone;
+    muted: ThemeColorMutedTone;
+  }) => ThemeColorButtonStates;
+  input: (opts: {
+    base: ThemeColorBase;
+    solid: ThemeColorSolidTone;
+    muted: ThemeColorMutedTone;
+    dark: boolean;
+    mode: 'default' | 'invalid';
+    state: 'enabled' | 'disabled' | 'hovered' | 'readOnly';
+  }) => ThemeColorInputState;
+  selectable: (opts: {
+    dark: boolean;
+    base: ThemeColorBase;
+    solid: ThemeColorSolid;
+    muted: ThemeColorMuted;
+    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
+    tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical';
+  }) => ThemeColorGenericState;
+  syntax: (opts: {
+    base: ThemeColorBase;
+    dark: boolean;
+  }) => ThemeColorSyntax;
+  spot: (opts: {
+    base: ThemeColorBase;
+    dark: boolean;
+    key: ThemeColorSpotKey;
+  }) => string;
+}
+/**
+ * @public
+ * @deprecated Use `ThemeConfig` instead.
+ */
+type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>;
+/**
+ * @public
+ * @deprecated Use `buildColorTheme` instead.
+ */
+declare function createColorTheme(partialOpts?: PartialThemeColorBuilderOpts): ThemeColorSchemes;
+/**
+ * Apply the \`multiply\` blend mode
+ * Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
+ * @internal
+ */
+declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB;
+/**
+ * Apply the \`screen\` blend mode
+ * Source: https://www.w3.org/TR/compositing-1/#blendingscreen
+ * @internal
+ */
+declare function screen(b: RGB | RGBA, s: RGB | RGBA): RGB;
+/**
+ * @internal
+ */
+declare function hexToRgb(hex: string): RGB;
+/**
+ * @internal
+ */
+declare function rgbaToRGBA(rgba: string): RGBA;
+/**
+ * @internal
+ */
+declare function rgbToHex(color: RGB | RGBA): string;
+/**
+ * @internal
+ * @see https://css-tricks.com/converting-color-spaces-in-javascript/
+ */
+declare function rgbToHsl({ r, g, b }: RGB): HSL;
+/**
+ * @internal
+ */
+declare function hslToRgb(hsl: HSL): RGB;
+/**
+ * @internal
+ */
+declare function parseColor(color: unknown): RGB | RGBA;
+/**
+ * @internal
+ */
+declare function rgba(color: unknown, a: number): string;
+export { ThemeColorInputState_v2 as $, ThemeColorMutedTone as A, ThemeColorSchemeKey as At, ThemeColorBase as B, THEME_COLOR_STATES as Bt, ThemeColorSpotKey as C, ThemeColorSyntax as Ct, ThemeColorSelectableState as D, ThemeColorCardToneKey as Dt, ThemeColorSelectable as E, ThemeColorButtonModeKey as Et, ThemeColorCardState as F, THEME_COLOR_BUTTON_MODES as Ft, ThemeInput_v2 as G, ThemeColorToneKey as H, HSL as Ht, ThemeColorButton as I, THEME_COLOR_CARD_TONES as It, ThemeColorSchemes_v2 as J, ThemeColorCard_v2 as K, ThemeColorButtonState as L, THEME_COLOR_INPUT_MODES as Lt, ThemeColorInputState as M, ThemeColorStateToneKey as Mt, ThemeColorInputStates as N, THEME_COLOR_AVATAR_COLORS as Nt, ThemeColorSelectableStates as O, ThemeColorInputModeKey as Ot, ThemeColorCard as P, THEME_COLOR_BLEND_MODES as Pt, ThemeColorInputMode_v2 as Q, ThemeColorButtonStates as R, THEME_COLOR_INPUT_STATES as Rt, ThemeColorSpot as S, ThemeFonts as St, ThemeColorSolidTone as T, ThemeColorBlendModeKey as Tt, ThemeColorGenericState as U, RGB as Ut, ThemeColorName as V, THEME_COLOR_STATE_TONES as Vt, ThemeAvatar as W, RGBA as Wt, ThemeColorSelectableTone_v2 as X, ThemeColorShadow as Y, ThemeColorSelectable_v2 as Z, Theme_v2 as _, ThemeFont as _t, rgbToHex as a, ThemeColorKBD as at, ThemeColorScheme as b, ThemeFontWeight as bt, screen as c, ThemeColorAvatarHue_v2 as ct, ThemeColorBuilderOpts as d, ThemeFocusRing as dt, ThemeColorInput_v2 as et, createColorTheme as f, ThemeStyles as ft, Theme as g, ThemeLayer as gt, RootTheme_v2 as h, ThemeShadow as ht, hslToRgb as i, ThemeColorState_v2 as it, ThemeColorInput as j, ThemeColorStateKey as jt, ThemeColorMuted as k, ThemeColorInputStateKey as kt, multiply as l, ThemeColorAvatar_v2 as lt, RootTheme as m, ThemeBoxShadow as mt, parseColor as n, ThemeColorButtonTone_v2 as nt, rgbToHsl as o, ThemeColorBadgeTone_v2 as ot, BaseTheme as p, CSSObject as pt, ThemeColorScheme_v2 as q, hexToRgb as r, ThemeColorButton_v2 as rt, rgbaToRGBA as s, ThemeColorBadge_v2 as st, rgba as t, ThemeColorButtonMode_v2 as tt, PartialThemeColorBuilderOpts as u, ThemeAvatar_v2 as ut, ThemeInput as v, ThemeFontKey as vt, ThemeColorSolid as w, ThemeColorAvatarColorKey as wt, ThemeColorSchemes as x, ThemeFontWeightKey as xt, ThemeColor as y, ThemeFontSize as yt, ThemeColorButtonTones as z, THEME_COLOR_SCHEMES as zt };
+//# sourceMappingURL=rgba.d.cts.map