@innovaccer/design-system 2.38.1 → 2.40.0

package/dist/core/common.type.d.ts

@@ -22,3 +22,4 @@ export declare type OptionType = {
 };
 export declare type TListboxSize = 'standard' | 'compressed' | 'tight';
 export declare type TEmptyStateSize = 'standard' | 'compressed' | 'tight' | 'large' | 'small';
+export declare type TTabSize = 'regular' | 'small';

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -34,6 +34,7 @@ export interface PopperWrapperProps {
         y: number;
     };
     computeStyles?: object;
+    disabled?: boolean;
 }
 interface PopperWrapperState {
     zIndex?: number;
@@ -55,6 +56,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         hoverable: boolean;
         appendToBody: boolean;
         style: {};
+        disabled: boolean;
     };
     constructor(props: PopperWrapperProps);
     componentDidMount(): void;

package/dist/core/components/molecules/keyValuePair/KeyElement.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { IconProps } from "../../../index.type";
+import { BaseProps } from "../../../utils/types";
+declare type IconPosition = 'left' | 'right';
+export interface KeyElementProps extends BaseProps {
+    children?: React.ReactNode;
+    label?: React.ReactText;
+    icon?: string;
+    iconOptions?: IconProps;
+    iconAlign?: IconPosition;
+}
+export declare const KeyElement: {
+    (props: KeyElementProps): JSX.Element;
+    defaultProps: {
+        iconAlign: string;
+    };
+};
+export default KeyElement;

package/dist/core/components/molecules/keyValuePair/KeyValuePair.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface KeyValuePairProps extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const KeyValuePair: {
+    (props: KeyValuePairProps): JSX.Element;
+    Key: {
+        (props: import("./KeyElement").KeyElementProps): JSX.Element;
+        defaultProps: {
+            iconAlign: string;
+        };
+    };
+    Value: (props: import("./ValueElement").ValueElementProps) => JSX.Element;
+};
+export default KeyValuePair;

package/dist/core/components/molecules/keyValuePair/ValueElement.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface ValueElementProps extends BaseProps {
+    children?: React.ReactNode;
+    value?: React.ReactText;
+}
+export declare const ValueElement: (props: ValueElementProps) => JSX.Element;
+export default ValueElement;

package/dist/core/components/molecules/keyValuePair/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./KeyValuePair";
+export * from "./KeyValuePair";

package/dist/core/components/molecules/popover/Popover.d.ts

@@ -31,6 +31,7 @@ export interface PopoverProps extends Pick<PopperWrapperProps, PopperProps>, Bas
         y: number;
     };
     computeStyles?: object;
