@accelint/design-system 0.2.1 → 0.3.0

package/dist/vanilla-DUNpoS8t.d.ts

@@ -0,0 +1,2514 @@
+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, Orientation, PressEvents, AriaOverlayProps } from 'react-aria';
+import { PartialDeep, LiteralUnion } from 'type-fest';
+import { AriaLabelingProps } from '@react-types/shared';
+import { TreeData, Selection, SelectionMode, OverlayTriggerState, OverlayTriggerProps } from 'react-stately';
+import { ValueEditorProps, QueryBuilderProps as QueryBuilderProps$1, RuleGroupType, FullField, FullOperator, FullCombinator, RuleGroupProps, useRuleGroup } from 'react-querybuilder';
+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;
+
+/**
+ * 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 TreeClassNames 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 RadioProps as aP, type TabProps as aQ, type OmitProtectedProps as aR, type ButtonClassNames as aS, type ChipClassNames as aT, type DialogClassNames as aU, type GroupClassNames as aV, type IconClassNames as aW, type InputClassNames as aX, type QueryBuilderClassNames as aY, type SwitchClassNames as aZ, type TextAreaClassNames 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, optionsClassNames as b$, type ClassNames as b0, type AsType as b1, type RGBA as b2, type Contract as b3, computeContract as b4, type UseTreeOptions as b5, type UseTreeResult as b6, buttonClassNames as b7, buttonColorVars as b8, buttonContainer as b9, drawerContainer as bA, drawerDialogStateVars as bB, drawerSpaceVars as bC, drawerStateVars as bD, groupClassNames as bE, groupContainer as bF, groupSpaceVars as bG, groupStateVars as bH, iconClassNames as bI, iconColorVars as bJ, iconContainer as bK, iconSpaceVars as bL, iconStateVars as bM, inputClassNames as bN, inputColorVars as bO, inputContainer as bP, inputSpaceVars as bQ, inputStateVars as bR, menuColorVars as bS, menuItemStateVars as bT, menuSpaceVars as bU, menuStateVars as bV, numberFieldClassNames as bW, numberFieldColorVars as bX, numberFieldContainer as bY, numberFieldSpaceVars as bZ, numberFieldStateVars as b_, buttonSpaceVars as ba, buttonStateVars as bb, checkboxClassNames as bc, checkboxColorVars as bd, checkboxContainer as be, checkboxGroupStateVars as bf, checkboxSpaceVars as bg, checkboxStateVars as bh, chipClassNames as bi, chipColorVars as bj, chipContainer as bk, chipSpaceVars as bl, chipStateVars as bm, comboBoxClassNames as bn, comboBoxColorVars as bo, comboBoxContainer as bp, comboBoxSpaceVars as bq, comboBoxStateVars as br, dialogClassNames as bs, dialogColorVars as bt, dialogContainer as bu, dialogSpaceVars as bv, dialogStateVars as bw, drawerAnimationVars as bx, drawerClassNames as by, drawerColorVars as bz, type ButtonMapping as c, tooltipStateVars as c$, optionsColorVars as c0, optionsContainers as c1, optionsItemStateVars as c2, optionsListStateVars as c3, optionsSpaceVars as c4, optionsStateVars as c5, pickerClassNames as c6, pickerContainers as c7, pickerItemColorVars as c8, pickerItemStateVars as c9, selectStateVars as cA, switchClassNames as cB, switchColorVars as cC, switchContainer as cD, switchSpaceVars as cE, switchStateVars as cF, tabColorVars as cG, tabListStateVars as cH, tabPanelStateVars as cI, tabPanelsStateVars as cJ, tabSpaceVars as cK, tabStateVars as cL, tabsClassNames as cM, tabsContainers as cN, textAreaClassNames as cO, textAreaColorVars as cP, textAreaContainer as cQ, textAreaSpaceVars as cR, textAreaStateVars as cS, textFieldClassNames as cT, textFieldColorVars as cU, textFieldContainer as cV, textFieldSpaceVars as cW, textFieldStateVars as cX, tooltipClassNames as cY, tooltipContainers as cZ, tooltipSpaceVars as c_, pickerSpaceVars as ca, pickerStateVars as cb, popoverClassNames as cc, popoverColorVars as cd, popoverSpaceVars as ce, popoverStateVars as cf, queryBuilderClassNames as cg, queryBuilderColorVars as ch, queryBuilderContainers as ci, queryBuilderGroupStateVars as cj, queryBuilderRuleStateVars as ck, queryBuilderSpaceVars as cl, queryBuilderStateVars as cm, radioClassNames as cn, radioColorVars as co, radioGroupStateVars as cp, radioSpaceVars as cq, radioStateVars as cr, searchFieldClassNames as cs, searchFieldContainer as ct, searchFieldSpaceVars as cu, searchFieldStateVars as cv, selectClassNames as cw, selectColorVars as cx, selectContainer as cy, selectSpaceVars as cz, type ButtonSizes as d, type TabRenderProps as d$, tooltipTargetStateVars as d0, treeClassNames as d1, treeColorVars as d2, treeContainers as d3, treeGroupStateVars as d4, treeIndicatorStateVars as d5, treeItemStateVars as d6, treeSpaceVars as d7, treeStateVars as d8, type ButtonState 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 QueryBuilderGroupState as dI, type QueryBuilderMapping as dJ, type QueryBuilderRuleState as dK, type QueryBuilderSizes as dL, type QueryBuilderState as dM, type QueryBuilderValueEditors as dN, type RadioGroupState as dO, type RadioState as dP, type SearchFieldRenderProps as dQ, type SearchFieldState as dR, type SelectRenderProps as dS, type SelectState as dT, type SwitchAlignment as dU, type SwitchRenderProps as dV, type SwitchState as dW, type TabListState as dX, type TabPanelRenderProps as dY, type TabPanelState as dZ, type TabPanelsState as d_, type CheckboxGroupState as da, type CheckboxState as db, type ChipColors as dc, type ChipMapping as dd, type ChipRenderProps as de, type ChipSizes as df, type ChipState as dg, type ComboBoxRenderProps as dh, type ComboBoxState as di, type DialogState as dj, type DrawerAnchor as dk, type DrawerDialogProps as dl, type DrawerDialogState as dm, type DrawerRenderProps as dn, type DrawerState as dp, type DrawerTabRenderProps as dq, type GroupState as dr, type IconState 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 TreeActions as e$, type TabState as e0, type TextAreaRenderProps as e1, type TextAreaState as e2, type TextFieldState as e3, type TooltipState as e4, type TooltipTargetState as e5, type TreeGroupRenderProps as e6, type TreeGroupState as e7, type TreeIndicatorRenderProps as e8, type TreeIndicatorState as e9, families as eA, focusOutlineStyle as eB, focusVars as eC, genericColorVars as eD, headings as eE, inputs as eF, label as eG, layers as eH, radiusVars as eI, semanticColorVars as eJ, sizeVars as eK, spaceVars as eL, surfaces as eM, typographyVars as eN, zIndexVars as eO, type ChildrenRenderProps as eP, type ClassNameRenderProps as eQ, type CssVarFunction as eR, type MapLeafNodes as eS, type PartialMapLeafNodes as eT, type Primitive as eU, type ProviderValue as eV, type RenderProps as eW, type RenderPropsClassName as eX, type RenderPropsStyle as eY, type StylePropRenderProps as eZ, type StyleRenderProps as e_, type TreeItemRenderProps as ea, type TreeItemState as eb, type TreeMapping as ec, type TreeRenderProps as ed, type TreeSizes as ee, type TreeState as ef, bodies as eg, defaultElevationVarValues as eh, defaultElevations as ei, defaultFocus as ej, defaultFocusVarValues as ek, defaultGenericColorVarValues as el, defaultGenericColors as em, defaultRadius as en, defaultRadiusVarValues as eo, defaultSemanticColorVarValues as ep, defaultSemanticColors as eq, defaultSizes as er, defaultSizesVarValues as es, defaultSpace as et, defaultSpaceVarValues as eu, defaultTypography as ev, defaultTypographyVarValues as ew, defaultZIndex as ex, defaultZIndexVarValues as ey, elevationVars as ez, type CheckboxRenderProps as f, type TreeGroupNode as f0, type TreeItemNode as f1, type TreeNode as f2, type TreeNodes as f3, applyThemeVars as f4, assignPartialVars as f5, containerQueries as f6, containerQuery as f7, inlineVars as f8, unwrapCssVar as f9, reduceContract as fa, 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 };