@tecsinapse/react-web-kit 1.18.7 → 1.20.1

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

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

package/esm/components/atoms/Accordion/animations.d.ts

@@ -0,0 +1,41 @@
+export declare const contentStyle: (open: boolean, transition: number, value: number, theme: any) => {
+    transition: string;
+    paddingBottom: any;
+    height: number;
+};
+export declare const contentTransition: (value: number, theme: any) => {
+    entering: {
+        paddingBottom: any;
+        height: number;
+    };
+    entered: {
+        paddingBottom: any;
+        height: number;
+    };
+    exiting: {
+        paddingBottom: any;
+        height: number;
+    };
+    exited: {
+        paddingBottom: number;
+        height: number;
+    };
+};
+export declare const titleStyle: (transition: number, theme: any) => {
+    transition: string;
+    color: any;
+};
+export declare const titleTransition: (theme: any) => {
+    entering: {
+        color: any;
+    };
+    entered: {
+        color: any;
+    };
+    exiting: {
+        color: any;
+    };
+    exited: {
+        color: any;
+    };
+};

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

@@ -0,0 +1,52 @@
+import { extractNumbersFromString } from '@tecsinapse/react-core';
+export var contentStyle = function contentStyle(open, transition, value, theme) {
+  return {
+    transition: "padding-bottom " + transition * 2 + "ms ease-in-out, height " + transition * 2 + "ms ease-in-out",
+    paddingBottom: open ? extractNumbersFromString(theme.spacing.kilo) : 0,
+    height: open ? value : 0
+  };
+};
+export var contentTransition = function contentTransition(value, theme) {
+  var paddingBottom = extractNumbersFromString(theme.spacing.kilo);
+  return {
+    entering: {
+      paddingBottom: paddingBottom,
+      height: value
+    },
+    entered: {
+      paddingBottom: paddingBottom,
+      height: value
+    },
+    exiting: {
+      paddingBottom: paddingBottom,
+      height: value
+    },
+    exited: {
+      paddingBottom: 0,
+      height: 0
+    }
+  };
+};
+export var titleStyle = function titleStyle(transition, theme) {
+  return {
+    transition: "color " + transition * 2 + "ms ease-in-out",
+    color: theme.font.color.dark
+  };
+};
+export var titleTransition = function titleTransition(theme) {
+  return {
+    entering: {
+      color: theme.font.color.orange
+    },
+    entered: {
+      color: theme.font.color.orange
+    },
+    exiting: {
+      color: theme.font.color.orange
+    },
+    exited: {
+      color: theme.font.color.dark
+    }
+  };
+};
+//# sourceMappingURL=animations.js.map

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

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

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

@@ -0,0 +1 @@
+export { default as Accordion, AccordionProps } from './Accordion';

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

@@ -0,0 +1,2 @@
+export { default as Accordion, AccordionProps } from "./Accordion";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Accordion","AccordionProps"],"sources":["../../../../src/components/atoms/Accordion/index.ts"],"sourcesContent":["export { default as Accordion, AccordionProps } from './Accordion';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB,EAA+BC,cAA/B"}

package/esm/components/atoms/Accordion/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const IconContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccordionContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

package/esm/components/atoms/Badge/Badge.d.ts

@@ -0,0 +1,8 @@
+import { BadgeProps, FontColorType } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export interface BadgeWebProps extends Omit<BadgeProps, 'value'> {
+    fontColor?: FontColorType;
+    value: string | number;
+}
+declare const Badge: FC<BadgeWebProps>;
+export default Badge;

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

@@ -0,0 +1,27 @@
+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 _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 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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return React.createElement(BadgeCore, _extends({}, props, {
+    value: React.createElement(Text, {
+      fontColor: fontColor,
+      fontWeight: 'bold',
+      typography: 'label'
+    }, value)
+  }), children);
+};
+
+export default Badge;
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+export { default as Badge, BadgeWebProps } from './Badge';

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

@@ -0,0 +1,2 @@
+export { default as Badge, BadgeWebProps } from "./Badge";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Badge","BadgeWebProps"],"sources":["../../../../src/components/atoms/Badge/index.ts"],"sourcesContent":["export { default as Badge, BadgeWebProps } from './Badge';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,EAA2BC,aAA3B"}

package/esm/components/atoms/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export declare type WebButtonProps = ButtonProps & {
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
+};
+declare const Button: FC<WebButtonProps>;
+export default Button;

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

@@ -0,0 +1,51 @@
+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 _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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  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,
+    frozen: _frozen,
+    state: state,
+    onMouseOver: handleMouseOver,
+    onMouseOut: handleMouseOut,
+    mouseOver: mouseOver,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    pressed: pressed,
+    variant: variant
+  }), children);
+};
+
+export default Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +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"}

package/esm/components/atoms/Button/hooks/useMouseHover.d.ts

@@ -0,0 +1,5 @@
+export declare const useMouseHover: (active: boolean, onMouseOver?: (() => void) | undefined, onMouseOut?: (() => void) | undefined) => {
+    mouseOver: boolean;
+    handleMouseOver: () => void;
+    handleMouseOut: () => void;
+};

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

@@ -0,0 +1,25 @@
+import { useCallback, useState } from 'react';
+export var useMouseHover = function useMouseHover(active, onMouseOver, onMouseOut) {
+  var _useState = useState(false),
+      mouseOver = _useState[0],
+      setMouseOver = _useState[1];
+
+  var handleMouseOver = useCallback(function () {
+    if (active) {
+      setMouseOver(true);
+      onMouseOver == null ? void 0 : onMouseOver();
+    }
+  }, [active, setMouseOver]);
+  var handleMouseOut = useCallback(function () {
+    if (active) {
+      setMouseOver(false);
+      onMouseOut == null ? void 0 : onMouseOut();
+    }
+  }, [active, setMouseOver]);
+  return {
+    mouseOver: mouseOver,
+    handleMouseOver: handleMouseOver,
+    handleMouseOut: handleMouseOut
+  };
+};
+//# sourceMappingURL=useMouseHover.js.map

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

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

package/esm/components/atoms/Button/hooks/useMousePressed.d.ts

@@ -0,0 +1,5 @@
+export declare const useMousePressed: (active: boolean, onPressIn?: (() => void) | undefined, onPressOut?: (() => void) | undefined) => {
+    pressed: boolean;
+    handlePressIn: () => void;
+    handlePressOut: () => void;
+};

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

@@ -0,0 +1,25 @@
+import { useCallback, useState } from 'react';
+export var useMousePressed = function useMousePressed(active, onPressIn, onPressOut) {
+  var _useState = useState(false),
+      pressed = _useState[0],
+      setPressed = _useState[1];
+
+  var handlePressIn = useCallback(function () {
+    if (active) {
+      setPressed(true);
+      onPressIn == null ? void 0 : onPressIn();
+    }
+  }, [active, setPressed]);
+  var handlePressOut = useCallback(function () {
+    if (active) {
+      setPressed(false);
+      onPressOut == null ? void 0 : onPressOut();
+    }
+  }, [active, setPressed]);
+  return {
+    pressed: pressed,
+    handlePressIn: handlePressIn,
+    handlePressOut: handlePressOut
+  };
+};
+//# sourceMappingURL=useMousePressed.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { default as Button, WebButtonProps } from './Button';
+export * from './hooks/useMouseHover';

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

@@ -0,0 +1,3 @@
+export { default as Button, WebButtonProps } from "./Button";
+export * from "./hooks/useMouseHover";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Button","WebButtonProps"],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export { default as Button, WebButtonProps } from './Button';\nexport * from './hooks/useMouseHover';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,EAA4BC,cAA5B;AACA"}

package/esm/components/atoms/Button/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledWebButton: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

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

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

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

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Dispatch, SetStateAction } from 'react';
+export interface DropdownProps {
+    visible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+}
+export declare const Dropdown: React.FC<DropdownProps & {
+    children: JSX.Element;
+}>;

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

