@itwin/itwinui-react 3.0.0-dev.0 → 3.0.0-dev.2

package/cjs/core/TransferList/index.d.ts

@@ -0,0 +1,3 @@
+export { TransferList } from './TransferList.js';
+declare const _default: "./TransferList";
+export default _default;

package/cjs/core/TransferList/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransferList = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+var TransferList_js_1 = require("./TransferList.js");
+Object.defineProperty(exports, "TransferList", { enumerable: true, get: function () { return TransferList_js_1.TransferList; } });
+exports.default = './TransferList';

package/cjs/core/Tree/Tree.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/tree.css';
 export declare type NodeData<T> = {
     /**
      * Array of the child nodes contained in the node.

package/cjs/core/Tree/Tree.js

@@ -33,7 +33,6 @@ exports.Tree = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/tree.css");
 const classnames_1 = __importDefault(require("classnames"));
 const TreeContext_js_1 = require("./TreeContext.js");
 /**
@@ -103,10 +102,10 @@ const Tree = (props) => {
             return;
         }
         const items = getFocusableNodes();
-        if (!(items === null || items === void 0 ? void 0 : items.length)) {
+        if (!items?.length) {
             return;
         }
-        const activeIndex = items.findIndex((el) => { var _a; return el.contains((_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement); });
+        const activeIndex = items.findIndex((el) => el.contains(treeRef.current?.ownerDocument.activeElement));
         const currentIndex = activeIndex > -1 ? activeIndex : 0;
         switch (event.key) {
             case 'ArrowUp': {
@@ -156,20 +155,18 @@ const Tree = (props) => {
         return [flatList, firstLevelNodes];
     }, [data, getNode]);
     const itemRenderer = React.useCallback((index) => {
-        var _a, _b, _c, _d;
         const node = flatNodesList[index];
         return (React.createElement(TreeContext_js_1.TreeContext.Provider, { key: node.nodeProps.nodeId, value: {
                 nodeDepth: node.depth,
                 subNodeIds: node.subNodeIds,
                 groupSize: node.depth === 0
                     ? firstLevelNodesList.length
-                    : (_c = (_b = (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.subNodeIds) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0,
+                    : node.parentNode?.subNodeIds?.length ?? 0,
                 indexInGroup: node.indexInGroup,
-                parentNodeId: (_d = node.parentNode) === null || _d === void 0 ? void 0 : _d.nodeProps.nodeId,
+                parentNodeId: node.parentNode?.nodeProps.nodeId,
                 scrollToParent: node.parentNode
                     ? () => {
-                        var _a;
-                        const parentNodeId = (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.nodeProps.nodeId;
+                        const parentNodeId = node.parentNode?.nodeProps.nodeId;
                         const parentNodeIndex = flatNodesList.findIndex((n) => n.nodeProps.nodeId === parentNodeId);
                         setScrollToIndex(parentNodeIndex);
                     }
@@ -183,11 +180,10 @@ const Tree = (props) => {
     }, [flatNodesList]);
     React.useEffect(() => {
         setTimeout(() => {
-            var _a;
             if (scrollToIndex !== undefined) {
                 const nodeId = flatNodesListRef.current[scrollToIndex].nodeProps.nodeId;
-                const nodeElement = (_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.querySelector(`#${nodeId}`);
-                nodeElement === null || nodeElement === void 0 ? void 0 : nodeElement.focus();
+                const nodeElement = treeRef.current?.ownerDocument.querySelector(`#${nodeId}`);
+                nodeElement?.focus();
                 // Need to reset that if navigating with mouse and keyboard,
                 // e.g. pressing arrow left to go to parent node and then with mouse
                 // clicking some other child node and then pressing arrow left
@@ -196,13 +192,12 @@ const Tree = (props) => {
         });
     }, [scrollToIndex]);
     const handleFocus = (event) => {
-        var _a, _b;
-        if ((_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) {
+        if (treeRef.current?.contains(event.relatedTarget)) {
             return;
         }
         const items = getFocusableNodes();
         if (items.length > 0) {
-            (_b = items[focusedIndex.current]) === null || _b === void 0 ? void 0 : _b.focus();
+            items[focusedIndex.current]?.focus();
         }
     };
     return (React.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualizedTree, { flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style, ...rest })) : (React.createElement(TreeElement, { onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef, ...rest }, flatNodesList.map((_, i) => itemRenderer(i))))));

package/cjs/core/Tree/TreeNode.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/tree.css';
 declare type TreeNodeProps = {
     /**
      * Unique id of the node.

package/cjs/core/Tree/TreeNode.js

@@ -33,7 +33,6 @@ exports.TreeNode = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/tree.css");
 const classnames_1 = __importDefault(require("classnames"));
 const TreeNodeExpander_js_1 = require("./TreeNodeExpander.js");
 const TreeContext_js_1 = require("./TreeContext.js");
@@ -62,11 +61,10 @@ const TreeNode = (props) => {
     const [isFocused, setIsFocused] = React.useState(false);
     const nodeRef = React.useRef(null);
     const onKeyDown = (event) => {
-        var _a, _b, _c, _d, _e, _f;
         if (event.altKey) {
             return;
         }
-        const isNodeFocused = nodeRef.current === ((_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement);
+        const isNodeFocused = nodeRef.current === nodeRef.current?.ownerDocument.activeElement;
         switch (event.key) {
             case 'ArrowLeft': {
                 event.preventDefault();
@@ -76,19 +74,19 @@ const TreeNode = (props) => {
                         break;
                     }
                     if (parentNodeId) {
-                        scrollToParent === null || scrollToParent === void 0 ? void 0 : scrollToParent();
+                        scrollToParent?.();
                         break;
                     }
                     // If it is top level node (doesn't have parent node), then do nothing.
                     break;
                 }
                 const focusableElements = (0, index_js_1.getFocusableElements)(nodeRef.current);
-                const currentIndex = focusableElements.indexOf((_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.activeElement);
+                const currentIndex = focusableElements.indexOf(nodeRef.current?.ownerDocument.activeElement);
                 if (currentIndex === 0) {
-                    (_c = nodeRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+                    nodeRef.current?.focus();
                 }
                 else {
-                    (_d = focusableElements[currentIndex - 1]) === null || _d === void 0 ? void 0 : _d.focus();
+                    focusableElements[currentIndex - 1]?.focus();
                 }
                 break;
             }
@@ -100,10 +98,10 @@ const TreeNode = (props) => {
                         onExpanded(nodeId, true);
                         break;
                     }
-                    (_e = focusableElements[0]) === null || _e === void 0 ? void 0 : _e.focus();
+                    focusableElements[0]?.focus();
                     break;
                 }
-                const currentIndex = focusableElements.indexOf((_f = nodeRef.current) === null || _f === void 0 ? void 0 : _f.ownerDocument.activeElement);
+                const currentIndex = focusableElements.indexOf(nodeRef.current?.ownerDocument.activeElement);
                 if (currentIndex < focusableElements.length - 1) {
                     focusableElements[currentIndex + 1].focus();
                     break;
@@ -119,7 +117,7 @@ const TreeNode = (props) => {
                 }
                 event.preventDefault();
                 if (!isDisabled) {
-                    onSelected === null || onSelected === void 0 ? void 0 : onSelected(nodeId, !isSelected);
+                    onSelected?.(nodeId, !isSelected);
                 }
                 break;
             }
@@ -141,7 +139,7 @@ const TreeNode = (props) => {
         React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-tree-node', {
                 'iui-active': isSelected,
                 'iui-disabled': isDisabled,
-            }), style: { '--level': nodeDepth }, onClick: () => !isDisabled && (onSelected === null || onSelected === void 0 ? void 0 : onSelected(nodeId, !isSelected)) },
+            }), style: { '--level': nodeDepth }, onClick: () => !isDisabled && onSelected?.(nodeId, !isSelected) },
             checkbox && (React.createElement(index_js_1.Box, { className: 'iui-tree-node-checkbox' }, React.isValidElement(checkbox)
                 ? React.cloneElement(checkbox, {
                     tabIndex: isFocused ? 0 : -1,

package/cjs/core/Tree/TreeNodeExpander.d.ts

@@ -1,6 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { IconButtonProps } from '../Buttons/IconButton/IconButton.js';
-import '@itwin/itwinui-css/css/tree.css';
 declare type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;

package/cjs/core/Tree/TreeNodeExpander.js

@@ -35,7 +35,6 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
 const index_js_2 = require("../Buttons/IconButton/index.js");
-require("@itwin/itwinui-css/css/tree.css");
 exports.TreeNodeExpander = React.forwardRef((props, ref) => {
     const { isExpanded, ...rest } = props;
     return (React.createElement(index_js_2.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ref: ref, ...rest },

package/cjs/core/Typography/Anchor/Anchor.d.ts

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/anchor.css';
 /**
  * A consistently styled anchor component.
  *

package/cjs/core/Typography/Anchor/Anchor.js

@@ -6,7 +6,6 @@ exports.Anchor = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/anchor.css");
 /**
  * A consistently styled anchor component.
  *

package/cjs/core/Typography/Blockquote/Blockquote.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/blockquote.css';
 declare type BlockquoteProps = {
     /**
      * Optional footer for any attribution/source.

package/cjs/core/Typography/Blockquote/Blockquote.js

@@ -34,7 +34,6 @@ exports.Blockquote = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/blockquote.css");
 /**
  * Basic blockquote component
  * @example

package/cjs/core/Typography/Code/Code.d.ts

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/code.css';
 /**
  * Inline code element.
  * @example

package/cjs/core/Typography/Code/Code.js

@@ -6,7 +6,6 @@ exports.Code = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/code.css");
 /**
  * Inline code element.
  * @example

package/cjs/core/Typography/Kbd/Kbd.d.ts

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.
  */

package/cjs/core/Typography/Kbd/Kbd.js

@@ -34,7 +34,6 @@ exports.Kbd = exports.KbdKeys = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/keyboard.css");
 /**
  * Some predefined strings for common keyboard keys.
  */

package/cjs/core/Typography/Text/Text.d.ts

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/text.css';
 declare type TextProps = {
     /**
      * Which typography variant/size should be used for the styling?

package/cjs/core/Typography/Text/Text.js

@@ -34,7 +34,6 @@ exports.Text = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * Polymorphic typography component to render any kind of text as any kind of element.
  * Users should decide which element to render based on the context of their app. Link to heading levels docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#accessibility_concerns

package/cjs/core/index.d.ts

@@ -22,6 +22,7 @@ export { Footer, defaultFooterElements } from './Footer/index.js';
 export type { FooterElement, TitleTranslations } from './Footer/index.js';
 export { Header, HeaderBreadcrumbs, HeaderButton, HeaderLogo, } from './Header/index.js';
 export { List, ListItem } from './List/index.js';
+export { TransferList } from './TransferList/index.js';
 export { VerticalTabs, Tabs, Tab, HorizontalTabs } from './Tabs/index.js';
 export { InformationPanel, InformationPanelWrapper, InformationPanelHeader, InformationPanelBody, InformationPanelContent, } from './InformationPanel/index.js';
 export { Input } from './Input/index.js';

package/cjs/core/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformationPanelBody = exports.InformationPanelHeader = exports.InformationPanelWrapper = exports.InformationPanel = exports.HorizontalTabs = exports.Tab = exports.Tabs = exports.VerticalTabs = exports.ListItem = exports.List = exports.HeaderLogo = exports.HeaderButton = exports.HeaderBreadcrumbs = exports.Header = exports.defaultFooterElements = exports.Footer = exports.FileEmptyCard = exports.FileUploadCard = exports.FileUploadTemplate = exports.FileUpload = exports.Fieldset = exports.ExpandableBlock = exports.NonIdealState = exports.ErrorPage = exports.DropdownMenu = exports.Dialog = exports.generateLocalizedStrings = exports.DatePicker = exports.ComboBox = exports.ColorPalette = exports.ColorInputPanel = exports.ColorBuilder = exports.ColorSwatch = exports.ColorPicker = exports.Checkbox = exports.Carousel = exports.ButtonGroup = exports.SplitButton = exports.IdeasButton = exports.IconButton = exports.DropdownButton = exports.Button = exports.Breadcrumbs = exports.Badge = exports.Backdrop = exports.UserIconGroup = exports.AvatarGroup = exports.UserIcon = exports.Avatar = exports.Alert = void 0;
-exports.Tree = exports.Tooltip = exports.ToggleSwitch = exports.ThemeProvider = exports.toaster = exports.TimePicker = exports.Tile = exports.Textarea = exports.TagContainer = exports.Tag = exports.SelectionColumn = exports.ExpanderColumn = exports.ActionColumn = exports.TablePaginator = exports.EditableCell = exports.DefaultCell = exports.FilterButtonBar = exports.BaseFilter = exports.tableFilters = exports.Table = exports.Surface = exports.StatusMessage = exports.Slider = exports.SkipToContentLink = exports.SidenavSubmenuHeader = exports.SidenavSubmenu = exports.SidenavButton = exports.SideNavigation = exports.Select = exports.RadioTileGroup = exports.RadioTile = exports.Radio = exports.ProgressRadial = exports.ProgressLinear = exports.NotificationMarker = exports.ModalContent = exports.ModalButtonBar = exports.Modal = exports.MenuItemSkeleton = exports.MenuExtraContent = exports.MenuDivider = exports.MenuItem = exports.Menu = exports.LabeledTextarea = exports.LabeledSelect = exports.InputGroup = exports.LabeledInput = exports.Label = exports.Input = exports.InformationPanelContent = void 0;
-exports.Divider = exports.VisuallyHidden = exports.Flex = exports.Icon = exports.LinkAction = exports.LinkBox = exports.MiddleTextTruncation = exports.ColorValue = exports.getUserColor = exports.SearchBox = exports.WorkflowDiagram = exports.Stepper = exports.Wizard = exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Anchor = exports.TreeNodeExpander = exports.TreeNode = void 0;
+exports.InformationPanelHeader = exports.InformationPanelWrapper = exports.InformationPanel = exports.HorizontalTabs = exports.Tab = exports.Tabs = exports.VerticalTabs = exports.TransferList = exports.ListItem = exports.List = exports.HeaderLogo = exports.HeaderButton = exports.HeaderBreadcrumbs = exports.Header = exports.defaultFooterElements = exports.Footer = exports.FileEmptyCard = exports.FileUploadCard = exports.FileUploadTemplate = exports.FileUpload = exports.Fieldset = exports.ExpandableBlock = exports.NonIdealState = exports.ErrorPage = exports.DropdownMenu = exports.Dialog = exports.generateLocalizedStrings = exports.DatePicker = exports.ComboBox = exports.ColorPalette = exports.ColorInputPanel = exports.ColorBuilder = exports.ColorSwatch = exports.ColorPicker = exports.Checkbox = exports.Carousel = exports.ButtonGroup = exports.SplitButton = exports.IdeasButton = exports.IconButton = exports.DropdownButton = exports.Button = exports.Breadcrumbs = exports.Badge = exports.Backdrop = exports.UserIconGroup = exports.AvatarGroup = exports.UserIcon = exports.Avatar = exports.Alert = void 0;
+exports.Tooltip = exports.ToggleSwitch = exports.ThemeProvider = exports.toaster = exports.TimePicker = exports.Tile = exports.Textarea = exports.TagContainer = exports.Tag = exports.SelectionColumn = exports.ExpanderColumn = exports.ActionColumn = exports.TablePaginator = exports.EditableCell = exports.DefaultCell = exports.FilterButtonBar = exports.BaseFilter = exports.tableFilters = exports.Table = exports.Surface = exports.StatusMessage = exports.Slider = exports.SkipToContentLink = exports.SidenavSubmenuHeader = exports.SidenavSubmenu = exports.SidenavButton = exports.SideNavigation = exports.Select = exports.RadioTileGroup = exports.RadioTile = exports.Radio = exports.ProgressRadial = exports.ProgressLinear = exports.NotificationMarker = exports.ModalContent = exports.ModalButtonBar = exports.Modal = exports.MenuItemSkeleton = exports.MenuExtraContent = exports.MenuDivider = exports.MenuItem = exports.Menu = exports.LabeledTextarea = exports.LabeledSelect = exports.InputGroup = exports.LabeledInput = exports.Label = exports.Input = exports.InformationPanelContent = exports.InformationPanelBody = void 0;
+exports.Divider = exports.VisuallyHidden = exports.Flex = exports.Icon = exports.LinkAction = exports.LinkBox = exports.MiddleTextTruncation = exports.ColorValue = exports.getUserColor = exports.SearchBox = exports.WorkflowDiagram = exports.Stepper = exports.Wizard = exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Anchor = exports.TreeNodeExpander = exports.TreeNode = exports.Tree = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -74,116 +74,118 @@ Object.defineProperty(exports, "HeaderLogo", { enumerable: true, get: function (
 var index_js_22 = require("./List/index.js");
 Object.defineProperty(exports, "List", { enumerable: true, get: function () { return index_js_22.List; } });
 Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return index_js_22.ListItem; } });
-var index_js_23 = require("./Tabs/index.js");
-Object.defineProperty(exports, "VerticalTabs", { enumerable: true, get: function () { return index_js_23.VerticalTabs; } });
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return index_js_23.Tabs; } });
-Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return index_js_23.Tab; } });
-Object.defineProperty(exports, "HorizontalTabs", { enumerable: true, get: function () { return index_js_23.HorizontalTabs; } });
-var index_js_24 = require("./InformationPanel/index.js");
-Object.defineProperty(exports, "InformationPanel", { enumerable: true, get: function () { return index_js_24.InformationPanel; } });
-Object.defineProperty(exports, "InformationPanelWrapper", { enumerable: true, get: function () { return index_js_24.InformationPanelWrapper; } });
-Object.defineProperty(exports, "InformationPanelHeader", { enumerable: true, get: function () { return index_js_24.InformationPanelHeader; } });
-Object.defineProperty(exports, "InformationPanelBody", { enumerable: true, get: function () { return index_js_24.InformationPanelBody; } });
-Object.defineProperty(exports, "InformationPanelContent", { enumerable: true, get: function () { return index_js_24.InformationPanelContent; } });
-var index_js_25 = require("./Input/index.js");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return index_js_25.Input; } });
-var index_js_26 = require("./Label/index.js");
-Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return index_js_26.Label; } });
-var index_js_27 = require("./LabeledInput/index.js");
-Object.defineProperty(exports, "LabeledInput", { enumerable: true, get: function () { return index_js_27.LabeledInput; } });
-var index_js_28 = require("./InputGroup/index.js");
-Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return index_js_28.InputGroup; } });
-var index_js_29 = require("./LabeledSelect/index.js");
-Object.defineProperty(exports, "LabeledSelect", { enumerable: true, get: function () { return index_js_29.LabeledSelect; } });
-var index_js_30 = require("./LabeledTextarea/index.js");
-Object.defineProperty(exports, "LabeledTextarea", { enumerable: true, get: function () { return index_js_30.LabeledTextarea; } });
-var index_js_31 = require("./Menu/index.js");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return index_js_31.Menu; } });
-Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return index_js_31.MenuItem; } });
-Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return index_js_31.MenuDivider; } });
-Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return index_js_31.MenuExtraContent; } });
-Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return index_js_31.MenuItemSkeleton; } });
-var index_js_32 = require("./Modal/index.js");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return index_js_32.Modal; } });
-Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return index_js_32.ModalButtonBar; } });
-Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return index_js_32.ModalContent; } });
-var index_js_33 = require("./NotificationMarker/index.js");
-Object.defineProperty(exports, "NotificationMarker", { enumerable: true, get: function () { return index_js_33.NotificationMarker; } });
-var index_js_34 = require("./ProgressIndicators/index.js");
-Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return index_js_34.ProgressLinear; } });
-Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return index_js_34.ProgressRadial; } });
-var index_js_35 = require("./Radio/index.js");
-Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return index_js_35.Radio; } });
-var index_js_36 = require("./RadioTiles/index.js");
-Object.defineProperty(exports, "RadioTile", { enumerable: true, get: function () { return index_js_36.RadioTile; } });
-Object.defineProperty(exports, "RadioTileGroup", { enumerable: true, get: function () { return index_js_36.RadioTileGroup; } });
-var index_js_37 = require("./Select/index.js");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return index_js_37.Select; } });
-var index_js_38 = require("./SideNavigation/index.js");
-Object.defineProperty(exports, "SideNavigation", { enumerable: true, get: function () { return index_js_38.SideNavigation; } });
-Object.defineProperty(exports, "SidenavButton", { enumerable: true, get: function () { return index_js_38.SidenavButton; } });
-Object.defineProperty(exports, "SidenavSubmenu", { enumerable: true, get: function () { return index_js_38.SidenavSubmenu; } });
-Object.defineProperty(exports, "SidenavSubmenuHeader", { enumerable: true, get: function () { return index_js_38.SidenavSubmenuHeader; } });
-var index_js_39 = require("./SkipToContentLink/index.js");
-Object.defineProperty(exports, "SkipToContentLink", { enumerable: true, get: function () { return index_js_39.SkipToContentLink; } });
-var index_js_40 = require("./Slider/index.js");
-Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return index_js_40.Slider; } });
-var index_js_41 = require("./StatusMessage/index.js");
-Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return index_js_41.StatusMessage; } });
-var index_js_42 = require("./Surface/index.js");
-Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return index_js_42.Surface; } });
-var index_js_43 = require("./Table/index.js");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return index_js_43.Table; } });
-Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return index_js_43.tableFilters; } });
-Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return index_js_43.BaseFilter; } });
-Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return index_js_43.FilterButtonBar; } });
-Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return index_js_43.DefaultCell; } });
-Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return index_js_43.EditableCell; } });
-Object.defineProperty(exports, "TablePaginator", { enumerable: true, get: function () { return index_js_43.TablePaginator; } });
-Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return index_js_43.ActionColumn; } });
-Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return index_js_43.ExpanderColumn; } });
-Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return index_js_43.SelectionColumn; } });
-var index_js_44 = require("./Tag/index.js");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return index_js_44.Tag; } });
-Object.defineProperty(exports, "TagContainer", { enumerable: true, get: function () { return index_js_44.TagContainer; } });
-var index_js_45 = require("./Textarea/index.js");
-Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return index_js_45.Textarea; } });
-var index_js_46 = require("./Tile/index.js");
-Object.defineProperty(exports, "Tile", { enumerable: true, get: function () { return index_js_46.Tile; } });
-var index_js_47 = require("./TimePicker/index.js");
-Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return index_js_47.TimePicker; } });
-var index_js_48 = require("./Toast/index.js");
-Object.defineProperty(exports, "toaster", { enumerable: true, get: function () { return __importDefault(index_js_48).default; } });
-var index_js_49 = require("./ThemeProvider/index.js");
-Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return index_js_49.ThemeProvider; } });
-var index_js_50 = require("./ToggleSwitch/index.js");
-Object.defineProperty(exports, "ToggleSwitch", { enumerable: true, get: function () { return index_js_50.ToggleSwitch; } });
-var index_js_51 = require("./Tooltip/index.js");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return index_js_51.Tooltip; } });
-var index_js_52 = require("./Tree/index.js");
-Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return index_js_52.Tree; } });
-Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return index_js_52.TreeNode; } });
-Object.defineProperty(exports, "TreeNodeExpander", { enumerable: true, get: function () { return index_js_52.TreeNodeExpander; } });
-var index_js_53 = require("./Typography/index.js");
-Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return index_js_53.Anchor; } });
-Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return index_js_53.Blockquote; } });
-Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return index_js_53.Code; } });
-Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return index_js_53.Kbd; } });
-Object.defineProperty(exports, "KbdKeys", { enumerable: true, get: function () { return index_js_53.KbdKeys; } });
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return index_js_53.Text; } });
-var index_js_54 = require("./Stepper/index.js");
-Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return index_js_54.Wizard; } });
-Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return index_js_54.Stepper; } });
-Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return index_js_54.WorkflowDiagram; } });
-var index_js_55 = require("./SearchBox/index.js");
-Object.defineProperty(exports, "SearchBox", { enumerable: true, get: function () { return index_js_55.SearchBox; } });
-var index_js_56 = require("./utils/index.js");
-Object.defineProperty(exports, "getUserColor", { enumerable: true, get: function () { return index_js_56.getUserColor; } });
-Object.defineProperty(exports, "ColorValue", { enumerable: true, get: function () { return index_js_56.ColorValue; } });
-Object.defineProperty(exports, "MiddleTextTruncation", { enumerable: true, get: function () { return index_js_56.MiddleTextTruncation; } });
-Object.defineProperty(exports, "LinkBox", { enumerable: true, get: function () { return index_js_56.LinkBox; } });
-Object.defineProperty(exports, "LinkAction", { enumerable: true, get: function () { return index_js_56.LinkAction; } });
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return index_js_56.Icon; } });
-Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return index_js_56.Flex; } });
-Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return index_js_56.VisuallyHidden; } });
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return index_js_56.Divider; } });
+var index_js_23 = require("./TransferList/index.js");
+Object.defineProperty(exports, "TransferList", { enumerable: true, get: function () { return index_js_23.TransferList; } });
+var index_js_24 = require("./Tabs/index.js");
+Object.defineProperty(exports, "VerticalTabs", { enumerable: true, get: function () { return index_js_24.VerticalTabs; } });
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return index_js_24.Tabs; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return index_js_24.Tab; } });
+Object.defineProperty(exports, "HorizontalTabs", { enumerable: true, get: function () { return index_js_24.HorizontalTabs; } });
+var index_js_25 = require("./InformationPanel/index.js");
+Object.defineProperty(exports, "InformationPanel", { enumerable: true, get: function () { return index_js_25.InformationPanel; } });
+Object.defineProperty(exports, "InformationPanelWrapper", { enumerable: true, get: function () { return index_js_25.InformationPanelWrapper; } });
+Object.defineProperty(exports, "InformationPanelHeader", { enumerable: true, get: function () { return index_js_25.InformationPanelHeader; } });
+Object.defineProperty(exports, "InformationPanelBody", { enumerable: true, get: function () { return index_js_25.InformationPanelBody; } });
+Object.defineProperty(exports, "InformationPanelContent", { enumerable: true, get: function () { return index_js_25.InformationPanelContent; } });
+var index_js_26 = require("./Input/index.js");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return index_js_26.Input; } });
+var index_js_27 = require("./Label/index.js");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return index_js_27.Label; } });
+var index_js_28 = require("./LabeledInput/index.js");
+Object.defineProperty(exports, "LabeledInput", { enumerable: true, get: function () { return index_js_28.LabeledInput; } });
+var index_js_29 = require("./InputGroup/index.js");
+Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return index_js_29.InputGroup; } });
+var index_js_30 = require("./LabeledSelect/index.js");
+Object.defineProperty(exports, "LabeledSelect", { enumerable: true, get: function () { return index_js_30.LabeledSelect; } });
+var index_js_31 = require("./LabeledTextarea/index.js");
+Object.defineProperty(exports, "LabeledTextarea", { enumerable: true, get: function () { return index_js_31.LabeledTextarea; } });
+var index_js_32 = require("./Menu/index.js");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return index_js_32.Menu; } });
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return index_js_32.MenuItem; } });
+Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return index_js_32.MenuDivider; } });
+Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return index_js_32.MenuExtraContent; } });
+Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return index_js_32.MenuItemSkeleton; } });
+var index_js_33 = require("./Modal/index.js");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return index_js_33.Modal; } });
+Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return index_js_33.ModalButtonBar; } });
+Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return index_js_33.ModalContent; } });
+var index_js_34 = require("./NotificationMarker/index.js");
+Object.defineProperty(exports, "NotificationMarker", { enumerable: true, get: function () { return index_js_34.NotificationMarker; } });
+var index_js_35 = require("./ProgressIndicators/index.js");
+Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return index_js_35.ProgressLinear; } });
+Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return index_js_35.ProgressRadial; } });
+var index_js_36 = require("./Radio/index.js");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return index_js_36.Radio; } });
+var index_js_37 = require("./RadioTiles/index.js");
+Object.defineProperty(exports, "RadioTile", { enumerable: true, get: function () { return index_js_37.RadioTile; } });
+Object.defineProperty(exports, "RadioTileGroup", { enumerable: true, get: function () { return index_js_37.RadioTileGroup; } });
+var index_js_38 = require("./Select/index.js");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return index_js_38.Select; } });
+var index_js_39 = require("./SideNavigation/index.js");
+Object.defineProperty(exports, "SideNavigation", { enumerable: true, get: function () { return index_js_39.SideNavigation; } });
+Object.defineProperty(exports, "SidenavButton", { enumerable: true, get: function () { return index_js_39.SidenavButton; } });
+Object.defineProperty(exports, "SidenavSubmenu", { enumerable: true, get: function () { return index_js_39.SidenavSubmenu; } });
+Object.defineProperty(exports, "SidenavSubmenuHeader", { enumerable: true, get: function () { return index_js_39.SidenavSubmenuHeader; } });
+var index_js_40 = require("./SkipToContentLink/index.js");
+Object.defineProperty(exports, "SkipToContentLink", { enumerable: true, get: function () { return index_js_40.SkipToContentLink; } });
+var index_js_41 = require("./Slider/index.js");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return index_js_41.Slider; } });
+var index_js_42 = require("./StatusMessage/index.js");
+Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return index_js_42.StatusMessage; } });
+var index_js_43 = require("./Surface/index.js");
+Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return index_js_43.Surface; } });
+var index_js_44 = require("./Table/index.js");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return index_js_44.Table; } });
+Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return index_js_44.tableFilters; } });
+Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return index_js_44.BaseFilter; } });
+Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return index_js_44.FilterButtonBar; } });
+Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return index_js_44.DefaultCell; } });
+Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return index_js_44.EditableCell; } });
+Object.defineProperty(exports, "TablePaginator", { enumerable: true, get: function () { return index_js_44.TablePaginator; } });
+Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return index_js_44.ActionColumn; } });
+Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return index_js_44.ExpanderColumn; } });
+Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return index_js_44.SelectionColumn; } });
+var index_js_45 = require("./Tag/index.js");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return index_js_45.Tag; } });
+Object.defineProperty(exports, "TagContainer", { enumerable: true, get: function () { return index_js_45.TagContainer; } });
+var index_js_46 = require("./Textarea/index.js");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return index_js_46.Textarea; } });
+var index_js_47 = require("./Tile/index.js");
+Object.defineProperty(exports, "Tile", { enumerable: true, get: function () { return index_js_47.Tile; } });
+var index_js_48 = require("./TimePicker/index.js");
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return index_js_48.TimePicker; } });
+var index_js_49 = require("./Toast/index.js");
+Object.defineProperty(exports, "toaster", { enumerable: true, get: function () { return __importDefault(index_js_49).default; } });
+var index_js_50 = require("./ThemeProvider/index.js");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return index_js_50.ThemeProvider; } });
+var index_js_51 = require("./ToggleSwitch/index.js");
+Object.defineProperty(exports, "ToggleSwitch", { enumerable: true, get: function () { return index_js_51.ToggleSwitch; } });
+var index_js_52 = require("./Tooltip/index.js");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return index_js_52.Tooltip; } });
+var index_js_53 = require("./Tree/index.js");
+Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return index_js_53.Tree; } });
+Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return index_js_53.TreeNode; } });
+Object.defineProperty(exports, "TreeNodeExpander", { enumerable: true, get: function () { return index_js_53.TreeNodeExpander; } });
+var index_js_54 = require("./Typography/index.js");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return index_js_54.Anchor; } });
+Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return index_js_54.Blockquote; } });
+Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return index_js_54.Code; } });
+Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return index_js_54.Kbd; } });
+Object.defineProperty(exports, "KbdKeys", { enumerable: true, get: function () { return index_js_54.KbdKeys; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return index_js_54.Text; } });
+var index_js_55 = require("./Stepper/index.js");
+Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return index_js_55.Wizard; } });
+Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return index_js_55.Stepper; } });
+Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return index_js_55.WorkflowDiagram; } });
+var index_js_56 = require("./SearchBox/index.js");
+Object.defineProperty(exports, "SearchBox", { enumerable: true, get: function () { return index_js_56.SearchBox; } });
+var index_js_57 = require("./utils/index.js");
+Object.defineProperty(exports, "getUserColor", { enumerable: true, get: function () { return index_js_57.getUserColor; } });
+Object.defineProperty(exports, "ColorValue", { enumerable: true, get: function () { return index_js_57.ColorValue; } });
+Object.defineProperty(exports, "MiddleTextTruncation", { enumerable: true, get: function () { return index_js_57.MiddleTextTruncation; } });
+Object.defineProperty(exports, "LinkBox", { enumerable: true, get: function () { return index_js_57.LinkBox; } });
+Object.defineProperty(exports, "LinkAction", { enumerable: true, get: function () { return index_js_57.LinkAction; } });
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return index_js_57.Icon; } });
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return index_js_57.Flex; } });
+Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return index_js_57.VisuallyHidden; } });
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return index_js_57.Divider; } });