@choco-vanille/ui 1.1.0 → 1.1.2

package/dist/theme/contract.css.d.ts

@@ -0,0 +1,268 @@
+/** Low-specificity layer for design-token variables so host apps can override predictably. */
+export declare const themeLayer: string;
+/** Typed token contract. `vars.color.primary` → CSS var `--color-primary`. */
+export declare const vars: {
+    space: {
+        readonly none: `var(--${string})`;
+        readonly px: `var(--${string})`;
+        readonly xxs: `var(--${string})`;
+        readonly xs: `var(--${string})`;
+        readonly xs2: `var(--${string})`;
+        readonly sm: `var(--${string})`;
+        readonly sm2: `var(--${string})`;
+        readonly md: `var(--${string})`;
+        readonly md2: `var(--${string})`;
+        readonly lg: `var(--${string})`;
+        readonly lg2: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+        readonly '2xl': `var(--${string})`;
+        readonly '3xl': `var(--${string})`;
+        readonly '4xl': `var(--${string})`;
+        readonly '5xl': `var(--${string})`;
+    };
+    radius: {
+        readonly none: `var(--${string})`;
+        readonly xs: `var(--${string})`;
+        readonly sm: `var(--${string})`;
+        readonly md: `var(--${string})`;
+        readonly lg: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+        readonly '2xl': `var(--${string})`;
+        readonly full: `var(--${string})`;
+    };
+    fontFamily: {
+        readonly sans: `var(--${string})`;
+        readonly serif: `var(--${string})`;
+        readonly mono: `var(--${string})`;
+    };
+    fontSize: {
+        readonly '2xs': `var(--${string})`;
+        readonly xs: `var(--${string})`;
+        readonly sm: `var(--${string})`;
+        readonly base: `var(--${string})`;
+        readonly lg: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+        readonly '2xl': `var(--${string})`;
+        readonly '3xl': `var(--${string})`;
+        readonly '4xl': `var(--${string})`;
+        readonly '5xl': `var(--${string})`;
+        readonly '6xl': `var(--${string})`;
+        readonly '7xl': `var(--${string})`;
+    };
+    fontWeight: {
+        readonly thin: `var(--${string})`;
+        readonly extralight: `var(--${string})`;
+        readonly light: `var(--${string})`;
+        readonly normal: `var(--${string})`;
+        readonly medium: `var(--${string})`;
+        readonly semibold: `var(--${string})`;
+        readonly bold: `var(--${string})`;
+        readonly extrabold: `var(--${string})`;
+        readonly black: `var(--${string})`;
+    };
+    lineHeight: {
+        readonly none: `var(--${string})`;
+        readonly tight: `var(--${string})`;
+        readonly snug: `var(--${string})`;
+        readonly normal: `var(--${string})`;
+        readonly relaxed: `var(--${string})`;
+        readonly loose: `var(--${string})`;
+    };
+    letterSpacing: {
+        readonly tighter: `var(--${string})`;
+        readonly tight: `var(--${string})`;
+        readonly normal: `var(--${string})`;
+        readonly wide: `var(--${string})`;
+        readonly wider: `var(--${string})`;
+        readonly widest: `var(--${string})`;
+    };
+    zIndex: {
+        readonly hide: `var(--${string})`;
+        readonly base: `var(--${string})`;
+        readonly docked: `var(--${string})`;
+        readonly sticky: `var(--${string})`;
+        readonly banner: `var(--${string})`;
+        readonly dropdown: `var(--${string})`;
+        readonly overlay: `var(--${string})`;
+        readonly modal: `var(--${string})`;
+        readonly popover: `var(--${string})`;
+        readonly toast: `var(--${string})`;
+        readonly tooltip: `var(--${string})`;
+    };
+    duration: {
+        readonly instant: `var(--${string})`;
+        readonly fast: `var(--${string})`;
+        readonly normal: `var(--${string})`;
+        readonly moderate: `var(--${string})`;
+        readonly slow: `var(--${string})`;
+        readonly slower: `var(--${string})`;
+    };
+    easing: {
+        readonly standard: `var(--${string})`;
+        readonly out: `var(--${string})`;
+        readonly in: `var(--${string})`;
+        readonly emphasized: `var(--${string})`;
+        readonly linear: `var(--${string})`;
+    };
+    color: {
+        readonly background: `var(--${string})`;
+        readonly foreground: `var(--${string})`;
+        readonly text: `var(--${string})`;
+        readonly textSecondary: `var(--${string})`;
+        readonly textTertiary: `var(--${string})`;
+        readonly card: `var(--${string})`;
+        readonly cardForeground: `var(--${string})`;
+        readonly popover: `var(--${string})`;
+        readonly popoverForeground: `var(--${string})`;
+        readonly muted: `var(--${string})`;
+        readonly mutedForeground: `var(--${string})`;
+        readonly overlay: `var(--${string})`;
+        readonly primary: `var(--${string})`;
+        readonly primaryHover: `var(--${string})`;
+        readonly primaryActive: `var(--${string})`;
+        readonly primaryForeground: `var(--${string})`;
+        readonly primarySubtle: `var(--${string})`;
+        readonly primarySubtleHover: `var(--${string})`;
+        readonly primarySubtleActive: `var(--${string})`;
+        readonly primarySubtleForeground: `var(--${string})`;
+        readonly primarySubtleBorder: `var(--${string})`;
+        readonly link: `var(--${string})`;
+        readonly linkHover: `var(--${string})`;
+        readonly linkActive: `var(--${string})`;
+        readonly secondary: `var(--${string})`;
+        readonly secondaryHover: `var(--${string})`;
+        readonly secondaryActive: `var(--${string})`;
+        readonly secondaryForeground: `var(--${string})`;
+        readonly secondarySubtle: `var(--${string})`;
+        readonly secondarySubtleHover: `var(--${string})`;
+        readonly secondarySubtleActive: `var(--${string})`;
+        readonly secondarySubtleForeground: `var(--${string})`;
+        readonly secondarySubtleBorder: `var(--${string})`;
+        readonly tertiary: `var(--${string})`;
+        readonly tertiaryHover: `var(--${string})`;
+        readonly tertiaryActive: `var(--${string})`;
+        readonly tertiaryForeground: `var(--${string})`;
+        readonly tertiarySubtle: `var(--${string})`;
+        readonly tertiarySubtleHover: `var(--${string})`;
+        readonly tertiarySubtleActive: `var(--${string})`;
+        readonly tertiarySubtleForeground: `var(--${string})`;
+        readonly tertiarySubtleBorder: `var(--${string})`;
+        readonly success: `var(--${string})`;
+        readonly successHover: `var(--${string})`;
+        readonly successActive: `var(--${string})`;
+        readonly successForeground: `var(--${string})`;
+        readonly successSubtle: `var(--${string})`;
+        readonly successSubtleHover: `var(--${string})`;
+        readonly successSubtleActive: `var(--${string})`;
+        readonly successSubtleForeground: `var(--${string})`;
+        readonly successSubtleBorder: `var(--${string})`;
+        readonly warning: `var(--${string})`;
+        readonly warningHover: `var(--${string})`;
+        readonly warningActive: `var(--${string})`;
+        readonly warningForeground: `var(--${string})`;
+        readonly warningSubtle: `var(--${string})`;
+        readonly warningSubtleHover: `var(--${string})`;
+        readonly warningSubtleActive: `var(--${string})`;
+        readonly warningSubtleForeground: `var(--${string})`;
+        readonly warningSubtleBorder: `var(--${string})`;
+        readonly info: `var(--${string})`;
+        readonly infoHover: `var(--${string})`;
+        readonly infoActive: `var(--${string})`;
+        readonly infoForeground: `var(--${string})`;
+        readonly infoSubtle: `var(--${string})`;
+        readonly infoSubtleHover: `var(--${string})`;
+        readonly infoSubtleActive: `var(--${string})`;
+        readonly infoSubtleForeground: `var(--${string})`;
+        readonly infoSubtleBorder: `var(--${string})`;
+        readonly destructive: `var(--${string})`;
+        readonly destructiveHover: `var(--${string})`;
+        readonly destructiveActive: `var(--${string})`;
+        readonly destructiveForeground: `var(--${string})`;
+        readonly destructiveSubtle: `var(--${string})`;
+        readonly destructiveSubtleHover: `var(--${string})`;
+        readonly destructiveSubtleActive: `var(--${string})`;
+        readonly destructiveSubtleForeground: `var(--${string})`;
+        readonly destructiveSubtleBorder: `var(--${string})`;
+        readonly purple: `var(--${string})`;
+        readonly purpleHover: `var(--${string})`;
+        readonly purpleActive: `var(--${string})`;
+        readonly purpleForeground: `var(--${string})`;
+        readonly purpleSubtle: `var(--${string})`;
+        readonly purpleSubtleHover: `var(--${string})`;
+        readonly purpleSubtleActive: `var(--${string})`;
+        readonly purpleSubtleForeground: `var(--${string})`;
+        readonly purpleSubtleBorder: `var(--${string})`;
+        readonly pink: `var(--${string})`;
+        readonly pinkHover: `var(--${string})`;
+        readonly pinkActive: `var(--${string})`;
+        readonly pinkForeground: `var(--${string})`;
+        readonly pinkSubtle: `var(--${string})`;
+        readonly pinkSubtleHover: `var(--${string})`;
+        readonly pinkSubtleActive: `var(--${string})`;
+        readonly pinkSubtleForeground: `var(--${string})`;
+        readonly pinkSubtleBorder: `var(--${string})`;
+        readonly orange: `var(--${string})`;
+        readonly orangeHover: `var(--${string})`;
+        readonly orangeActive: `var(--${string})`;
+        readonly orangeForeground: `var(--${string})`;
+        readonly orangeSubtle: `var(--${string})`;
+        readonly orangeSubtleHover: `var(--${string})`;
+        readonly orangeSubtleActive: `var(--${string})`;
+        readonly orangeSubtleForeground: `var(--${string})`;
+        readonly orangeSubtleBorder: `var(--${string})`;
+        readonly teal: `var(--${string})`;
+        readonly tealHover: `var(--${string})`;
+        readonly tealActive: `var(--${string})`;
+        readonly tealForeground: `var(--${string})`;
+        readonly tealSubtle: `var(--${string})`;
+        readonly tealSubtleHover: `var(--${string})`;
+        readonly tealSubtleActive: `var(--${string})`;
+        readonly tealSubtleForeground: `var(--${string})`;
+        readonly tealSubtleBorder: `var(--${string})`;
+        readonly cyan: `var(--${string})`;
+        readonly cyanHover: `var(--${string})`;
+        readonly cyanActive: `var(--${string})`;
+        readonly cyanForeground: `var(--${string})`;
+        readonly cyanSubtle: `var(--${string})`;
+        readonly cyanSubtleHover: `var(--${string})`;
+        readonly cyanSubtleActive: `var(--${string})`;
+        readonly cyanSubtleForeground: `var(--${string})`;
+        readonly cyanSubtleBorder: `var(--${string})`;
+        readonly indigo: `var(--${string})`;
+        readonly indigoHover: `var(--${string})`;
+        readonly indigoActive: `var(--${string})`;
+        readonly indigoForeground: `var(--${string})`;
+        readonly indigoSubtle: `var(--${string})`;
+        readonly indigoSubtleHover: `var(--${string})`;
+        readonly indigoSubtleActive: `var(--${string})`;
+        readonly indigoSubtleForeground: `var(--${string})`;
+        readonly indigoSubtleBorder: `var(--${string})`;
+        readonly border: `var(--${string})`;
+        readonly borderStrong: `var(--${string})`;
+        readonly input: `var(--${string})`;
+        readonly ring: `var(--${string})`;
+        readonly highlight: `var(--${string})`;
+        readonly highlightForeground: `var(--${string})`;
+        readonly skeleton: `var(--${string})`;
+        readonly skeletonForeground: `var(--${string})`;
+    };
+    shadow: {
+        readonly none: `var(--${string})`;
+        readonly xs: `var(--${string})`;
+        readonly sm: `var(--${string})`;
+        readonly md: `var(--${string})`;
+        readonly lg: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+        readonly '2xl': `var(--${string})`;
+        readonly inner: `var(--${string})`;
+    };
+    dropShadow: {
+        readonly none: `var(--${string})`;
+        readonly sm: `var(--${string})`;
+        readonly md: `var(--${string})`;
+        readonly lg: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+    };
+};
+/** Fully-typed design-token contract. */
+export type ThemeVars = typeof vars;