@@ -0,0 +1,27 @@
+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 * as React from 'react';
+import { StyledContainerDropdown } from "./styled";
+import { Transition } from 'react-transition-group';
+import { defaultStyles, transition } from "../../molecules/Select/animations";
+import { useClickAwayListener } from '@tecsinapse/react-web-kit';
+
+var Component = function Component(_ref) {
+  var visible = _ref.visible,
+      setVisible = _ref.setVisible,
+      children = _ref.children;
+  var refDropDown = React.useRef(null);
+  useClickAwayListener(refDropDown, setVisible);
+  return React.createElement(Transition, {
+    "in": visible,
+    timeout: 300
+  }, function (state) {
+    return React.createElement(StyledContainerDropdown, {
+      style: _extends({}, defaultStyles, transition['bottom'][state]),
+      ref: refDropDown
+    }, children);
+  });
+};
+
+export var Dropdown = Component;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,23 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+export var StyledContainerDropdown = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: auto;\n  background-color: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 8px\n    ", ";\n  position: absolute;\n  padding-bottom: ", ";\n  margin-top: 8px;\n  z-index: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.miscellaneous.surfaceColor;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.borderRadius.mili;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return hex2rgba(theme.miscellaneous.shadow, 0.05);
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.spacing.mili;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.zIndex.select;
+});
+//# sourceMappingURL=styled.js.map

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

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

