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

package/lib/components/RangeSlider/RangeSlider.d.ts

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ButtonSize } from 'src/components/Button';
+import type { ButtonSize } from '../../components/Button';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;

package/lib/components/RangeSlider/RangeSlider.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RangeSlider = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _color = require("src/styles/variables/_color");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Button = require("src/components/Button");
-var _Input = require("src/components/Input");
-var _Text = require("src/components/Text");
-var _RangeSliderModule = _interopRequireDefault(require("src/components/RangeSlider/RangeSlider.module.css"));
+var _color = require("../../styles/variables/_color");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Button = require("../Button");
+var _Input = require("../Input");
+var _Text = require("../Text");
+var _RangeSliderModule = _interopRequireDefault(require("./RangeSlider.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 RangeSlider = exports.RangeSlider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -61,69 +61,74 @@ const RangeSlider = exports.RangeSlider = /*#__PURE__*/React.forwardRef((_ref, r
     const roundedValue = Math.round(newValue * 100) / 100; // Rounds to two decimal places
     onChange?.(roundedValue);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     "data-testid": "RangeSlider",
     className: (0, _classify.default)(_RangeSliderModule.default.wrapper, {
       [_RangeSliderModule.default.disabled]: disabled
-    }, classNames?.wrapper)
-  }, !hideLeftBtn && !showRange && /*#__PURE__*/React.createElement(_Button.Button, {
-    type: "ghost",
-    iconLeftName: iconLeftName,
-    size: btnLeftSize,
-    ariaLabel: "Decrease Value",
-    disabled: btnLeftDisabled,
-    onClick: () => emitRoundedValue(value - step)
-  }), showRange && /*#__PURE__*/React.createElement(_Text.BodySmall, {
-    className: _RangeSliderModule.default.rangeText,
-    color: disabled ? 'disabled' : 'primary'
-  }, min), /*#__PURE__*/React.createElement("div", {
-    className: _RangeSliderModule.default.sliderContainer
-  }, /*#__PURE__*/React.createElement("input", _extends({}, restInputProps, {
-    type: "range",
-    min: min,
-    max: max,
-    step: step,
-    value: value,
-    onChange: handleChange,
-    className: _RangeSliderModule.default.slider,
-    list: showTicks ? 'ticks' : undefined,
-    disabled: disabled,
-    "aria-label": ariaLabel,
-    style: {
-      background: `linear-gradient(to right, ${progressColor} ${progress}%, ${_color.colorGrayLightest} ${progress}%)`
-    }
-  })), showTicks && step > 0 && /*#__PURE__*/React.createElement("datalist", {
-    id: "ticks",
-    className: _RangeSliderModule.default.sliderTicks
-  }, Array.from({
-    length: (max - min) / step + 1
-  }, (_, index) => /*#__PURE__*/React.createElement("option", {
-    key: index,
-    value: min + index * step,
-    className: (0, _classify.default)({
-      [_RangeSliderModule.default.disabled]: disabled
-    })
-  })))), showRange && /*#__PURE__*/React.createElement(_Text.BodySmall, {
-    className: _RangeSliderModule.default.rangeText,
-    color: disabled ? 'disabled' : 'primary'
-  }, max), !hideRightBtn && !showRange && /*#__PURE__*/React.createElement(_Button.Button, {
-    type: "ghost",
-    iconRightName: iconRightName,
-    size: btnRightSize,
-    ariaLabel: "Increase Value",
-    disabled: btnRightDisabled,
-    onClick: () => emitRoundedValue(value + step)
-  }), !hideValueInput && /*#__PURE__*/React.createElement(_Input.Input, {
-    size: "small",
-    type: "number",
-    value: String(value),
-    classNames: {
-      wrapper: _RangeSliderModule.default.valueInputWrapper
-    },
-    disabled: disabled,
-    onChange: handleInputChange,
-    disallowExponents: true,
-    hideNumberSpinner: true
-  }));
+    }, classNames?.wrapper),
+    children: [!hideLeftBtn && !showRange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      type: "ghost",
+      iconLeftName: iconLeftName,
+      size: btnLeftSize,
+      ariaLabel: "Decrease Value",
+      disabled: btnLeftDisabled,
+      onClick: () => emitRoundedValue(value - step)
+    }), showRange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+      className: _RangeSliderModule.default.rangeText,
+      color: disabled ? 'disabled' : 'primary',
+      children: min
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _RangeSliderModule.default.sliderContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        ...restInputProps,
+        type: "range",
+        min: min,
+        max: max,
+        step: step,
+        value: value,
+        onChange: handleChange,
+        className: _RangeSliderModule.default.slider,
+        list: showTicks ? 'ticks' : undefined,
+        disabled: disabled,
+        "aria-label": ariaLabel,
+        style: {
+          background: `linear-gradient(to right, ${progressColor} ${progress}%, ${_color.colorGrayLightest} ${progress}%)`
+        }
+      }), showTicks && step > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("datalist", {
+        id: "ticks",
+        className: _RangeSliderModule.default.sliderTicks,
+        children: Array.from({
+          length: (max - min) / step + 1
+        }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: min + index * step,
+          className: (0, _classify.default)({
+            [_RangeSliderModule.default.disabled]: disabled
+          })
+        }, index))
+      })]
+    }), showRange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
+      className: _RangeSliderModule.default.rangeText,
+      color: disabled ? 'disabled' : 'primary',
+      children: max
+    }), !hideRightBtn && !showRange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      type: "ghost",
+      iconRightName: iconRightName,
+      size: btnRightSize,
+      ariaLabel: "Increase Value",
+      disabled: btnRightDisabled,
+      onClick: () => emitRoundedValue(value + step)
+    }), !hideValueInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+      size: "small",
+      type: "number",
+      value: String(value),
+      classNames: {
+        wrapper: _RangeSliderModule.default.valueInputWrapper
+      },
+      disabled: disabled,
+      onChange: handleInputChange,
+      disallowExponents: true,
+      hideNumberSpinner: true
+    })]
+  });
 });

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

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

