@aurora-ds/lib-test 0.0.1-dev.1

package/dist/stories/overview/theme/colors/components/color-group-card/ColorGroupCard.d.ts

@@ -0,0 +1,2 @@
+import { ColorGroupCardProps } from './types';
+export declare function ColorGroupCard({ group, colors, dark }: ColorGroupCardProps): import("react").JSX.Element;

package/dist/stories/overview/theme/colors/components/color-group-card/ColorGroupCard.styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export declare const cardStyle: (dark: boolean) => CSSProperties;
+export declare const titleStyle: (dark: boolean) => CSSProperties;
+export declare const descStyle: (dark: boolean) => CSSProperties;
+export declare const swatchesGrid: CSSProperties;

package/dist/stories/overview/theme/colors/components/color-group-card/types/index.d.ts

@@ -0,0 +1,11 @@
+export type ColorMap = Record<string, string>;
+export interface ColorGroup {
+    label: string;
+    tokens: string[];
+    description?: string;
+}
+export interface ColorGroupCardProps {
+    group: ColorGroup;
+    colors: ColorMap;
+    dark?: boolean;
+}

package/dist/stories/overview/theme/colors/components/color-palette-section/ColorPaletteSection.d.ts

@@ -0,0 +1,2 @@
+import { ColorPaletteSectionProps } from './types';
+export declare function ColorPaletteSection({ title, subtitle, colors, colorGroups, dark }: ColorPaletteSectionProps): import("react").JSX.Element;

package/dist/stories/overview/theme/colors/components/color-palette-section/ColorPaletteSection.styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export declare const headerStyle: (dark: boolean) => CSSProperties;
+export declare const titleStyle: (dark: boolean) => CSSProperties;
+export declare const subtitleStyle: (dark: boolean) => CSSProperties;
+export declare const gridStyle: CSSProperties;

package/dist/stories/overview/theme/colors/components/color-palette-section/types/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { ColorGroup } from '../../color-group-card/types';
+export type ColorMap = Record<string, string>;
+export interface ColorPaletteSectionProps {
+    title: string;
+    subtitle?: string;
+    colors: ColorMap;
+    colorGroups: ColorGroup[];
+    dark?: boolean;
+}
+export declare const sectionStyle: CSSProperties;

package/dist/stories/overview/theme/colors/components/color-swatch/ColorSwatch.d.ts

@@ -0,0 +1,2 @@
+import { ColorSwatchProps } from './types';
+export declare function ColorSwatch({ name, value, dark }: ColorSwatchProps): import("react").JSX.Element;

package/dist/stories/overview/theme/colors/components/color-swatch/ColorSwatch.styles.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export declare const colorSwatchStyles: {
+    wrapper: () => CSSProperties;
+    swatch: (value: string, dark: boolean) => CSSProperties;
+    tokenLabel: (dark: boolean) => CSSProperties;
+    valueLabel: (dark: boolean) => CSSProperties;
+    badge: (copied: boolean) => CSSProperties;
+};

package/dist/stories/overview/theme/colors/components/color-swatch/types/index.d.ts

@@ -0,0 +1,5 @@
+export interface ColorSwatchProps {
+    name: string;
+    value: string;
+    dark?: boolean;
+}

package/dist/stories/overview/theme/colors/components/index.d.ts

@@ -0,0 +1,4 @@
+export { ColorSwatch } from './color-swatch/ColorSwatch.tsx';
+export { ColorGroupCard } from './color-group-card/ColorGroupCard.tsx';
+export type { ColorGroup } from './color-group-card/types';
+export { ColorPaletteSection } from './color-palette-section/ColorPaletteSection.tsx';

package/dist/stories/overview/theme/css-variables/components/copy-mui-button/CopyMuiButton.d.ts

@@ -0,0 +1 @@
+export declare const CopyMuiButton: () => import("react").JSX.Element;

package/dist/stories/overview/theme/css-variables/components/copy-mui-button/index.d.ts

@@ -0,0 +1 @@
+export { CopyMuiButton } from './CopyMuiButton.tsx';

package/dist/stories/overview/theme/css-variables/components/copy-plain-css-button/CopyPlainCssButton.d.ts