package/dist/theme/contract.css.js

@@ -0,0 +1,6 @@
+/* empty css                            */
+var o = { color: { background: "var(--color-background)", foreground: "var(--color-foreground)", text: "var(--color-text)", textSecondary: "var(--color-textSecondary)", textTertiary: "var(--color-textTertiary)", card: "var(--color-card)", cardForeground: "var(--color-cardForeground)", popover: "var(--color-popover)", popoverForeground: "var(--color-popoverForeground)", muted: "var(--color-muted)", mutedForeground: "var(--color-mutedForeground)", overlay: "var(--color-overlay)", primary: "var(--color-primary)", primaryHover: "var(--color-primaryHover)", primaryActive: "var(--color-primaryActive)", primaryForeground: "var(--color-primaryForeground)", primarySubtle: "var(--color-primarySubtle)", primarySubtleHover: "var(--color-primarySubtleHover)", primarySubtleActive: "var(--color-primarySubtleActive)", primarySubtleForeground: "var(--color-primarySubtleForeground)", primarySubtleBorder: "var(--color-primarySubtleBorder)", link: "var(--color-link)", linkHover: "var(--color-linkHover)", linkActive: "var(--color-linkActive)", secondary: "var(--color-secondary)", secondaryHover: "var(--color-secondaryHover)", secondaryActive: "var(--color-secondaryActive)", secondaryForeground: "var(--color-secondaryForeground)", secondarySubtle: "var(--color-secondarySubtle)", secondarySubtleHover: "var(--color-secondarySubtleHover)", secondarySubtleActive: "var(--color-secondarySubtleActive)", secondarySubtleForeground: "var(--color-secondarySubtleForeground)", secondarySubtleBorder: "var(--color-secondarySubtleBorder)", tertiary: "var(--color-tertiary)", tertiaryHover: "var(--color-tertiaryHover)", tertiaryActive: "var(--color-tertiaryActive)", tertiaryForeground: "var(--color-tertiaryForeground)", tertiarySubtle: "var(--color-tertiarySubtle)", tertiarySubtleHover: "var(--color-tertiarySubtleHover)", tertiarySubtleActive: "var(--color-tertiarySubtleActive)", tertiarySubtleForeground: "var(--color-tertiarySubtleForeground)", tertiarySubtleBorder: "var(--color-tertiarySubtleBorder)", success: "var(--color-success)", successHover: "var(--color-successHover)", successActive: "var(--color-successActive)", successForeground: "var(--color-successForeground)", successSubtle: "var(--color-successSubtle)", successSubtleHover: "var(--color-successSubtleHover)", successSubtleActive: "var(--color-successSubtleActive)", successSubtleForeground: "var(--color-successSubtleForeground)", successSubtleBorder: "var(--color-successSubtleBorder)", warning: "var(--color-warning)", warningHover: "var(--color-warningHover)", warningActive: "var(--color-warningActive)", warningForeground: "var(--color-warningForeground)", warningSubtle: "var(--color-warningSubtle)", warningSubtleHover: "var(--color-warningSubtleHover)", warningSubtleActive: "var(--color-warningSubtleActive)", warningSubtleForeground: "var(--color-warningSubtleForeground)", warningSubtleBorder: "var(--color-warningSubtleBorder)", info: "var(--color-info)", infoHover: "var(--color-infoHover)", infoActive: "var(--color-infoActive)", infoForeground: "var(--color-infoForeground)", infoSubtle: "var(--color-infoSubtle)", infoSubtleHover: "var(--color-infoSubtleHover)", infoSubtleActive: "var(--color-infoSubtleActive)", infoSubtleForeground: "var(--color-infoSubtleForeground)", infoSubtleBorder: "var(--color-infoSubtleBorder)", destructive: "var(--color-destructive)", destructiveHover: "var(--color-destructiveHover)", destructiveActive: "var(--color-destructiveActive)", destructiveForeground: "var(--color-destructiveForeground)", destructiveSubtle: "var(--color-destructiveSubtle)", destructiveSubtleHover: "var(--color-destructiveSubtleHover)", destructiveSubtleActive: "var(--color-destructiveSubtleActive)", destructiveSubtleForeground: "var(--color-destructiveSubtleForeground)", destructiveSubtleBorder: "var(--color-destructiveSubtleBorder)", purple: "var(--color-purple)", purpleHover: "var(--color-purpleHover)", purpleActive: "var(--color-purpleActive)", purpleForeground: "var(--color-purpleForeground)", purpleSubtle: "var(--color-purpleSubtle)", purpleSubtleHover: "var(--color-purpleSubtleHover)", purpleSubtleActive: "var(--color-purpleSubtleActive)", purpleSubtleForeground: "var(--color-purpleSubtleForeground)", purpleSubtleBorder: "var(--color-purpleSubtleBorder)", pink: "var(--color-pink)", pinkHover: "var(--color-pinkHover)", pinkActive: "var(--color-pinkActive)", pinkForeground: "var(--color-pinkForeground)", pinkSubtle: "var(--color-pinkSubtle)", pinkSubtleHover: "var(--color-pinkSubtleHover)", pinkSubtleActive: "var(--color-pinkSubtleActive)", pinkSubtleForeground: "var(--color-pinkSubtleForeground)", pinkSubtleBorder: "var(--color-pinkSubtleBorder)", orange: "var(--color-orange)", orangeHover: "var(--color-orangeHover)", orangeActive: "var(--color-orangeActive)", orangeForeground: "var(--color-orangeForeground)", orangeSubtle: "var(--color-orangeSubtle)", orangeSubtleHover: "var(--color-orangeSubtleHover)", orangeSubtleActive: "var(--color-orangeSubtleActive)", orangeSubtleForeground: "var(--color-orangeSubtleForeground)", orangeSubtleBorder: "var(--color-orangeSubtleBorder)", teal: "var(--color-teal)", tealHover: "var(--color-tealHover)", tealActive: "var(--color-tealActive)", tealForeground: "var(--color-tealForeground)", tealSubtle: "var(--color-tealSubtle)", tealSubtleHover: "var(--color-tealSubtleHover)", tealSubtleActive: "var(--color-tealSubtleActive)", tealSubtleForeground: "var(--color-tealSubtleForeground)", tealSubtleBorder: "var(--color-tealSubtleBorder)", cyan: "var(--color-cyan)", cyanHover: "var(--color-cyanHover)", cyanActive: "var(--color-cyanActive)", cyanForeground: "var(--color-cyanForeground)", cyanSubtle: "var(--color-cyanSubtle)", cyanSubtleHover: "var(--color-cyanSubtleHover)", cyanSubtleActive: "var(--color-cyanSubtleActive)", cyanSubtleForeground: "var(--color-cyanSubtleForeground)", cyanSubtleBorder: "var(--color-cyanSubtleBorder)", indigo: "var(--color-indigo)", indigoHover: "var(--color-indigoHover)", indigoActive: "var(--color-indigoActive)", indigoForeground: "var(--color-indigoForeground)", indigoSubtle: "var(--color-indigoSubtle)", indigoSubtleHover: "var(--color-indigoSubtleHover)", indigoSubtleActive: "var(--color-indigoSubtleActive)", indigoSubtleForeground: "var(--color-indigoSubtleForeground)", indigoSubtleBorder: "var(--color-indigoSubtleBorder)", border: "var(--color-border)", borderStrong: "var(--color-borderStrong)", input: "var(--color-input)", ring: "var(--color-ring)", highlight: "var(--color-highlight)", highlightForeground: "var(--color-highlightForeground)", skeleton: "var(--color-skeleton)", skeletonForeground: "var(--color-skeletonForeground)" }, shadow: { none: "var(--shadow-none)", xs: "var(--shadow-xs)", sm: "var(--shadow-sm)", md: "var(--shadow-md)", lg: "var(--shadow-lg)", xl: "var(--shadow-xl)", "2xl": "var(--shadow-2xl)", inner: "var(--shadow-inner)" }, dropShadow: { none: "var(--dropShadow-none)", sm: "var(--dropShadow-sm)", md: "var(--dropShadow-md)", lg: "var(--dropShadow-lg)", xl: "var(--dropShadow-xl)" }, space: { none: "var(--space-none)", px: "var(--space-px)", xxs: "var(--space-xxs)", xs: "var(--space-xs)", xs2: "var(--space-xs2)", sm: "var(--space-sm)", sm2: "var(--space-sm2)", md: "var(--space-md)", md2: "var(--space-md2)", lg: "var(--space-lg)", lg2: "var(--space-lg2)", xl: "var(--space-xl)", "2xl": "var(--space-2xl)", "3xl": "var(--space-3xl)", "4xl": "var(--space-4xl)", "5xl": "var(--space-5xl)" }, radius: { none: "var(--radius-none)", xs: "var(--radius-xs)", sm: "var(--radius-sm)", md: "var(--radius-md)", lg: "var(--radius-lg)", xl: "var(--radius-xl)", "2xl": "var(--radius-2xl)", full: "var(--radius-full)" }, fontFamily: { sans: "var(--fontFamily-sans)", serif: "var(--fontFamily-serif)", mono: "var(--fontFamily-mono)" }, fontSize: { "2xs": "var(--fontSize-2xs)", xs: "var(--fontSize-xs)", sm: "var(--fontSize-sm)", base: "var(--fontSize-base)", lg: "var(--fontSize-lg)", xl: "var(--fontSize-xl)", "2xl": "var(--fontSize-2xl)", "3xl": "var(--fontSize-3xl)", "4xl": "var(--fontSize-4xl)", "5xl": "var(--fontSize-5xl)", "6xl": "var(--fontSize-6xl)", "7xl": "var(--fontSize-7xl)" }, fontWeight: { thin: "var(--fontWeight-thin)", extralight: "var(--fontWeight-extralight)", light: "var(--fontWeight-light)", normal: "var(--fontWeight-normal)", medium: "var(--fontWeight-medium)", semibold: "var(--fontWeight-semibold)", bold: "var(--fontWeight-bold)", extrabold: "var(--fontWeight-extrabold)", black: "var(--fontWeight-black)" }, lineHeight: { none: "var(--lineHeight-none)", tight: "var(--lineHeight-tight)", snug: "var(--lineHeight-snug)", normal: "var(--lineHeight-normal)", relaxed: "var(--lineHeight-relaxed)", loose: "var(--lineHeight-loose)" }, letterSpacing: { tighter: "var(--letterSpacing-tighter)", tight: "var(--letterSpacing-tight)", normal: "var(--letterSpacing-normal)", wide: "var(--letterSpacing-wide)", wider: "var(--letterSpacing-wider)", widest: "var(--letterSpacing-widest)" }, zIndex: { hide: "var(--zIndex-hide)", base: "var(--zIndex-base)", docked: "var(--zIndex-docked)", sticky: "var(--zIndex-sticky)", banner: "var(--zIndex-banner)", dropdown: "var(--zIndex-dropdown)", overlay: "var(--zIndex-overlay)", modal: "var(--zIndex-modal)", popover: "var(--zIndex-popover)", toast: "var(--zIndex-toast)", tooltip: "var(--zIndex-tooltip)" }, duration: { instant: "var(--duration-instant)", fast: "var(--duration-fast)", normal: "var(--duration-normal)", moderate: "var(--duration-moderate)", slow: "var(--duration-slow)", slower: "var(--duration-slower)" }, easing: { standard: "var(--easing-standard)", out: "var(--easing-out)", in: "var(--easing-in)", emphasized: "var(--easing-emphasized)", linear: "var(--easing-linear)" } };
+export {
+  o as vars
+};
+//# sourceMappingURL=contract.css.js.map

