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

package/lib/components/Toast/ToastManager.d.ts

@@ -1,4 +1,4 @@
-import type { CallbackFuncTypes, ContentTypes, ToastOptions } from 'src/types/toast';
+import type { CallbackFuncTypes, ContentTypes, ToastOptions } from '../../types/toast';
 export declare const POSITIONS: {
     readonly TOP_CENTER: "topCenter";
     readonly TOP_LEFT: "topLeft";

package/lib/components/Toast/ToastManager.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toastManager = exports.toastApi = exports.POSITIONS = exports.ACTIONS = void 0;
-var _helpers = require("src/utils/helpers");
+var _helpers = require("../../utils/helpers");
 const DEFAULT_AUTOCLOSE_TIME = 8000; // default auto close time for with autoClose = true (be default true) but timeout not passed.
 
 const POSITIONS = exports.POSITIONS = {

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

@@ -1,5 +1,5 @@
-export type { ToastProps, ToastSemanticType } from 'src/components/Toast/Toast';
-export { Toast, TOAST_SEMANTIC, ToastBody, ToastFooter, ToastTitle, } from 'src/components/Toast/Toast';
-export { ToastContainer } from 'src/components/Toast/ToastContainer';
-export { toastApi, toastManager } from 'src/components/Toast/ToastManager';
+export type { ToastProps, ToastSemanticType } from '../../components/Toast/Toast';
+export { Toast, TOAST_SEMANTIC, ToastBody, ToastFooter, ToastTitle, } from '../../components/Toast/Toast';
+export { ToastContainer } from '../../components/Toast/ToastContainer';
+export { toastApi, toastManager } from '../../components/Toast/ToastManager';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Toast/index.js

@@ -51,6 +51,6 @@ Object.defineProperty(exports, "toastManager", {
     return _ToastManager.toastManager;
   }
 });
-var _Toast = require("src/components/Toast/Toast");
-var _ToastContainer = require("src/components/Toast/ToastContainer");
-var _ToastManager = require("src/components/Toast/ToastManager");
+var _Toast = require("./Toast");
+var _ToastContainer = require("./ToastContainer");
+var _ToastManager = require("./ToastManager");

package/lib/components/Toggle/Toggle.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Toggle = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _ToggleModule = _interopRequireDefault(require("src/components/Toggle/Toggle.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _ToggleModule = _interopRequireDefault(require("./Toggle.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:
  * Do not wrap Toggle in a label. For simplicity's sake, Toggle uses an
@@ -50,30 +50,35 @@ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef)
       toggleInput.current.focus();
     }
   }, [focused]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_ToggleModule.default.container, {
       [_ToggleModule.default.disabled]: disabled
     }, classNames?.wrapper),
-    onClick: onWrapClickHandler
-  }, labelPosition === 'left' && React.Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label)
-  }, children), /*#__PURE__*/React.createElement("span", {
-    className: _ToggleModule.default.toggleWrap
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "checkbox",
-    name: name,
-    value: value,
-    checked: checked,
-    onChange: handleOnChange,
-    ref: toggleInput,
-    disabled: disabled,
-    "aria-label": ariaLabel || children
-  }, props)), /*#__PURE__*/React.createElement("span", {
-    className: (0, _classify.default)(_ToggleModule.default.toggle, {
-      [_ToggleModule.default.disabledButton]: disabled
-    })
-  })), labelPosition === 'right' && React.Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label)
-  }, children));
+    onClick: onWrapClickHandler,
+    children: [labelPosition === 'left' && React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label),
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: _ToggleModule.default.toggleWrap,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "checkbox",
+        name: name,
+        value: value,
+        checked: checked,
+        onChange: handleOnChange,
+        ref: toggleInput,
+        disabled: disabled,
+        "aria-label": ariaLabel || children,
+        ...props
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classify.default)(_ToggleModule.default.toggle, {
+          [_ToggleModule.default.disabledButton]: disabled
+        })
+      })]
+    }), labelPosition === 'right' && React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label),
+      children: children
+    })]
+  });
 });
 Toggle.displayName = 'Toggle';

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

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

