@cashub/ui 0.48.14 → 0.48.16

package/Tab/TabList.js

@@ -9,14 +9,24 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _fa = require("react-icons/fa");
 var _button = require("../button");
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+const _excluded = ["children", "wrap"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const MAX_MOVE_PIXEL = 300;
 const TabList = _ref => {
   let {
-    children,
-    wrap = true,
-    ...props
-  } = _ref;
+      children,
+      wrap = true
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const wrapperRef = (0, _react.useRef)(null);
   const [exceedContainerWidth, setExceedContainerWidth] = (0, _react.useState)(false);
   const [hasPrevious, setHasPrevious] = (0, _react.useState)(false);
@@ -68,7 +78,7 @@ const TabList = _ref => {
       // exceed edge, so move to edge only
       updateScrollPosition('0px');
     } else {
-      updateScrollPosition(`-${currentMarginLeft - movePixel}px`);
+      updateScrollPosition("-".concat(currentMarginLeft - movePixel, "px"));
     }
   };
   const handleNext = () => {
@@ -84,9 +94,9 @@ const TabList = _ref => {
     const movePixel = getMovePixel(offsetWidth - currentMarginLeft);
     if (movePixel > availableMovePixel) {
       // exceed edge, so move to edge only
-      updateScrollPosition(`-${currentMarginLeft + availableMovePixel}px`);
+      updateScrollPosition("-".concat(currentMarginLeft + availableMovePixel, "px"));
     } else {
-      updateScrollPosition(`-${currentMarginLeft + movePixel}px`);
+      updateScrollPosition("-".concat(currentMarginLeft + movePixel, "px"));
     }
   };
   (0, _react.useEffect)(() => {
@@ -101,10 +111,10 @@ const TabList = _ref => {
       wrapperRef.current.addEventListener('transitionend', handleTransitionend);
     }
   }, [wrap]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
     role: "tablist",
-    $wrap: wrap,
-    ...props,
+    $wrap: wrap
+  }, props), {}, {
     children: wrap ? children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TabWrapper, {
         ref: wrapperRef,
@@ -127,41 +137,19 @@ const TabList = _ref => {
         })]
       })]
     })
-  });
+  }));
 };
-const Container = _styledComponents.default.div`
-  position: relative;
-  border-bottom: var(--border-width) solid var(--border-color);
-  margin-bottom: var(--spacing);
-
-  ${_ref2 => {
+const Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  border-bottom: var(--border-width) solid var(--border-color);\n  margin-bottom: var(--spacing);\n\n  ", "\n\n  ", "\n"])), _ref2 => {
   let {
     $wrap
   } = _ref2;
   return !$wrap && 'white-space: nowrap;';
-}}
-
-  ${_ref3 => {
+}, _ref3 => {
   let {
     noMargin
   } = _ref3;
   return noMargin && 'margin-bottom: 0;';
-}}
-`;
-const TabWrapper = _styledComponents.default.div`
-  margin-right: calc(1rem * 2 + 10px * 4 + var(--spacing-xs) * 2);
-  overflow: hidden;
-  margin-left: 0;
-  transition: margin-left 0.3s;
-`;
-const Paginate = _styledComponents.default.div`
-  display: flex;
-  position: absolute;
-  top: 0;
-  right: 0;
-
-  > :not(:last-child) {
-    margin-right: var(--spacing-xs);
-  }
-`;
+});
+const TabWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: calc(1rem * 2 + 10px * 4 + var(--spacing-xs) * 2);\n  overflow: hidden;\n  margin-left: 0;\n  transition: margin-left 0.3s;\n"])));
+const Paginate = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n\n  > :not(:last-child) {\n    margin-right: var(--spacing-xs);\n  }\n"])));
 var _default = exports.default = TabList;

package/Tab/TabPanel.js

@@ -8,13 +8,23 @@ var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["children", "name"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabPanel = _ref => {
   let {
-    children,
-    name,
-    ...props
-  } = _ref;
+      children,
+      name
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     selected
   } = (0, _react.useContext)(_TabContext.default);
@@ -30,20 +40,17 @@ const TabPanel = _ref => {
       setRendered(true);
     }
   }, [selected, name]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, _objectSpread(_objectSpread({
     role: "tabpanel",
-    $display: selected === name,
-    ...props,
+    $display: selected === name
+  }, props), {}, {
     children: tabContent
-  });
+  }));
 };
