@usefui/components 1.7.0 → 1.7.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @usefui/components
 
+## 1.7.2
+
+### Patch Changes
+
+- Handle missing variations and adjust UI on component. Fix Icon definition.
+
+## 1.7.1
+
+### Patch Changes
+
+- Fix dialog position
+
 ## 1.7.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -237,6 +237,7 @@ declare const AvatarBadge: {
 
 interface IBadgeProperties extends IComponentStyling, IComponentShape, IComponentSize, React$1.ComponentProps<"div"> {
     variant?: TComponentVariant | TComponentVariantExtended;
+    emphasis?: boolean;
 }
 /**
  * Badges are used to convey data or states to the users.
@@ -251,6 +252,7 @@ interface IBadgeProperties extends IComponentStyling, IComponentShape, IComponen
  * @param {TComponentShape} props.shape - The shape of the component. Defaults to `smooth`.
  * @param {ComponentSizeEnum} props.sizing - The size of the component. Defaults to "small".
  * @param {string} props.variant - The style definition used by the component.
+ * @param {boolean} props.emphasis - Emphasis change the style definition used by the component.
  * @param {ReactNode} props.children - The content to be rendered inside the Badge.
  * @returns {ReactElement} The Badge component.
  */
@@ -518,7 +520,7 @@ interface IDialogItemProperties extends IComponentStyling, IComponentSize, IScro
  * @returns {ReactElement} The Dialog component.
  */
 declare const Dialog: {
-    (props: IDialogItemProperties): React$1.JSX.Element;
+    (props: IDialogItemProperties): React$1.JSX.Element | null;
     displayName: string;
     Root: {
         ({ children }: React$1.ComponentProps<"div">): React$1.JSX.Element;
@@ -588,8 +590,10 @@ declare const DialogControl: {
 
 declare const Divider: styled_components.StyledComponent<"hr", any, {}, never>;
 
+type DropdownContentVariant = "body" | "contrast";
 interface IDropdownContentProperties extends IComponentStyling, IComponentSize, React$1.ComponentPropsWithRef<"ul"> {
     defaultOpen?: boolean;
+    variant?: DropdownContentVariant;
 }
 interface IDropdownItemProperties extends IComponentStyling, React$1.ComponentProps<"li"> {
     radio?: boolean;
@@ -666,6 +670,7 @@ declare const DropdownMenuTrigger: {
  * @param {IDropdownContentProperties} props - The props for the DropdownMenu.Content component.
  * @param {boolean} props.raw - Define whether the component is styled or not.
  * @param {ComponentSizeEnum} props.sizing - The size of the component. Defaults to "medium".
+ * @param {DropdownContentVariant} props.variant - The variant of the component. Defaults to "body".
  * @param {boolean} props.defaultOpen - The initial open state of the dropdown menu. Defaults to false.
  * @param {ReactNode} props.children - The content to be rendered inside the dropdown menu.
  * @returns {ReactElement} The DropdownMenu.Content component.
@@ -965,6 +970,7 @@ interface IMessageBubbleProperties extends IComponentStyling, React$1.HTMLAttrib
 }
 interface IMessageBubbleContentProperties extends IComponentStyling, IComponentShape, IComponentSize, React$1.HTMLAttributes<HTMLDivElement> {
     variant?: TComponentVariant | TComponentVariantExtended;
+    emphasis?: boolean;
     children: string;
 }
 interface IMessageBubbleMetaProperties extends IComponentStyling, React$1.HTMLAttributes<HTMLDivElement> {
@@ -1015,6 +1021,7 @@ declare const MessageBubble: {
  *
  * @param {IMessageBubbleContentProperties} props - The props for the MessageBubble.Content component.
  * @param {boolean} props.raw - When true, removes default styling for custom layouts.
+ * @param {boolean} props.emphasis - Emphasis change the style definition used by the component.
  * @param {ReactNode} props.children - The message text or rich content to render.
  * @returns {ReactElement} The MessageBubble.Content component.
  */
@@ -1255,6 +1262,8 @@ declare const Portal: {
 
 type ResizableEditorProperties = {
     defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
     left: React$1.ReactNode;
     right: React$1.ReactNode;
 };
@@ -1263,12 +1272,14 @@ type ResizableEditorProperties = {
  *
  * @param {ResizableEditorProperties} props - The props for the Resizable component.
  * @param {number} props.defaultWidth - The default width of the Resizable left section.
+ * @param {number} props.minWidth - The minimum width of the Resizable sections, expressed as a percentage.
+ * @param {number} props.maxWidth - The maximum width of the Resizable sections, expressed as a percentage.
  * @param {ReactNode} props.left - The content to be rendered inside the Left panel of the Resizable component.
  * @param {ReactNode} props.right - The content to be rendered inside the Right panel of the Resizable component.
  * @returns {ReactElement} The Resizable component.
  */
 declare const Resizable: {
-    ({ defaultWidth, left, right, }: ResizableEditorProperties): React$1.JSX.Element;
+    ({ defaultWidth, minWidth, maxWidth, left, right, }: ResizableEditorProperties): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -1816,123 +1827,6 @@ declare const Tooltip: {
     displayName: string;
 };
 
-interface ITreeComposition {
-    Root: typeof TreeRoot;
-    Node: typeof TreeNode;
-    Trigger: typeof TreeTrigger;
-    Content: typeof TreeContent;
-}
-interface ITreeProperties extends IComponentSpacing, React$1.ComponentProps<"ul"> {
-}
-interface ITreeRootProperties extends IReactChildren {
-    defaultExpandedIds?: string[];
-    onSelectionChange?: (ids: string[]) => void;
-}
-interface ITreeNodeProperties extends IComponentSpacing, React$1.ComponentProps<"li"> {
-    nodeId: string;
-    level?: number;
-    isLast?: boolean;
-}
-interface ITreeTriggerProperties extends Omit<IButtonProperties, "value"> {
-    nodeId: string;
-}
-interface ITreeContentProperties extends IComponentSpacing, React$1.ComponentProps<"ul"> {
-    nodeId: string;
-    defaultOpen?: boolean;
-}
-/**
- * Tree is used to display a hierarchical list of items.
- *
- * **Best practices:**
- *
- * - Use a clear and descriptive label for each tree node.
- * - Ensure that the tree can be operated using only the keyboard.
- * - Ensure that the focus is properly managed when nodes are expanded/collapsed.
- *
- * @param {ITreeProperties} props - The props for the Tree component.
- * @param {ReactNode} props.children - The content to be rendered inside the tree.
- * @returns {ReactElement} The Tree component.
- */
-declare const Tree: {
-    (props: ITreeProperties): React$1.JSX.Element;
-    displayName: string;
-    Root: {
-        ({ children, defaultExpandedIds, onSelectionChange, }: ITreeRootProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-    Node: {
-        (props: ITreeNodeProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        (props: ITreeTriggerProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        (props: ITreeContentProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-};
-declare const TreeRoot: {
-    ({ children, defaultExpandedIds, onSelectionChange, }: ITreeRootProperties): React$1.JSX.Element;
-    displayName: string;
-};
-/**
- * Tree.Node is used to wrap each node of the tree.
- *
- * **Best practices:**
- *
- * - Provide a unique nodeId for each node.
- * - Use the level prop to indicate the depth of the node in the hierarchy.
- *
- * @param {ITreeNodeProperties} props - The props for the Tree.Node component.
- * @param {string} props.nodeId - The unique identifier for the node.
- * @param {number} props.level - The depth level of the node. Defaults to 0.
- * @param {boolean} props.isLast - Whether the node is the last in its siblings. Defaults to false.
- * @param {ReactNode} props.children - The content to be rendered inside the node.
- * @returns {ReactElement} The Tree.Node component.
- */
-declare const TreeNode: {
-    (props: ITreeNodeProperties): React$1.JSX.Element;
-    displayName: string;
-};
-/**
- * Tree.Trigger is used to trigger the expansion and collapse of the associated Tree.Content component.
- *
- * **Best practices:**
- *
- * - Use a clear and descriptive label for the trigger.
- * - Ensure that the trigger can be operated using only the keyboard.
- * - Ensure that the focus is properly managed when the trigger is activated.
- *
- * @param {ITreeTriggerProperties} props - The props for the Tree.Trigger component.
- * @param {string} props.nodeId - The value used to bind the Tree.Trigger and Tree.Content components.
- * @param {ReactNode} props.children - The content to be rendered inside the trigger.
- * @returns {ReactElement} The Tree.Trigger component.
- */
-declare const TreeTrigger: {
-    (props: ITreeTriggerProperties): React$1.JSX.Element;
-    displayName: string;
-};
-/**
- * Tree.Content is used to contain the children of the associated Tree.Trigger component.
- *
- * **Best practices:**
- *
- * - Ensure that the content is hidden when the associated node is collapsed.
- * - Ensure that the content is properly focused when the associated node is expanded.
- *
- * @param {ITreeContentProperties} props - The props for the Tree.Content component.
- * @param {string} props.nodeId - The value used to bind the Tree.Content and Tree.Trigger components.
- * @param {boolean} props.defaultOpen - The initial open state of the content. Defaults to false.
- * @param {ReactNode} props.children - The content to be rendered inside the node content.
- * @returns {ReactElement} The Tree.Content component.
- */
-declare const TreeContent: {
-    (props: ITreeContentProperties): React$1.JSX.Element;
-    displayName: string;
-};
-
 interface ISelectTriggerProperties extends IButtonProperties {
     error?: boolean;
     children?: React$1.ReactNode;
@@ -2082,10 +1976,6 @@ declare const useToolbar: () => IComponentAPI;
 
 declare const useMessageBubble: () => IComponentAPI;
 
-declare const useTree: () => IComponentAPI;
-
-declare const useTreeNode: () => IComponentAPI;
-
 declare const useSelect: () => IComponentAPI;
 
-export { Accordion, AccordionContent, AccordionRoot, AccordionTrigger, AvataStatusEnum, Avatar, AvatarStatus, type AvatarStatusType, Badge, Breadcrumb, type BreadcrumbComposition, BreadcrumbItem, BreadcrumbSeparator, Button, Card, CardBody, type CardComposition, CardGrid, CardMeta, Checkbox, CheckboxIndicator, CheckboxRoot, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, CopyButton, Dialog, DialogControl, DialogMenu, DialogOverlay, DialogRoot, DialogTrigger, Divider, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuTrigger, Field, FieldDate, FieldFile, FieldLabel, FieldMeta, FieldNumber, FieldPassword, FieldRoot, FieldTag, FieldWrapper, type IAccordionComposition, type IAccordionContentProperties, type IAccordionProperties, type IAccordionTriggerProperties, type IAvatarBadgeProperties, type IAvatarComposition, type IAvatarProperties, type IBadgeProperties, type IButtonProperties, type ICheckboxComposition, type ICheckboxProperties, type ICollapsibleComposition, type ICollapsibleProperties, type IDialogItemProperties, type IDropdownComposition, type IDropdownContentProperties, type IDropdownItemProperties, type IField, type IFieldComposition, type IFieldDate, type IFieldFile, type IFieldLabel, type IFieldMeta, type IFieldNumber, type IFieldTag, type IMessageBubbleContentProperties, type IMessageBubbleContext, type IMessageBubbleMetaProperties, type IMessageBubbleProperties, type IOTPFieldComposition, type IOverlayProperties, type IPageToolsProperties, type IPageWrapperProperties, type IPortalProperties, type IScrollAreaProperties, type ISelectContentProperties, type ISelectItemProperties, type ISelectTriggerProperties, type ISheetComposition, type ISheetProperties, type ISwitchComposition, type ISwitchProperties, type ISwitchThumbProperties, type ITabsComposition, type ITabsProperties, type ITextShimmerProperties, type IToggleProperties, type IToolbarBodyProperties, type IToolbarComposition, type IToolbarItemProperties, type IToolbarSectionProperties, type ITreeComposition, type ITreeContentProperties, type ITreeNodeProperties, type ITreeProperties, type ITreeRootProperties, type ITreeTriggerProperties, MessageBubble, MessageBubbleContent, MessageBubbleMeta, MessageBubbleRoot, type MessageBubbleSide, MetaVariantEnum, OTPField, OTPFieldSlot, Overlay, Page, PageContent, PageMenu, PageNavigation, PagePanel, PageTools, PageWrapper, Portal, Resizable, ScrollArea, type ScrollContainerProps, Select, SelectContent, SelectItem, SelectRoot, SelectTrigger, Sheet, SheetRoot, SheetTrigger, Shimmer, Skeleton, type SkeletonProperties, Spinner, Switch, SwitchRoot, SwitchThumb, type TMetaVariant, Table, TableBody, TableCell, TableFooter, TableHead, TableHeadCell, TableRow, Tabs, TabsContent, TabsRoot, TabsTrigger, Textarea, type TextareaProps, Toggle, Toolbar, ToolbarItem, ToolbarRoot, ToolbarSection, ToolbarTrigger, Tooltip, Tree, TreeContent, TreeNode, TreeRoot, TreeTrigger, useAccordion, useCheckbox, useCollapsible, useDialog, useDropdownMenu, useField, useMessageBubble, useSelect, useSheet, useSwitch, useTabs, useToolbar, useTree, useTreeNode };
+export { Accordion, AccordionContent, AccordionRoot, AccordionTrigger, AvataStatusEnum, Avatar, AvatarStatus, type AvatarStatusType, Badge, Breadcrumb, type BreadcrumbComposition, BreadcrumbItem, BreadcrumbSeparator, Button, Card, CardBody, type CardComposition, CardGrid, CardMeta, Checkbox, CheckboxIndicator, CheckboxRoot, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, CopyButton, Dialog, DialogControl, DialogMenu, DialogOverlay, DialogRoot, DialogTrigger, Divider, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuTrigger, Field, FieldDate, FieldFile, FieldLabel, FieldMeta, FieldNumber, FieldPassword, FieldRoot, FieldTag, FieldWrapper, type IAccordionComposition, type IAccordionContentProperties, type IAccordionProperties, type IAccordionTriggerProperties, type IAvatarBadgeProperties, type IAvatarComposition, type IAvatarProperties, type IBadgeProperties, type IButtonProperties, type ICheckboxComposition, type ICheckboxProperties, type ICollapsibleComposition, type ICollapsibleProperties, type IDialogItemProperties, type IDropdownComposition, type IDropdownContentProperties, type IDropdownItemProperties, type IField, type IFieldComposition, type IFieldDate, type IFieldFile, type IFieldLabel, type IFieldMeta, type IFieldNumber, type IFieldTag, type IMessageBubbleContentProperties, type IMessageBubbleContext, type IMessageBubbleMetaProperties, type IMessageBubbleProperties, type IOTPFieldComposition, type IOverlayProperties, type IPageToolsProperties, type IPageWrapperProperties, type IPortalProperties, type IScrollAreaProperties, type ISelectContentProperties, type ISelectItemProperties, type ISelectTriggerProperties, type ISheetComposition, type ISheetProperties, type ISwitchComposition, type ISwitchProperties, type ISwitchThumbProperties, type ITabsComposition, type ITabsProperties, type ITextShimmerProperties, type IToggleProperties, type IToolbarBodyProperties, type IToolbarComposition, type IToolbarItemProperties, type IToolbarSectionProperties, MessageBubble, MessageBubbleContent, MessageBubbleMeta, MessageBubbleRoot, type MessageBubbleSide, MetaVariantEnum, OTPField, OTPFieldSlot, Overlay, Page, PageContent, PageMenu, PageNavigation, PagePanel, PageTools, PageWrapper, Portal, Resizable, ScrollArea, type ScrollContainerProps, Select, SelectContent, SelectItem, SelectRoot, SelectTrigger, Sheet, SheetRoot, SheetTrigger, Shimmer, Skeleton, type SkeletonProperties, Spinner, Switch, SwitchRoot, SwitchThumb, type TMetaVariant, Table, TableBody, TableCell, TableFooter, TableHead, TableHeadCell, TableRow, Tabs, TabsContent, TabsRoot, TabsTrigger, Textarea, type TextareaProps, Toggle, Toolbar, ToolbarItem, ToolbarRoot, ToolbarSection, ToolbarTrigger, Tooltip, useAccordion, useCheckbox, useCollapsible, useDialog, useDropdownMenu, useField, useMessageBubble, useSelect, useSheet, useSwitch, useTabs, useToolbar };

package/dist/index.d.ts

@@ -237,6 +237,7 @@ declare const AvatarBadge: {
 
 interface IBadgeProperties extends IComponentStyling, IComponentShape, IComponentSize, React$1.ComponentProps<"div"> {
     variant?: TComponentVariant | TComponentVariantExtended;
+    emphasis?: boolean;
 }
 /**
  * Badges are used to convey data or states to the users.
@@ -251,6 +252,7 @@ interface IBadgeProperties extends IComponentStyling, IComponentShape, IComponen
  * @param {TComponentShape} props.shape - The shape of the component. Defaults to `smooth`.
  * @param {ComponentSizeEnum} props.sizing - The size of the component. Defaults to "small".
  * @param {string} props.variant - The style definition used by the component.
+ * @param {boolean} props.emphasis - Emphasis change the style definition used by the component.
  * @param {ReactNode} props.children - The content to be rendered inside the Badge.
  * @returns {ReactElement} The Badge component.
  */
@@ -518,7 +520,7 @@ interface IDialogItemProperties extends IComponentStyling, IComponentSize, IScro
  * @returns {ReactElement} The Dialog component.
  */
 declare const Dialog: {
-    (props: IDialogItemProperties): React$1.JSX.Element;
+    (props: IDialogItemProperties): React$1.JSX.Element | null;
     displayName: string;
     Root: {
         ({ children }: React$1.ComponentProps<"div">): React$1.JSX.Element;
@@ -588,8 +590,10 @@ declare const DialogControl: {
 
 declare const Divider: styled_components.StyledComponent<"hr", any, {}, never>;
 
+type DropdownContentVariant = "body" | "contrast";
 interface IDropdownContentProperties extends IComponentStyling, IComponentSize, React$1.ComponentPropsWithRef<"ul"> {
     defaultOpen?: boolean;
+    variant?: DropdownContentVariant;
 }
 interface IDropdownItemProperties extends IComponentStyling, React$1.ComponentProps<"li"> {
     radio?: boolean;
@@ -666,6 +670,7 @@ declare const DropdownMenuTrigger: {
  * @param {IDropdownContentProperties} props - The props for the DropdownMenu.Content component.
  * @param {boolean} props.raw - Define whether the component is styled or not.
  * @param {ComponentSizeEnum} props.sizing - The size of the component. Defaults to "medium".
+ * @param {DropdownContentVariant} props.variant - The variant of the component. Defaults to "body".
  * @param {boolean} props.defaultOpen - The initial open state of the dropdown menu. Defaults to false.
  * @param {ReactNode} props.children - The content to be rendered inside the dropdown menu.
  * @returns {ReactElement} The DropdownMenu.Content component.
@@ -965,6 +970,7 @@ interface IMessageBubbleProperties extends IComponentStyling, React$1.HTMLAttrib
 }
 interface IMessageBubbleContentProperties extends IComponentStyling, IComponentShape, IComponentSize, React$1.HTMLAttributes<HTMLDivElement> {
     variant?: TComponentVariant | TComponentVariantExtended;
+    emphasis?: boolean;
     children: string;
 }
 interface IMessageBubbleMetaProperties extends IComponentStyling, React$1.HTMLAttributes<HTMLDivElement> {
@@ -1015,6 +1021,7 @@ declare const MessageBubble: {
  *
  * @param {IMessageBubbleContentProperties} props - The props for the MessageBubble.Content component.
  * @param {boolean} props.raw - When true, removes default styling for custom layouts.
+ * @param {boolean} props.emphasis - Emphasis change the style definition used by the component.
  * @param {ReactNode} props.children - The message text or rich content to render.
  * @returns {ReactElement} The MessageBubble.Content component.
  */
@@ -1255,6 +1262,8 @@ declare const Portal: {
 
 type ResizableEditorProperties = {
     defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
     left: React$1.ReactNode;
     right: React$1.ReactNode;
 };
@@ -1263,12 +1272,14 @@ type ResizableEditorProperties = {
  *
  * @param {ResizableEditorProperties} props - The props for the Resizable component.
  * @param {number} props.defaultWidth - The default width of the Resizable left section.
+ * @param {number} props.minWidth - The minimum width of the Resizable sections, expressed as a percentage.
+ * @param {number} props.maxWidth - The maximum width of the Resizable sections, expressed as a percentage.
  * @param {ReactNode} props.left - The content to be rendered inside the Left panel of the Resizable component.
  * @param {ReactNode} props.right - The content to be rendered inside the Right panel of the Resizable component.
  * @returns {ReactElement} The Resizable component.
  */
 declare const Resizable: {
-    ({ defaultWidth, left, right, }: ResizableEditorProperties): React$1.JSX.Element;
+    ({ defaultWidth, minWidth, maxWidth, left, right, }: ResizableEditorProperties): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -1816,123 +1827,6 @@ declare const Tooltip: {
     displayName: string;
 };
 
-interface ITreeComposition {
-    Root: typeof TreeRoot;
-    Node: typeof TreeNode;
-    Trigger: typeof TreeTrigger;
-    Content: typeof TreeContent;
-}
-interface ITreeProperties extends IComponentSpacing, React$1.ComponentProps<"ul"> {
-}
-interface ITreeRootProperties extends IReactChildren {
-    defaultExpandedIds?: string[];
-    onSelectionChange?: (ids: string[]) => void;
-}
-interface ITreeNodeProperties extends IComponentSpacing, React$1.ComponentProps<"li"> {
-    nodeId: string;
-    level?: number;
-    isLast?: boolean;
-}
-interface ITreeTriggerProperties extends Omit<IButtonProperties, "value"> {
-    nodeId: string;
-}
-interface ITreeContentProperties extends IComponentSpacing, React$1.ComponentProps<"ul"> {
-    nodeId: string;
-    defaultOpen?: boolean;
-}
-/**
- * Tree is used to display a hierarchical list of items.
- *
- * **Best practices:**
- *
- * - Use a clear and descriptive label for each tree node.
- * - Ensure that the tree can be operated using only the keyboard.
- * - Ensure that the focus is properly managed when nodes are expanded/collapsed.
- *
- * @param {ITreeProperties} props - The props for the Tree component.
- * @param {ReactNode} props.children - The content to be rendered inside the tree.
- * @returns {ReactElement} The Tree component.
- */
-declare const Tree: {
-    (props: ITreeProperties): React$1.JSX.Element;
-    displayName: string;
-    Root: {
-        ({ children, defaultExpandedIds, onSelectionChange, }: ITreeRootProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-    Node: {
-        (props: ITreeNodeProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        (props: ITreeTriggerProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        (props: ITreeContentProperties): React$1.JSX.Element;
-        displayName: string;
-    };
-};
-declare const TreeRoot: {
-    ({ children, defaultExpandedIds, onSelectionChange, }: ITreeRootProperties): React$1.JSX.Element;
-    displayName: string;
-};
-/**
- * Tree.Node is used to wrap each node of the tree.
- *
- * **Best practices:**
- *
- * - Provide a unique nodeId for each node.
- * - Use the level prop to indicate the depth of the node in the hierarchy.
- *
- * @param {ITreeNodeProperties} props - The props for the Tree.Node component.
- * @param {string} props.nodeId - The unique identifier for the node.
- * @param {number} props.level - The depth level of the node. Defaults to 0.
- * @param {boolean} props.isLast - Whether the node is the last in its siblings. Defaults to false.
- * @param {ReactNode} props.children - The content to be rendered inside the node.
- * @returns {ReactElement} The Tree.Node component.
- */
-declare const TreeNode: {
-    (props: ITreeNodeProperties): React$1.JSX.Element;
-    displayName: string;
-};
-/**
- * Tree.Trigger is used to trigger the expansion and collapse of the associated Tree.Content component.
- *
- * **Best practices:**
- *
- * - Use a clear and descriptive label for the trigger.
- * - Ensure that the trigger can be operated using only the keyboard.
- * - Ensure that the focus is properly managed when the trigger is activated.
- *
- * @param {ITreeTriggerProperties} props - The props for the Tree.Trigger component.
- * @param {string} props.nodeId - The value used to bind the Tree.Trigger and Tree.Content components.
- * @param {ReactNode} props.children - The content to be rendered inside the trigger.
- * @returns {ReactElement} The Tree.Trigger component.
- */
-declare const TreeTrigger: {
-    (props: ITreeTriggerProperties): React$1.JSX.Element;
-    displayName: string;
-};
-/**
- * Tree.Content is used to contain the children of the associated Tree.Trigger component.
- *
- * **Best practices:**
- *
- * - Ensure that the content is hidden when the associated node is collapsed.
- * - Ensure that the content is properly focused when the associated node is expanded.
- *
- * @param {ITreeContentProperties} props - The props for the Tree.Content component.
- * @param {string} props.nodeId - The value used to bind the Tree.Content and Tree.Trigger components.
- * @param {boolean} props.defaultOpen - The initial open state of the content. Defaults to false.
- * @param {ReactNode} props.children - The content to be rendered inside the node content.
- * @returns {ReactElement} The Tree.Content component.
- */
-declare const TreeContent: {
-    (props: ITreeContentProperties): React$1.JSX.Element;
-    displayName: string;
-};
-
 interface ISelectTriggerProperties extends IButtonProperties {
     error?: boolean;
     children?: React$1.ReactNode;
@@ -2082,10 +1976,6 @@ declare const useToolbar: () => IComponentAPI;
 
 declare const useMessageBubble: () => IComponentAPI;
 
-declare const useTree: () => IComponentAPI;
-
-declare const useTreeNode: () => IComponentAPI;
-
 declare const useSelect: () => IComponentAPI;
 
-export { Accordion, AccordionContent, AccordionRoot, AccordionTrigger, AvataStatusEnum, Avatar, AvatarStatus, type AvatarStatusType, Badge, Breadcrumb, type BreadcrumbComposition, BreadcrumbItem, BreadcrumbSeparator, Button, Card, CardBody, type CardComposition, CardGrid, CardMeta, Checkbox, CheckboxIndicator, CheckboxRoot, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, CopyButton, Dialog, DialogControl, DialogMenu, DialogOverlay, DialogRoot, DialogTrigger, Divider, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuTrigger, Field, FieldDate, FieldFile, FieldLabel, FieldMeta, FieldNumber, FieldPassword, FieldRoot, FieldTag, FieldWrapper, type IAccordionComposition, type IAccordionContentProperties, type IAccordionProperties, type IAccordionTriggerProperties, type IAvatarBadgeProperties, type IAvatarComposition, type IAvatarProperties, type IBadgeProperties, type IButtonProperties, type ICheckboxComposition, type ICheckboxProperties, type ICollapsibleComposition, type ICollapsibleProperties, type IDialogItemProperties, type IDropdownComposition, type IDropdownContentProperties, type IDropdownItemProperties, type IField, type IFieldComposition, type IFieldDate, type IFieldFile, type IFieldLabel, type IFieldMeta, type IFieldNumber, type IFieldTag, type IMessageBubbleContentProperties, type IMessageBubbleContext, type IMessageBubbleMetaProperties, type IMessageBubbleProperties, type IOTPFieldComposition, type IOverlayProperties, type IPageToolsProperties, type IPageWrapperProperties, type IPortalProperties, type IScrollAreaProperties, type ISelectContentProperties, type ISelectItemProperties, type ISelectTriggerProperties, type ISheetComposition, type ISheetProperties, type ISwitchComposition, type ISwitchProperties, type ISwitchThumbProperties, type ITabsComposition, type ITabsProperties, type ITextShimmerProperties, type IToggleProperties, type IToolbarBodyProperties, type IToolbarComposition, type IToolbarItemProperties, type IToolbarSectionProperties, type ITreeComposition, type ITreeContentProperties, type ITreeNodeProperties, type ITreeProperties, type ITreeRootProperties, type ITreeTriggerProperties, MessageBubble, MessageBubbleContent, MessageBubbleMeta, MessageBubbleRoot, type MessageBubbleSide, MetaVariantEnum, OTPField, OTPFieldSlot, Overlay, Page, PageContent, PageMenu, PageNavigation, PagePanel, PageTools, PageWrapper, Portal, Resizable, ScrollArea, type ScrollContainerProps, Select, SelectContent, SelectItem, SelectRoot, SelectTrigger, Sheet, SheetRoot, SheetTrigger, Shimmer, Skeleton, type SkeletonProperties, Spinner, Switch, SwitchRoot, SwitchThumb, type TMetaVariant, Table, TableBody, TableCell, TableFooter, TableHead, TableHeadCell, TableRow, Tabs, TabsContent, TabsRoot, TabsTrigger, Textarea, type TextareaProps, Toggle, Toolbar, ToolbarItem, ToolbarRoot, ToolbarSection, ToolbarTrigger, Tooltip, Tree, TreeContent, TreeNode, TreeRoot, TreeTrigger, useAccordion, useCheckbox, useCollapsible, useDialog, useDropdownMenu, useField, useMessageBubble, useSelect, useSheet, useSwitch, useTabs, useToolbar, useTree, useTreeNode };
+export { Accordion, AccordionContent, AccordionRoot, AccordionTrigger, AvataStatusEnum, Avatar, AvatarStatus, type AvatarStatusType, Badge, Breadcrumb, type BreadcrumbComposition, BreadcrumbItem, BreadcrumbSeparator, Button, Card, CardBody, type CardComposition, CardGrid, CardMeta, Checkbox, CheckboxIndicator, CheckboxRoot, Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, CopyButton, Dialog, DialogControl, DialogMenu, DialogOverlay, DialogRoot, DialogTrigger, Divider, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuTrigger, Field, FieldDate, FieldFile, FieldLabel, FieldMeta, FieldNumber, FieldPassword, FieldRoot, FieldTag, FieldWrapper, type IAccordionComposition, type IAccordionContentProperties, type IAccordionProperties, type IAccordionTriggerProperties, type IAvatarBadgeProperties, type IAvatarComposition, type IAvatarProperties, type IBadgeProperties, type IButtonProperties, type ICheckboxComposition, type ICheckboxProperties, type ICollapsibleComposition, type ICollapsibleProperties, type IDialogItemProperties, type IDropdownComposition, type IDropdownContentProperties, type IDropdownItemProperties, type IField, type IFieldComposition, type IFieldDate, type IFieldFile, type IFieldLabel, type IFieldMeta, type IFieldNumber, type IFieldTag, type IMessageBubbleContentProperties, type IMessageBubbleContext, type IMessageBubbleMetaProperties, type IMessageBubbleProperties, type IOTPFieldComposition, type IOverlayProperties, type IPageToolsProperties, type IPageWrapperProperties, type IPortalProperties, type IScrollAreaProperties, type ISelectContentProperties, type ISelectItemProperties, type ISelectTriggerProperties, type ISheetComposition, type ISheetProperties, type ISwitchComposition, type ISwitchProperties, type ISwitchThumbProperties, type ITabsComposition, type ITabsProperties, type ITextShimmerProperties, type IToggleProperties, type IToolbarBodyProperties, type IToolbarComposition, type IToolbarItemProperties, type IToolbarSectionProperties, MessageBubble, MessageBubbleContent, MessageBubbleMeta, MessageBubbleRoot, type MessageBubbleSide, MetaVariantEnum, OTPField, OTPFieldSlot, Overlay, Page, PageContent, PageMenu, PageNavigation, PagePanel, PageTools, PageWrapper, Portal, Resizable, ScrollArea, type ScrollContainerProps, Select, SelectContent, SelectItem, SelectRoot, SelectTrigger, Sheet, SheetRoot, SheetTrigger, Shimmer, Skeleton, type SkeletonProperties, Spinner, Switch, SwitchRoot, SwitchThumb, type TMetaVariant, Table, TableBody, TableCell, TableFooter, TableHead, TableHeadCell, TableRow, Tabs, TabsContent, TabsRoot, TabsTrigger, Textarea, type TextareaProps, Toggle, Toolbar, ToolbarItem, ToolbarRoot, ToolbarSection, ToolbarTrigger, Tooltip, useAccordion, useCheckbox, useCollapsible, useDialog, useDropdownMenu, useField, useMessageBubble, useSelect, useSheet, useSwitch, useTabs, useToolbar };