package/lib/components/Toggle/index.js

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

package/lib/components/TokenListInput/TokenListInput.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import type { ClickAwayRefType } from 'src/utils/click-away/click-away';
-import type { InputProps } from 'src/components/Input';
-import type { BaseMenuProps } from 'src/components/Menu';
-import type { ResolveTokenValueProps } from 'src/components/TokenListInput/TokenValueChips';
-import type { ElevationType } from 'src/components/Tooltip';
+import type { ClickAwayRefType } from '../../utils/click-away/click-away';
+import type { InputProps } from '../../components/Input';
+import type { BaseMenuProps } from '../../components/Menu';
+import type { ResolveTokenValueProps } from '../../components/TokenListInput/TokenValueChips';
+import type { ElevationType } from '../../components/Tooltip';
 export declare const DEFAULT_LIMIT_VALUE = 100;
 type ClassNames = Readonly<{
     wrapper?: string;

package/lib/components/TokenListInput/TokenListInput.js

@@ -8,24 +8,24 @@ exports.TokenListInput = TokenListInput;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
 var _without = _interopRequireDefault(require("lodash/without"));
-var _hooks = require("src/hooks");
-var _space = require("src/styles/variables/_space");
-var _typography = require("src/types/typography");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _clickAway = require("src/utils/click-away");
-var _mergeRefs = require("src/utils/merge-refs");
-var _tokenListInput = require("src/utils/token-list-input/token-list-input");
-var _ButtonDropdown = require("src/components/ButtonDropdown");
-var _CircularLoader = require("src/components/CircularLoader");
-var _Icon = require("src/components/Icon");
-var _Menu = require("src/components/Menu");
-var _Text = require("src/components/Text");
-var _TokenValueChips = require("src/components/TokenListInput/TokenValueChips");
-var _Tooltip = require("src/components/Tooltip");
-var _TokenListInputModule = _interopRequireDefault(require("src/components/TokenListInput/TokenListInput.module.css"));
+var _hooks = require("../../hooks");
+var _space = require("../../styles/variables/_space");
+var _typography = require("../../types/typography");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _clickAway = require("../../utils/click-away");
+var _mergeRefs = require("../../utils/merge-refs");
+var _tokenListInput = require("../../utils/token-list-input/token-list-input");
+var _ButtonDropdown = require("../ButtonDropdown");
+var _CircularLoader = require("../CircularLoader");
+var _Icon = require("../Icon");
+var _Menu = require("../Menu");
+var _Text = require("../Text");
+var _TokenValueChips = require("./TokenValueChips");
+var _Tooltip = require("../Tooltip");
+var _TokenListInputModule = _interopRequireDefault(require("./TokenListInput.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); }
 // Type definition for token objects with expected properties
 
 const DEFAULT_LIMIT_VALUE = exports.DEFAULT_LIMIT_VALUE = 100;
@@ -146,129 +146,144 @@ function TokenListInput(props) {
       }, 0);
     }
   };
