@tecsinapse/react-web-kit 1.21.1 → 1.22.0-beta.11

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,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"}
+{"version":3,"file":"animations.js","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"],"names":[],"mappings":";;AAEO,MAAM,YAAe,GAAA,CAC1B,IACA,EAAA,UAAA,EACA,OACA,KACI,MAAA;AAAA,EACJ,UAAY,EAAA,CAAA,eAAA,EAAkB,UAAa,GAAA,CAAA,CAAA,uBAAA,EACzC,UAAa,GAAA,CAAA,CAAA,cAAA,CAAA;AAAA,EAEf,eAAe,IAAO,GAAA,wBAAA,CAAyB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAI,GAAA,CAAA;AAAA,EACrE,MAAA,EAAQ,OAAO,KAAQ,GAAA,CAAA;AACzB,CAAA,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAAe,KAAqB,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,wBAAA,CAAyB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACjE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,MAAQ,EAAA,EAAE,aAAe,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,GACxC,CAAA;AACF,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,UAAA,EAAoB,KAAsB,MAAA;AAAA,EACnE,UAAA,EAAY,SAAS,UAAa,GAAA,CAAA,CAAA,cAAA,CAAA;AAAA,EAClC,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA;AAC1B,CAAA,EAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAsB,MAAA;AAAA,EACpD,QAAU,EAAA;AAAA,IACR,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,QAAQ,EAAE,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,MAAM,IAAK,EAAA;AACzC,CAAA;;;;"}

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

@@ -1,25 +1,32 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 IconContainer = styled("div")`
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  border: ${({ theme }) => `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+`;
+const TitleContainer = styled("div")`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  justify-content: space-between;
+  cursor: pointer;
+  padding: ${({ theme }) => theme.spacing.kilo} 0;
+`;
+const AccordionContainer = styled("div")`
+  display: flex;
+  flex-direction: column;
+  border-bottom: ${({ theme }) => `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+`;
+const ContentContainer = styled("div")`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`;
 
-import styled from '@emotion/styled';
-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 "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.secondary.light);
-});
-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 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-bottom: ", ";\n  background-color: ", ";\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  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 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n"])));
-//# sourceMappingURL=styled.js.map
+export { AccordionContainer, ContentContainer, IconContainer, TitleContainer };
+//# 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,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"}
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;AAGa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACtB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,UACzC,EAAA,CAAC,EAAE,KAAA,EACX,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhD,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAM7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,kBAAA,GAAqB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,iBAG3B,EAAA,CAAC,EAAE,KAAA,EAClB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,oBAAA,EACvC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAG5C,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,29 +1,55 @@
-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';
+import { Badge as Badge$1, Text } from '@tecsinapse/react-core';
 import React from 'react';
 
