@tecsinapse/react-web-kit 1.22.0 → 1.22.1-beta.2

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

@@ -1,99 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactCore = require('@tecsinapse/react-core');
-var styled = require('./styled.js');
-var reactTransitionGroup = require('react-transition-group');
-var animations = require('./animations.js');
-var react = require('@emotion/react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Accordion = (_a) => {
-  var _b = _a, {
-    title,
-    open: _open = false,
-    onChange,
-    transition = 200,
-    children
-  } = _b, rest = __objRest(_b, [
-    "title",
-    "open",
-    "onChange",
-    "transition",
-    "children"
-  ]);
-  const [open, setOpen] = React__default["default"].useState(_open);
-  const [contentHeight, setContentHeight] = React__default["default"].useState(0);
-  const theme = react.useTheme();
-  const ref = React.useRef(null);
-  React__default["default"].useEffect(() => setOpen(_open), [_open]);
-  React__default["default"].useLayoutEffect(() => {
-    var _a2;
-    const size = Array.from(
-      ((_a2 = ref.current) == null ? void 0 : _a2.children) || []
-    ).reduce((prev, curr) => prev + curr.clientHeight, 0);
-    setContentHeight(size);
-  }, []);
-  const handleClick = React__default["default"].useCallback(() => {
-    if (onChange) {
-      onChange();
-      return;
-    }
-    setOpen((state) => !state);
-  }, [onChange]);
-  return /* @__PURE__ */ React__default["default"].createElement(styled.AccordionContainer, __spreadValues({}, rest), /* @__PURE__ */ React__default["default"].createElement(styled.TitleContainer, {
-    onClick: handleClick
-  }, /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
-    in: open,
-    timeout: transition
-  }, (state) => /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
-    typography: "h4",
-    fontWeight: "bold",
-    style: __spreadValues(__spreadValues({}, animations.titleStyle(transition, theme)), animations.titleTransition(theme)[state])
-  }, title)), /* @__PURE__ */ React__default["default"].createElement(styled.IconContainer, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
-    type: "material-community",
-    name: open ? "chevron-up" : "chevron-down",
-    size: "kilo",
-    fontColor: "medium"
-  }))), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
-    in: open,
-    timeout: transition
-  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.ContentContainer, {
-    ref: (htmlEl) => ref.current = htmlEl,
-    style: __spreadValues(__spreadValues({}, animations.contentStyle(open, transition, contentHeight, theme)), animations.contentTransition(contentHeight, theme)[state])
-  }, children)));
-};
-
-module.exports = Accordion;
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/atoms/Accordion/Accordion.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, ThemeProp } from '@tecsinapse/react-core';\nimport {\n  AccordionContainer,\n  IconContainer,\n  TitleContainer,\n  ContentContainer,\n} from './styled';\nimport { Transition } from 'react-transition-group';\nimport {\n  contentStyle,\n  contentTransition,\n  titleStyle,\n  titleTransition,\n} from './animations';\nimport { useTheme } from '@emotion/react';\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  onChange?: () => void;\n  title: string;\n  /** Transition time for collapse effect in ms */\n  transition?: number;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n  title,\n  open: _open = false,\n  onChange,\n  transition = 200,\n  children,\n  ...rest\n}) => {\n  const [open, setOpen] = React.useState(_open);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const theme = useTheme() as ThemeProp;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  React.useEffect(() => setOpen(_open), [_open]);\n\n  React.useLayoutEffect(() => {\n    const size = Array.from(\n      (ref.current?.children || []) as HTMLCollection\n    ).reduce((prev, curr) => prev + curr.clientHeight, 0);\n    setContentHeight(size);\n  }, []);\n\n  const handleClick = React.useCallback(() => {\n    if (onChange) {\n      onChange();\n      return;\n    }\n    setOpen(state => !state);\n  }, [onChange]);\n\n  return (\n    <AccordionContainer {...rest}>\n      <TitleContainer onClick={handleClick}>\n        <Transition in={open} timeout={transition}>\n          {state => (\n            <Text\n              typography=\"h4\"\n              fontWeight=\"bold\"\n              style={{\n                ...titleStyle(transition, theme),\n                ...titleTransition(theme)[state],\n              }}\n            >\n              {title}\n            </Text>\n          )}\n        </Transition>\n        <IconContainer>\n          <Icon\n            type=\"material-community\"\n            name={open ? 'chevron-up' : 'chevron-down'}\n            size=\"kilo\"\n            fontColor=\"medium\"\n          />\n        </IconContainer>\n      </TitleContainer>\n      <Transition in={open} timeout={transition}>\n        {state => (\n          <ContentContainer\n            ref={htmlEl => (ref.current = htmlEl)}\n            style={{\n              ...contentStyle(open, transition, contentHeight, theme),\n              ...contentTransition(contentHeight, theme)[state],\n            }}\n          >\n            {children}\n          </ContentContainer>\n        )}\n      </Transition>\n    </AccordionContainer>\n  );\n};\n\nexport default Accordion;\n"],"names":["React","useTheme","useRef","_a","AccordionContainer","TitleContainer","Transition","Text","titleStyle","titleTransition","IconContainer","Icon","ContentContainer","contentStyle","contentTransition"],"mappings":"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"}

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

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactCore = require('@tecsinapse/react-core');
-
-const contentStyle = (open, transition, value, theme) => ({
-  transition: `padding-bottom ${transition * 2}ms ease-in-out, height ${transition * 2}ms ease-in-out`,
-  paddingBottom: open ? reactCore.extractNumbersFromString(theme.spacing.kilo) : 0,
-  height: open ? value : 0
-});
-const contentTransition = (value, theme) => {
-  const paddingBottom = reactCore.extractNumbersFromString(theme.spacing.kilo);
-  return {
-    entering: {
-      paddingBottom,
-      height: value
-    },
-    entered: {
-      paddingBottom,
-      height: value
-    },
-    exiting: {
-      paddingBottom,
-      height: value
-    },
-    exited: { paddingBottom: 0, height: 0 }
-  };
-};
-const titleStyle = (transition, theme) => ({
-  transition: `color ${transition * 2}ms ease-in-out`,
-  color: theme.font.color.dark
-});
-const titleTransition = (theme) => ({
-  entering: {
-    color: theme.font.color.orange
-  },
-  entered: {
-    color: theme.font.color.orange
-  },
-  exiting: {
-    color: theme.font.color.orange
-  },
-  exited: { color: theme.font.color.dark }
-});
-
-exports.contentStyle = contentStyle;
-exports.contentTransition = contentTransition;
-exports.titleStyle = titleStyle;
-exports.titleTransition = titleTransition;
-//# sourceMappingURL=animations.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"animations.js","sources":["../../../../src/components/atoms/Accordion/animations.ts"],"sourcesContent":["import { ThemeProp, extractNumbersFromString } from '@tecsinapse/react-core';\n\nexport const contentStyle = (\n  open: boolean,\n  transition: number,\n  value: number,\n  theme: ThemeProp\n) => ({\n  transition: `padding-bottom ${transition * 2}ms ease-in-out, height ${\n    transition * 2\n  }ms ease-in-out`,\n  paddingBottom: open ? extractNumbersFromString(theme.spacing.kilo) : 0,\n  height: open ? value : 0,\n});\n\nexport const contentTransition = (value: number, theme: ThemeProp) => {\n  const paddingBottom = extractNumbersFromString(theme.spacing.kilo);\n  return {\n    entering: {\n      paddingBottom,\n      height: value,\n    },\n    entered: {\n      paddingBottom,\n      height: value,\n    },\n    exiting: {\n      paddingBottom,\n      height: value,\n    },\n    exited: { paddingBottom: 0, height: 0 },\n  };\n};\n\nexport const titleStyle = (transition: number, theme: ThemeProp) => ({\n  transition: `color ${transition * 2}ms ease-in-out`,\n  color: theme.font.color.dark,\n});\n\nexport const titleTransition = (theme: ThemeProp) => ({\n  entering: {\n    color: theme.font.color.orange,\n  },\n  entered: {\n    color: theme.font.color.orange,\n  },\n  exiting: {\n    color: theme.font.color.orange,\n  },\n  exited: { color: theme.font.color.dark },\n});\n"],"names":["extractNumbersFromString"],"mappings":";;;;;;AAEO,MAAM,YAAe,GAAA,CAC1B,IACA,EAAA,UAAA,EACA,OACA,KACI,MAAA;AAAA,EACJ,UAAY,EAAA,CAAA,eAAA,EAAkB,UAAa,GAAA,CAAA,CAAA,uBAAA,EACzC,UAAa,GAAA,CAAA,CAAA,cAAA,CAAA;AAAA,EAEf,eAAe,IAAO,GAAAA,kCAAA,CAAyB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAI,GAAA,CAAA;AAAA,EACrE,MAAA,EAAQ,OAAO,KAAQ,GAAA,CAAA;AACzB,CAAA,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAAe,KAAqB,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAAA,kCAAA,CAAyB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACjE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,MAAQ,EAAA,EAAE,aAAe,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,GACxC,CAAA;AACF,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,UAAA,EAAoB,KAAsB,MAAA;AAAA,EACnE,UAAA,EAAY,SAAS,UAAa,GAAA,CAAA,CAAA,cAAA,CAAA;AAAA,EAClC,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA;AAC1B,CAAA,EAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAsB,MAAA;AAAA,EACpD,QAAU,EAAA;AAAA,IACR,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,QAAQ,EAAE,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,MAAM,IAAK,EAAA;AACzC,CAAA;;;;;;;"}

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

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/styled');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const IconContainer = styled__default["default"]("div")`
-  border-radius: ${({ theme }) => theme.borderRadius.mili};
-  border: ${({ theme }) => `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};
-  display: flex;
-  text-align: center;
-  justify-content: center;
-  align-items: center;
-`;
-const TitleContainer = styled__default["default"]("div")`
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  justify-content: space-between;
-  cursor: pointer;
-  padding: ${({ theme }) => theme.spacing.kilo} 0;
-`;
-const AccordionContainer = styled__default["default"]("div")`
-  display: flex;
-  flex-direction: column;
-  border-bottom: ${({ theme }) => `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-`;
-const ContentContainer = styled__default["default"]("div")`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-`;
-
-exports.AccordionContainer = AccordionContainer;
-exports.ContentContainer = ContentContainer;
-exports.IconContainer = IconContainer;
-exports.TitleContainer = TitleContainer;
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Accordion/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const IconContainer = styled('div')<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TitleContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  cursor: pointer;\n  padding: ${({ theme }) => theme.spacing.kilo} 0;\n`;\n\nexport const AccordionContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const ContentContainer = styled('div')`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;AAGa,MAAA,aAAA,GAAgBA,2BAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACtB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,UACzC,EAAA,CAAC,EAAE,KAAA,EACX,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhD,MAAA,cAAA,GAAiBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAM7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,kBAAA,GAAqBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,iBAG3B,EAAA,CAAC,EAAE,KAAA,EAClB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,oBAAA,EACvC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAG5C,MAAA,gBAAA,GAAmBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;"}

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

@@ -1,61 +0,0 @@
-'use strict';
-
-var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Badge = (_a) => {
-  var _b = _a, {
-    children,
-    fontColor = "light",
-    value
-  } = _b, props = __objRest(_b, [
-    "children",
-    "fontColor",
-    "value"
-  ]);
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.Badge, __spreadProps(__spreadValues({}, props), {
-    value: /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
-      fontColor,
-      fontWeight: "bold",
-      typography: "label"
-    }, value)
-  }), children);
-};
-
-module.exports = Badge;
-//# sourceMappingURL=Badge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import {\n  BadgeProps,\n  Badge as BadgeCore,\n  Text,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\nexport interface BadgeWebProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeWebProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"names":["React","BadgeCore","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,KAAA,GAA2B,CAAC,EAK5B,KAAA;AAL4B,EAChC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,OAAA;AAAA,IACZ,KAAA;AAAA,GAhBF,GAakC,EAI7B,EAAA,KAAA,GAAA,SAAA,CAJ6B,EAI7B,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,kDACK,KADL,CAAA,EAAA;AAAA,IAEC,uBACGD,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,CAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,91 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useMouseHover = require('./hooks/useMouseHover.js');
-var useMousePressed = require('./hooks/useMousePressed.js');
-var styled = require('./styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Button = (_a) => {
-  var _b = _a, {
-    children,
-    disabled,
-    frozen,
-    state,
-    variant,
-    onMouseOut,
-    onMouseOver,
-    onPressIn,
-    onPressOut
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "disabled",
-    "frozen",
-    "state",
-    "variant",
-    "onMouseOut",
-    "onMouseOver",
-    "onPressIn",
-    "onPressOut"
-  ]);
-  const _frozen = frozen || state === "loading";
-  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover.useMouseHover(
-    !disabled && !_frozen,
-    onMouseOut,
-    onMouseOver
-  );
-  const { pressed, handlePressIn, handlePressOut } = useMousePressed.useMousePressed(
-    !disabled && !_frozen,
-    onPressIn,
-    onPressOut
-  );
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledWebButton, __spreadProps(__spreadValues({}, rest), {
-    disabled,
-    frozen: _frozen,
-    state,
-    onMouseOver: handleMouseOver,
-    onMouseOut: handleMouseOut,
-    mouseOver,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    pressed,
-    variant
-  }), children);
-};
-
-module.exports = Button;
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { useMouseHover } from './hooks/useMouseHover';\nimport { useMousePressed } from './hooks/useMousePressed';\nimport { StyledWebButton } from './styled';\n\n/**\n * TODO: Add a property 'defaultElement' to render a default\n * component and provide some button's state to it.\n */\nexport type WebButtonProps = ButtonProps & {\n  onMouseOver?: () => void;\n  onMouseOut?: () => void;\n  onPressIn?: () => void;\n  onPressOut?: () => void;\n};\n\nconst Button: FC<WebButtonProps> = ({\n  children,\n  disabled,\n  frozen,\n  state,\n  variant,\n  onMouseOut,\n  onMouseOver,\n  onPressIn,\n  onPressOut,\n  ...rest\n}): JSX.Element => {\n  const _frozen = frozen || state === 'loading';\n  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(\n    !disabled && !_frozen,\n    onMouseOut,\n    onMouseOver\n  );\n  const { pressed, handlePressIn, handlePressOut } = useMousePressed(\n    !disabled && !_frozen,\n    onPressIn,\n    onPressOut\n  );\n\n  return (\n    <StyledWebButton\n      {...rest}\n      disabled={disabled}\n      frozen={_frozen}\n      state={state}\n      onMouseOver={handleMouseOver}\n      onMouseOut={handleMouseOut}\n      mouseOver={mouseOver}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      pressed={pressed}\n      variant={variant}\n    >\n      {children}\n    </StyledWebButton>\n  );\n};\n\nexport default Button;\n"],"names":["useMouseHover","useMousePressed","React","StyledWebButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAA,MAAA,GAA6B,CAAC,EAWjB,KAAA;AAXiB,EAClC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GA1BF,GAiBoC,EAU/B,EAAA,IAAA,GAAA,SAAA,CAV+B,EAU/B,EAAA;AAAA,IATH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAA,MAAM,EAAE,SAAA,EAAW,cAAgB,EAAA,eAAA,EAAoB,GAAAA,2BAAA;AAAA,IACrD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,aAAe,EAAA,cAAA,EAAmB,GAAAC,+BAAA;AAAA,IACjD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACC,yDACK,IADL,CAAA,EAAA;AAAA,IAEC,QAAA;AAAA,IACA,MAAQ,EAAA,OAAA;AAAA,IACR,KAAA;AAAA,IACA,WAAa,EAAA,eAAA;AAAA,IACb,UAAY,EAAA,cAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAW,EAAA,aAAA;AAAA,IACX,UAAY,EAAA,cAAA;AAAA,IACZ,OAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,EAEC,QACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const useMouseHover = (active, onMouseOver, onMouseOut) => {
-  const [mouseOver, setMouseOver] = React.useState(false);
-  const handleMouseOver = React.useCallback(() => {
-    if (active) {
-      setMouseOver(true);
-      onMouseOver == null ? void 0 : onMouseOver();
-    }
-  }, [active, setMouseOver]);
-  const handleMouseOut = React.useCallback(() => {
-    if (active) {
-      setMouseOver(false);
-      onMouseOut == null ? void 0 : onMouseOut();
-    }
-  }, [active, setMouseOver]);
-  return {
-    mouseOver,
-    handleMouseOver,
-    handleMouseOut
-  };
-};
-
-exports.useMouseHover = useMouseHover;
-//# sourceMappingURL=useMouseHover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMouseHover.js","sources":["../../../../../src/components/atoms/Button/hooks/useMouseHover.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useMouseHover = (\n  active: boolean,\n  onMouseOver?: () => void,\n  onMouseOut?: () => void\n) => {\n  const [mouseOver, setMouseOver] = useState<boolean>(false);\n\n  const handleMouseOver = useCallback(() => {\n    if (active) {\n      setMouseOver(true);\n      onMouseOver?.();\n    }\n  }, [active, setMouseOver]);\n\n  const handleMouseOut = useCallback(() => {\n    if (active) {\n      setMouseOver(false);\n      onMouseOut?.();\n    }\n  }, [active, setMouseOver]);\n\n  return {\n    mouseOver,\n    handleMouseOver,\n    handleMouseOut,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;;;AAEO,MAAM,aAAgB,GAAA,CAC3B,MACA,EAAA,WAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAEzD,EAAM,MAAA,eAAA,GAAkBC,kBAAY,MAAM;AACxC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,YAAY,CAAC,CAAA,CAAA;AAEzB,EAAM,MAAA,cAAA,GAAiBA,kBAAY,MAAM;AACvC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,MAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,YAAY,CAAC,CAAA,CAAA;AAEzB,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}

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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const useMousePressed = (active, onPressIn, onPressOut) => {
-  const [pressed, setPressed] = React.useState(false);
-  const handlePressIn = React.useCallback(() => {
-    if (active) {
-      setPressed(true);
-      onPressIn == null ? void 0 : onPressIn();
-    }
-  }, [active, setPressed]);
-  const handlePressOut = React.useCallback(() => {
-    if (active) {
-      setPressed(false);
-      onPressOut == null ? void 0 : onPressOut();
-    }
-  }, [active, setPressed]);
-  return {
-    pressed,
-    handlePressIn,
-    handlePressOut
-  };
-};
-
-exports.useMousePressed = useMousePressed;
-//# sourceMappingURL=useMousePressed.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMousePressed.js","sources":["../../../../../src/components/atoms/Button/hooks/useMousePressed.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useMousePressed = (\n  active: boolean,\n  onPressIn?: () => void,\n  onPressOut?: () => void\n) => {\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const handlePressIn = useCallback(() => {\n    if (active) {\n      setPressed(true);\n      onPressIn?.();\n    }\n  }, [active, setPressed]);\n\n  const handlePressOut = useCallback(() => {\n    if (active) {\n      setPressed(false);\n      onPressOut?.();\n    }\n  }, [active, setPressed]);\n\n  return {\n    pressed,\n    handlePressIn,\n    handlePressOut,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;;;AAEO,MAAM,eAAkB,GAAA,CAC7B,MACA,EAAA,SAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,aAAA,GAAgBC,kBAAY,MAAM;AACtC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,UAAU,CAAC,CAAA,CAAA;AAEvB,EAAM,MAAA,cAAA,GAAiBA,kBAAY,MAAM;AACvC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,UAAU,CAAC,CAAA,CAAA;AAEvB,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}

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

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var nativeStyled = require('@emotion/native');
-var reactCore = require('@tecsinapse/react-core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
-
-const webStyles = () => {
-  return nativeStyled.css`
-    & * {
-      user-select: none;
-    }
-  `;
-};
-const hoverStyles = ({
-  mouseOver,
-  pressed,
-  theme,
-  variant = "filled",
-  disabled
-}) => {
-  const variantColor = reactCore.colorVC[variant];
-  const variantColorGradation = reactCore.colorGradationVC[variant];
-  const variantBorderColor = reactCore.borderColorVC[variant];
-  const variantBorderColorGradation = reactCore.borderColorGradationVC[variant];
-  return mouseOver && !disabled && !pressed && nativeStyled.css`
-      background-color: ${theme == null ? void 0 : theme.color[variantColor][variantColorGradation]};
-      border-color: ${theme == null ? void 0 : theme.color[variantBorderColor][variantBorderColorGradation]};
-    `;
-};
-const StyledWebButton = nativeStyled__default["default"](reactCore.Button)(webStyles, hoverStyles);
-
-exports.StyledWebButton = StyledWebButton;
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  borderColorGradationVC,\n  borderColorVC,\n  Button,\n  colorGradationVC,\n  colorVC,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { WebButtonProps } from './Button';\n\nconst webStyles = () => {\n  return css`\n    & * {\n      user-select: none;\n    }\n  `;\n};\n\nconst hoverStyles = ({\n  mouseOver,\n  pressed,\n  theme,\n  variant = 'filled',\n  disabled,\n}: { mouseOver: boolean; pressed: boolean } & WebButtonProps &\n  Partial<StyleProps>) => {\n  const variantColor = colorVC[variant];\n  const variantColorGradation = colorGradationVC[variant];\n  const variantBorderColor = borderColorVC[variant];\n  const variantBorderColorGradation = borderColorGradationVC[variant];\n  return (\n    mouseOver &&\n    !disabled &&\n    !pressed &&\n    css`\n      background-color: ${theme?.color[variantColor][variantColorGradation]};\n      border-color: ${theme?.color[variantBorderColor][\n        variantBorderColorGradation\n      ]};\n    `\n  );\n};\n\nexport const StyledWebButton = styled(Button)<\n  { mouseOver: boolean; pressed: boolean } & WebButtonProps &\n    Partial<StyleProps>\n>(webStyles, hoverStyles);\n"],"names":["css","colorVC","colorGradationVC","borderColorVC","borderColorGradationVC","styled","Button"],"mappings":";;;;;;;;;;;AAWA,MAAM,YAAY,MAAM;AACtB,EAAO,OAAAA,gBAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAKT,CAAA,CAAA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,QAAA;AACF,CAC0B,KAAA;AACxB,EAAA,MAAM,eAAeC,iBAAQ,CAAA,OAAA,CAAA,CAAA;AAC7B,EAAA,MAAM,wBAAwBC,0BAAiB,CAAA,OAAA,CAAA,CAAA;AAC/C,EAAA,MAAM,qBAAqBC,uBAAc,CAAA,OAAA,CAAA,CAAA;AACzC,EAAA,MAAM,8BAA8BC,gCAAuB,CAAA,OAAA,CAAA,CAAA;AAC3D,EAAA,OACE,SACA,IAAA,CAAC,QACD,IAAA,CAAC,OACD,IAAAJ,gBAAA,CAAA;AAAA,wBACsB,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAM,YAAc,CAAA,CAAA,qBAAA,CAAA,CAAA;AAAA,oBAC/B,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAM,kBAC3B,CAAA,CAAA,2BAAA,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAIR,CAAA,CAAA;AAEO,MAAM,eAAkB,GAAAK,gCAAA,CAAOC,gBAAM,CAAA,CAG1C,WAAW,WAAW;;;;"}

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

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styled = require('./styled.js');
-var reactTransitionGroup = require('react-transition-group');
-var animations = require('../../molecules/Select/animations.js');
-require('@tecsinapse/react-core');
-var useClickAwayListener = require('../../../hooks/useClickAwayListener.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-const Component = ({
-  visible,
-  setVisible,
-  children
-}) => {
-  const refDropDown = React__default["default"].useRef(null);
-  useClickAwayListener.useClickAwayListener(refDropDown, setVisible);
-  return /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
-    in: visible,
-    timeout: 300
-  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerDropdown, {
-    style: __spreadValues(__spreadValues({}, animations.defaultStyles), animations.transition["bottom"][state]),
-    ref: refDropDown
-  }, children));
-};
-const Dropdown = Component;
-
-exports.Dropdown = Dropdown;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Dropdown/index.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction } from 'react';\nimport { StyledContainerDropdown } from './styled';\nimport { Transition } from 'react-transition-group';\nimport { defaultStyles, transition } from '../../molecules/Select/animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface DropdownProps {\n  visible: boolean;\n  setVisible: Dispatch<SetStateAction<boolean>>;\n}\n\nconst Component: React.FC<DropdownProps & { children: JSX.Element }> = ({\n  visible,\n  setVisible,\n  children,\n}): JSX.Element => {\n  const refDropDown = React.useRef(null);\n  useClickAwayListener(refDropDown, setVisible);\n\n  return (\n    <Transition in={visible} timeout={300}>\n      {state => (\n        <StyledContainerDropdown\n          style={{ ...defaultStyles, ...transition['bottom'][state] }}\n          ref={refDropDown}\n        >\n          {children}\n        </StyledContainerDropdown>\n      )}\n    </Transition>\n  );\n};\n\nexport const Dropdown = Component;\n"],"names":["React","useClickAwayListener","Transition","StyledContainerDropdown","defaultStyles","transition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAiE,CAAC;AAAA,EACtE,OAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAM,MAAA,WAAA,GAAcA,yBAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACrC,EAAAC,yCAAA,CAAqB,aAAa,UAAU,CAAA,CAAA;AAE5C,EAAA,uBACGD,yBAAA,CAAA,aAAA,CAAAE,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,OAAA;AAAA,IAAS,OAAS,EAAA,GAAA;AAAA,GAAA,EAC/B,2BACEF,yBAAA,CAAA,aAAA,CAAAG,8BAAA,EAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAKC,wBAAkB,CAAA,EAAAC,qBAAA,CAAW,QAAU,CAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IACnD,GAAK,EAAA,WAAA;AAAA,GAAA,EAEJ,QACH,CAEJ,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,QAAW,GAAA;;;;"}

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

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/styled');
-var reactCore = require('@tecsinapse/react-core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledContainerDropdown = styled__default["default"]("div")`
-  width: auto;
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-  border-radius: ${({ theme }) => theme.borderRadius.mili};
-  box-shadow: 0 2px 8px
-    ${({ theme }) => reactCore.hex2rgba(theme.miscellaneous.shadow, 0.05)};
-  position: absolute;
-  padding-bottom: ${({ theme }) => theme.spacing.mili};
-  margin-top: 8px;
-  z-index: ${({ theme }) => theme.zIndex.select};
-`;
-
-exports.StyledContainerDropdown = StyledContainerDropdown;
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerDropdown = styled('div')<Partial<StyleProps>>`\n  width: auto;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  margin-top: 8px;\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n`;\n"],"names":["styled","hex2rgba"],"mappings":";;;;;;;;;;;AAGa,MAAA,uBAAA,GAA0BA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA,oBAAA,EAE7B,CAAC,EAAE,KAAM,EAAA,KAC3B,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,iBAAA,EACL,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAkBC,mBAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEtD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,WAAA,EAEhD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA;;;;"}