-const Panel = _styledComponents.default.div`
-  display: ${_ref2 => {
+const Panel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: relative;\n"])), _ref2 => {
   let {
     $display
   } = _ref2;
   return $display ? 'block' : 'none';
-}};
-  position: relative;
-`;
+});
 var _default = exports.default = TabPanel;

package/Tab/TabTab.js

@@ -9,15 +9,25 @@ var _utils = require("@cashub/utils");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+const _excluded = ["children", "name", "title", "onClick"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabTab = _ref => {
   let {
-    children,
-    name,
-    title,
-    onClick,
-    ...props
-  } = _ref;
+      children,
+      name,
+      title,
+      onClick
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     selected,
     onChange,
@@ -59,47 +69,25 @@ const TabTab = _ref => {
     onBlur: handleBlur,
     onKeyUp: handleKeyUp,
     autoFocus: true
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonTab, {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonTab, _objectSpread(_objectSpread({
     role: "tab",
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,
-    active: selected === name,
-    ...props,
+    active: selected === name
+  }, props), {}, {
     children: children
-  });
+  }));
 };
-const Tab = _styledComponents.default.div`
-  background: transparent;
-  padding: 10px var(--spacing-s);
-  border: none;
-  border-bottom: 4px solid transparent;
-`;
+const Tab = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: transparent;\n  padding: 10px var(--spacing-s);\n  border: none;\n  border-bottom: 4px solid transparent;\n"])));
 const ButtonTab = (0, _styledComponents.default)(Tab).attrs({
   as: 'button'
-})`
-  color: var(--font-on-mute);
-  transition: color 0.3s, border 0.3s;
-  cursor: pointer;
-
-  &:hover {
-    color: var(--font-on-background);
-  }
-
-  ${_ref2 => {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: var(--font-on-mute);\n  transition: color 0.3s, border 0.3s;\n  cursor: pointer;\n\n  &:hover {\n    color: var(--font-on-background);\n  }\n\n  ", "\n"])), _ref2 => {
   let {
     active
   } = _ref2;
-  return active && `
-      border-color: var(--color-primary);
-      color: var(--font-on-background);
-    `;
-}}
-`;
+  return active && "\n      border-color: var(--color-primary);\n      color: var(--font-on-background);\n    ";
+});
 const InputTab = (0, _styledComponents.default)(Tab).attrs({
   as: 'input'
-})`
-  color: var(--font-on-background);
-  border-color: var(--color-primary);
-  outline: none;
-`;
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: var(--font-on-background);\n  border-color: var(--color-primary);\n  outline: none;\n"])));
 var _default = exports.default = TabTab;

package/Tab/index.js

@@ -13,15 +13,18 @@ var _TabTabV = _interopRequireDefault(require("./subComponent/TabTabV2"));
 var _TabPanelV = _interopRequireDefault(require("./subComponent/TabPanelV2"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _default = exports.default = Object.assign(_Tab.default, {
   List: _TabList.default,
   Tab: _TabTab.default,
   Panel: _TabPanel.default
 });
 const TabV2Base = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
-    ...props
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, _objectSpread({}, props));
 };
 const TabV2 = exports.TabV2 = Object.assign(TabV2Base, {
   List: _TabListV.default,

package/Tab/subComponent/TabListV2.js

@@ -6,20 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabListV2 = _ref => {
   let {
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
-    role: "tablist",
-    ...props,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
+    role: "tablist"
+  }, props), {}, {
     children: children
-  });
+  }));
 };
-const Container = _styledComponents.default.div`
-  display: flex;
-  flex-wrap: wrap;
-`;
+const Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"])));
 var _default = exports.default = TabListV2;

package/Tab/subComponent/TabPanelV2.js

@@ -8,13 +8,23 @@ var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _TabContext = _interopRequireDefault(require("./TabContext"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["children", "name"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabPanelV2 = _ref => {
   let {
-    children,
-    name,
-    ...props
-  } = _ref;
+      children,
+      name
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     selected
   } = (0, _react.useContext)(_TabContext.default);
@@ -30,23 +40,17 @@ const TabPanelV2 = _ref => {
       setRendered(true);
     }
   }, [selected, name]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, _objectSpread(_objectSpread({
     role: "tabpanel",
-    $display: selected === name,
-    ...props,
+    $display: selected === name
+  }, props), {}, {
     children: tabContent
-  });
+  }));
 };