@@ -0,0 +1 @@
+export declare const CopyPlainCssButton: () => import("react").JSX.Element;

package/dist/stories/overview/theme/css-variables/components/copy-plain-css-button/index.d.ts

@@ -0,0 +1 @@
+export { CopyPlainCssButton } from './CopyPlainCssButton.tsx';

package/dist/stories/overview/theme/css-variables/components/copy-tailwind-button/CopyTailwindButton.d.ts

@@ -0,0 +1 @@
+export declare const CopyTailwindButton: () => import("react").JSX.Element;

package/dist/stories/overview/theme/css-variables/components/copy-tailwind-button/index.d.ts

@@ -0,0 +1 @@
+export { CopyTailwindButton } from './CopyTailwindButton.tsx';

package/dist/stories/overview/theme/css-variables/components/copy-theme-button/CopyThemeButton.d.ts

@@ -0,0 +1 @@
+export declare const CopyThemeButton: () => import("react").JSX.Element;

package/dist/stories/overview/theme/css-variables/components/copy-theme-button/index.d.ts

@@ -0,0 +1 @@
+export { CopyThemeButton } from './CopyThemeButton.tsx';

package/dist/stories/overview/theme/css-variables/components/copy-vanilla-extract-button/CopyVanillaExtractButton.d.ts

@@ -0,0 +1 @@
+export declare const CopyVanillaExtractButton: () => import("react").JSX.Element;

package/dist/stories/overview/theme/css-variables/components/copy-vanilla-extract-button/index.d.ts

@@ -0,0 +1 @@
+export { CopyVanillaExtractButton } from './CopyVanillaExtractButton.tsx';

package/dist/stories/overview/theme/css-variables/components/var-table/VarTable.css.d.ts

@@ -0,0 +1,5 @@
+export declare const table: string;
+export declare const th: string;
+export declare const td: string;
+export declare const swatch: string;
+export declare const valueText: string;

package/dist/stories/overview/theme/css-variables/components/var-table/VarTable.d.ts

@@ -0,0 +1,2 @@
+import { VarTableProps } from './types';
+export declare const VarTable: ({ rows, showSwatch }: VarTableProps) => import("react").JSX.Element;

package/dist/stories/overview/theme/css-variables/components/var-table/index.d.ts

@@ -0,0 +1,2 @@
+export { VarTable } from './VarTable.tsx';
+export type { VarTableProps } from './types';

package/dist/stories/overview/theme/css-variables/components/var-table/types/index.d.ts

@@ -0,0 +1,6 @@
+import { VarRow } from '../../../types';
+export interface VarTableProps {
+    rows: VarRow[];
+    /** Show a color swatch next to values */
+    showSwatch?: boolean;
+}

package/dist/stories/overview/theme/css-variables/types/index.d.ts

@@ -0,0 +1,6 @@
+/** A single row in the variable table. `darkValue` is present only for theme-dependent tokens. */
+export type VarRow = {
+    variable: string;
+    lightValue: string;
+    darkValue?: string;
+};

package/dist/stories/overview/theme/css-variables/utils/theme.utils.d.ts

@@ -0,0 +1,27 @@
+import { VarRow } from '../types';
+type FlatMap = Record<string, string>;
+/** "var(--color-primary)" → "--color-primary" */
+export declare const cssVarName: (ref: string) => string;
+/** Build rows for a static (theme-agnostic) section. */
+export declare const buildStaticRows: (values: FlatMap, varRefs: FlatMap) => VarRow[];
+/** Build rows for a theme-dependent section (light + dark columns). */
+export declare const buildThemedRows: (lightValues: FlatMap, darkValues: FlatMap, varRefs: FlatMap) => VarRow[];
+export declare const colorRows: VarRow[];
+export declare const shadowRows: VarRow[];
+export declare const dropShadowRows: VarRow[];
+export declare const spacingRows: VarRow[];
+export declare const radiusRows: VarRow[];
+export declare const fontFamilyRows: VarRow[];
+export declare const fontSizeRows: VarRow[];
+export declare const fontWeightRows: VarRow[];
+export declare const lineHeightRows: VarRow[];
+export declare const letterSpacingRows: VarRow[];
+export declare const zIndexRows: VarRow[];
+export declare const durationRows: VarRow[];
+export declare const easingRows: VarRow[];
+export declare const buildPlainCssScaffold: () => string;
+export declare const buildVanillaExtractSnippet: () => string;
+export declare const buildMuiThemeSnippet: () => string;
+export declare const buildTailwindTheme: () => string;
+export declare const buildThemeCSS: () => string;
+export {};

