@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","TableStyled","theme","spacing","kilo","mili"],"sources":["../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n  width: 100%;\n  min-width: 200px;\n  border-spacing: ${({ theme }) =>\n    `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,WAAW,GAAGD,MAAM,CAAC,OAAD,CAAT,sIAGJ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,iBACbA,KAAK,CAACC,OAAN,CAAcC,IADD,cACSF,KAAK,CAACC,OAAN,CAAcE,IADvB;AAAA,CAHI,CAAjB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n  width: 100%;\n  min-width: 200px;\n  border-spacing: ${({ theme }) =>\n    `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,WAAA,GAAc,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA;AAAA,kBAGrB,EAAA,CAAC,EAAE,KAAM,EAAA,KACzB,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/esm/components/atoms/Tag/Tag.js

@@ -1,39 +1,58 @@
-var _excluded = ["value", "textProps"];
-
-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';
-import { Text, Tag as TagCore } from '@tecsinapse/react-core';
-
-var Tag = function Tag(_ref) {
-  var value = _ref.value,
-      textProps = _ref.textProps,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _ref2 = textProps || {},
-      _ref2$colorVariant = _ref2.colorVariant,
-      colorVariant = _ref2$colorVariant === void 0 ? 'secondary' : _ref2$colorVariant,
-      _ref2$colorTone = _ref2.colorTone,
-      colorTone = _ref2$colorTone === void 0 ? 'dark' : _ref2$colorTone,
-      _ref2$fontStack = _ref2.fontStack,
-      fontStack = _ref2$fontStack === void 0 ? 'default' : _ref2$fontStack,
-      _ref2$fontWeight = _ref2.fontWeight,
-      fontWeight = _ref2$fontWeight === void 0 ? 'bold' : _ref2$fontWeight;
-
-  return React.createElement(TagCore, _extends({
-    value: React.createElement(Text, {
-      colorVariant: colorVariant,
-      colorTone: colorTone,
-      fontStack: fontStack,
-      fontWeight: fontWeight,
-      typography: rest.variant === 'small' ? 'sub' : 'base'
+import { Tag as Tag$1, Text } from '@tecsinapse/react-core';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Tag = (_a) => {
+  var _b = _a, {
+    value,
+    textProps
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "textProps"
+  ]);
+  const {
+    colorVariant = "secondary",
+    colorTone = "dark",
+    fontStack = "default",
+    fontWeight = "bold"
+  } = textProps || {};
+  return /* @__PURE__ */ React.createElement(Tag$1, __spreadValues({
+    value: /* @__PURE__ */ React.createElement(Text, {
+      colorVariant,
+      colorTone,
+      fontStack,
+      fontWeight,
+      typography: rest.variant === "small" ? "sub" : "base"
     }, value)
   }, rest));
 };
 
-export default Tag;
-//# sourceMappingURL=Tag.js.map
+export { Tag as default };
+//# sourceMappingURL=Tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","Text","Tag","TagCore","value","textProps","rest","colorVariant","colorTone","fontStack","fontWeight","variant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Text,\n  Tag as TagCore,\n  TagProps as TagCoreProps,\n  TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n  value: string;\n  textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  textProps,\n  ...rest\n}): JSX.Element => {\n  const {\n    colorVariant = 'secondary',\n    colorTone = 'dark',\n    fontStack = 'default',\n    fontWeight = 'bold',\n  } = textProps || {};\n  return (\n    <TagCore\n      value={\n        <Text\n          colorVariant={colorVariant}\n          colorTone={colorTone}\n          fontStack={fontStack}\n          fontWeight={fontWeight}\n          typography={rest.variant === 'small' ? 'sub' : 'base'}\n        >\n          {value}\n        </Text>\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,GAAG,IAAIC,OAFT,QAKO,wBALP;;AAYA,IAAMD,GAAuB,GAAG,SAA1BA,GAA0B,OAIb;EAAA,IAHjBE,KAGiB,QAHjBA,KAGiB;EAAA,IAFjBC,SAEiB,QAFjBA,SAEiB;EAAA,IADdC,IACc;;EACjB,YAKID,SAAS,IAAI,EALjB;EAAA,+BACEE,YADF;EAAA,IACEA,YADF,mCACiB,WADjB;EAAA,4BAEEC,SAFF;EAAA,IAEEA,SAFF,gCAEc,MAFd;EAAA,4BAGEC,SAHF;EAAA,IAGEA,SAHF,gCAGc,SAHd;EAAA,6BAIEC,UAJF;EAAA,IAIEA,UAJF,iCAIe,MAJf;;EAMA,OACE,oBAAC,OAAD;IACE,KAAK,EACH,oBAAC,IAAD;MACE,YAAY,EAAEH,YADhB;MAEE,SAAS,EAAEC,SAFb;MAGE,SAAS,EAAEC,SAHb;MAIE,UAAU,EAAEC,UAJd;MAKE,UAAU,EAAEJ,IAAI,CAACK,OAAL,KAAiB,OAAjB,GAA2B,KAA3B,GAAmC;IALjD,GAOGP,KAPH;EAFJ,GAYME,IAZN,EADF;AAgBD,CA3BD;;AA6BA,eAAeJ,GAAf"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Text,\n  Tag as TagCore,\n  TagProps as TagCoreProps,\n  TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n  value: string;\n  textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  textProps,\n  ...rest\n}): JSX.Element => {\n  const {\n    colorVariant = 'secondary',\n    colorTone = 'dark',\n    fontStack = 'default',\n    fontWeight = 'bold',\n  } = textProps || {};\n  return (\n    <TagCore\n      value={\n        <Text\n          colorVariant={colorVariant}\n          colorTone={colorTone}\n          fontStack={fontStack}\n          fontWeight={fontWeight}\n          typography={rest.variant === 'small' ? 'sub' : 'base'}\n        >\n          {value}\n        </Text>\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default Tag;\n"],"names":["TagCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,GAAA,GAA0B,CAAC,EAId,KAAA;AAJc,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,SAAA;AAAA,GAfF,GAaiC,EAG5B,EAAA,IAAA,GAAA,SAAA,CAH4B,EAG5B,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,KAAA,EAAA,cAAA,CAAA;AAAA,IACC,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,GAAA,EAEE,IACN,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/atoms/Tooltip/Tooltip.js

@@ -1,48 +1,30 @@
-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 React from 'react';
 import { Text } from '@tecsinapse/react-core';
-import { Container, TooltipSpan } from "./styled";
-
-var Tooltip = function Tooltip(_ref) {
-  var children = _ref.children,
-      title = _ref.title,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? 'bottom' : _ref$position;
-  var spanRef = React.useRef();
-
-  var _React$useState = React.useState(undefined),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      computed = _React$useState2[0],
-      setComputed = _React$useState2[1];
-
-  React.useLayoutEffect(function () {
-    var _spanRef$current, _spanRef$current2;
-
+import { Container, TooltipSpan } from './styled.js';
+
+const Tooltip = ({
+  children,
+  title,
+  position = "bottom"
+}) => {
+  const spanRef = React.useRef();
+  const [computed, setComputed] = React.useState(
+    void 0
+  );
+  React.useLayoutEffect(() => {
+    var _a, _b;
     setComputed({
-      width: (_spanRef$current = spanRef.current) === null || _spanRef$current === void 0 ? void 0 : _spanRef$current.clientWidth,
-      height: (_spanRef$current2 = spanRef.current) === null || _spanRef$current2 === void 0 ? void 0 : _spanRef$current2.clientHeight
+      width: (_a = spanRef.current) == null ? void 0 : _a.clientWidth,
+      height: (_b = spanRef.current) == null ? void 0 : _b.clientHeight
     });
   }, []);
-  return React.createElement(Container, {
-    position: position
-  }, children, React.createElement(TooltipSpan, {
-    computed: computed,
-    position: position,
-    ref: function ref(_ref2) {
-      return spanRef.current = _ref2;
-    }
-  }, React.createElement(Text, {
+  return /* @__PURE__ */ React.createElement(Container, {
+    position
+  }, children, /* @__PURE__ */ React.createElement(TooltipSpan, {
+    computed,
+    position,
+    ref: (ref) => spanRef.current = ref
+  }, /* @__PURE__ */ React.createElement(Text, {
     fontWeight: "bold",
     typography: "base",
     colorVariant: "secondary",
@@ -50,5 +32,5 @@ var Tooltip = function Tooltip(_ref) {
   }, title)));
 };
 
-export default Tooltip;
-//# sourceMappingURL=Tooltip.js.map
+export { Tooltip as default };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","Text","Container","TooltipSpan","Tooltip","children","title","position","spanRef","useRef","useState","undefined","computed","setComputed","useLayoutEffect","width","current","clientWidth","height","clientHeight","ref"],"sources":["../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n  title: string;\n  position?: Position;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n  children,\n  title,\n  position = 'bottom',\n}) => {\n  const spanRef = React.useRef<HTMLSpanElement | null>();\n  const [computed, setComputed] = React.useState<ComputedType | undefined>(\n    undefined\n  );\n\n  React.useLayoutEffect(() => {\n    setComputed({\n      width: spanRef.current?.clientWidth,\n      height: spanRef.current?.clientHeight,\n    });\n  }, []);\n\n  return (\n    <Container position={position}>\n      {children}\n      <TooltipSpan\n        computed={computed}\n        position={position}\n        ref={ref => (spanRef.current = ref)}\n      >\n        <Text\n          fontWeight=\"bold\"\n          typography=\"base\"\n          colorVariant=\"secondary\"\n          colorTone=\"xlight\"\n        >\n          {title}\n        </Text>\n      </TooltipSpan>\n    </Container>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,SAAT,EAAoBC,WAApB;;AAWA,IAAMC,OAA2B,GAAG,SAA9BA,OAA8B,OAI9B;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,yBADJC,QACI;EAAA,IADJA,QACI,8BADO,QACP;EACJ,IAAMC,OAAO,GAAGR,KAAK,CAACS,MAAN,EAAhB;;EACA,sBAAgCT,KAAK,CAACU,QAAN,CAC9BC,SAD8B,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAIAb,KAAK,CAACc,eAAN,CAAsB,YAAM;IAAA;;IAC1BD,WAAW,CAAC;MACVE,KAAK,sBAAEP,OAAO,CAACQ,OAAV,qDAAE,iBAAiBC,WADd;MAEVC,MAAM,uBAAEV,OAAO,CAACQ,OAAV,sDAAE,kBAAiBG;IAFf,CAAD,CAAX;EAID,CALD,EAKG,EALH;EAOA,OACE,oBAAC,SAAD;IAAW,QAAQ,EAAEZ;EAArB,GACGF,QADH,EAEE,oBAAC,WAAD;IACE,QAAQ,EAAEO,QADZ;IAEE,QAAQ,EAAEL,QAFZ;IAGE,GAAG,EAAE,aAAAa,KAAG;MAAA,OAAKZ,OAAO,CAACQ,OAAR,GAAkBI,KAAvB;IAAA;EAHV,GAKE,oBAAC,IAAD;IACE,UAAU,EAAC,MADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGd,KANH,CALF,CAFF,CADF;AAmBD,CApCD;;AAsCA,eAAeF,OAAf"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n  title: string;\n  position?: Position;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n  children,\n  title,\n  position = 'bottom',\n}) => {\n  const spanRef = React.useRef<HTMLSpanElement | null>();\n  const [computed, setComputed] = React.useState<ComputedType | undefined>(\n    undefined\n  );\n\n  React.useLayoutEffect(() => {\n    setComputed({\n      width: spanRef.current?.clientWidth,\n      height: spanRef.current?.clientHeight,\n    });\n  }, []);\n\n  return (\n    <Container position={position}>\n      {children}\n      <TooltipSpan\n        computed={computed}\n        position={position}\n        ref={ref => (spanRef.current = ref)}\n      >\n        <Text\n          fontWeight=\"bold\"\n          typography=\"base\"\n          colorVariant=\"secondary\"\n          colorTone=\"xlight\"\n        >\n          {title}\n        </Text>\n      </TooltipSpan>\n    </Container>\n  );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;AAaA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAvB9B,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAwBI,IAAY,WAAA,CAAA;AAAA,MACV,KAAA,EAAA,CAAO,EAAQ,GAAA,OAAA,CAAA,OAAA,KAAR,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA;AAAA,MACxB,MAAA,EAAA,CAAQ,EAAQ,GAAA,OAAA,CAAA,OAAA,KAAR,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,QAAA;AAAA,GAAA,EACR,0BACA,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACC,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA,EAAK,CAAQ,GAAA,KAAA,OAAA,CAAQ,OAAU,GAAA,GAAA;AAAA,GAAA,kBAE9B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,UAAW,EAAA,MAAA;AAAA,IACX,UAAW,EAAA,MAAA;AAAA,IACX,YAAa,EAAA,WAAA;AAAA,IACb,SAAU,EAAA,QAAA;AAAA,GAET,EAAA,KACH,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,73 +1,112 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 
-var bottomOrTopStylesCommon = function bottomOrTopStylesCommon(width, position) {
-  return ['top', 'bottom'].includes(position) && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    left: 50%;\n    margin-left: -", "px;\n  "])), width / 2);
-};
-
-var bottomOrTopArrowCommon = function bottomOrTopArrowCommon(position) {
-  return ['top', 'bottom'].includes(position) && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    left: 50%;\n    margin-left: -5px;\n  "])));
-};
-
-var topStyles = function topStyles(theme, position) {
-  return position === 'top' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    bottom: 100%;\n    margin-bottom: ", ";\n    transform: translateY(10%);\n  "])), theme.spacing.centi);
-};
-
-var topArrow = function topArrow(theme, position) {
-  return position === 'top' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    top: 100%;\n    border-color: ", " transparent transparent\n      transparent;\n  "])), theme.color.secondary.xdark);
-};
-
-var bottomStyles = function bottomStyles(theme, position) {
-  return position === 'bottom' && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    top: 100%;\n    margin-top: ", ";\n    transform: translateY(-10%);\n  "])), theme.spacing.centi);
-};
-
-var bottomArrow = function bottomArrow(theme, position) {
-  return position === 'bottom' && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    bottom: 100%;\n    border-color: transparent transparent ", "\n      transparent;\n  "])), theme.color.secondary.xdark);
-};
-
-var leftAndRightCommonStyles = function leftAndRightCommonStyles(height, position) {
-  return ['right', 'left'].includes(position) && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    top: 50%;\n    margin-top: -", "px;\n  "])), height / 2);
-};
-
-var leftOrRightArrowCommon = function leftOrRightArrowCommon(position) {
-  return ['right', 'left'].includes(position) && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    top: 50%;\n    margin-top: -5px;\n  "])));
-};
-
-var leftStyles = function leftStyles(theme, position) {
-  return position === 'left' && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    right: 100%;\n    margin-right: ", ";\n    transform: translateX(10%);\n  "])), theme.spacing.centi);
-};
-
-var leftArrow = function leftArrow(theme, position) {
-  return position === 'left' && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    left: 100%;\n    border-color: transparent transparent transparent\n      ", ";\n  "])), theme.color.secondary.xdark);
-};
-
-var rightStyles = function rightStyles(theme, position) {
-  return position === 'right' && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    left: 100%;\n    margin-left: ", ";\n    transform: translateX(-10%);\n  "])), theme.spacing.centi);
-};
-
-var rightArrow = function rightArrow(theme, position) {
-  return position === 'right' && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    right: 100%;\n    border-color: transparent ", " transparent\n      transparent;\n  "])), theme.color.secondary.xdark);
-};
-
-export var TooltipSpan = styled('span')(function (_ref) {
-  var theme = _ref.theme,
-      computed = _ref.computed,
-      position = _ref.position;
-
-  var _ref2 = computed || {},
-      _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? 0 : _ref2$width,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? 0 : _ref2$height;
-
-  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      position: absolute;\n      width: max-content;\n      padding: ", " ", ";\n      border-radius: ", ";\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ", ";\n      z-index: ", ";\n\n      ", "\n      ", "\n      ", "\n      \n      ", "\n      ", "\n      ", "\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ", "\n        ", "\n        ", "\n        \n        ", "\n        ", "\n        ", "\n      }\n    "])), theme.spacing.micro, theme.spacing.centi, theme.borderRadius.mili, theme.color.secondary.xdark, theme.zIndex.absolute, bottomOrTopStylesCommon(width, position), bottomStyles(theme, position), topStyles(theme, position), leftAndRightCommonStyles(height, position), leftStyles(theme, position), rightStyles(theme, position), bottomOrTopArrowCommon(position), bottomArrow(theme, position), topArrow(theme, position), leftOrRightArrowCommon(position), leftArrow(theme, position), rightArrow(theme, position));
-});
-export var Container = styled('div')(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ", ";\n    }\n  }\n"])), function (_ref3) {
-  var position = _ref3.position;
-  return position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)';
-});
-//# sourceMappingURL=styled.js.map
+const bottomOrTopStylesCommon = (width, position) => ["top", "bottom"].includes(position) && css`
+    left: 50%;
+    margin-left: -${width / 2}px;
+  `;
+const bottomOrTopArrowCommon = (position) => ["top", "bottom"].includes(position) && css`
+    left: 50%;
+    margin-left: -5px;
+  `;
+const topStyles = (theme, position) => position === "top" && css`
+    bottom: 100%;
+    margin-bottom: ${theme.spacing.centi};
+    transform: translateY(10%);
+  `;
+const topArrow = (theme, position) => position === "top" && css`
+    top: 100%;
+    border-color: ${theme.color.secondary.xdark} transparent transparent
+      transparent;
+  `;
+const bottomStyles = (theme, position) => position === "bottom" && css`
+    top: 100%;
+    margin-top: ${theme.spacing.centi};
+    transform: translateY(-10%);
+  `;
+const bottomArrow = (theme, position) => position === "bottom" && css`
+    bottom: 100%;
+    border-color: transparent transparent ${theme.color.secondary.xdark}
+      transparent;
+  `;
+const leftAndRightCommonStyles = (height, position) => ["right", "left"].includes(position) && css`
+    top: 50%;
+    margin-top: -${height / 2}px;
+  `;
+const leftOrRightArrowCommon = (position) => ["right", "left"].includes(position) && css`
+    top: 50%;
+    margin-top: -5px;
+  `;
+const leftStyles = (theme, position) => position === "left" && css`
+    right: 100%;
+    margin-right: ${theme.spacing.centi};
+    transform: translateX(10%);
+  `;
+const leftArrow = (theme, position) => position === "left" && css`
+    left: 100%;
+    border-color: transparent transparent transparent
+      ${theme.color.secondary.xdark};
+  `;
+const rightStyles = (theme, position) => position === "right" && css`
+    left: 100%;
+    margin-left: ${theme.spacing.centi};
+    transform: translateX(-10%);
+  `;
+const rightArrow = (theme, position) => position === "right" && css`
+    right: 100%;
+    border-color: transparent ${theme.color.secondary.xdark} transparent
+      transparent;
+  `;
+const TooltipSpan = styled("span")(
+  ({ theme, computed, position }) => {
+    const { width = 0, height = 0 } = computed || {};
+    return css`
+      position: absolute;
+      width: max-content;
+      padding: ${theme.spacing.micro} ${theme.spacing.centi};
+      border-radius: ${theme.borderRadius.mili};
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
+      background-color: ${theme.color.secondary.xdark};
+      z-index: ${theme.zIndex.absolute};
+
+      ${bottomOrTopStylesCommon(width, position)}
+      ${bottomStyles(theme, position)}
+      ${topStyles(theme, position)}
+      
+      ${leftAndRightCommonStyles(height, position)}
+      ${leftStyles(theme, position)}
+      ${rightStyles(theme, position)}
+
+      &::after {
+        content: '';
+        position: absolute;
+        border-style: solid;
+        border-width: 5px;
+
+        ${bottomOrTopArrowCommon(position)}
+        ${bottomArrow(theme, position)}
+        ${topArrow(theme, position)}
+        
+        ${leftOrRightArrowCommon(position)}
+        ${leftArrow(theme, position)}
+        ${rightArrow(theme, position)}
+      }
+    `;
+  }
+);
+const Container = styled("div")`
+  position: relative;
+  &:hover {
+    & > span {
+      opacity: 1;
+      visibility: visible;
+      display: flex;
+      transform: ${({ position }) => position === "left" || position === "right" ? "translateX(0%)" : "translateY(0%)"};
+    }
+  }
+`;
+
+export { Container, TooltipSpan };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["css","styled","bottomOrTopStylesCommon","width","position","includes","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"mappings":";;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AAEA,OAAOC,MAAP,MAAmB,iBAAnB;;AAMA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAgBC,QAAhB;EAAA,OAC9B,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,qHAGkBG,KAAK,GAAG,CAH1B,CAD8B;AAAA,CAAhC;;AAOA,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,QAAD;EAAA,OAC7B,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,mHAD6B;AAAA,CAA/B;;AAQA,IAAMO,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAmBJ,QAAnB;EAAA,OAChBA,QAAQ,KAAK,KAAb,IACAJ,GADA,0JAGmBQ,KAAK,CAACC,OAAN,CAAcC,KAHjC,CADgB;AAAA,CAAlB;;AAQA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACH,KAAD,EAAmBJ,QAAnB;EAAA,OACfA,QAAQ,KAAK,KAAb,IACAJ,GADA,gKAGkBQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAHxC,CADe;AAAA,CAAjB;;AASA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAAmBJ,QAAnB;EAAA,OACnBA,QAAQ,KAAK,QAAb,IACAJ,GADA,qJAGgBQ,KAAK,CAACC,OAAN,CAAcC,KAH9B,CADmB;AAAA,CAArB;;AAQA,IAAMM,WAAW,GAAG,SAAdA,WAAc,CAACR,KAAD,EAAmBJ,QAAnB;EAAA,OAClBA,QAAQ,KAAK,QAAb,IACAJ,GADA,mKAG0CQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAHhE,CADkB;AAAA,CAApB;;AASA,IAAMG,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,MAAD,EAAiBd,QAAjB;EAAA,OAC/B,CAAC,OAAD,EAAU,MAAV,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,qHAGiBkB,MAAM,GAAG,CAH1B,CAD+B;AAAA,CAAjC;;AAOA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACf,QAAD;EAAA,OAC7B,CAAC,OAAD,EAAU,MAAV,EAAkBC,QAAlB,CAA2BD,QAA3B,KACAJ,GADA,iHAD6B;AAAA,CAA/B;;AAQA,IAAMoB,UAAU,GAAG,SAAbA,UAAa,CAACZ,KAAD,EAAmBJ,QAAnB;EAAA,OACjBA,QAAQ,KAAK,MAAb,IACAJ,GADA,wJAGkBQ,KAAK,CAACC,OAAN,CAAcC,KAHhC,CADiB;AAAA,CAAnB;;AAQA,IAAMW,SAAS,GAAG,SAAZA,SAAY,CAACb,KAAD,EAAmBJ,QAAnB;EAAA,OAChBA,QAAQ,KAAK,MAAb,IACAJ,GADA,mKAIMQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAJ5B,CADgB;AAAA,CAAlB;;AASA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACd,KAAD,EAAmBJ,QAAnB;EAAA,OAClBA,QAAQ,KAAK,OAAb,IACAJ,GADA,yJAGiBQ,KAAK,CAACC,OAAN,CAAcC,KAH/B,CADkB;AAAA,CAApB;;AAQA,IAAMa,UAAU,GAAG,SAAbA,UAAa,CAACf,KAAD,EAAmBJ,QAAnB;EAAA,OACjBA,QAAQ,KAAK,OAAb,IACAJ,GADA,oKAG8BQ,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAHpD,CADiB;AAAA,CAAnB;;AAQA,OAAO,IAAMU,WAAW,GAAGvB,MAAM,CAAC,MAAD,CAAN,CACzB,gBAAmC;EAAA,IAAhCO,KAAgC,QAAhCA,KAAgC;EAAA,IAAzBiB,QAAyB,QAAzBA,QAAyB;EAAA,IAAfrB,QAAe,QAAfA,QAAe;;EACjC,YAAkCqB,QAAQ,IAAI,EAA9C;EAAA,wBAAQtB,KAAR;EAAA,IAAQA,KAAR,4BAAgB,CAAhB;EAAA,yBAAmBe,MAAnB;EAAA,IAAmBA,MAAnB,6BAA4B,CAA5B;;EACA,OAAOlB,GAAP,8pBAGaQ,KAAK,CAACC,OAAN,CAAciB,KAH3B,EAGoClB,KAAK,CAACC,OAAN,CAAcC,KAHlD,EAImBF,KAAK,CAACmB,YAAN,CAAmBC,IAJtC,EAQsBpB,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAR5C,EASaN,KAAK,CAACqB,MAAN,CAAaC,QAT1B,EAWI5B,uBAAuB,CAACC,KAAD,EAAQC,QAAR,CAX3B,EAYIW,YAAY,CAACP,KAAD,EAAQJ,QAAR,CAZhB,EAaIG,SAAS,CAACC,KAAD,EAAQJ,QAAR,CAbb,EAeIa,wBAAwB,CAACC,MAAD,EAASd,QAAT,CAf5B,EAgBIgB,UAAU,CAACZ,KAAD,EAAQJ,QAAR,CAhBd,EAiBIkB,WAAW,CAACd,KAAD,EAAQJ,QAAR,CAjBf,EAyBME,sBAAsB,CAACF,QAAD,CAzB5B,EA0BMY,WAAW,CAACR,KAAD,EAAQJ,QAAR,CA1BjB,EA2BMO,QAAQ,CAACH,KAAD,EAAQJ,QAAR,CA3Bd,EA6BMe,sBAAsB,CAACf,QAAD,CA7B5B,EA8BMiB,SAAS,CAACb,KAAD,EAAQJ,QAAR,CA9Bf,EA+BMmB,UAAU,CAACf,KAAD,EAAQJ,QAAR,CA/BhB;AAkCD,CArCwB,CAApB;AAwCP,OAAO,IAAM2B,SAAS,GAAG9B,MAAM,CAAC,KAAD,CAAT,yOAOH;EAAA,IAAGG,QAAH,SAAGA,QAAH;EAAA,OACXA,QAAQ,KAAK,MAAb,IAAuBA,QAAQ,KAAK,OAApC,GACI,gBADJ,GAEI,gBAHO;AAAA,CAPG,CAAf"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"names":[],"mappings":"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"}

package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -1,23 +1,39 @@
-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); }
-
 import React from 'react';
-import { Icon, Text } from '@tecsinapse/react-core';
-import { StyledContainerItem, StyledContainerIcon } from "./styled";
+import { Text, Icon } from '@tecsinapse/react-core';
+import { StyledContainerItem, StyledContainerIcon } from './styled.js';
 
-var BreadcrumbItem = function BreadcrumbItem(_ref) {
-  var props = _ref.props,
-      Component = _ref.Component,
-      isLast = _ref.isLast,
-      title = _ref.title;
-  var noTextDecoration = {
-    textDecoration: 'none'
-  };
-  return React.createElement(StyledContainerItem, null, React.createElement(Component, _extends({}, props, {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const BreadcrumbItem = ({
+  props,
+  Component,
+  isLast,
+  title
+}) => {
+  const noTextDecoration = { textDecoration: "none" };
+  return /* @__PURE__ */ React.createElement(StyledContainerItem, null, /* @__PURE__ */ React.createElement(Component, __spreadProps(__spreadValues({}, props), {
     style: noTextDecoration
-  }), React.createElement(Text, {
+  }), /* @__PURE__ */ React.createElement(Text, {
     colorVariant: "secondary",
-    colorTone: isLast ? 'medium' : 'xdark'
-  }, title)), !isLast && React.createElement(StyledContainerIcon, null, React.createElement(Icon, {
+    colorTone: isLast ? "medium" : "xdark"
+  }, title)), !isLast && /* @__PURE__ */ React.createElement(StyledContainerIcon, null, /* @__PURE__ */ React.createElement(Icon, {
     name: "chevron-double-right",
     type: "material-community",
     size: "centi",
@@ -25,5 +41,5 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
   })));
 };
 
-export default BreadcrumbItem;
-//# sourceMappingURL=BreadcrumbItem.js.map
+export { BreadcrumbItem as default };
+//# sourceMappingURL=BreadcrumbItem.js.map

package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["React","Icon","Text","StyledContainerItem","StyledContainerIcon","BreadcrumbItem","props","Component","isLast","title","noTextDecoration","textDecoration"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAuC,OAAvC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,mBAAT,EAA8BC,mBAA9B;;AASA,IAAMC,cAAuC,GAAG,SAA1CA,cAA0C,OAK1C;EAAA,IAJJC,KAII,QAJJA,KAII;EAAA,IAHJC,SAGI,QAHJA,SAGI;EAAA,IAFJC,MAEI,QAFJA,MAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EACA,OACE,oBAAC,mBAAD,QACE,oBAAC,SAAD,eAAeL,KAAf;IAAsB,KAAK,EAAEI;EAA7B,IACE,oBAAC,IAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAEF,MAAM,GAAG,QAAH,GAAc;EAA9D,GACGC,KADH,CADF,CADF,EAMG,CAACD,MAAD,IACC,oBAAC,mBAAD,QACE,oBAAC,IAAD;IACE,IAAI,EAAC,sBADP;IAEE,IAAI,EAAC,oBAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAPJ,CADF;AAmBD,CA1BD;;AA4BA,eAAeH,cAAf"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAClD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,GAAA,CAAA,kBAC1B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAA,EAAW,SAAS,QAAW,GAAA,OAAA;AAAA,GAAA,EAC3D,KACH,CACF,CAAA,EACC,CAAC,MACA,oBAAA,KAAA,CAAA,aAAA,CAAC,2CACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,sBAAA;AAAA,IACL,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js

@@ -1,14 +1,19 @@
-var _templateObject, _templateObject2;
+import styled from '@emotion/styled';
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledContainerItem = styled("div")`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  margin-right: ${({ theme }) => theme.spacing.mili};
+`;
+const StyledContainerIcon = styled("div")`
+  margin-left: ${({ theme }) => theme.spacing.mili};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+`;
 
-import styled from '@emotion/styled';
-export var StyledContainerItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacing.mili;
-});
-export var StyledContainerIcon = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.spacing.mili;
-});
-//# sourceMappingURL=styled.js.map
+export { StyledContainerIcon, StyledContainerItem };
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","theme","spacing","mili","StyledContainerIcon"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,6LAKd;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CALc,CAAzB;AAQP,OAAO,IAAMC,mBAAmB,GAAGL,MAAM,CAAC,KAAD,CAAT,6LACf;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADe,CAAzB"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAK7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}