react-magma-dom 4.10.0-next.2 → 4.10.0-next.20

package/dist/components/AIButton/StyledAIButton.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { AIButtonSize, BaseAIButtonProps } from '.';
+export interface StyledAIButtonProps extends BaseAIButtonProps {
+    iconOnly?: boolean;
+    trailingIcon?: React.ReactElement;
+    leadingIcon?: boolean | React.ReactElement;
+}
+export declare function getIconSize(size: any, theme: any): any;
+export interface SpanProps {
+    hasIconLeading?: boolean;
+    size?: AIButtonSize;
+}
+export declare const StyledAIButton: React.ForwardRefExoticComponent<StyledAIButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/AIButton/StyledAIButtonTemplate.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyledAIButtonProps } from './StyledAIButton';
+export declare const buttonStyles: (props: any) => import("@emotion/react").SerializedStyles;
+export declare const BaseStyledAIButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & {
+    isLoading: boolean;
+    testId?: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledAIButtonTemplate: React.ForwardRefExoticComponent<StyledAIButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/AIButton/index.d.ts

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import { IconProps } from 'react-magma-icons';
+import { ThemeInterface } from '../../theme/magma';
+import { XOR } from '../../utils';
+export declare enum AIButtonVariant {
+    variantA = "variantA",
+    variantB = "variantB"
+}
+export declare enum AIButtonShape {
+    fill = "fill",
+    leftCap = "leftCap",
+    rightCap = "rightCap",
+    round = "round"
+}
+export declare enum AIButtonSize {
+    large = "large",
+    medium = "medium",
+    small = "small"
+}
+export declare enum AIButtonTextTransform {
+    uppercase = "uppercase",
+    none = "none"
+}
+export declare enum AIButtonType {
+    button = "button",
+    submit = "submit",
+    reset = "reset"
+}
+export interface BaseAIButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Set the button to display full-width.
+     * @default false
+     */
+    isFullWidth?: boolean;
+    isInverse?: boolean;
+    /**
+     * Defines the border radius
+     * @default AIButtonShape.fill
+     */
+    shape?: AIButtonShape;
+    /**
+     *  Set the button to a loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * The relative size of the button
+     * @default AIButtonSize.medium
+     */
+    size?: AIButtonSize;
+    /**
+     * Determines whether the button appears in all-caps
+     * @default AIButtonTextTransform.uppercase
+     */
+    textTransform?: AIButtonTextTransform;
+    /**
+     * The variant of the button
+     * @default AIButtonVariant.variantA
+     */
+    variant?: AIButtonVariant;
+    /**
+     * @internal
+     */
+    testId?: string;
+    /**
+     * @internal
+     */
+    theme?: ThemeInterface;
+    /**
+     * The type attribute of the button
+     * @default AIButtonType.button
+     */
+    type?: AIButtonType;
+    /**
+     * Sets the color for the left side of the button gradient.
+     */
+    leftColor?: string;
+    /**
+     * Sets the color for the right side of the button gradient.
+     */
+    rightColor?: string;
+    /**
+     * Sets the color when the button is hovered.
+     */
+    hoverColor?: string;
+    /**
+     * Sets the color when the button is pressed (active).
+     */
+    pressedColor?: string;
+    /**
+     * Enables gradient animation for the button background.
+     * @default false
+     */
+    isAnimated?: boolean;
+}
+export interface TextAIButtonProps extends BaseAIButtonProps {
+    /**
+     * The content of the component
+     */
+    children: React.ReactChild | React.ReactChild[];
+    /**
+     * Icon to display on the right side within the component
+     */
+    trailingIcon?: React.ReactElement<IconProps>;
+    /**
+     * Leading icon to display on the left side within the component
+     */
+    leadingIcon?: boolean | React.ReactElement<IconProps>;
+}
+export interface IconOnlyAIButtonProps extends BaseAIButtonProps {
+    /**
+     * Icon to display on the right side within the component
+     */
+    leadingIcon?: true | React.ReactElement<IconProps>;
+    /**
+     * The text the screen reader will announce. Required for icon-only buttons
+     */
+    'aria-label': string;
+    children?: never;
+}
+export declare type AIButtonProps = XOR<TextAIButtonProps, IconOnlyAIButtonProps>;
+export declare const AIButton: React.ForwardRefExoticComponent<({
+    trailingIcon?: never;
+} & IconOnlyAIButtonProps & React.RefAttributes<HTMLButtonElement>) | ({} & TextAIButtonProps & React.RefAttributes<HTMLButtonElement>)>;