package/dist/stories/overview/theme/tokens/components/copy-badge/CopyBadge.d.ts

@@ -0,0 +1,2 @@
+import { CopyBadgeProps } from './types';
+export declare const CopyBadge: ({ value }: CopyBadgeProps) => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/copy-badge/CopyBadge.styles.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const badgeStyle: (copied: boolean) => CSSProperties;

package/dist/stories/overview/theme/tokens/components/copy-badge/types/index.d.ts

@@ -0,0 +1,3 @@
+export interface CopyBadgeProps {
+    value: string;
+}

package/dist/stories/overview/theme/tokens/components/index.d.ts

@@ -0,0 +1,9 @@
+export { CopyBadge } from './copy-badge/CopyBadge.tsx';
+export { TokenSection } from './token-section/TokenSection.tsx';
+export { TokenCard } from './token-card/TokenCard.tsx';
+export { SpacingSection } from './spacing-section/SpacingSection.tsx';
+export { RadiusSection } from './radius-section/RadiusSection.tsx';
+export { TypographySection } from './typography-section/TypographySection.tsx';
+export { ShadowSection } from './shadow-section/ShadowSection.tsx';
+export { ZIndexSection } from './zindex-section/ZIndexSection.tsx';
+export { MotionSection } from './motion-section/MotionSection.tsx';

package/dist/stories/overview/theme/tokens/components/motion-section/MotionSection.d.ts

@@ -0,0 +1 @@
+export declare const MotionSection: () => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/motion-section/MotionSection.styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export declare const contentStyle: CSSProperties;
+export declare const subGroupStyle: CSSProperties;
+export declare const subGroupTitleStyle: CSSProperties;
+export declare const durationListStyle: CSSProperties;
+export declare const durationRowStyle: CSSProperties;
+export declare const durationNameStyle: CSSProperties;
+export declare const durationValueStyle: CSSProperties;
+export declare const durationBarStyle: (value: string) => CSSProperties;
+export declare const easingDotStyle: (active: boolean, easingValue: string) => CSSProperties;
+export declare const easingTrackStyle: CSSProperties;

package/dist/stories/overview/theme/tokens/components/radius-section/RadiusSection.d.ts

@@ -0,0 +1 @@
+export declare const RadiusSection: () => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/radius-section/RadiusSection.styles.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const previewStyle: (value: string) => CSSProperties;

package/dist/stories/overview/theme/tokens/components/shadow-section/ShadowSection.d.ts

@@ -0,0 +1 @@
+export declare const ShadowSection: () => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/shadow-section/ShadowSection.styles.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export declare const variantsWrapperStyle: CSSProperties;
+export declare const subGroupStyle: CSSProperties;
+export declare const subGroupTitleStyle: CSSProperties;
+export declare const boxShadowPreviewStyle: (shadow: string) => CSSProperties;
+export declare const dropShadowWrapperStyle: CSSProperties;
+export declare const dropShadowPreviewStyle: (shadow: string) => CSSProperties;

package/dist/stories/overview/theme/tokens/components/spacing-section/SpacingSection.d.ts

@@ -0,0 +1 @@
+export declare const SpacingSection: () => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/spacing-section/SpacingSection.styles.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export declare const listStyle: CSSProperties;
+export declare const rowStyle: CSSProperties;
+export declare const nameStyle: CSSProperties;
+export declare const valueCellStyle: CSSProperties;
+export declare const remValueStyle: CSSProperties;
+export declare const pxValueStyle: CSSProperties;
+export declare const barStyle: (value: string) => CSSProperties;
+export declare const emptyBarStyle: CSSProperties;

package/dist/stories/overview/theme/tokens/components/spacing-section/utils/toPx.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Converts a CSS rem value to its px equivalent (assuming 1rem = 16px).
+ * Returns null for values already in px or equal to '0'.
+ */
+export declare const toPx: (value: string) => string | null;

package/dist/stories/overview/theme/tokens/components/token-card/TokenCard.d.ts

@@ -0,0 +1,2 @@
+import { TokenCardProps } from './types';
+export declare const TokenCard: ({ name, value, preview }: TokenCardProps) => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/token-card/TokenCard.styles.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare const cardStyle: CSSProperties;
+export declare const nameStyle: CSSProperties;
+export declare const valueRowStyle: CSSProperties;
+export declare const valueStyle: CSSProperties;
+export declare const gridStyle: CSSProperties;

package/dist/stories/overview/theme/tokens/components/token-card/types/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface TokenCardProps {
+    name: string;
+    value: string;
+    preview: ReactNode;
+}

package/dist/stories/overview/theme/tokens/components/token-section/TokenSection.d.ts

@@ -0,0 +1,2 @@
+import { TokenSectionProps } from './types';
+export declare const TokenSection: ({ title, subtitle, children }: TokenSectionProps) => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/token-section/TokenSection.styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export declare const sectionStyle: CSSProperties;
+export declare const headerStyle: CSSProperties;
+export declare const titleStyle: CSSProperties;
+export declare const subtitleStyle: CSSProperties;

package/dist/stories/overview/theme/tokens/components/token-section/types/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface TokenSectionProps {
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+}

package/dist/stories/overview/theme/tokens/components/typography-section/TypographySection.d.ts

@@ -0,0 +1 @@
+export declare const TypographySection: () => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/typography-section/TypographySection.styles.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare const groupsWrapperStyle: CSSProperties;
+export declare const groupStyle: CSSProperties;
+export declare const groupTitleStyle: CSSProperties;
+export declare const groupSubtitleStyle: CSSProperties;
+export declare const previewTextStyle: (extra: CSSProperties) => CSSProperties;

package/dist/stories/overview/theme/tokens/components/zindex-section/ZIndexSection.d.ts

@@ -0,0 +1 @@
+export declare const ZIndexSection: () => import("react").JSX.Element;

package/dist/stories/overview/theme/tokens/components/zindex-section/ZIndexSection.styles.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export declare const listStyle: CSSProperties;
+export declare const rowStyle: CSSProperties;
+export declare const nameStyle: CSSProperties;
+export declare const numericStyle: CSSProperties;
+export declare const barStyle: (value: string) => CSSProperties;
+export declare const emptyBarStyle: CSSProperties;

package/dist/theme/colors/dark.d.ts

@@ -0,0 +1,2 @@
+import { LightColors } from './light.ts';
+export declare const darkColors: Record<keyof LightColors, string>;

package/dist/theme/colors/index.d.ts

@@ -0,0 +1,3 @@
+export { lightColors } from './light.ts';
+export { darkColors } from './dark.ts';
+export type { LightColors } from './light.ts';

package/dist/theme/colors/light.d.ts