package/lib/components/RangeSlider/index.js

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

package/lib/components/Rating/Rating.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from 'src/types/typography';
-import type { ChipSemanticType } from 'src/components/Chip';
+import type { ColorTypes } from '../../types/typography';
+import type { ChipSemanticType } from '../../components/Chip';
 export declare const RATING_SIZE: Readonly<{
     small: "small";
     medium: "medium";

package/lib/components/Rating/Rating.js

@@ -7,14 +7,15 @@ exports.Rating = exports.RATING_SIZE = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _lodash = require("lodash");
-var _classify = require("src/utils/classify");
-var _rating = require("src/utils/rating");
-var _Button = require("src/components/Button");
-var _Chip = require("src/components/Chip");
-var _ConditionalWrapper = require("src/components/ConditionalWrapper");
-var _Icon = require("src/components/Icon");
-var _Text = require("src/components/Text");
-var _RatingModule = _interopRequireDefault(require("src/components/Rating/Rating.module.css"));
+var _classify = require("../../utils/classify");
+var _rating = require("../../utils/rating");
+var _Button = require("../Button");
+var _Chip = require("../Chip");
+var _ConditionalWrapper = require("../ConditionalWrapper");
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _RatingModule = _interopRequireDefault(require("./Rating.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); }
 const RATING_SIZE = exports.RATING_SIZE = Object.freeze({
@@ -42,43 +43,47 @@ const Rating = exports.Rating = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const totalIcons = end - start;
   (0, _invariant.default)(totalIcons, JSON.stringify(_rating.RATING_ERRORS.INVALID_RANGE));
   (0, _invariant.default)((0, _lodash.isUndefined)(labels) || (0, _lodash.isArray)(labels) && labels.length, JSON.stringify(_rating.RATING_ERRORS.INVALID_RATING_LABELS));
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     "data-testid": "Rating",
     ref: ref,
     className: (0, _classify.classify)(_RatingModule.default.ratingContainer, classNames?.wrapper),
-    onBlur: () => !quiet && setHoverIcon(-1)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _RatingModule.default.stars
-  }, Array.from({
-    length: totalIcons
-  }).map((_, index) => {
-    const isHovering = hoverIcon > -1;
-    const iconCount = index + 1;
-    const iconType = (isHovering ? iconCount <= hoverIcon : iconCount <= rating - start) ? 'solid' : 'regular';
-    return /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
-      key: iconCount,
-      condition: !readOnly,
-      wrapper: children => /*#__PURE__*/React.createElement(_Button.UnstyledButton, {
-        onKeyDown: e => {
-          if (e.key === 'Enter') {
-            onChange?.(start + iconCount, e);
-          }
-        },
-        onFocus: () => !quiet && setHoverIcon(iconCount),
-        className: (0, _classify.classify)(_RatingModule.default.button, classNames?.button),
-        onClick: e => onChange?.(start + iconCount, e),
-        onMouseEnter: () => !quiet && setHoverIcon(iconCount),
-        onMouseLeave: () => !quiet && setHoverIcon(-1)
-      }, children)
-    }, /*#__PURE__*/React.createElement(_Icon.Icon, {
+    onBlur: () => !quiet && setHoverIcon(-1),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _RatingModule.default.stars,
+      children: Array.from({
+        length: totalIcons
+      }).map((_, index) => {
+        const isHovering = hoverIcon > -1;
+        const iconCount = index + 1;
+        const iconType = (isHovering ? iconCount <= hoverIcon : iconCount <= rating - start) ? 'solid' : 'regular';
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+          condition: !readOnly,
+          wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.UnstyledButton, {
+            onKeyDown: e => {
+              if (e.key === 'Enter') {
+                onChange?.(start + iconCount, e);
+              }
+            },
+            onFocus: () => !quiet && setHoverIcon(iconCount),
+            className: (0, _classify.classify)(_RatingModule.default.button, classNames?.button),
+            onClick: e => onChange?.(start + iconCount, e),
+            onMouseEnter: () => !quiet && setHoverIcon(iconCount),
+            onMouseLeave: () => !quiet && setHoverIcon(-1),
+            children: children
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            size: size,
+            name: iconName,
+            type: iconType,
+            color: iconColor,
+            className: (0, _classify.classify)(_RatingModule.default.icon, classNames?.icon)
+          })
+        }, iconCount);
+      })
+    }), !hideLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
       size: size,
-      name: iconName,
-      type: iconType,
-      color: iconColor,
-      className: (0, _classify.classify)(_RatingModule.default.icon, classNames?.icon)
-    }));
-  })), !hideLabel && /*#__PURE__*/React.createElement(_Chip.Chip, {
-    size: size,
-    semantic: chipSemantic
-  }, chipText));
+      semantic: chipSemantic,
+      children: chipText
+    })]
+  });
 });

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

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