package/esm/components/atoms/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import { InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
+import React, { FC } from 'react';
+export declare type InputWebProps = Omit<InputElementProps, 'style'> & InputContainerProps & {
+    ref?: React.Ref<HTMLInputElement | undefined>;
+};
+declare const Input: FC<InputWebProps>;
+export default Input;

package/esm/components/atoms/Input/Input.js

@@ -0,0 +1,76 @@
+var _excluded = ["label", "labelColor", "labelColorVariant", "labelColorTone", "labelTypography", "labelStack", "labelWeight", "leftComponent", "rightComponent", "disabled", "style", "borderColor", "borderColorGradation", "inputContainerStyle", "variant", "hintComponent", "hint", "onFocus", "onBlur", "placeholder", "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 _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 { Hint, InputContainer, useInputFocus } from '@tecsinapse/react-core';
+import React from 'react';
+import { View } from "react-native-web";
+import { StyledWebTextInput } from "./styled";
+var Input = React.forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+      labelColor = _ref.labelColor,
+      labelColorVariant = _ref.labelColorVariant,
+      labelColorTone = _ref.labelColorTone,
+      labelTypography = _ref.labelTypography,
+      labelStack = _ref.labelStack,
+      labelWeight = _ref.labelWeight,
+      leftComponent = _ref.leftComponent,
+      rightComponent = _ref.rightComponent,
+      disabled = _ref.disabled,
+      style = _ref.style,
+      borderColor = _ref.borderColor,
+      borderColorGradation = _ref.borderColorGradation,
+      inputContainerStyle = _ref.inputContainerStyle,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      hintComponent = _ref.hintComponent,
+      hint = _ref.hint,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      placeholder = _ref.placeholder,
+      value = _ref.value,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _hint = hintComponent || React.createElement(Hint, {
+    text: hint,
+    variant: variant
+  });
+
+  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
+      focused = _useInputFocus.focused,
+      handleBlur = _useInputFocus.handleBlur,
+      handleFocus = _useInputFocus.handleFocus;
+
+  var onlyLabel = label && !placeholder;
+  return React.createElement(View, {
+    style: style
+  }, React.createElement(InputContainer, {
+    label: value ? label : undefined,
+    labelColor: labelColor,
+    labelColorVariant: labelColorVariant,
+    labelColorTone: labelColorTone,
+    labelTypography: labelTypography,
+    labelStack: labelStack,
+    labelWeight: labelWeight,
+    leftComponent: leftComponent,
+    rightComponent: rightComponent,
+    borderColor: borderColor,
+    borderColorGradation: borderColorGradation,
+    inputContainerStyle: inputContainerStyle,
+    focused: focused,
+    disabled: disabled,
+    variant: variant
+  }, React.createElement(StyledWebTextInput, _extends({}, rest, {
+    placeholder: onlyLabel ? label : placeholder,
+    value: value,
+    ref: ref,
+    disabled: disabled,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }))), hint && _hint);
+});
+Input.displayName = 'Input';
+export default Input;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["Hint","InputContainer","useInputFocus","React","View","StyledWebTextInput","Input","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","placeholder","value","rest","_hint","focused","handleBlur","handleFocus","onlyLabel","undefined","displayName"],"sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInput } from './styled';\n\nexport type InputWebProps = Omit<InputElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst Input: FC<InputWebProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      placeholder,\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <InputContainer\n          label={value ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledWebTextInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;AAAA,SACEA,IADF,EAEEC,cAFF,EAKEC,aALF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;AACA,SAAoBC,IAApB;AACA,SAASC,kBAAT;AAKA,IAAMC,KAAwB,GAAGH,KAAK,CAACI,UAAN,CAC/B,gBAyBEC,GAzBF,EA0BK;EAAA,IAxBDC,KAwBC,QAxBDA,KAwBC;EAAA,IAvBDC,UAuBC,QAvBDA,UAuBC;EAAA,IAtBDC,iBAsBC,QAtBDA,iBAsBC;EAAA,IArBDC,cAqBC,QArBDA,cAqBC;EAAA,IApBDC,eAoBC,QApBDA,eAoBC;EAAA,IAnBDC,UAmBC,QAnBDA,UAmBC;EAAA,IAlBDC,WAkBC,QAlBDA,WAkBC;EAAA,IAjBDC,aAiBC,QAjBDA,aAiBC;EAAA,IAhBDC,cAgBC,QAhBDA,cAgBC;EAAA,IAfDC,QAeC,QAfDA,QAeC;EAAA,IAdDC,KAcC,QAdDA,KAcC;EAAA,IAbDC,WAaC,QAbDA,WAaC;EAAA,IAZDC,oBAYC,QAZDA,oBAYC;EAAA,IAXDC,mBAWC,QAXDA,mBAWC;EAAA,wBAVDC,OAUC;EAAA,IAVDA,OAUC,6BAVS,SAUT;EAAA,IATDC,aASC,QATDA,aASC;EAAA,IARDC,IAQC,QARDA,IAQC;EAAA,IAPDC,OAOC,QAPDA,OAOC;EAAA,IANDC,MAMC,QANDA,MAMC;EAAA,IALDC,WAKC,QALDA,WAKC;EAAA,IAJDC,KAIC,QAJDA,KAIC;EAAA,IAHEC,IAGF;;EACH,IAAMC,KAAK,GAAGP,aAAa,IAAI,oBAAC,IAAD;IAAM,IAAI,EAAEC,IAAZ;IAAkB,OAAO,EAAEF;EAA3B,EAA/B;;EACA,qBAA6CrB,aAAa,CACxDwB,OADwD,EAExDC,MAFwD,EAGxD,CAACT,QAHuD,CAA1D;EAAA,IAAQc,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;EAAA,IAA6BC,WAA7B,kBAA6BA,WAA7B;;EAMA,IAAMC,SAAS,GAAG1B,KAAK,IAAI,CAACmB,WAA5B;EAEA,OACE,oBAAC,IAAD;IAAM,KAAK,EAAET;EAAb,GACE,oBAAC,cAAD;IACE,KAAK,EAAEU,KAAK,GAAGpB,KAAH,GAAW2B,SADzB;IAEE,UAAU,EAAE1B,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,aAAa,EAAEC,aARjB;IASE,cAAc,EAAEC,cATlB;IAUE,WAAW,EAAEG,WAVf;IAWE,oBAAoB,EAAEC,oBAXxB;IAYE,mBAAmB,EAAEC,mBAZvB;IAaE,OAAO,EAAEU,OAbX;IAcE,QAAQ,EAAEd,QAdZ;IAeE,OAAO,EAAEK;EAfX,GAiBE,oBAAC,kBAAD,eACMO,IADN;IAEE,WAAW,EAAEK,SAAS,GAAG1B,KAAH,GAAWmB,WAFnC;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAErB,GAJP;IAKE,QAAQ,EAAEU,QALZ;IAME,OAAO,EAAEgB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGR,IAAI,IAAIM,KA5BX,CADF;AAgCD,CArE8B,CAAjC;AAwEAzB,KAAK,CAAC+B,WAAN,GAAoB,OAApB;AAEA,eAAe/B,KAAf"}