-const Panel = _styledComponents.default.div`
-  display: ${_ref2 => {
+const Panel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: relative;\n  background: var(--color-background2);\n  border-bottom-left-radius: var(--border-radius-s);\n  border-bottom-right-radius: var(--border-radius-s);\n"])), _ref2 => {
   let {
     $display
   } = _ref2;
   return $display ? 'block' : 'none';
-}};
-  position: relative;
-  background: var(--color-background2);
-  border-bottom-left-radius: var(--border-radius-s);
-  border-bottom-right-radius: var(--border-radius-s);
-`;
+});
 var _default = exports.default = TabPanelV2;

package/Tab/subComponent/TabTabV2.js

@@ -8,13 +8,23 @@ var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _TabContext = _interopRequireDefault(require("./TabContext"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["children", "name"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabTabV2 = _ref => {
   let {
-    children,
-    name,
-    ...props
-  } = _ref;
+      children,
+      name
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     selected,
     onChange
@@ -24,40 +34,18 @@ const TabTabV2 = _ref => {
       onChange(name);
     }
   }, [name, selected, onChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tab, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tab, _objectSpread(_objectSpread({
     role: "tab",
     onClick: handleClick,
-    active: selected === name,
-    ...props,
+    active: selected === name
+  }, props), {}, {
     children: children
-  });
+  }));
 };
-const Tab = _styledComponents.default.button`
-  background: transparent;
-  color: var(--font-on-mute);
-  font-weight: bold;
-  padding: 10px var(--spacing-s);
-  border: none;
-  border-top-left-radius: var(--border-radius-s);
-  border-top-right-radius: var(--border-radius-s);
-  transition:
-    color 0.3s,
-    border 0.3s;
-  cursor: pointer;
-  flex: 1;
-
-  &:hover {
-    color: var(--font-on-background);
-  }
-
-  ${_ref2 => {
+const Tab = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: transparent;\n  color: var(--font-on-mute);\n  font-weight: bold;\n  padding: 10px var(--spacing-s);\n  border: none;\n  border-top-left-radius: var(--border-radius-s);\n  border-top-right-radius: var(--border-radius-s);\n  transition:\n    color 0.3s,\n    border 0.3s;\n  cursor: pointer;\n  flex: 1;\n\n  &:hover {\n    color: var(--font-on-background);\n  }\n\n  ", "\n"])), _ref2 => {
   let {
     active
   } = _ref2;
-  return active && `
-      background: var(--color-background2);
-      color: var(--font-on-background);
-    `;
-}}
-`;
+  return active && "\n      background: var(--color-background2);\n      color: var(--font-on-background);\n    ";
+});
 var _default = exports.default = TabTabV2;

package/VerticalTab/TabList.js

@@ -6,22 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabList = _ref => {
   let {
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
-    role: "tablist",
-    ...props,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
+    role: "tablist"
+  }, props), {}, {
     children: children
-  });
+  }));
 };
-const Container = _styledComponents.default.div`
-  height: 100%;
-  width: 316px;
-  background: var(--color-background2);
-  overflow-y: auto;
-`;
+const Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 316px;\n  background: var(--color-background2);\n  overflow-y: auto;\n"])));
 var _default = exports.default = TabList;

package/VerticalTab/TabPanel.js

@@ -8,13 +8,23 @@ var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["children", "name"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TabPanel = _ref => {
   let {
-    children,
-    name,
-    ...props
-  } = _ref;
+      children,
+      name
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     selected
   } = (0, _react.useContext)(_TabContext.default);
@@ -30,23 +40,17 @@ const TabPanel = _ref => {
       setRendered(true);
     }
   }, [selected, name]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, _objectSpread(_objectSpread({
     role: "tabpanel",
-    $display: selected === name,
-    ...props,
+    $display: selected === name
+  }, props), {}, {
     children: tabContent
-  });
+  }));
 };
-const Panel = _styledComponents.default.div`
-  display: ${_ref2 => {
+const Panel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: relative;\n  flex: 1;\n  padding: var(--spacing-s);\n  overflow-y: auto;\n"])), _ref2 => {
   let {
     $display
   } = _ref2;
   return $display ? 'block' : 'none';
-}};
-  position: relative;
-  flex: 1;
-  padding: var(--spacing-s);
-  overflow-y: auto;
-`;
+});
 var _default = exports.default = TabPanel;