@tecsinapse/react-web-kit 2.3.1-beta.0 → 2.3.1

package/dist/cjs/components/atoms/Accordion/Accordion.js

@@ -67,3 +67,4 @@ const Accordion = ({
 };
 
 module.exports = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/components/atoms/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","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  const titleTransitionRef = 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} nodeRef={titleTransitionRef}>\n          {state => (\n            <div ref={titleTransitionRef}>\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            </div>\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} nodeRef={ref}>\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"],"names":["useTheme","useRef","AccordionContainer","TitleContainer","Transition","Text","titleStyle","titleTransition","IconContainer","Icon","ContentContainer","contentStyle","contentTransition"],"mappings":"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"}

package/dist/cjs/components/atoms/Accordion/animations.js

@@ -46,3 +46,4 @@ exports.contentStyle = contentStyle;
 exports.contentTransition = contentTransition;
 exports.titleStyle = titleStyle;
 exports.titleTransition = titleTransition;
+//# sourceMappingURL=animations.js.map

package/dist/cjs/components/atoms/Accordion/animations.js.map

@@ -0,0 +1 @@
+{"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":["extractNumbersFromString"],"mappings":";;;;AAEO,MAAM,YAAe,GAAA,CAC1B,IACA,EAAA,UAAA,EACA,OACA,KACI,MAAA;AAAA,EACJ,YAAY,CAAkB,eAAA,EAAA,UAAA,GAAa,CAAC,CAAA,uBAAA,EAC1C,aAAa,CACf,CAAA,cAAA,CAAA;AAAA,EACA,eAAe,IAAO,GAAAA,kCAAA,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,GAAAA,kCAAA,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,CAAS,MAAA,EAAA,UAAA,GAAa,CAAC,CAAA,cAAA,CAAA;AAAA,EACnC,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/dist/cjs/components/atoms/Accordion/styled.js

@@ -34,3 +34,4 @@ exports.AccordionContainer = AccordionContainer;
 exports.ContentContainer = ContentContainer;
 exports.IconContainer = IconContainer;
 exports.TitleContainer = TitleContainer;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Accordion/styled.js.map

@@ -0,0 +1 @@
+{"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,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,UAAA,EAC7C,CAAC,EAAE,KAAM,EAAA,KACjB,CAAG,EAAA,KAAA,CAAM,WAAY,CAAA,IAAI,CAAU,OAAA,EAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,KAAK,CAAE,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOvD,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAM7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjC,MAAA,kBAAA,GAAqB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,KAAM,EAAA,KACxB,CAAG,EAAA,KAAA,CAAM,WAAY,CAAA,IAAI,CAAU,OAAA,EAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,KAAK,CAAE,CAAA,CAAA;AAAA,oBAAA,EAC9C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAGxD,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;"}

package/dist/cjs/components/atoms/Badge/Badge.js

@@ -20,3 +20,4 @@ const Badge = ({
 };
 
 module.exports = Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/cjs/components/atoms/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"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","Text"],"mappings":";;;;;AAaA,MAAM,QAA2B,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,SAAY,GAAA,OAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA,sCACGC,cAAK,EAAA,EAAA,SAAA,EAAsB,YAAY,MAAQ,EAAA,UAAA,EAAY,WACzD,KACH,CAAA;AAAA,KAAA;AAAA,IAGD,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Button/Button.js

@@ -48,3 +48,4 @@ const Button = ({
 };
 
 module.exports = Button;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/components/atoms/Button/Button.js.map

@@ -0,0 +1 @@
+{"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":["useMouseHover","useMousePressed","StyledWebButton"],"mappings":";;;;;;;AAiBA,MAAM,SAA6B,CAAC;AAAA,EAClC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAA,MAAM,EAAE,SAAA,EAAW,cAAgB,EAAA,eAAA,EAAoB,GAAAA,2BAAA;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,GAAAC,+BAAA;AAAA,IACjD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAQ,EAAA,OAAA;AAAA,MACR,KAAA;AAAA,MACA,WAAa,EAAA,eAAA;AAAA,MACb,UAAY,EAAA,cAAA;AAAA,MACZ,SAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACX,UAAY,EAAA,cAAA;AAAA,MACZ,OAAA;AAAA,MACA,OAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js

@@ -24,3 +24,4 @@ const useMouseHover = (active, onMouseOver, onMouseOut) => {
 };
 
 exports.useMouseHover = useMouseHover;
+//# sourceMappingURL=useMouseHover.js.map

package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js.map

@@ -0,0 +1 @@
+{"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":["useState","useCallback"],"mappings":";;;;AAEO,MAAM,aAAgB,GAAA,CAC3B,MACA,EAAA,WAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAEzD,EAAM,MAAA,eAAA,GAAkBC,kBAAY,MAAM;AACxC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAc,WAAA,IAAA,CAAA;AAAA,KAChB;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,YAAY,CAAC,CAAA,CAAA;AAEzB,EAAM,MAAA,cAAA,GAAiBA,kBAAY,MAAM;AACvC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,MAAa,UAAA,IAAA,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/dist/cjs/components/atoms/Button/hooks/useMousePressed.js

@@ -24,3 +24,4 @@ const useMousePressed = (active, onPressIn, onPressOut) => {
 };
 
 exports.useMousePressed = useMousePressed;
+//# sourceMappingURL=useMousePressed.js.map

package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js.map

@@ -0,0 +1 @@
+{"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":["useState","useCallback"],"mappings":";;;;AAEO,MAAM,eAAkB,GAAA,CAC7B,MACA,EAAA,SAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,aAAA,GAAgBC,kBAAY,MAAM;AACtC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAY,SAAA,IAAA,CAAA;AAAA,KACd;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,UAAU,CAAC,CAAA,CAAA;AAEvB,EAAM,MAAA,cAAA,GAAiBA,kBAAY,MAAM;AACvC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAa,UAAA,IAAA,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/dist/cjs/components/atoms/Button/styled.js

@@ -29,3 +29,4 @@ const hoverStyles = ({
 const StyledWebButton = nativeStyled(reactCore.Button)(webStyles, hoverStyles);
 
 exports.StyledWebButton = StyledWebButton;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Button/styled.js.map

@@ -0,0 +1 @@
+{"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":["css","colorVC","colorGradationVC","borderColorVC","borderColorGradationVC","styled","Button"],"mappings":";;;;;AAWA,MAAM,YAAY,MAAM;AACtB,EAAO,OAAAA,gBAAA,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,EAAM,MAAA,YAAA,GAAeC,kBAAQ,OAAO,CAAA,CAAA;AACpC,EAAM,MAAA,qBAAA,GAAwBC,2BAAiB,OAAO,CAAA,CAAA;AACtD,EAAM,MAAA,kBAAA,GAAqBC,wBAAc,OAAO,CAAA,CAAA;AAChD,EAAM,MAAA,2BAAA,GAA8BC,iCAAuB,OAAO,CAAA,CAAA;AAClE,EAAA,OACE,SACA,IAAA,CAAC,QACD,IAAA,CAAC,OACD,IAAAJ,gBAAA,CAAA;AAAA,wBAAA,EACsB,KAAO,EAAA,KAAA,CAAM,YAAY,CAAA,CAAE,qBAAqB,CAAC,CAAA;AAAA,oBAAA,EACrD,KAAO,EAAA,KAAA,CAAM,kBAAkB,CAAA,CAC7C,2BACF,CAAC,CAAA;AAAA,IAAA,CAAA,CAAA;AAGP,CAAA,CAAA;AAEO,MAAM,eAAkB,GAAAK,YAAA,CAAOC,gBAAM,CAAA,CAG1C,WAAW,WAAW;;;;"}

package/dist/cjs/components/atoms/Dropdown/index.js

@@ -27,3 +27,4 @@ const Component = ({
 const Dropdown = Component;
 
 exports.Dropdown = Dropdown;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/atoms/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/Dropdown/index.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction } from 'react';\nimport { StyledContainerDropdown } from './styled';\nimport { Transition } from 'react-transition-group';\nimport { defaultStyles, transition } from '../../molecules/Select/animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface DropdownProps {\n  visible: boolean;\n  setVisible: Dispatch<SetStateAction<boolean>>;\n  onClickAway?: () => void;\n}\n\nconst Component: React.FC<DropdownProps & { children: JSX.Element }> = ({\n  visible,\n  setVisible,\n  onClickAway,\n  children,\n}): JSX.Element => {\n  const refDropDown = React.useRef(null);\n  useClickAwayListener(refDropDown, setVisible, 'mousedown', onClickAway);\n\n  return (\n    <Transition in={visible} timeout={300} nodeRef={refDropDown}>\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"],"names":["useClickAwayListener","Transition","StyledContainerDropdown","defaultStyles","transition"],"mappings":";;;;;;;;;AAYA,MAAM,YAAiE,CAAC;AAAA,EACtE,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACrC,EAAqBA,yCAAA,CAAA,WAAA,EAAa,UAAY,EAAA,WAAA,EAAa,WAAW,CAAA,CAAA;AAEtE,EACE,uBAAA,KAAA,CAAA,aAAA,CAACC,mCAAW,EAAI,EAAA,OAAA,EAAS,SAAS,GAAK,EAAA,OAAA,EAAS,eAC7C,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,8BAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,GAAGC,wBAAA,EAAe,GAAGC,qBAAW,CAAA,QAAQ,CAAE,CAAA,KAAK,CAAE,EAAA;AAAA,MAC1D,GAAK,EAAA,WAAA;AAAA,KAAA;AAAA,IAEJ,QAAA;AAAA,GAGP,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,QAAW,GAAA;;;;"}

package/dist/cjs/components/atoms/Dropdown/styled.js

@@ -16,3 +16,4 @@ const StyledContainerDropdown = styled("div")`
 `;
 
 exports.StyledContainerDropdown = StyledContainerDropdown;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Dropdown/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","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"],"names":["hex2rgba"],"mappings":";;;;;AAGa,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA,oBAAA,EAE7B,CAAC,EAAE,KAAA,EACrB,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,iBAAA,EACjB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA,IAE/D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAkBA,mBAAS,KAAM,CAAA,aAAA,CAAc,MAAQ,EAAA,IAAI,CAAC,CAAA;AAAA;AAAA,kBAAA,EAEvD,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,WAAA,EAEpD,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,OAAO,MAAM,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Input/Input.js

@@ -74,3 +74,4 @@ const Input = React.forwardRef(
 Input.displayName = "Input";
 
 module.exports = Input;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/components/atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","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"],"names":["Hint","useInputFocus","View","InputContainer","StyledWebTextInput"],"mappings":";;;;;;;AAcA,MAAM,QAA2B,KAAM,CAAA,UAAA;AAAA,EACrC,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,QAAQ,aAAiB,oBAAA,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAA,KAAA,CAAA,aAAA,CAACC,uBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,QACvB,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,yBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/cjs/components/atoms/Input/styled.js

@@ -10,3 +10,4 @@ const StyledWebTextInput = nativeStyled(reactCore.InputElement)`
 `;
 
 exports.StyledWebTextInput = StyledWebTextInput;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Input/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInput = styled(InputElement)<Partial<StyleProps>>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"names":["styled","InputElement"],"mappings":";;;;;AAGa,MAAA,kBAAA,GAAqBA,aAAOC,sBAAY,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/InputMask/InputMask.js

@@ -74,3 +74,4 @@ const InputMask = React.forwardRef(
 InputMask.displayName = "InputMask";
 
 module.exports = InputMask;
+//# sourceMappingURL=InputMask.js.map

package/dist/cjs/components/atoms/InputMask/InputMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = 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      value,\n      placeholder,\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={String(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          <StyledWebTextInputMask\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\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["Hint","useInputFocus","View","InputContainer","StyledWebTextInputMask"],"mappings":";;;;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,QAAQ,aAAiB,oBAAA,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAA,KAAA,CAAA,aAAA,CAACC,uBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,QAC/B,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,6BAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

package/dist/cjs/components/atoms/InputMask/styled.js

@@ -10,3 +10,4 @@ const StyledWebTextInputMask = nativeStyled(reactCore.InputMaskElement)`
 `;
 
 exports.StyledWebTextInputMask = StyledWebTextInputMask;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/InputMask/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputMaskElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInputMask = styled(InputMaskElement)<\n  Partial<StyleProps>\n>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"names":["styled","InputMaskElement"],"mappings":";;;;;AAGa,MAAA,sBAAA,GAAyBA,aAAOC,0BAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Modal/Modal.js

@@ -30,3 +30,4 @@ const Modal = ({
 };
 
 module.exports = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/cjs/components/atoms/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n  children,\n  open,\n  onClose,\n  style,\n  ...rest\n}) => {\n  const transitionRef = useRef(null);\n  return (\n    <>\n      <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n      <Transition in={open} timeout={400} nodeRef={transitionRef}>\n        {state => (\n          <ModalContainer\n            ref={transitionRef}\n            style={{\n              ...style,\n              ...defaultStyleOverlay,\n              ...transitionStylesOverlay[state],\n            }}\n            {...rest}\n          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"names":["useRef","Transition","ModalContainer","defaultStyleOverlay","transitionStylesOverlay"],"mappings":";;;;;;;;AAWA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,aAAA,GAAgBA,aAAO,IAAI,CAAA,CAAA;AACjC,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAY,EAAA,OAAA,EAAkB,QAAO,OAAQ,EAAA,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA,EAAW,IAAI,IAAM,EAAA,OAAA,EAAS,GAAK,EAAA,OAAA,EAAS,iBAC1C,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,aAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,GAAGC,8BAAA;AAAA,QACH,GAAGC,mCAAwB,KAAK,CAAA;AAAA,OAClC;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Modal/animations.js

@@ -14,3 +14,4 @@ const transitionStylesOverlay = {
 
 exports.defaultStyleOverlay = defaultStyleOverlay;
 exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.js.map

package/dist/cjs/components/atoms/Modal/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sources":["../../../../../src/components/atoms/Modal/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":";;AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;;"}

package/dist/cjs/components/atoms/Modal/styled.js

@@ -19,3 +19,4 @@ const ModalContainer = styled("div")`
 `;
 
 exports.ModalContainer = ModalContainer;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Modal/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Modal/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":["hex2rgba"],"mappings":";;;;;AAGa,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACpB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA;AAAA;AAAA,WAAA,EAGxD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAI3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,WAAA,EAC7C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA,IAGxC,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMA,mBAAS,KAAM,CAAA,aAAA,CAAc,MAAQ,EAAA,IAAI,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Overlay/Overlay.js

@@ -30,3 +30,4 @@ const Overlay = ({
 };
 
 module.exports = Overlay;
+//# sourceMappingURL=Overlay.js.map

package/dist/cjs/components/atoms/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React, { ReactNode, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n  children?: ReactNode;\n}\n\nconst Overlay = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}: OverlayProps): JSX.Element => {\n  const transitionRef = useRef(null);\n  return (\n    <Transition in={open} timeout={timeout} nodeRef={transitionRef}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n          ref={transitionRef}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"names":["useRef","Transition","StyledOverlay","defaultStyleOverlay","transitionStylesOverlay"],"mappings":";;;;;;;AAcA,MAAM,UAAU,CAAC;AAAA,EACf,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAiC,KAAA;AAC/B,EAAM,MAAA,aAAA,GAAgBA,aAAO,IAAI,CAAA,CAAA;AACjC,EAAA,2CACGC,+BAAW,EAAA,EAAA,EAAA,EAAI,MAAM,OAAkB,EAAA,OAAA,EAAS,iBAC9C,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAGC,8BAAA;AAAA,QACH,GAAGC,mCAAwB,KAAK,CAAA;AAAA,OAClC;AAAA,MACA,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,MAC1B,IAAM,EAAA,IAAA;AAAA,MACN,MAAA;AAAA,MACA,GAAK,EAAA,aAAA;AAAA,KAAA;AAAA,IAEJ,QAAA;AAAA,GAGP,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Overlay/animations.js

@@ -14,3 +14,4 @@ const transitionStylesOverlay = {
 
 exports.defaultStyleOverlay = defaultStyleOverlay;
 exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.js.map

package/dist/cjs/components/atoms/Overlay/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sources":["../../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":";;AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;;"}

package/dist/cjs/components/atoms/Overlay/styled.js

@@ -18,3 +18,4 @@ const StyledOverlay = styled("div")`
 `;
 
 exports.StyledOverlay = StyledOverlay;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Overlay/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n    theme.zIndex[zIndex]};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":["hex2rgba"],"mappings":";;;;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrBA,mBAAS,KAAM,CAAA,aAAA,CAAc,OAAS,EAAA,GAAG,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMjC,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACnB,KAAM,CAAA,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,UAAA,EACZ,CAAC,EAAE,IAAA,EAAY,KAAA,IAAA,GAAO,YAAY,SAAU,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Skeleton/Skeleton.js

@@ -40,3 +40,4 @@ const Skeleton = ({
 };
 
 module.exports = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  animation?: 'pulse' | 'wave';\n  active?: boolean;\n  radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  animation = 'wave',\n  active = true,\n  radius,\n  ...rest\n}) => {\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      animation={animation}\n      active={active}\n      radius={radius}\n      {...rest}\n    >\n      <View\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"names":["Wrapper","View"],"mappings":";;;;;;AAaA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,MAAS,GAAA,IAAA;AAAA,EACT,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,cAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAACC,mBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,QACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,OAAA;AAAA,MAEhC,QAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Skeleton/styled.js

@@ -61,3 +61,4 @@ const Wrapper = styled("div")`
 `;
 
 exports.Wrapper = Wrapper;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Skeleton/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst waveKf = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\nconst waveAnim = css`\n  position: relative;\n  overflow: hidden;\n  &::after {\n    animation: ${waveKf} 1.6s linear 0.5s infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.04),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n`;\n\nconst pulseAnim = css`\n  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n  background-color: ${({\n    theme,\n    animation,\n    active,\n  }: StyleProps & Partial<SkeletonProps>) =>\n    !active\n      ? undefined\n      : animation === 'pulse'\n      ? theme.miscellaneous.bodyColor\n      : theme.miscellaneous.surfaceColor};\n  width: ${({ width }) => `${width}px` ?? '100%'};\n  height: ${({ height }) => `${height}px` ?? 'auto'};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 'unset'};\n  ${({ animation, active }) =>\n    !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":["keyframes","css"],"mappings":";;;;;AAKA,MAAM,OAAU,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAAC,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAIA,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBvB,MAAM,SAAY,GAAAA,SAAA,CAAA;AAAA,aAAA,EACH,OAAO,CAAA;AAAA,CAAA,CAAA;AAGT,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,MACG,GAAA,KAAA,CAAA,GACA,SAAc,KAAA,OAAA,GACd,MAAM,aAAc,CAAA,SAAA,GACpB,KAAM,CAAA,aAAA,CAAc,YAAY,CAAA;AAAA,SAAA,EAC7B,CAAC,EAAE,KAAA,OAAY,CAAG,EAAA,KAAK,QAAQ,MAAM,CAAA;AAAA,UAAA,EACpC,CAAC,EAAE,MAAA,OAAa,CAAG,EAAA,MAAM,QAAQ,MAAM,CAAA;AAAA,iBAChC,EAAA,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAChC,SAAS,KAAM,CAAA,YAAA,CAAa,MAAM,CAAA,GAAI,OAAO,CAAA;AAAA,EAC7C,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAA,GAAS,KAAY,CAAA,GAAA,SAAA,KAAc,OAAU,GAAA,SAAA,GAAY,QAAQ,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Switch/Switch.js

@@ -80,3 +80,4 @@ const Switch = ({
 };
 
 module.exports = Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/cjs/components/atoms/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback, useRef } from 'react';\nimport {\n  lightenDarkenColor,\n  SwitchProps,\n  useTheme,\n} from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  disabled = false,\n  ...rest\n}) => {\n  const theme = useTheme();\n  const transitionRef = useRef(null);\n  const handleChange = useCallback(() => {\n    if (!disabled) onChange(!active);\n  }, [active, onChange]);\n\n  const defaultStyleBackground = {\n    transition: `all 300ms ease`,\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n  const transitionStylesBackground = {\n    entering: {\n      backgroundColor: getBackgroundColor(\n        theme.color[inactiveColor][inactiveColorTone]\n      ),\n    },\n    entered: {\n      backgroundColor: getBackgroundColor(\n        theme.color[activeColor][activeColorTone]\n      ),\n    },\n    exiting: {\n      backgroundColor: getBackgroundColor(\n        theme.color[activeColor][activeColorTone]\n      ),\n    },\n    exited: {\n      backgroundColor: getBackgroundColor(\n        theme.color[inactiveColor][inactiveColorTone]\n      ),\n    },\n  };\n\n  const defaultStyleCircle = {\n    transition: `transform ${100}ms ease`,\n  };\n\n  const transitionStylesCircle = {\n    entering: { transform: 'translateX(0%)' },\n    entered: { transform: 'translateX(150%)' },\n    exiting: { transform: 'translateX(150%)' },\n    exited: { transform: 'translateX(0%)' },\n  };\n\n  return (\n    <Transition in={active} timeout={100} nodeRef={transitionRef}>\n      {state => (\n        <div onClick={handleChange} ref={transitionRef}>\n          <StyledSwitchContent\n            {...rest}\n            style={{\n              ...defaultStyleBackground,\n              ...transitionStylesBackground[state],\n            }}\n          >\n            <StyledSwitch\n              style={{\n                ...defaultStyleCircle,\n                ...transitionStylesCircle[state],\n              }}\n            />\n          </StyledSwitchContent>\n        </div>\n      )}\n    </Transition>\n  );\n};\n\nexport default Switch;\n"],"names":["useTheme","useRef","useCallback","lightenDarkenColor","Transition","StyledSwitchContent","StyledSwitch"],"mappings":"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"}

package/dist/cjs/components/atoms/Switch/styled.js

@@ -23,3 +23,4 @@ const StyledSwitch = styled.div`
 
 exports.StyledSwitch = StyledSwitch;
 exports.StyledSwitchContent = StyledSwitchContent;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Switch/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n  RFValueStr,\n  StyleProps,\n  SWITCH_BODY_WIDTH,\n  SWITCH_PIN_WIDTH,\n} from '@tecsinapse/react-core';\n\nexport const StyledSwitchContent = styled.div<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  display: flex;\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  align-items: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const StyledSwitch = styled.div<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"names":["RFValueStr","SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH"],"mappings":";;;;;AAQO,MAAM,sBAAsB,MAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EACvB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA,aAAA,EAE1C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;AAAA,SAEtC,EAAAA,oBAAA,CAAWC,2BAAiB,CAAC,CAAA;AAAA,UAC5B,EAAAD,oBAAA,CAAW,MAAM,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMvB,MAAM,eAAe,MAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EAChB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,SAC1D,EAAAA,oBAAA,CAAWE,0BAAgB,CAAC,CAAA;AAAA,UAC3B,EAAAF,oBAAA,CAAW,MAAM,CAAC,CAAA;AAAA;;;;;"}

package/dist/cjs/components/atoms/Table/Body/TBody.js

@@ -10,3 +10,4 @@ const TBody = ({
 };
 
 module.exports = TBody;
+//# sourceMappingURL=TBody.js.map

package/dist/cjs/components/atoms/Table/Body/TBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;;;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}

package/dist/cjs/components/atoms/Table/Cell/Td.js

@@ -11,3 +11,4 @@ const Td = ({
 };
 
 module.exports = Td;
+//# sourceMappingURL=Td.js.map

package/dist/cjs/components/atoms/Table/Cell/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":["TCell"],"mappings":";;;;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,YAAA,EAAA,EAAO,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}

package/dist/cjs/components/atoms/Table/Cell/styled.js

@@ -13,3 +13,4 @@ const TCell = styled("td")`
 `;
 
 exports.TCell = TCell;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/Cell/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Cell/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TCell = styled('td')<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n\n  color: ${({ theme }) => theme.font.color.dark};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  line-height: ${({ theme }) => theme.typography.base.lineHeight};\n  font-family: ${({ theme }) => theme.font.stack.default};\n`;\n"],"names":[],"mappings":";;;;AAGa,MAAA,KAAA,GAAQ,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EACnB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,SAAA,EAEnC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA,eAAA,EAC9B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,OAAO,IAAI,CAAA;AAAA,aAAA,EACvC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,KAAK,QAAQ,CAAA;AAAA,eAAA,EAC3C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,KAAK,UAAU,CAAA;AAAA,eAAA,EAC/C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,OAAO,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Table/Container/TableContainer.js

@@ -11,3 +11,4 @@ const TableContainer = ({
 };
 
 module.exports = TableContainer;
+//# sourceMappingURL=TableContainer.js.map

package/dist/cjs/components/atoms/Table/Container/TableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"names":["TContainer"],"mappings":";;;;;AAGA,MAAM,iBAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACzC;;;;"}

package/dist/cjs/components/atoms/Table/Container/styled.js

@@ -12,3 +12,4 @@ const TContainer = styled("div")`
 `;
 
 exports.TContainer = TContainer;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/Container/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Container/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"names":["hex2rgba"],"mappings":";;;;;AAGa,MAAA,UAAA,GAAa,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,iBAAA,EAClD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA,IAEnD,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMA,mBAAS,KAAM,CAAA,aAAA,CAAc,MAAQ,EAAA,IAAI,CAAC,CAAA;AAAA,WAClD,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAI,EAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Table/Footer/TFoot.js

@@ -11,3 +11,4 @@ const TFoot = ({
 };
 
 module.exports = TFoot;
+//# sourceMappingURL=TFoot.js.map

package/dist/cjs/components/atoms/Table/Footer/TFoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFoot.js","sources":["../../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nconst TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"names":["TFooter"],"mappings":";;;;;AAGA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,cAAA,EAAA,EAAS,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACtC;;;;"}

package/dist/cjs/components/atoms/Table/Footer/styled.js

@@ -10,3 +10,4 @@ const TFooter = styled("tfoot")`
 `;
 
 exports.TFooter = TFooter;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/Footer/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TFooter = styled('tfoot')`\n  & > tr {\n    box-shadow: none;\n    border-radius: unset;\n  }\n`;\n"],"names":[],"mappings":";;;;AAEa,MAAA,OAAA,GAAU,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Table/Header/THead.js

@@ -12,3 +12,4 @@ const THead = ({
 };
 
 module.exports = THead;
+//# sourceMappingURL=THead.js.map

package/dist/cjs/components/atoms/Table/Header/THead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"THead.js","sources":["../../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return (\n    <THeadStyled {...rest}>\n      {children}\n      <Tr>\n        <td colSpan={99}>\n          <HeaderBackground />\n        </td>\n      </Tr>\n    </THeadStyled>\n  );\n};\n\nexport default THead;\n"],"names":["THeadStyled","HeaderBackground"],"mappings":";;;;;;AAIA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,kBAAA,EAAA,EAAa,GAAG,IAAA,EAAA,EACd,0BACA,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAS,EACX,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,uBAAiB,EAAA,IAAA,CACpB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Table/Header/Th.js

@@ -11,3 +11,4 @@ const Th = ({
 };
 
 module.exports = Th;
+//# sourceMappingURL=Th.js.map

package/dist/cjs/components/atoms/Table/Header/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.js","sources":["../../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nconst Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"names":["ThStyled"],"mappings":";;;;;AAGA,MAAM,KAAmE,CAAC;AAAA,EACxE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,eAAA,EAAA,EAAU,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACvC;;;;"}

package/dist/cjs/components/atoms/Table/Header/styled.js

@@ -31,3 +31,4 @@ const HeaderBackground = styled("hr")`
 exports.HeaderBackground = HeaderBackground;
 exports.THeadStyled = THeadStyled;
 exports.ThStyled = ThStyled;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/Header/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ThStyled = styled('th')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.centi} ${theme.spacing.deca}`};\n  color: ${({ theme }) => theme.font.color.medium};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  font-size: ${({ theme }) => theme.typography.sub.fontSize};\n  line-height: ${({ theme }) => theme.typography.sub.lineHeight};\n  font-family: ${({ theme }) => theme.font.stack.default};\n\n  text-align: start;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const THeadStyled = styled('thead')<Partial<StyleProps>>`\n  & > tr {\n    border-radius: unset;\n    box-shadow: none;\n  }\n`;\n\nexport const HeaderBackground = styled('hr')<Partial<StyleProps>>`\n  margin: -51px -25px 4px -25px;\n  height: 42px;\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n  border: 0;\n`;\n"],"names":[],"mappings":";;;;AAGa,MAAA,QAAA,GAAW,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EACtB,CAAC,EAAE,KAAM,EAAA,KAAM,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAI,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAE,CAAA,CAAA;AAAA,SAAA,EAC/D,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,MAAM,CAAA;AAAA,eAAA,EAChC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,OAAO,IAAI,CAAA;AAAA,aAAA,EACvC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,IAAI,QAAQ,CAAA;AAAA,eAAA,EAC1C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,IAAI,UAAU,CAAA;AAAA,eAAA,EAC9C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQ3C,MAAA,WAAA,GAAc,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO5B,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,oBAAA,EAGrB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA;AAAA;;;;;;"}

package/dist/cjs/components/atoms/Table/Row/Tr.js

@@ -11,3 +11,4 @@ const Tr = ({
 };
 
 module.exports = Tr;
+//# sourceMappingURL=Tr.js.map

package/dist/cjs/components/atoms/Table/Row/Tr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tr.js","sources":["../../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nconst Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"names":["TRow"],"mappings":";;;;;AAGA,MAAM,KAA0D,CAAC;AAAA,EAC/D,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,WAAA,EAAA,EAAM,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACnC;;;;"}

package/dist/cjs/components/atoms/Table/Row/styled.js

@@ -10,3 +10,4 @@ const TRow = styled("tr")`
 `;
 
 exports.TRow = TRow;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/Row/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Row/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"names":["hex2rgba"],"mappings":";;;;;AAGa,MAAA,IAAA,GAAO,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,IAEzB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMA,mBAAS,KAAM,CAAA,aAAA,CAAc,MAAQ,EAAA,IAAI,CAAC,CAAA;AAAA,iBAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Table/Table.js

@@ -11,3 +11,4 @@ const Table = ({
 };
 
 module.exports = Table;
+//# sourceMappingURL=Table.js.map

package/dist/cjs/components/atoms/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nconst Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"names":["TableStyled"],"mappings":";;;;;AAGA,MAAM,QAA+D,CAAC;AAAA,EACpE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,kBAAA,EAAA,EAAa,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC1C;;;;"}

package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js

@@ -14,3 +14,4 @@ const TableToolbar = ({
 };
 
 module.exports = TableToolbar;
+//# sourceMappingURL=TableToolbar.js.map

package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","sources":["../../../../../../src/components/atoms/Table/Toolbar/TableToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { TableToolbarStyled } from './styled';\nimport { Text } from '@tecsinapse/react-core';\n\nexport interface TableToolbarProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  rightIcons?: React.ReactNode;\n  footer?: React.ReactNode;\n  title: string;\n}\n\nconst TableToolbar: React.FC<TableToolbarProps> = ({\n  rightIcons,\n  title,\n  footer,\n  ...rest\n}) => {\n  return (\n    <>\n      <TableToolbarStyled {...rest}>\n        <Text typography=\"h3\" fontWeight=\"bold\">\n          {title}\n        </Text>\n        {rightIcons}\n      </TableToolbarStyled>\n      {footer}\n    </>\n  );\n};\n\nexport default TableToolbar;\n"],"names":["TableToolbarStyled","Text"],"mappings":";;;;;;AAWA,MAAM,eAA4C,CAAC;AAAA,EACjD,UAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACA,yBAAoB,EAAA,EAAA,GAAG,wBACrB,KAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,EAAK,UAAW,EAAA,IAAA,EAAK,YAAW,MAC9B,EAAA,EAAA,KACH,CACC,EAAA,UACH,GACC,MACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Table/Toolbar/styled.js

@@ -10,3 +10,4 @@ const TableToolbarStyled = styled("div")`
 `;
 
 exports.TableToolbarStyled = TableToolbarStyled;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/Toolbar/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Toolbar/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TableToolbarStyled = styled('div')`\n  padding: 0 32px 12px 32px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n"],"names":[],"mappings":";;;;AAEa,MAAA,kBAAA,GAAqB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Table/styled.js

@@ -9,3 +9,4 @@ const TableStyled = styled("table")`
 `;
 
 exports.TableStyled = TableStyled;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Table/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n  width: 100%;\n  min-width: 200px;\n  border-spacing: ${({ theme }) =>\n    `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"names":[],"mappings":";;;;AAGa,MAAA,WAAA,GAAc,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA;AAAA,kBAAA,EAGrB,CAAC,EAAE,KAAM,EAAA,KACzB,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAE,CAAA,CAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Tag/Tag.js

@@ -38,3 +38,4 @@ const Tag = ({
 };
 
 module.exports = Tag;
+//# sourceMappingURL=Tag.js.map

package/dist/cjs/components/atoms/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Text,\n  Tag as TagCore,\n  TagProps as TagCoreProps,\n  TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n  value: string | ReactNode;\n  textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  textProps,\n  backgroundColorVariant,\n  backgroundColorTone,\n  ...rest\n}): JSX.Element => {\n  const {\n    colorVariant = 'secondary',\n    colorTone = 'dark',\n    fontStack = 'default',\n    fontWeight = 'bold',\n  } = textProps || {};\n  return (\n    <TagCore\n      backgroundColorVariant={backgroundColorVariant}\n      backgroundColorTone={backgroundColorTone}\n      value={\n        <Text\n          colorVariant={colorVariant}\n          colorTone={colorTone}\n          fontStack={fontStack}\n          fontWeight={fontWeight}\n          typography={rest.variant === 'small' ? 'sub' : 'base'}\n        >\n          {value}\n        </Text>\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default Tag;\n"],"names":["TagCore","Text"],"mappings":";;;;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,aAAA;AAAA,IAAA;AAAA,MACC,sBAAA;AAAA,MACA,mBAAA;AAAA,MACA,KACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAACC,cAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,SAAA;AAAA,QAE9C,KAAA;AAAA,OACH;AAAA,MAED,GAAG,IAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Tooltip/Tooltip.js

@@ -42,3 +42,4 @@ const Tooltip = ({
 };
 
 module.exports = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/atoms/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\nexport type MaxWidth = number;\n\nexport interface ITooltip {\n  title: string;\n  position?: Position;\n  children?: React.ReactNode;\n  maxWidht?: MaxWidth;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n  children,\n  title,\n  maxWidht,\n  position = 'bottom',\n}) => {\n  const spanRef = React.useRef<HTMLSpanElement | null>();\n  const [computed, setComputed] = React.useState<ComputedType | undefined>(\n    undefined\n  );\n\n  React.useLayoutEffect(() => {\n    setComputed({\n      width: spanRef.current?.clientWidth,\n      height: spanRef.current?.clientHeight,\n    });\n  }, []);\n\n  return (\n    <Container position={position}>\n      {children}\n      <TooltipSpan\n        maxWidth={maxWidht}\n        computed={computed}\n        position={position}\n        ref={ref => (spanRef.current = ref)}\n      >\n        <Text\n          fontWeight=\"bold\"\n          typography=\"base\"\n          colorVariant=\"secondary\"\n          colorTone=\"xlight\"\n        >\n          {title}\n        </Text>\n      </TooltipSpan>\n    </Container>\n  );\n};\n\nexport default Tooltip;\n"],"names":["Container","TooltipSpan","Text"],"mappings":";;;;;;AAeA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAY,WAAA,CAAA;AAAA,MACV,KAAA,EAAO,QAAQ,OAAS,EAAA,WAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,OAAS,EAAA,YAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,gBAAU,EAAA,EAAA,QAAA,EAAA,EACR,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,QAAA;AAAA,MACV,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA,EAAK,CAAQ,GAAA,KAAA,OAAA,CAAQ,OAAU,GAAA,GAAA;AAAA,KAAA;AAAA,oBAE/B,KAAA,CAAA,aAAA;AAAA,MAACC,cAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,MAAA;AAAA,QACX,UAAW,EAAA,MAAA;AAAA,QACX,YAAa,EAAA,WAAA;AAAA,QACb,SAAU,EAAA,QAAA;AAAA,OAAA;AAAA,MAET,KAAA;AAAA,KACH;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Tooltip/styled.js

@@ -115,3 +115,4 @@ const Container = styled("div")`
 
 exports.Container = Container;
 exports.TooltipSpan = TooltipSpan;
+//# sourceMappingURL=styled.js.map