@carbon/react 1.63.2 → 1.64.0

package/es/components/TreeView/TreeNode.d.ts

@@ -0,0 +1,150 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ComponentType, FunctionComponent } from 'react';
+export type TreeNodeProps = {
+    /**
+     * **Note:** this is controlled by the parent TreeView component, do not set manually.
+     * The ID of the active node in the tree
+     */
+    active?: string | number;
+    /**
+     * Specify the children of the TreeNode
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the TreeNode
+     */
+    className?: string;
+    /**
+     * **[Experimental]** The default expansion state of the node.
+     * *This is only supported with the `enable-treeview-controllable` feature flag!*
+     */
+    defaultIsExpanded?: boolean;
+    /**
+     * **Note:** this is controlled by the parent TreeView component, do not set manually.
+     * TreeNode depth to determine spacing
+     */
+    depth?: number;
+    /**
+     * Specify if the TreeNode is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the TreeNode's ID. Must be unique in the DOM and is used for props.active and props.selected
+     */
+    id?: string;
+    /**
+     * Specify if the TreeNode is expanded (only applicable to parent nodes)
+     */
+    isExpanded?: boolean;
+    /**
+     * Rendered label for the TreeNode
+     */
+    label: React.ReactNode;
+    /**
+     * Callback function for when the node receives or loses focus
+     */
+    onNodeFocusEvent?: (event: React.FocusEvent<HTMLLIElement>) => void;
+    /**
+     * Callback function for when the node is selected
+     */
+    onSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
+    /**
+     * Callback function for when a parent node is expanded or collapsed
+     */
+    onToggle?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
+    /**
+     * Callback function for when any node in the tree is selected
+     */
+    onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
+    /**
+     * Optional prop to allow each node to have an associated icon.
+     * Can be a React component class
+     */
+    renderIcon?: ComponentType | FunctionComponent;
+    /**
+     * **Note:** this is controlled by the parent TreeView component, do not set manually.
+     * Array containing all selected node IDs in the tree
+     */
+    selected?: Array<string | number>;
+    /**
+     * Specify the value of the TreeNode
+     */
+    value?: string;
+} & Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onSelect'>;
+declare const TreeNode: React.ForwardRefExoticComponent<{
+    /**
+     * **Note:** this is controlled by the parent TreeView component, do not set manually.
+     * The ID of the active node in the tree
+     */
+    active?: string | number | undefined;
+    /**
+     * Specify the children of the TreeNode
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the TreeNode
+     */
+    className?: string | undefined;
+    /**
+     * **[Experimental]** The default expansion state of the node.
+     * *This is only supported with the `enable-treeview-controllable` feature flag!*
+     */
+    defaultIsExpanded?: boolean | undefined;
+    /**
+     * **Note:** this is controlled by the parent TreeView component, do not set manually.
+     * TreeNode depth to determine spacing
+     */
+    depth?: number | undefined;
+    /**
+     * Specify if the TreeNode is disabled
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Specify the TreeNode's ID. Must be unique in the DOM and is used for props.active and props.selected
+     */
+    id?: string | undefined;
+    /**
+     * Specify if the TreeNode is expanded (only applicable to parent nodes)
+     */
+    isExpanded?: boolean | undefined;
+    /**
+     * Rendered label for the TreeNode
+     */
+    label: React.ReactNode;
+    /**
+     * Callback function for when the node receives or loses focus
+     */
+    onNodeFocusEvent?: ((event: React.FocusEvent<HTMLLIElement>) => void) | undefined;
+    /**
+     * Callback function for when the node is selected
+     */
+    onSelect?: ((event: React.MouseEvent, node?: TreeNodeProps) => void) | undefined;
+    /**
+     * Callback function for when a parent node is expanded or collapsed
+     */
+    onToggle?: ((event: React.MouseEvent, node?: TreeNodeProps) => void) | undefined;
+    /**
+     * Callback function for when any node in the tree is selected
+     */
+    onTreeSelect?: ((event: React.MouseEvent, node?: TreeNodeProps) => void) | undefined;
+    /**
+     * Optional prop to allow each node to have an associated icon.
+     * Can be a React component class
+     */
+    renderIcon?: React.ComponentType<{}> | undefined;
+    /**
+     * **Note:** this is controlled by the parent TreeView component, do not set manually.
+     * Array containing all selected node IDs in the tree
+     */
+    selected?: (string | number)[] | undefined;
+    /**
+     * Specify the value of the TreeNode
+     */
+    value?: string | undefined;
+} & Omit<React.LiHTMLAttributes<HTMLLIElement>, "onSelect"> & React.RefAttributes<HTMLLIElement>>;
+export default TreeNode;