+    disabled?: boolean;
 }
 export declare const Popover: {
     (props: PopoverProps): JSX.Element;

package/dist/core/components/molecules/tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps, SingleOrArray } from "../../../utils/types";
-import { IconType } from "../../../common.type";
+import { IconType, TTabSize } from "../../../common.type";
 interface TabInfo {
     label: string;
     activeIndex: number;
@@ -23,6 +23,8 @@ export interface TabsProps extends BaseProps {
     children?: SingleOrArray<React.ReactElement>;
     onTabChange?: (tabIndex: number) => void;
     headerClassName?: string;
+    size?: TTabSize;
+    maxWidth?: string | number;
 }
 export declare const Tabs: {
     (props: TabsProps): JSX.Element;
@@ -30,6 +32,8 @@ export declare const Tabs: {
     defaultProps: {
         withSeparator: boolean;
         tabs: never[];
+        size: string;
+        maxWidth: string;
     };
 };
 export default Tabs;

package/dist/core/components/molecules/tabs/TabsWrapper.d.ts

@@ -1,12 +1,17 @@
 import * as React from 'react';
 import { BaseProps, SingleOrArray } from "../../../utils/types";
+import { TTabSize } from "../../../common.type";
 export interface TabsWrapperProps extends BaseProps {
     active?: number;
     children: SingleOrArray<React.ReactElement>;
     onTabChange?: (tabIndex: number) => void;
+    size?: TTabSize;
 }
 export declare const TabsWrapper: {
     (props: TabsWrapperProps): JSX.Element;
     displayName: string;
+    defaultProps: {
+        size: string;
+    };
 };
 export default TabsWrapper;

package/dist/core/index.d.ts

@@ -92,6 +92,7 @@ export { AvatarSelection } from "./components/atoms/avatarSelection";
 export { Combobox } from "./components/organisms/combobox";
 export { Select } from "./components/organisms/select";
 export { Menu } from "./components/organisms/menu";
+export { KeyValuePair } from "./components/molecules/keyValuePair";
 export { AIButton } from "./ai-components/AIButton";
 export { SaraSparkle } from "./ai-components/SaraSparkle";
 export { Sara } from "./ai-components/Sara";

package/dist/core/index.type.d.ts

@@ -92,6 +92,7 @@ export { AvatarSelectionProps } from "./components/atoms/avatarSelection";
 export { ComboboxProps } from "./components/organisms/combobox";
 export { SelectProps } from "./components/organisms/select";
 export { MenuProps } from "./components/organisms/menu";
+export { KeyValuePairProps } from "./components/molecules/keyValuePair";
 export { SaraSparkleProps } from "./ai-components/SaraSparkle";
 export { AIButtonProps } from "./ai-components/AIButton";
 export { SaraProps } from "./ai-components/Sara";

package/dist/figma/ActionCard.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Avatar.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Backdrop.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Badge.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Breadcrumbs.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Button.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Card.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Checkbox.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Chip.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Divider.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/HelpText.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Icon.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Input.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Label.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Link.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/LinkButton.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Message.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/MetaList.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/MetricInput.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Pill.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/PlaceholderImage.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/ProgressBar.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/ProgressRing.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Radio.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/RangeSlider.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/SelectionCard.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Slider.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Spinner.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/StatusHint.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Switch.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/figma/Toast.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1720783452575 
+   * Generated on: 1722261465684 
    *      Package: @innovaccer/design-system
-   *      Version: v2.38.1
+   *      Version: v2.40.0
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -3142,7 +3142,9 @@ var GenericChip = function GenericChip(props) {
     return labelText;
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "d-inline-flex"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     showTooltip: isTextTruncated,
     "data-test": "DesignSystem-GenericChip--Tooltip",
     tooltip: getTooltipText()
@@ -7185,10 +7187,12 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
     }
   }, [ref.current]);
   var setCursorPosition = React.useCallback(function (val) {
-    return setSelectionPos({
-      start: val,
-      end: val
-    });
+    if (document && document.activeElement === ref.current) {
+      setSelectionPos({
+        start: val,
+        end: val
+      });
+    }
   }, [setSelectionPos]);
   var insertAtIndex = React.useCallback(function (currValue, index) {
     var iterator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -7676,6 +7680,13 @@ EditableDropdown.defaultProps = {
 };
 
 var _excluded$Q = ["children", "className", "appearance", "size", "disabled"];
+
+/**
+ *
+ * The choice to use the appearance `subtle` property for the **Link** component, while using the `subtle` boolean prop for the **LinkButton** component, is based on the different roles of typography and action components.
+ * - The **Link** component is primarily a typography element. Typography components use the "appearance" property to define their visual style, ensuring consistency and predictability when styling text-based elements.
+ * - In contrast, the **LinkButton** component is an action component. Action components use "boolean props" to indicate variations in their behavior and appearance. Therefore, the **LinkButton** uses the `subtle` boolean prop to signify a specific visual style that aligns with other button components.
+ */
 var Link = function Link(props) {
   var _classNames;
 
@@ -13840,7 +13851,7 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
 
     _this.state = {
       animationKeyframe: '',
-      isOpen: _this.props.open || false,
+      isOpen: _this.props.open && !_this.props.disabled || false,
       uniqueKey: ''
     };
     _this.hoverableDelay = 100;
@@ -13883,7 +13894,7 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
           animationKeyframe: ''
         });
 
-        if (this.props.open) {
+        if (this.props.open && !this.props.disabled) {
           var triggerElement = this.triggerRef.current;
           var zIndex = this.getZIndexForLayer(triggerElement);
           this.setState({
@@ -13999,8 +14010,9 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
       var _this$props4 = this.props,
           trigger = _this$props4.trigger,
           on = _this$props4.on,
-          triggerClass = _this$props4.triggerClass;
-      var options = on === 'hover' ? {
+          triggerClass = _this$props4.triggerClass,
+          disabled = _this$props4.disabled;
+      var options = on === 'hover' && !disabled ? {
         ref: ref,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
@@ -14010,8 +14022,7 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
         ref: ref,
         onClick: function onClick(ev) {
           ev.stopPropagation();
-
-          _this3.togglePopper('onClick');
+          !disabled && _this3.togglePopper('onClick');
         }
       };
       var classes = classnames('PopperWrapper-trigger', triggerClass);
@@ -14204,7 +14215,8 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
   closeOnBackdropClick: true,
   hoverable: true,
   appendToBody: true,
-  style: {}
+  style: {},
+  disabled: false
 });
 
 var _excluded$G = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
@@ -18012,7 +18024,8 @@ _defineProperty$1(DateRangePicker, "defaultProps", _objectSpread2(_objectSpread2
 var TabsWrapper = function TabsWrapper(props) {
   var children = props.children,
       onTabChange = props.onTabChange,
-      className = props.className;
+      className = props.className,
+      size = props.size;
   var baseProps = extractBaseProps(props);
   var tabs = Array.isArray(children) ? children : [children];
   var totalTabs = tabs.length;
@@ -18038,7 +18051,7 @@ var TabsWrapper = function TabsWrapper(props) {
     var _child$props = child.props,
         label = _child$props.label,
         disabled = _child$props.disabled;
-    var tabHeaderClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'Tab', true), _defineProperty$1(_classNames2, 'Tab--disabled', disabled), _defineProperty$1(_classNames2, 'Tab--active', !disabled && active === index), _classNames2));
+    var tabHeaderClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'Tab', true), _defineProperty$1(_classNames2, 'Tab--disabled', disabled), _defineProperty$1(_classNames2, 'Tab--active', !disabled && active === index), _defineProperty$1(_classNames2, 'Tab--regular', size === 'regular'), _defineProperty$1(_classNames2, 'Tab--small', size === 'small'), _classNames2));
     return (
       /*#__PURE__*/
       // TODO(a11y)
@@ -18065,6 +18078,9 @@ var TabsWrapper = function TabsWrapper(props) {
   }, tabs[active]));
 };
 TabsWrapper.displayName = 'TabsWrapper';
