welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759821506923

package/dist/types/old/theme/typography.d.ts

@@ -1,133 +0,0 @@
-import { CSSObject } from '@xstyled/styled-components';
-import { ThemeProps, ThemeValues } from '.';
-export type ThemeFontSizes = {
-    [key: number]: string;
-    h0: string;
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-    lg: string;
-    md: string;
-    sm: string;
-    'subtitle-md': string;
-    'subtitle-sm': string;
-    xs: string;
-};
-export declare const getFontSizes: (unit: string, theme: ThemeValues) => ThemeFontSizes;
-export type ThemeLineHeights = {
-    [key: number]: number | string;
-    h0: number | string;
-    h1: number | string;
-    h2: number | string;
-    h3: number | string;
-    h4: number | string;
-    h5: number | string;
-    h6: number | string;
-    html: number | string;
-    lg: number | string;
-    md: number | string;
-    sm: number | string;
-    'subtitle-md': number | string;
-    'subtitle-sm': number | string;
-    xs: number | string;
-};
-export declare const getLineHeights: ({ defaultLineHeight, toRem, }: {
-    defaultLineHeight: number;
-    toRem: (value: number) => string;
-}) => ThemeLineHeights;
-export type ThemeFontWeights = {
-    [key: string]: number;
-    bold: number;
-    medium: number;
-    regular: number;
-};
-export declare const fontWeights: ThemeFontWeights;
-export type ThemeLetterSpacings = {
-    [key: string]: string;
-    h0: string;
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-    html: string;
-    lg: string;
-    md: string;
-    sm: string;
-    'subtitle-md': string;
-    'subtitle-sm': string;
-    xs: string;
-};
-export declare const getLetterSpacings: ({ defaultLetterSpacing, toRem, }: {
-    defaultLetterSpacing: string;
-    toRem: (value: number) => string;
-}) => ThemeLetterSpacings;
-export type ThemeTextsFontWeights = {
-    [key: string]: number;
-    h0: number;
-    h1: number;
-    h2: number;
-    h3: number;
-    h4: number;
-    h5: number;
-    h6: number;
-    lg: number;
-    md: number;
-    sm: number;
-    'subtitle-md': number;
-    'subtitle-sm': number;
-    xs: number;
-};
-export declare const getTextsFontWeights: (theme: ThemeValues) => ThemeTextsFontWeights;
-export type ThemeTextsFontFamily = {
-    [key: string]: string;
-    h0: string;
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-    'subtitle-md': string;
-    'subtitle-sm': string;
-};
-export declare const getTextsFontFamily: (theme: ThemeValues) => ThemeTextsFontFamily;
-export type ThemeTextsTextTransform = {
-    [key: string]: string;
-    'subtitle-md': string;
-    'subtitle-sm': string;
-};
-export declare const getTextsTextTransform: () => ThemeTextsTextTransform;
-export type ThemeTextsFontColors = {
-    [key: number]: string;
-    h0: string;
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-};
-export declare const getTextFontColors: (theme: ThemeValues) => ThemeTextsFontColors;
-export type ThemeTexts = {
-    [key: string]: Partial<{
-        color: CSSObject['color'];
-        fontFamily: CSSObject['fontFamily'];
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        letterSpacing: CSSObject['letterSpacing'];
-        lineHeight: CSSObject['lineHeight'];
-        textTransform: CSSObject['textTransform'];
-    }>;
-};
-export declare const getTexts: (theme: ThemeValues) => ThemeTexts;
-export type ThemeFonts = {
-    headings: string;
-    icons: string;
-    texts: string;
-};
-export declare const getFonts: (defaultFontFamily: ThemeProps["defaultFontFamily"], headingFontFamily: ThemeProps["headingFontFamily"], iconFontFamily: ThemeProps["iconFontFamily"]) => ThemeFonts;

package/dist/types/old/theme/underline.d.ts

@@ -1,9 +0,0 @@
-import { css } from '@xstyled/styled-components';
-import { ThemeColors } from './colors';
-export type ThemeUnderline = {
-    default: ReturnType<typeof css>;
-    hover: ReturnType<typeof css>;
-};
-export declare const getUnderline: ({ colors }: {
-    colors: ThemeColors;
-}) => ThemeUnderline;

package/dist/types/old/utils/create-event.d.ts

