@yahoo/uds 3.66.1 → 3.67.0-beta.1

package/dist/index.d.ts

@@ -1,383 +1,82 @@
-import { D as DivProps } from './Box-BkZ2BCj8.js';
-export { a as Box, B as BoxProps } from './Box-BkZ2BCj8.js';
-export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-YuhJZCys.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { t as UniversalFormLabelProps, o as UniversalStackProps, I as IconPropsWithSVGProps, u as ImagePropsWithImgProps, v as UniversalLinkProps } from './universalTokensConfigAuto-BHqbAL0M.js';
-export { A as AVATAR_SIZE_PREFIX, aq as AlwaysPalette, ar as AlwaysPaletteAlias, as as AlwaysPaletteColor, at as Animation, au as AriaAttribute, av as AvatarAbbreviationStrategy, aw as AvatarShape, ax as AvatarSize, ay as AvatarSizeConfig, az as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ah as BUTTON_SCALE_EFFECT_HOVER, ai as BUTTON_SCALE_EFFECT_PRESSED, ag as BUTTON_SCALE_EFFECT_REST, aA as BackgroundColor, aB as BackgroundPalette, aC as BackgroundPaletteAlias, aD as BackgroundStyleProps, aE as BadgeSize, aF as BadgeVariant, aG as BorderRadius, aH as BorderRadiusConfig, aI as BorderStyleProps, aJ as BorderWidth, aK as BorderWidthConfig, aL as BorderWidthWithElevation, aM as Breakpoint, aN as BreakpointWithBase, B as BreakpointsConfig, aO as ButtonPalette, aP as ButtonPaletteColor, aQ as ButtonSize, aR as ButtonSpectrumColor, aS as ButtonVariant, aT as ButtonVariantFlat, aU as CheckboxSize, aV as CheckboxValue, aW as CheckboxVariant, aX as ChipSize, aY as ChipVariant, g as ColorMode, C as ColorModeConfig, aZ as ColorModeForApp, h as ColorsConfig, a_ as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, a$ as DataAttribute, b0 as Display, b1 as DividerVariant, b2 as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ak as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b3 as Flex, b4 as FlexAlignContent, b5 as FlexAlignItems, b6 as FlexAlignSelf, b7 as FlexBasis, b8 as FlexDirection, b9 as FlexGrow, ba as FlexJustifyContent, bb as FlexShrink, bc as FlexStyleProps, bd as FlexWrap, be as FontAlias, al as FontAxisConfig, F as FontConfig, bf as FontCssVar, an as FontDeclarationConfig, am as FontDeclarationItemConfig, ao as FontDeclarationMap, bg as FontFamilyCDNUrl, bh as FontFamilyConfig, bi as FontID, bj as FontSize, bk as FontSizeConfig, bl as FontSlantConfig, bm as FontType, bn as FontWeightConfig, bo as FontWeightDescriptive, ap as FontWeightForFont, bp as FontWeightNumeric, bq as FontWidthConfig, br as ForegroundColor, bs as ForegroundPalette, bt as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bu as HighContrastMode, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bv as IconButtonSize, bw as IconSizeConfig, bx as IconSlotRenderProps, by as ImageStyleProps, bz as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bA as LayoutStyleProps, bB as LineClampAlias, bC as LineColor, bD as LineHeight, bE as LineHeightConfig, bF as LinePalette, bG as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bH as Modes, M as MotionConfig, bI as MotionCssVar, bJ as MotionSpringConfig, bK as MotionSpringConfigOptions, bL as MotionVariant, bM as MotionVariantSpeed, bN as MotionVariantValues, bO as OpacityStep, bP as Overflow, aj as PSEUDO_STYLE_SELECTOR_MAP, bQ as Palette, l as PaletteConfig, P as PaletteType, bR as PaletteValue, bS as Percentage, bT as PercentageUnit, bU as PixelsUnit, bV as PlatformMode, bW as Position, bX as PropertyToPaletteAliasMap, c1 as RGBAUnit, c2 as RGBColorValue, bY as RadioSize, bZ as RadioValue, b_ as RadioVariant, b$ as RegionMode, c0 as RemsUnit, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, c3 as ScaleConfig, c4 as ScaleEffect, m as ScaleMode, S as ScaleModeConfig, c5 as ScaleModeForApp, c6 as ShadowColor, c7 as ShadowColorConfig, d as ShadowConfig, c8 as ShadowOffset, c9 as ShadowOpacity, ca as ShadowPalette, cb as ShadowPaletteAlias, n as ShadowPreset, cc as ShadowSpreadRadius, cd as ShadowStyleProps, ce as ShadowType, cf as ShadowTypeConfig, cg as ShadowVariant, ch as ShadowVariantConfig, ci as ShadowVariantInvert, cj as ShadowVariantWithElevation, ck as ShadowVariantWithInvert, cl as SharedPaletteAlias, r as SpacingAlias, cm as SpacingConfig, cn as SpacingStyleProps, co as SpectrumColor, cp as SpectrumConfig, cq as StateStyleProps, cr as StyleProps, cs as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cE as TShirtSize, cF as TShirtSizeCommon, ct as TextDecorationLine, cu as TextProperty, cv as TextStyleProps, cw as TextTransform, cx as TextTransformConfig, cy as TextVariant, cz as TextVariantTypography, q as TextVariantUi, cA as TextVariantWithoutEmphasized, cB as TransitionDelay, cC as TransitionDuration, cD as TransitionTiming, T as TypographyConfig, cG as TypographyResponsiveProperty, cH as TypographyStyle, cI as TypographyStyleProperty, cJ as TypographyUnitValue, x as UDS_PREFIX, cK as UdsCssVar, cL as UnitlessUnit, cM as UniversalAvatarIconProps, cN as UniversalAvatarImageProps, cO as UniversalAvatarProps, cP as UniversalAvatarTextProps, cQ as UniversalBadgeProps, b as UniversalBoxProps, cR as UniversalButtonProps, cS as UniversalCheckboxProps, cT as UniversalChipBaseProps, cU as UniversalChipButtonProps, cV as UniversalChipDismissibleProps, cW as UniversalChipLinkProps, cX as UniversalChipProps, cY as UniversalChipToggleProps, p as UniversalDividerProps, cZ as UniversalIconButtonProps, c_ as UniversalIconProps, c$ as UniversalIconSlot, d0 as UniversalImageProps, d1 as UniversalInputProps, s as UniversalMenuItemProps, a as UniversalPressableProps, d2 as UniversalRadioGroupProps, d3 as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, f as UniversalTokensConfig, d4 as UniversalTokensConfigAuto, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, w as alwaysPalette } from './universalTokensConfigAuto-BHqbAL0M.js';
-import * as react from 'react';
-import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
-export { T as Text, a as TextProps } from './Text-DRla3SiI.js';
-export { Avatar, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarText, AvatarTextProps, Badge, BadgeProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipButton, ChipButtonProps, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipToggle, ChipToggleProps, IconButton, IconButtonProps, Input, InputHelpText, InputHelpTextProps, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
-export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.js';
-export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.js';
-export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, x as createComponentStates, r as createConfigurableProperty, y as createLayerConfig, z as createSubComponentConfig, u as createVariantConfig, w as createVariantConfigWithComponentStates, v as createVariantConfigWithProperties, l as findFixtureType, n as generateClassName, p as generateConfigStyles, o as generateDeclaration, m as generateDefaultClassName, q as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-BrIj1pmg.js';
-export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'type-fest';
-import '@yahoo/uds/fixtures';
-
-type HtmlLabelProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'>;
-interface FormLabelProps extends UniversalFormLabelProps, PropsWithChildren, HtmlLabelProps {
-}
-declare const FormLabel: {
-    ({ htmlFor, required, label, children, color, variant, hasError, showRequiredAsterisk, as, className, ...rest }: FormLabelProps): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-};
-
-interface HStackProps extends UniversalStackProps, DivProps {
-}
-/**
- * **📏 A layout component that arranges its children in columns using flexbox**
- *
- * @description
- * HStack is a layout primitive that arranges its children in a columns [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
- * and can be used to compose larger layouts. HStack is similar to [Box](./box) but provides additional features like a `gap` property to
- * add spacing between children.
- *
- * @example
- * ```tsx
- * import { HStack, Text } from '@yahoo/uds';
-
- * <HStack gap="6">
- *   <Text variant="body1" color="primary">First</Text>
- *   <Text variant="body1" color="primary">Second</Text>
- *   <Text variant="body1" color="primary">Third</Text>
- * </HStack>
- * ```
- *
- * @usage
- * - Create a row of items, optionally with gaps between items.
- * - Create columns that are sized to their content.
- * - Create columns that fill the available space within the parent container.
- * - Create columns of proportionate size to each other (also known as a ratio-based layout).
- *
- * @see The {@link https://uds.build/docs/components/h-stack HStack Docs} for more info
- *
- * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
- **/
-declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * **🎨 A component for displaying icons**
- *
- * @description
- * [Iconography](https://uds.build/docs/core-concepts/icons) contains small symbols for actions or
- * other items. They are available in four different sizes: `xs`, `sm`, `md`, and
- * `lg`. Each size also supports an outline and fill variant. Icons can be
- * colored using the `color` prop.
- *
- * The component is available in the `@yahoo/uds` package but is meant to be used
- * with the assets in `@yahoo/uds-icons`. You will need both packages to use icons.
- * A separate package provides modularity from the core library, better
- * versioning strategies, and tree shakeability.
- *
- * @example
- * ```tsx
- * import { Icon } from '@yahoo/uds';
- * import { AddFolder } from '@yahoo/uds-icons';
- *
- * <Icon name={AddFolder} variant="fill" size="sm" />
- * ```
- *
- * @usage
- * - If you need to display an icon.
- *
- * @see The {@link https://uds.build/docs/components/icon Icon Docs} for more info
- *
- * @related [IconButton](https://uds.build/docs/components/icon-button)
- */
-declare const Icon: react.ForwardRefExoticComponent<IconPropsWithSVGProps & react.RefAttributes<SVGSVGElement>>;
-
-/**
- * **📸 A component for displaying images**
- *
- * @description
- * Wrapper for the image element. In the future, may provide additional
- * functionality for handling fallbacks, dark mode, lazy loading, shimmers.
- *
- * @example
- * ```tsx
- * import { Image } from '@yahoo/uds';
- *
- * <Image src="/images/profile.png" width={580} height={334} />;
- * ```
- *
- * @usage
- * - Use the `Image` component to display images.
- * - Use `width` and `height` props to set the size of the image.
- * - Image extends the HTMLImageElement, as well as the uds `Box` component and supports all of their props.
- *
- * @see The {@link https://uds.build/docs/components/image Image Docs} for more info
- *
- * @related [Box](https://uds.build/docs/components/box)
- */
-declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImagePropsWithImgProps): react_jsx_runtime.JSX.Element;
-declare namespace Image {
-    var displayName: string;
-}
-
-type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
-interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
-    /** The link's destination. */
-    href?: string;
-    /** Anchor rel property. @default "noopener" **/
-    rel?: string;
-    /** If true, forces an underline to always be shown for a11y purposes.  @default false */
-    alwaysUnderline?: boolean;
-}
-/**
- * A Link provides navigation or actionable functionality by linking users to
- * another location within an application, an external resource, or triggering
- * specific in-page interactions (i.e. scroll-to-section).
- *
- * @componentType Client component
- *
- * @description
- * A link component provides navigation or actionable functionality by linking users to another location within an application, an external resource, or triggering specific in-page interactions (i.e. scroll-to-section). This is different than a “button” link which is a button component without a border or fill.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/link Link Docs} for more info
- *
- * @usage
- * - Provide a way for users to navigate to another location.
- * - Provide a trigger for in-page interactions.
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Link } from '@yahoo/uds';
- * import { Share, Link as LinkIcon } from '@yahoo/uds-icons';
- *
- * <Link href="#">My Link</Link>
- * <Link href="#" startIcon={Share} />
- * <Link href="https://yahoo.com" target="_blank" endIcon={LinkIcon} />
- *```
- **/
-declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
-
-type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
-type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
-type CvaStyleArray<T> = CvaStyleValue<T>[];
-type CVAVariantSchema<T, V extends CVAVariantShape<T>> = {
-    [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
-};
-type CVAVariantShape<T> = Record<string, Record<string, T>>;
-type CVAStyleProp<T> = T extends string ? {
-    className?: T;
-} : {
-    style?: T;
-};
-type CVAConfigBase<T> = {
-    base?: T | null;
-};
-interface CVA<T> {
-    <V extends CVAVariantShape<T>>(config: V extends CVAVariantShape<T> ? CVAConfigBase<T> & {
-        base?: T;
-        variants?: V;
-        compoundVariants?: (V extends CVAVariantShape<T> ? (CVAVariantSchema<T, V> | {
-            [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
-        }) & CVAStyleProp<T> : CVAStyleProp<T>)[];
-        defaultVariants?: CVAVariantSchema<T, V>;
-    } : CVAConfigBase<T> & {
-        variants?: never;
-        compoundVariants?: never;
-        defaultVariants?: never;
-    }): (props?: V extends CVAVariantShape<T> ? CVAVariantSchema<T, V> & CVAStyleProp<T> : CVAStyleProp<T>) => T;
-}
-interface CX<T> {
-    (...inputs: CvaStyleValue<T>[]): T;
-}
-
-declare const cx: CX<string>;
-declare const cva: CVA<string>;
-declare const getStylesInternal: (props?: ({
-    checkboxSizeRoot?: "sm" | "md" | undefined;
-    checkboxSizeCheckbox?: "sm" | "md" | undefined;
-    checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
-    checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
-    checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
-    checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
-    switchVariantActiveRoot?: "on" | "off" | undefined;
-    switchVariantRoot?: "default" | undefined;
-    switchVariantActiveSwitch?: "on" | "off" | undefined;
-    switchVariantSwitch?: "default" | undefined;
-    switchVariantActiveHandle?: "on" | "off" | undefined;
-    switchVariantHandle?: "default" | undefined;
-    switchVariantActiveHandleIcon?: "on" | "off" | undefined;
-    switchVariantHandleIcon?: "default" | undefined;
-    switchSizeRoot?: "sm" | "md" | undefined;
-    switchSizeSwitch?: "sm" | "md" | undefined;
-    switchSizeHandle?: "sm" | "md" | undefined;
-    switchSizeHandleIcon?: "sm" | "md" | undefined;
-    buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
-    buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
-    buttonVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "alert-tertiary" | "brand" | "brand-secondary" | "brand-tertiary" | "info" | "info-secondary" | "info-tertiary" | "positive" | "positive-secondary" | "positive-tertiary" | "warning" | "warning-secondary" | "warning-tertiary" | undefined;
-    buttonVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "alert-tertiary" | "brand" | "brand-secondary" | "brand-tertiary" | "info" | "info-secondary" | "info-tertiary" | "positive" | "positive-secondary" | "positive-tertiary" | "warning" | "warning-secondary" | "warning-tertiary" | undefined;
-    chipSizeRoot?: "sm" | "md" | undefined;
-    chipSizeIcon?: "sm" | "md" | undefined;
-    chipToggleVariantActiveRoot?: "on" | "off" | undefined;
-    chipToggleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipToggleVariantActiveIcon?: "on" | "off" | undefined;
-    chipToggleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipDismissibleVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipDismissibleVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipLinkVariantRoot?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    chipLinkVariantIcon?: "primary" | "secondary" | "brand" | "brand-secondary" | undefined;
-    radioVariantValueRoot?: "checked" | "unchecked" | undefined;
-    radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    radioVariantValueRadio?: "checked" | "unchecked" | undefined;
-    radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
-    radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
-    radioSizeRoot?: "sm" | "md" | undefined;
-    radioSizeRadio?: "sm" | "md" | undefined;
-    linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
-    linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
-    linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
-    badgeSizeRoot?: "sm" | "md" | "lg" | "xs" | undefined;
-    badgeSizeIcon?: "sm" | "md" | "lg" | "xs" | undefined;
-    badgeVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | undefined;
-    badgeVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | undefined;
-    inputSizeRoot?: "md" | "lg" | undefined;
-    inputSizeInputWrapper?: "md" | "lg" | undefined;
-    inputSizeInput?: "md" | "lg" | undefined;
-    inputSizeStartIcon?: "md" | "lg" | undefined;
-    inputSizeEndIcon?: "md" | "lg" | undefined;
-    inputSizeLabel?: "md" | "lg" | undefined;
-    inputSizeHelperIcon?: "md" | "lg" | undefined;
-    inputSizeHelperText?: "md" | "lg" | undefined;
-    inputVariantValueRoot?: "filled" | "empty" | undefined;
-    inputVariantRoot?: "default" | undefined;
-    inputVariantValueInputWrapper?: "filled" | "empty" | undefined;
-    inputVariantInputWrapper?: "default" | undefined;
-    inputVariantValueInput?: "filled" | "empty" | undefined;
-    inputVariantInput?: "default" | undefined;
-    inputVariantValueInputPlaceholder?: "filled" | "empty" | undefined;
-    inputVariantInputPlaceholder?: "default" | undefined;
-    inputVariantValueStartIcon?: "filled" | "empty" | undefined;
-    inputVariantStartIcon?: "default" | undefined;
-    inputVariantValueEndIcon?: "filled" | "empty" | undefined;
-    inputVariantEndIcon?: "default" | undefined;
-    inputVariantValueLabel?: "filled" | "empty" | undefined;
-    inputVariantLabel?: "default" | undefined;
-    inputVariantValueLabelRequired?: "filled" | "empty" | undefined;
-    inputVariantLabelRequired?: "default" | undefined;
-    inputVariantValueHelperIcon?: "filled" | "empty" | undefined;
-    inputVariantHelperIcon?: "default" | undefined;
-    inputVariantValueHelperText?: "filled" | "empty" | undefined;
-    inputVariantHelperText?: "default" | undefined;
-    avatarSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    avatarSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    avatarTextVariantRoot?: "primary" | "secondary" | undefined;
-    avatarImageVariantRoot?: "primary" | "secondary" | undefined;
-    avatarIconVariantRoot?: "primary" | "secondary" | undefined;
-    iconbuttonSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    iconbuttonSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    menuSizeRoot?: "default" | undefined;
-    menuSizeStartIcon?: "default" | undefined;
-    menuSizeEndIcon?: "default" | undefined;
-    menuItemVariantActiveRoot?: "on" | "off" | undefined;
-    menuItemVariantRoot?: "default" | undefined;
-    menuItemVariantActiveText?: "on" | "off" | undefined;
-    menuItemVariantText?: "default" | undefined;
-    menuItemVariantActiveIcon?: "on" | "off" | undefined;
-    menuItemVariantIcon?: "default" | undefined;
-    menuItemCheckboxVariantActiveRoot?: "on" | "off" | undefined;
-    menuItemCheckboxVariantRoot?: "default" | undefined;
-    menuItemCheckboxVariantActiveText?: "on" | "off" | undefined;
-    menuItemCheckboxVariantText?: "default" | undefined;
-    menuItemCheckboxVariantActiveStartIcon?: "on" | "off" | undefined;
-    menuItemCheckboxVariantStartIcon?: "default" | undefined;
-    menuItemCheckboxVariantActiveEndIcon?: "on" | "off" | undefined;
-    menuItemCheckboxVariantEndIcon?: "default" | undefined;
-    menuDividerVariantRoot?: "default" | undefined;
-    menuDividerVariantText?: "default" | undefined;
-    menuDividerVariantLine?: "default" | undefined;
-    color?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    placeholderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
-    fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "serif" | "sans" | "mono" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans-alt" | "serif-alt" | undefined;
-    fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-    fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "thin" | "black" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
-    lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-    letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-    textAlign?: "center" | "justify" | "start" | "end" | undefined;
-    textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "none" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
-    spacing?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    spacingHorizontal?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    spacingVertical?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    spacingBottom?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    spacingEnd?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    spacingStart?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    spacingTop?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offset?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offsetVertical?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offsetHorizontal?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offsetBottom?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offsetEnd?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offsetStart?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    offsetTop?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    columnGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    rowGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    borderEndColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    borderBottomColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    borderTopColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
-    borderTopStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
-    borderTopEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
-    borderBottomStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
-    borderBottomEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
-    borderWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    borderVerticalWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    borderHorizontalWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    borderStartWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    borderEndWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    borderTopWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    borderBottomWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    avatarSize?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
-    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
-    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-    alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-    flex?: "none" | "1" | "auto" | "initial" | undefined;
-    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-    flexGrow?: "2" | "0" | "1" | "3" | undefined;
-    flexShrink?: "0" | "1" | undefined;
-    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
-    flexBasis?: "min-content" | undefined;
-    display?: "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
-    overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
-    overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
-    overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
-    position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
-    contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
-    width?: "full" | "fit" | "screen" | undefined;
-    height?: "full" | "fit" | "screen" | undefined;
-    dropShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
-    insetShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl-invert" | "md-invert" | "2xl" | "xl-invert" | "sm-invert" | "lg-invert" | "xs-invert" | undefined;
-    nestedBorderRadiusSize?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
-    nestedBorderRadiusWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
-    nestedBorderRadiusSpacing?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
-    nestedBorderRadius?: boolean | "first" | "last" | undefined;
-} & {
-    className?: string | undefined;
-}) | undefined) => string;
-type GetStylesInternalProps = Parameters<typeof getStylesInternal>[0];
-declare const getStylesCacheKeySymbol: unique symbol;
-declare const getStyles: (props: GetStylesInternalProps, onHit?: () => void) => string;
-
-type SetState<T> = Dispatch<SetStateAction<T>>;
-
-export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, Link, type LinkProps, type SetState, UniversalFormLabelProps, UniversalLinkProps, UniversalStackProps, cva, cx, getStyles, getStylesCacheKeySymbol };
+import { variants } from "./styles/variants.js";
+import { AvatarConfig } from "./tokens/automation/configs/avatar.js";
+import { BadgeConfig } from "./tokens/automation/configs/badge.js";
+import { ButtonConfig } from "./tokens/automation/configs/button.js";
+import { CheckboxConfig } from "./tokens/automation/configs/checkbox.js";
+import { ChipConfig } from "./tokens/automation/configs/chip.js";
+import { DividerConfig } from "./tokens/automation/configs/divider.js";
+import { IconButtonConfig } from "./tokens/automation/configs/iconButton.js";
+import { InputConfig } from "./tokens/automation/configs/input.js";
+import { LinkConfig } from "./tokens/automation/configs/link.js";
+import { MenuConfig } from "./tokens/automation/configs/menu.js";
+import { RadioConfig } from "./tokens/automation/configs/radio.js";
+import { SwitchConfig } from "./tokens/automation/configs/switch.js";
+import { ConfigurablePropertiesName, ExtendablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "./tokens/automation/properties.js";
+import { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "./tokens/automation/types/ComponentConfig.js";
+import { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector } from "./tokens/automation/types/ComponentStyles.js";
+import { cartesianProduct } from "./tokens/automation/utils/cartesianProduct.js";
+import { coalesceConfigVariant } from "./tokens/automation/utils/coalesceConfigVariant.js";
+import { alwaysPalette } from "./tokens/configs/palette.js";
+import { AVATAR_SIZE_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "./tokens/consts/cssTokens.js";
+import { FONT_DECLARATIONS_MAP, FontAxisConfig, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontWeightForFont } from "./tokens/consts/fontDeclarationsMap.js";
+import { AlwaysPalette, AlwaysPaletteAlias, AlwaysPaletteColor, Animation, AriaAttribute, AvatarAbbreviationStrategy, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarVariant, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BadgeSize, BadgeVariant, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Breakpoint, BreakpointWithBase, BreakpointsConfig, ButtonPalette, ButtonPaletteColor, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxValue, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, CustomSizingStyleProps, DataAttribute, Display, DividerVariant, ElevationAlias, ElevationConfig, ElevationLevel, ElevationPreset, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontConfig, FontCssVar, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, GlobalDefaultsConfig, HighContrastMode, Hue, HueStep, IconButtonSize, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, ImagePropsWithImgProps, ImageStyleProps, InputSize, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, Palette, PaletteConfig, PaletteType, PaletteValue, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, StateStyleProps, StyleProps, SwitchSize, TShirtSize, TShirtSizeCommon, TextDecorationLine, TextProperty, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig } from "./tokens/types.js";
+import { UniversalTokensConfigAuto } from "./generated/universalTokensConfigAuto.js";
+import { getConfigDefaultValue, isConfigDefaultValue } from "./tokens/automation/utils/defaults.js";
+import { generateKeyFromFlatConfigPath } from "./tokens/automation/utils/generateKeyFromFlatConfigPath.js";
+import { generateSchemaKey } from "./tokens/automation/utils/generateSchemaKey.js";
+import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./tokens/automation/utils/getConfigVariantComponentStatesMatrix.js";
+import { getConfigVariantProperties } from "./tokens/automation/utils/getConfigVariantProperties.js";
+import { getConfigVariantPseudoStates } from "./tokens/automation/utils/getConfigVariantPseudoStates.js";
+import { getConfigVariants } from "./tokens/automation/utils/getConfigVariants.js";
+import { getConfigSubcomponents } from "./tokens/automation/utils/subcomponents.js";
+import { getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, setConfigPseudoStateVariable } from "./tokens/automation/utils/variableData.js";
+import { SchemaStateValue, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode, toMinimalDbConfigObject } from "./tokens/automation/utils/index.js";
+import { shadow } from "./tokens/configs/shadow.js";
+import { fontWeightMap } from "./tokens/configs/typography.js";
+import { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP } from "./tokens/consts/defaultModes.js";
+import { parseButtonVariantFlat } from "./tokens/parseButtonVariants.js";
+import { entries } from "./tokens/utils/entries.js";
+import { fromEntries } from "./tokens/utils/fromEntries.js";
+import { mapValues } from "./tokens/utils/mapValues.js";
+import { parseOpacityStep } from "./tokens/utils/opacity.js";
+import "./tokens/index.js";
+import { Box, BoxProps } from "./components/Box.js";
+import { Divider, DividerProps } from "./components/Divider/Divider.js";
+import { FormLabel, FormLabelProps } from "./components/FormLabel.js";
+import { HStack, HStackProps } from "./components/HStack.js";
+import { Icon } from "./components/Icon.js";
+import { Image } from "./components/Image.js";
+import { Link, LinkProps } from "./components/Link.js";
+import { Text, TextProps } from "./components/Text.js";
+import { VStack, VStackProps } from "./components/VStack.js";
+import { SpringMotionConfig, SpringMotionConfigProps } from "./components/client/SpringMotionConfig.js";
+import { AvatarIcon, AvatarIconProps } from "./components/client/Avatar/AvatarIcon.js";
+import { AvatarText, AvatarTextProps } from "./components/client/Avatar/AvatarText.js";
+import { AvatarImage, AvatarImageProps } from "./components/client/Avatar/AvatarImage.js";
+import { Avatar, AvatarProps } from "./components/client/Avatar/Avatar.js";
+import { cva, cx, getStyles, getStylesCacheKeySymbol } from "./styles/styler.js";
+import { Badge, BadgeProps } from "./components/client/Badge.js";
+import { Button, ButtonProps } from "./components/client/Button.js";
+import { Checkbox, CheckboxProps } from "./components/client/Checkbox.js";
+import { Chip, ChipProps } from "./components/client/Chip/Chip.js";
+import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.js";
+import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.js";
+import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.js";
+import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.js";
+import { IconButton, IconButtonProps } from "./components/client/IconButton.js";
+import { Input, InputProps } from "./components/client/Input/Input.js";
+import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.js";
+import { MenuContentProps } from "./components/client/Menu/Menu.Content.js";
+import { MenuDividerProps } from "./components/client/Menu/Menu.Divider.js";
+import { Pressable, PressableProps } from "./components/client/Pressable.js";
+import { MenuItemProps } from "./components/client/Menu/Menu.Item.js";
+import { MenuItemCheckboxProps } from "./components/client/Menu/Menu.ItemCheckbox.js";
+import { MenuPlacement, MenuProviderProps } from "./components/client/Menu/Menu.Provider.js";
+import { MenuTriggerProps } from "./components/client/Menu/Menu.Trigger.js";
+import { Menu_index_d_exports } from "./components/client/Menu/Menu.index.js";
+import { Radio, RadioProps } from "./components/client/Radio/Radio.js";
+import { RadioGroupProvider, RadioGroupProviderProps } from "./components/client/Radio/RadioGroupProvider.js";
+import { Switch, SwitchProps } from "./components/client/Switch.js";
+import "./components/index.js";
+import { SetState } from "./types.js";
+export { AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPalette, AlwaysPaletteAlias, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, AutoComponents, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, Box, BoxProps, Breakpoint, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentStateConfig, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, Display, Divider, DividerConfig, DividerProps, DividerVariant, ElevationAlias, ElevationConfig, ElevationLevel, ElevationPreset, ExtendablePropertiesName, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, ImageStyleProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_d_exports as Menu, MenuConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, SchemaStateValue, SelectedConfigurableProperty, SetState, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPreset, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTextProps, UniversalTokensConfig, UniversalTokensConfigAuto, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };