@tecsinapse/react-web-kit 1.20.2 → 1.21.0

package/dist/components/organisms/DataGrid/Row/Row.js

@@ -15,25 +15,29 @@ var _Table = require("../../../atoms/Table");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Row = ({
-  rowKeyExtractor,
-  data,
-  checked: _checked,
-  handleSelect,
-  selectable,
-  headers
-}) => {
+const Row = _ref => {
+  let {
+    rowKeyExtractor,
+    data,
+    checked: _checked,
+    handleSelect,
+    selectable,
+    headers
+  } = _ref;
   return _react.default.createElement(_Table.Tr, {
     key: rowKeyExtractor(data)
   }, selectable && _react.default.createElement(_styled.CheckboxCell, null, _react.default.createElement(_reactCore.Checkbox, {
     checked: _checked,
     onChange: checked => handleSelect(data, checked)
-  })), headers.map(({
-    label,
-    render
-  }) => _react.default.createElement(_Table.Td, {
-    key: `row-${rowKeyExtractor(data)}-column-${label}`
-  }, render(data))));
+  })), headers.map(_ref2 => {
+    let {
+      label,
+      render
+    } = _ref2;
+    return _react.default.createElement(_Table.Td, {
+      key: "row-".concat(rowKeyExtractor(data), "-column-").concat(label)
+    }, render(data));
+  }));
 };
 
 var _default = _react.default.memo(Row);

package/dist/components/organisms/DataGrid/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;EACXC,eADW;EAEXC,IAFW;EAGXC,OAAO,EAAEC,QAHE;EAIXC,YAJW;EAKXC,UALW;EAMXC;AANW,CAAD,KAON;EACJ,OACE,6BAAC,SAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEF,QADX;IAEE,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;EAFnC,EADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY,CAAC;IAAEC,KAAF;IAASC;EAAT,CAAD,KACX,6BAAC,SAAD;IAAI,GAAG,EAAG,OAAMT,eAAe,CAACC,IAAD,CAAO,WAAUO,KAAM;EAAtD,GACGC,MAAM,CAACR,IAAD,CADT,CADD,CATH,CADF;AAiBD,CAzBD;;eA2BeS,cAAA,CAAMC,IAAN,CAAWZ,GAAX,C"}
+{"version":3,"file":"Row.js","names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,QAON;EAAA,IAPO;IACXC,eADW;IAEXC,IAFW;IAGXC,OAAO,EAAEC,QAHE;IAIXC,YAJW;IAKXC,UALW;IAMXC;EANW,CAOP;EACJ,OACE,6BAAC,SAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEF,QADX;IAEE,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;EAFnC,EADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY;IAAA,IAAC;MAAEC,KAAF;MAASC;IAAT,CAAD;IAAA,OACX,6BAAC,SAAD;MAAI,GAAG,gBAAST,eAAe,CAACC,IAAD,CAAxB,qBAAyCO,KAAzC;IAAP,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;eA2BeS,cAAA,CAAMC,IAAN,CAAWZ,GAAX,C"}

package/dist/components/organisms/DataGrid/styled.js