package/dist/components/AIButton/styles.d.ts

@@ -0,0 +1,14 @@
+export declare function buildPropsWithDefaultAIButtonStyles(props: any): any;
+export declare function buildAIButtonBorderRadius(props: any): any;
+export declare function buildAIButtonFontSize(props: any): any;
+export declare function buildAIButtonLineHeight(props: any): any;
+export declare function buildAIButtonSize(props: any): any;
+export declare function buildAIButtonPadding(props: any): string;
+export declare function buildAIButtonBackground(initialProps: any): any;
+export declare function buildAIBorderColor(initialProps: any): any;
+export declare function buildAIColor(initialProps: any): any;
+export declare function buildAIFocusBackground(initialProps: any): string;
+export declare function buildAIFocusColor(initialProps: any): any;
+export declare function buildAIActiveBackground(initialProps: any): string;
+export declare function buildAIActiveColor(initialProps: any): any;
+export declare function buildBoxShadow(props: any): string;

package/dist/components/Combobox/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ReferenceType } from '@floating-ui/react-dom';
 import { UseComboboxProps, UseComboboxState, UseMultipleSelectionProps } from 'downshift';
 import { InternalMultiProps, InternalSelectProps, SelectOptions } from '../Select';
 import { Omit, XOR } from '../../utils';
@@ -14,7 +13,7 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      */
     containerStyle?: React.CSSProperties;
     /**
-     * Default selectable options. Allows for uncontrolled component and internal creation of items. Can be an array of strings or objects
+     * Default selectable options. Allows for an uncontrolled component and internal creation of items. Can be an array of strings or objects
      */
     defaultItems?: T[];
     /**
@@ -22,10 +21,6 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      * @default false
      */
     disableCreateItem?: boolean;
-    /**
-     * @internal
-     */
-    floatingElementStyles?: React.CSSProperties;
     /**
      * @internal
      */
@@ -98,14 +93,6 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      * Event that fires when a new item is created with the create item option is clicked in the item list menu
      */
     onItemCreated?: (newItem: T) => void;
-    /**
-     * @internal
-     */
-    setFloating?: (node: ReferenceType) => void;
-    /**
-     * @internal
-     */
-    setReference?: (node: ReferenceType) => void;
     /**
      * Reference to the toggle button element wrapping the input in the combobox
      */

package/dist/components/DatePicker/CalendarContext.d.ts

@@ -16,5 +16,7 @@ export interface CalendarContextInterface {
     onPrevMonthClick: () => void;
     onNextMonthClick: () => void;
     setDateFocused: (value: boolean) => void;
+    setFocusedDate: (day: Date) => void;
+    setFocusedTodayDate: (event: React.SyntheticEvent) => void;
 }
 export declare const CalendarContext: React.Context<CalendarContextInterface>;

package/dist/components/Drawer/Drawer.d.ts

@@ -27,6 +27,16 @@ export interface DrawerProps extends Omit<ModalProps, 'size'> {
      * @default DrawerPosition.top
      */
     position?: DrawerPosition;
+    /**
+     * Shows a background overlay when the drawer is open.
+     * @default true
+     */
+    showBackgroundOverlay?: boolean;
+    /**
+     * If true, enables sliding animations for the drawer
+     * @default false
+     */
+    isAnimated?: boolean;
     isInverse?: boolean;
 }
 export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/IconButton/index.d.ts

@@ -40,6 +40,7 @@ export interface SpanProps {
     hasIconLeading?: boolean;
     size?: ButtonSize;
 }
