@spaced-out/ui-design-system 0.5.7-beta.3 → 0.5.7

package/lib/components/Button/Button.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnstyledButton = exports.Button = exports.BUTTON_TYPES = exports.BUTTON_SIZE = exports.BUTTON_ACTION_TYPE = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _CircularLoader = require("src/components/CircularLoader");
-var _Icon = require("src/components/Icon");
-var _Truncate = require("src/components/Truncate");
-var _ButtonModule = _interopRequireDefault(require("src/components/Button/Button.module.css"));
+var _classify = require("../../utils/classify");
+var _CircularLoader = require("../CircularLoader");
+var _Icon = require("../Icon");
+var _Truncate = require("../Truncate");
+var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
  * Note(Nishant): Although Button supports gradient as a type, its not currently customizable really.
  * This only supports pre-defined gradient that moves from left to right.
@@ -67,9 +67,11 @@ const UnstyledButton = exports.UnstyledButton = /*#__PURE__*/React.forwardRef((_
     role = 'button',
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, ariaLabel ? {
-    'aria-label': ariaLabel
-  } : {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    ...props,
+    ...(ariaLabel ? {
+      'aria-label': ariaLabel
+    } : {}),
     className: className,
     ref: ref,
     role: role,
@@ -83,7 +85,7 @@ const UnstyledButton = exports.UnstyledButton = /*#__PURE__*/React.forwardRef((_
         onClick(event);
       }
     }
-  }));
+  });
 });
 const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
@@ -101,7 +103,8 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     isLoading,
     ...props
   } = _ref2;
-  return /*#__PURE__*/React.createElement(UnstyledButton, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UnstyledButton, {
+    ...props,
     actionType: actionType,
     disabled: disabled,
     isLoading: isLoading,
@@ -121,64 +124,77 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
       [_ButtonModule.default.withBothIcon]: !!(iconLeftName && iconRightName),
       [_ButtonModule.default.onlyIcon]: (iconLeftName || iconRightName) && !children
     }, classNames?.wrapper),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _ButtonModule.default.buttonRow
-  }, !(iconLeftName || iconRightName) ? /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_ButtonModule.default.textContainer, classNames?.text)
-  }, isLoading && /*#__PURE__*/React.createElement("div", {
-    className: _ButtonModule.default.loader
-  }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
-    size: size,
-    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
-  })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    className: (0, _classify.classify)({
-      [_ButtonModule.default.hidden]: isLoading
-    })
-  }, children)) :
-  // has icon, but no child
-  children == null ? /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement("div", {
-    className: _ButtonModule.default.loader
-  }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
-    size: size,
-    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
-  })), /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconLeftName || iconRightName,
-    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
-    size: size === 'medium' ? 'medium' : 'small',
-    type: iconLeftName ? iconLeftType : iconRightType,
-    className: (0, _classify.classify)({
-      [_ButtonModule.default.hidden]: isLoading
-    }, classNames?.icon)
-  })) :
-  // has icon _and_ child
-  (iconLeftName || iconRightName) && /*#__PURE__*/React.createElement(React.Fragment, null, iconLeftName && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconLeftName,
-    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
-    size: size === 'medium' ? 'medium' : 'small',
-    type: iconLeftType,
-    className: (0, _classify.classify)({
-      [_ButtonModule.default.hidden]: isLoading
-    }, classNames?.icon)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_ButtonModule.default.textContainer, classNames?.text)
-  }, isLoading && /*#__PURE__*/React.createElement("div", {
-    className: _ButtonModule.default.loader
-  }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
-    size: size,
-    colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
-  })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    className: (0, _classify.classify)({
-      [_ButtonModule.default.hidden]: isLoading
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ButtonModule.default.buttonRow,
+      children: !(iconLeftName || iconRightName) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classify.classify)(_ButtonModule.default.textContainer, classNames?.text),
+        children: [isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _ButtonModule.default.loader,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+            size: size,
+            colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          className: (0, _classify.classify)({
+            [_ButtonModule.default.hidden]: isLoading
+          }),
+          children: children
+        })]
+      }) :
+      // has icon, but no child
+      children == null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _ButtonModule.default.loader,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+            size: size,
+            colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: iconLeftName || iconRightName,
+          color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+          size: size === 'medium' ? 'medium' : 'small',
+          type: iconLeftName ? iconLeftType : iconRightType,
+          className: (0, _classify.classify)({
+            [_ButtonModule.default.hidden]: isLoading
+          }, classNames?.icon)
+        })]
+      }) :
+      // has icon _and_ child
+      (iconLeftName || iconRightName) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [iconLeftName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: iconLeftName,
+          color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+          size: size === 'medium' ? 'medium' : 'small',
+          type: iconLeftType,
+          className: (0, _classify.classify)({
+            [_ButtonModule.default.hidden]: isLoading
+          }, classNames?.icon)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classify.classify)(_ButtonModule.default.textContainer, classNames?.text),
+          children: [isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _ButtonModule.default.loader,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+              size: size,
+              colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            className: (0, _classify.classify)({
+              [_ButtonModule.default.hidden]: isLoading
+            }),
+            children: children
+          })]
+        }), iconRightName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: iconRightName,
+          color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+          size: size === 'medium' ? 'medium' : 'small',
+          type: iconRightType,
+          className: (0, _classify.classify)({
+            [_ButtonModule.default.hidden]: isLoading
+          }, classNames?.icon)
+        })]
+      })
     })
-  }, children)), iconRightName && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconRightName,
-    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
-    size: size === 'medium' ? 'medium' : 'small',
-    type: iconRightType,
-    className: (0, _classify.classify)({
-      [_ButtonModule.default.hidden]: isLoading
-    }, classNames?.icon)
-  }))));
+  });
 });
 Button.displayName = 'Button';

package/lib/components/Button/index.d.ts

@@ -1,3 +1,3 @@
-export type { ButtonActionType, ButtonProps, ButtonSize, ButtonType, UnstyledButtonProps, } from 'src/components/Button/Button';
-export { Button, BUTTON_ACTION_TYPE, BUTTON_SIZE, BUTTON_TYPES, UnstyledButton, } from 'src/components/Button/Button';
+export type { ButtonActionType, ButtonProps, ButtonSize, ButtonType, UnstyledButtonProps, } from '../../components/Button/Button';
+export { Button, BUTTON_ACTION_TYPE, BUTTON_SIZE, BUTTON_TYPES, UnstyledButton, } from '../../components/Button/Button';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Button/index.js

@@ -33,4 +33,4 @@ Object.defineProperty(exports, "UnstyledButton", {
     return _Button.UnstyledButton;
   }
 });
-var _Button = require("src/components/Button/Button");
+var _Button = require("./Button");

package/lib/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ClickAwayRefType } from 'src/utils/click-away';
-import type { ButtonProps } from 'src/components/Button';
-import type { MenuOption, MenuProps } from 'src/components/Menu';
-import type { BaseTooltipProps, ElevationType } from 'src/components/Tooltip';
+import type { ClickAwayRefType } from '../../utils/click-away';
+import type { ButtonProps } from '../../components/Button';
+import type { MenuOption, MenuProps } from '../../components/Menu';
+import type { BaseTooltipProps, ElevationType } from '../../components/Tooltip';
 export declare const ANCHOR_POSITION_TYPE: Readonly<{
     top: "top";
     topStart: "top-start";

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.STRATEGY_TYPE = exports.ButtonDropdown = exports.ANCHOR_POSITION_TYPE = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _hooks = require("src/hooks");
-var _space = require("src/styles/variables/_space");
-var _classify = require("src/utils/classify");
-var _clickAway = require("src/utils/click-away");
-var _mergeRefs = require("src/utils/merge-refs");
-var _Button = require("src/components/Button");
-var _ConditionalWrapper = require("src/components/ConditionalWrapper");
-var _Menu = require("src/components/Menu");
-var _Tooltip = require("src/components/Tooltip");
-var _ButtonDropdownModule = _interopRequireDefault(require("src/components/ButtonDropdown/ButtonDropdown.module.css"));
+var _hooks = require("../../hooks");
+var _space = require("../../styles/variables/_space");
+var _classify = require("../../utils/classify");
+var _clickAway = require("../../utils/click-away");
+var _mergeRefs = require("../../utils/merge-refs");
+var _Button = require("../Button");
+var _ConditionalWrapper = require("../ConditionalWrapper");
+var _Menu = require("../Menu");
+var _Tooltip = require("../Tooltip");
+var _ButtonDropdownModule = _interopRequireDefault(require("./ButtonDropdown.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ANCHOR_POSITION_TYPE = exports.ANCHOR_POSITION_TYPE = Object.freeze({
   top: 'top',
   topStart: 'top-start',
@@ -76,77 +76,89 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
       setIsMenuOpen(false);
     }
   };
-  return /*#__PURE__*/React.createElement(_clickAway.ClickAway, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_clickAway.ClickAway, {
     onChange: onMenuToggle,
-    clickAwayRef: clickAwayRef
-  }, _ref2 => {
-    let {
-      isOpen,
-      onOpen,
-      clickAway,
-      boundaryRef,
-      triggerRef
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": "ButtonDropdown",
-      className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, {
-        [_ButtonDropdownModule.default.isFluid]: isFluid === true
-      }, classNames?.dropdownContainer),
-      ref: forwardRef
-    }, /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
-      condition: Boolean(tooltip),
-      wrapper: children => /*#__PURE__*/React.createElement(_Tooltip.Tooltip, _extends({}, tooltip, {
-        hidden: isMenuOpen ? true : tooltip?.hidden
-      }), children)
-    }, /*#__PURE__*/React.createElement(_Button.Button, _extends({}, restButtonProps, {
-      iconRightName: children ? iconRightName || (isOpen ? 'caret-up' : 'caret-down') : iconRightName,
-      iconRightType: iconRightType,
-      disabled: disabled,
-      size: size,
-      ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
-      onClick: e => {
-        onClick?.(e);
-        e.stopPropagation();
-        onOpen();
-      },
-      isFluid: isFluid,
-      classNames: {
-        wrapper: classNames?.buttonWrapper,
-        icon: classNames?.buttonIcon
-      }
-    }), children)), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
-      modal: false,
-      context: context,
-      initialFocus: refs.reference
-    }, /*#__PURE__*/React.createElement("div", {
-      className: _ButtonDropdownModule.default.menuWrapper,
-      ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
-      style: {
-        display: 'flex',
-        position: strategy,
-        top: y ?? _space.spaceNone,
-        left: x ?? _space.spaceNone,
-        /* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
-        so its parent is effectively the <body> element. This means the menu
-        would otherwise default to the body's width. To support fluid width,
-        we must manually set the dropdown width here; otherwise, it uses a fixed width.
-        Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
-        ...(menu.isFluid !== false && {
-          '--dropdown-width': dropdownWidth
-        }),
-        '--menu-elevation': (0, _Tooltip.getElevationValue)(elevation)
-      }
-    }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
-      onSelect: (option, e) => {
-        onOptionSelect?.(option, e);
-        if (
-        // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
-        !option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {
-          clickAway();
-        }
-      },
-      size: menu.size || size,
-      onTabOut: clickAway
-    }))))));
+    clickAwayRef: clickAwayRef,
+    children: _ref2 => {
+      let {
+        isOpen,
+        onOpen,
+        clickAway,
+        boundaryRef,
+        triggerRef
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        "data-testid": "ButtonDropdown",
+        className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, {
+          [_ButtonDropdownModule.default.isFluid]: isFluid === true
+        }, classNames?.dropdownContainer),
+        ref: forwardRef,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+          condition: Boolean(tooltip),
+          wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+            ...tooltip,
+            hidden: isMenuOpen ? true : tooltip?.hidden,
+            children: children
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+            ...restButtonProps,
+            iconRightName: children ? iconRightName || (isOpen ? 'caret-up' : 'caret-down') : iconRightName,
+            iconRightType: iconRightType,
+            disabled: disabled,
+            size: size,
+            ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
+            onClick: e => {
+              onClick?.(e);
+              e.stopPropagation();
+              onOpen();
+            },
+            isFluid: isFluid,
+            classNames: {
+              wrapper: classNames?.buttonWrapper,
+              icon: classNames?.buttonIcon
+            },
+            children: children
+          })
+        }), isOpen && menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
+            modal: false,
+            context: context,
+            initialFocus: refs.reference,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: _ButtonDropdownModule.default.menuWrapper,
+              ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
+              style: {
+                display: 'flex',
+                position: strategy,
+                top: y ?? _space.spaceNone,
+                left: x ?? _space.spaceNone,
+                /* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
+                so its parent is effectively the <body> element. This means the menu
+                would otherwise default to the body's width. To support fluid width,
+                we must manually set the dropdown width here; otherwise, it uses a fixed width.
+                Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
+                ...(menu.isFluid !== false && {
+                  '--dropdown-width': dropdownWidth
+                }),
+                '--menu-elevation': (0, _Tooltip.getElevationValue)(elevation)
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
+                ...menu,
+                onSelect: (option, e) => {
+                  onOptionSelect?.(option, e);
+                  if (
+                  // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
+                  !option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {
+                    clickAway();
+                  }
+                },
+                size: menu.size || size,
+                onTabOut: clickAway
+              })
+            })
+          })
+        })]
+      });
+    }
   });
 });

package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { MenuClassNames, MenuLabelTooltip } from 'src/types/menu';
-import type { ClickAwayRefType } from 'src/utils/click-away';
-import type { ButtonProps } from 'src/components/Button';
-import type { AnchorType } from 'src/components/ButtonDropdown/ButtonDropdown';
-import type { MenuOption, MenuOptionsVariant, Virtualization } from 'src/components/Menu';
-import type { BaseTooltipProps, ElevationType } from 'src/components/Tooltip';
+import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
+import type { ClickAwayRefType } from '../../utils/click-away';
+import type { ButtonProps } from '../../components/Button';
+import type { AnchorType } from '../../components/ButtonDropdown/ButtonDropdown';
+import type { MenuOption, MenuOptionsVariant, Virtualization } from '../../components/Menu';
+import type { BaseTooltipProps, ElevationType } from '../../components/Tooltip';
 type ClassNames = Readonly<{
     buttonWrapper?: string;
     dropdownContainer?: string;

package/lib/components/ButtonDropdown/SimpleButtonDropdown.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SimpleButtonDropdown = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _menu = require("src/utils/menu");
-var _ButtonDropdown = require("src/components/ButtonDropdown/ButtonDropdown");
+var _menu = require("../../utils/menu");
+var _ButtonDropdown = require("./ButtonDropdown");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SimpleButtonDropdownBase = (props, ref) => {
   const {
     size = 'medium',
@@ -60,7 +60,8 @@ const SimpleButtonDropdownBase = (props, ref) => {
   React.useImperativeHandle(ref, () => ({
     selectedKeys: buttonDropdownSelectedKeys
   }));
-  return /*#__PURE__*/React.createElement(_ButtonDropdown.ButtonDropdown, _extends({}, buttonProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDropdown.ButtonDropdown, {
+    ...buttonProps,
     anchorPosition: anchorPosition,
     classNames: classNames,
     size: size,
@@ -85,7 +86,8 @@ const SimpleButtonDropdownBase = (props, ref) => {
       classNames: menuClassNames,
       showLabelTooltip,
       allowWrap
-    }
-  }), optionsVariant === 'checkbox' ? btnText : children);
+    },
+    children: optionsVariant === 'checkbox' ? btnText : children
+  });
 };
 const SimpleButtonDropdown = exports.SimpleButtonDropdown = /*#__PURE__*/React.forwardRef(SimpleButtonDropdownBase);