-  return /*#__PURE__*/React.createElement(_clickAway.ClickAway, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_clickAway.ClickAway, {
     closeOnEscapeKeypress: true,
     onChange: onOpenToggle,
-    clickAwayRef: clickAwayRef
-  }, _ref => {
-    let {
-      isOpen,
-      onOpen,
-      clickAway,
-      boundaryRef,
-      triggerRef
-    } = _ref;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      ref: menuRef,
-      className: (0, _classify.default)(_TokenListInputModule.default.tokenListContainer, classNames?.wrapper),
-      "data-testid": "TokenListInput"
-    }, /*#__PURE__*/React.createElement("div", {
-      onClick: () => {
-        if (disabled || locked || values.length >= limit) {
-          return;
-        }
-        if (!isOpen) {
-          onOpen();
-        }
-      },
-      onFocus: e => {
-        if (disabled || locked || values.length >= limit) {
-          return;
-        }
-        if (!isOpen) {
-          onOpen();
-        }
-        onInputFocus?.(e);
-      },
-      onBlur: e => {
-        onInputBlur?.(e);
-      },
-      className: (0, _classify.default)(_TokenListInputModule.default.box, {
-        [_TokenListInputModule.default.inputDisabled]: disabled,
-        [_TokenListInputModule.default.medium]: size === 'medium',
-        [_TokenListInputModule.default.small]: size === 'small',
-        [_TokenListInputModule.default.withError]: error,
-        [_TokenListInputModule.default.inputLocked]: locked
-      }, classNames?.box),
-      ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef])
-    }, /*#__PURE__*/React.createElement(_TokenValueChips.TokenValueChips, {
-      values: values,
-      resolveTokenValue: resolveTokenValue,
-      disabled: disabled,
-      locked: locked,
-      onDismiss: removeValue
-    }), !hideInput && /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
-      ref: inputRef,
-      type: "text",
-      readOnly: locked,
-      value: inputValue,
-      placeholder: values.length === 0 ? placeholder || inputPlaceholder : inputPlaceholder,
-      onChange: event => {
-        onInputChange?.(event.target.value);
-        if (!isOpen) {
-          onOpen();
-        }
-      },
-      disabled: disabled || locked,
-      tabIndex: tabIndex,
-      "data-qa-id": "token-list-input",
-      onKeyDown: handleInputKeyDown,
-      className: (0, _classify.default)({
-        [_TokenListInputModule.default.inputMedium]: size === 'medium',
-        [_TokenListInputModule.default.inputSmall]: size === 'small'
-      }, classNames?.input),
-      autoComplete: "off"
-    })), isLoading && /*#__PURE__*/React.createElement("div", {
-      className: _TokenListInputModule.default.loaderContainer
-    }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
-      size: "small",
-      colorToken: "colorFillPrimary"
-    })), locked && /*#__PURE__*/React.createElement(_Icon.Icon, {
-      name: "lock",
-      color: disabled ? 'disabled' : 'secondary',
-      size: "small",
-      className: _TokenListInputModule.default.lockIcon
-    })), !isOpen && (Boolean(helperText) || errorText) && /*#__PURE__*/React.createElement("div", {
-      className: _TokenListInputModule.default.footerTextContainer
-    }, error && errorText ? /*#__PURE__*/React.createElement(_Text.BodySmall, {
-      color: _typography.TEXT_COLORS.danger
-    }, errorText) : typeof helperText === 'string' ? /*#__PURE__*/React.createElement(_Text.BodySmall, {
-      color: _typography.TEXT_COLORS.secondary
-    }, helperText) : helperText), !locked && isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
-      modal: false,
-      context: context,
-      returnFocus: false,
-      initialFocus: refs.reference
-    }, /*#__PURE__*/React.createElement("div", {
-      className: _TokenListInputModule.default.menuWrapper,
-      ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
-      style: {
-        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 => {
-        if (values.length >= limit) {
-          return;
-        }
-        addValue(option);
-        clickAway();
-        inputRef.current?.focus();
-      },
-      size: menu.size || size,
-      onTabOut: clickAway,
-      ref: menuRef
-    })))))));
+    clickAwayRef: clickAwayRef,
+    children: _ref => {
+      let {
+        isOpen,
+        onOpen,
+        clickAway,
+        boundaryRef,
+        triggerRef
+      } = _ref;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          ref: menuRef,
+          className: (0, _classify.default)(_TokenListInputModule.default.tokenListContainer, classNames?.wrapper),
+          "data-testid": "TokenListInput",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            onClick: () => {
+              if (disabled || locked || values.length >= limit) {
+                return;
+              }
+              if (!isOpen) {
+                onOpen();
+              }
+            },
+            onFocus: e => {
+              if (disabled || locked || values.length >= limit) {
+                return;
+              }
+              if (!isOpen) {
+                onOpen();
+              }
+              onInputFocus?.(e);
+            },
+            onBlur: e => {
+              onInputBlur?.(e);
+            },
+            className: (0, _classify.default)(_TokenListInputModule.default.box, {
+              [_TokenListInputModule.default.inputDisabled]: disabled,
+              [_TokenListInputModule.default.medium]: size === 'medium',
+              [_TokenListInputModule.default.small]: size === 'small',
+              [_TokenListInputModule.default.withError]: error,
+              [_TokenListInputModule.default.inputLocked]: locked
+            }, classNames?.box),
+            ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TokenValueChips.TokenValueChips, {
+              values: values,
+              resolveTokenValue: resolveTokenValue,
+              disabled: disabled,
+              locked: locked,
+              onDismiss: removeValue
+            }), !hideInput && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              ...inputProps,
+              ref: inputRef,
+              type: "text",
+              readOnly: locked,
+              value: inputValue,
+              placeholder: values.length === 0 ? placeholder || inputPlaceholder : inputPlaceholder,
+              onChange: event => {
+                onInputChange?.(event.target.value);
+                if (!isOpen) {
+                  onOpen();
+                }
+              },
+              disabled: disabled || locked,
+              tabIndex: tabIndex,
+              "data-qa-id": "token-list-input",
+              onKeyDown: handleInputKeyDown,
+              className: (0, _classify.default)({
+                [_TokenListInputModule.default.inputMedium]: size === 'medium',
+                [_TokenListInputModule.default.inputSmall]: size === 'small'
+              }, classNames?.input),
+              autoComplete: "off"
+            }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: _TokenListInputModule.default.loaderContainer,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+                size: "small",
+                colorToken: "colorFillPrimary"
+              })
+            }), locked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+              name: "lock",
+              color: disabled ? 'disabled' : 'secondary',
+              size: "small",
+              className: _TokenListInputModule.default.lockIcon
+            })]
+          }), !isOpen && (Boolean(helperText) || errorText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _TokenListInputModule.default.footerTextContainer,
+            children: error && errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+              color: _typography.TEXT_COLORS.danger,
+              children: errorText
+            }) : typeof helperText === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+              color: _typography.TEXT_COLORS.secondary,
+              children: helperText
+            }) : helperText
+          }), !locked && isOpen && menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
+              modal: false,
+              context: context,
+              returnFocus: false,
+              initialFocus: refs.reference,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: _TokenListInputModule.default.menuWrapper,
+                ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
+                style: {
+                  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 => {
+                    if (values.length >= limit) {
+                      return;
+                    }
+                    addValue(option);
+                    clickAway();
+                    inputRef.current?.focus();
+                  },
+                  size: menu.size || size,
+                  onTabOut: clickAway,
+                  ref: menuRef
+                })
+              })
+            })
+          })]
+        })
+      });
+    }
   });
 }
 TokenListInput.displayName = 'TokenListInput';