package/lib/components/Rating/index.js

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

package/lib/components/ScoreBar/ScoreBar.js

@@ -7,12 +7,13 @@ exports.ScoreBar = exports.Direction = exports.DEFAULT_COLOR_MAP = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _clamp = _interopRequireDefault(require("lodash/clamp"));
-var _color = require("src/styles/variables/_color");
-var _size = require("src/styles/variables/_size");
-var _classify = require("src/utils/classify");
-var _scoreBar = require("src/utils/score-bar");
-var _Text = require("src/components/Text");
-var _ScoreBarModule = _interopRequireDefault(require("src/components/ScoreBar/ScoreBar.module.css"));
+var _color = require("../../styles/variables/_color");
+var _size = require("../../styles/variables/_size");
+var _classify = require("../../utils/classify");
+var _scoreBar = require("../../utils/score-bar");
+var _Text = require("../Text");
+var _ScoreBarModule = _interopRequireDefault(require("./ScoreBar.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); }
 const Direction = exports.Direction = Object.freeze({
@@ -40,28 +41,30 @@ const ScoreBar = exports.ScoreBar = /*#__PURE__*/React.forwardRef((_ref, ref) =>
   } = _ref;
   (0, _invariant.default)(totalBars > 0, JSON.stringify(_scoreBar.SCORE_BAR_ERRORS.INVALID_BAR_COUNT));
   const activeLabel = (0, _scoreBar.getLabelByScorePercentage)(score, totalBars, labelMap);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     "data-testid": "ScoreBar",
     className: (0, _classify.classify)(_ScoreBarModule.default.scoreBarWrapper, {
       [_ScoreBarModule.default.scoreBarBorder]: withBorder
-    }, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_ScoreBarModule.default.scoreBarContainer, classNames?.container),
-    style: {
-      '--direction': direction === Direction.horizontal ? 'row-reverse' : 'column',
-      '--height': direction === Direction.horizontal ? _size.size18 : 'unset',
-      '--width': direction === Direction.vertical ? _size.size18 : 'unset'
-    }
-  }, [...Array(totalBars).keys()].reverse().map(count => /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_ScoreBarModule.default.bar, classNames?.bar),
-    style: {
-      '--background-color': (0, _scoreBar.getColorByScorePercentage)(totalBars, (0, _clamp.default)(score, 0, totalBars), count, colorMap),
-      '--height': direction === Direction.horizontal ? _size.size18 : _size.size2,
-      '--width': direction === Direction.vertical ? _size.size18 : _size.size2
-    },
-    key: count
-  }))), activeLabel && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
-    className: (0, _classify.classify)(_ScoreBarModule.default.scoreBarLabel, classNames?.label)
-  }, activeLabel));
+    }, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.classify)(_ScoreBarModule.default.scoreBarContainer, classNames?.container),
+      style: {
+        '--direction': direction === Direction.horizontal ? 'row-reverse' : 'column',
+        '--height': direction === Direction.horizontal ? _size.size18 : 'unset',
+        '--width': direction === Direction.vertical ? _size.size18 : 'unset'
+      },
+      children: [...Array(totalBars).keys()].reverse().map(count => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classify.classify)(_ScoreBarModule.default.bar, classNames?.bar),
+        style: {
+          '--background-color': (0, _scoreBar.getColorByScorePercentage)(totalBars, (0, _clamp.default)(score, 0, totalBars), count, colorMap),
+          '--height': direction === Direction.horizontal ? _size.size18 : _size.size2,
+          '--width': direction === Direction.vertical ? _size.size18 : _size.size2
+        }
+      }, count))
+    }), activeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
+      className: (0, _classify.classify)(_ScoreBarModule.default.scoreBarLabel, classNames?.label),
+      children: activeLabel
+    })]
+  });
 });

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

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