+export declare function getIconSize(size: any, theme: any): any;
 export declare function instanceOfIconOnly(object: any): object is IconOnlyButtonProps;
 export declare const IconButton: React.ForwardRefExoticComponent<({} & IconTextButtonProps & React.RefAttributes<HTMLButtonElement>) | ({
     children?: never;

package/dist/components/Input/testUtils.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare const CustomTopicsRow: ({ topicList, isRemoveButtonDisabled, shouldValidate, topicTitle, testTopic, studyMaterialsTopic, order, setTopicTitle, setTestTopic, setStudyMaterialsTopic, removeTopicRow, }: {
+    topicList: {
+        reference: string;
+        title: string;
+    }[];
+    isRemoveButtonDisabled: boolean;
+    shouldValidate?: boolean;
+    topicTitle: string;
+    testTopic?: string;
+    studyMaterialsTopic?: string;
+    order: number;
+    setTopicTitle: (title: string) => void;
+    setTestTopic: (reference: string) => void;
+    setStudyMaterialsTopic: (reference: string) => void;
+    removeTopicRow: () => void;
+}) => React.JSX.Element;

package/dist/components/Modal/Modal.d.ts

@@ -46,7 +46,7 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     isBackgroundClickDisabled?: boolean;
     /**
-     * If true, the close button the the modal will be suppressed
+     * If true, the close button the modal will be suppressed
      * @default false
      */
     isCloseButtonHidden?: boolean;
@@ -83,6 +83,11 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default ModalSize.medium
      */
     size?: ModalSize;
+    /**
+     * @internal
+     * @default true
+     */
+    showBackgroundOverlay?: boolean;
     /**
      * @internal
      */
@@ -91,5 +96,10 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
      * @internal
      */
     theme?: ThemeInterface;
+    /**
+     * Shows the drawer transition animation
+     * @internal
+     */
+    hasDrawerAnimation?: boolean;
 }
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/Popover.d.ts

@@ -4,8 +4,15 @@ export declare enum PopoverPosition {
     bottom = "bottom",
     top = "top"
 }
+export declare enum PopoverAlignment {
+    center = "center",
+    start = "start",
+    end = "end"
+}
+export declare type PopoverPlacement = 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
 export interface PopoverApi {
     closePopoverManually(event: any): void;
+    openPopoverManually(event: any): void;
 }
 export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -64,6 +71,7 @@ export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
      * The ref object that allows Popover manipulation.
      * Actions available:
      * closePopoverManually(event): void - Closes the popover manually.
+     * openPopoverManually(event): void - Opens the popover manually.
      */
     apiRef?: React.MutableRefObject<PopoverApi | undefined>;
     /**
@@ -72,10 +80,15 @@ export interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default false
      */
     focusTrap?: boolean;
+    /**
+     * Alignment of the popover content
+     * @default PopoverAlignment.center
+     */
+    alignment?: PopoverAlignment;
 }
 export interface PopoverContextInterface {
     floatingStyles?: React.CSSProperties;
-    position?: PopoverPosition;
+    position?: PopoverPlacement;
     closePopover?: (event: React.SyntheticEvent | React.KeyboardEvent) => void;
     popoverTriggerId?: React.MutableRefObject<string>;
     popoverContentId?: React.MutableRefObject<string>;

package/dist/components/Select/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom';
 import { UseMultipleSelectionProps, UseSelectProps } from 'downshift';
 import { Omit, XOR } from '../../utils';
 import { LabelPosition } from '../Label';
@@ -108,10 +107,6 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
      * Id of the element that describes the select trigger button
      */
     ariaDescribedBy?: string;
-    /**
-     * @internal
-     */
-    floatingElementStyles?: React.CSSProperties;
     /**
      * @internal
      */
@@ -148,14 +143,6 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
      * Event that will fire when a keypress is released while focused on the trigger button
      */
     onKeyUp?: (event: React.KeyboardEvent) => void;
-    /**
-     * @internal
-     */
-    setFloating?: (node: ReferenceType) => void;
-    /**
-     * @internal
-     */
-    setReference?: (node: ReferenceType) => void;
 }
 export interface MultiSelectProps<T extends SelectOptions> extends UseMultipleSelectionProps<T>, Omit<SelectProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>, InternalMultiProps<T> {
     /**

package/dist/components/SelectionControls/InputStyles.d.ts

@@ -1,5 +1,4 @@
 export declare const DisplayInputStyles: (props: any) => import("@emotion/react").SerializedStyles;
-export declare const DisplayInputActiveStyles: import("@emotion/react").SerializedStyles;
 export declare function buildDisplayInputActiveBackground(props: any): any;
 export declare function buildDisplayInputBorderColor(props: any): any;
 export declare function buildDisplayInputFocusStyles(props: any): import("@emotion/react").SerializedStyles;

package/dist/components/Table/Table.d.ts

@@ -13,11 +13,21 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
      * @default false
      */
     hasHoverStyles?: boolean;
+    /**
+     *  If true, the table will have additional styles for table.
+     *  @default false
+     */
+    hasTablePagination?: boolean;
     /**
      * If true, the table will have square edges
      * @default false
      */
     hasSquareCorners?: boolean;
+    /**
+     * If true, the table will have outer border
+     * @default false
+     */
+    hasOutsideBorder?: boolean;
     /**
      * If true, columns will have vertical borders
      */
@@ -42,6 +52,12 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
     minWidth?: number;
     rowCount?: number;
     selectedItems?: Array<number>;
+    /**
+     * The title or caption of a table inside a <caption> HTML element that provides the table an accessible
+     * description.
+     * It can be a simple string or a React node, such as a heading element (e.g., <h1>, <h2>).
+     */
+    tableTitle?: React.ReactNode | string;
     /**
      * @internal
      */
@@ -74,6 +90,7 @@ interface TableContextInterface {
     density?: TableDensity;
     hasHoverStyles?: boolean;
     hasSquareCorners?: boolean;
+    hasTablePagination?: boolean;
     hasVerticalBorders?: boolean;
     hasZebraStripes?: boolean;
     isInverse?: boolean;
@@ -97,11 +114,20 @@ export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
 } & {
     minWidth: number;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTableTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & {
+    isInverse: boolean;
+    isTitleNode: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledTable: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType<any>;
 } & {
+    hasOutsideBorder?: boolean;
     hasSquareCorners?: boolean;
+    hasTablePagination?: boolean;
     isInverse?: boolean;
     minWidth: number;
 }, React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;

package/dist/components/Table/TablePagination.d.ts

@@ -35,6 +35,11 @@ export interface BaseTablePaginationProps extends React.HTMLAttributes<HTMLDivEl
      * @default true
      */
     hasSquareCorners?: boolean;
+    /**
+     * If true, the table paginator will have outer border
+     * @default false
+     */
+    hasOutsideBorder?: boolean;
 }
 export interface ControlledPageProps {
     /**

package/dist/components/Table/TableRow.d.ts

@@ -25,7 +25,7 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
     onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     rowIndex?: number;
     /**
-     * Unique name to be used to identify row for screenreaders
+     * Unique name to be used to identify row for screen readers
      */
     rowName?: string;
     /**

package/dist/components/Tabs/CustomTab.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TabProps } from './Tab';
+/**
+ * CustomTab allows full customization of the tab content while preserving tab behavior.
+ * You can pass any children (e.g., a Button) and all tab context/props will be handled.
+ */
+export declare const CustomTab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/Tab.d.ts

@@ -8,6 +8,11 @@ export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      */
     icon?: React.ReactElement<any> | React.ReactElement<any>[];
     isInverse?: boolean;
+    /**
+     * If true, the tab will have no styles and will render the children directly.
+     * @internal
+     */
+    unstyled?: boolean;
     /**
      * Determines whether the tab appears in all-caps
      * @default TabsTextTransform.uppercase
@@ -33,6 +38,7 @@ export declare const StyledTabsChild: import("@emotion/styled").StyledComponent<
     isInverse?: boolean;
     orientation: TabsOrientation;
     theme: ThemeInterface;
+    unstyled?: boolean;
 }, React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const TabStyles: (props: any) => import("@emotion/react").SerializedStyles;
 export declare const StyledIcon: import("@emotion/styled").StyledComponent<{

package/dist/components/Toggle/index.d.ts

@@ -6,7 +6,7 @@ export declare enum ToggleTextPosition {
 }
 export interface ToggleProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /**
-     * If true, element is checked (i.e. selected)
+     * If true, an element is checked (i.e., selected)
      * @default false
      */
     checked?: boolean;
@@ -29,7 +29,7 @@ export interface ToggleProps extends React.InputHTMLAttributes<HTMLInputElement>
     hasError?: boolean;
     isInverse?: boolean;
     /**
-     * If true, label text will be hidden visually, but will still be read by assistive technology
+     * If true, a label text will be hidden visually, but will still be read by assistive technology
      * @default false
      */
     isTextVisuallyHidden?: boolean;

package/dist/components/Transition/Transition.d.ts

@@ -94,5 +94,10 @@ export interface TransitionProps extends HTMLMotionProps<'div'> {
      * @default false
      */
     rotate180?: boolean;
+    /**
+     * Shows the drawer transition animation
+     * @internal
+     */
+    hasDrawerAnimation?: boolean;
 }
 export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TreeView/TreeItem.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
 import { UseTreeItemProps } from './useTreeItem';
-export declare type TreeItemProps = UseTreeItemProps;
-export declare const TreeItem: React.ForwardRefExoticComponent<UseTreeItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface TreeItemProps extends UseTreeItemProps {
+}
+export declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/TreeView/TreeViewContext.d.ts

@@ -14,6 +14,10 @@ export interface TreeViewItemInterface {
     hasOwnTreeItems: boolean;
     isDisabled?: boolean;
 }
+export interface ExpandIconInterface {
+    size?: number;
+    color?: string;
+}
 export interface TreeViewContextInterface {
     children?: React.ReactNode[];
     hasIcons: boolean;
@@ -32,5 +36,6 @@ export interface TreeViewContextInterface {
     handleExpandedChange: (event: React.SyntheticEvent, expandedItemId: string) => void;
     expandedSet: Set<string>;
     isTopLevelSelectable?: boolean;
+    expandIconStyles?: ExpandIconInterface;
 }
 export declare const TreeViewContext: React.Context<TreeViewContextInterface>;

package/dist/components/TreeView/useTreeItem.d.ts

@@ -2,31 +2,49 @@ import * as React from 'react';
 import { IconProps } from 'react-magma-icons';
 import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
 export interface UseTreeItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    /**
+     * Enables additional content within the TreeItem.
+     */
+    additionalContent?: React.ReactNode;
+    /**
+     * Tree item hover color
+     * @default transparent
+     */
+    hoverColor?: string;
+    /**
+     * Icon for the tree item
+     */
+    icon?: React.ReactElement<IconProps>;
+    /**
+     * If true, element is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
     /**
      * Index number
      * private
      */
     index?: number;
     /**
-     * Item name
+     * @internal
      */
-    label: React.ReactNode;
+    itemDepth?: number;
     /**
      * Item id
      */
     itemId: string;
     /**
-     * @internal
+     * Item name
      */
-    testId?: string;
+    label: React.ReactNode;
     /**
-     * Action that fires when the item is clicked
+     * Style properties for the tree item label
      */
-    onClick?: () => void;
+    labelStyle?: React.CSSProperties;
     /**
-     * Icon for the tree item
+     * Action that fires when the item is clicked
      */
-    icon?: React.ReactElement<IconProps>;
+    onClick?: () => void;
     /**
      * @internal
      */
@@ -34,21 +52,16 @@ export interface UseTreeItemProps extends React.HTMLAttributes<HTMLLIElement> {
     /**
      * @internal
      */
-    itemDepth?: number;
-    /**
-     * If true, element is disabled
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Style properties for the tree item label
-     */
-    labelStyle?: React.CSSProperties;
+    testId?: string;
     /**
      * @internal
      * Whether this item is a top-level item (no parent)
      */
     topLevel?: boolean;
+    /**
+     * Style properties for the tree item
+     */
+    treeItemStyles?: React.CSSProperties;
 }
 export declare const checkedStatusToBoolean: (status: IndeterminateCheckboxStatus) => boolean;
 export declare function useTreeItem(props: UseTreeItemProps, forwardedRef: any): {