package/lib/components/TokenListInput/TokenValueChips.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TokenValueChips = TokenValueChips;
 var React = _interopRequireWildcard(require("react"));
-var _Chip = require("src/components/Chip");
-var _Tooltip = require("src/components/Tooltip");
+var _Chip = require("../Chip");
+var _Tooltip = require("../Tooltip");
+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); }
 // Type definition for token objects with expected properties
 
@@ -18,16 +19,17 @@ function defaultResolveTokenValue(_ref) {
   } = _ref;
   // Type assertion to access expected properties
   const tokenWithProps = token;
-  return /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
     body: tokenWithProps?.label,
-    elevation: "menu"
-  }, /*#__PURE__*/React.createElement(_Chip.Chip, {
-    key: tokenWithProps?.key,
-    onDismiss: _ => onDismiss?.(token),
-    dismissable: true,
-    semantic: 'primary',
-    disabled: disabled
-  }, tokenWithProps?.label));
+    elevation: "menu",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+      onDismiss: _ => onDismiss?.(token),
+      dismissable: true,
+      semantic: 'primary',
+      disabled: disabled,
+      children: tokenWithProps?.label
+    }, tokenWithProps?.key)
+  });
 }
 function TokenValueChips(props) {
   const {

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

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

package/lib/components/TokenListInput/index.js

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

package/lib/components/Tooltip/Tooltip.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.getElevationValue = exports.Tooltip = exports.ELEVATION_TYPES = exports.DELAY_MOTION_DURATION_TYPES = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var ELEVATION = _interopRequireWildcard(require("src/styles/variables/_elevation"));
-var MOTION = _interopRequireWildcard(require("src/styles/variables/_motion"));
-var _space = require("src/styles/variables/_space");
-var _classify = require("src/utils/classify");
-var _string = require("src/utils/string");
-var _Truncate = require("src/components/Truncate");
-var _TooltipModule = _interopRequireDefault(require("src/components/Tooltip/Tooltip.module.css"));
+var ELEVATION = _interopRequireWildcard(require("../../styles/variables/_elevation"));
+var MOTION = _interopRequireWildcard(require("../../styles/variables/_motion"));
+var _space = require("../../styles/variables/_space");
+var _classify = require("../../utils/classify");
+var _string = require("../../utils/string");
+var _Truncate = require("../Truncate");
+var _TooltipModule = _interopRequireDefault(require("./Tooltip.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 DELAY_MOTION_DURATION_TYPES = exports.DELAY_MOTION_DURATION_TYPES = Object.freeze({
   none: 'none',
   fast: 'fast',
@@ -89,29 +89,41 @@ const Tooltip = _ref => {
 
   // Note(Nishant): Preserve the consumer's ref (React 19 safe)
   const mergedRef = (0, _react2.useMergeRefs)([refs.setReference, childElement.ref ?? null]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(childElement, getReferenceProps({
-    ...childElement.props,
-    ref: mergedRef
-  })), isOpen && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(React.Fragment, null, !hidden && /*#__PURE__*/React.createElement("div", _extends({
-    ref: refs.setFloating,
-    className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.tooltip),
-    style: {
-      position: strategy,
-      ...floatingStyles,
-      '--tooltip-elevation': getElevationValue(elevation)
-    }
-  }, getFloatingProps()), !!title && /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    line: titleMaxLines,
-    wordBreak: "initial"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_TooltipModule.default.title, classNames?.title)
-  }, title)), !!body && /*#__PURE__*/React.createElement(_Truncate.Truncate, {
-    line: bodyMaxLines,
-    wordBreak: "initial"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_TooltipModule.default.body, {
-      [_TooltipModule.default.hasTitle]: !!title
-    }, classNames?.body)
-  }, body))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/React.cloneElement(childElement, getReferenceProps({
+      ...childElement.props,
+      ref: mergedRef
+    })), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: !hidden && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          ref: refs.setFloating,
+          className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.tooltip),
+          style: {
+            position: strategy,
+            ...floatingStyles,
+            '--tooltip-elevation': getElevationValue(elevation)
+          },
+          ...getFloatingProps(),
+          children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            line: titleMaxLines,
+            wordBreak: "initial",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _classify.classify)(_TooltipModule.default.title, classNames?.title),
+              children: title
+            })
+          }), !!body && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            line: bodyMaxLines,
+            wordBreak: "initial",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _classify.classify)(_TooltipModule.default.body, {
+                [_TooltipModule.default.hasTitle]: !!title
+              }, classNames?.body),
+              children: body
+            })
+          })]
+        })
+      })
+    })]
+  });
 };
 exports.Tooltip = Tooltip;

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

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