package/lib/components/ButtonDropdown/index.d.ts

@@ -1,3 +1,3 @@
-export * from 'src/components/ButtonDropdown/ButtonDropdown';
-export * from 'src/components/ButtonDropdown/SimpleButtonDropdown';
+export * from '../../components/ButtonDropdown/ButtonDropdown';
+export * from '../../components/ButtonDropdown/SimpleButtonDropdown';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ButtonDropdown/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ButtonDropdown = require("src/components/ButtonDropdown/ButtonDropdown");
+var _ButtonDropdown = require("./ButtonDropdown");
 Object.keys(_ButtonDropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ButtonDropdown[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_ButtonDropdown).forEach(function (key) {
     }
   });
 });
-var _SimpleButtonDropdown = require("src/components/ButtonDropdown/SimpleButtonDropdown");
+var _SimpleButtonDropdown = require("./SimpleButtonDropdown");
 Object.keys(_SimpleButtonDropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SimpleButtonDropdown[key]) return;

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { IconType } from 'src/components/Icon';
+import type { IconType } from '../../../components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ButtonTab = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Button = require("src/components/Button");
-var _ButtonTabModule = _interopRequireDefault(require("src/components/ButtonTabs/ButtonTab/ButtonTab.module.css"));
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _Button = require("../../Button");
+var _ButtonTabModule = _interopRequireDefault(require("./ButtonTab.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ButtonTab = exports.ButtonTab = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -26,7 +26,8 @@ const ButtonTab = exports.ButtonTab = /*#__PURE__*/React.forwardRef((_ref, ref)
     isRightCurved,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(_Button.Button, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    ...props,
     disabled: disabled,
     size: size,
     type: "tertiary",
@@ -45,6 +46,7 @@ const ButtonTab = exports.ButtonTab = /*#__PURE__*/React.forwardRef((_ref, ref)
     },
     iconLeftName: iconName,
     iconLeftType: iconType,
-    onClick: e => onButtonTabSelect && onButtonTabSelect(id, e)
-  }), children);
+    onClick: e => onButtonTabSelect && onButtonTabSelect(id, e),
+    children: children
+  });
 });

package/lib/components/ButtonTabs/ButtonTab/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/ButtonTabs/ButtonTab/ButtonTab';
+export * from '../../../components/ButtonTabs/ButtonTab/ButtonTab';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ButtonTabs/ButtonTab/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ButtonTab = require("src/components/ButtonTabs/ButtonTab/ButtonTab");
+var _ButtonTab = require("./ButtonTab");
 Object.keys(_ButtonTab).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ButtonTab[key]) return;

package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { AnchorType } from 'src/components/ButtonDropdown';
-import type { ButtonTabProps } from 'src/components/ButtonTabs/ButtonTab';
-import type { ElevationType } from 'src/components/Tooltip';
+import type { AnchorType } from '../../components/ButtonDropdown';
+import type { ButtonTabProps } from '../../components/ButtonTabs/ButtonTab';
+import type { ElevationType } from '../../components/Tooltip';
 export interface ButtonTabDropdownProps extends Omit<ButtonTabProps, 'title' | 'elevation' | 'dropdownClass' | 'anchorPosition'> {
     title: string;
     elevation?: ElevationType;