@@ -0,0 +1,72 @@
+export declare const lightColors: {
+    readonly background: "oklch(0.985 0.002 264)";
+    readonly foreground: "oklch(0.143 0.008 264)";
+    readonly card: "oklch(1 0 0)";
+    readonly cardForeground: "oklch(0.143 0.008 264)";
+    readonly popover: "oklch(1 0 0)";
+    readonly popoverForeground: "oklch(0.143 0.008 264)";
+    readonly muted: "oklch(0.968 0.004 264)";
+    readonly mutedForeground: "oklch(0.446 0.02 264)";
+    readonly overlay: "oklch(0 0 0 / 0.5)";
+    readonly primary: "oklch(0.545 0.22 264)";
+    readonly primaryHover: "oklch(0.488 0.217 265)";
+    readonly primaryActive: "oklch(0.424 0.181 266)";
+    readonly primaryForeground: "oklch(1 0 0)";
+    readonly primarySubtle: "oklch(0.971 0.013 264)";
+    readonly primarySubtleHover: "oklch(0.936 0.032 264)";
+    readonly primarySubtleActive: "oklch(0.885 0.062 264)";
+    readonly primarySubtleForeground: "oklch(0.488 0.217 265)";
+    readonly primarySubtleBorder: "oklch(0.885 0.062 264)";
+    readonly secondary: "oklch(0.923 0.006 264)";
+    readonly secondaryHover: "oklch(0.872 0.009 264)";
+    readonly secondaryActive: "oklch(0.708 0.018 264)";
+    readonly secondaryForeground: "oklch(0.21 0.01 264)";
+    readonly secondarySubtle: "oklch(0.968 0.004 264)";
+    readonly secondarySubtleHover: "oklch(0.923 0.006 264)";
+    readonly secondarySubtleActive: "oklch(0.872 0.009 264)";
+    readonly secondarySubtleForeground: "oklch(0.21 0.01 264)";
+    readonly secondarySubtleBorder: "oklch(0.923 0.006 264)";
+    readonly success: "oklch(0.627 0.194 149.2)";
+    readonly successHover: "oklch(0.527 0.154 150.1)";
+    readonly successActive: "oklch(0.448 0.119 151.3)";
+    readonly successForeground: "oklch(1 0 0)";
+    readonly successSubtle: "oklch(0.982 0.018 155.8)";
+    readonly successSubtleHover: "oklch(0.962 0.044 156.7)";
+    readonly successSubtleActive: "oklch(0.925 0.084 155.9)";
+    readonly successSubtleForeground: "oklch(0.448 0.119 151.3)";
+    readonly successSubtleBorder: "oklch(0.925 0.084 155.9)";
+    readonly warning: "oklch(0.769 0.188 70.1)";
+    readonly warningHover: "oklch(0.666 0.179 58.3)";
+    readonly warningActive: "oklch(0.555 0.156 49.0)";
+    readonly warningForeground: "oklch(0.143 0.008 264)";
+    readonly warningSubtle: "oklch(0.987 0.022 95.3)";
+    readonly warningSubtleHover: "oklch(0.962 0.059 95.6)";
+    readonly warningSubtleActive: "oklch(0.924 0.12 95.7)";
+    readonly warningSubtleForeground: "oklch(0.473 0.133 46.2)";
+    readonly warningSubtleBorder: "oklch(0.924 0.12 95.7)";
+    readonly info: "oklch(0.546 0.196 240)";
+    readonly infoHover: "oklch(0.488 0.2 242)";
+    readonly infoActive: "oklch(0.424 0.17 244)";
+    readonly infoForeground: "oklch(1 0 0)";
+    readonly infoSubtle: "oklch(0.97 0.014 237)";
+    readonly infoSubtleHover: "oklch(0.932 0.032 237)";
+    readonly infoSubtleActive: "oklch(0.882 0.059 237)";
+    readonly infoSubtleForeground: "oklch(0.424 0.17 244)";
+    readonly infoSubtleBorder: "oklch(0.882 0.059 237)";
+    readonly destructive: "oklch(0.577 0.245 27.3)";
+    readonly destructiveHover: "oklch(0.505 0.213 27.5)";
+    readonly destructiveActive: "oklch(0.444 0.177 26.9)";
+    readonly destructiveForeground: "oklch(1 0 0)";
+    readonly destructiveSubtle: "oklch(0.971 0.013 17.4)";
+    readonly destructiveSubtleHover: "oklch(0.936 0.032 17.7)";
+    readonly destructiveSubtleActive: "oklch(0.885 0.062 18.3)";
+    readonly destructiveSubtleForeground: "oklch(0.505 0.213 27.5)";
+    readonly destructiveSubtleBorder: "oklch(0.885 0.062 18.3)";
+    readonly border: "oklch(0.923 0.006 264)";
+    readonly borderStrong: "oklch(0.872 0.009 264)";
+    readonly input: "oklch(0.872 0.009 264)";
+    readonly ring: "oklch(0.545 0.22 264)";
+    readonly highlight: "oklch(0.924 0.12 95.7)";
+    readonly highlightForeground: "oklch(0.414 0.112 45.9)";
+};
+export type LightColors = typeof lightColors;

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

@@ -0,0 +1,191 @@
+/** 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 md: `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})`;
+    };
+    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 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 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 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 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 border: `var(--${string})`;
+        readonly borderStrong: `var(--${string})`;
+        readonly input: `var(--${string})`;
+        readonly ring: `var(--${string})`;
+        readonly highlight: `var(--${string})`;
+        readonly highlightForeground: `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/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;