@@ -9,15 +9,17 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _Table = require("../../atoms/Table");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const CheckboxCell = (0, _styled.default)(_Table.Td)`
-  padding: ${({
-  theme
-}) => theme.spacing.mili};
-  & * {
-    user-select: none;
-  }
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const CheckboxCell = (0, _styled.default)(_Table.Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.mili;
+});
 exports.CheckboxCell = CheckboxCell;
 //# sourceMappingURL=styled.js.map

package/dist/components/organisms/DataGrid/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["CheckboxCell","styled","Td","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,YAAY,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAgC;AAC5D,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA;AACA,CALO"}
+{"version":3,"file":"styled.js","names":["CheckboxCell","styled","Td","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAEO,MAAMA,YAAY,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAH,gIACZ;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}

package/dist/hooks/useClickAwayListener.js

@@ -9,7 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useClickAwayListener = (ref, setVisible, event = 'mousedown') => {
+const useClickAwayListener = function (ref, setVisible) {
+  let event = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'mousedown';
+
   _react.default.useEffect(() => {
     const handleClickOutside = event => {
       if (ref.current && !ref.current.contains(event.target)) {

package/dist/hooks/useClickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAwayListener.js","names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,CAClCC,GADkC,EAElCC,UAFkC,EAGlCC,KAA0C,GAAG,WAHX,KAIzB;EACTC,cAAA,CAAMC,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAGH,KAAK,IAAI;MAClC,IAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;QACtDP,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAQ,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM"}
+{"version":3,"file":"useClickAwayListener.js","names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,UAClCC,GADkC,EAElCC,UAFkC,EAIzB;EAAA,IADTC,KACS,uEADoC,WACpC;;EACTC,cAAA,CAAMC,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAGH,KAAK,IAAI;MAClC,IAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;QACtDP,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAQ,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM"}

package/esm/components/atoms/Accordion/Accordion.js

@@ -1,6 +1,24 @@
 var _excluded = ["title", "open", "onChange", "transition", "children"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -19,15 +37,17 @@ var Accordion = function Accordion(_ref) {
       _ref$transition = _ref.transition,
       transition = _ref$transition === void 0 ? 200 : _ref$transition,
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _React$useState = React.useState(_open),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
 
-  var _React$useState2 = React.useState(0),
-      contentHeight = _React$useState2[0],
-      setContentHeight = _React$useState2[1];
+  var _React$useState3 = React.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      contentHeight = _React$useState4[0],
+      setContentHeight = _React$useState4[1];
 
   var theme = useTheme();
 
@@ -39,7 +59,7 @@ var Accordion = function Accordion(_ref) {
   React.useLayoutEffect(function () {
     var _ref$current;
 
-    var size = Array.from(((_ref$current = _ref2.current) == null ? void 0 : _ref$current.children) || []).reduce(function (prev, curr) {
+    var size = Array.from(((_ref$current = _ref2.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children) || []).reduce(function (prev, curr) {
       return prev + curr.clientHeight;
     }, 0);
     setContentHeight(size);
@@ -63,7 +83,7 @@ var Accordion = function Accordion(_ref) {
     return React.createElement(Text, {
       typography: "h4",
       fontWeight: "bold",
-      style: _extends({}, titleStyle(transition, theme), titleTransition(theme)[state])
+      style: _objectSpread(_objectSpread({}, titleStyle(transition, theme)), titleTransition(theme)[state])
     }, title);
   }), React.createElement(IconContainer, null, React.createElement(Icon, {
     type: "material-community",
@@ -78,7 +98,7 @@ var Accordion = function Accordion(_ref) {
       ref: function ref(htmlEl) {
         return _ref2.current = htmlEl;
       },
-      style: _extends({}, contentStyle(open, transition, contentHeight, theme), contentTransition(contentHeight, theme)[state])
+      style: _objectSpread(_objectSpread({}, contentStyle(open, transition, contentHeight, theme)), contentTransition(contentHeight, theme)[state])
     }, children);
   }));
 };

package/esm/components/atoms/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["React","useRef","Icon","Text","AccordionContainer","IconContainer","TitleContainer","ContentContainer","Transition","contentStyle","contentTransition","titleStyle","titleTransition","useTheme","Accordion","title","open","_open","onChange","transition","children","rest","useState","setOpen","contentHeight","setContentHeight","theme","ref","useEffect","useLayoutEffect","size","Array","from","current","reduce","prev","curr","clientHeight","handleClick","useCallback","state","htmlEl"],"sources":["../../../../src/components/atoms/Accordion/Accordion.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, ThemeProp } from '@tecsinapse/react-core';\nimport {\n  AccordionContainer,\n  IconContainer,\n  TitleContainer,\n  ContentContainer,\n} from './styled';\nimport { Transition } from 'react-transition-group';\nimport {\n  contentStyle,\n  contentTransition,\n  titleStyle,\n  titleTransition,\n} from './animations';\nimport { useTheme } from '@emotion/react';\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onChange?: () => void;\n  title: string;\n  /** Transition time for collapse effect in ms */\n  transition?: number;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n  title,\n  open: _open = false,\n  onChange,\n  transition = 200,\n  children,\n  ...rest\n}) => {\n  const [open, setOpen] = React.useState(_open);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const theme = useTheme() as ThemeProp;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  React.useEffect(() => setOpen(_open), [_open]);\n\n  React.useLayoutEffect(() => {\n    const size = Array.from(\n      (ref.current?.children || []) as HTMLCollection\n    ).reduce((prev, curr) => prev + curr.clientHeight, 0);\n    setContentHeight(size);\n  }, []);\n\n  const handleClick = React.useCallback(() => {\n    if (onChange) {\n      onChange();\n      return;\n    }\n    setOpen(state => !state);\n  }, [onChange]);\n\n  return (\n    <AccordionContainer {...rest}>\n      <TitleContainer onClick={handleClick}>\n        <Transition in={open} timeout={transition}>\n          {state => (\n            <Text\n              typography=\"h4\"\n              fontWeight=\"bold\"\n              style={{\n                ...titleStyle(transition, theme),\n                ...titleTransition(theme)[state],\n              }}\n            >\n              {title}\n            </Text>\n          )}\n        </Transition>\n        <IconContainer>\n          <Icon\n            type=\"material-community\"\n            name={open ? 'chevron-up' : 'chevron-down'}\n            size=\"kilo\"\n            fontColor=\"medium\"\n          />\n        </IconContainer>\n      </TitleContainer>\n      <Transition in={open} timeout={transition}>\n        {state => (\n          <ContentContainer\n            ref={htmlEl => (ref.current = htmlEl)}\n            style={{\n              ...contentStyle(open, transition, contentHeight, theme),\n              ...contentTransition(contentHeight, theme)[state],\n            }}\n          >\n            {children}\n          </ContentContainer>\n        )}\n      </Transition>\n    </AccordionContainer>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,QAA8B,OAA9B;AACA,SAASC,IAAT,EAAeC,IAAf,QAAsC,wBAAtC;AACA,SACEC,kBADF,EAEEC,aAFF,EAGEC,cAHF,EAIEC,gBAJF;AAMA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SACEC,YADF,EAEEC,iBAFF,EAGEC,UAHF,EAIEC,eAJF;AAMA,SAASC,QAAT,QAAyB,gBAAzB;;AAUA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAOtC;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,qBALJC,IAKI;EAAA,IALEC,KAKF,0BALU,KAKV;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,2BAHJC,UAGI;EAAA,IAHJA,UAGI,gCAHS,GAGT;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,sBAAwBrB,KAAK,CAACsB,QAAN,CAAeL,KAAf,CAAxB;EAAA,IAAOD,IAAP;EAAA,IAAaO,OAAb;;EACA,uBAA0CvB,KAAK,CAACsB,QAAN,CAAe,CAAf,CAA1C;EAAA,IAAOE,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,IAAMC,KAAK,GAAGb,QAAQ,EAAtB;;EAEA,IAAMc,KAAG,GAAG1B,MAAM,CAAwB,IAAxB,CAAlB;;EAEAD,KAAK,CAAC4B,SAAN,CAAgB;IAAA,OAAML,OAAO,CAACN,KAAD,CAAb;EAAA,CAAhB,EAAsC,CAACA,KAAD,CAAtC;EAEAjB,KAAK,CAAC6B,eAAN,CAAsB,YAAM;IAAA;;IAC1B,IAAMC,IAAI,GAAGC,KAAK,CAACC,IAAN,CACV,iBAAAL,KAAG,CAACM,OAAJ,kCAAab,QAAb,KAAyB,EADf,EAEXc,MAFW,CAEJ,UAACC,IAAD,EAAOC,IAAP;MAAA,OAAgBD,IAAI,GAAGC,IAAI,CAACC,YAA5B;IAAA,CAFI,EAEsC,CAFtC,CAAb;IAGAZ,gBAAgB,CAACK,IAAD,CAAhB;EACD,CALD,EAKG,EALH;EAOA,IAAMQ,WAAW,GAAGtC,KAAK,CAACuC,WAAN,CAAkB,YAAM;IAC1C,IAAIrB,QAAJ,EAAc;MACZA,QAAQ;MACR;IACD;;IACDK,OAAO,CAAC,UAAAiB,KAAK;MAAA,OAAI,CAACA,KAAL;IAAA,CAAN,CAAP;EACD,CANmB,EAMjB,CAACtB,QAAD,CANiB,CAApB;EAQA,OACE,oBAAC,kBAAD,EAAwBG,IAAxB,EACE,oBAAC,cAAD;IAAgB,OAAO,EAAEiB;EAAzB,GACE,oBAAC,UAAD;IAAY,MAAItB,IAAhB;IAAsB,OAAO,EAAEG;EAA/B,GACG,UAAAqB,KAAK;IAAA,OACJ,oBAAC,IAAD;MACE,UAAU,EAAC,IADb;MAEE,UAAU,EAAC,MAFb;MAGE,KAAK,eACA7B,UAAU,CAACQ,UAAD,EAAaO,KAAb,CADV,EAEAd,eAAe,CAACc,KAAD,CAAf,CAAuBc,KAAvB,CAFA;IAHP,GAQGzB,KARH,CADI;EAAA,CADR,CADF,EAeE,oBAAC,aAAD,QACE,oBAAC,IAAD;IACE,IAAI,EAAC,oBADP;IAEE,IAAI,EAAEC,IAAI,GAAG,YAAH,GAAkB,cAF9B;IAGE,IAAI,EAAC,MAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfF,CADF,EAyBE,oBAAC,UAAD;IAAY,MAAIA,IAAhB;IAAsB,OAAO,EAAEG;EAA/B,GACG,UAAAqB,KAAK;IAAA,OACJ,oBAAC,gBAAD;MACE,GAAG,EAAE,aAAAC,MAAM;QAAA,OAAKd,KAAG,CAACM,OAAJ,GAAcQ,MAAnB;MAAA,CADb;MAEE,KAAK,eACAhC,YAAY,CAACO,IAAD,EAAOG,UAAP,EAAmBK,aAAnB,EAAkCE,KAAlC,CADZ,EAEAhB,iBAAiB,CAACc,aAAD,EAAgBE,KAAhB,CAAjB,CAAwCc,KAAxC,CAFA;IAFP,GAOGpB,QAPH,CADI;EAAA,CADR,CAzBF,CADF;AAyCD,CAxED;;AA0EA,eAAeN,SAAf"}
+{"version":3,"file":"Accordion.js","names":["React","useRef","Icon","Text","AccordionContainer","IconContainer","TitleContainer","ContentContainer","Transition","contentStyle","contentTransition","titleStyle","titleTransition","useTheme","Accordion","title","open","_open","onChange","transition","children","rest","useState","setOpen","contentHeight","setContentHeight","theme","ref","useEffect","useLayoutEffect","size","Array","from","current","reduce","prev","curr","clientHeight","handleClick","useCallback","state","htmlEl"],"sources":["../../../../src/components/atoms/Accordion/Accordion.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, ThemeProp } from '@tecsinapse/react-core';\nimport {\n  AccordionContainer,\n  IconContainer,\n  TitleContainer,\n  ContentContainer,\n} from './styled';\nimport { Transition } from 'react-transition-group';\nimport {\n  contentStyle,\n  contentTransition,\n  titleStyle,\n  titleTransition,\n} from './animations';\nimport { useTheme } from '@emotion/react';\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onChange?: () => void;\n  title: string;\n  /** Transition time for collapse effect in ms */\n  transition?: number;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n  title,\n  open: _open = false,\n  onChange,\n  transition = 200,\n  children,\n  ...rest\n}) => {\n  const [open, setOpen] = React.useState(_open);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const theme = useTheme() as ThemeProp;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  React.useEffect(() => setOpen(_open), [_open]);\n\n  React.useLayoutEffect(() => {\n    const size = Array.from(\n      (ref.current?.children || []) as HTMLCollection\n    ).reduce((prev, curr) => prev + curr.clientHeight, 0);\n    setContentHeight(size);\n  }, []);\n\n  const handleClick = React.useCallback(() => {\n    if (onChange) {\n      onChange();\n      return;\n    }\n    setOpen(state => !state);\n  }, [onChange]);\n\n  return (\n    <AccordionContainer {...rest}>\n      <TitleContainer onClick={handleClick}>\n        <Transition in={open} timeout={transition}>\n          {state => (\n            <Text\n              typography=\"h4\"\n              fontWeight=\"bold\"\n              style={{\n                ...titleStyle(transition, theme),\n                ...titleTransition(theme)[state],\n              }}\n            >\n              {title}\n            </Text>\n          )}\n        </Transition>\n        <IconContainer>\n          <Icon\n            type=\"material-community\"\n            name={open ? 'chevron-up' : 'chevron-down'}\n            size=\"kilo\"\n            fontColor=\"medium\"\n          />\n        </IconContainer>\n      </TitleContainer>\n      <Transition in={open} timeout={transition}>\n        {state => (\n          <ContentContainer\n            ref={htmlEl => (ref.current = htmlEl)}\n            style={{\n              ...contentStyle(open, transition, contentHeight, theme),\n              ...contentTransition(contentHeight, theme)[state],\n            }}\n          >\n            {children}\n          </ContentContainer>\n        )}\n      </Transition>\n    </AccordionContainer>\n  );\n};\n\nexport default Accordion;\n"],"mappings":"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"}

package/esm/components/atoms/Accordion/animations.js

@@ -1,7 +1,7 @@
 import { extractNumbersFromString } from '@tecsinapse/react-core';
 export var contentStyle = function contentStyle(open, transition, value, theme) {
   return {
-    transition: "padding-bottom " + transition * 2 + "ms ease-in-out, height " + transition * 2 + "ms ease-in-out",
+    transition: "padding-bottom ".concat(transition * 2, "ms ease-in-out, height ").concat(transition * 2, "ms ease-in-out"),
     paddingBottom: open ? extractNumbersFromString(theme.spacing.kilo) : 0,
     height: open ? value : 0
   };
@@ -29,7 +29,7 @@ export var contentTransition = function contentTransition(value, theme) {
 };
 export var titleStyle = function titleStyle(transition, theme) {
   return {
-    transition: "color " + transition * 2 + "ms ease-in-out",
+    transition: "color ".concat(transition * 2, "ms ease-in-out"),
     color: theme.font.color.dark
   };
 };

package/esm/components/atoms/Accordion/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["extractNumbersFromString","contentStyle","open","transition","value","theme","paddingBottom","spacing","kilo","height","contentTransition","entering","entered","exiting","exited","titleStyle","color","font","dark","titleTransition","orange"],"sources":["../../../../src/components/atoms/Accordion/animations.ts"],"sourcesContent":["import { ThemeProp, extractNumbersFromString } from '@tecsinapse/react-core';\n\nexport const contentStyle = (\n  open: boolean,\n  transition: number,\n  value: number,\n  theme: ThemeProp\n) => ({\n  transition: `padding-bottom ${transition * 2}ms ease-in-out, height ${\n    transition * 2\n  }ms ease-in-out`,\n  paddingBottom: open ? extractNumbersFromString(theme.spacing.kilo) : 0,\n  height: open ? value : 0,\n});\n\nexport const contentTransition = (value: number, theme: ThemeProp) => {\n  const paddingBottom = extractNumbersFromString(theme.spacing.kilo);\n  return {\n    entering: {\n      paddingBottom,\n      height: value,\n    },\n    entered: {\n      paddingBottom,\n      height: value,\n    },\n    exiting: {\n      paddingBottom,\n      height: value,\n    },\n    exited: { paddingBottom: 0, height: 0 },\n  };\n};\n\nexport const titleStyle = (transition: number, theme: ThemeProp) => ({\n  transition: `color ${transition * 2}ms ease-in-out`,\n  color: theme.font.color.dark,\n});\n\nexport const titleTransition = (theme: ThemeProp) => ({\n  entering: {\n    color: theme.font.color.orange,\n  },\n  entered: {\n    color: theme.font.color.orange,\n  },\n  exiting: {\n    color: theme.font.color.orange,\n  },\n  exited: { color: theme.font.color.dark },\n});\n"],"mappings":"AAAA,SAAoBA,wBAApB,QAAoD,wBAApD;AAEA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAC1BC,IAD0B,EAE1BC,UAF0B,EAG1BC,KAH0B,EAI1BC,KAJ0B;EAAA,OAKtB;IACJF,UAAU,sBAAoBA,UAAU,GAAG,CAAjC,+BACRA,UAAU,GAAG,CADL,mBADN;IAIJG,aAAa,EAAEJ,IAAI,GAAGF,wBAAwB,CAACK,KAAK,CAACE,OAAN,CAAcC,IAAf,CAA3B,GAAkD,CAJjE;IAKJC,MAAM,EAAEP,IAAI,GAAGE,KAAH,GAAW;EALnB,CALsB;AAAA,CAArB;AAaP,OAAO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,KAAD,EAAgBC,KAAhB,EAAqC;EACpE,IAAMC,aAAa,GAAGN,wBAAwB,CAACK,KAAK,CAACE,OAAN,CAAcC,IAAf,CAA9C;EACA,OAAO;IACLG,QAAQ,EAAE;MACRL,aAAa,EAAbA,aADQ;MAERG,MAAM,EAAEL;IAFA,CADL;IAKLQ,OAAO,EAAE;MACPN,aAAa,EAAbA,aADO;MAEPG,MAAM,EAAEL;IAFD,CALJ;IASLS,OAAO,EAAE;MACPP,aAAa,EAAbA,aADO;MAEPG,MAAM,EAAEL;IAFD,CATJ;IAaLU,MAAM,EAAE;MAAER,aAAa,EAAE,CAAjB;MAAoBG,MAAM,EAAE;IAA5B;EAbH,CAAP;AAeD,CAjBM;AAmBP,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAa,CAACZ,UAAD,EAAqBE,KAArB;EAAA,OAA2C;IACnEF,UAAU,aAAWA,UAAU,GAAG,CAAxB,mBADyD;IAEnEa,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBE;EAF2C,CAA3C;AAAA,CAAnB;AAKP,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACd,KAAD;EAAA,OAAuB;IACpDM,QAAQ,EAAE;MACRK,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBI;IADhB,CAD0C;IAIpDR,OAAO,EAAE;MACPI,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBI;IADjB,CAJ2C;IAOpDP,OAAO,EAAE;MACPG,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBI;IADjB,CAP2C;IAUpDN,MAAM,EAAE;MAAEE,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBE;IAA1B;EAV4C,CAAvB;AAAA,CAAxB"}
+{"version":3,"file":"animations.js","names":["extractNumbersFromString","contentStyle","open","transition","value","theme","paddingBottom","spacing","kilo","height","contentTransition","entering","entered","exiting","exited","titleStyle","color","font","dark","titleTransition","orange"],"sources":["../../../../src/components/atoms/Accordion/animations.ts"],"sourcesContent":["import { ThemeProp, extractNumbersFromString } from '@tecsinapse/react-core';\n\nexport const contentStyle = (\n  open: boolean,\n  transition: number,\n  value: number,\n  theme: ThemeProp\n) => ({\n  transition: `padding-bottom ${transition * 2}ms ease-in-out, height ${\n    transition * 2\n  }ms ease-in-out`,\n  paddingBottom: open ? extractNumbersFromString(theme.spacing.kilo) : 0,\n  height: open ? value : 0,\n});\n\nexport const contentTransition = (value: number, theme: ThemeProp) => {\n  const paddingBottom = extractNumbersFromString(theme.spacing.kilo);\n  return {\n    entering: {\n      paddingBottom,\n      height: value,\n    },\n    entered: {\n      paddingBottom,\n      height: value,\n    },\n    exiting: {\n      paddingBottom,\n      height: value,\n    },\n    exited: { paddingBottom: 0, height: 0 },\n  };\n};\n\nexport const titleStyle = (transition: number, theme: ThemeProp) => ({\n  transition: `color ${transition * 2}ms ease-in-out`,\n  color: theme.font.color.dark,\n});\n\nexport const titleTransition = (theme: ThemeProp) => ({\n  entering: {\n    color: theme.font.color.orange,\n  },\n  entered: {\n    color: theme.font.color.orange,\n  },\n  exiting: {\n    color: theme.font.color.orange,\n  },\n  exited: { color: theme.font.color.dark },\n});\n"],"mappings":"AAAA,SAAoBA,wBAApB,QAAoD,wBAApD;AAEA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAC1BC,IAD0B,EAE1BC,UAF0B,EAG1BC,KAH0B,EAI1BC,KAJ0B;EAAA,OAKtB;IACJF,UAAU,2BAAoBA,UAAU,GAAG,CAAjC,oCACRA,UAAU,GAAG,CADL,mBADN;IAIJG,aAAa,EAAEJ,IAAI,GAAGF,wBAAwB,CAACK,KAAK,CAACE,OAAN,CAAcC,IAAf,CAA3B,GAAkD,CAJjE;IAKJC,MAAM,EAAEP,IAAI,GAAGE,KAAH,GAAW;EALnB,CALsB;AAAA,CAArB;AAaP,OAAO,IAAMM,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,KAAD,EAAgBC,KAAhB,EAAqC;EACpE,IAAMC,aAAa,GAAGN,wBAAwB,CAACK,KAAK,CAACE,OAAN,CAAcC,IAAf,CAA9C;EACA,OAAO;IACLG,QAAQ,EAAE;MACRL,aAAa,EAAbA,aADQ;MAERG,MAAM,EAAEL;IAFA,CADL;IAKLQ,OAAO,EAAE;MACPN,aAAa,EAAbA,aADO;MAEPG,MAAM,EAAEL;IAFD,CALJ;IASLS,OAAO,EAAE;MACPP,aAAa,EAAbA,aADO;MAEPG,MAAM,EAAEL;IAFD,CATJ;IAaLU,MAAM,EAAE;MAAER,aAAa,EAAE,CAAjB;MAAoBG,MAAM,EAAE;IAA5B;EAbH,CAAP;AAeD,CAjBM;AAmBP,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAa,CAACZ,UAAD,EAAqBE,KAArB;EAAA,OAA2C;IACnEF,UAAU,kBAAWA,UAAU,GAAG,CAAxB,mBADyD;IAEnEa,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBE;EAF2C,CAA3C;AAAA,CAAnB;AAKP,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACd,KAAD;EAAA,OAAuB;IACpDM,QAAQ,EAAE;MACRK,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBI;IADhB,CAD0C;IAIpDR,OAAO,EAAE;MACPI,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBI;IADjB,CAJ2C;IAOpDP,OAAO,EAAE;MACPG,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBI;IADjB,CAP2C;IAUpDN,MAAM,EAAE;MAAEE,KAAK,EAAEX,KAAK,CAACY,IAAN,CAAWD,KAAX,CAAiBE;IAA1B;EAV4C,CAAvB;AAAA,CAAxB"}

package/esm/components/atoms/Accordion/styled.js

@@ -1,25 +1,25 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var IconContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  border-radius: ", ";\n  border: ", ";\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n"])), function (_ref) {
+export var IconContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  border: ", ";\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.borderRadius.mili;
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.borderWidth.pico + " solid " + theme.color.secondary.light;
+  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.secondary.light);
 });
-export var TitleContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  cursor: pointer;\n  padding: ", " 0;\n"])), function (_ref3) {
+export var TitleContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  cursor: pointer;\n  padding: ", " 0;\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.spacing.kilo;
 });
-export var AccordionContainer = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  border-bottom: ", ";\n  background-color: ", ";\n"])), function (_ref4) {
+export var AccordionContainer = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-bottom: ", ";\n  background-color: ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme;
-  return theme.borderWidth.pico + " solid " + theme.color.secondary.light;
+  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.secondary.light);
 }, function (_ref5) {
   var theme = _ref5.theme;
   return theme.miscellaneous.surfaceColor;
 });
-export var ContentContainer = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n"])));
+export var ContentContainer = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n"])));
 //# sourceMappingURL=styled.js.map

package/esm/components/atoms/Accordion/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","IconContainer","theme","borderRadius","mili","borderWidth","pico","color","secondary","light","TitleContainer","spacing","kilo","AccordionContainer","miscellaneous","surfaceColor","ContentContainer"],"sources":["../../../../src/components/atoms/Accordion/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const IconContainer = styled('div')<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TitleContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  cursor: pointer;\n  padding: ${({ theme }) => theme.spacing.kilo} 0;\n`;\n\nexport const AccordionContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const ContentContainer = styled('div')`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,KAAD,CAAT,mNACP;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADO,EAEd;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OACLA,KAAK,CAACG,WAAN,CAAkBC,IADb,eAC2BJ,KAAK,CAACK,KAAN,CAAYC,SAAZ,CAAsBC,KADjD;AAAA,CAFc,CAAnB;AAUP,OAAO,IAAMC,cAAc,GAAGV,MAAM,CAAC,KAAD,CAAT,gNAMd;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CANc,CAApB;AASP,OAAO,IAAMC,kBAAkB,GAAGb,MAAM,CAAC,KAAD,CAAT,+KAGZ;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OACZA,KAAK,CAACG,WAAN,CAAkBC,IADN,eACoBJ,KAAK,CAACK,KAAN,CAAYC,SAAZ,CAAsBC,KAD1C;AAAA,CAHY,EAKT;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,aAAN,CAAoBC,YAAnC;AAAA,CALS,CAAxB;AAQP,OAAO,IAAMC,gBAAgB,GAAGhB,MAAM,CAAC,KAAD,CAAT,gJAAtB"}
+{"version":3,"file":"styled.js","names":["styled","IconContainer","theme","borderRadius","mili","borderWidth","pico","color","secondary","light","TitleContainer","spacing","kilo","AccordionContainer","miscellaneous","surfaceColor","ContentContainer"],"sources":["../../../../src/components/atoms/Accordion/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const IconContainer = styled('div')<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TitleContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  cursor: pointer;\n  padding: ${({ theme }) => theme.spacing.kilo} 0;\n`;\n\nexport const AccordionContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const ContentContainer = styled('div')`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,KAAD,CAAT,8MACP;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADO,EAEd;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,iBACLA,KAAK,CAACG,WAAN,CAAkBC,IADb,oBAC2BJ,KAAK,CAACK,KAAN,CAAYC,SAAZ,CAAsBC,KADjD;AAAA,CAFc,CAAnB;AAUP,OAAO,IAAMC,cAAc,GAAGV,MAAM,CAAC,KAAD,CAAT,2MAMd;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CANc,CAApB;AASP,OAAO,IAAMC,kBAAkB,GAAGb,MAAM,CAAC,KAAD,CAAT,0KAGZ;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,iBACZA,KAAK,CAACG,WAAN,CAAkBC,IADN,oBACoBJ,KAAK,CAACK,KAAN,CAAYC,SAAZ,CAAsBC,KAD1C;AAAA,CAHY,EAKT;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,aAAN,CAAoBC,YAAnC;AAAA,CALS,CAAxB;AAQP,OAAO,IAAMC,gBAAgB,GAAGhB,MAAM,CAAC,KAAD,CAAT,2IAAtB"}

package/esm/components/atoms/Badge/Badge.js

@@ -2,6 +2,8 @@ var _excluded = ["children", "fontColor", "value"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { Badge as BadgeCore, Text } from '@tecsinapse/react-core';
@@ -12,7 +14,7 @@ var Badge = function Badge(_ref) {
       _ref$fontColor = _ref.fontColor,
       fontColor = _ref$fontColor === void 0 ? 'light' : _ref$fontColor,
       value = _ref.value,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return React.createElement(BadgeCore, _extends({}, props, {
     value: React.createElement(Text, {

package/esm/components/atoms/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","BadgeCore","Text","React","children","fontColor","value","props"],"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import {\n  BadgeProps,\n  Badge as BadgeCore,\n  Text,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\nexport interface BadgeWebProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeWebProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;;AAAA,SAEEA,KAAK,IAAIC,SAFX,EAGEC,IAHF,QAKO,wBALP;AAMA,OAAOC,KAAP,MAA0B,OAA1B;;AAOA,IAAMH,KAAwB,GAAG,SAA3BA,KAA2B,OAK3B;EAAA,IAJJI,QAII,QAJJA,QAII;EAAA,0BAHJC,SAGI;EAAA,IAHJA,SAGI,+BAHQ,OAGR;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,KACC;;EACJ,OACE,oBAAC,SAAD,eACMA,KADN;IAEE,KAAK,EACH,oBAAC,IAAD;MAAM,SAAS,EAAEF,SAAjB;MAA4B,UAAU,EAAE,MAAxC;MAAgD,UAAU,EAAE;IAA5D,GACGC,KADH;EAHJ,IAQGF,QARH,CADF;AAYD,CAlBD;;AAoBA,eAAeJ,KAAf"}
+{"version":3,"file":"Badge.js","names":["Badge","BadgeCore","Text","React","children","fontColor","value","props"],"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import {\n  BadgeProps,\n  Badge as BadgeCore,\n  Text,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\nexport interface BadgeWebProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeWebProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;;;;AAAA,SAEEA,KAAK,IAAIC,SAFX,EAGEC,IAHF,QAKO,wBALP;AAMA,OAAOC,KAAP,MAA0B,OAA1B;;AAOA,IAAMH,KAAwB,GAAG,SAA3BA,KAA2B,OAK3B;EAAA,IAJJI,QAII,QAJJA,QAII;EAAA,0BAHJC,SAGI;EAAA,IAHJA,SAGI,+BAHQ,OAGR;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,KACC;;EACJ,OACE,oBAAC,SAAD,eACMA,KADN;IAEE,KAAK,EACH,oBAAC,IAAD;MAAM,SAAS,EAAEF,SAAjB;MAA4B,UAAU,EAAE,MAAxC;MAAgD,UAAU,EAAE;IAA5D,GACGC,KADH;EAHJ,IAQGF,QARH,CADF;AAYD,CAlBD;;AAoBA,eAAeJ,KAAf"}

package/esm/components/atoms/Button/Button.js

@@ -2,6 +2,8 @@ var _excluded = ["children", "disabled", "frozen", "state", "variant", "onMouseO
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
@@ -19,7 +21,7 @@ var Button = function Button(_ref) {
       onMouseOver = _ref.onMouseOver,
       onPressIn = _ref.onPressIn,
       onPressOut = _ref.onPressOut,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _frozen = frozen || state === 'loading';
 

package/esm/components/atoms/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","useMouseHover","useMousePressed","StyledWebButton","Button","children","disabled","frozen","state","variant","onMouseOut","onMouseOver","onPressIn","onPressOut","rest","_frozen","mouseOver","handleMouseOut","handleMouseOver","pressed","handlePressIn","handlePressOut"],"sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { useMouseHover } from './hooks/useMouseHover';\nimport { useMousePressed } from './hooks/useMousePressed';\nimport { StyledWebButton } from './styled';\n\n/**\n * TODO: Add a property 'defaultElement' to render a default\n * component and provide some button's state to it.\n */\nexport type WebButtonProps = ButtonProps & {\n  onMouseOver?: () => void;\n  onMouseOut?: () => void;\n  onPressIn?: () => void;\n  onPressOut?: () => void;\n};\n\nconst Button: FC<WebButtonProps> = ({\n  children,\n  disabled,\n  frozen,\n  state,\n  variant,\n  onMouseOut,\n  onMouseOver,\n  onPressIn,\n  onPressOut,\n  ...rest\n}): JSX.Element => {\n  const _frozen = frozen || state === 'loading';\n  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(\n    !disabled && !_frozen,\n    onMouseOut,\n    onMouseOver\n  );\n  const { pressed, handlePressIn, handlePressOut } = useMousePressed(\n    !disabled && !_frozen,\n    onPressIn,\n    onPressOut\n  );\n\n  return (\n    <StyledWebButton\n      {...rest}\n      disabled={disabled}\n      frozen={_frozen}\n      state={state}\n      onMouseOver={handleMouseOver}\n      onMouseOut={handleMouseOut}\n      mouseOver={mouseOver}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      pressed={pressed}\n      variant={variant}\n    >\n      {children}\n    </StyledWebButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;AACA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,aAAT;AACA,SAASC,eAAT;AACA,SAASC,eAAT;;AAaA,IAAMC,MAA0B,GAAG,SAA7BA,MAA6B,OAWhB;EAAA,IAVjBC,QAUiB,QAVjBA,QAUiB;EAAA,IATjBC,QASiB,QATjBA,QASiB;EAAA,IARjBC,MAQiB,QARjBA,MAQiB;EAAA,IAPjBC,KAOiB,QAPjBA,KAOiB;EAAA,IANjBC,OAMiB,QANjBA,OAMiB;EAAA,IALjBC,UAKiB,QALjBA,UAKiB;EAAA,IAJjBC,WAIiB,QAJjBA,WAIiB;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,IACc;;EACjB,IAAMC,OAAO,GAAGR,MAAM,IAAIC,KAAK,KAAK,SAApC;;EACA,qBAAuDP,aAAa,CAClE,CAACK,QAAD,IAAa,CAACS,OADoD,EAElEL,UAFkE,EAGlEC,WAHkE,CAApE;EAAA,IAAQK,SAAR,kBAAQA,SAAR;EAAA,IAAmBC,cAAnB,kBAAmBA,cAAnB;EAAA,IAAmCC,eAAnC,kBAAmCA,eAAnC;;EAKA,uBAAmDhB,eAAe,CAChE,CAACI,QAAD,IAAa,CAACS,OADkD,EAEhEH,SAFgE,EAGhEC,UAHgE,CAAlE;EAAA,IAAQM,OAAR,oBAAQA,OAAR;EAAA,IAAiBC,aAAjB,oBAAiBA,aAAjB;EAAA,IAAgCC,cAAhC,oBAAgCA,cAAhC;;EAMA,OACE,oBAAC,eAAD,eACMP,IADN;IAEE,QAAQ,EAAER,QAFZ;IAGE,MAAM,EAAES,OAHV;IAIE,KAAK,EAAEP,KAJT;IAKE,WAAW,EAAEU,eALf;IAME,UAAU,EAAED,cANd;IAOE,SAAS,EAAED,SAPb;IAQE,SAAS,EAAEI,aARb;IASE,UAAU,EAAEC,cATd;IAUE,OAAO,EAAEF,OAVX;IAWE,OAAO,EAAEV;EAXX,IAaGJ,QAbH,CADF;AAiBD,CAzCD;;AA2CA,eAAeD,MAAf"}
+{"version":3,"file":"Button.js","names":["React","useMouseHover","useMousePressed","StyledWebButton","Button","children","disabled","frozen","state","variant","onMouseOut","onMouseOver","onPressIn","onPressOut","rest","_frozen","mouseOver","handleMouseOut","handleMouseOver","pressed","handlePressIn","handlePressOut"],"sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { useMouseHover } from './hooks/useMouseHover';\nimport { useMousePressed } from './hooks/useMousePressed';\nimport { StyledWebButton } from './styled';\n\n/**\n * TODO: Add a property 'defaultElement' to render a default\n * component and provide some button's state to it.\n */\nexport type WebButtonProps = ButtonProps & {\n  onMouseOver?: () => void;\n  onMouseOut?: () => void;\n  onPressIn?: () => void;\n  onPressOut?: () => void;\n};\n\nconst Button: FC<WebButtonProps> = ({\n  children,\n  disabled,\n  frozen,\n  state,\n  variant,\n  onMouseOut,\n  onMouseOver,\n  onPressIn,\n  onPressOut,\n  ...rest\n}): JSX.Element => {\n  const _frozen = frozen || state === 'loading';\n  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(\n    !disabled && !_frozen,\n    onMouseOut,\n    onMouseOver\n  );\n  const { pressed, handlePressIn, handlePressOut } = useMousePressed(\n    !disabled && !_frozen,\n    onPressIn,\n    onPressOut\n  );\n\n  return (\n    <StyledWebButton\n      {...rest}\n      disabled={disabled}\n      frozen={_frozen}\n      state={state}\n      onMouseOver={handleMouseOver}\n      onMouseOut={handleMouseOut}\n      mouseOver={mouseOver}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      pressed={pressed}\n      variant={variant}\n    >\n      {children}\n    </StyledWebButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;AACA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,aAAT;AACA,SAASC,eAAT;AACA,SAASC,eAAT;;AAaA,IAAMC,MAA0B,GAAG,SAA7BA,MAA6B,OAWhB;EAAA,IAVjBC,QAUiB,QAVjBA,QAUiB;EAAA,IATjBC,QASiB,QATjBA,QASiB;EAAA,IARjBC,MAQiB,QARjBA,MAQiB;EAAA,IAPjBC,KAOiB,QAPjBA,KAOiB;EAAA,IANjBC,OAMiB,QANjBA,OAMiB;EAAA,IALjBC,UAKiB,QALjBA,UAKiB;EAAA,IAJjBC,WAIiB,QAJjBA,WAIiB;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,IACc;;EACjB,IAAMC,OAAO,GAAGR,MAAM,IAAIC,KAAK,KAAK,SAApC;;EACA,qBAAuDP,aAAa,CAClE,CAACK,QAAD,IAAa,CAACS,OADoD,EAElEL,UAFkE,EAGlEC,WAHkE,CAApE;EAAA,IAAQK,SAAR,kBAAQA,SAAR;EAAA,IAAmBC,cAAnB,kBAAmBA,cAAnB;EAAA,IAAmCC,eAAnC,kBAAmCA,eAAnC;;EAKA,uBAAmDhB,eAAe,CAChE,CAACI,QAAD,IAAa,CAACS,OADkD,EAEhEH,SAFgE,EAGhEC,UAHgE,CAAlE;EAAA,IAAQM,OAAR,oBAAQA,OAAR;EAAA,IAAiBC,aAAjB,oBAAiBA,aAAjB;EAAA,IAAgCC,cAAhC,oBAAgCA,cAAhC;;EAMA,OACE,oBAAC,eAAD,eACMP,IADN;IAEE,QAAQ,EAAER,QAFZ;IAGE,MAAM,EAAES,OAHV;IAIE,KAAK,EAAEP,KAJT;IAKE,WAAW,EAAEU,eALf;IAME,UAAU,EAAED,cANd;IAOE,SAAS,EAAED,SAPb;IAQE,SAAS,EAAEI,aARb;IASE,UAAU,EAAEC,cATd;IAUE,OAAO,EAAEF,OAVX;IAWE,OAAO,EAAEV;EAXX,IAaGJ,QAbH,CADF;AAiBD,CAzCD;;AA2CA,eAAeD,MAAf"}

package/esm/components/atoms/Button/hooks/useMouseHover.js

@@ -1,19 +1,32 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { useCallback, useState } from 'react';
 export var useMouseHover = function useMouseHover(active, onMouseOver, onMouseOut) {
   var _useState = useState(false),
-      mouseOver = _useState[0],
-      setMouseOver = _useState[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      mouseOver = _useState2[0],
+      setMouseOver = _useState2[1];
 
   var handleMouseOver = useCallback(function () {
     if (active) {
       setMouseOver(true);
-      onMouseOver == null ? void 0 : onMouseOver();
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver();
     }
   }, [active, setMouseOver]);
   var handleMouseOut = useCallback(function () {
     if (active) {
       setMouseOver(false);
-      onMouseOut == null ? void 0 : onMouseOut();
+      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut();
     }
   }, [active, setMouseOver]);
   return {

package/esm/components/atoms/Button/hooks/useMouseHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMouseHover.js","names":["useCallback","useState","useMouseHover","active","onMouseOver","onMouseOut","mouseOver","setMouseOver","handleMouseOver","handleMouseOut"],"sources":["../../../../../src/components/atoms/Button/hooks/useMouseHover.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useMouseHover = (\n  active: boolean,\n  onMouseOver?: () => void,\n  onMouseOut?: () => void\n) => {\n  const [mouseOver, setMouseOver] = useState<boolean>(false);\n\n  const handleMouseOver = useCallback(() => {\n    if (active) {\n      setMouseOver(true);\n      onMouseOver?.();\n    }\n  }, [active, setMouseOver]);\n\n  const handleMouseOut = useCallback(() => {\n    if (active) {\n      setMouseOver(false);\n      onMouseOut?.();\n    }\n  }, [active, setMouseOver]);\n\n  return {\n    mouseOver,\n    handleMouseOver,\n    handleMouseOut,\n  };\n};\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,MAD2B,EAE3BC,WAF2B,EAG3BC,UAH2B,EAIxB;EACH,gBAAkCJ,QAAQ,CAAU,KAAV,CAA1C;EAAA,IAAOK,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,IAAMC,eAAe,GAAGR,WAAW,CAAC,YAAM;IACxC,IAAIG,MAAJ,EAAY;MACVI,YAAY,CAAC,IAAD,CAAZ;MACAH,WAAW,QAAX,YAAAA,WAAW;IACZ;EACF,CALkC,EAKhC,CAACD,MAAD,EAASI,YAAT,CALgC,CAAnC;EAOA,IAAME,cAAc,GAAGT,WAAW,CAAC,YAAM;IACvC,IAAIG,MAAJ,EAAY;MACVI,YAAY,CAAC,KAAD,CAAZ;MACAF,UAAU,QAAV,YAAAA,UAAU;IACX;EACF,CALiC,EAK/B,CAACF,MAAD,EAASI,YAAT,CAL+B,CAAlC;EAOA,OAAO;IACLD,SAAS,EAATA,SADK;IAELE,eAAe,EAAfA,eAFK;IAGLC,cAAc,EAAdA;EAHK,CAAP;AAKD,CA1BM"}
+{"version":3,"file":"useMouseHover.js","names":["useCallback","useState","useMouseHover","active","onMouseOver","onMouseOut","mouseOver","setMouseOver","handleMouseOver","handleMouseOut"],"sources":["../../../../../src/components/atoms/Button/hooks/useMouseHover.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useMouseHover = (\n  active: boolean,\n  onMouseOver?: () => void,\n  onMouseOut?: () => void\n) => {\n  const [mouseOver, setMouseOver] = useState<boolean>(false);\n\n  const handleMouseOver = useCallback(() => {\n    if (active) {\n      setMouseOver(true);\n      onMouseOver?.();\n    }\n  }, [active, setMouseOver]);\n\n  const handleMouseOut = useCallback(() => {\n    if (active) {\n      setMouseOver(false);\n      onMouseOut?.();\n    }\n  }, [active, setMouseOver]);\n\n  return {\n    mouseOver,\n    handleMouseOver,\n    handleMouseOut,\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,MAD2B,EAE3BC,WAF2B,EAG3BC,UAH2B,EAIxB;EACH,gBAAkCJ,QAAQ,CAAU,KAAV,CAA1C;EAAA;EAAA,IAAOK,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,IAAMC,eAAe,GAAGR,WAAW,CAAC,YAAM;IACxC,IAAIG,MAAJ,EAAY;MACVI,YAAY,CAAC,IAAD,CAAZ;MACAH,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW;IACZ;EACF,CALkC,EAKhC,CAACD,MAAD,EAASI,YAAT,CALgC,CAAnC;EAOA,IAAME,cAAc,GAAGT,WAAW,CAAC,YAAM;IACvC,IAAIG,MAAJ,EAAY;MACVI,YAAY,CAAC,KAAD,CAAZ;MACAF,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU;IACX;EACF,CALiC,EAK/B,CAACF,MAAD,EAASI,YAAT,CAL+B,CAAlC;EAOA,OAAO;IACLD,SAAS,EAATA,SADK;IAELE,eAAe,EAAfA,eAFK;IAGLC,cAAc,EAAdA;EAHK,CAAP;AAKD,CA1BM"}

package/esm/components/atoms/Button/hooks/useMousePressed.js

@@ -1,19 +1,32 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { useCallback, useState } from 'react';
 export var useMousePressed = function useMousePressed(active, onPressIn, onPressOut) {
   var _useState = useState(false),
-      pressed = _useState[0],
-      setPressed = _useState[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      pressed = _useState2[0],
+      setPressed = _useState2[1];
 
   var handlePressIn = useCallback(function () {
     if (active) {
       setPressed(true);
-      onPressIn == null ? void 0 : onPressIn();
+      onPressIn === null || onPressIn === void 0 ? void 0 : onPressIn();
     }
   }, [active, setPressed]);
   var handlePressOut = useCallback(function () {
     if (active) {
       setPressed(false);
-      onPressOut == null ? void 0 : onPressOut();
+      onPressOut === null || onPressOut === void 0 ? void 0 : onPressOut();
     }
   }, [active, setPressed]);
   return {

package/esm/components/atoms/Button/hooks/useMousePressed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMousePressed.js","names":["useCallback","useState","useMousePressed","active","onPressIn","onPressOut","pressed","setPressed","handlePressIn","handlePressOut"],"sources":["../../../../../src/components/atoms/Button/hooks/useMousePressed.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useMousePressed = (\n  active: boolean,\n  onPressIn?: () => void,\n  onPressOut?: () => void\n) => {\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const handlePressIn = useCallback(() => {\n    if (active) {\n      setPressed(true);\n      onPressIn?.();\n    }\n  }, [active, setPressed]);\n\n  const handlePressOut = useCallback(() => {\n    if (active) {\n      setPressed(false);\n      onPressOut?.();\n    }\n  }, [active, setPressed]);\n\n  return {\n    pressed,\n    handlePressIn,\n    handlePressOut,\n  };\n};\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,MAD6B,EAE7BC,SAF6B,EAG7BC,UAH6B,EAI1B;EACH,gBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,aAAa,GAAGR,WAAW,CAAC,YAAM;IACtC,IAAIG,MAAJ,EAAY;MACVI,UAAU,CAAC,IAAD,CAAV;MACAH,SAAS,QAAT,YAAAA,SAAS;IACV;EACF,CALgC,EAK9B,CAACD,MAAD,EAASI,UAAT,CAL8B,CAAjC;EAOA,IAAME,cAAc,GAAGT,WAAW,CAAC,YAAM;IACvC,IAAIG,MAAJ,EAAY;MACVI,UAAU,CAAC,KAAD,CAAV;MACAF,UAAU,QAAV,YAAAA,UAAU;IACX;EACF,CALiC,EAK/B,CAACF,MAAD,EAASI,UAAT,CAL+B,CAAlC;EAOA,OAAO;IACLD,OAAO,EAAPA,OADK;IAELE,aAAa,EAAbA,aAFK;IAGLC,cAAc,EAAdA;EAHK,CAAP;AAKD,CA1BM"}
+{"version":3,"file":"useMousePressed.js","names":["useCallback","useState","useMousePressed","active","onPressIn","onPressOut","pressed","setPressed","handlePressIn","handlePressOut"],"sources":["../../../../../src/components/atoms/Button/hooks/useMousePressed.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useMousePressed = (\n  active: boolean,\n  onPressIn?: () => void,\n  onPressOut?: () => void\n) => {\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const handlePressIn = useCallback(() => {\n    if (active) {\n      setPressed(true);\n      onPressIn?.();\n    }\n  }, [active, setPressed]);\n\n  const handlePressOut = useCallback(() => {\n    if (active) {\n      setPressed(false);\n      onPressOut?.();\n    }\n  }, [active, setPressed]);\n\n  return {\n    pressed,\n    handlePressIn,\n    handlePressOut,\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,MAD6B,EAE7BC,SAF6B,EAG7BC,UAH6B,EAI1B;EACH,gBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,aAAa,GAAGR,WAAW,CAAC,YAAM;IACtC,IAAIG,MAAJ,EAAY;MACVI,UAAU,CAAC,IAAD,CAAV;MACAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS;IACV;EACF,CALgC,EAK9B,CAACD,MAAD,EAASI,UAAT,CAL8B,CAAjC;EAOA,IAAME,cAAc,GAAGT,WAAW,CAAC,YAAM;IACvC,IAAIG,MAAJ,EAAY;MACVI,UAAU,CAAC,KAAD,CAAV;MACAF,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU;IACX;EACF,CALiC,EAK/B,CAACF,MAAD,EAASI,UAAT,CAL+B,CAAlC;EAOA,OAAO;IACLD,OAAO,EAAPA,OADK;IAELE,aAAa,EAAbA,aAFK;IAGLC,cAAc,EAAdA;EAHK,CAAP;AAKD,CA1BM"}

package/esm/components/atoms/Button/styled.js

@@ -1,12 +1,12 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled, { css } from '@emotion/native';
 import { borderColorGradationVC, borderColorVC, Button, colorGradationVC, colorVC } from '@tecsinapse/react-core';
 
 var webStyles = function webStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    & * {\n      user-select: none;\n    }\n  "])));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    & * {\n      user-select: none;\n    }\n  "])));
 };
 
 var hoverStyles = function hoverStyles(_ref) {
@@ -20,7 +20,7 @@ var hoverStyles = function hoverStyles(_ref) {
   var variantColorGradation = colorGradationVC[variant];
   var variantBorderColor = borderColorVC[variant];
   var variantBorderColorGradation = borderColorGradationVC[variant];
-  return mouseOver && !disabled && !pressed && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n    "])), theme == null ? void 0 : theme.color[variantColor][variantColorGradation], theme == null ? void 0 : theme.color[variantBorderColor][variantBorderColorGradation]);
+  return mouseOver && !disabled && !pressed && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border-color: ", ";\n    "])), theme === null || theme === void 0 ? void 0 : theme.color[variantColor][variantColorGradation], theme === null || theme === void 0 ? void 0 : theme.color[variantBorderColor][variantBorderColorGradation]);
 };
 
 export var StyledWebButton = styled(Button)(webStyles, hoverStyles);

package/esm/components/atoms/Button/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","borderColorGradationVC","borderColorVC","Button","colorGradationVC","colorVC","webStyles","hoverStyles","mouseOver","pressed","theme","variant","disabled","variantColor","variantColorGradation","variantBorderColor","variantBorderColorGradation","color","StyledWebButton"],"sources":["../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  borderColorGradationVC,\n  borderColorVC,\n  Button,\n  colorGradationVC,\n  colorVC,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { WebButtonProps } from './Button';\n\nconst webStyles = () => {\n  return css`\n    & * {\n      user-select: none;\n    }\n  `;\n};\n\nconst hoverStyles = ({\n  mouseOver,\n  pressed,\n  theme,\n  variant = 'filled',\n  disabled,\n}: { mouseOver: boolean; pressed: boolean } & WebButtonProps &\n  Partial<StyleProps>) => {\n  const variantColor = colorVC[variant];\n  const variantColorGradation = colorGradationVC[variant];\n  const variantBorderColor = borderColorVC[variant];\n  const variantBorderColorGradation = borderColorGradationVC[variant];\n  return (\n    mouseOver &&\n    !disabled &&\n    !pressed &&\n    css`\n      background-color: ${theme?.color[variantColor][variantColorGradation]};\n      border-color: ${theme?.color[variantBorderColor][\n        variantBorderColorGradation\n      ]};\n    `\n  );\n};\n\nexport const StyledWebButton = styled(Button)<\n  { mouseOver: boolean; pressed: boolean } & WebButtonProps &\n    Partial<StyleProps>\n>(webStyles, hoverStyles);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SACEC,sBADF,EAEEC,aAFF,EAGEC,MAHF,EAIEC,gBAJF,EAKEC,OALF,QAOO,wBAPP;;AAUA,IAAMC,SAAS,GAAG,SAAZA,SAAY,GAAM;EACtB,OAAON,GAAP;AAKD,CAND;;AAQA,IAAMO,WAAW,GAAG,SAAdA,WAAc,OAOM;EAAA,IANxBC,SAMwB,QANxBA,SAMwB;EAAA,IALxBC,OAKwB,QALxBA,OAKwB;EAAA,IAJxBC,KAIwB,QAJxBA,KAIwB;EAAA,wBAHxBC,OAGwB;EAAA,IAHxBA,OAGwB,6BAHd,QAGc;EAAA,IAFxBC,QAEwB,QAFxBA,QAEwB;EACxB,IAAMC,YAAY,GAAGR,OAAO,CAACM,OAAD,CAA5B;EACA,IAAMG,qBAAqB,GAAGV,gBAAgB,CAACO,OAAD,CAA9C;EACA,IAAMI,kBAAkB,GAAGb,aAAa,CAACS,OAAD,CAAxC;EACA,IAAMK,2BAA2B,GAAGf,sBAAsB,CAACU,OAAD,CAA1D;EACA,OACEH,SAAS,IACT,CAACI,QADD,IAEA,CAACH,OAFD,IAGAT,GAHA,6IAIsBU,KAJtB,oBAIsBA,KAAK,CAAEO,KAAP,CAAaJ,YAAb,EAA2BC,qBAA3B,CAJtB,EAKkBJ,KALlB,oBAKkBA,KAAK,CAAEO,KAAP,CAAaF,kBAAb,EACdC,2BADc,CALlB,CADF;AAWD,CAvBD;;AAyBA,OAAO,IAAME,eAAe,GAAGnB,MAAM,CAACI,MAAD,CAAN,CAG7BG,SAH6B,EAGlBC,WAHkB,CAAxB"}
+{"version":3,"file":"styled.js","names":["styled","css","borderColorGradationVC","borderColorVC","Button","colorGradationVC","colorVC","webStyles","hoverStyles","mouseOver","pressed","theme","variant","disabled","variantColor","variantColorGradation","variantBorderColor","variantBorderColorGradation","color","StyledWebButton"],"sources":["../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  borderColorGradationVC,\n  borderColorVC,\n  Button,\n  colorGradationVC,\n  colorVC,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { WebButtonProps } from './Button';\n\nconst webStyles = () => {\n  return css`\n    & * {\n      user-select: none;\n    }\n  `;\n};\n\nconst hoverStyles = ({\n  mouseOver,\n  pressed,\n  theme,\n  variant = 'filled',\n  disabled,\n}: { mouseOver: boolean; pressed: boolean } & WebButtonProps &\n  Partial<StyleProps>) => {\n  const variantColor = colorVC[variant];\n  const variantColorGradation = colorGradationVC[variant];\n  const variantBorderColor = borderColorVC[variant];\n  const variantBorderColorGradation = borderColorGradationVC[variant];\n  return (\n    mouseOver &&\n    !disabled &&\n    !pressed &&\n    css`\n      background-color: ${theme?.color[variantColor][variantColorGradation]};\n      border-color: ${theme?.color[variantBorderColor][\n        variantBorderColorGradation\n      ]};\n    `\n  );\n};\n\nexport const StyledWebButton = styled(Button)<\n  { mouseOver: boolean; pressed: boolean } & WebButtonProps &\n    Partial<StyleProps>\n>(webStyles, hoverStyles);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SACEC,sBADF,EAEEC,aAFF,EAGEC,MAHF,EAIEC,gBAJF,EAKEC,OALF,QAOO,wBAPP;;AAUA,IAAMC,SAAS,GAAG,SAAZA,SAAY,GAAM;EACtB,OAAON,GAAP;AAKD,CAND;;AAQA,IAAMO,WAAW,GAAG,SAAdA,WAAc,OAOM;EAAA,IANxBC,SAMwB,QANxBA,SAMwB;EAAA,IALxBC,OAKwB,QALxBA,OAKwB;EAAA,IAJxBC,KAIwB,QAJxBA,KAIwB;EAAA,wBAHxBC,OAGwB;EAAA,IAHxBA,OAGwB,6BAHd,QAGc;EAAA,IAFxBC,QAEwB,QAFxBA,QAEwB;EACxB,IAAMC,YAAY,GAAGR,OAAO,CAACM,OAAD,CAA5B;EACA,IAAMG,qBAAqB,GAAGV,gBAAgB,CAACO,OAAD,CAA9C;EACA,IAAMI,kBAAkB,GAAGb,aAAa,CAACS,OAAD,CAAxC;EACA,IAAMK,2BAA2B,GAAGf,sBAAsB,CAACU,OAAD,CAA1D;EACA,OACEH,SAAS,IACT,CAACI,QADD,IAEA,CAACH,OAFD,IAGAT,GAHA,wIAIsBU,KAJtB,aAIsBA,KAJtB,uBAIsBA,KAAK,CAAEO,KAAP,CAAaJ,YAAb,EAA2BC,qBAA3B,CAJtB,EAKkBJ,KALlB,aAKkBA,KALlB,uBAKkBA,KAAK,CAAEO,KAAP,CAAaF,kBAAb,EACdC,2BADc,CALlB,CADF;AAWD,CAvBD;;AAyBA,OAAO,IAAME,eAAe,GAAGnB,MAAM,CAACI,MAAD,CAAN,CAG7BG,SAH6B,EAGlBC,WAHkB,CAAxB"}

package/esm/components/atoms/Dropdown/index.js

@@ -1,4 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
 import { StyledContainerDropdown } from "./styled";
@@ -17,7 +21,7 @@ var Component = function Component(_ref) {
     timeout: 300
   }, function (state) {
     return React.createElement(StyledContainerDropdown, {
-      style: _extends({}, defaultStyles, transition['bottom'][state]),
+      style: _objectSpread(_objectSpread({}, defaultStyles), transition['bottom'][state]),
       ref: refDropDown
     }, children);
   });

package/esm/components/atoms/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","StyledContainerDropdown","Transition","defaultStyles","transition","useClickAwayListener","Component","visible","setVisible","children","refDropDown","useRef","state","Dropdown"],"sources":["../../../../src/components/atoms/Dropdown/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyledContainerDropdown } from './styled';\nimport { Transition } from 'react-transition-group';\nimport { defaultStyles, transition } from '../../molecules/Select/animations';\nimport { Dispatch, SetStateAction } from 'react';\nimport { useClickAwayListener } from '@tecsinapse/react-web-kit';\n\nexport interface DropdownProps {\n  visible: boolean;\n  setVisible: Dispatch<SetStateAction<boolean>>;\n}\n\nconst Component: React.FC<DropdownProps & { children: JSX.Element }> = ({\n  visible,\n  setVisible,\n  children,\n}): JSX.Element => {\n  const refDropDown = React.useRef(null);\n  useClickAwayListener(refDropDown, setVisible);\n\n  return (\n    <Transition in={visible} timeout={300}>\n      {state => (\n        <StyledContainerDropdown\n          style={{ ...defaultStyles, ...transition['bottom'][state] }}\n          ref={refDropDown}\n        >\n          {children}\n        </StyledContainerDropdown>\n      )}\n    </Transition>\n  );\n};\n\nexport const Dropdown = Component;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,uBAAT;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB;AAEA,SAASC,oBAAT,QAAqC,2BAArC;;AAOA,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,OAIpD;EAAA,IAHjBC,OAGiB,QAHjBA,OAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADjBC,QACiB,QADjBA,QACiB;EACjB,IAAMC,WAAW,GAAGV,KAAK,CAACW,MAAN,CAAa,IAAb,CAApB;EACAN,oBAAoB,CAACK,WAAD,EAAcF,UAAd,CAApB;EAEA,OACE,oBAAC,UAAD;IAAY,MAAID,OAAhB;IAAyB,OAAO,EAAE;EAAlC,GACG,UAAAK,KAAK;IAAA,OACJ,oBAAC,uBAAD;MACE,KAAK,eAAOT,aAAP,EAAyBC,UAAU,CAAC,QAAD,CAAV,CAAqBQ,KAArB,CAAzB,CADP;MAEE,GAAG,EAAEF;IAFP,GAIGD,QAJH,CADI;EAAA,CADR,CADF;AAYD,CApBD;;AAsBA,OAAO,IAAMI,QAAQ,GAAGP,SAAjB"}
+{"version":3,"file":"index.js","names":["React","StyledContainerDropdown","Transition","defaultStyles","transition","useClickAwayListener","Component","visible","setVisible","children","refDropDown","useRef","state","Dropdown"],"sources":["../../../../src/components/atoms/Dropdown/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyledContainerDropdown } from './styled';\nimport { Transition } from 'react-transition-group';\nimport { defaultStyles, transition } from '../../molecules/Select/animations';\nimport { Dispatch, SetStateAction } from 'react';\nimport { useClickAwayListener } from '@tecsinapse/react-web-kit';\n\nexport interface DropdownProps {\n  visible: boolean;\n  setVisible: Dispatch<SetStateAction<boolean>>;\n}\n\nconst Component: React.FC<DropdownProps & { children: JSX.Element }> = ({\n  visible,\n  setVisible,\n  children,\n}): JSX.Element => {\n  const refDropDown = React.useRef(null);\n  useClickAwayListener(refDropDown, setVisible);\n\n  return (\n    <Transition in={visible} timeout={300}>\n      {state => (\n        <StyledContainerDropdown\n          style={{ ...defaultStyles, ...transition['bottom'][state] }}\n          ref={refDropDown}\n        >\n          {children}\n        </StyledContainerDropdown>\n      )}\n    </Transition>\n  );\n};\n\nexport const Dropdown = Component;\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,uBAAT;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB;AAEA,SAASC,oBAAT,QAAqC,2BAArC;;AAOA,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,OAIpD;EAAA,IAHjBC,OAGiB,QAHjBA,OAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADjBC,QACiB,QADjBA,QACiB;EACjB,IAAMC,WAAW,GAAGV,KAAK,CAACW,MAAN,CAAa,IAAb,CAApB;EACAN,oBAAoB,CAACK,WAAD,EAAcF,UAAd,CAApB;EAEA,OACE,oBAAC,UAAD;IAAY,MAAID,OAAhB;IAAyB,OAAO,EAAE;EAAlC,GACG,UAAAK,KAAK;IAAA,OACJ,oBAAC,uBAAD;MACE,KAAK,kCAAOT,aAAP,GAAyBC,UAAU,CAAC,QAAD,CAAV,CAAqBQ,KAArB,CAAzB,CADP;MAEE,GAAG,EAAEF;IAFP,GAIGD,QAJH,CADI;EAAA,CADR,CADF;AAYD,CApBD;;AAsBA,OAAO,IAAMI,QAAQ,GAAGP,SAAjB"}

package/esm/components/atoms/Dropdown/styled.js

@@ -1,10 +1,10 @@
 var _templateObject;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { hex2rgba } from '@tecsinapse/react-core';
-export var StyledContainerDropdown = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: auto;\n  background-color: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 8px\n    ", ";\n  position: absolute;\n  padding-bottom: ", ";\n  margin-top: 8px;\n  z-index: ", ";\n"])), function (_ref) {
+export var StyledContainerDropdown = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: auto;\n  background-color: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 8px\n    ", ";\n  position: absolute;\n  padding-bottom: ", ";\n  margin-top: 8px;\n  z-index: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.miscellaneous.surfaceColor;
 }, function (_ref2) {

package/esm/components/atoms/Dropdown/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledContainerDropdown","theme","miscellaneous","surfaceColor","borderRadius","mili","shadow","spacing","zIndex","select"],"sources":["../../../../src/components/atoms/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerDropdown = styled('div')<Partial<StyleProps>>`\n  width: auto;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  margin-top: 8px;\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,MAAM,CAAC,KAAD,CAAT,0QAEd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAClBA,KAAK,CAACC,aAAN,CAAoBC,YADF;AAAA,CAFc,EAIjB;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACG,YAAN,CAAmBC,IAA9C;AAAA,CAJiB,EAM9B;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BF,QAAQ,CAACE,KAAK,CAACC,aAAN,CAAoBI,MAArB,EAA6B,IAA7B,CAAnC;AAAA,CAN8B,EAQhB;EAAA,IAAGL,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACM,OAAN,CAAcF,IAAzC;AAAA,CARgB,EAUvB;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACO,MAAN,CAAaC,MAAxC;AAAA,CAVuB,CAA7B"}
+{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledContainerDropdown","theme","miscellaneous","surfaceColor","borderRadius","mili","shadow","spacing","zIndex","select"],"sources":["../../../../src/components/atoms/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerDropdown = styled('div')<Partial<StyleProps>>`\n  width: auto;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  margin-top: 8px;\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,MAAM,CAAC,KAAD,CAAT,qQAEd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAClBA,KAAK,CAACC,aAAN,CAAoBC,YADF;AAAA,CAFc,EAIjB;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACG,YAAN,CAAmBC,IAA9C;AAAA,CAJiB,EAM9B;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BF,QAAQ,CAACE,KAAK,CAACC,aAAN,CAAoBI,MAArB,EAA6B,IAA7B,CAAnC;AAAA,CAN8B,EAQhB;EAAA,IAAGL,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACM,OAAN,CAAcF,IAAzC;AAAA,CARgB,EAUvB;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACO,MAAN,CAAaC,MAAxC;AAAA,CAVuB,CAA7B"}