figma-kit 0.0.0 → 1.0.0-beta.2

package/dist/index.d.ts

@@ -0,0 +1,874 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import * as RadixCollapsible from '@radix-ui/react-collapsible';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixMenu_2 from '@radix-ui/react-context-menu';
+import * as RadixPopover from '@radix-ui/react-popover';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+import * as RadixSelect from '@radix-ui/react-select';
+import * as RadixSlider from '@radix-ui/react-slider';
+import * as RadixSwitch from '@radix-ui/react-switch';
+import * as RadixTabs from '@radix-ui/react-tabs';
+import * as RadixToggleGroup from '@radix-ui/react-toggle-group';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { TextareaAutosizeProps } from 'react-textarea-autosize';
+import { VariantProps } from 'class-variance-authority';
+
+declare const Action: default_2.ForwardRefExoticComponent<ActionProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type ActionProps = Omit<RadixAlertDialog.AlertDialogActionProps, 'asChild'>;
+
+declare const Actions: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    children: default_2.ReactNode;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ActionsProps = default_2.ComponentPropsWithoutRef<'div'> & {
+    children: default_2.ReactNode;
+};
+
+declare namespace AlertDialog {
+    export {
+        RootProps_9 as RootProps,
+        TriggerProps_7 as TriggerProps,
+        ContentProps_7 as ContentProps,
+        OverlayProps_2 as OverlayProps,
+        PortalProps_3 as PortalProps,
+        TitleProps_3 as TitleProps,
+        DescriptionProps,
+        ActionsProps,
+        CancelProps,
+        ActionProps,
+        Root_10 as Root,
+        Trigger_7 as Trigger,
+        Content_7 as Content,
+        Overlay_2 as Overlay,
+        Portal_3 as Portal,
+        Title_3 as Title,
+        Description_2 as Description,
+        Actions,
+        Cancel,
+        Action
+    }
+}
+export { AlertDialog }
+
+declare const Anchor: default_2.ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type AnchorProps = RadixPopover.PopoverAnchorProps;
+
+declare const Arrow: default_2.ForwardRefExoticComponent<RadixSelect.SelectArrowProps & default_2.RefAttributes<SVGSVGElement>>;
+
+export declare const Button: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "text" | "primary" | "secondary" | "inverse" | "destructive" | "success" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Cancel: default_2.ForwardRefExoticComponent<CancelProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type CancelProps = Omit<RadixAlertDialog.AlertDialogCancelProps, 'asChild'>;
+
+declare namespace Checkbox {
+    export {
+        CheckboxProps,
+        Root_4 as Root,
+        Input_2 as Input,
+        Label_3 as Label,
+        Description
+    }
+}
+export { Checkbox }
+
+declare const CheckboxItem: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuCheckboxItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const CheckboxItem_2: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuCheckboxItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type CheckboxItemProps = RadixMenu.DropdownMenuCheckboxItemProps;
+
+declare type CheckboxItemProps_2 = RadixMenu_2.ContextMenuCheckboxItemProps;
+
+declare type CheckboxProps = default_2.ComponentPropsWithoutRef<'input'> & {
+    indeterminate?: boolean;
+};
+
+declare const Close: default_2.ForwardRefExoticComponent<CloseProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Close_2: default_2.ForwardRefExoticComponent<CloseProps_2 & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type CloseProps = Omit<RadixPopover.PopoverCloseProps, 'asChild'>;
+
+declare type CloseProps_2 = Omit<RadixDialog.DialogCloseProps, 'asChild'>;
+
+declare namespace Collapsible {
+    export {
+        RootProps_11 as RootProps,
+        ContentProps_8 as ContentProps,
+        TriggerProps_8 as TriggerProps,
+        Root_12 as Root,
+        Content_8 as Content,
+        Trigger_8 as Trigger
+    }
+}
+export { Collapsible }
+
+declare const Content: default_2.ForwardRefExoticComponent<RadixTabs.TabsContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const content: (props?: ({
+    size?: "1" | "2" | "3" | "fullscreen" | null | undefined;
+    placement?: "center" | "top" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare const Content_2: default_2.ForwardRefExoticComponent<RadixSelect.SelectContentProps & {
+    portal?: boolean | undefined;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const content_2: (props?: ({
+    size?: "1" | "2" | "3" | null | undefined;
+    placement?: "center" | "top" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare const Content_3: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Content_4: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Content_5: default_2.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & {
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    maxHeight?: CSSProperties['maxHeight'];
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Content_6: default_2.ForwardRefExoticComponent<RadixDialog.DialogContentProps & VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "fullscreen" | null | undefined;
+    placement?: "center" | "top" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    maxHeight?: CSSProperties['maxHeight'];
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Content_7: default_2.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogContentProps & VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | null | undefined;
+    placement?: "center" | "top" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    maxHeight?: CSSProperties['maxHeight'];
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Content_8: default_2.ForwardRefExoticComponent<RadixCollapsible.CollapsibleContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ContentProps = RadixTabs.TabsContentProps;
+
+declare type ContentProps_2 = RadixSelect.SelectContentProps & {
+    portal?: boolean;
+};
+
+declare type ContentProps_3 = RadixMenu.DropdownMenuContentProps;
+
+declare type ContentProps_4 = RadixMenu_2.ContextMenuContentProps;
+
+declare type ContentProps_5 = RadixPopover.PopoverContentProps & {
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    maxHeight?: CSSProperties['maxHeight'];
+};
+
+declare type ContentProps_6 = RadixDialog.DialogContentProps & VariantProps<typeof content> & {
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    maxHeight?: CSSProperties['maxHeight'];
+};
+
+declare type ContentProps_7 = RadixAlertDialog.AlertDialogContentProps & VariantProps<typeof content_2> & {
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    maxHeight?: CSSProperties['maxHeight'];
+};
+
+declare type ContentProps_8 = RadixCollapsible.CollapsibleContentProps;
+
+declare namespace ContextMenu {
+    export {
+        RootProps_6 as RootProps,
+        TriggerProps_4 as TriggerProps,
+        ContentProps_4 as ContentProps,
+        ItemProps_5 as ItemProps,
+        SeparatorProps_3 as SeparatorProps,
+        GroupProps_3 as GroupProps,
+        LabelProps_5 as LabelProps,
+        SubProps_2 as SubProps,
+        SubTriggerProps_2 as SubTriggerProps,
+        SubContentProps_2 as SubContentProps,
+        CheckboxItemProps_2 as CheckboxItemProps,
+        RadioGroupProps_2 as RadioGroupProps,
+        RadioItemProps_2 as RadioItemProps,
+        Root_7 as Root,
+        Trigger_4 as Trigger,
+        Content_4 as Content,
+        Item_5 as Item,
+        Separator_3 as Separator,
+        Group_3 as Group,
+        Label_6 as Label,
+        Sub_2 as Sub,
+        SubTrigger_2 as SubTrigger,
+        SubContent_2 as SubContent,
+        CheckboxItem_2 as CheckboxItem,
+        RadioGroup_3 as RadioGroup,
+        RadioItem_2 as RadioItem
+    }
+}
+export { ContextMenu }
+
+declare const Controls: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ControlsProps = default_2.ComponentPropsWithoutRef<'div'>;
+
+export declare function createIcon(options: Options): default_2.ForwardRefExoticComponent<Omit<default_2.SVGProps<SVGSVGElement>, "ref"> & VariantProps<(props?: ({
+    size?: "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<SVGSVGElement>>;
+
+declare const Description: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & default_2.RefAttributes<HTMLLabelElement>>;
+
+declare const Description_2: default_2.ForwardRefExoticComponent<DescriptionProps & default_2.RefAttributes<HTMLParagraphElement>>;
+
+declare type DescriptionProps = Omit<RadixAlertDialog.AlertDialogDescriptionProps, 'asChild'>;
+
+declare namespace Dialog {
+    export {
+        RootProps_8 as RootProps,
+        TriggerProps_6 as TriggerProps,
+        PortalProps_2 as PortalProps,
+        ContentProps_6 as ContentProps,
+        OverlayProps,
+        TitleProps_2 as TitleProps,
+        CloseProps_2 as CloseProps,
+        Root_9 as Root,
+        Trigger_6 as Trigger,
+        Portal_2 as Portal,
+        Content_6 as Content,
+        Overlay,
+        Title_2 as Title,
+        Close_2 as Close,
+        HeaderProps,
+        SectionProps,
+        ControlsProps,
+        Header,
+        Section,
+        Controls
+    }
+}
+export { Dialog }
+
+declare namespace DropdownMenu {
+    export {
+        RootProps_5 as RootProps,
+        TriggerProps_3 as TriggerProps,
+        ContentProps_3 as ContentProps,
+        ItemProps_4 as ItemProps,
+        SeparatorProps_2 as SeparatorProps,
+        GroupProps_2 as GroupProps,
+        LabelProps_4 as LabelProps,
+        SubProps,
+        SubTriggerProps,
+        SubContentProps,
+        CheckboxItemProps,
+        RadioGroupProps,
+        RadioItemProps,
+        Root_6 as Root,
+        Trigger_3 as Trigger,
+        Content_3 as Content,
+        Item_4 as Item,
+        Separator_2 as Separator,
+        Group_2 as Group,
+        Label_5 as Label,
+        Sub,
+        SubTrigger,
+        SubContent,
+        CheckboxItem,
+        RadioGroup_2 as RadioGroup,
+        RadioItem
+    }
+}
+export { DropdownMenu }
+
+export declare const Flex: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+    align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "end" | "start" | "between" | null | undefined;
+    wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+    gap?: "px" | "0" | "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | "0_5" | "1_5" | "11" | "12" | "13" | "14" | "15" | "16" | null | undefined;
+    columnGap?: "px" | "0" | "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | "0_5" | "1_5" | "11" | "12" | "13" | "14" | "15" | "16" | null | undefined;
+    rowGap?: "px" | "0" | "1" | "2" | "3" | "6" | "2_5" | "3_5" | "4" | "5" | "7" | "8" | "9" | "10" | "0_5" | "1_5" | "11" | "12" | "13" | "14" | "15" | "16" | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Group: default_2.ForwardRefExoticComponent<RadixSelect.SelectGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Group_2: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Group_3: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type GroupProps = RadixSelect.SelectGroupProps;
+
+declare type GroupProps_2 = RadixMenu.DropdownMenuGroupProps;
+
+declare type GroupProps_3 = RadixMenu_2.ContextMenuGroupProps;
+
+declare const Header: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & default_2.RefAttributes<HTMLElement>>;
+
+declare type HeaderProps = default_2.ComponentPropsWithoutRef<'header'>;
+
+declare const Hex: default_2.ForwardRefExoticComponent<Omit<InputProps, "onChange" | "value"> & {
+    /** Color in Figma's RGBA format */
+    value: RGBA;
+    /** Callback to call upon submission. */
+    onChange: (value: RGBA) => void;
+    /**
+     * Ignores the alpha channel in user input, treating it as opaque. Useful when rendering without an alpha field.
+     * Results in 'onChange' always being called with an alpha value of 1.
+     * @default false
+     * */
+    ignoreAlpha?: boolean | undefined;
+} & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type HexProps = Omit<InputProps, 'value' | 'onChange'> & {
+    /** Color in Figma's RGBA format */
+    value: RGBA;
+    /** Callback to call upon submission. */
+    onChange: (value: RGBA) => void;
+    /**
+     * Ignores the alpha channel in user input, treating it as opaque. Useful when rendering without an alpha field.
+     * Results in 'onChange' always being called with an alpha value of 1.
+     * @default false
+     * */
+    ignoreAlpha?: boolean;
+};
+
+export declare const IconButton: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | null | undefined;
+    activeAppearance?: "subtle" | "solid" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    'aria-label': string;
+    tooltipContent?: default_2.ReactNode;
+    disableTooltip?: boolean | undefined;
+} & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const Input: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    selectOnClick?: boolean | undefined;
+} & default_2.RefAttributes<HTMLInputElement>>;
+
+declare const Input_2: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    indeterminate?: boolean | undefined;
+} & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type InputProps = default_2.ComponentPropsWithoutRef<'input'> & {
+    selectOnClick?: boolean;
+};
+
+declare const Item: default_2.ForwardRefExoticComponent<RadixToggleGroup.ToggleGroupItemProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Item_2: default_2.ForwardRefExoticComponent<RadixRadioGroup.RadioGroupItemProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Item_3: default_2.ForwardRefExoticComponent<RadixSelect.SelectItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Item_4: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Item_5: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ItemProps = RadixToggleGroup.ToggleGroupItemProps;
+
+declare type ItemProps_2 = RadixRadioGroup.RadioGroupItemProps;
+
+declare type ItemProps_3 = RadixSelect.SelectItemProps;
+
+declare type ItemProps_4 = RadixMenu.DropdownMenuItemProps;
+
+declare type ItemProps_5 = RadixMenu_2.ContextMenuItemProps;
+
+export declare const Label: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    weight?: "strong" | "default" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
+    block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLLabelElement>>;
+
+declare const Label_2: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
+size?: "small" | "medium" | "large" | null | undefined;
+weight?: "strong" | "default" | null | undefined;
+align?: "center" | "end" | "start" | null | undefined;
+block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLLabelElement>>;
+
+declare const Label_3: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & default_2.RefAttributes<HTMLLabelElement>>;
+
+declare const Label_4: default_2.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Label_5: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuLabelProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Label_6: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuLabelProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Label_7: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & default_2.RefAttributes<HTMLSpanElement>>;
+
+declare type LabelProps = LabelProps_2;
+
+declare type LabelProps_2 = default_2.ComponentPropsWithoutRef<'label'> & VariantProps<typeof text>;
+
+declare type LabelProps_3 = RadixSelect.SelectLabelProps;
+
+declare type LabelProps_4 = RadixMenu.DropdownMenuLabelProps;
+
+declare type LabelProps_5 = RadixMenu_2.ContextMenuLabelProps;
+
+declare type LabelProps_6 = default_2.ComponentPropsWithoutRef<'span'>;
+
+export declare const Link: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    weight?: "strong" | "default" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
+    block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    asChild?: boolean | undefined;
+} & default_2.RefAttributes<HTMLAnchorElement>>;
+
+declare const List: default_2.ForwardRefExoticComponent<RadixTabs.TabsListProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ListProps = RadixTabs.TabsListProps;
+
+declare const Multi: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    disabled?: boolean | undefined;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type MultiProps = default_2.ComponentPropsWithoutRef<'div'> & {
+    disabled?: boolean;
+};
+
+declare const Numeric: default_2.ForwardRefExoticComponent<Omit<InputProps, "onChange" | "value" | "max" | "min" | "type"> & {
+    /** The numeric value of the input. */
+    value: number;
+    /** Callback to call upon submission. */
+    onChange: (value: number) => void;
+    /** The minimum allowed value. */
+    min?: number | undefined;
+    /** The maximum allowed value. */
+    max?: number | undefined;
+    /** The numeric range that the `value` prop will be normalized to when displayed in the input.
+     * Requires non-equal 'max' and 'min' values.
+     * @example:
+     * <Numeric value={0.5} min={0} max={1} targetRange={[0, 100]} /> // Displays value of 50
+     * */
+    targetRange?: [number, number] | undefined;
+    /** The decimal precision that user input will be rounded to. */
+    precision?: number | undefined;
+    /** Units that will be accepted as valid input (e.g., "px", "%"). */
+    allowedUnits?: string[] | undefined;
+    /** Suffix to be appended to the value (e.g., "px", "%"). Suffix is treated as an allowed unit.  */
+    suffix?: string | undefined;
+    /** The small nudge increment for the value. */
+    smallNudge?: number | undefined;
+    /** The big nudge increment for the value. */
+    bigNudge?: number | undefined;
+} & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type NumericProps = Omit<InputProps, 'value' | 'onChange' | 'min' | 'max' | 'type'> & {
+    /** The numeric value of the input. */
+    value: number;
+    /** Callback to call upon submission. */
+    onChange: (value: number) => void;
+    /** The minimum allowed value. */
+    min?: number;
+    /** The maximum allowed value. */
+    max?: number;
+    /** The numeric range that the `value` prop will be normalized to when displayed in the input.
+     * Requires non-equal 'max' and 'min' values.
+     * @example:
+     * <Numeric value={0.5} min={0} max={1} targetRange={[0, 100]} /> // Displays value of 50
+     * */
+    targetRange?: [number, number];
+    /** The decimal precision that user input will be rounded to. */
+    precision?: number;
+    /** Units that will be accepted as valid input (e.g., "px", "%"). */
+    allowedUnits?: string[];
+    /** Suffix to be appended to the value (e.g., "px", "%"). Suffix is treated as an allowed unit.  */
+    suffix?: string;
+    /** The small nudge increment for the value. */
+    smallNudge?: number;
+    /** The big nudge increment for the value. */
+    bigNudge?: number;
+};
+
+declare type Options = {
+    path: default_2.ReactElement;
+    displayName?: string;
+    viewBox?: string;
+};
+
+declare const Overlay: default_2.ForwardRefExoticComponent<OverlayProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Overlay_2: default_2.ForwardRefExoticComponent<OverlayProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type OverlayProps = Omit<RadixDialog.DialogOverlayProps, 'asChild'>;
+
+declare type OverlayProps_2 = Omit<RadixAlertDialog.AlertDialogOverlayProps, 'asChild'>;
+
+export declare const Paragraph: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    weight?: "strong" | "default" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
+    block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLParagraphElement>>;
+
+declare namespace Popover {
+    export {
+        RootProps_7 as RootProps,
+        TriggerProps_5 as TriggerProps,
+        PortalProps,
+        ContentProps_5 as ContentProps,
+        TitleProps,
+        CloseProps,
+        AnchorProps,
+        Root_8 as Root,
+        Trigger_5 as Trigger,
+        Content_5 as Content,
+        Portal,
+        Title,
+        Close,
+        Anchor,
+        HeaderProps,
+        SectionProps,
+        ControlsProps,
+        Header,
+        Section,
+        Controls
+    }
+}
+export { Popover }
+
+declare const Portal: default_2.FC<RadixPopover.PopoverPortalProps>;
+
+declare const Portal_2: default_2.FC<RadixDialog.DialogPortalProps>;
+
+declare const Portal_3: default_2.FC<RadixAlertDialog.AlertDialogPortalProps>;
+
+declare type PortalProps = RadixPopover.PopoverPortalProps;
+
+declare type PortalProps_2 = RadixDialog.DialogPortalProps;
+
+declare type PortalProps_3 = RadixAlertDialog.AlertDialogPortalProps;
+
+declare namespace RadioGroup {
+    export {
+        RootProps_3 as RootProps,
+        ItemProps_2 as ItemProps,
+        LabelProps,
+        Root_3 as Root,
+        Item_2 as Item,
+        Label_2 as Label
+    }
+}
+export { RadioGroup }
+
+declare const RadioGroup_2: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuRadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const RadioGroup_3: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuRadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type RadioGroupProps = RadixMenu.DropdownMenuRadioGroupProps;
+
+declare type RadioGroupProps_2 = RadixMenu_2.ContextMenuRadioGroupProps;
+
+declare const RadioItem: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuRadioItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const RadioItem_2: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuRadioItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type RadioItemProps = RadixMenu.DropdownMenuRadioItemProps;
+
+declare type RadioItemProps_2 = RadixMenu_2.ContextMenuRadioItemProps;
+
+declare type RGBA = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+
+declare const Root: default_2.ForwardRefExoticComponent<RadixTabs.TabsProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Root_10: default_2.FC<RadixAlertDialog.AlertDialogProps>;
+
+declare const Root_11: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    disabled?: boolean | undefined;
+} & default_2.RefAttributes<HTMLLabelElement>>;
+
+declare const Root_12: default_2.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Root_2: default_2.ForwardRefExoticComponent<Omit<RadixToggleGroup.ToggleGroupSingleProps, "type"> & {
+    fullWidth?: boolean | undefined;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Root_3: default_2.ForwardRefExoticComponent<RadixRadioGroup.RadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Root_4: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Root_5: default_2.FC<RadixSelect.SelectProps>;
+
+declare const Root_6: default_2.FC<RadixMenu.DropdownMenuProps>;
+
+declare const Root_7: default_2.FC<RadixMenu_2.ContextMenuProps>;
+
+declare const Root_8: default_2.FC<RadixPopover.PopoverProps>;
+
+declare const Root_9: default_2.FC<RadixDialog.DialogProps>;
+
+declare type RootProps = RadixTabs.TabsProps;
+
+declare type RootProps_10 = default_2.ComponentPropsWithoutRef<'label'> & {
+    disabled?: boolean;
+};
+
+declare type RootProps_11 = RadixCollapsible.CollapsibleProps;
+
+declare type RootProps_2 = Omit<RadixToggleGroup.ToggleGroupSingleProps, 'type'> & {
+    fullWidth?: boolean;
+};
+
+declare type RootProps_3 = RadixRadioGroup.RadioGroupProps;
+
+declare type RootProps_4 = RadixSelect.SelectProps;
+
+declare type RootProps_5 = RadixMenu.DropdownMenuProps;
+
+declare type RootProps_6 = RadixMenu_2.ContextMenuProps;
+
+declare type RootProps_7 = RadixPopover.PopoverProps;
+
+declare type RootProps_8 = RadixDialog.DialogProps;
+
+declare type RootProps_9 = RadixAlertDialog.AlertDialogProps;
+
+declare const Section: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "base" | "small" | null | undefined;
+} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const section: (props?: ({
+    size?: "base" | "small" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare type SectionProps = default_2.ComponentPropsWithoutRef<'div'> & VariantProps<typeof section>;
+
+declare namespace SegmentedControl {
+    export {
+        RootProps_2 as RootProps,
+        ItemProps,
+        TextProps,
+        Root_2 as Root,
+        Item,
+        Text_3 as Text
+    }
+}
+export { SegmentedControl }
+
+declare namespace Select {
+    export {
+        RootProps_4 as RootProps,
+        TriggerProps_2 as TriggerProps,
+        ContentProps_2 as ContentProps,
+        ItemProps_3 as ItemProps,
+        SeparatorProps,
+        GroupProps,
+        LabelProps_3 as LabelProps,
+        Root_5 as Root,
+        Trigger_2 as Trigger,
+        Content_2 as Content,
+        Item_3 as Item,
+        Separator,
+        Group,
+        Label_4 as Label,
+        Arrow
+    }
+}
+export { Select }
+
+declare const Separator: default_2.ForwardRefExoticComponent<RadixSelect.SelectSeparatorProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Separator_2: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuSeparatorProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Separator_3: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuSeparatorProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type SeparatorProps = RadixSelect.SelectSeparatorProps;
+
+declare type SeparatorProps_2 = RadixMenu.DropdownMenuSeparatorProps;
+
+declare type SeparatorProps_3 = RadixMenu_2.ContextMenuSeparatorProps;
+
+export declare const Slider: default_2.ForwardRefExoticComponent<Omit<RadixSlider.SliderProps, "children" | "asChild"> & SliderOwnProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+declare type SliderOwnProps = {
+    range?: boolean;
+    rangeAnchor?: number;
+    baseValue?: number;
+    hints?: number[];
+};
+
+declare const Sub: default_2.FC<RadixMenu.DropdownMenuSubProps>;
+
+declare const Sub_2: default_2.FC<RadixMenu_2.ContextMenuSubProps>;
+
+declare const SubContent: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuSubContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const SubContent_2: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuSubContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type SubContentProps = RadixMenu.DropdownMenuSubContentProps;
+
+declare type SubContentProps_2 = RadixMenu_2.ContextMenuSubContentProps;
+
+declare type SubProps = RadixMenu.DropdownMenuSubProps;
+
+declare type SubProps_2 = RadixMenu_2.ContextMenuSubProps;
+
+declare const SubTrigger: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuSubTriggerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const SubTrigger_2: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuSubTriggerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type SubTriggerProps = RadixMenu.DropdownMenuSubTriggerProps;
+
+declare type SubTriggerProps_2 = RadixMenu_2.ContextMenuSubTriggerProps;
+
+export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type SwitchProps = Omit<RadixSwitch.SwitchProps, 'asChild'>;
+
+declare namespace Tabs {
+    export {
+        RootProps,
+        ListProps,
+        TriggerProps,
+        ContentProps,
+        Root,
+        List,
+        Trigger,
+        Content
+    }
+}
+export { Tabs }
+
+declare const text: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    weight?: "strong" | "default" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
+    block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare const Text_2: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    weight?: "strong" | "default" | null | undefined;
+    align?: "center" | "end" | "start" | null | undefined;
+    block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    asChild?: boolean | undefined;
+} & default_2.RefAttributes<HTMLSpanElement>>;
+export { Text_2 as Text }
+
+declare const Text_3: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+size?: "small" | "medium" | "large" | null | undefined;
+weight?: "strong" | "default" | null | undefined;
+align?: "center" | "end" | "start" | null | undefined;
+block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    asChild?: boolean | undefined;
+} & default_2.RefAttributes<HTMLSpanElement>>;
+
+export declare const Textarea: default_2.ForwardRefExoticComponent<TextareaAutosizeProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+
+declare type TextProps = TextProps_2;
+
+declare type TextProps_2 = default_2.ComponentPropsWithoutRef<'span'> & VariantProps<typeof text> & {
+    asChild?: boolean;
+};
+
+declare const Title: default_2.ForwardRefExoticComponent<Omit<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+size?: "small" | "medium" | "large" | null | undefined;
+weight?: "strong" | "default" | null | undefined;
+align?: "center" | "end" | "start" | null | undefined;
+block?: boolean | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    asChild?: boolean | undefined;
+} & default_2.RefAttributes<HTMLSpanElement>, "ref"> & default_2.RefAttributes<HTMLSpanElement>>;
+
+declare const Title_2: default_2.ForwardRefExoticComponent<TitleProps_2 & default_2.RefAttributes<HTMLHeadingElement>>;
+
+declare const Title_3: default_2.ForwardRefExoticComponent<TitleProps_3 & default_2.RefAttributes<HTMLHeadingElement>>;
+
+declare type TitleProps = default_2.ComponentPropsWithoutRef<typeof Text_2>;
+
+declare type TitleProps_2 = Omit<RadixDialog.DialogTitleProps, 'asChild'>;
+
+declare type TitleProps_3 = Omit<RadixAlertDialog.AlertDialogTitleProps, 'asChild'>;
+
+export declare const Tooltip: default_2.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipProps & RadixTooltip.TooltipContentProps, "content"> & {
+    children: default_2.ReactNode;
+    container?: HTMLElement | null | undefined;
+    content: default_2.ReactNode;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TooltipProvider: default_2.FC<RadixTooltip.TooltipProviderProps>;
+
+declare const Trigger: default_2.ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Trigger_2: default_2.ForwardRefExoticComponent<{
+    placeholder?: string | undefined;
+} & RadixSelect.SelectTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Trigger_3: default_2.ForwardRefExoticComponent<RadixMenu.DropdownMenuTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Trigger_4: default_2.ForwardRefExoticComponent<RadixMenu_2.ContextMenuTriggerProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+declare const Trigger_5: default_2.ForwardRefExoticComponent<TriggerProps_5 & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Trigger_6: default_2.ForwardRefExoticComponent<TriggerProps_6 & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Trigger_7: default_2.ForwardRefExoticComponent<TriggerProps_7 & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const Trigger_8: default_2.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type TriggerProps = RadixTabs.TabsTriggerProps;
+
+declare type TriggerProps_2 = {
+    placeholder?: string;
+} & RadixSelect.SelectTriggerProps;
+
+declare type TriggerProps_3 = RadixMenu.DropdownMenuTriggerProps;
+
+declare type TriggerProps_4 = RadixMenu_2.ContextMenuTriggerProps;
+
+declare type TriggerProps_5 = Omit<RadixPopover.PopoverTriggerProps, 'asChild'>;
+
+declare type TriggerProps_6 = Omit<RadixDialog.DialogTriggerProps, 'asChild'>;
+
+declare type TriggerProps_7 = Omit<RadixAlertDialog.AlertDialogTriggerProps, 'asChild'>;
+
+declare type TriggerProps_8 = RadixCollapsible.CollapsibleTriggerProps;
+
+declare namespace ValueField {
+    export {
+        Multi,
+        Root_11 as Root,
+        Label_7 as Label,
+        Numeric,
+        Hex,
+        MultiProps,
+        RootProps_10 as RootProps,
+        LabelProps_6 as LabelProps,
+        NumericProps,
+        HexProps
+    }
+}
+export { ValueField }
+
+export { }