@@ -1,8 +0,0 @@
-export interface CreateEvent {
-    preventDefault: () => void;
-    target: Record<string, unknown>;
-}
-export declare const createEvent: (props: Record<string, unknown>) => {
-    preventDefault: CreateEvent["preventDefault"];
-    target: CreateEvent["target"];
-};

package/dist/types/old/utils/field-styles.d.ts

@@ -1,17 +0,0 @@
-import { css } from '@xstyled/styled-components';
-export type DefaultFieldIconSize = 'xs' | 'sm';
-export type Size = 'xs' | 'sm' | 'md' | 'lg';
-export declare const FIELD_ICON_SIZE: {
-    [key in Size]: DefaultFieldIconSize;
-};
-export type DefaultFieldStylesProps = Partial<{
-    hasIcon?: boolean;
-    iconPlacement?: 'both' | 'left' | 'right';
-    isClearable?: boolean;
-    size: Size;
-    transparent?: boolean;
-    variant: 'danger' | 'success' | 'warning';
-}>;
-type DefaultFieldStyles = (args: DefaultFieldStylesProps) => ReturnType<typeof css>;
-export declare const defaultFieldStyles: DefaultFieldStyles;
-export {};

package/dist/types/old/utils/format-bytes.d.ts

@@ -1 +0,0 @@
-export declare const formatBytes: (bytes: number, decimals?: number) => string;

package/dist/types/old/utils/get-max-width-height.d.ts

@@ -1 +0,0 @@
-export declare const getMax: (width: string, height?: string) => string;

package/dist/types/old/utils/hex-to-rgb.d.ts

@@ -1 +0,0 @@
-export declare const hexToRGB: (hex: string) => string;

package/dist/types/old/utils/hex-to-rgba.d.ts

@@ -1 +0,0 @@
-export declare const hexToRGBA: (hex: string, transparency?: number) => string;

package/dist/types/old/utils/hide-focus-rings-root.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-export declare const hideFocusRingsDataAttribute = "data-wui-hidefocusrings";
-interface HideFocusRingsRootProps {
-    children?: React.ReactNode;
-    reactRootId: string;
-}
-export declare const HideFocusRingsRoot: React.FC<HideFocusRingsRootProps>;
-export {};

package/dist/types/old/utils/index.d.ts

@@ -1,16 +0,0 @@
-export * from './clamp';
-export * from './create-event';
-export * from './field-styles';
-export * from './format-bytes';
-export * from './get-max-width-height';
-export * from './hex-to-rgba';
-export * from './hide-focus-rings-root';
-export * from './overflow-ellipsis';
-export * from './throttle';
-export * from './ts-utils';
-export * from './use-copy-text';
-export * from './use-create-portal';
-export * from './use-fork-ref';
-export * from './use-isomorphic-layout-effect';
-export * from './use-viewport';
-export * from './wrap-children';

package/dist/types/old/utils/overflow-ellipsis.d.ts

@@ -1 +0,0 @@
-export declare const overflowEllipsis: import('styled-components').RuleSet<object>;

package/dist/types/old/utils/throttle.d.ts

@@ -1,5 +0,0 @@
-interface ThrottledFunc<T extends (...args: unknown[]) => unknown> {
-    (...args: Parameters<T>): void;
-}
-export declare const throttle: <T extends (...args: unknown[]) => unknown>(callback: T, wait?: number, leading?: boolean) => ThrottledFunc<T>;
-export {};

package/dist/types/old/utils/ts-utils.d.ts

@@ -1,19 +0,0 @@
-/**
- * Preserve type intellisence and autocomplete on union like
- * type test = 'some string' | string
- *
- * @example
- * // The following type:
- * type color = 'red' | 'blue' | 'green' | string
- * // would be interpreted as
- * type color = string
- *
- * // Using LiteralUnion<T>
- * type color = LiteralUnion<'red' | 'blue' | 'green'>
- * // would be interpreted as
- * type color = 'red' | 'blue' | 'green'
- * // While still allowing any literal string
- * const bg: color = 'yellow'
- * const bg: color = '#FFF'
- */
-export type LiteralUnion<T, U = string> = (Record<never, never> & U) | T;

package/dist/types/old/utils/use-create-portal.d.ts

@@ -1,4 +0,0 @@
-/**
- * Hook that mimic the React createPortal function in order to make it SSR friendly
- */
-export declare function useCreatePortal(disable?: boolean): ((children: React.ReactNode) => any) | ((children: React.ReactNode, container?: DocumentFragment | Element, key?: null | string) => import('react').ReactPortal);