package/lib/components/ScoreBar/index.js

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

package/lib/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { InputProps } from 'src/components/Input';
+import type { InputProps } from '../../components/Input';
 type ClassNames = Readonly<{
     wrapper?: string;
     box?: string;

package/lib/components/SearchInput/SearchInput.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SearchInput = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _CircularLoader = require("src/components/CircularLoader");
-var _Input = require("src/components/Input");
-var _SearchInputModule = _interopRequireDefault(require("src/components/SearchInput/SearchInput.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _CircularLoader = require("../CircularLoader");
+var _Input = require("../Input");
+var _SearchInputModule = _interopRequireDefault(require("./SearchInput.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 SearchInput = exports.SearchInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     value,
@@ -30,31 +30,34 @@ const SearchInput = exports.SearchInput = /*#__PURE__*/React.forwardRef((_ref, r
       onClear?.();
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SearchInputModule.default.searchInputWrapper, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement(_Input.Input, _extends({}, searchInputProps, {
-    type: "text",
-    ref: ref,
-    classNames: {
-      iconRight: value && !(disabled || locked) ? _SearchInputModule.default.clickable : '',
-      iconLeft: value && !disabled ? _SearchInputModule.default.primaryText : '',
-      box: classNames?.box
-    },
-    placeholder: placeholder,
-    value: value,
-    disabled: disabled,
-    locked: locked,
-    iconLeftName: iconLeftName,
-    size: size,
-    iconRightName: value && !(disabled || locked) ? 'xmark' : 'fw',
-    onIconRightClick: handleClearClick
-  })), isLoading && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SearchInputModule.default.loaderContainer, {
-      [_SearchInputModule.default.small]: size === 'small'
-    })
-  }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
-    colorToken: "colorFillPrimary",
-    className: _SearchInputModule.default.loader,
-    size: "small"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classify.default)(_SearchInputModule.default.searchInputWrapper, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+      ...searchInputProps,
+      type: "text",
+      ref: ref,
+      classNames: {
+        iconRight: value && !(disabled || locked) ? _SearchInputModule.default.clickable : '',
+        iconLeft: value && !disabled ? _SearchInputModule.default.primaryText : '',
+        box: classNames?.box
+      },
+      placeholder: placeholder,
+      value: value,
+      disabled: disabled,
+      locked: locked,
+      iconLeftName: iconLeftName,
+      size: size,
+      iconRightName: value && !(disabled || locked) ? 'xmark' : 'fw',
+      onIconRightClick: handleClearClick
+    }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_SearchInputModule.default.loaderContainer, {
+        [_SearchInputModule.default.small]: size === 'small'
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+        colorToken: "colorFillPrimary",
+        className: _SearchInputModule.default.loader,
+        size: "small"
+      })
+    })]
+  });
 });

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

@@ -1,3 +1,3 @@
-export type { SearchInputProps } from 'src/components/SearchInput/SearchInput';
-export { SearchInput } from 'src/components/SearchInput/SearchInput';
+export type { SearchInputProps } from '../../components/SearchInput/SearchInput';
+export { SearchInput } from '../../components/SearchInput/SearchInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/SearchInput/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "SearchInput", {
     return _SearchInput.SearchInput;
   }
 });
-var _SearchInput = require("src/components/SearchInput/SearchInput");
+var _SearchInput = require("./SearchInput");

package/lib/components/Separator/Separator.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Separator = exports.ORIENTATION = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _size = require("src/styles/variables/_size");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _SeparatorModule = _interopRequireDefault(require("src/components/Separator/Separator.module.css"));
+var _size = require("../../styles/variables/_size");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _SeparatorModule = _interopRequireDefault(require("./Separator.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); }
 const ORIENTATION = exports.ORIENTATION = Object.freeze({
@@ -28,7 +29,7 @@ const Separator = exports.Separator = /*#__PURE__*/React.forwardRef((_ref, ref)
     '--separator-width': resolvedWidth,
     '--separator-height': resolvedHeight
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     "data-testid": "Separator",
     style: style,

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

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

package/lib/components/Separator/index.js

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