package/dist/theme/contract.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/theme/globalStyles.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme/index.d.ts

@@ -0,0 +1,10 @@
+export { vars } from './contract.css.ts';
+export type { ThemeVars } from './contract.css.ts';
+export { palette } from './tokens/palette.ts';
+export { lightTheme, darkTheme } from './tokens/index.ts';
+export type { Theme } from './tokens/index.ts';
+export { lightColors } from './colors/light.ts';
+export { darkColors } from './colors/dark.ts';
+export type { LightColors } from './colors/light.ts';
+export { overrideColors, setColorToken } from './override.ts';
+export type { ThemeColor } from './types/index.ts';

package/dist/theme/override.d.ts

@@ -0,0 +1,11 @@
+import { vars } from './contract.css.ts';
+/**
+ * Override a subset of color tokens on any CSS selector.
+ * @example overrideColors('[data-brand="acme"]', { primary: 'oklch(0.55 0.2 180)' })
+ */
+export declare const overrideColors: (selector: string, colors: Partial<Record<keyof typeof vars.color, string>>) => void;
+/**
+ * Override a single color token on `:root`.
+ * @example setColorToken('primary', 'oklch(0.55 0.2 180)')
+ */
+export declare const setColorToken: (token: keyof typeof vars.color, value: string) => void;