-var Badge = function Badge(_ref) {
-  var children = _ref.children,
-      _ref$fontColor = _ref.fontColor,
-      fontColor = _ref$fontColor === void 0 ? 'light' : _ref$fontColor,
-      value = _ref.value,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return React.createElement(BadgeCore, _extends({}, props, {
-    value: React.createElement(Text, {
-      fontColor: fontColor,
-      fontWeight: 'bold',
-      typography: 'label'
+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));
+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 Badge = (_a) => {
+  var _b = _a, {
+    children,
+    fontColor = "light",
+    value
+  } = _b, props = __objRest(_b, [
+    "children",
+    "fontColor",
+    "value"
+  ]);
+  return /* @__PURE__ */ React.createElement(Badge$1, __spreadProps(__spreadValues({}, props), {
+    value: /* @__PURE__ */ React.createElement(Text, {
+      fontColor,
+      fontWeight: "bold",
+      typography: "label"
     }, value)
   }), children);
 };
 
-export default Badge;
-//# sourceMappingURL=Badge.js.map
+export { Badge as default };
+//# sourceMappingURL=Badge.js.map

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","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"],"names":["BadgeCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,KAAA,GAA2B,CAAC,EAK5B,KAAA;AAL4B,EAChC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,OAAA;AAAA,IACZ,KAAA;AAAA,GAhBF,GAakC,EAI7B,EAAA,KAAA,GAAA,SAAA,CAJ6B,EAI7B,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,0CACK,KADL,CAAA,EAAA;AAAA,IAEC,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,CAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,53 +1,85 @@
-var _excluded = ["children", "disabled", "frozen", "state", "variant", "onMouseOut", "onMouseOver", "onPressIn", "onPressOut"];
-
-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 { useMouseHover } from "./hooks/useMouseHover";
-import { useMousePressed } from "./hooks/useMousePressed";
-import { StyledWebButton } from "./styled";
-
-var Button = function Button(_ref) {
-  var children = _ref.children,
-      disabled = _ref.disabled,
-      frozen = _ref.frozen,
-      state = _ref.state,
-      variant = _ref.variant,
-      onMouseOut = _ref.onMouseOut,
-      onMouseOver = _ref.onMouseOver,
-      onPressIn = _ref.onPressIn,
-      onPressOut = _ref.onPressOut,
-      rest = _objectWithoutProperties(_ref, _excluded);
+import { useMouseHover } from './hooks/useMouseHover.js';
+import { useMousePressed } from './hooks/useMousePressed.js';
+import { StyledWebButton } from './styled.js';
 
-  var _frozen = frozen || state === 'loading';
-
-  var _useMouseHover = useMouseHover(!disabled && !_frozen, onMouseOut, onMouseOver),
-      mouseOver = _useMouseHover.mouseOver,
-      handleMouseOut = _useMouseHover.handleMouseOut,
-      handleMouseOver = _useMouseHover.handleMouseOver;
-
-  var _useMousePressed = useMousePressed(!disabled && !_frozen, onPressIn, onPressOut),
-      pressed = _useMousePressed.pressed,
-      handlePressIn = _useMousePressed.handlePressIn,
-      handlePressOut = _useMousePressed.handlePressOut;
-
-  return React.createElement(StyledWebButton, _extends({}, rest, {
-    disabled: disabled,
+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));
+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 Button = (_a) => {
+  var _b = _a, {
+    children,
+    disabled,
+    frozen,
+    state,
+    variant,
+    onMouseOut,
+    onMouseOver,
+    onPressIn,
+    onPressOut
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "disabled",
+    "frozen",
+    "state",
+    "variant",
+    "onMouseOut",
+    "onMouseOver",
+    "onPressIn",
+    "onPressOut"
+  ]);
+  const _frozen = frozen || state === "loading";
+  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(
+    !disabled && !_frozen,
+    onMouseOut,
+    onMouseOver
+  );
+  const { pressed, handlePressIn, handlePressOut } = useMousePressed(
+    !disabled && !_frozen,
+    onPressIn,
+    onPressOut
+  );
+  return /* @__PURE__ */ React.createElement(StyledWebButton, __spreadProps(__spreadValues({}, rest), {
+    disabled,
     frozen: _frozen,
-    state: state,
+    state,
     onMouseOver: handleMouseOver,
     onMouseOut: handleMouseOut,
-    mouseOver: mouseOver,
+    mouseOver,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
-    pressed: pressed,
-    variant: variant
+    pressed,
+    variant
   }), children);
 };
 
-export default Button;
-//# sourceMappingURL=Button.js.map
+export { Button as default };
+//# sourceMappingURL=Button.js.map

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","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAA,MAAA,GAA6B,CAAC,EAWjB,KAAA;AAXiB,EAClC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GA1BF,GAiBoC,EAU/B,EAAA,IAAA,GAAA,SAAA,CAV+B,EAU/B,EAAA;AAAA,IATH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAA,MAAM,EAAE,SAAA,EAAW,cAAgB,EAAA,eAAA,EAAoB,GAAA,aAAA;AAAA,IACrD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,aAAe,EAAA,cAAA,EAAmB,GAAA,eAAA;AAAA,IACjD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,kDACK,IADL,CAAA,EAAA;AAAA,IAEC,QAAA;AAAA,IACA,MAAQ,EAAA,OAAA;AAAA,IACR,KAAA;AAAA,IACA,WAAa,EAAA,eAAA;AAAA,IACb,UAAY,EAAA,cAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAW,EAAA,aAAA;AAAA,IACX,UAAY,EAAA,cAAA;AAAA,IACZ,OAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,EAEC,QACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,38 +1,25 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+import { useState, useCallback } from 'react';
 
-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),
-      _useState2 = _slicedToArray(_useState, 2),
-      mouseOver = _useState2[0],
-      setMouseOver = _useState2[1];
-
-  var handleMouseOver = useCallback(function () {
+const useMouseHover = (active, onMouseOver, onMouseOut) => {
+  const [mouseOver, setMouseOver] = useState(false);
+  const handleMouseOver = useCallback(() => {
     if (active) {
       setMouseOver(true);
-      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver();
+      onMouseOver == null ? void 0 : onMouseOver();
     }
   }, [active, setMouseOver]);
-  var handleMouseOut = useCallback(function () {
+  const handleMouseOut = useCallback(() => {
     if (active) {
       setMouseOver(false);
-      onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut();
+      onMouseOut == null ? void 0 : onMouseOut();
     }
   }, [active, setMouseOver]);
   return {
-    mouseOver: mouseOver,
-    handleMouseOver: handleMouseOver,
-    handleMouseOut: handleMouseOut
+    mouseOver,
+    handleMouseOver,
+    handleMouseOut
   };
 };
-//# sourceMappingURL=useMouseHover.js.map
+
+export { useMouseHover };
+//# sourceMappingURL=useMouseHover.js.map

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;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"}
+{"version":3,"file":"useMouseHover.js","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"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA,CAC3B,MACA,EAAA,WAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAEzD,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,YAAY,CAAC,CAAA,CAAA;AAEzB,EAAM,MAAA,cAAA,GAAiB,YAAY,MAAM;AACvC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,MAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,YAAY,CAAC,CAAA,CAAA;AAEzB,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}

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

@@ -1,38 +1,25 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+import { useState, useCallback } from 'react';
 
-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),
-      _useState2 = _slicedToArray(_useState, 2),
-      pressed = _useState2[0],
-      setPressed = _useState2[1];
-
-  var handlePressIn = useCallback(function () {
+const useMousePressed = (active, onPressIn, onPressOut) => {
+  const [pressed, setPressed] = useState(false);
+  const handlePressIn = useCallback(() => {
     if (active) {
       setPressed(true);
-      onPressIn === null || onPressIn === void 0 ? void 0 : onPressIn();
+      onPressIn == null ? void 0 : onPressIn();
     }
   }, [active, setPressed]);
-  var handlePressOut = useCallback(function () {
+  const handlePressOut = useCallback(() => {
     if (active) {
       setPressed(false);
-      onPressOut === null || onPressOut === void 0 ? void 0 : onPressOut();
+      onPressOut == null ? void 0 : onPressOut();
     }
   }, [active, setPressed]);
   return {
-    pressed: pressed,
-    handlePressIn: handlePressIn,
-    handlePressOut: handlePressOut
+    pressed,
+    handlePressIn,
+    handlePressOut
   };
 };
-//# sourceMappingURL=useMousePressed.js.map
+
+export { useMousePressed };
+//# sourceMappingURL=useMousePressed.js.map

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;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"}
+{"version":3,"file":"useMousePressed.js","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"],"names":[],"mappings":";;AAEO,MAAM,eAAkB,GAAA,CAC7B,MACA,EAAA,SAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,UAAU,CAAC,CAAA,CAAA;AAEvB,EAAM,MAAA,cAAA,GAAiB,YAAY,MAAM;AACvC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,UAAU,CAAC,CAAA,CAAA;AAEvB,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}

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

@@ -1,27 +1,30 @@
-var _templateObject, _templateObject2;
+import nativeStyled, { css } from '@emotion/native';
+import { Button, colorVC, colorGradationVC, borderColorVC, borderColorGradationVC } from '@tecsinapse/react-core';
 
-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 = _taggedTemplateLiteral(["\n    & * {\n      user-select: none;\n    }\n  "])));
+const webStyles = () => {
+  return css`
+    & * {
+      user-select: none;
+    }
+  `;
 };
-
-var hoverStyles = function hoverStyles(_ref) {
-  var mouseOver = _ref.mouseOver,
-      pressed = _ref.pressed,
-      theme = _ref.theme,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
-      disabled = _ref.disabled;
-  var variantColor = colorVC[variant];
-  var variantColorGradation = colorGradationVC[variant];
-  var variantBorderColor = borderColorVC[variant];
-  var variantBorderColorGradation = borderColorGradationVC[variant];
-  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]);
+const hoverStyles = ({
+  mouseOver,
+  pressed,
+  theme,
+  variant = "filled",
+  disabled
+}) => {
+  const variantColor = colorVC[variant];
+  const variantColorGradation = colorGradationVC[variant];
+  const variantBorderColor = borderColorVC[variant];
+  const variantBorderColorGradation = borderColorGradationVC[variant];
+  return mouseOver && !disabled && !pressed && css`
+      background-color: ${theme == null ? void 0 : theme.color[variantColor][variantColorGradation]};
+      border-color: ${theme == null ? void 0 : theme.color[variantBorderColor][variantBorderColorGradation]};
+    `;
 };
+const StyledWebButton = nativeStyled(Button)(webStyles, hoverStyles);
 
-export var StyledWebButton = styled(Button)(webStyles, hoverStyles);
-//# sourceMappingURL=styled.js.map
+export { StyledWebButton };
+//# sourceMappingURL=styled.js.map

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,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"}
+{"version":3,"file":"styled.js","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"],"names":["styled"],"mappings":";;;AAWA,MAAM,YAAY,MAAM;AACtB,EAAO,OAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAKT,CAAA,CAAA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,QAAA;AACF,CAC0B,KAAA;AACxB,EAAA,MAAM,eAAe,OAAQ,CAAA,OAAA,CAAA,CAAA;AAC7B,EAAA,MAAM,wBAAwB,gBAAiB,CAAA,OAAA,CAAA,CAAA;AAC/C,EAAA,MAAM,qBAAqB,aAAc,CAAA,OAAA,CAAA,CAAA;AACzC,EAAA,MAAM,8BAA8B,sBAAuB,CAAA,OAAA,CAAA,CAAA;AAC3D,EAAA,OACE,SACA,IAAA,CAAC,QACD,IAAA,CAAC,OACD,IAAA,GAAA,CAAA;AAAA,wBACsB,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAM,YAAc,CAAA,CAAA,qBAAA,CAAA,CAAA;AAAA,oBAC/B,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAM,kBAC3B,CAAA,CAAA,2BAAA,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAIR,CAAA,CAAA;AAEO,MAAM,eAAkB,GAAAA,YAAA,CAAO,MAAM,CAAA,CAG1C,WAAW,WAAW;;;;"}

package/esm/components/atoms/Dropdown/index.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 export interface DropdownProps {
     visible: boolean;
     setVisible: Dispatch<SetStateAction<boolean>>;