+TabsWrapper.defaultProps = {
+  size: 'regular'
+};
 
 var Tab = function Tab(props) {
   var children = props.children;
@@ -18099,7 +18115,9 @@ var Tabs = function Tabs(props) {
       withSeparator = props.withSeparator,
       onTabChange = props.onTabChange,
       className = props.className,
-      headerClassName = props.headerClassName;
+      headerClassName = props.headerClassName,
+      size = props.size,
+      maxWidth = props.maxWidth;
   var baseProps = extractBaseProps(props);
   var tabRefs = [];
   var tabs = children ? filterTabs(children) : props.tabs;
@@ -18237,6 +18255,9 @@ var Tabs = function Tabs(props) {
   };
 
   var renderTab = function renderTab(tab, index) {
+    var _classNames7, _classNames8;
+
+    var elementRef = /*#__PURE__*/React.createRef();
     var _ref3 = tab,
         _ref3$label = _ref3.label,
         label = _ref3$label === void 0 ? '' : _ref3$label,
@@ -18250,20 +18271,33 @@ var Tabs = function Tabs(props) {
     }
 
     var textAppearance = activeIndex === index ? 'link' : disabled ? 'disabled' : 'subtle';
-    var tabTextClass = classnames(_defineProperty$1({}, 'Tab-selected', !disabled && activeIndex === index));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderInfo(tab, index), /*#__PURE__*/React.createElement(Text, {
+    var tabTextClass = classnames((_classNames7 = {}, _defineProperty$1(_classNames7, 'ellipsis--noWrap', true), _defineProperty$1(_classNames7, 'Tab-selected', !disabled && activeIndex === index), _classNames7));
+    var tabClass = classnames((_classNames8 = {}, _defineProperty$1(_classNames8, 'Tab--regular', size === 'regular'), _defineProperty$1(_classNames8, 'Tab--small', size === 'small'), _defineProperty$1(_classNames8, 'Tab--overflow', true), _classNames8));
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      showOnTruncation: true,
+      tooltip: label,
+      elementRef: elementRef,
+      triggerClass: "ellipsis--noWrap flex-grow-0"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: tabClass,
+      "data-test": "DesignSystem-Tabs--TextWrapper",
+      style: {
+        maxWidth: maxWidth
+      }
+    }, renderInfo(tab, index), /*#__PURE__*/React.createElement(Text, {
       "data-test": "DesignSystem-Tabs--Text",
       appearance: textAppearance,
-      className: tabTextClass
-    }, label), isDismissible && renderDismissIcon(tab, index, onDismiss));
+      className: tabTextClass,
+      ref: elementRef
+    }, label), isDismissible && renderDismissIcon(tab, index, onDismiss)));
   };
 
   var renderTabs = tabs.map(function (tab, index) {
-    var _classNames8;
+    var _classNames9;
 
     var currentTabProp = children && 'props' in tab ? tab.props : tab;
     var disabled = currentTabProp.disabled;
-    var tabHeaderClass = classnames((_classNames8 = {}, _defineProperty$1(_classNames8, 'Tab', true), _defineProperty$1(_classNames8, 'Tab--disabled', disabled), _defineProperty$1(_classNames8, 'Tab--active', !disabled && activeIndex === index), _defineProperty$1(_classNames8, 'Tab-selected', !disabled && activeIndex === index), _defineProperty$1(_classNames8, 'align-items-center', true), _classNames8));
+    var tabHeaderClass = classnames((_classNames9 = {}, _defineProperty$1(_classNames9, 'Tab', true), _defineProperty$1(_classNames9, 'Tab--disabled', disabled), _defineProperty$1(_classNames9, 'Tab--active', !disabled && activeIndex === index), _defineProperty$1(_classNames9, 'Tab-selected', !disabled && activeIndex === index), _defineProperty$1(_classNames9, 'align-items-center', true), _classNames9));
     return (
       /*#__PURE__*/
       // TODO(a11y)
@@ -18300,7 +18334,9 @@ var Tabs = function Tabs(props) {
 Tabs.displayName = 'Tabs';
 Tabs.defaultProps = {
   withSeparator: true,
-  tabs: []
+  tabs: [],
+  size: 'regular',
+  maxWidth: 'var(--spacing-9)'
 };
 
 var accepts = function accepts(file, acceptedFiles) {
@@ -26958,6 +26994,84 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
+var KeyElement = function KeyElement(props) {
+  var children = props.children,
+      icon = props.icon,
+      iconOptions = props.iconOptions,
+      iconAlign = props.iconAlign,
+      label = props.label,
+      className = props.className;
+  var baseProps = extractBaseProps(props);
+  var iconClassNames = classnames('py-2', {
+    'mr-3': iconAlign === 'left',
+    'ml-3': iconAlign === 'right'
+  });
+  var keyClassNames = classnames('d-flex', 'align-items-center', className);
+
+  if (children) {
+    return /*#__PURE__*/React.createElement("dt", _extends$2({
+      "data-test": "DesignSystem-KeyValuePair-KeyElement"
+    }, baseProps), children);
+  }
+
+  return /*#__PURE__*/React.createElement("dt", _extends$2({
+    "data-test": "DesignSystem-KeyValuePair-KeyElement"
+  }, baseProps, {
+    className: keyClassNames
+  }), icon && iconAlign === 'left' && /*#__PURE__*/React.createElement(Icon, _extends$2({
+    appearance: "subtle",
+    name: icon,
+    className: iconClassNames,
+    "data-test": "DesignSystem-KeyValuePair-Icon--Left"
+  }, iconOptions)), label && /*#__PURE__*/React.createElement(Text, {
+    weight: "medium",
+    appearance: "subtle"
+  }, label), icon && iconAlign === 'right' && /*#__PURE__*/React.createElement(Icon, _extends$2({
+    appearance: "subtle",
+    name: icon,
+    className: iconClassNames,
+    "data-test": "DesignSystem-KeyValuePair-Icon--Right"
+  }, iconOptions)));
+};
+KeyElement.defaultProps = {
+  iconAlign: 'left'
+};
+
+var ValueElement = function ValueElement(props) {
+  var children = props.children,
+      value = props.value,
+      className = props.className;
+  var baseProps = extractBaseProps(props);
+  var valueClassNames = classnames('m-0', className);
+
+  if (children) {
+    return /*#__PURE__*/React.createElement("dd", _extends$2({
+      "data-test": "DesignSystem-KeyValuePair-ValueElement"
+    }, baseProps, {
+      className: valueClassNames
+    }), children);
+  }
+
+  return /*#__PURE__*/React.createElement("dd", _extends$2({
+    "data-test": "DesignSystem-KeyValuePair-ValueElement"
+  }, baseProps, {
+    className: valueClassNames
+  }), value && /*#__PURE__*/React.createElement(Text, null, value));
+};
+
+var KeyValuePair = function KeyValuePair(props) {
+  var children = props.children,
+      className = props.className;
+  var pairClassNames = classnames('m-0', className);
+  return /*#__PURE__*/React.createElement("dl", _extends$2({
+    "data-test": "DesignSystem-KeyValuePair"
+  }, props, {
+    className: pairClassNames
+  }), children);
+};
+KeyValuePair.Key = KeyElement;
+KeyValuePair.Value = ValueElement;
+
 var img$4 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%231f1f1f'/%3e%3c/svg%3e";
 
 var img$3 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%23A6A6A6'/%3e%3c/svg%3e";
@@ -31354,6 +31468,6 @@ AIResponse.Button = ChatButton;
 AIResponse.ActionBar = ChatActionBar;
 AIResponse.Body = ChatBody;
 
-var version = "2.38.1";
+var version = "2.40.0";
 
-export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
+export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };