@tecsinapse/react-web-kit 1.20.0 → 1.21.0

package/dist/index.js

@@ -4,56 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  Icon: true,
+  Text: true,
   Accordion: true,
-  AccordionProps: true,
-  BadgeWebProps: true,
   Badge: true,
   Button: true,
   useMouseHover: true,
-  WebButtonProps: true,
   Input: true,
-  InputWebProps: true,
   InputMask: true,
-  InputMaskWebProps: true,
   Modal: true,
-  ModalProps: true,
   Skeleton: true,
-  SkeletonProps: true,
   Tag: true,
-  TagProps: true,
-  ITooltip: true,
   Tooltip: true,
   Breadcrumbs: true,
-  BreadcrumbsProps: true,
-  BreadcrumbType: true,
   DatePicker: true,
-  WebDatePickerProps: true,
   DateTimePicker: true,
-  WebDateTimePickerProps: true,
   Drawer: true,
-  DrawerProps: true,
   Grid: true,
   GridItem: true,
-  IGridWeb: true,
-  IGridItemWeb: true,
   InputPassword: true,
-  InputPasswordWebProps: true,
   LabeledSwitch: true,
-  LabeledSwitchWebProps: true,
   Menubar: true,
-  MenubarItemsOptions: true,
-  MenubarMostUsedType: true,
-  MenubarOptionsType: true,
-  MenubarProps: true,
   Select: true,
-  SelectProps: true,
   Snackbar: true,
-  SnackbarWebProps: true,
   TextArea: true,
-  TextAreaProps: true,
-  DataGrid: true,
-  DataGridProps: true,
-  HeadersType: true
+  DataGrid: true
 };
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -61,42 +36,18 @@ Object.defineProperty(exports, "Accordion", {
     return _Accordion.Accordion;
   }
 });
-Object.defineProperty(exports, "AccordionProps", {
-  enumerable: true,
-  get: function () {
-    return _Accordion.AccordionProps;
-  }
-});
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () {
     return _Badge.default;
   }
 });
-Object.defineProperty(exports, "BadgeWebProps", {
-  enumerable: true,
-  get: function () {
-    return _Badge.BadgeWebProps;
-  }
-});
-Object.defineProperty(exports, "BreadcrumbType", {
-  enumerable: true,
-  get: function () {
-    return _Breadcrumbs.BreadcrumbType;
-  }
-});
 Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
   get: function () {
     return _Breadcrumbs.Breadcrumbs;
   }
 });
-Object.defineProperty(exports, "BreadcrumbsProps", {
-  enumerable: true,
-  get: function () {
-    return _Breadcrumbs.BreadcrumbsProps;
-  }
-});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
@@ -109,12 +60,6 @@ Object.defineProperty(exports, "DataGrid", {
     return _DataGrid.DataGrid;
   }
 });
-Object.defineProperty(exports, "DataGridProps", {
-  enumerable: true,
-  get: function () {
-    return _DataGrid.DataGridProps;
-  }
-});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
@@ -133,12 +78,6 @@ Object.defineProperty(exports, "Drawer", {
     return _Drawer.Drawer;
   }
 });
-Object.defineProperty(exports, "DrawerProps", {
-  enumerable: true,
-  get: function () {
-    return _Drawer.DrawerProps;
-  }
-});
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function () {
@@ -151,28 +90,10 @@ Object.defineProperty(exports, "GridItem", {
     return _Grid.GridItem;
   }
 });
-Object.defineProperty(exports, "HeadersType", {
+Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
-    return _DataGrid.HeadersType;
-  }
-});
-Object.defineProperty(exports, "IGridItemWeb", {
-  enumerable: true,
-  get: function () {
-    return _Grid.IGridItemWeb;
-  }
-});
-Object.defineProperty(exports, "IGridWeb", {
-  enumerable: true,
-  get: function () {
-    return _Grid.IGridWeb;
-  }
-});
-Object.defineProperty(exports, "ITooltip", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.ITooltip;
+    return _reactCore.Icon;
   }
 });
 Object.defineProperty(exports, "Input", {
@@ -187,130 +108,58 @@ Object.defineProperty(exports, "InputMask", {
     return _InputMask.InputMask;
   }
 });
-Object.defineProperty(exports, "InputMaskWebProps", {
-  enumerable: true,
-  get: function () {
-    return _InputMask.InputMaskWebProps;
-  }
-});
 Object.defineProperty(exports, "InputPassword", {
   enumerable: true,
   get: function () {
     return _InputPassword.InputPassword;
   }
 });
-Object.defineProperty(exports, "InputPasswordWebProps", {
-  enumerable: true,
-  get: function () {
-    return _InputPassword.InputPasswordWebProps;
-  }
-});
-Object.defineProperty(exports, "InputWebProps", {
-  enumerable: true,
-  get: function () {
-    return _Input.InputWebProps;
-  }
-});
 Object.defineProperty(exports, "LabeledSwitch", {
   enumerable: true,
   get: function () {
     return _LabeledSwitch.LabeledSwitch;
   }
 });
-Object.defineProperty(exports, "LabeledSwitchWebProps", {
-  enumerable: true,
-  get: function () {
-    return _LabeledSwitch.LabeledSwitchWebProps;
-  }
-});
 Object.defineProperty(exports, "Menubar", {
   enumerable: true,
   get: function () {
     return _Menubar.Menubar;
   }
 });
-Object.defineProperty(exports, "MenubarItemsOptions", {
-  enumerable: true,
-  get: function () {
-    return _Menubar.MenubarItemsOptions;
-  }
-});
-Object.defineProperty(exports, "MenubarMostUsedType", {
-  enumerable: true,
-  get: function () {
-    return _Menubar.MenubarMostUsedType;
-  }
-});
-Object.defineProperty(exports, "MenubarOptionsType", {
-  enumerable: true,
-  get: function () {
-    return _Menubar.MenubarOptionsType;
-  }
-});
-Object.defineProperty(exports, "MenubarProps", {
-  enumerable: true,
-  get: function () {
-    return _Menubar.MenubarProps;
-  }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () {
     return _Modal.Modal;
   }
 });
-Object.defineProperty(exports, "ModalProps", {
-  enumerable: true,
-  get: function () {
-    return _Modal.ModalProps;
-  }
-});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () {
     return _Select.Select;
   }
 });
-Object.defineProperty(exports, "SelectProps", {
-  enumerable: true,
-  get: function () {
-    return _Select.SelectProps;
-  }
-});
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
     return _Skeleton.Skeleton;
   }
 });
-Object.defineProperty(exports, "SkeletonProps", {
-  enumerable: true,
-  get: function () {
-    return _Skeleton.SkeletonProps;
-  }
-});
 Object.defineProperty(exports, "Snackbar", {
   enumerable: true,
   get: function () {
     return _Snackbar.Snackbar;
   }
 });
-Object.defineProperty(exports, "SnackbarWebProps", {
-  enumerable: true,
-  get: function () {
-    return _Snackbar.SnackbarWebProps;
-  }
-});
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
   get: function () {
     return _Tag.Tag;
   }
 });
-Object.defineProperty(exports, "TagProps", {
+Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
-    return _Tag.TagProps;
+    return _reactCore.Text;
   }
 });
 Object.defineProperty(exports, "TextArea", {
@@ -319,36 +168,12 @@ Object.defineProperty(exports, "TextArea", {
     return _TextArea.TextArea;
   }
 });
-Object.defineProperty(exports, "TextAreaProps", {
-  enumerable: true,
-  get: function () {
-    return _TextArea.TextAreaProps;
-  }
-});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
     return _Tooltip.Tooltip;
   }
 });
-Object.defineProperty(exports, "WebButtonProps", {
-  enumerable: true,
-  get: function () {
-    return _Button.WebButtonProps;
-  }
-});
-Object.defineProperty(exports, "WebDatePickerProps", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.WebDatePickerProps;
-  }
-});
-Object.defineProperty(exports, "WebDateTimePickerProps", {
-  enumerable: true,
-  get: function () {
-    return _DateTimePicker.WebDateTimePickerProps;
-  }
-});
 Object.defineProperty(exports, "useMouseHover", {
   enumerable: true,
   get: function () {
@@ -372,7 +197,7 @@ Object.keys(_reactCore).forEach(function (key) {
 
 var _Accordion = require("./components/atoms/Accordion");
 
-var _Badge = _interopRequireWildcard(require("./components/atoms/Badge/Badge"));
+var _Badge = _interopRequireDefault(require("./components/atoms/Badge/Badge"));
 
 var _Button = require("./components/atoms/Button");
 
@@ -426,7 +251,5 @@ Object.keys(_hooks).forEach(function (key) {
   });
 });
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Accordion, AccordionProps } from './components/atoms/Accordion';\nexport {\n  BadgeWebProps,\n  default as Badge,\n} from './components/atoms/Badge/Badge';\nexport {\n  Button,\n  useMouseHover,\n  WebButtonProps,\n} from './components/atoms/Button';\nexport { Input, InputWebProps } from './components/atoms/Input';\nexport { InputMask, InputMaskWebProps } from './components/atoms/InputMask';\nexport { Modal, ModalProps } from './components/atoms/Modal';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { ITooltip, Tooltip } from './components/atoms/Tooltip';\nexport {\n  Breadcrumbs,\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport {\n  DatePicker,\n  WebDatePickerProps,\n} from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  WebDateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport { Drawer, DrawerProps } from './components/molecules/Drawer';\nexport {\n  Grid,\n  GridItem,\n  IGridWeb,\n  IGridItemWeb,\n} from './components/molecules/Grid';\nexport {\n  InputPassword,\n  InputPasswordWebProps,\n} from './components/molecules/InputPassword';\nexport {\n  LabeledSwitch,\n  LabeledSwitchWebProps,\n} from './components/molecules/LabeledSwitch';\nexport {\n  Menubar,\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n  MenubarOptionsType,\n  MenubarProps,\n} from './components/molecules/Menubar';\nexport { Select, SelectProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';\nexport { TextArea, TextAreaProps } from './components/molecules/TextArea';\nexport {\n  DataGrid,\n  DataGridProps,\n  HeadersType,\n} from './components/organisms/DataGrid';\nexport * from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAIA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAIA;;AAIA;;AACA;;AAMA;;AAIA;;AAIA;;AAOA;;AACA;;AACA;;AACA;;AAKA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Icon, Text } from '@tecsinapse/react-core';\nexport { Accordion } from './components/atoms/Accordion';\nexport type { AccordionProps } from './components/atoms/Accordion';\nexport { default as Badge } from './components/atoms/Badge/Badge';\nexport type { BadgeWebProps } from './components/atoms/Badge/Badge';\nexport { Button, useMouseHover } from './components/atoms/Button';\nexport type { WebButtonProps } from './components/atoms/Button';\nexport { Input } from './components/atoms/Input';\nexport type { InputWebProps } from './components/atoms/Input';\nexport { InputMask } from './components/atoms/InputMask';\nexport type { InputMaskWebProps } from './components/atoms/InputMask';\nexport { Modal } from './components/atoms/Modal';\nexport type { ModalProps } from './components/atoms/Modal';\nexport { Skeleton } from './components/atoms/Skeleton';\nexport type { SkeletonProps } from './components/atoms/Skeleton';\nexport { Tag } from './components/atoms/Tag';\nexport type { TagProps } from './components/atoms/Tag';\nexport { Tooltip } from './components/atoms/Tooltip';\nexport type { ITooltip } from './components/atoms/Tooltip';\nexport { Breadcrumbs } from './components/molecules/Breadcrumbs';\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport { DatePicker } from './components/molecules/DatePicker';\nexport type { WebDatePickerProps } from './components/molecules/DatePicker';\nexport { DateTimePicker } from './components/molecules/DateTimePicker';\nexport type { WebDateTimePickerProps } from './components/molecules/DateTimePicker';\nexport { Drawer } from './components/molecules/Drawer';\nexport type { DrawerProps } from './components/molecules/Drawer';\nexport { Grid, GridItem } from './components/molecules/Grid';\nexport type { IGridWeb, IGridItemWeb } from './components/molecules/Grid';\nexport { InputPassword } from './components/molecules/InputPassword';\nexport type { InputPasswordWebProps } from './components/molecules/InputPassword';\nexport { LabeledSwitch } from './components/molecules/LabeledSwitch';\nexport type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';\nexport { Menubar } from './components/molecules/Menubar';\nexport type {\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n  MenubarOptionsType,\n  MenubarProps,\n} from './components/molecules/Menubar';\nexport { Select } from './components/molecules/Select';\nexport type { SelectProps } from './components/molecules/Select';\nexport { Snackbar } from './components/molecules/Snackbar';\nexport type { SnackbarWebProps } from './components/molecules/Snackbar';\nexport { TextArea } from './components/molecules/TextArea';\nexport type { TextAreaProps } from './components/molecules/TextArea';\nexport { DataGrid } from './components/organisms/DataGrid';\nexport type {\n  DataGridProps,\n  HeadersType,\n} from './components/organisms/DataGrid';\nexport * from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAKA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAOA;;AAEA;;AAEA;;AAEA;;AAKA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    onChange?: () => void;
+    title: string;
+    transition?: number;
+}
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

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

@@ -0,0 +1,107 @@
+var _excluded = ["title", "open", "onChange", "transition", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useRef } from 'react';
+import { Icon, Text } from '@tecsinapse/react-core';
+import { AccordionContainer, IconContainer, TitleContainer, ContentContainer } from "./styled";
+import { Transition } from 'react-transition-group';
+import { contentStyle, contentTransition, titleStyle, titleTransition } from "./animations";
+import { useTheme } from '@emotion/react';
+
+var Accordion = function Accordion(_ref) {
+  var title = _ref.title,
+      _ref$open = _ref.open,
+      _open = _ref$open === void 0 ? false : _ref$open,
+      onChange = _ref.onChange,
+      _ref$transition = _ref.transition,
+      transition = _ref$transition === void 0 ? 200 : _ref$transition,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _React$useState = React.useState(_open),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
+
+  var _React$useState3 = React.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      contentHeight = _React$useState4[0],
+      setContentHeight = _React$useState4[1];
+
+  var theme = useTheme();
+
+  var _ref2 = useRef(null);
+
+  React.useEffect(function () {
+    return setOpen(_open);
+  }, [_open]);
+  React.useLayoutEffect(function () {
+    var _ref$current;
+
+    var size = Array.from(((_ref$current = _ref2.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children) || []).reduce(function (prev, curr) {
+      return prev + curr.clientHeight;
+    }, 0);
+    setContentHeight(size);
+  }, []);
+  var handleClick = React.useCallback(function () {
+    if (onChange) {
+      onChange();
+      return;
+    }
+
+    setOpen(function (state) {
+      return !state;
+    });
+  }, [onChange]);
+  return React.createElement(AccordionContainer, rest, React.createElement(TitleContainer, {
+    onClick: handleClick
+  }, React.createElement(Transition, {
+    "in": open,
+    timeout: transition
+  }, function (state) {
+    return React.createElement(Text, {
+      typography: "h4",
+      fontWeight: "bold",
+      style: _objectSpread(_objectSpread({}, titleStyle(transition, theme)), titleTransition(theme)[state])
+    }, title);
+  }), React.createElement(IconContainer, null, React.createElement(Icon, {
+    type: "material-community",
+    name: open ? 'chevron-up' : 'chevron-down',
+    size: "kilo",
+    fontColor: "medium"
+  }))), React.createElement(Transition, {
+    "in": open,
+    timeout: transition
+  }, function (state) {
+    return React.createElement(ContentContainer, {
+      ref: function ref(htmlEl) {
+        return _ref2.current = htmlEl;
+      },
+      style: _objectSpread(_objectSpread({}, contentStyle(open, transition, contentHeight, theme)), contentTransition(contentHeight, theme)[state])
+    }, children);
+  }));
+};
+
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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