package/dist/types/old/utils/use-fork-ref.d.ts

@@ -1,3 +0,0 @@
-import { ForwardedRef } from 'react';
-export declare function setRef(ref: ForwardedRef<unknown>, value: unknown): void;
-export declare function useForkRef(refA: ForwardedRef<unknown>, refB: ForwardedRef<unknown>): (instance: unknown) => void;

package/dist/types/old/utils/use-isomorphic-layout-effect.d.ts

@@ -1,2 +0,0 @@
-import { useEffect } from 'react';
-export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/dist/types/old/utils/use-viewport.d.ts

@@ -1,6 +0,0 @@
-type Size = {
-    height: number;
-    width: number;
-};
-export declare function useViewportSize(): Size;
-export {};

package/dist/types/old/utils/wrap-children.d.ts

@@ -1 +0,0 @@
-export declare const wrapChildren: (children?: JSX.Element | string) => unknown;

package/dist/types/theme/tokens.d.ts

@@ -1,307 +0,0 @@
-export declare const semantics: {
-    readonly colors: {
-        readonly '--color-brand-10': "var(--color-yellow-10)";
-        readonly '--color-brand-20': "var(--color-yellow-20)";
-        readonly '--color-brand-30': "var(--color-yellow-30)";
-        readonly '--color-brand-40': "var(--color-yellow-40)";
-        readonly '--color-brand-50': "var(--color-yellow-50)";
-        readonly '--color-brand-60': "var(--color-yellow-60)";
-        readonly '--color-brand-70': "var(--color-yellow-70)";
-        readonly '--color-brand-80': "var(--color-yellow-80)";
-        readonly '--color-brand-90': "var(--color-yellow-90)";
-        readonly '--color-overlay': "color-mix(in oklab, var(--color-neutral-90) 55%, transparent)";
-        readonly '--color-secondary-blue': "var(--color-blue-40)";
-        readonly '--color-secondary-green': "var(--color-green-30)";
-        readonly '--color-secondary-orange': "var(--color-red-orange-40)";
-        readonly '--color-secondary-pink': "var(--color-pink-40)";
-        readonly '--color-secondary-teal': "var(--color-teal-40)";
-        readonly '--color-secondary-violet': "var(--color-violet-40)";
-    };
-    readonly fontSizes: {
-        readonly '--font-size-h0': "var(--font-size-65)";
-        readonly '--font-size-h1': "var(--font-size-45)";
-        readonly '--font-size-h2': "var(--font-size-36)";
-        readonly '--font-size-h3': "var(--font-size-26)";
-        readonly '--font-size-h4': "var(--font-size-20)";
-        readonly '--font-size-h5': "var(--font-size-16)";
-        readonly '--font-size-h6': "var(--font-size-14)";
-        readonly '--font-size-lg': "var(--font-size-18)";
-        readonly '--font-size-md': "var(--font-size-16)";
-        readonly '--font-size-sm': "var(--font-size-14)";
-        readonly '--font-size-subtitle-md': "var(--font-size-13)";
-        readonly '--font-size-subtitle-sm': "var(--font-size-11)";
-        readonly '--font-size-xl': "var(--font-size-24)";
-        readonly '--font-size-xs': "var(--font-size-12)";
-    };
-    readonly fontWeight: {
-        readonly '--font-weight-bold': "var(--font-weight-600)";
-        readonly '--font-weight-medium': "var(--font-weight-500)";
-        readonly '--font-weight-regular': "var(--font-weight-400)";
-    };
-    readonly heights: {
-        readonly '--height-elements-lg': "var(--height-40)";
-        readonly '--height-elements-md': "var(--height-32)";
-        readonly '--height-elements-sm': "var(--height-24)";
-        readonly '--height-elements-xl': "var(--height-48)";
-        readonly '--height-elements-xs': "var(--height-16)";
-        readonly '--height-elements-xxl': "var(--height-64)";
-        readonly '--height-elements-xxs': "var(--height-12)";
-    };
-    readonly lineHeights: {
-        readonly '--line-height-h0': "var(--line-height-72)";
-        readonly '--line-height-h1': "var(--line-height-48)";
-        readonly '--line-height-h2': "var(--line-height-40)";
-        readonly '--line-height-h3': "var(--line-height-32)";
-        readonly '--line-height-h4': "var(--line-height-24)";
-        readonly '--line-height-h5': "var(--line-height-20)";
-        readonly '--line-height-h6': "var(--line-height-18)";
-        readonly '--line-height-lg': "var(--line-height-24)";
-        readonly '--line-height-md': "var(--line-height-18)";
-        readonly '--line-height-sm': "var(--line-height-18)";
-        readonly '--line-height-subtitle-md': "var(--line-height-iso-font-size)";
-        readonly '--line-height-subtitle-sm': "var(--line-height-iso-font-size)";
-        readonly '--line-height-xs': "var(--line-height-14)";
-    };
-    readonly spacings: {
-        readonly '--spacing-3xl': "var(--spacing-48)";
-        readonly '--spacing-4xl': "var(--spacing-64)";
-        readonly '--spacing-5xl': "var(--spacing-96)";
-        readonly '--spacing-6xl': "var(--spacing-128)";
-        readonly '--spacing-7xl': "var(--spacing-192)";
-        readonly '--spacing-lg': "var(--spacing-16)";
-        readonly '--spacing-md': "var(--spacing-12)";
-        readonly '--spacing-sm': "var(--spacing-8)";
-        readonly '--spacing-xl': "var(--spacing-24)";
-        readonly '--spacing-xs': "var(--spacing-4)";
-        readonly '--spacing-xxl': "var(--spacing-32)";
-        readonly '--spacing-xxs': "var(--spacing-2)";
-    };
-};
-export declare const primitives: {
-    readonly borders: {
-        readonly '--border-width-lg': "3px";
-        readonly '--border-width-md': "2px";
-        readonly '--border-width-sm': "1px";
-    };
-    readonly colors: {
-        readonly '--color-beige-10': "#fbf9f7";
-        readonly '--color-beige-20': "#f6f3ef";
-        readonly '--color-beige-30': "#eae4de";
-        readonly '--color-beige-40': "#d2cbc3";
-        readonly '--color-beige-50': "#a7a096";
-        readonly '--color-beige-60': "#605b55";
-        readonly '--color-beige-70': "#4d4944";
-        readonly '--color-beige-80': "#33302d";
-        readonly '--color-beige-90': "#1e1c1a";
-        readonly '--color-blue-10': "#e0f5ff";
-        readonly '--color-blue-20': "#bbeaff";
-        readonly '--color-blue-30': "#9bdef7";
-        readonly '--color-blue-40': "#55c3e9";
-        readonly '--color-blue-50': "#27a5d0";
-        readonly '--color-blue-60': "#057aa3";
-        readonly '--color-blue-70': "#025a79";
-        readonly '--color-blue-80': "#013c50";
-        readonly '--color-blue-90': "#00202b";
-        readonly '--color-green-10': "#eaffd4";
-        readonly '--color-green-20': "#d6f6b4";
-        readonly '--color-green-30': "#bade94";
-        readonly '--color-green-40': "#9fc873";
-        readonly '--color-green-50': "#83ad57";
-        readonly '--color-green-60': "#5a8034";
-        readonly '--color-green-70': "#40611f";
-        readonly '--color-green-80': "#2a4210";
-        readonly '--color-green-90': "#142603";
-        readonly '--color-neutral-10': "#ffffff";
-        readonly '--color-neutral-20': "#f3f3f3";
-        readonly '--color-neutral-30': "#dedede";
-        readonly '--color-neutral-40': "#bdbdbd";
-        readonly '--color-neutral-50': "#989898";
-        readonly '--color-neutral-60': "#585858";
-        readonly '--color-neutral-70': "#444444";
-        readonly '--color-neutral-80': "#212121";
-        readonly '--color-neutral-90': "#000000";
-        readonly '--color-orange-10': "#ffebce";
-        readonly '--color-orange-20': "#ffd495";
-        readonly '--color-orange-30': "#ffbb59";
-        readonly '--color-orange-40': "#ff9f14";
-        readonly '--color-orange-50': "#db860a";
-        readonly '--color-orange-60': "#a6670a";
-        readonly '--color-orange-70': "#824f06";
-        readonly '--color-orange-80': "#573607";
-        readonly '--color-orange-90': "#382303";
-        readonly '--color-pink-10': "#ffeaf5";
-        readonly '--color-pink-20': "#ffd5eb";
-        readonly '--color-pink-30': "#feb7dc";
-        readonly '--color-pink-40': "#f696c8";
-        readonly '--color-pink-50': "#e468a8";
-        readonly '--color-pink-60': "#c24887";
-        readonly '--color-pink-70': "#972962";
-        readonly '--color-pink-80': "#6d1142";
-        readonly '--color-pink-90': "#3c0725";
-        readonly '--color-red-10': "#fbdedc";
-        readonly '--color-red-20': "#fcc7c3";
-        readonly '--color-red-30': "#fdb3ae";
-        readonly '--color-red-40': "#ff9490";
-        readonly '--color-red-50': "#ff6165";
-        readonly '--color-red-60': "#e1003a";
-        readonly '--color-red-70': "#a80029";
-        readonly '--color-red-80': "#75001a";
-        readonly '--color-red-90': "#450101";
-        readonly '--color-red-orange-10': "#ffded0";
-        readonly '--color-red-orange-20': "#ffc9b2";
-        readonly '--color-red-orange-30': "#ffb595";
-        readonly '--color-red-orange-40': "#ff9868";
-        readonly '--color-red-orange-50': "#e67b49";
-        readonly '--color-red-orange-60': "#c45927";
-        readonly '--color-red-orange-70': "#9f4217";
-        readonly '--color-red-orange-80': "#6d2605";
-        readonly '--color-red-orange-90': "#451701";
-        readonly '--color-teal-10': "#d5fffa";
-        readonly '--color-teal-20': "#aaf4eb";
-        readonly '--color-teal-30': "#6de1d2";
-        readonly '--color-teal-40': "#00c7ae";
-        readonly '--color-teal-50': "#01aa95";
-        readonly '--color-teal-60': "#008070";
-        readonly '--color-teal-70': "#00544a";
-        readonly '--color-teal-80': "#003d35";
-        readonly '--color-teal-90': "#00211d";
-        readonly '--color-transparent': "transparent";
-        readonly '--color-violet-10': "#f2f2ff";
-        readonly '--color-violet-20': "#e0e0ff";
-        readonly '--color-violet-30': "#c9c9ff";
-        readonly '--color-violet-40': "#acacff";
-        readonly '--color-violet-50': "#9080f0";
-        readonly '--color-violet-60': "#7958d6";
-        readonly '--color-violet-70': "#593cac";
-        readonly '--color-violet-80': "#422a86";
-        readonly '--color-violet-90': "#1f0e51";
-        readonly '--color-yellow-10': "#fff8d9";
-        readonly '--color-yellow-20': "#fff1b2";
-        readonly '--color-yellow-30': "#ffe166";
-        readonly '--color-yellow-40': "#ffcd00";
-        readonly '--color-yellow-50': "#e5b800";
-        readonly '--color-yellow-60': "#b69200";
-        readonly '--color-yellow-70': "#846a01";
-        readonly '--color-yellow-80': "#604d00";
-        readonly '--color-yellow-90': "#423500";
-    };
-    readonly fontFamilies: {
-        readonly '--default-font-family': "\"Work Sans\", sans-serif";
-        readonly '--font-family-headings': "\"welcome-font\", sans-serif";
-        readonly '--font-family-icons': "\"welcome-icon-font\"";
-    };
-    readonly fontSizes: {
-        readonly '--font-size-10': "0.625rem";
-        readonly '--font-size-11': "0.6875rem";
-        readonly '--font-size-12': "0.75rem";
-        readonly '--font-size-13': "0.8125rem";
-        readonly '--font-size-14': "0.875rem";
-        readonly '--font-size-16': "1rem";
-        readonly '--font-size-18': "1.125rem";
-        readonly '--font-size-20': "1.25rem";
-        readonly '--font-size-24': "1.5rem";
-        readonly '--font-size-26': "1.625rem";
-        readonly '--font-size-36': "2.25rem";
-        readonly '--font-size-45': "2.8125rem";
-        readonly '--font-size-65': "4.0625rem";
-    };
-    readonly fontWeights: {
-        readonly '--font-weight-400': "400";
-        readonly '--font-weight-500': "500";
-        readonly '--font-weight-600': "600";
-    };
-    readonly heights: {
-        readonly '--height-4': "0.25rem";
-        readonly '--height-8': "0.5rem";
-        readonly '--height-10': "0.625rem";
-        readonly '--height-12': "0.75rem";
-        readonly '--height-16': "1rem";
-        readonly '--height-20': "1.25rem";
-        readonly '--height-24': "1.5rem";
-        readonly '--height-30': "1.875rem";
-        readonly '--height-32': "2rem";
-        readonly '--height-40': "2.5rem";
-        readonly '--height-48': "3rem";
-        readonly '--height-50': "3.125rem";
-        readonly '--height-60': "3.75rem";
-        readonly '--height-64': "4rem";
-    };
-    readonly letterSpacings: {
-        readonly '--letter-spacing-h0': "-0.10625rem";
-        readonly '--letter-spacing-h1': "-0.075rem";
-        readonly '--letter-spacing-h2': "-0.0625rem";
-        readonly '--letter-spacing-h3': "-0.05625rem";
-        readonly '--letter-spacing-h4': "-0.0375rem";
-        readonly '--letter-spacing-h5': "-0.03125rem";
-        readonly '--letter-spacing-h6': "-0.03125rem";
-        readonly '--letter-spacing-lg': "-0.019rem";
-        readonly '--letter-spacing-md': "-0.019rem";
-        readonly '--letter-spacing-sm': "-0.019rem";
-        readonly '--letter-spacing-subtitle-md': "-0.0125rem";
-        readonly '--letter-spacing-subtitle-sm': "-0.0125rem";
-        readonly ' --letter-spacing-xs': "-0.0125rem";
-    };
-    readonly lineHeights: {
-        readonly '--line-height-14': "0.875rem";
-        readonly '--line-height-16': "1rem";
-        readonly '--line-height-18': "1.125rem";
-        readonly '--line-height-24': "1.5rem";
-        readonly '--line-height-32': "2rem";
-        readonly '--line-height-40': "2.5rem";
-        readonly '--line-height-48': "3rem";
-        readonly '--line-height-72': "4.5rem";
-        readonly '--line-height-iso-font-size': "1";
-    };
-    readonly radii: {
-        readonly '--radius-2xl': "1.5rem";
-        readonly '--radius-circle': "calc(infinity * 1px)";
-        readonly '--radius-lg': "0.5rem";
-        readonly '--radius-md': "0.25rem";
-        readonly '--radius-sm': "0.125rem";
-        readonly '--radius-xl': "1rem";
-    };
-    readonly screens: {
-        readonly '--breakpoint-2xl': "1440px";
-        readonly '--breakpoint-3xl': "1620px";
-        readonly '--breakpoint-4xl': "1920px";
-        readonly '--breakpoint-lg': "980px";
-        readonly '--breakpoint-md': "736px";
-        readonly '--breakpoint-sm': "480px";
-        readonly '--breakpoint-xl': "1280px";
-        readonly '--breakpoint-xs': "0px";
-    };
-    readonly shadows: {
-        readonly '--shadow-focus': "0 0 0 2px var(--color-brand-40)";
-        readonly '--shadow-focus-danger': "0 0 0 2px var(--color-red-30)";
-        readonly '--shadow-focus-success': "0 0 0 2px var(--color-green-30)";
-        readonly '--shadow-focus-warning': "0 0 0 2px var(--color-orange-20)";
-        readonly '--shadow-md': "3px 4px 10px 0 color-mix(in oklab, var(--color-neutral-90) 7%, transparent)";
-        readonly '--shadow-sm': "1px 2px 4px 0 color-mix(in oklab, var(--color-neutral-90) 5%, transparent)";
-    };
-    readonly spacings: {
-        readonly '--spacing-0': "0";
-        readonly '--spacing-2': "0.125rem";
-        readonly '--spacing-3': "0.1875rem";
-        readonly '--spacing-4': "0.25rem";
-        readonly '--spacing-8': "0.5rem";
-        readonly '--spacing-12': "0.75rem";
-        readonly '--spacing-16': "1rem";
-        readonly '--spacing-24': "1.5rem";
-        readonly '--spacing-28': "1.75rem";
-        readonly '--spacing-32': "2rem";
-        readonly '--spacing-36': "2.25rem";
-        readonly '--spacing-48': "3rem";
-        readonly '--spacing-64': "4rem";
-        readonly '--spacing-96': "6rem";
-        readonly '--spacing-128': "8rem";
-        readonly '--spacing-192': "12rem";
-    };
-    readonly transitions: {
-        readonly '--duration-fast': "100ms";
-        readonly '--duration-medium': "300ms";
-        readonly '--duration-slow': "500ms";
-        readonly '--timing-primary': "ease";
-        readonly '--timing-secondary': "linear";
-        readonly '--timing-tertiary': "cubic-bezier(0.41, 0.094, 0.54, 0.07)";
-    };
-};