package/es/components/TreeView/TreeNode.js

@@ -6,13 +6,13 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { CaretDown } from '@carbon/icons-react';
 import cx from 'classnames';
-import uniqueId from '../../tools/uniqueId.js';
-import { usePrefix } from '../../internal/usePrefix.js';
+import PropTypes from 'prop-types';
+import React__default, { useRef, useState, useEffect } from 'react';
 import { useControllableState } from '../../internal/useControllableState.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+import uniqueId from '../../tools/uniqueId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { matches, match } from '../../internal/keyboard/match.js';
 import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
@@ -22,7 +22,7 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     active,
     children,
     className,
-    depth,
+    depth: propDepth,
     disabled,
     id: nodeId,
     isExpanded,
@@ -33,10 +33,13 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     onToggle,
     onTreeSelect,
     renderIcon: Icon,
-    selected,
+    selected: propSelected,
     value,
     ...rest
   } = _ref;
+  // These are provided by the parent TreeView component
+  const depth = propDepth;
+  const selected = propSelected;
   const enableTreeviewControllable = useFeatureFlag('enable-treeview-controllable');
   const {
     current: id
@@ -141,7 +144,7 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
          * When focus is on a leaf node or a closed parent node, move focus to
          * its parent node (unless its depth is level 1)
          */
-        findParentTreeNode(currentNode.current.parentNode)?.focus();
+        findParentTreeNode(currentNode.current?.parentNode)?.focus();
       }
     }
     if (children && match(event, ArrowRight)) {
@@ -150,7 +153,7 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
          * When focus is on an expanded parent node, move focus to the first
          * child node
          */
-        currentNode.current.lastChild.firstChild.focus();
+        (currentNode.current?.lastChild?.firstChild).focus();
       } else {
         if (!enableTreeviewControllable) {
           onToggle?.(event, {
@@ -217,8 +220,8 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, [children, depth, Icon, isExpanded, enableTreeviewControllable, setExpanded]);
   const treeNodeProps = {
     ...rest,
-    ['aria-current']: isActive || null,
-    ['aria-selected']: disabled ? null : isSelected,
+    ['aria-current']: isActive || undefined,
+    ['aria-selected']: disabled ? undefined : isSelected,
     ['aria-disabled']: disabled,
     className: treeNodeClasses,
     id,
@@ -226,8 +229,9 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     onClick: handleClick,
     onFocus: handleFocusEvent,
     onKeyDown: handleKeyDown,
-    ref: currentNode,
-    role: 'treeitem'
+    role: 'treeitem',
+    // @ts-ignore
+    ref: currentNode
   };
   if (!children) {
     return /*#__PURE__*/React__default.createElement("li", treeNodeProps, /*#__PURE__*/React__default.createElement("div", {
@@ -247,7 +251,9 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       className: `${prefix}--tree-node__label`,
       ref: currentNodeLabel
     }, /*#__PURE__*/React__default.createElement("span", {
-      className: `${prefix}--tree-parent-node__toggle`,
+      className: `${prefix}--tree-parent-node__toggle`
+      // @ts-ignore
+      ,
       disabled: disabled,
       onClick: handleToggleClick
     }, /*#__PURE__*/React__default.createElement(CaretDown, {
@@ -322,11 +328,13 @@ TreeNode.propTypes = {
    * Optional prop to allow each node to have an associated icon.
    * Can be a React component class
    */
+  // @ts-ignore
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * Array containing all selected node IDs in the tree
    */
+  // @ts-ignore
   selected: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   /**
    * Specify the value of the TreeNode
@@ -334,6 +342,5 @@ TreeNode.propTypes = {
   value: PropTypes.string
 };
 TreeNode.displayName = 'TreeNode';
-var TreeNode$1 = TreeNode;
 
-export { TreeNode$1 as default };
+export { TreeNode as default };

package/es/components/TreeView/TreeView.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import TreeNode from './TreeNode';
+export type TreeViewProps = {
+    /**
+     * Mark the active node in the tree, represented by its ID
+     */
+    active?: string | number;
+    /**
+     * Specify the children of the TreeView
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the TreeView
+     */
+    className?: string;
+    /**
+     * Specify whether or not the label should be hidden
+     */
+    hideLabel?: boolean;
+    /**
+     * Provide the label text that will be read by a screen reader
+     */
+    label: string;
+    /**
+     * **[Experimental]** Specify the selection mode of the tree.
+     * If `multiselect` is `false` then only one node can be selected at a time
+     */
+    multiselect?: boolean;
+    /**
+     * **[Experimental]** Callback function that is called when any node is activated.
+     * *This is only supported with the `enable-treeview-controllable` feature flag!*
+     */
+    onActivate?: (activated?: string | number) => void;
+    /**
+     * Callback function that is called when any node is selected
+     */
+    onSelect?: (selected: Array<string | number>, payload: any) => void;
+    /**
+     * Array representing all selected node IDs in the tree
+     */
+    selected?: Array<string | number>;
+    /**
+     * Specify the size of the tree from a list of available sizes.
+     */
+    size?: 'xs' | 'sm';
+} & React.HTMLAttributes<HTMLUListElement>;
+type TreeViewComponent = {
+    (props: TreeViewProps): JSX.Element;
+    propTypes?: any;
+    TreeNode: typeof TreeNode;
+};
+declare const TreeView: TreeViewComponent;
+export default TreeView;

package/es/components/TreeView/TreeView.js

@@ -6,17 +6,18 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import uniqueId from '../../tools/uniqueId.js';
-import { usePrefix } from '../../internal/usePrefix.js';
+import PropTypes from 'prop-types';
+import React__default, { useRef, useState, useEffect } from 'react';
 import { useControllableState } from '../../internal/useControllableState.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+import uniqueId from '../../tools/uniqueId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
+import TreeNode from './TreeNode.js';
 import { matches, match } from '../../internal/keyboard/match.js';
 import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
 
-function TreeView(_ref) {
+const TreeView = _ref => {
   let {
     active: prespecifiedActive,
     children,
@@ -36,6 +37,7 @@ function TreeView(_ref) {
   } = useRef(rest.id || uniqueId());
   const prefix = usePrefix();
   const treeClasses = cx(className, `${prefix}--tree`, {
+    // @ts-ignore - will always be false according to prop types
     [`${prefix}--tree--${size}`]: size !== 'default'
   });
   const treeRootRef = useRef(null);
@@ -61,9 +63,7 @@ function TreeView(_ref) {
   }
   function handleTreeSelect(event) {
     let node = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const {
-      id: nodeId
-    } = node;
+    const nodeId = node.id;
     if (multiselect && (event.metaKey || event.ctrlKey)) {
       if (!selected.includes(nodeId)) {
         setSelected(selected.concat(nodeId));
@@ -107,14 +107,15 @@ function TreeView(_ref) {
     }
   }
   let focusTarget = false;
-  const nodesWithProps = React__default.Children.map(children, node => {
+  const nodesWithProps = React__default.Children.map(children, _node => {
+    const node = _node;
     const sharedNodeProps = {
       active,
       depth: 0,
       onNodeFocusEvent: handleFocusEvent,
       onTreeSelect: handleTreeSelect,
       selected,
-      tabIndex: !node.props.disabled && -1 || null
+      tabIndex: !node.props.disabled && -1 || undefined
     };
     if (!focusTarget && !node.props.disabled) {
       sharedNodeProps.tabIndex = 0;
@@ -126,40 +127,47 @@ function TreeView(_ref) {
   });
   function handleKeyDown(event) {
     event.stopPropagation();
-    if (matches(event, [ArrowUp, ArrowDown, Home, End, {
+    if (matches(event, [ArrowUp, ArrowDown, Home, End,
+    // @ts-ignore - `matches` doesn't like the object syntax without missing properties
+    {
       code: 'KeyA'
     }])) {
       event.preventDefault();
     }
+    if (!treeWalker.current) {
+      return;
+    }
     treeWalker.current.currentNode = event.target;
-    let nextFocusNode;
+    let nextFocusNode = null;
     if (match(event, ArrowUp)) {
       nextFocusNode = treeWalker.current.previousNode();
     }
     if (match(event, ArrowDown)) {
       nextFocusNode = treeWalker.current.nextNode();
     }
+    // @ts-ignore - `matches` doesn't like the object syntax without missing properties
     if (matches(event, [Home, End, {
       code: 'KeyA'
     }])) {
       const nodeIds = [];
       if (matches(event, [Home, End])) {
-        if (multiselect && event.shiftKey && event.ctrlKey && !treeWalker.current.currentNode.getAttribute('aria-disabled')) {
+        if (multiselect && event.shiftKey && event.ctrlKey && treeWalker.current.currentNode instanceof Element && !treeWalker.current.currentNode.getAttribute('aria-disabled')) {
           nodeIds.push(treeWalker.current.currentNode?.id);
         }
         while (match(event, Home) ? treeWalker.current.previousNode() : treeWalker.current.nextNode()) {
           nextFocusNode = treeWalker.current.currentNode;
-          if (multiselect && event.shiftKey && event.ctrlKey && !nextFocusNode.getAttribute('aria-disabled')) {
+          if (multiselect && event.shiftKey && event.ctrlKey && nextFocusNode instanceof Element && !nextFocusNode.getAttribute('aria-disabled')) {
             nodeIds.push(nextFocusNode?.id);
           }
         }
       }
+      // @ts-ignore - `matches` doesn't like the object syntax without missing properties
       if (match(event, {
         code: 'KeyA'
       }) && event.ctrlKey) {
         treeWalker.current.currentNode = treeWalker.current.root;
         while (treeWalker.current.nextNode()) {
-          if (!treeWalker.current.currentNode.getAttribute('aria-disabled')) {
+          if (treeWalker.current.currentNode instanceof Element && !treeWalker.current.currentNode.getAttribute('aria-disabled')) {
             nodeIds.push(treeWalker.current.currentNode?.id);
           }
         }
@@ -168,14 +176,19 @@ function TreeView(_ref) {
     }
     if (nextFocusNode && nextFocusNode !== event.target) {
       resetNodeTabIndices();
-      nextFocusNode.tabIndex = 0;
-      nextFocusNode.focus();
+      if (nextFocusNode instanceof HTMLElement) {
+        nextFocusNode.tabIndex = 0;
+        nextFocusNode.focus();
+      }
     }
     rest?.onKeyDown?.(event);
   }
   useEffect(() => {
     treeWalker.current = treeWalker.current ?? document.createTreeWalker(treeRootRef?.current, NodeFilter.SHOW_ELEMENT, {
       acceptNode: function (node) {
+        if (!(node instanceof Element)) {
+          return NodeFilter.FILTER_SKIP;
+        }
         if (node.classList.contains(`${prefix}--tree-node--disabled`)) {
           return NodeFilter.FILTER_REJECT;
         }
@@ -198,20 +211,20 @@ function TreeView(_ref) {
   }, []);
   useActiveAndSelectedOnMount();
   const labelId = `${treeId}__label`;
-  const TreeLabel = () => !hideLabel && /*#__PURE__*/React__default.createElement("label", {
+  const TreeLabel = () => !hideLabel ? /*#__PURE__*/React__default.createElement("label", {
     id: labelId,
     className: `${prefix}--label`
-  }, label);
+  }, label) : null;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TreeLabel, null), /*#__PURE__*/React__default.createElement("ul", _extends({}, rest, {
-    "aria-label": hideLabel ? label : null,
-    "aria-labelledby": !hideLabel ? labelId : null,
-    "aria-multiselectable": multiselect || null,
+    "aria-label": hideLabel ? label : undefined,
+    "aria-labelledby": !hideLabel ? labelId : undefined,
+    "aria-multiselectable": multiselect || undefined,
     className: treeClasses,
     onKeyDown: handleKeyDown,
     ref: treeRootRef,
     role: "tree"
   }), nodesWithProps));
-}
+};
 TreeView.propTypes = {
   /**
    * Mark the active node in the tree, represented by its ID
@@ -256,5 +269,6 @@ TreeView.propTypes = {
    */
   size: PropTypes.oneOf(['xs', 'sm'])
 };
+TreeView.TreeNode = TreeNode;
 
 export { TreeView as default };

package/es/components/TreeView/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import TreeNode, { TreeNodeProps } from './TreeNode';
+import TreeView, { TreeViewProps } from './TreeView';
+export { TreeNode, TreeView };
+export type { TreeViewProps, TreeNodeProps };
+export default TreeView;

package/es/components/UIShell/SwitcherItem.d.ts

@@ -47,6 +47,10 @@ interface BaseSwitcherItemProps {
      * Specify where to open the link.
      */
     target?: HTMLAttributeAnchorTarget;
+    /**
+     * The rel property for the link.
+     */
+    rel?: string;
 }
 interface SwitcherItemWithAriaLabel extends BaseSwitcherItemProps {
     'aria-label': string;

package/es/components/UIShell/SwitcherItem.js

@@ -29,6 +29,7 @@ const SwitcherItem = /*#__PURE__*/forwardRef(function SwitcherItem(props, forwar
     onKeyDown = () => {},
     href,
     target,
+    rel,
     ...rest
   } = props;
   const prefix = usePrefix();
@@ -67,6 +68,7 @@ const SwitcherItem = /*#__PURE__*/forwardRef(function SwitcherItem(props, forwar
     },
     href: href,
     target: target,
+    rel: rel,
     ref: forwardRef
   }, rest, {
     className: linkClassName,
@@ -111,7 +113,11 @@ SwitcherItem.propTypes = {
   /**
    * Specify where to open the link.
    */
-  target: PropTypes.string
+  target: PropTypes.string,
+  /**
+   * The rel property for the link.
+   */
+  rel: PropTypes.string
 };
 
 export { SwitcherItem as default };

package/es/index.d.ts

@@ -116,9 +116,11 @@ export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/Overflow
 export { PageSelector as unstable_PageSelector, Pagination as unstable_Pagination, } from './components/Pagination/experimental';
 export * from './components/Popover';
 export * from './components/ProgressBar';
-export { Slug as unstable__Slug, SlugContent as unstable__SlugContent, SlugActions as unstable__SlugActions, } from './components/Slug';
+export { AILabel, AILabelContent, AILabelActions } from './components/AILabel';
+export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AILabelActions as unstable__SlugActions, } from './components/AILabel';
 export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
-export { AiSkeletonText as unstable__AiSkeletonText, AiSkeletonIcon as unstable__AiSkeletonIcon, AiSkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AiSkeleton';
+export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
+export { AISkeletonText as unstable__AiSkeletonText, AISkeletonIcon as unstable__AiSkeletonIcon, AISkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AISkeleton';
 export * from './components/Stack';
 export * from './components/Tooltip';
 export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';

package/es/index.js

@@ -126,6 +126,8 @@ export { Toggle } from './components/Toggle/Toggle.js';
 export { default as ToggleSkeleton } from './components/Toggle/Toggle.Skeleton.js';
 export { default as ToggleSmallSkeleton } from './components/ToggleSmall/ToggleSmall.Skeleton.js';
 export { Toggletip, ToggletipActions, ToggletipButton, ToggletipContent, ToggletipLabel } from './components/Toggletip/index.js';
+export { default as TreeNode } from './components/TreeView/TreeNode.js';
+export { default as TreeView } from './components/TreeView/TreeView.js';
 export { default as Content } from './components/UIShell/Content.js';
 export { default as Header } from './components/UIShell/Header.js';
 export { default as HeaderContainer } from './components/UIShell/HeaderContainer.js';
@@ -164,10 +166,10 @@ export { Layout as unstable_Layout } from './components/Layout/index.js';
 export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/OverflowMenuV2/index.js';
 export { Popover, PopoverContent } from './components/Popover/index.js';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
-export { Slug as unstable__Slug, SlugActions as unstable__SlugActions, SlugContent as unstable__SlugContent } from './components/Slug/index.js';
-export { default as unstable__AiSkeletonPlaceholder } from './components/AiSkeleton/AiSkeletonPlaceholder.js';
-export { default as unstable__AiSkeletonIcon } from './components/AiSkeleton/AiSkeletonIcon.js';
-export { default as unstable__AiSkeletonText } from './components/AiSkeleton/AiSkeletonText.js';
+export { AILabel, AILabelActions, AILabelContent, AILabel as unstable__Slug, AILabelActions as unstable__SlugActions, AILabelContent as unstable__SlugContent } from './components/AILabel/index.js';
+export { default as AISkeletonPlaceholder, default as unstable__AiSkeletonPlaceholder } from './components/AISkeleton/AISkeletonPlaceholder.js';
+export { default as AISkeletonIcon, default as unstable__AiSkeletonIcon } from './components/AISkeleton/AISkeletonIcon.js';
+export { default as AISkeletonText, default as unstable__AiSkeletonText } from './components/AISkeleton/AISkeletonText.js';
 export { DefinitionTooltip } from './components/Tooltip/DefinitionTooltip.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
 import './components/Text/index.js';
@@ -188,7 +190,6 @@ export { default as useContextMenu } from './components/ContextMenu/useContextMe
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
 export { default as TextInput } from './components/TextInput/TextInput.js';
-export { default as TreeView } from './components/TreeView/TreeView.js';
 export { default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
 export { default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
 export { default as unstable__FluidDatePicker } from './components/FluidDatePicker/FluidDatePicker.js';
@@ -234,4 +235,3 @@ export { default as TableToolbarSearch } from './components/DataTable/TableToolb
 export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
 export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
 export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
-export { default as TreeNode } from './components/TreeView/TreeNode.js';