@tecsinapse/react-web-kit 2.0.2 → 2.1.1

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

@@ -1 +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":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAa,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,UAAA,EAC9B,CAAC,EAAE,MAAO,EAAA,KAAM,GAAG,MAAc,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,YAAa,CAAA,MAAM,CAAI,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}
+{"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":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,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,GAAA,GAAA,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/esm/components/atoms/Switch/Switch.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React, { useRef, useCallback } from 'react';
 import { useTheme, lightenDarkenColor } from '@tecsinapse/react-core';
 import { Transition } from 'react-transition-group';
 import { StyledSwitchContent, StyledSwitch } from './styled.js';
@@ -14,6 +14,7 @@ const Switch = ({
   ...rest
 }) => {
   const theme = useTheme();
+  const transitionRef = useRef(null);
   const handleChange = useCallback(() => {
     if (!disabled)
       onChange(!active);
@@ -55,7 +56,7 @@ const Switch = ({
     exiting: { transform: "translateX(150%)" },
     exited: { transform: "translateX(0%)" }
   };
-  return /* @__PURE__ */ React.createElement(Transition, { in: active, timeout: 100 }, (state) => /* @__PURE__ */ React.createElement("div", { onClick: handleChange }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Transition, { in: active, timeout: 100, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React.createElement("div", { onClick: handleChange, ref: transitionRef }, /* @__PURE__ */ React.createElement(
     StyledSwitchContent,
     {
       ...rest,

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } 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 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}>\n      {state => (\n        <div onClick={handleChange}>\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":[],"mappings":";;;;;AASA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,WAAc,GAAA,SAAA;AAAA,EACd,eAAkB,GAAA,QAAA;AAAA,EAClB,aAAgB,GAAA,WAAA;AAAA,EAChB,iBAAoB,GAAA,OAAA;AAAA,EACpB,MAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,QAAA,CAAS,CAAC,MAAM,CAAA,CAAA;AAAA,GAC9B,EAAA,CAAC,MAAQ,EAAA,QAAQ,CAAC,CAAA,CAAA;AAErB,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,UAAY,EAAA,CAAA,cAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,IAAO,OAAA,QAAA,GACH,mBAAmB,KAAM,CAAA,KAAA,CAAM,aAAa,CAAE,CAAA,iBAAiB,CAAG,EAAA,EAAE,CACpE,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,0BAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,aAAa,CAAA,CAAE,iBAAiB,CAAA;AAAA,OAC9C;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,eAAe,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,eAAe,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,aAAa,CAAA,CAAE,iBAAiB,CAAA;AAAA,OAC9C;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,YAAY,CAAa,UAAA,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,QAAA,EAAU,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,IACxC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,GACxC,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,OAAA,EAAS,OAC9B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,OAAA,EAAS,YACZ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,GAAG,sBAAA;AAAA,QACH,GAAG,2BAA2B,KAAK,CAAA;AAAA,OACrC;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,kBAAA;AAAA,UACH,GAAG,uBAAuB,KAAK,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,KACF;AAAA,GAEJ,CAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"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":[],"mappings":"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"}

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

@@ -1 +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":[],"mappings":";;;AAQO,MAAM,sBAAsB,MAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,aAAA,EAEtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,SAAA,EAEjC,WAAW,iBAAiB,CAAA,CAAA;AAAA,UAAA,EAC3B,WAAW,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMtB,MAAM,eAAe,MAAO,CAAA,GAAA,CAAA;AAAA,iBAAA,EAChB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EAC9C,WAAW,gBAAgB,CAAA,CAAA;AAAA,UAAA,EAC1B,WAAW,MAAM,CAAA,CAAA;AAAA;;;;"}
+{"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":[],"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,EAAA,UAAA,CAAW,iBAAiB,CAAC,CAAA;AAAA,UAC5B,EAAA,UAAA,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,EAAA,UAAA,CAAW,gBAAgB,CAAC,CAAA;AAAA,UAC3B,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA;;;;"}

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

@@ -1 +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,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,SAAA,EAE/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,IAAA,CAAA;AAAA,eAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,IAAA,CAAA;AAAA,aAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,IAAK,CAAA,QAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,IAAK,CAAA,UAAA,CAAA;AAAA,eAAA,EACrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,OAAA,CAAA;AAAA;;;;"}
+{"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/esm/components/atoms/Table/Container/styled.js.map

@@ -1 +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":[],"mappings":";;;AAGa,MAAA,UAAA,GAAa,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE/C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,WAAA,EACjD,CAAC,EAAE,KAAA,EAAY,KAAA,CAAA,EAAG,MAAM,OAAQ,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA;;;;"}
+{"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":[],"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,KAAM,SAAS,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/esm/components/atoms/Table/Header/styled.js.map

@@ -1 +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,WACtB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,SAAA,EACzD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA,eAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,IAAA,CAAA;AAAA,aAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AAAA,eAAA,EAClC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,UAAA,CAAA;AAAA,eAAA,EACpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,OAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQpC,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,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;AAAA;;;;"}
+{"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/esm/components/atoms/Table/Row/styled.js.map

@@ -1 +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":[],"mappings":";;;AAGa,MAAA,IAAA,GAAO,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,IAEzB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,iBAAA,EAC3C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;;;;"}
+{"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":[],"mappings":";;;AAGa,MAAA,IAAA,GAAO,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,IAEzB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,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/esm/components/atoms/Table/styled.js.map

@@ -1 +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,kBAGrB,EAAA,CAAC,EAAE,KAAM,EAAA,KACzB,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA;;;;"}
+{"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/esm/components/atoms/Tooltip/Tooltip.d.ts

@@ -4,10 +4,12 @@ export type ComputedType = {
     height?: number;
 };
 export type Position = 'top' | 'bottom' | 'right' | 'left';
+export type MaxWidth = number;
 export interface ITooltip {
     title: string;
     position?: Position;
     children?: React.ReactNode;
+    maxWidht?: MaxWidth;
 }
 declare const Tooltip: React.FC<ITooltip>;
 export default Tooltip;

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

@@ -5,6 +5,7 @@ import { Container, TooltipSpan } from './styled.js';
 const Tooltip = ({
   children,
   title,
+  maxWidht,
   position = "bottom"
 }) => {
   const spanRef = React.useRef();
@@ -20,6 +21,7 @@ const Tooltip = ({
   return /* @__PURE__ */ React.createElement(Container, { position }, children, /* @__PURE__ */ React.createElement(
     TooltipSpan,
     {
+      maxWidth: maxWidht,
       computed,
       position,
       ref: (ref) => spanRef.current = ref

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

@@ -1 +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';\n\nexport interface ITooltip {\n  title: string;\n  position?: Position;\n  children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n  children,\n  title,\n  position = 'bottom',\n}) => {\n  const spanRef = React.useRef<HTMLSpanElement | null>();\n  const [computed, setComputed] = React.useState<ComputedType | undefined>(\n    undefined\n  );\n\n  React.useLayoutEffect(() => {\n    setComputed({\n      width: spanRef.current?.clientWidth,\n      height: spanRef.current?.clientHeight,\n    });\n  }, []);\n\n  return (\n    <Container position={position}>\n      {children}\n      <TooltipSpan\n        computed={computed}\n        position={position}\n        ref={ref => (spanRef.current = ref)}\n      >\n        <Text\n          fontWeight=\"bold\"\n          typography=\"base\"\n          colorVariant=\"secondary\"\n          colorTone=\"xlight\"\n        >\n          {title}\n        </Text>\n      </TooltipSpan>\n    </Container>\n  );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;AAaA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;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,CAAC,SAAU,EAAA,EAAA,QAAA,EAAA,EACR,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,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,MAAC,IAAA;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;;;;"}
+{"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":[],"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,CAAC,SAAU,EAAA,EAAA,QAAA,EAAA,EACR,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;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,MAAC,IAAA;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/esm/components/atoms/Tooltip/styled.js

@@ -58,11 +58,13 @@ const rightArrow = (theme, position) => position === "right" && css`
       transparent;
   `;
 const TooltipSpan = styled("span")(
-  ({ theme, computed, position }) => {
+  ({ theme, computed, position, maxWidth }) => {
     const { width = 0, height = 0 } = computed || {};
     return css`
+      max-width: ${maxWidth ? `${maxWidth}px` : "auto"};
       position: absolute;
       width: max-content;
+      line-break: anywhere;
       padding: ${theme.spacing.micro} ${theme.spacing.centi};
       border-radius: ${theme.borderRadius.mili};
       opacity: 0;
@@ -98,6 +100,7 @@ const TooltipSpan = styled("span")(
 );
 const Container = styled("div")`
   position: relative;
+  width: auto;
   &:hover {
     & > span {
       opacity: 1;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"names":[],"mappings":";;;AAQA,MAAM,uBAAA,GAA0B,CAAC,KAAA,EAAe,QAC9C,KAAA,CAAC,OAAO,QAAQ,CAAA,CAAE,QAAS,CAAA,QAAoB,CAC/C,IAAA,GAAA,CAAA;AAAA;AAAA,kBAAA,EAEkB,KAAQ,GAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG5B,MAAM,sBAAA,GAAyB,CAAC,QAC9B,KAAA,CAAC,OAAO,QAAQ,CAAA,CAAE,QAAS,CAAA,QAAoB,CAC/C,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMF,MAAM,SAAY,GAAA,CAAC,KAAkB,EAAA,QAAA,KACnC,aAAa,KACb,IAAA,GAAA,CAAA;AAAA;AAAA,mBAAA,EAEmB,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAInC,MAAM,QAAW,GAAA,CAAC,KAAkB,EAAA,QAAA,KAClC,aAAa,KACb,IAAA,GAAA,CAAA;AAAA;AAAA,kBAEkB,EAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAK1C,MAAM,YAAe,GAAA,CAAC,KAAkB,EAAA,QAAA,KACtC,aAAa,QACb,IAAA,GAAA,CAAA;AAAA;AAAA,gBAAA,EAEgB,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIhC,MAAM,WAAc,GAAA,CAAC,KAAkB,EAAA,QAAA,KACrC,aAAa,QACb,IAAA,GAAA,CAAA;AAAA;AAAA,0CAE0C,EAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAKlE,MAAM,wBAAA,GAA2B,CAAC,MAAA,EAAgB,QAChD,KAAA,CAAC,SAAS,MAAM,CAAA,CAAE,QAAS,CAAA,QAAoB,CAC/C,IAAA,GAAA,CAAA;AAAA;AAAA,iBAAA,EAEiB,MAAS,GAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG5B,MAAM,sBAAA,GAAyB,CAAC,QAC9B,KAAA,CAAC,SAAS,MAAM,CAAA,CAAE,QAAS,CAAA,QAAoB,CAC/C,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMF,MAAM,UAAa,GAAA,CAAC,KAAkB,EAAA,QAAA,KACpC,aAAa,MACb,IAAA,GAAA,CAAA;AAAA;AAAA,kBAAA,EAEkB,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIlC,MAAM,SAAY,GAAA,CAAC,KAAkB,EAAA,QAAA,KACnC,aAAa,MACb,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,MAGM,EAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAI9B,MAAM,WAAc,GAAA,CAAC,KAAkB,EAAA,QAAA,KACrC,aAAa,OACb,IAAA,GAAA,CAAA;AAAA;AAAA,iBAAA,EAEiB,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjC,MAAM,UAAa,GAAA,CAAC,KAAkB,EAAA,QAAA,KACpC,aAAa,OACb,IAAA,GAAA,CAAA;AAAA;AAAA,8BAE8B,EAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIzC,MAAA,WAAA,GAAc,OAAO,MAAM,CAAA;AAAA,EACtC,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,UAAe,KAAA;AACjC,IAAA,MAAM,EAAE,KAAQ,GAAA,CAAA,EAAG,SAAS,CAAE,EAAA,GAAI,YAAY,EAAC,CAAA;AAC/C,IAAO,OAAA,GAAA,CAAA;AAAA;AAAA;AAAA,eAAA,EAGM,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,qBAAA,EAC/B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,wBAIhB,EAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,eAAA,EAC/B,MAAM,MAAO,CAAA,QAAA,CAAA;AAAA;AAAA,MAEtB,EAAA,uBAAA,CAAwB,OAAO,QAAQ,CAAA,CAAA;AAAA,MACvC,EAAA,YAAA,CAAa,OAAO,QAAQ,CAAA,CAAA;AAAA,MAC5B,EAAA,SAAA,CAAU,OAAO,QAAQ,CAAA,CAAA;AAAA;AAAA,MAEzB,EAAA,wBAAA,CAAyB,QAAQ,QAAQ,CAAA,CAAA;AAAA,MACzC,EAAA,UAAA,CAAW,OAAO,QAAQ,CAAA,CAAA;AAAA,MAC1B,EAAA,WAAA,CAAY,OAAO,QAAQ,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,EAQzB,uBAAuB,QAAQ,CAAA,CAAA;AAAA,QAC/B,EAAA,WAAA,CAAY,OAAO,QAAQ,CAAA,CAAA;AAAA,QAC3B,EAAA,QAAA,CAAS,OAAO,QAAQ,CAAA,CAAA;AAAA;AAAA,QAAA,EAExB,uBAAuB,QAAQ,CAAA,CAAA;AAAA,QAC/B,EAAA,SAAA,CAAU,OAAO,QAAQ,CAAA,CAAA;AAAA,QACzB,EAAA,UAAA,CAAW,OAAO,QAAQ,CAAA,CAAA;AAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAGlC;AACF,EAAA;AAEa,MAAA,SAAA,GAAY,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOlB,EAAA,CAAC,EAAE,QAAS,EAAA,KACvB,aAAa,MAAU,IAAA,QAAA,KAAa,UAChC,gBACA,GAAA,gBAAA,CAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, MaxWidth, Position } from './Tooltip';\n\ntype InjectedProps = {\n  computed?: ComputedType;\n  position?: Position;\n  maxWidth?: MaxWidth;\n};\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position, maxWidth }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      max-width: ${maxWidth ? `${maxWidth}px` : 'auto'};\n      position: absolute;\n      width: max-content;\n      line-break: anywhere;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{\n  position?: Position;\n}>`\n  position: relative;\n  width: auto;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAK7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAK7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGtC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC9B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,0BAAA,GAA6B,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAChD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,0BAAA,GAA6B,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIxD,CAAC,EAAE,KAAM,EAAA,KAAM,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAE,CAAA,CAAA;AAAA,iBAAA,EACtD,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA,IAE/D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,MAAQ,EAAA,IAAI,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/components/molecules/DatePicker/DatePicker.js

@@ -53,7 +53,7 @@ const DatePicker = ({
             callbackAfterValidated?.(false, "Data inv\xE1lida");
           }
           if (controlledInput?.length === 8) {
-            const auxData = parse(controlledInput, "ddMMyyyy", new Date(), {
+            const auxData = parse(controlledInput, "ddMMyyyy", /* @__PURE__ */ new Date(), {
               locale
             });
             const isValidDate = isValid(auxData);

package/dist/esm/components/molecules/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Button,\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  Masks,\n  SelectionType,\n  CalendarIcon,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n> & {\n  callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  locale,\n  onChange,\n  callbackAfterValidated,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const [controlledInput, setControlledInput] = useState<string>();\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n  const [error, setError] = useState<boolean>(false);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const checksFullRange = useCallback(() => {\n    if(type === 'range' && !(value as DateRange)?.highest)\n      onChange?.(undefined)\n  }, [value])\n\n  const controlComponent = (onPress, displayValue) => {\n    return (\n      <InputMask\n        onBlur={() => {\n          if (\n            (controlledInput ?? []).length < 8 &&\n            (controlledInput ?? []).length > 0\n          ) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n          if (controlledInput?.length === 8) {\n            const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n              locale,\n            });\n            const isValidDate = isValid(auxData);\n            callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n            if (isValidDate && auxData !== value) {\n              setError(false);\n              onChange?.(auxData as typeof value);\n            }\n          }\n          if (controlledInput?.length === 0) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n        }}\n        mask={Masks.DATE}\n        value={displayValue}\n        hint={error ? 'Data inválida' : undefined}\n        variant={error ? 'error' : 'default'}\n        onChange={input => {\n          setControlledInput(input);\n          if ((error && input.length < 8) || isValid(value)) {\n            callbackAfterValidated?.(true);\n            setError(false);\n          }\n        }}\n        placeholder={'Não informada'}\n        rightComponent={\n          <Button\n            effect={'none'}\n            variant={'text'}\n            style={{ padding: 0 }}\n            onPress={onPress}\n          >\n            <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n          </Button>\n        }\n      />\n    );\n  };\n\n  if (type === 'day') {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n        controlComponent={controlComponent}\n      />\n    );\n  } else {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={(calendar, handleBlur) =>\n                  <Dropdown visible={visible} setVisible={setVisible}\n                            onClickAway={() => {\n                                handleBlur?.()\n                                checksFullRange()\n                            }}\n                  >\n                    {calendar}\n                  </Dropdown>\n        }\n      />\n    );\n  }\n};\n"],"names":["DatePickerCore"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Button,\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  Masks,\n  SelectionType,\n  CalendarIcon,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n> & {\n  callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  locale,\n  onChange,\n  callbackAfterValidated,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const [controlledInput, setControlledInput] = useState<string>();\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n  const [error, setError] = useState<boolean>(false);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const checksFullRange = useCallback(() => {\n    if(type === 'range' && !(value as DateRange)?.highest)\n      onChange?.(undefined)\n  }, [value])\n\n  const controlComponent = (onPress, displayValue) => {\n    return (\n      <InputMask\n        onBlur={() => {\n          if (\n            (controlledInput ?? []).length < 8 &&\n            (controlledInput ?? []).length > 0\n          ) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n          if (controlledInput?.length === 8) {\n            const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n              locale,\n            });\n            const isValidDate = isValid(auxData);\n            callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n            if (isValidDate && auxData !== value) {\n              setError(false);\n              onChange?.(auxData as typeof value);\n            }\n          }\n          if (controlledInput?.length === 0) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n        }}\n        mask={Masks.DATE}\n        value={displayValue}\n        hint={error ? 'Data inválida' : undefined}\n        variant={error ? 'error' : 'default'}\n        onChange={input => {\n          setControlledInput(input);\n          if ((error && input.length < 8) || isValid(value)) {\n            callbackAfterValidated?.(true);\n            setError(false);\n          }\n        }}\n        placeholder={'Não informada'}\n        rightComponent={\n          <Button\n            effect={'none'}\n            variant={'text'}\n            style={{ padding: 0 }}\n            onPress={onPress}\n          >\n            <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n          </Button>\n        }\n      />\n    );\n  };\n\n  if (type === 'day') {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n        controlComponent={controlComponent}\n      />\n    );\n  } else {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={(calendar, handleBlur) =>\n                  <Dropdown visible={visible} setVisible={setVisible}\n                            onClickAway={() => {\n                                handleBlur?.()\n                                checksFullRange()\n                            }}\n                  >\n                    {calendar}\n                  </Dropdown>\n        }\n      />\n    );\n  }\n};\n"],"names":["DatePickerCore"],"mappings":";;;;;;AAyBO,MAAM,aAAa,CAA0B;AAAA,EAClD,KAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,sBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA0C,KAAA;AACxC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAiB,EAAA,CAAA;AAC/D,EAAA,MAAM,OAAO,WAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,WAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AACrD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAEjD,EAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC5B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,WAAY,EAAA,CAAA;AAAA,OACtD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,WAAY,EAAA,CAAA;AAAA,OAC7C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAM,MAAA,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,QAAS,EAAA,CAAA;AAAA,OACnD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,QAAS,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAG,IAAA,IAAA,KAAS,OAAW,IAAA,CAAE,KAAqB,EAAA,OAAA;AAC5C,MAAA,QAAA,GAAW,KAAS,CAAA,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAM,MAAA,gBAAA,GAAmB,CAAC,OAAA,EAAS,YAAiB,KAAA;AAClD,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAQ,MAAM;AACZ,UACG,IAAA,CAAA,eAAA,IAAmB,EAAI,EAAA,MAAA,GAAS,MAChC,eAAmB,IAAA,EAAI,EAAA,MAAA,GAAS,CACjC,EAAA;AACA,YAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACb,YAAA,sBAAA,GAAyB,OAAO,kBAAe,CAAA,CAAA;AAAA,WACjD;AACA,UAAI,IAAA,eAAA,EAAiB,WAAW,CAAG,EAAA;AACjC,YAAA,MAAM,UAAU,KAAM,CAAA,eAAA,EAAiB,UAAY,kBAAA,IAAI,MAAQ,EAAA;AAAA,cAC7D,MAAA;AAAA,aACD,CAAA,CAAA;AACD,YAAM,MAAA,WAAA,GAAc,QAAQ,OAAO,CAAA,CAAA;AACnC,YAAA,sBAAA,GAAyB,aAAa,kBAAe,CAAA,CAAA;AAErD,YAAI,IAAA,WAAA,IAAe,YAAY,KAAO,EAAA;AACpC,cAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AACd,cAAA,QAAA,GAAW,OAAuB,CAAA,CAAA;AAAA,aACpC;AAAA,WACF;AACA,UAAI,IAAA,eAAA,EAAiB,WAAW,CAAG,EAAA;AACjC,YAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACb,YAAA,sBAAA,GAAyB,OAAO,kBAAe,CAAA,CAAA;AAAA,WACjD;AAAA,SACF;AAAA,QACA,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,KAAO,EAAA,YAAA;AAAA,QACP,IAAA,EAAM,QAAQ,kBAAkB,GAAA,KAAA,CAAA;AAAA,QAChC,OAAA,EAAS,QAAQ,OAAU,GAAA,SAAA;AAAA,QAC3B,UAAU,CAAS,KAAA,KAAA;AACjB,UAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AACxB,UAAA,IAAK,SAAS,KAAM,CAAA,MAAA,GAAS,CAAM,IAAA,OAAA,CAAQ,KAAK,CAAG,EAAA;AACjD,YAAA,sBAAA,GAAyB,IAAI,CAAA,CAAA;AAC7B,YAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,WAChB;AAAA,SACF;AAAA,QACA,WAAa,EAAA,kBAAA;AAAA,QACb,cACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,MAAQ,EAAA,MAAA;AAAA,YACR,OAAS,EAAA,MAAA;AAAA,YACT,KAAA,EAAO,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,YACpB,OAAA;AAAA,WAAA;AAAA,8CAEC,YAAa,EAAA,EAAA,IAAA,EAAK,kBAAiB,IAAK,EAAA,SAAA,EAAU,MAAK,OAAQ,EAAA,CAAA;AAAA,SAClE;AAAA,OAAA;AAAA,KAEJ,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,IAAI,SAAS,KAAO,EAAA;AAClB,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAACA,YAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,iBAAmB,EAAA,QAAA;AAAA,QACnB,QAAA;AAAA,QACA,MAAA;AAAA,QACA,KAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAM,EAAA,OAAA;AAAA,QACN,MAAQ,EAAA,YAAA;AAAA,QACR,KAAO,EAAA,QAAA;AAAA,QACP,mBAAqB,EAAA,IAAA;AAAA,QACrB,oBAAsB,EAAA,KAAA;AAAA,QACtB,gBAAgB,CACd,QAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,OAAA,EAAkB,cACzB,QACH,CAAA;AAAA,QAEF,gBAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEG,MAAA;AACL,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAACA,YAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,iBAAmB,EAAA,QAAA;AAAA,QACnB,QAAA;AAAA,QACA,MAAA;AAAA,QACA,KAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAM,EAAA,OAAA;AAAA,QACN,MAAQ,EAAA,YAAA;AAAA,QACR,KAAO,EAAA,QAAA;AAAA,QACP,mBAAqB,EAAA,IAAA;AAAA,QACrB,oBAAsB,EAAA,KAAA;AAAA,QACtB,cAAA,EAAgB,CAAC,QAAA,EAAU,UACjB,qBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAAS,OAAA;AAAA,YAAkB,UAAA;AAAA,YAClB,aAAa,MAAM;AACf,cAAa,UAAA,IAAA,CAAA;AACb,cAAgB,eAAA,EAAA,CAAA;AAAA,aACpB;AAAA,WAAA;AAAA,UAEP,QAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAEZ,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/esm/components/molecules/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { StyledContainerDrawer } from './styled.js';
 import { Transition } from 'react-transition-group';
 import Overlay from '../../atoms/Overlay/Overlay.js';
@@ -12,6 +12,7 @@ const Drawer = ({
   style,
   ...rest
 }) => {
+  const transitionRef = useRef(null);
   const getStyles = (anchorPosition2, state) => {
     const stylesLeftRight = defaultStylesLeftRight(anchorPosition2);
     const transitionLeftRight = transitionStylesLeftRight(anchorPosition2);
@@ -29,9 +30,10 @@ const Drawer = ({
       };
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { timeout: 300, open, onClose, zIndex: "drawer" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 300 }, (state) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { timeout: 300, open, onClose, zIndex: "drawer" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 300, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React.createElement(
     StyledContainerDrawer,
     {
+      ref: transitionRef,
       style: { ...style, ...getStyles(anchorPosition, state) },
       anchorPosition,
       onClose,

package/dist/esm/components/molecules/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition"],"mappings":";;;;;;AAmBA,MAAM,SAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,cAAiB,GAAA,OAAA;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAS,EAAA,GAAA,EAAK,MAAY,OAAkB,EAAA,MAAA,EAAO,QAAS,EAAA,CAAA,sCACpE,UAAW,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,OAAA,EAAS,OAC5B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,CAAA,cAAA,EAAgB,KAAK,CAAE,EAAA;AAAA,MACvD,cAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const transitionRef = useRef(null);\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300} nodeRef={transitionRef}>\n        {state => (\n          <StyledContainerDrawer\n            ref={transitionRef}\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition"],"mappings":";;;;;;AAmBA,MAAM,SAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,cAAiB,GAAA,OAAA;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,aAAA,GAAgB,OAAO,IAAI,CAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,SAAS,GAAK,EAAA,IAAA,EAAY,SAAkB,MAAO,EAAA,QAAA,EAAS,CACrE,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,EAAI,EAAA,IAAA,EAAM,SAAS,GAAK,EAAA,OAAA,EAAS,iBAC1C,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,aAAA;AAAA,MACL,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,CAAA,cAAA,EAAgB,KAAK,CAAE,EAAA;AAAA,MACvD,cAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Drawer/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"names":[],"mappings":";;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,+BAAA,EAG6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,kCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGvD,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,8BAAA,EAG4B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAAA,EAIgC,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAAA,EAI6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,8BAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGnD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAA,GAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA,WAAA,EAC/C,CAAC,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGnC,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA,aAAA,EAC7B,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE5B,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,IAAA,EACf,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"names":[],"mappings":";;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,+BAG6B,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,kCACrB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5D,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,8BAG4B,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,iCACrB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAG3D,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAIgC,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,iCACzB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAG3D,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAI6B,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,8BACzB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAA,GAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,EAAE,QAAS,CAAA,cAAc,KAAK,OAAO,CAAA;AAAA,WAAA,EACtD,CAAC,KAAO,EAAA,QAAQ,EAAE,QAAS,CAAA,cAAc,KAAK,OAAO,CAAA;AAAA;AAAA;AAAA,sBAG1C,EAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA,aACtC,EAAA,KAAA,CAAM,OAAO,MAAM,CAAA;AAAA,EAAA,CAAA,CAAA;AAElC,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,IAChB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,WAAA,CAAY,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAExB;;;;"}

package/dist/esm/components/molecules/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":[],"mappings":";;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA6B,KAAA;AAC3B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,KAAA;AAAA,UACH,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,QACC,GAAG,IAAA;AAAA,OAAA;AAAA,MAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KACpC,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,UACd,OAAA;AAAA,UACA,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,UACtB,OAAA;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEJ,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,QAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,QACV,OAAA;AAAA,QACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,QACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACf,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":[],"mappings":";;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA6B,KAAA;AAC3B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,KAAA;AAAA,UACH,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,QACC,GAAG,IAAA;AAAA,OAAA;AAAA,MAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KACpC,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,SAAS,KAAK,CAAA,CAAA;AAAA,UACnB,OAAA;AAAA,UACA,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,UACtB,OAAA;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEJ,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,QAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,QACV,OAAA;AAAA,QACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,QACjC,GAAA,EAAK,SAAS,KAAK,CAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Grid/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAM,EAAA,KAAA;AAAA,EACN,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,EAAA,EAAI,EAAI,EAAA,EAAA,KAAO,cAAe,EAAA,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,IAAA,GAAO,OAAO,KAAU,KAAA,QAAA,GAAW,QAAQ,OAAQ,CAAA,KAAA,EAAO,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAE1E,EAAA,MAAM,MAA8B,GAAA;AAAA,IAClC,GAAG,KAAA;AAAA,IACH,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,uCACJ,KAAK,EAAA,EAAA,GAAG,MAAM,KAAO,EAAA,MAAA,EAAA,EACnB,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAM,EAAA,KAAA;AAAA,EACN,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,EAAA,EAAI,EAAI,EAAA,EAAA,KAAO,cAAe,EAAA,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,IAAA,GAAO,OAAO,KAAU,KAAA,QAAA,GAAW,QAAQ,OAAQ,CAAA,KAAA,EAAO,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAE1E,EAAA,MAAM,MAA8B,GAAA;AAAA,IAClC,GAAG,KAAA;AAAA,IACH,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,WAAW,SAAa,IAAA,CAAA,EAAG,oBAAqB,CAAA,OAAA,EAAS,IAAI,CAAC,CAAA,CAAA,CAAA;AAAA,IAC9D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,uCACJ,KAAK,EAAA,EAAA,GAAG,MAAM,KAAO,EAAA,MAAA,EAAA,EACnB,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/IconTextButton/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"names":["styled"],"mappings":";;;;AAIA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EACpB,KAAA,CAAA;AAAA,aAAA,EACa,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuBA,aAAO,MAAM,CAAA,CAAA;AAAA,OAAA,EAKxC,CAAC,EAAE,KAAM,EAAA,KAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,EACnC,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"names":["styled"],"mappings":";;;;AAIA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EACpB,KAAA,CAAA;AAAA,aACa,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAItB,MAAA,oBAAA,GAAuBA,aAAO,MAAM,CAAA,CAAA;AAAA,OAAA,EAKxC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,EACvC,EAAA,CAAC,EAAE,KAAA,EAAO,KAAM,EAAA,KAAM,SAAS,UAAW,CAAA,EAAE,KAAM,EAAC,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/components/molecules/LabeledSwitch/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"names":["webStyled"],"mappings":";;;;AAIa,MAAA,SAAA,GAAYA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"names":["webStyled"],"mappings":";;;;AAIa,MAAA,SAAA,GAAYA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBACU,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAE9B,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBACW,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MAAA,CAAA,CAAA;AAE1C,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/components/molecules/Masonry/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: stretch;\n  flex: 1;\n  width: 0;\n  margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAS3B,CAAC,EAAE,KAAO,EAAA,KAAA,EAAO,WAAc,GAAA,MAAA,EAC5C,KAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,CAAM,OAAQ,CAAA,WAAW,CAAI,GAAA,SAAA,CAAA;AAAA,EAAA;AAGhC,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EAGzB,CAAC,EAAE,KAAO,EAAA,KAAA,EAAO,UAAa,GAAA,MAAA,EAC1C,KAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,CAAM,OAAQ,CAAA,UAAU,CAAI,GAAA,SAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: stretch;\n  flex: 1;\n  width: 0;\n  margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAS3B,CAAC,EAAE,KAAO,EAAA,KAAA,EAAO,WAAc,GAAA,MAAA,EAC5C,KAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,CAAM,OAAQ,CAAA,WAAW,IAAI,SAAS,CAAA;AAAA,EAAA;AAGzC,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EAGzB,CAAC,EAAE,KAAO,EAAA,KAAA,EAAO,UAAa,GAAA,MAAA,EAC1C,KAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,CAAM,OAAQ,CAAA,UAAU,IAAI,SAAS,CAAA;AAAA;;;;"}

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBlock.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n  StyledContainerItems,\n  StyledContainerMenu,\n  StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n  toggle: () => void;\n  options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n  return (\n    <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n      {options.map(data => (\n        <React.Fragment key={`${data.title}`}>\n          <StyledContainerMenu>\n            {data.leftComponents && (\n              <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n            )}\n            <Text fontWeight=\"bold\">{data.title}</Text>\n          </StyledContainerMenu>\n          <StyledContainerItems>\n            {data.items.map(\n              ({\n                title,\n                Component,\n                props,\n                rightComponents,\n                items,\n              }: ItemsOptions) => (\n                <MenuItem\n                  items={items}\n                  key={title}\n                  title={title}\n                  Component={Component}\n                  rightComponents={rightComponents}\n                  props={props}\n                  toggle={toggle}\n                />\n              )\n            )}\n          </StyledContainerItems>\n        </React.Fragment>\n      ))}\n    </Masonry>\n  );\n};\n\nexport default React.memo(MenuBlock);\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,2CACG,OAAQ,EAAA,EAAA,OAAA,EAAS,CAAG,EAAA,UAAA,EAAW,QAAO,WAAY,EAAA,MAAA,EAAA,EAChD,OAAQ,CAAA,GAAA,CAAI,0BACV,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,UAAN,EAAe,GAAA,EAAK,GAAG,IAAK,CAAA,KAAA,CAAA,CAAA,EAAA,kBAC1B,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EACE,KAAK,cACJ,oBAAA,KAAA,CAAA,aAAA,CAAC,2BAAqB,IAAK,CAAA,cAAe,mBAE3C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,MAAA,EAAA,EAAQ,KAAK,KAAM,CACtC,mBACC,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA;AAAA,IACV,CAAC;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,KAEA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,GAAK,EAAA,KAAA;AAAA,QACL,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,OAAA;AAAA,KACF;AAAA,GAGN,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,kBAAe,KAAA,CAAM,KAAK,SAAS,CAAA;;;;"}
+{"version":3,"file":"MenuBlock.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n  StyledContainerItems,\n  StyledContainerMenu,\n  StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n  toggle: () => void;\n  options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n  return (\n    <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n      {options.map(data => (\n        <React.Fragment key={`${data.title}`}>\n          <StyledContainerMenu>\n            {data.leftComponents && (\n              <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n            )}\n            <Text fontWeight=\"bold\">{data.title}</Text>\n          </StyledContainerMenu>\n          <StyledContainerItems>\n            {data.items.map(\n              ({\n                title,\n                Component,\n                props,\n                rightComponents,\n                items,\n              }: ItemsOptions) => (\n                <MenuItem\n                  items={items}\n                  key={title}\n                  title={title}\n                  Component={Component}\n                  rightComponents={rightComponents}\n                  props={props}\n                  toggle={toggle}\n                />\n              )\n            )}\n          </StyledContainerItems>\n        </React.Fragment>\n      ))}\n    </Masonry>\n  );\n};\n\nexport default React.memo(MenuBlock);\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,2CACG,OAAQ,EAAA,EAAA,OAAA,EAAS,GAAG,UAAW,EAAA,MAAA,EAAO,aAAY,MAChD,EAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,IAAA,yCACV,KAAM,CAAA,QAAA,EAAN,EAAe,GAAK,EAAA,CAAA,EAAG,KAAK,KAAK,CAAA,CAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EACE,KAAK,cACJ,oBAAA,KAAA,CAAA,aAAA,CAAC,2BAAqB,IAAK,CAAA,cAAe,mBAE3C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,MAAA,EAAA,EAAQ,KAAK,KAAM,CACtC,mBACC,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA;AAAA,IACV,CAAC;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,KAEA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,GAAK,EAAA,KAAA;AAAA,QACL,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,OAAA;AAAA,KACF;AAAA,GAGN,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,kBAAe,KAAA,CAAM,KAAK,SAAS,CAAA;;;;"}

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n  height: ${({ theme }) => theme.typography.sub.fontSize};\n  border-left: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAAA,UAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AAAA,eAC/B,EAAA,CAAC,EAAE,KAAA,EAChB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n  height: ${({ theme }) => theme.typography.sub.fontSize};\n  border-left: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAAA,UAAA,EAC3B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,IAAI,QAAQ,CAAA;AAAA,eAAA,EACvC,CAAC,EAAE,KAAM,EAAA,KACtB,CAAG,EAAA,KAAA,CAAM,WAAY,CAAA,IAAI,CAAU,OAAA,EAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,CAAA;AAAA,gBAAA,EACjD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;;;;"}

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKhC,MAAA,eAAA,GAAkB,OAAO,MAAM,CAAA,CAAA;AAAA,eAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA,EAAA;AAKpC,MAAA,eAAA,GAAkB,OAAO,MAAM,CAAA,CAAA;AAAA,eAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,eAAA,EACjC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/molecules/Menubar/MenuBlock/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n  width: 100%;\n  padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n  &:hover {\n    color: ${({ theme }) => theme.font.color.orange};\n  }\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAI5B,CAAC,EAAE,KAAA,OAClB,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEgB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKnC,MAAA,UAAA,GAAa,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,WAAA,EAE1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n  width: 100%;\n  padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n  &:hover {\n    color: ${({ theme }) => theme.font.color.orange};\n  }\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGtC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGrC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAI5B,EAAA,CAAC,EAAE,KAAM,EAAA,KACxB,GAAG,KAAM,CAAA,WAAA,CAAY,IAAI,CAAU,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAC,CAAE,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEa,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGxC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKnC,MAAA,UAAA,GAAa,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,WAAA,EAE1B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,MAAM,CAAA;AAAA;AAAA;;;;"}