@accelint/design-system 0.3.3 → 0.4.0

package/dist/vanilla-oo0eN2ya.d.ts

@@ -1,2628 +0,0 @@
-import { SlotProps, ButtonRenderProps as ButtonRenderProps$1, LinkRenderProps, ToggleButtonRenderProps, ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, LinkProps, CheckboxRenderProps as CheckboxRenderProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupRenderProps as CheckboxGroupRenderProps$1, CheckboxGroupProps as CheckboxGroupProps$1, TagRenderProps, TagProps, TagListProps, TagGroupProps, InputRenderProps as InputRenderProps$1, InputProps as InputProps$1, PopoverProps as PopoverProps$1, ListBoxProps, ListBoxItemProps, PopoverRenderProps as PopoverRenderProps$1, ListBoxRenderProps, ListBoxItemRenderProps, ComboBoxRenderProps as ComboBoxRenderProps$1, ComboBoxProps as ComboBoxProps$1, ContextValue, HeadingProps, ModalRenderProps, ModalOverlayProps, DialogProps as DialogProps$1, TabRenderProps as TabRenderProps$1, TabPanelRenderProps as TabPanelRenderProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuItemRenderProps as MenuItemRenderProps$1, NumberFieldProps as NumberFieldProps$1, NumberFieldRenderProps as NumberFieldRenderProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, RadioGroupRenderProps as RadioGroupRenderProps$1, RadioRenderProps as RadioRenderProps$1, SelectRenderProps as SelectRenderProps$1, SelectProps as SelectProps$1, SwitchRenderProps as SwitchRenderProps$1, SwitchProps as SwitchProps$1, TextAreaProps as TextAreaProps$1, SearchFieldRenderProps as SearchFieldRenderProps$1, SearchFieldProps as SearchFieldProps$1, TextFieldProps as TextFieldProps$1, TextFieldRenderProps as TextFieldRenderProps$1, TooltipRenderProps as TooltipRenderProps$1, TooltipProps as TooltipProps$1, GridListRenderProps, GridListItemRenderProps, DropPosition, GridListProps, GridListItemProps, DragAndDropOptions, Key as Key$1 } from 'react-aria-components';
-import { CSSProperties, ReactNode, Context, PropsWithChildren, ReactElement, RefObject, FormEventHandler, ComponentType } from 'react';
-import { Key, Selection, SelectionMode, Orientation, PressEvents, AriaLabelingProps } from '@react-types/shared';
-import { PartialDeep, LiteralUnion } from 'type-fest';
-import { AriaOverlayProps } from '@react-aria/overlays';
-import { OverlayTriggerState, OverlayTriggerProps } from '@react-stately/overlays';
-import { ValueEditorProps, QueryBuilderProps as QueryBuilderProps$1, RuleGroupType, FullField, FullOperator, FullCombinator, RuleGroupProps, useRuleGroup } from 'react-querybuilder';
-import { TreeData } from '@react-stately/data';
-import { createVar, StyleRule, GlobalStyleRule, CSSProperties as CSSProperties$1 } from '@vanilla-extract/css';
-
-type RGBA = [number, number, number, number] & number[];
-
-type AsType<T> = T extends object ? {
-    [Key in keyof T]: T[Key];
-} : T;
-
-type ClassNames = {
-    [key: string]: string | ClassNames;
-};
-type OmitProtectedProps<T extends object> = Omit<Partial<T>, 'key' | 'ref' | 'id' | 'children' | 'className' | 'classNames' | 'style'>;
-
-/**
- * Re-export due to not being exported by library
- */
-type ClassNameRenderProps<T extends object> = T & {
-    defaultClassName?: string;
-};
-type RenderPropsClassName<T extends object> = string | ((values: ClassNameRenderProps<T>) => string);
-type StylePropRenderProps<T extends object> = T & {
-    defaultStyle?: CSSProperties;
-};
-type RenderPropsStyle<T extends object> = CSSProperties | ((values: StylePropRenderProps<T>) => CSSProperties);
-type ChildrenRenderProps<T extends object> = T & {
-    defaultChildren?: ReactNode;
-};
-type RenderPropsChildren<T extends object> = ReactNode | ((values: ChildrenRenderProps<T>) => ReactNode);
-type StyleRenderProps<T extends object> = {
-    /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
-    className?: RenderPropsClassName<T>;
-    /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
-    style?: RenderPropsStyle<T>;
-};
-type RenderProps<T extends object> = StyleRenderProps<T> & {
-    /** The children of the component. A function may be provided to alter the children based on component state. */
-    children?: RenderPropsChildren<T>;
-};
-type ProviderValue<T> = [Context<T>, T];
-type ProviderValues<A, B, C, D, E, F, G, H, I, J, K> = [ProviderValue<A>] | [ProviderValue<A>, ProviderValue<B>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>
-] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>,
-    ProviderValue<F>
-] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>,
-    ProviderValue<F>,
-    ProviderValue<G>
-] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>,
-    ProviderValue<F>,
-    ProviderValue<G>,
-    ProviderValue<H>
-] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>,
-    ProviderValue<F>,
-    ProviderValue<G>,
-    ProviderValue<H>,
-    ProviderValue<I>
-] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>,
-    ProviderValue<F>,
-    ProviderValue<G>,
-    ProviderValue<H>,
-    ProviderValue<I>,
-    ProviderValue<J>
-] | [
-    ProviderValue<A>,
-    ProviderValue<B>,
-    ProviderValue<C>,
-    ProviderValue<D>,
-    ProviderValue<E>,
-    ProviderValue<F>,
-    ProviderValue<G>,
-    ProviderValue<H>,
-    ProviderValue<I>,
-    ProviderValue<J>,
-    ProviderValue<K>
-];
-
-type TreeItemNode<T> = {
-    id: Key;
-    label: string;
-    type?: string;
-    value?: T;
-    isViewable?: boolean;
-    isVisible?: boolean;
-};
-type TreeGroupNode<T> = TreeItemNode<T> & {
-    nodes: TreeNodes<T>[];
-    types?: string[];
-    isExpanded?: boolean;
-};
-type TreeNodes<T> = TreeGroupNode<T> | TreeItemNode<T>;
-type TreeNode<T, N extends TreeNodes<T> = TreeNodes<T>> = {
-    key: Key;
-    parentKey: Key;
-    value: N;
-    children: TreeNode<T, N>[];
-};
-type TreeActions<T> = Omit<TreeData<TreeNodes<T>>, 'items' | 'selectedKeys' | 'update'> & {
-    revertIsExpanded: () => void;
-    toggleIsExpanded: (selection?: Selection, isExpanded?: boolean, isRevertable?: boolean) => void;
-    toggleIsSelected: (selection?: Selection, isSelected?: boolean) => void;
-    toggleIsViewable: (selection?: Selection, isViewable?: boolean) => void;
-    update: (key: Key, node: Partial<TreeNodes<T>>) => void;
-};
-type UseTreeOptions<T> = {
-    allowsExpansion?: boolean;
-    allowsVisibility?: boolean;
-    nodes: TreeNodes<T>[];
-    selectionMode?: SelectionMode;
-    onSelectionChange?: (keys: Selection) => void;
-    /**
-     * Due to being triggered during the render cycle, this event
-     * handler should not be tied to any state change updates
-     */
-    onUpdate?: (nodes: TreeNodes<T>[]) => void;
-};
-type UseTreeResult<T> = Required<Omit<UseTreeOptions<T>, 'nodes' | 'onSelectionChange' | 'onUpdate'>> & Pick<TreeData<TreeNodes<T>>, 'selectedKeys'> & {
-    lookup: Record<Key, TreeNode<T>>;
-    tree: TreeNode<T>;
-    /**
-     * DO NOT DESTRUCTURE THIS PROPERTY
-     *
-     * The underlying useTreeData hook relies on "this" within certain methods
-     * and destructuring the actions will cause errors to be thrown
-     */
-    actions: TreeActions<T>;
-};
-
-/**
- * Re-export due to not being exported by library
- */
-type CssVarFunction = ReturnType<typeof createVar>;
-type Contract = {
-    [key: string]: CssVarFunction | null | Contract;
-};
-type Primitive = string | boolean | number | null | undefined;
-type MapLeafNodes<Obj, LeafType> = {
-    [Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<string | number, unknown> ? MapLeafNodes<Obj[Prop], LeafType> : never;
-};
-type PartialMapLeafNodes<Obj, LeafType> = {
-    [Prop in keyof Obj]?: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<string | number, unknown> ? PartialMapLeafNodes<Obj[Prop], LeafType> : never;
-};
-
-type IconClassNames = Partial<{
-    container: string;
-    icon: string;
-}>;
-type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'relative';
-type BaseIconProps = Pick<CSSProperties, 'color' | 'fill' | 'stroke'> & {
-    classNames?: IconClassNames;
-    size?: IconSizes;
-};
-type IconState = Required<Omit<BaseIconProps, 'classNames'>>;
-type IconProps = PropsWithChildren<BaseIconProps & SlotProps>;
-
-type ButtonClassNames = Partial<{
-    container: string;
-    button: string;
-}>;
-type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'advisory' | 'affirmative' | 'serious' | 'critical';
-type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type ButtonVariants = 'solid' | 'hollow' | 'bare' | 'icon' | 'floating';
-type ButtonRenderProps = ButtonRenderProps$1 & LinkRenderProps & ToggleButtonRenderProps;
-type ButtonMapping = {
-    font: Partial<Record<ButtonSizes, string>>;
-    icon: Partial<Record<ButtonSizes, OmitProtectedProps<IconProps>>>;
-};
-type BaseButtonProps = {
-    children?: RenderPropsChildren<ButtonRenderProps>;
-    classNames?: ButtonClassNames;
-    color?: ButtonColors;
-    mapping?: Partial<ButtonMapping>;
-    size?: ButtonSizes;
-    variant?: ButtonVariants;
-};
-type ButtonState = Omit<ButtonRenderProps, 'state'> & Required<Pick<BaseButtonProps, 'color' | 'size' | 'variant'>>;
-type ButtonProps = Omit<ButtonProps$1, 'children' | 'className' | 'style'> & BaseButtonProps;
-type ToggleButtonProps = Omit<ToggleButtonProps$1, 'children' | 'className' | 'style'> & BaseButtonProps;
-type LinkButtonProps = Omit<LinkProps, 'children' | 'className' | 'style'> & BaseButtonProps;
-
-declare const buttonContainer: string;
-declare const buttonColorVars: {
-    nonSolidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    bareBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hollowBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    solidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    solidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const buttonSpaceVars: {
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const buttonStateVars: {
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isCurrent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPending: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const buttonClassNames: ButtonClassNames;
-
-type CheckboxClassNames = PartialDeep<{
-    group: {
-        container: string;
-        group: string;
-        label: string;
-    };
-    checkbox: {
-        container: string;
-        checkbox: string;
-        icon: IconClassNames;
-        label: string;
-    };
-}>;
-type CheckboxAlignment = 'start' | 'end';
-type CheckboxRenderProps = CheckboxRenderProps$1;
-type BaseCheckboxProps = {
-    children?: RenderPropsChildren<CheckboxRenderProps>;
-    label?: string;
-    classNames?: CheckboxClassNames;
-    alignInput?: CheckboxAlignment;
-};
-type CheckboxState = Omit<CheckboxRenderProps, 'state'> & Required<Pick<BaseCheckboxProps, 'alignInput'>>;
-type CheckboxProps = Omit<CheckboxProps$1, 'children' | 'className' | 'style'> & BaseCheckboxProps;
-type CheckboxGroupRenderProps = CheckboxGroupRenderProps$1;
-type BaseCheckboxGroupProps = {
-    children?: RenderPropsChildren<CheckboxGroupRenderProps>;
-    classNames?: CheckboxClassNames;
-    label?: string;
-    orientation?: Orientation;
-} & Pick<BaseCheckboxProps, 'alignInput'>;
-type CheckboxGroupProps = Omit<CheckboxGroupProps$1, 'children' | 'className' | 'style'> & BaseCheckboxGroupProps;
-type CheckboxGroupState = Omit<CheckboxGroupRenderProps, 'state'> & Pick<BaseCheckboxGroupProps, 'orientation'>;
-
-declare const checkboxContainer: string;
-declare const checkboxColorVars: {
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    indicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const checkboxSpaceVars: {
-    dimension: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    elementGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const checkboxStateVars: {
-    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isIndeterminate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const checkboxGroupStateVars: {
-    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const checkboxClassNames: CheckboxClassNames;
-
-type ChipClassNames = Partial<{
-    group: string;
-    list: string;
-    container: string;
-    chip: string;
-    label: string;
-    remove: string;
-}>;
-type ChipColors = 'primary' | 'secondary' | 'tertiary' | 'info' | 'advisory' | 'affirmative' | 'serious' | 'critical';
-type ChipSizes = 'sm' | 'lg';
-type ChipRenderProps = AsType<TagRenderProps>;
-type ChipMapping = {
-    font: Partial<Record<ChipSizes, string>>;
-    remove: Partial<Record<ChipSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseChipProps = {
-    children?: RenderPropsChildren<ChipRenderProps>;
-    classNames?: ChipClassNames;
-    color?: ChipColors;
-    mapping?: Partial<ChipMapping>;
-    size?: ChipSizes;
-};
-type ChipState = ChipRenderProps & Required<Pick<BaseChipProps, 'color' | 'size'>>;
-type ChipProps = PropsWithChildren<Omit<BaseChipProps, 'children'>>;
-type ChipItemProps = Omit<TagProps, 'children' | 'className' | 'style'> & BaseChipProps;
-type ChipListProps<T> = Omit<TagListProps<T>, 'className' | 'style'> & Pick<BaseChipProps, 'classNames'>;
-type ChipGroupProps = Omit<TagGroupProps, 'className' | 'style'> & Omit<BaseChipProps, 'children'>;
-
-declare const chipContainer: string;
-declare const chipColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const chipSpaceVars: {
-    list: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    chip: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const chipStateVars: {
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    allowsRemoving: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const chipClassNames: ChipClassNames;
-
-type InputClassNames = Partial<{
-    container: string;
-    sizer: string;
-    input: string;
-}>;
-type InputRenderProps = AsType<InputRenderProps$1> & {
-    /**
-     * If value is undefined or empty
-     */
-    isEmpty: boolean;
-    /**
-     * If placeholder is provided and value is undefined or empty
-     */
-    isPlaceholder: boolean;
-    /**
-     * If read only
-     */
-    isReadOnly: boolean;
-    /**
-     * If required
-     */
-    isRequired: boolean;
-};
-type InputSize = 'sm' | 'lg';
-type InputMapping = {
-    sizer: Partial<Record<InputSize, string>>;
-    input: Partial<Record<InputSize, string>>;
-};
-type InputType = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
-type BaseInputProps = {
-    classNames?: InputClassNames;
-    mapping?: Partial<InputMapping>;
-    size?: InputSize;
-    type?: InputType;
-};
-type InputState = InputRenderProps & Required<Pick<BaseInputProps, 'size' | 'type'>> & {
-    /**
-     * The length of the input value or placeholder (whichever is currently rendered)
-     */
-    length: string;
-};
-type InputProps = Omit<InputProps$1, 'children' | 'className' | 'size' | 'style' | 'type'> & BaseInputProps;
-
-type OptionsClassNames = PartialDeep<{
-    options: {
-        container: string;
-        options: string;
-    };
-    list: {
-        container: string;
-        list: string;
-        section: string;
-        header: string;
-        separator: string;
-    };
-    item: {
-        container: string;
-        item: string;
-        icon: IconClassNames;
-        label: string;
-        description: string;
-        shortcut: string;
-    };
-}>;
-type OptionsSizes = 'sm' | 'lg';
-type OptionsMapping = {
-    description: Partial<Record<OptionsSizes, string>>;
-    header: Partial<Record<OptionsSizes, string>>;
-    label: Partial<Record<OptionsSizes, string>>;
-    shortcut: Partial<Record<OptionsSizes, string>>;
-};
-type BaseOptionsProps = {
-    classNames?: OptionsClassNames;
-    mapping?: Partial<OptionsMapping>;
-    size?: OptionsSizes;
-};
-type OptionsProps = Omit<PopoverProps$1, 'className' | 'style'> & BaseOptionsProps;
-type OptionsListProps<T extends object> = Omit<ListBoxProps<T>, 'className' | 'dragAndDropHooks' | 'orientation' | 'style'> & BaseOptionsProps;
-type OptionsItemProps<T extends object> = Omit<ListBoxItemProps<T>, 'className' | 'style'> & BaseOptionsProps;
-type OptionsRenderProps = AsType<PopoverRenderProps$1> & Required<Pick<BaseOptionsProps, 'size'>>;
-type OptionsListRenderProps = AsType<ListBoxRenderProps> & Required<Pick<BaseOptionsProps, 'size'>>;
-type OptionsItemRenderProps = AsType<ListBoxItemRenderProps> & Required<Pick<BaseOptionsProps, 'size'>>;
-type OptionsState = Omit<OptionsRenderProps, 'trigger'>;
-type OptionsListState = Omit<OptionsListRenderProps, 'layout' | 'state' | 'isDropTarget'>;
-type OptionsItemState = Omit<OptionsItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> & {
-    hasDescription: boolean;
-};
-
-type ComboBoxClassNames = PartialDeep<{
-    container: string;
-    comboBox: string;
-    label: string;
-    group: string;
-    input: InputClassNames;
-    toggle: ButtonClassNames;
-    description: string;
-    error: string;
-    options: OptionsClassNames;
-}>;
-type ComboBoxSizes = 'sm' | 'lg';
-type ComboBoxMapping = {
-    description: Partial<Record<ComboBoxSizes, string>>;
-    error: Partial<Record<ComboBoxSizes, string>>;
-    toggle: Partial<Record<ComboBoxSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseComboBoxProps = {
-    classNames?: ComboBoxClassNames;
-    mapping?: Partial<ComboBoxMapping>;
-    size?: ComboBoxSizes;
-};
-type ComboBoxRenderProps = AsType<ComboBoxRenderProps$1>;
-type ComboBoxState = ComboBoxRenderProps & Required<Pick<BaseComboBoxProps, 'size'>>;
-type ComboBoxProps<T extends object> = Omit<ComboBoxProps$1<T>, 'className' | 'style'> & BaseComboBoxProps;
-
-declare const comboBoxContainer: string;
-declare const comboBoxColorVars: {
-    description: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const comboBoxSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const comboBoxStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const comboBoxClassNames: ComboBoxClassNames;
-
-type GroupClassNames = Partial<{
-    container: string;
-    group: string;
-}>;
-type BaseGroupProps<T, E extends Element> = {
-    children?: (ReactElement | boolean | null)[];
-    classNames?: GroupClassNames;
-    context?: Context<ContextValue<T, E>>;
-    orientation?: Orientation;
-    reverse?: boolean;
-    values?: ContextValue<T, E>;
-};
-type GroupState = {
-    /**
-     * The number of children rendered
-     */
-    count: number;
-    orientation: Orientation;
-    /**
-     * Whether to flip the order of the children, visually
-     */
-    reverse: boolean;
-    /**
-     * This is based off of the children types
-     *
-     * Possible values: Empty, Mixed, {component type}
-     *
-     * @example If all children are <Button />, then "type" will be `Button`
-     */
-    type: string;
-};
-type GroupProps<T, E extends Element> = BaseGroupProps<T, E> & SlotProps;
-
-type DialogClassNames = Partial<{
-    portal: string;
-    container: string;
-    modal: string;
-    dialog: string;
-    header: string;
-    content: string;
-    footer: string;
-}>;
-type DialogSizes = 'sm' | 'lg';
-type DialogMapping = {
-    heading: Partial<Record<DialogSizes, HeadingProps>>;
-    actions: GroupProps<ButtonProps, HTMLButtonElement>;
-    primary: Partial<Record<DialogSizes, OmitProtectedProps<ButtonProps>>>;
-    secondary: Partial<Record<DialogSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type DialogRenderProps = ModalRenderProps & {
-    /**
-     * If the dialog is relative to the viewport (vs a specified parent element)
-     */
-    isGlobal: boolean;
-    /**
-     * If the dialog is visible
-     */
-    isOpen: boolean;
-};
-type BaseDialogProps = Pick<DialogProps$1, 'role'> & {
-    children?: RenderPropsChildren<DialogRenderProps>;
-    classNames?: DialogClassNames;
-    mapping?: Partial<DialogMapping>;
-    /**
-     * Optionally provide a ref to a parent container that the dialog will be portaled into
-     * This will make it so the Dialog is not global in the DOM and will visually center it
-     * to the parent's area instead of the whole viewport
-     */
-    parentRef?: RefObject<HTMLElement>;
-    size?: DialogSizes;
-};
-type DialogState = Omit<DialogRenderProps, 'state'> & Required<Pick<BaseDialogProps, 'size'>> & {
-    hasHeader: boolean;
-};
-type DialogProps = Omit<ModalOverlayProps, 'children' | 'className' | 'style'> & BaseDialogProps;
-
-declare const dialogContainer: string;
-declare const dialogColorVars: {
-    overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    content: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const dialogSpaceVars: {
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: {
-        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        header: {
-            after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        content: {
-            before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        footer: {
-            before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-};
-declare const dialogStateVars: {
-    hasHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isGlobal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const dialogClassNames: DialogClassNames;
-
-type TabsClassNames = PartialDeep<{
-    tabs: string;
-    list: {
-        container: string;
-        list: string;
-    };
-    tab: {
-        container: string;
-        tab: string;
-    };
-    panels: {
-        container: string;
-        panels: string;
-    };
-    panel: {
-        container: string;
-        panel: string;
-    };
-}>;
-type TabListVariants = 'border' | 'fill';
-type TabListAnchor = 'start' | 'end';
-type TabListAlignment = 'start' | 'center' | 'end';
-type TabListSizes = 'sm' | 'lg';
-type TabRenderProps = AsType<TabRenderProps$1>;
-type TabPanelRenderProps = AsType<TabPanelRenderProps$1>;
-type BaseProps$4 = {
-    classNames?: TabsClassNames;
-};
-type BaseTabListProps = {
-    align?: TabListAlignment;
-    /**
-     * To be combined with orientation, where:
-     * orientation=horizontal + anchor=end = bottom
-     * orientation=horizontal + anchor=start = top
-     * orientation=vertical + anchor=end = right
-     * orientation=vertical + anchor=start = left
-     */
-    anchor?: TabListAnchor;
-    orientation?: Orientation;
-    size?: TabListSizes;
-    variant?: TabListVariants;
-};
-type BaseTabProps = {
-    /**
-     * Must match cooresponding TabPanel id, should be
-     * unique to all other ids
-     */
-    id: string;
-} & PressEvents;
-type BaseTabPanelsProps = PropsWithChildren<{
-    /**
-     * Setting this to true will apply to all panels and
-     * change the layout to a stacked approach that grows
-     * to the size of the largest panel content, no matter
-     * which panel is active
-     */
-    shouldForceMount?: boolean;
-}>;
-type BaseTabPanelProps = {
-    /**
-     * Must match cooresponding Tab id, should be unique
-     * to all other ids
-     */
-    id: string;
-};
-type TabListState = Required<BaseTabListProps> & {
-    count: number;
-};
-type TabState = AsType<TabRenderProps$1>;
-type TabPanelsState = Required<Pick<BaseTabPanelsProps, 'shouldForceMount'>>;
-type TabPanelState = Omit<TabPanelRenderProps, 'state'> & Required<Pick<TabPanelProps$1, 'shouldForceMount'>>;
-type TabsProps = Omit<TabsProps$1, 'children' | 'className' | 'style'> & PropsWithChildren<BaseProps$4>;
-type TabListProps<T> = Omit<TabListProps$1<T>, 'className' | 'style'> & BaseTabListProps & BaseProps$4;
-type TabProps = Omit<TabProps$1, 'className' | 'style'> & BaseTabProps & BaseProps$4;
-type TabPanelsProps = BaseTabPanelsProps & BaseProps$4;
-type TabPanelProps = Omit<TabPanelProps$1, 'className' | 'style'> & BaseTabPanelProps & BaseProps$4;
-
-type DrawerClassNames = PartialDeep<{
-    container: string;
-    tabs: TabsClassNames;
-    dialog: {
-        container: string;
-        dialog: string;
-    };
-    header: {
-        header: string;
-        back: ButtonClassNames;
-        title: string;
-        close: ButtonClassNames;
-    };
-    content: string;
-    footer: string;
-}>;
-type DrawerAnchor = 'left' | 'right';
-type DrawerMapping = {
-    heading: {
-        child: string;
-        parent: string;
-    };
-    back: Partial<OmitProtectedProps<ButtonProps>>;
-    close: Partial<OmitProtectedProps<ButtonProps>>;
-};
-type DrawerRenderProps = OverlayTriggerState;
-type DrawerTabRenderProps = TabRenderProps & {
-    isOpen: boolean;
-};
-type BaseProps$3 = {
-    classNames?: DrawerClassNames;
-};
-type BaseDrawerProps = Pick<AriaOverlayProps, 'shouldCloseOnBlur' | 'isDismissable' | 'isKeyboardDismissDisabled'> & {
-    children?: RenderPropsChildren<DrawerRenderProps>;
-    /**
-     * Which side of the viewport to originate from
-     */
-    anchor?: DrawerAnchor;
-    /**
-     * If true will push sibling DOM around, else act as an independent overlay
-     *
-     * NOTE: Layout shift animations are less performant
-     */
-    layoutShift?: boolean;
-};
-type BaseDrawerTabProps = {
-    children?: RenderPropsChildren<DrawerTabRenderProps>;
-};
-type DrawerState = Pick<DrawerRenderProps, 'isOpen'> & Required<Pick<BaseDrawerProps, 'anchor' | 'layoutShift'>>;
-type DrawerDialogState = {
-    /**
-     * If back button is present
-     */
-    isChild: boolean;
-};
-type DrawerProps = OverlayTriggerProps & Omit<TabsProps, 'children' | 'classNames' | 'orientation'> & BaseProps$3 & BaseDrawerProps;
-type DrawerTabListProps<T> = Omit<TabListProps<T>, 'classNames' | 'align' | 'anchor' | 'orientation'> & BaseProps$3;
-type DrawerTabProps = Omit<TabProps, 'children'> & BaseDrawerTabProps & BaseProps$3;
-type DrawerDialogProps = PropsWithChildren<AriaLabelingProps & BaseProps$3 & {
-    mapping?: DrawerMapping;
-}>;
-
-declare const drawerContainer: string;
-declare const drawerAnimationVars: {
-    delay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    duration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    easing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const drawerColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const drawerSpaceVars: {
-    drawer: {
-        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    list: {
-        top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        translateY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const drawerStateVars: {
-    anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    layoutShift: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const drawerDialogStateVars: {
-    isChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const drawerClassNames: DrawerClassNames;
-
-declare const groupContainer: string;
-declare const groupSpaceVars: {
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const groupStateVars: {
-    count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    reverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    type: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const groupClassNames: GroupClassNames;
-
-declare const iconContainer: string;
-declare const iconColorVars: {
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const iconSpaceVars: {
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const iconStateVars: {
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const iconClassNames: IconClassNames;
-
-declare const inputContainer: string;
-declare const inputColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const inputSpaceVars: {
-    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const inputStateVars: {
-    length: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    type: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const inputClassNames: InputClassNames;
-
-type MenuClassNames = PartialDeep<{
-    menu: {
-        container: string;
-        menu: string;
-    };
-    list: {
-        container: string;
-        list: string;
-        section: string;
-        header: string;
-        separator: string;
-    };
-    item: {
-        container: string;
-        item: string;
-        icon: IconClassNames;
-        label: string;
-        description: string;
-        more: IconClassNames;
-        shortcut: string;
-    };
-}>;
-type MenuSizes = 'sm' | 'lg';
-type MenuMapping = {
-    description: Partial<Record<MenuSizes, string>>;
-    header: Partial<Record<MenuSizes, string>>;
-    label: Partial<Record<MenuSizes, string>>;
-    shortcut: Partial<Record<MenuSizes, string>>;
-};
-type BaseMenuProps = {
-    classNames?: MenuClassNames;
-    mapping?: Partial<MenuMapping>;
-    size?: MenuSizes;
-};
-type MenuProps = Omit<PopoverProps$1, 'className' | 'style'> & BaseMenuProps;
-type MenuListProps<T> = Omit<MenuProps$1<T>, 'className' | 'style'> & BaseMenuProps;
-type MenuItemProps<T> = Omit<MenuItemProps$1<T>, 'className' | 'style'> & BaseMenuProps;
-type MenuRenderProps = AsType<PopoverRenderProps$1> & Required<Pick<BaseMenuProps, 'size'>>;
-type MenuItemRenderProps = AsType<MenuItemRenderProps$1> & Required<Pick<BaseMenuProps, 'size'>>;
-type MenuState = Omit<MenuRenderProps, 'trigger'>;
-type MenuItemState = Omit<MenuItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> & {
-    hasDescription: boolean;
-};
-
-declare const menuStateVars: {
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const menuItemStateVars: {
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hasDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hasSubmenu: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const menuColorVars: {
-    list: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    separator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    item: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    description: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const menuSpaceVars: {
-    menu: {
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    list: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    section: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    separator: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    item: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-
-type NumberFieldClassNames = PartialDeep<{
-    container: string;
-    decrement: ButtonClassNames;
-    description: string;
-    error: string;
-    group: string;
-    increment: ButtonClassNames;
-    input: InputClassNames;
-    label: string;
-    numberField: string;
-}>;
-type NumberFieldSizes = 'sm' | 'lg';
-type NumberFieldMapping = {
-    description: Partial<Record<NumberFieldSizes, string>>;
-    error: Partial<Record<NumberFieldSizes, string>>;
-    increment: Partial<Record<NumberFieldSizes, OmitProtectedProps<ButtonProps>>>;
-    decrement: Partial<Record<NumberFieldSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseNumberFieldProps = {
-    classNames?: NumberFieldClassNames;
-    mapping?: Partial<NumberFieldMapping>;
-    size?: NumberFieldSizes;
-};
-type NumberFieldRenderProps = AsType<NumberFieldRenderProps$1>;
-type NumberFieldProps = AsType<Omit<NumberFieldProps$1, 'className' | 'style'>> & BaseNumberFieldProps;
-type NumberFieldState = NumberFieldRenderProps & Required<Pick<BaseNumberFieldProps, 'size'>>;
-
-declare const numberFieldContainer: string;
-declare const numberFieldColorVars: {
-    description: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const numberFieldSpaceVars: {
-    group: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    numberField: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const numberFieldStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const numberFieldClassNames: NumberFieldClassNames;
-
-declare const optionsContainers: {
-    options: string;
-    list: string;
-    item: string;
-};
-declare const optionsStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const optionsListStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const optionsItemStateVars: {
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hasDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const optionsColorVars: {
-    list: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    separator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    item: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    description: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const optionsSpaceVars: {
-    options: {
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    list: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    section: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    separator: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    item: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const optionsClassNames: OptionsClassNames;
-
-type PickerClassNames = PartialDeep<{
-    list: {
-        container: string;
-        list: string;
-    };
-    item: {
-        container: string;
-        item: string;
-    };
-}>;
-type BaseProps$2 = {
-    classNames?: PickerClassNames;
-};
-type BasePickerProps = BaseProps$2 & {
-    /**
-     * Only applicable if layout='grid'
-     */
-    columns?: number;
-};
-type PickerState = Omit<ListBoxRenderProps, 'state' | 'isDropTarget'> & Required<Pick<PickerProps<unknown>, 'columns' | 'layout' | 'orientation'>>;
-type PickerProps<T> = Omit<ListBoxProps<T>, 'className' | 'dragAndDropHooks' | 'style'> & BasePickerProps;
-type BasePickerItemProps = BaseProps$2;
-type PickerItemRenderProps = Omit<ListBoxItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'>;
-type PickerItemState = PickerItemRenderProps;
-type PickerItemProps<T> = Omit<ListBoxItemProps<T>, 'className' | 'style'> & BasePickerItemProps;
-
-declare const pickerContainers: {
-    list: string;
-    item: string;
-};
-declare const pickerSpaceVars: {
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const pickerStateVars: {
-    columns: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const pickerItemColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const pickerItemStateVars: {
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const pickerClassNames: PickerClassNames;
-
-type PopoverClassNames = PartialDeep<{
-    popover: {
-        container: string;
-        popover: string;
-    };
-    header: string;
-    content: string;
-    footer: string;
-}>;
-type PopoverMapping = {
-    heading: string;
-    actions: GroupProps<ButtonProps, HTMLButtonElement>;
-    primary: Partial<OmitProtectedProps<ButtonProps>>;
-    secondary: Partial<OmitProtectedProps<ButtonProps>>;
-};
-type PopoverRenderProps = AsType<PopoverRenderProps$1> & Pick<OverlayTriggerState, 'close'>;
-type BasePopoverProps = {
-    children?: RenderPropsChildren<PopoverRenderProps>;
-    classNames?: PopoverClassNames;
-    mapping?: Partial<PopoverMapping>;
-};
-type PopoverProps = Omit<PopoverProps$1, 'children' | 'className' | 'style'> & BasePopoverProps;
-type PopoverState = Omit<PopoverRenderProps, 'trigger' | 'close'> & {
-    hasHeader: boolean;
-};
-
-declare const popoverColorVars: {
-    content: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const popoverSpaceVars: {
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: {
-        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        header: {
-            after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        content: {
-            before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        footer: {
-            before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-};
-declare const popoverStateVars: {
-    hasHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const popoverClassNames: PopoverClassNames;
-
-type RadioAlignment = 'start' | 'end';
-type RadioClassNames = PartialDeep<{
-    group: {
-        container: string;
-        group: string;
-    };
-    radio: {
-        container: string;
-        radio: string;
-    };
-    label: string;
-}>;
-type RadioGroupRenderProps = RadioGroupRenderProps$1;
-type RadioGroupProps = Omit<RadioGroupProps$1, 'className' | 'style'> & Pick<BaseRadioProps, 'alignInput' | 'classNames' | 'label'>;
-type RadioGroupState = Omit<RadioGroupRenderProps, 'state'>;
-type RadioRenderProps = Omit<RadioRenderProps$1, 'state'>;
-type BaseRadioProps = {
-    children?: RenderPropsChildren<RadioRenderProps>;
-    label?: string;
-    classNames?: RadioClassNames;
-    alignInput?: RadioAlignment;
-};
-type RadioProps = Omit<RadioProps$1, 'children' | 'className' | 'style'> & BaseRadioProps;
-type RadioContextProps = Omit<RadioProps, 'value'>;
-type RadioState = RadioRenderProps & Pick<BaseRadioProps, 'alignInput'>;
-
-type SelectClassNames = PartialDeep<{
-    container: string;
-    select: string;
-    label: string;
-    toggle: ButtonClassNames;
-    value: string;
-    description: string;
-    error: string;
-    options: OptionsClassNames;
-}>;
-type SelectSizes = 'sm' | 'lg';
-type SelectMapping = {
-    description: Partial<Record<SelectSizes, string>>;
-    error: Partial<Record<SelectSizes, string>>;
-    toggle: Partial<Record<SelectSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseSelectProps = {
-    classNames?: SelectClassNames;
-    mapping?: Partial<SelectMapping>;
-    size?: SelectSizes;
-};
-type SelectRenderProps = AsType<SelectRenderProps$1>;
-type SelectState = SelectRenderProps & Required<Pick<BaseSelectProps, 'size'>>;
-type SelectProps<T extends object> = Omit<SelectProps$1<T>, 'className' | 'style'> & BaseSelectProps;
-
-type SwitchClassNames = Partial<{
-    container: string;
-    switch: string;
-    label: string;
-    indicator: string;
-}>;
-type SwitchAlignment = 'start' | 'end';
-type SwitchRenderProps = SwitchRenderProps$1;
-type BaseSwitchProps = {
-    children?: RenderPropsChildren<SwitchRenderProps>;
-    classNames?: SwitchClassNames;
-    alignInput?: SwitchAlignment;
-};
-type SwitchState = Omit<SwitchRenderProps, 'state'> & Required<Pick<BaseSwitchProps, 'alignInput'>>;
-type SwitchProps = Omit<SwitchProps$1, 'children' | 'className' | 'style'> & BaseSwitchProps;
-
-type TextAreaClassNames = Partial<{
-    container: string;
-    textarea: string;
-}>;
-type TextAreaSize = 'sm' | 'lg';
-type TextAreaMapping = {
-    font: Partial<Record<TextAreaSize, string>>;
-};
-type TextAreaRenderProps = AsType<InputRenderProps$1> & {
-    /**
-     * If value is undefined or empty
-     */
-    isEmpty: boolean;
-    /**
-     * If placeholder is provided and value is undefined or empty
-     */
-    isPlaceholder: boolean;
-    /**
-     * If read only
-     */
-    isReadOnly: boolean;
-    /**
-     * If required
-     */
-    isRequired: boolean;
-};
-type TextAreaResize = 'both' | 'horizontal' | 'vertical' | 'none';
-type BaseTextAreaProps = {
-    classNames?: TextAreaClassNames;
-    mapping?: Partial<TextAreaMapping>;
-    resize?: TextAreaResize;
-    size?: TextAreaSize;
-    onChange?: FormEventHandler<HTMLSpanElement>;
-};
-type TextAreaState = TextAreaRenderProps & Required<Pick<BaseTextAreaProps, 'resize' | 'size'>>;
-type TextAreaProps = Omit<TextAreaProps$1, 'children' | 'className' | 'cols' | 'rows' | 'style' | 'onChange'> & BaseTextAreaProps;
-
-type DefaultRQBProps = QueryBuilderProps$1<RuleGroupType, FullField, FullOperator, FullCombinator>;
-type SupportedClassNames = Pick<Exclude<DefaultRQBProps['controlClassnames'], undefined>, 'addGroup' | 'addRule' | 'cloneGroup' | 'cloneRule' | 'dragHandle' | 'lockGroup' | 'lockRule' | 'removeGroup' | 'removeRule'>;
-type QueryBuilderClassNames = PartialDeep<{
-    [K in keyof SupportedClassNames]: string;
-} & {
-    queryBuilder: {
-        container: string;
-        queryBuilder: string;
-    };
-    group: {
-        container: string;
-        group: string;
-        header: string;
-        body: string;
-        footer: string;
-        add: string;
-        clone: string;
-        combinator: string;
-        drag: string;
-        lock: string;
-        shift: string;
-        remove: string;
-        toggle: string;
-    };
-    rule: {
-        container: string;
-        rule: string;
-        field: string;
-        operator: string;
-        source: string;
-        values: string;
-        value: string;
-        add: string;
-        clone: string;
-        drag: string;
-        lock: string;
-        shift: string;
-        remove: string;
-        error: string;
-    };
-    button: ButtonClassNames;
-    checkbox: CheckboxClassNames;
-    input: InputClassNames;
-    radio: RadioClassNames;
-    select: SelectClassNames;
-    switch: SwitchClassNames;
-    textarea: TextAreaClassNames;
-}>;
-type QueryBuilderSizes = 'sm' | 'lg';
-type QueryBuilderMapping = Partial<{
-    button: Record<QueryBuilderSizes, OmitProtectedProps<ButtonProps>>;
-    error: Record<QueryBuilderSizes, string>;
-    input: Record<QueryBuilderSizes, OmitProtectedProps<InputProps>>;
-    select: Record<QueryBuilderSizes, OmitProtectedProps<SelectProps<object>>>;
-    textarea: Record<QueryBuilderSizes, OmitProtectedProps<TextAreaProps>>;
-}>;
-type QueryBuilderValueEditors = Record<LiteralUnion<Exclude<ValueEditorProps['type'], null | undefined>, string>, (props: ValueEditorProps) => ReactElement>;
-type RuleGroupElementsProps = RuleGroupProps & ReturnType<typeof useRuleGroup>;
-type RuleGroupElements = {
-    ruleGroupBodyElements: ComponentType<RuleGroupElementsProps>;
-    ruleGroupFooterElements: ComponentType<RuleGroupElementsProps>;
-    ruleGroupHeaderElements: ComponentType<RuleGroupElementsProps>;
-};
-type BaseQueryBuilderProps = {
-    classNames?: QueryBuilderClassNames;
-    consistentColumns?: boolean;
-    controlElements?: DefaultRQBProps['controlElements'] & Partial<RuleGroupElements>;
-    icons?: {
-        checkbox?: RenderPropsChildren<CheckboxRenderProps>;
-        select?: RenderPropsChildren<SelectRenderProps>;
-    };
-    mapping?: QueryBuilderMapping;
-    size?: QueryBuilderSizes;
-    valueEditors?: QueryBuilderValueEditors;
-};
-/**
- * Omitted props are currently unsupported functionality
- */
-type QueryBuilderProps = Partial<Omit<DefaultRQBProps, 'showCombinatorsBetweenRules' | 'listsAsArrays'> & BaseQueryBuilderProps>;
-type QueryBuilderContextValue = BaseQueryBuilderProps & Required<Pick<BaseQueryBuilderProps, 'size'>> & {
-    controlElements: RuleGroupElements;
-};
-type QueryBuilderState = {
-    isDisabled: boolean;
-};
-type QueryBuilderGroupState = {
-    /**
-     * Columns after the core 4 columns and before the remove rule column
-     */
-    after: number;
-    /**
-     * Columns before the core 4 columns
-     */
-    before: number;
-    /**
-     * Calculated based on enabled features
-     */
-    columns: number;
-    /**
-     * Represents whether the rule or any of its parents are disabled
-     *
-     * RQB also uses this property when a rule is locked
-     */
-    isDisabled: boolean;
-};
-type QueryBuilderRuleState = {
-    /**
-     * Represents whether the rule or any of its parents are disabled
-     *
-     * RQB also uses this property when a rule is locked
-     */
-    isDisabled: boolean;
-    isDragging: boolean;
-    isDropTarget: boolean;
-};
-
-declare const queryBuilderContainers: {
-    queryBuilder: string;
-    group: string;
-    rule: string;
-    values: string;
-};
-declare const queryBuilderColorVars: {
-    queryBuilder: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    group: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    rule: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const queryBuilderSpaceVars: {
-    queryBuilder: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    group: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    body: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    rule: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    field: {
-        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    operator: {
-        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    values: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    source: {
-        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    footer: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const queryBuilderStateVars: {
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const queryBuilderGroupStateVars: {
-    after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    columns: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const queryBuilderRuleStateVars: {
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const queryBuilderClassNames: QueryBuilderClassNames;
-
-declare const radioColorVars: {
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const radioSpaceVars: {
-    diameter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    elementGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const radioStateVars: {
-    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const radioGroupStateVars: {
-    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const radioClassNames: RadioClassNames;
-
-type SearchFieldClassNames = PartialDeep<{
-    container: string;
-    group: string;
-    icon: IconClassNames;
-    input: InputClassNames;
-    clear: ButtonClassNames;
-}>;
-type SearchFieldSizes = 'sm' | 'lg';
-type SearchFieldVariants = 'solid' | 'hollow';
-type SearchFieldMapping = {
-    icon: Partial<Record<SearchFieldSizes, OmitProtectedProps<IconProps>>>;
-    clear: Partial<Record<SearchFieldSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseSearchFieldProps = {
-    classNames?: SearchFieldClassNames;
-    mapping?: Partial<SearchFieldMapping>;
-    size?: InputSize;
-    variant?: SearchFieldVariants;
-};
-type SearchFieldRenderProps = AsType<SearchFieldRenderProps$1>;
-type SearchFieldState = Omit<SearchFieldRenderProps, 'state'> & Required<Pick<BaseSearchFieldProps, 'variant' | 'size'>>;
-type SearchFieldProps = Omit<SearchFieldProps$1, 'className' | 'style' | 'type'> & BaseSearchFieldProps;
-
-declare const searchFieldContainer: string;
-declare const searchFieldSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const searchFieldStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const searchFieldClassNames: SearchFieldClassNames;
-
-declare const selectContainer: string;
-declare const selectColorVars: {
-    description: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const selectSpaceVars: {
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const selectStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const selectClassNames: SelectClassNames;
-
-declare const switchContainer: string;
-declare const switchColorVars: {
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    indicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const switchSpaceVars: {
-    diameter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gutter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    travel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const switchStateVars: {
-    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const switchClassNames: SwitchClassNames;
-
-declare const tabsContainers: {
-    list: string;
-    tab: string;
-    panels: string;
-    panel: string;
-};
-declare const tabColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tabSpaceVars: {
-    list: {
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    tab: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const tabListStateVars: {
-    align: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tabStateVars: {
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tabPanelsStateVars: {
-    shouldForceMount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tabPanelStateVars: {
-    shouldForceMount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tabsClassNames: TabsClassNames;
-
-declare const textAreaContainer: string;
-declare const textAreaColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const textAreaSpaceVars: {
-    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const textAreaStateVars: {
-    resize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const textAreaClassNames: TextAreaClassNames;
-
-type TextFieldClassNames = PartialDeep<{
-    container: string;
-    description: string;
-    error: string;
-    input: InputClassNames;
-    label: string;
-    textField: string;
-}>;
-type TextFieldSizes = 'sm' | 'lg';
-type TextFieldMapping = {
-    description: Partial<Record<TextFieldSizes, string>>;
-    error: Partial<Record<TextFieldSizes, string>>;
-};
-type BaseTextFieldProps = {
-    classNames?: TextFieldClassNames;
-    mapping?: Partial<TextFieldMapping>;
-    size?: TextFieldSizes;
-};
-type TextFieldRenderProps = AsType<TextFieldRenderProps$1>;
-type TextFieldProps = AsType<Omit<TextFieldProps$1, 'className' | 'style'>> & BaseTextFieldProps;
-type TextFieldState = TextFieldRenderProps & Required<Pick<BaseTextFieldProps, 'size'>>;
-
-declare const textFieldContainer: string;
-declare const textFieldColorVars: {
-    description: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const textFieldSpaceVars: {
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const textFieldStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const textFieldClassNames: TextFieldClassNames;
-
-type TooltipClassNames = PartialDeep<{
-    tooltip: {
-        container: string;
-        tooltip: string;
-    };
-    target: {
-        container: string;
-        target: string;
-    };
-}>;
-type TooltipMapping = {
-    font: string;
-};
-type TooltipRenderProps = TooltipRenderProps$1 & {
-    /**
-     * If the tooltip is visible
-     */
-    isOpen: boolean;
-};
-type BaseProps$1 = {
-    classNames?: TooltipClassNames;
-    mapping?: Partial<TooltipMapping>;
-};
-type BaseTooltipProps = BaseProps$1 & {
-    children?: RenderPropsChildren<TooltipRenderProps>;
-};
-type BaseTooltipTargetProps = BaseProps$1 & {
-    focusable?: boolean;
-    relative?: 'parent' | 'self';
-};
-type TooltipState = Omit<TooltipRenderProps, 'state'> & Required<Pick<TooltipProps$1, 'containerPadding' | 'crossOffset' | 'offset'>>;
-type TooltipTargetState = Required<Pick<BaseTooltipTargetProps, 'focusable' | 'relative'>>;
-type TooltipProps = Omit<TooltipProps$1, 'className' | 'style' | 'UNSTABLE_portalContainer'> & BaseTooltipProps;
-type TooltipTargetProps = PropsWithChildren<BaseTooltipTargetProps>;
-
-declare const tooltipContainers: {
-    tooltip: string;
-    target: string;
-};
-declare const tooltipSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tooltipStateVars: {
-    containerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    crossOffset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    offset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tooltipTargetStateVars: {
-    focusable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    relative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const tooltipClassNames: TooltipClassNames;
-
-type TreeClassNames = PartialDeep<{
-    tree: {
-        container: string;
-        tree: string;
-    };
-    empty: string;
-    group: string;
-    indicator: {
-        container: string;
-        indicator: string;
-    };
-    item: {
-        container: string;
-        item: string;
-        bar: string;
-        lines: ButtonClassNames;
-        visibility: ButtonClassNames;
-        expansion: ButtonClassNames;
-        description: string;
-        actions: GroupClassNames;
-        selection: CheckboxClassNames;
-        drag: ButtonClassNames;
-    };
-}>;
-type TreeSizes = 'sm' | 'lg';
-type TreeMapping = {
-    actions: Partial<Record<TreeSizes, OmitProtectedProps<ButtonProps>>>;
-    button: Partial<Record<TreeSizes, OmitProtectedProps<ButtonProps>>>;
-    description: Partial<Record<TreeSizes, string>>;
-    drag: Partial<Record<TreeSizes, OmitProtectedProps<ButtonProps>>>;
-    expansion: Partial<Record<TreeSizes, OmitProtectedProps<ButtonProps>>>;
-    visibility: Partial<Record<TreeSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type TreeRenderProps<T> = UseTreeResult<T> & {
-    treeGroupProps: Omit<TreeGroupProps<T>, 'children'>;
-};
-type TreeGroupRenderProps = Omit<GridListRenderProps, 'state'>;
-type TreeIndicatorRenderProps = {
-    /**
-     * Whether the drop indicator is currently the active drop target.
-     * @selector [data-drop-target]
-     */
-    isDropTarget: boolean;
-};
-type TreeItemRenderProps<T> = AsType<GridListItemRenderProps> & {
-    node: TreeNode<T>;
-};
-type BaseProps<T> = {
-    children: RenderPropsChildren<TreeItemRenderProps<T>>;
-    mapping?: TreeMapping;
-    classNames?: TreeClassNames;
-};
-type BaseTreeProps<T> = Pick<DragAndDropOptions, 'renderDragPreview' | 'renderDropIndicator'> & ({
-    /**
-     * Tree defaults to automatically rendering the base TreeGroup, pass true
-     * to switch rendering modes to enable renderProps children that provides
-     * access to the internal state context and allows for customization of
-     * layout, but requires that a TreeGroup be manually implemented
-     */
-    provider?: false;
-    children: RenderPropsChildren<TreeItemRenderProps<T>>;
-} | {
-    provider: true;
-    children: Exclude<RenderPropsChildren<TreeRenderProps<T>>, ReactNode>;
-}) & {
-    allowsDragging?: boolean;
-    classNames?: TreeClassNames;
-    mapping?: TreeMapping;
-    showTreeLines?: boolean;
-    size?: TreeSizes;
-};
-type BaseTreeGroupProps<T> = {
-    id: Key$1;
-    nodes: TreeNode<T>[];
-};
-type BaseTreeItemProps<T> = {
-    index: number;
-    node: TreeNode<T>;
-    isFirstChild: boolean;
-    isLastChild: boolean;
-};
-type TreeState = Required<Pick<TreeRenderProps<unknown>, 'allowsExpansion' | 'allowsVisibility'>> & Required<Pick<BaseTreeProps<unknown>, 'allowsDragging' | 'showTreeLines' | 'size'>>;
-type TreeGroupState = TreeGroupRenderProps & {
-    /**
-     * The number of items in group
-     */
-    count: number;
-};
-type TreeIndicatorState = TreeIndicatorRenderProps & {
-    dropPosition: DropPosition | 'root';
-};
-type TreeItemState = Omit<TreeItemRenderProps<unknown>, 'node'> & Required<Pick<TreeGroupNode<unknown>, 'isExpanded' | 'isViewable' | 'isVisible'>> & Omit<BaseTreeItemProps<unknown>, 'node'> & {
-    /**
-     * The number of children
-     */
-    count: number;
-    /**
-     * If item has children
-     */
-    isGroup: boolean;
-};
-type TreeStateContextValue<T> = UseTreeResult<T> & Pick<TreeProps<T>, 'allowsDragging' | 'classNames' | 'disabledBehavior' | 'keyboardNavigationBehavior' | 'renderDragPreview' | 'renderEmptyState' | 'selectionBehavior' | 'selectionMode' | 'showTreeLines' | 'size' | 'onAction' | 'onScroll'>;
-type TreeProps<T> = AriaLabelingProps & Omit<GridListProps<T>, 'id' | 'children' | 'className' | 'dependencies' | 'disallowEmptySelection' | 'items' | 'renderDropIndicator' | 'style'> & UseTreeOptions<T> & BaseTreeProps<T>;
-type TreeGroupProps<T> = Omit<GridListProps<T>, 'id' | 'children' | 'className' | 'dependencies' | 'items' | 'style'> & Pick<TreeGroupNode<T>, 'types'> & BaseTreeGroupProps<T> & BaseProps<T>;
-type TreeItemProps<T> = SlotProps & Omit<GridListItemProps, 'children' | 'className' | 'style'> & BaseTreeItemProps<T> & BaseProps<T>;
-
-declare const treeContainers: {
-    tree: string;
-    group: string;
-    item: string;
-};
-declare const treeColorVars: {
-    bar: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    indicator: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const treeSpaceVars: {
-    bar: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    description: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    empty: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const treeStateVars: {
-    allowsDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    allowsExpansion: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    allowsVisibility: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    showTreeLines: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const treeGroupStateVars: {
-    count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const treeIndicatorStateVars: {
-    dropPosition: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const treeItemStateVars: {
-    allowsDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    index: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExpanded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFirstChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isGroup: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isLastChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isViewable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const treeClassNames: TreeClassNames;
-
-type DefaultsOf<T extends Record<string, object>> = {
-    [K in keyof T]?: OmitProtectedProps<T[K]>;
-};
-type DefaultsContext = DefaultsOf<{
-    Button: ButtonProps;
-    Checkbox: CheckboxProps;
-    CheckboxGroup: CheckboxGroupProps;
-    Chip: ChipProps;
-    ChipGroup: ChipGroupProps;
-    ComboBox: ComboBoxProps<object>;
-    Dialog: DialogProps;
-    Drawer: DrawerProps;
-    DrawerTab: DrawerTabProps;
-    DrawerTabList: DrawerTabListProps<unknown>;
-    Icon: IconProps;
-    Input: InputProps;
-    LinkButton: LinkButtonProps;
-    Menu: MenuProps;
-    MenuList: MenuListProps<unknown>;
-    MenuItem: MenuItemProps<unknown>;
-    NumberField: NumberFieldProps;
-    Options: OptionsProps;
-    OptionsList: OptionsListProps<object>;
-    OptionsItem: OptionsItemProps<object>;
-    Picker: PickerProps<unknown>;
-    Popover: PopoverProps;
-    Radio: RadioProps;
-    RadioGroup: RadioGroupProps;
-    SearchField: SearchFieldProps;
-    Select: SelectProps<object>;
-    Switch: SwitchProps;
-    Tab: TabProps;
-    TabList: TabListProps<unknown>;
-    TabPanel: TabPanelProps;
-    TabPanels: TabPanelsProps;
-    Tabs: TabsProps;
-    TextArea: TextAreaProps;
-    TextField: TextFieldProps;
-    ToggleButton: ToggleButtonProps;
-    Tooltip: TooltipProps;
-    TooltipTarget: TooltipTargetProps;
-    Tree: TreeProps<unknown>;
-}>;
-type DefaultsProviderProps = PropsWithChildren<{
-    defaults: DefaultsContext;
-}>;
-
-type ThemeContext = {
-    /**
-     * Intended as a way to pass classNames down to nested themes or global portals
-     */
-    className?: string;
-    /**
-     * Intended as a way to pass inline CSS variables down to nested themes or global portals
-     */
-    style?: CSSProperties;
-    /**
-     * Component specific classNames theme entrypoints
-     */
-    Button?: ButtonClassNames;
-    Checkbox?: CheckboxClassNames;
-    Chip?: ChipClassNames;
-    ComboBox?: ComboBoxClassNames;
-    Dialog?: DialogClassNames;
-    Drawer?: DrawerClassNames;
-    Group?: GroupClassNames;
-    Icon?: IconClassNames;
-    Input?: InputClassNames;
-    Menu?: MenuClassNames;
-    NumberField?: NumberFieldClassNames;
-    Options?: OptionsClassNames;
-    Picker?: PickerClassNames;
-    Popover?: PopoverClassNames;
-    QueryBuilder?: QueryBuilderClassNames;
-    Radio?: RadioClassNames;
-    SearchField?: SearchFieldClassNames;
-    Select?: SelectClassNames;
-    Switch?: SwitchClassNames;
-    Tabs?: TabsClassNames;
-    TextArea?: TextAreaClassNames;
-    TextField?: TextFieldClassNames;
-    Tooltip?: TooltipClassNames;
-    Tree?: TreeClassNames;
-};
-type ThemeVars = {
-    colors?: {
-        generic?: string;
-        semantic?: string;
-    };
-    elevation?: string;
-    focus?: string;
-    radius?: string;
-    sizes?: string;
-    space?: string;
-    typography?: string;
-    zIndex?: string;
-};
-type ThemeProviderProps = PropsWithChildren<{
-    className?: string;
-    /**
-     * Set to true to skip defaults and inherit classNames, styles, theme & vars from parent
-     * All other props will be merged on top of inherited theme
-     */
-    inherit?: boolean;
-    /**
-     * Use to set runtime CSS variables, not intended for other styles. Will be passed to
-     * nested themes and global portals
-     */
-    style?: CSSProperties;
-    theme?: ThemeContext;
-    vars?: ThemeVars;
-}>;
-
-/**
- * Parse out CSS var name from CSS var implementation
- *
- * @example
- * unwrapCssVar('var(--foo)')
- * // returns '--foo'
- *
- * @example
- * unwrapCssVar('var(--foo, blue)')
- * // returns '--foo'
- *
- * @example
- * unwrapCssVar('var(--foo, var(--bar))')
- * // returns '--foo'
- */
-declare function unwrapCssVar(cssVar: string): string;
-type FulfilledContract<T> = MapLeafNodes<T, null | number | string | RGBA>;
-/**
- * Convert contract to nested object of identical shape with computed CSS values
- * Pixel values are converted to numbers
- * RGB(A) values are converted to DeckGL compatible tuples
- * All other values are left unconverted
- */
-declare function computeContract<T extends Contract>(contract: T, css: CSSStyleDeclaration): FulfilledContract<T>;
-/**
- * Convert potentially nested contract and values pair into flattened CSS var record
- * The contract provides a lookup for CSS vars
- * The values are expected to partially match the contract shapeForm
- */
-declare function reduceContract<T extends Contract, U>(contract: T, values: PartialMapLeafNodes<T, U>): Record<`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`, U>;
-/**
- * Reduce contract and values into Vanilla Extract friendly CSS vars
- */
-declare function assignPartialVars<T extends Contract>(contract: T, values: PartialMapLeafNodes<T, Primitive>): {
-    [k: string]: string;
-};
-type CssVarValues = {
-    [key: string]: CssVarValues | Primitive;
-};
-type CssVarValueOptions<T extends object> = {
-    [P in keyof T]?: T[P] extends object ? CssVarValueOptions<T[P]> : T[P] | T[P][];
-};
-type Operators = 'and' | 'or';
-type ContainerQueryOptions = {
-    container?: string;
-    operator?: Operators;
-    maxHeight?: string;
-    minHeight?: string;
-    maxWidth?: string;
-    minWidth?: string;
-};
-type ContainerQueryValues<T extends CssVarValues> = CssVarValueOptions<T> & ContainerQueryOptions;
-type MultiContainerQuery<T extends CssVarValues> = {
-    operator?: Operators;
-    groups: ContainerQueryValues<T>[];
-};
-/**
- * Create simple or complex container queries with and/or operators.
- *
- * To provide type safety and ease of use, this function accepts a generic and a contract
- * The generic type defines the possible values for the parameters defined within the contract
- *
- * Ex: containerQuery<{ foo: boolean }>({ foo: 'var(--foo)' }, { foo: true })
- *
- * By providing the type constraint and contract, the query parameters will have intellisense
- * on which parameters exist and what their possible values can be
- *
- * @example
- * containerQuery(contract, { a: true })
- * // returns (a: true)
- *
- * @example
- * containerQuery(contract, { a: true, b: true })
- * // returns (a: true) and (b: true)
- *
- * @example
- * containerQuery(contract, { operator: 'or', a: true, b: true })
- * // returns (a: true) or (b: true)
- *
- * @example
- * containerQuery(contract, { groups: [{ a: true }, { b: true }] })
- * // returns (a: true) or (b: true)
- *
- * @example
- * containerQuery(contract, { a: ['foo', 'bar'] })
- * // returns (a: 'foo') or (a: 'bar')
- *
- * @example
- * containerQuery(contract, { a: ['foo', 'bar'], b: true })
- * // returns ((a: 'foo') or (a: 'bar')) and (b: true)
- *
- * @example
- * containerQuery(contract, { operator: 'or', a: ['foo', 'bar'], b: true })
- * // returns ((a: 'foo') or (a: 'bar')) or (b: true)
- *
- * @example
- * containerQuery(contract, { groups: [{ a: true, b: true }, { c: true, d: true }] })
- * // returns ((a: true) and (b: true)) or ((c: true) and (d: true))
- *
- * @example
- * containerQuery(contract, { operator: 'and', groups: [{ operator: 'or', a: true, b: true }, { c: true, d: true }] })
- * // returns ((a: true) or (b: true)) and ((c: true) and (d: true))
- *
- * @example
- * containerQuery(contract, { operator: 'and', groups: [{ operator: 'or', a: true, b: true }, { operator: 'or', c: true, d: true }] })
- * // returns ((a: true) or (b: true)) and ((c: true) or (d: true))
- */
-declare function containerQuery<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, query: ContainerQueryValues<T> | MultiContainerQuery<T>): string;
-type ContainerStyle = Exclude<StyleRule['@container'], undefined>[string];
-type ContainerQuery<T extends CssVarValues> = {
-    query: ContainerQueryValues<T> | MultiContainerQuery<T>;
-};
-type ContainerQueries<T extends CssVarValues> = ContainerStyle & ContainerQuery<T>;
-type GlobalContainerStyle = Exclude<GlobalStyleRule['@container'], undefined>[string];
-type GlobalContainerQueries<T extends CssVarValues> = GlobalContainerStyle & ContainerQuery<T>;
-/**
- * Bulk container query creation based on the same contract
- */
-declare function containerQueries<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, ...styles: ContainerQueries<T>[]): Record<string, ContainerStyle>;
-declare function containerQueries<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, ...styles: GlobalContainerQueries<T>[]): Record<string, GlobalContainerStyle>;
-type VarsOnlyContainerQuery<T extends CssVarValues> = Required<Pick<ContainerQueries<T>, 'query' | 'vars'>>;
-type QueryOptionalVarsOnlyContainerQuery<T extends CssVarValues> = Partial<Pick<VarsOnlyContainerQuery<T>, 'query'>> & Pick<VarsOnlyContainerQuery<T>, 'vars'>;
-/**
- * Helper for establishing global theme variables with the restriction that
- * only variables may be set (and are required). All other styles must be
- * established using alternative utils
- *
- * The first style rule has an optional query. If the query is missing, the vars
- * are set outside of a container query
- */
-declare function applyThemeVars<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, styles: [QueryOptionalVarsOnlyContainerQuery<T>, ...VarsOnlyContainerQuery<T>[]] | VarsOnlyContainerQuery<T>[], layer?: string): StyleRule;
-/**
- * Runtime creation of inline style CSS vars that enable CSS container queries
- */
-declare function inlineVars(vars: Record<string, Primitive>): Record<string, string>;
-declare function inlineVars<T extends Contract>(contract: T, values: PartialMapLeafNodes<T, Primitive>): Record<string, string>;
-
-/**
- * Be aware that using parent layers overrides their children
- *
- * Example: "framework" overrides "components"
- *
- * Because of this, it is recommended to never directly use the
- * parent layers directly, only their children, which is why we
- * don't export them
- */
-declare const layers: {
-    reset: string;
-    variables: Record<"l1" | "l5" | "l4" | "l2" | "l3", string>;
-    styles: string;
-    components: Record<"l1" | "l5" | "l4" | "l2" | "l3", string>;
-    overrides: Record<"l1" | "l5" | "l4" | "l2" | "l3", string>;
-};
-
-declare const surfaces: Record<"default" | "raised" | "overlay", {
-    flush: string;
-    proud: string;
-}>;
-
-/**
- * Values should be set as rgb(a) values to support sharing over to DeckGL
- */
-declare const genericColorVars: {
-    neutral: {
-        v01: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v02: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v03: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v04: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v05: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v06: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v07: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v08: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v09: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        v10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    highlight: {
-        primary: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    condition: {
-        base: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        advisory: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        affirmative: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        serious: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        critical: {
-            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-};
-declare const defaultGenericColorVarValues: MapLeafNodes<typeof genericColorVars, string>;
-declare const defaultGenericColors: string;
-/**
- * Values should be set as rgb(a) values to support sharing over to DeckGL
- */
-declare const semanticColorVars: {
-    background: {
-        surface: {
-            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            raised: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        interactive: {
-            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        highlight: {
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        info: {
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        advisory: {
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        affirmative: {
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        serious: {
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        critical: {
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    foreground: {
-        interactive: {
-            primary: {
-                bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            secondary: {
-                bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        advisory: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        affirmative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        serious: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        critical: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    border: {
-        static: {
-            exterior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            interior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        interactive: {
-            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        advisory: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        affirmative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        serious: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        critical: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const defaultSemanticColorVarValues: MapLeafNodes<typeof semanticColorVars, string>;
-declare const defaultSemanticColors: string;
-declare const elevationVars: {
-    default: {
-        surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    raised: {
-        surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    overlay: {
-        surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const defaultElevationVarValues: MapLeafNodes<typeof elevationVars, string>;
-declare const defaultElevations: string;
-/**
- * Values should be set as pixel values to support sharing over to DeckGL
- */
-declare const sizeVars: {
-    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v01: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v02: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v03: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v04: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v05: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v06: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v07: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v08: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v09: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    v10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const defaultSizesVarValues: MapLeafNodes<typeof sizeVars, string>;
-declare const defaultSizes: string;
-declare const spaceVars: {
-    heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    paragraph: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    list: {
-        group: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        item: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    lastChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const defaultSpaceVarValues: MapLeafNodes<typeof spaceVars, string>;
-declare const defaultSpace: string;
-declare const radiusVars: {
-    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    round: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const defaultRadiusVarValues: MapLeafNodes<typeof radiusVars, string>;
-declare const defaultRadius: string;
-declare const typographyVars: {
-    mono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    sans: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    serif: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    heading: {
-        v1: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        v2: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        v3: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        v4: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        v5: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        v6: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    body: {
-        xs: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        sm: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        md: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        lg: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        xl: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    input: {
-        sm: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        lg: {
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    label: {
-        height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-declare const defaultTypographyVarValues: MapLeafNodes<typeof typographyVars, string>;
-declare const defaultTypography: string;
-declare const zIndexVars: {
-    popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    drawer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    popup: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const defaultZIndexVarValues: MapLeafNodes<typeof zIndexVars, string>;
-declare const defaultZIndex: string;
-declare const focusVars: {
-    offset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    style: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-declare const defaultFocusVarValues: MapLeafNodes<typeof focusVars, string>;
-declare const defaultFocus: string;
-declare const focusOutlineStyle: CSSProperties$1;
-
-declare const families: {
-    mono: string;
-    sans: string;
-    serif: string;
-};
-type HeadingVariants = keyof typeof typographyVars.heading;
-type Headings = Record<HeadingVariants, string>;
-declare const headings: Headings;
-type BodyVariants = keyof typeof typographyVars.body;
-type Bodies = Record<BodyVariants, string>;
-declare const bodies: Bodies;
-type InputVariants = keyof typeof typographyVars.input;
-type Inputs = Record<InputVariants, string>;
-declare const inputs: Inputs;
-declare const label: string;
-
-export { type OptionsSizes as $, type DrawerMapping as A, type ButtonProps as B, type CheckboxProps as C, type DialogProps as D, type BaseGroupProps as E, type IconSizes as F, type GroupProps as G, type InputProps as H, type IconProps as I, type BaseInputProps as J, type MenuClassNames as K, type LinkButtonProps as L, type MenuProps as M, type MenuMapping as N, type MenuSizes as O, type ProviderValues as P, type MenuListProps as Q, type RenderPropsChildren as R, type MenuItemProps as S, type ToggleButtonProps as T, type NumberFieldProps as U, type NumberFieldClassNames as V, type NumberFieldMapping as W, type NumberFieldSizes as X, type OptionsProps as Y, type OptionsClassNames as Z, type OptionsMapping as _, type ButtonRenderProps as a, type UseTreeOptions as a$, type OptionsListProps as a0, type OptionsItemProps as a1, type PickerProps as a2, type PickerItemProps as a3, type PickerClassNames as a4, type PopoverProps as a5, type PopoverRenderProps as a6, type PopoverClassNames as a7, type PopoverMapping as a8, type QueryBuilderContextValue as a9, type TextAreaProps as aA, type BaseTextAreaProps as aB, type TextFieldProps as aC, type TextFieldClassNames as aD, type TextFieldMapping as aE, type TextFieldSizes as aF, type TooltipProps as aG, type TooltipClassNames as aH, type TooltipMapping as aI, type TooltipRenderProps as aJ, type TooltipTargetProps as aK, type TreeStateContextValue as aL, type TreeProps as aM, type TreeGroupProps as aN, type TreeItemProps as aO, type OmitProtectedProps as aP, type RadioProps as aQ, type TabProps as aR, type DefaultsContext as aS, type DefaultsProviderProps as aT, type ClassNames as aU, type AsType as aV, type RGBA as aW, type Contract as aX, type ThemeContext as aY, computeContract as aZ, type ThemeProviderProps as a_, type QueryBuilderProps as aa, type RadioContextProps as ab, type RadioRenderProps as ac, type RadioClassNames as ad, type RadioAlignment as ae, type RadioGroupProps as af, type SearchFieldProps as ag, type SearchFieldClassNames as ah, type SearchFieldMapping as ai, type InputSize as aj, type SearchFieldVariants as ak, type SelectProps as al, type SelectClassNames as am, type SelectMapping as an, type SelectSizes as ao, type SwitchProps as ap, type BaseSwitchProps as aq, type TabsProps as ar, type TabsClassNames as as, type TabListProps as at, type TabListAlignment as au, type TabListAnchor as av, type TabListSizes as aw, type TabListVariants as ax, type TabPanelsProps as ay, type TabPanelProps as az, type ButtonColors as b, optionsStateVars as b$, type UseTreeResult as b0, buttonClassNames as b1, buttonColorVars as b2, buttonContainer as b3, buttonSpaceVars as b4, buttonStateVars as b5, checkboxClassNames as b6, checkboxColorVars as b7, checkboxContainer as b8, checkboxGroupStateVars as b9, groupSpaceVars as bA, groupStateVars as bB, iconClassNames as bC, iconColorVars as bD, iconContainer as bE, iconSpaceVars as bF, iconStateVars as bG, inputClassNames as bH, inputColorVars as bI, inputContainer as bJ, inputSpaceVars as bK, inputStateVars as bL, menuColorVars as bM, menuItemStateVars as bN, menuSpaceVars as bO, menuStateVars as bP, numberFieldClassNames as bQ, numberFieldColorVars as bR, numberFieldContainer as bS, numberFieldSpaceVars as bT, numberFieldStateVars as bU, optionsClassNames as bV, optionsColorVars as bW, optionsContainers as bX, optionsItemStateVars as bY, optionsListStateVars as bZ, optionsSpaceVars as b_, checkboxSpaceVars as ba, checkboxStateVars as bb, chipClassNames as bc, chipColorVars as bd, chipContainer as be, chipSpaceVars as bf, chipStateVars as bg, comboBoxClassNames as bh, comboBoxColorVars as bi, comboBoxContainer as bj, comboBoxSpaceVars as bk, comboBoxStateVars as bl, dialogClassNames as bm, dialogColorVars as bn, dialogContainer as bo, dialogSpaceVars as bp, dialogStateVars as bq, drawerAnimationVars as br, drawerClassNames as bs, drawerColorVars as bt, drawerContainer as bu, drawerDialogStateVars as bv, drawerSpaceVars as bw, drawerStateVars as bx, groupClassNames as by, groupContainer as bz, type ButtonMapping as c, treeIndicatorStateVars as c$, pickerClassNames as c0, pickerContainers as c1, pickerItemColorVars as c2, pickerItemStateVars as c3, pickerSpaceVars as c4, pickerStateVars as c5, popoverClassNames as c6, popoverColorVars as c7, popoverSpaceVars as c8, popoverStateVars as c9, tabColorVars as cA, tabListStateVars as cB, tabPanelStateVars as cC, tabPanelsStateVars as cD, tabSpaceVars as cE, tabStateVars as cF, tabsClassNames as cG, tabsContainers as cH, textAreaClassNames as cI, textAreaColorVars as cJ, textAreaContainer as cK, textAreaSpaceVars as cL, textAreaStateVars as cM, textFieldClassNames as cN, textFieldColorVars as cO, textFieldContainer as cP, textFieldSpaceVars as cQ, textFieldStateVars as cR, tooltipClassNames as cS, tooltipContainers as cT, tooltipSpaceVars as cU, tooltipStateVars as cV, tooltipTargetStateVars as cW, treeClassNames as cX, treeColorVars as cY, treeContainers as cZ, treeGroupStateVars as c_, queryBuilderClassNames as ca, queryBuilderColorVars as cb, queryBuilderContainers as cc, queryBuilderGroupStateVars as cd, queryBuilderRuleStateVars as ce, queryBuilderSpaceVars as cf, queryBuilderStateVars as cg, radioClassNames as ch, radioColorVars as ci, radioGroupStateVars as cj, radioSpaceVars as ck, radioStateVars as cl, searchFieldClassNames as cm, searchFieldContainer as cn, searchFieldSpaceVars as co, searchFieldStateVars as cp, selectClassNames as cq, selectColorVars as cr, selectContainer as cs, selectSpaceVars as ct, selectStateVars as cu, switchClassNames as cv, switchColorVars as cw, switchContainer as cx, switchSpaceVars as cy, switchStateVars as cz, type ButtonSizes as d, type TabPanelState as d$, treeItemStateVars as d0, treeSpaceVars as d1, treeStateVars as d2, type ButtonClassNames as d3, type ButtonState as d4, type CheckboxGroupState as d5, type CheckboxState as d6, type ChipClassNames as d7, type ChipColors as d8, type ChipMapping as d9, type NumberFieldState as dA, type OptionsItemState as dB, type OptionsListState as dC, type OptionsState as dD, type PickerItemRenderProps as dE, type PickerItemState as dF, type PickerState as dG, type PopoverState as dH, type QueryBuilderClassNames as dI, type QueryBuilderGroupState as dJ, type QueryBuilderMapping as dK, type QueryBuilderRuleState as dL, type QueryBuilderSizes as dM, type QueryBuilderState as dN, type QueryBuilderValueEditors as dO, type RadioGroupState as dP, type RadioState as dQ, type SearchFieldRenderProps as dR, type SearchFieldState as dS, type SelectRenderProps as dT, type SelectState as dU, type SwitchAlignment as dV, type SwitchClassNames as dW, type SwitchRenderProps as dX, type SwitchState as dY, type TabListState as dZ, type TabPanelRenderProps as d_, type ChipRenderProps as da, type ChipSizes as db, type ChipState as dc, type ComboBoxRenderProps as dd, type ComboBoxState as de, type DialogClassNames as df, type DialogState as dg, type DrawerAnchor as dh, type DrawerDialogProps as di, type DrawerDialogState as dj, type DrawerRenderProps as dk, type DrawerState as dl, type DrawerTabRenderProps as dm, type GroupClassNames as dn, type GroupState as dp, type IconClassNames as dq, type IconState as dr, type InputClassNames as ds, type InputMapping as dt, type InputRenderProps as du, type InputState as dv, type InputType as dw, type MenuItemRenderProps as dx, type MenuItemState as dy, type MenuState as dz, type ButtonVariants as e, type RenderProps as e$, type TabPanelsState as e0, type TabRenderProps as e1, type TabState as e2, type TextAreaClassNames as e3, type TextAreaRenderProps as e4, type TextAreaState as e5, type TextFieldState as e6, type TooltipState as e7, type TooltipTargetState as e8, type TreeClassNames as e9, defaultTypography as eA, defaultTypographyVarValues as eB, defaultZIndex as eC, defaultZIndexVarValues as eD, elevationVars as eE, families as eF, focusOutlineStyle as eG, focusVars as eH, genericColorVars as eI, headings as eJ, inputs as eK, label as eL, layers as eM, radiusVars as eN, semanticColorVars as eO, sizeVars as eP, spaceVars as eQ, surfaces as eR, typographyVars as eS, zIndexVars as eT, type ChildrenRenderProps as eU, type ClassNameRenderProps as eV, type CssVarFunction as eW, type MapLeafNodes as eX, type PartialMapLeafNodes as eY, type Primitive as eZ, type ProviderValue as e_, type TreeGroupRenderProps as ea, type TreeGroupState as eb, type TreeIndicatorRenderProps as ec, type TreeIndicatorState as ed, type TreeItemRenderProps as ee, type TreeItemState as ef, type TreeMapping as eg, type TreeRenderProps as eh, type TreeSizes as ei, type TreeState as ej, type ThemeVars as ek, bodies as el, defaultElevationVarValues as em, defaultElevations as en, defaultFocus as eo, defaultFocusVarValues as ep, defaultGenericColorVarValues as eq, defaultGenericColors as er, defaultRadius as es, defaultRadiusVarValues as et, defaultSemanticColorVarValues as eu, defaultSemanticColors as ev, defaultSizes as ew, defaultSizesVarValues as ex, defaultSpace as ey, defaultSpaceVarValues as ez, type CheckboxRenderProps as f, type RenderPropsClassName as f0, type RenderPropsStyle as f1, type StylePropRenderProps as f2, type StyleRenderProps as f3, type TreeActions as f4, type TreeGroupNode as f5, type TreeItemNode as f6, type TreeNode as f7, type TreeNodes as f8, applyThemeVars as f9, assignPartialVars as fa, containerQueries as fb, containerQuery as fc, inlineVars as fd, unwrapCssVar as fe, reduceContract as ff, type CheckboxClassNames as g, type CheckboxAlignment as h, type CheckboxGroupProps as i, type CheckboxGroupRenderProps as j, type ChipProps as k, type ChipItemProps as l, type BaseChipProps as m, type ChipListProps as n, type ChipGroupProps as o, type ComboBoxProps as p, type ComboBoxClassNames as q, type ComboBoxMapping as r, type ComboBoxSizes as s, type DialogRenderProps as t, type DialogMapping as u, type DialogSizes as v, type DrawerProps as w, type DrawerTabListProps as x, type DrawerTabProps as y, type DrawerClassNames as z };