@tecsinapse/react-web-kit 1.21.1 → 1.22.0-beta.11

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.21.2](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.21.1...@tecsinapse/react-web-kit@1.21.2) (2022-09-16)
+
+
+### Features
+
+* added lazy select ([9d68ea9](https://github.com/tecsinapse/design-system/commit/9d68ea9137ab273255d1a899a7d3489c2842ea4d))
+
+
+
+
+
 ## [1.21.1](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.21.0...@tecsinapse/react-web-kit@1.21.1) (2022-09-05)
 
 

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

@@ -1,88 +1,99 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _styled = require("./styled");
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _animations = require("./animations");
-
-var _react2 = require("@emotion/react");
-
-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; }
-
-const Accordion = _ref => {
-  let {
+'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,
-    ...rest
-  } = _ref;
-
-  const [open, setOpen] = _react.default.useState(_open);
-
-  const [contentHeight, setContentHeight] = _react.default.useState(0);
-
-  const theme = (0, _react2.useTheme)();
-  const ref = (0, _react.useRef)(null);
-
-  _react.default.useEffect(() => setOpen(_open), [_open]);
-
-  _react.default.useLayoutEffect(() => {
-    var _ref$current;
-
-    const size = Array.from(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children) || []).reduce((prev, curr) => prev + curr.clientHeight, 0);
+    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.useCallback(() => {
+  const handleClick = React__default["default"].useCallback(() => {
     if (onChange) {
       onChange();
       return;
     }
-
-    setOpen(state => !state);
+    setOpen((state) => !state);
   }, [onChange]);
-
-  return _react.default.createElement(_styled.AccordionContainer, rest, _react.default.createElement(_styled.TitleContainer, {
+  return /* @__PURE__ */ React__default["default"].createElement(styled.AccordionContainer, __spreadValues({}, rest), /* @__PURE__ */ React__default["default"].createElement(styled.TitleContainer, {
     onClick: handleClick
-  }, _react.default.createElement(_reactTransitionGroup.Transition, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
     in: open,
     timeout: transition
-  }, state => _react.default.createElement(_reactCore.Text, {
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     typography: "h4",
     fontWeight: "bold",
-    style: { ...(0, _animations.titleStyle)(transition, theme),
-      ...(0, _animations.titleTransition)(theme)[state]
-    }
-  }, title)), _react.default.createElement(_styled.IconContainer, null, _react.default.createElement(_reactCore.Icon, {
+    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',
+    name: open ? "chevron-up" : "chevron-down",
     size: "kilo",
     fontColor: "medium"
-  }))), _react.default.createElement(_reactTransitionGroup.Transition, {
+  }))), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
     in: open,
     timeout: transition
-  }, state => _react.default.createElement(_styled.ContentContainer, {
-    ref: htmlEl => ref.current = htmlEl,
-    style: { ...(0, _animations.contentStyle)(open, transition, contentHeight, theme),
-      ...(0, _animations.contentTransition)(contentHeight, theme)[state]
-    }
+  }, (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)));
 };
 
-var _default = Accordion;
-exports.default = _default;
-//# sourceMappingURL=Accordion.js.map
+module.exports = Accordion;
+//# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["Accordion","title","open","_open","onChange","transition","children","rest","setOpen","React","useState","contentHeight","setContentHeight","theme","useTheme","ref","useRef","useEffect","useLayoutEffect","size","Array","from","current","reduce","prev","curr","clientHeight","handleClick","useCallback","state","titleStyle","titleTransition","htmlEl","contentStyle","contentTransition"],"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;;AACA;;AACA;;AAMA;;AACA;;AAMA;;;;;;AAUA,MAAMA,SAAmC,GAAG,QAOtC;EAAA,IAPuC;IAC3CC,KAD2C;IAE3CC,IAAI,EAAEC,KAAK,GAAG,KAF6B;IAG3CC,QAH2C;IAI3CC,UAAU,GAAG,GAJ8B;IAK3CC,QAL2C;IAM3C,GAAGC;EANwC,CAOvC;;EACJ,MAAM,CAACL,IAAD,EAAOM,OAAP,IAAkBC,cAAA,CAAMC,QAAN,CAAeP,KAAf,CAAxB;;EACA,MAAM,CAACQ,aAAD,EAAgBC,gBAAhB,IAAoCH,cAAA,CAAMC,QAAN,CAAe,CAAf,CAA1C;;EACA,MAAMG,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,GAAG,GAAG,IAAAC,aAAA,EAA8B,IAA9B,CAAZ;;EAEAP,cAAA,CAAMQ,SAAN,CAAgB,MAAMT,OAAO,CAACL,KAAD,CAA7B,EAAsC,CAACA,KAAD,CAAtC;;EAEAM,cAAA,CAAMS,eAAN,CAAsB,MAAM;IAAA;;IAC1B,MAAMC,IAAI,GAAGC,KAAK,CAACC,IAAN,CACV,iBAAAN,GAAG,CAACO,OAAJ,8DAAahB,QAAb,KAAyB,EADf,EAEXiB,MAFW,CAEJ,CAACC,IAAD,EAAOC,IAAP,KAAgBD,IAAI,GAAGC,IAAI,CAACC,YAFxB,EAEsC,CAFtC,CAAb;IAGAd,gBAAgB,CAACO,IAAD,CAAhB;EACD,CALD,EAKG,EALH;;EAOA,MAAMQ,WAAW,GAAGlB,cAAA,CAAMmB,WAAN,CAAkB,MAAM;IAC1C,IAAIxB,QAAJ,EAAc;MACZA,QAAQ;MACR;IACD;;IACDI,OAAO,CAACqB,KAAK,IAAI,CAACA,KAAX,CAAP;EACD,CANmB,EAMjB,CAACzB,QAAD,CANiB,CAApB;;EAQA,OACE,6BAAC,0BAAD,EAAwBG,IAAxB,EACE,6BAAC,sBAAD;IAAgB,OAAO,EAAEoB;EAAzB,GACE,6BAAC,gCAAD;IAAY,EAAE,EAAEzB,IAAhB;IAAsB,OAAO,EAAEG;EAA/B,GACGwB,KAAK,IACJ,6BAAC,eAAD;IACE,UAAU,EAAC,IADb;IAEE,UAAU,EAAC,MAFb;IAGE,KAAK,EAAE,EACL,GAAG,IAAAC,sBAAA,EAAWzB,UAAX,EAAuBQ,KAAvB,CADE;MAEL,GAAG,IAAAkB,2BAAA,EAAgBlB,KAAhB,EAAuBgB,KAAvB;IAFE;EAHT,GAQG5B,KARH,CAFJ,CADF,EAeE,6BAAC,qBAAD,QACE,6BAAC,eAAD;IACE,IAAI,EAAC,oBADP;IAEE,IAAI,EAAEC,IAAI,GAAG,YAAH,GAAkB,cAF9B;IAGE,IAAI,EAAC,MAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfF,CADF,EAyBE,6BAAC,gCAAD;IAAY,EAAE,EAAEA,IAAhB;IAAsB,OAAO,EAAEG;EAA/B,GACGwB,KAAK,IACJ,6BAAC,wBAAD;IACE,GAAG,EAAEG,MAAM,IAAKjB,GAAG,CAACO,OAAJ,GAAcU,MADhC;IAEE,KAAK,EAAE,EACL,GAAG,IAAAC,wBAAA,EAAa/B,IAAb,EAAmBG,UAAnB,EAA+BM,aAA/B,EAA8CE,KAA9C,CADE;MAEL,GAAG,IAAAqB,6BAAA,EAAkBvB,aAAlB,EAAiCE,KAAjC,EAAwCgB,KAAxC;IAFE;EAFT,GAOGvB,QAPH,CAFJ,CAzBF,CADF;AAyCD,CAxED;;eA0EeN,S"}
+{"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,22 +1,16 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titleTransition = exports.titleStyle = exports.contentTransition = exports.contentStyle = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactCore = require("@tecsinapse/react-core");
+var reactCore = require('@tecsinapse/react-core');
 
 const contentStyle = (open, transition, value, theme) => ({
-  transition: "padding-bottom ".concat(transition * 2, "ms ease-in-out, height ").concat(transition * 2, "ms ease-in-out"),
-  paddingBottom: open ? (0, _reactCore.extractNumbersFromString)(theme.spacing.kilo) : 0,
+  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
 });
-
-exports.contentStyle = contentStyle;
-
 const contentTransition = (value, theme) => {
-  const paddingBottom = (0, _reactCore.extractNumbersFromString)(theme.spacing.kilo);
+  const paddingBottom = reactCore.extractNumbersFromString(theme.spacing.kilo);
   return {
     entering: {
       paddingBottom,
@@ -30,23 +24,14 @@ const contentTransition = (value, theme) => {
       paddingBottom,
       height: value
     },
-    exited: {
-      paddingBottom: 0,
-      height: 0
-    }
+    exited: { paddingBottom: 0, height: 0 }
   };
 };
-
-exports.contentTransition = contentTransition;
-
 const titleStyle = (transition, theme) => ({
-  transition: "color ".concat(transition * 2, "ms ease-in-out"),
+  transition: `color ${transition * 2}ms ease-in-out`,
   color: theme.font.color.dark
 });
-
-exports.titleStyle = titleStyle;
-
-const titleTransition = theme => ({
+const titleTransition = (theme) => ({
   entering: {
     color: theme.font.color.orange
   },
@@ -56,10 +41,11 @@ const titleTransition = theme => ({
   exiting: {
     color: theme.font.color.orange
   },
-  exited: {
-    color: theme.font.color.dark
-  }
+  exited: { color: theme.font.color.dark }
 });
 
+exports.contentStyle = contentStyle;
+exports.contentTransition = contentTransition;
+exports.titleStyle = titleStyle;
 exports.titleTransition = titleTransition;
-//# sourceMappingURL=animations.js.map
+//# sourceMappingURL=animations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["contentStyle","open","transition","value","theme","paddingBottom","extractNumbersFromString","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;;AAEO,MAAMA,YAAY,GAAG,CAC1BC,IAD0B,EAE1BC,UAF0B,EAG1BC,KAH0B,EAI1BC,KAJ0B,MAKtB;EACJF,UAAU,2BAAoBA,UAAU,GAAG,CAAjC,oCACRA,UAAU,GAAG,CADL,mBADN;EAIJG,aAAa,EAAEJ,IAAI,GAAG,IAAAK,mCAAA,EAAyBF,KAAK,CAACG,OAAN,CAAcC,IAAvC,CAAH,GAAkD,CAJjE;EAKJC,MAAM,EAAER,IAAI,GAAGE,KAAH,GAAW;AALnB,CALsB,CAArB;;;;AAaA,MAAMO,iBAAiB,GAAG,CAACP,KAAD,EAAgBC,KAAhB,KAAqC;EACpE,MAAMC,aAAa,GAAG,IAAAC,mCAAA,EAAyBF,KAAK,CAACG,OAAN,CAAcC,IAAvC,CAAtB;EACA,OAAO;IACLG,QAAQ,EAAE;MACRN,aADQ;MAERI,MAAM,EAAEN;IAFA,CADL;IAKLS,OAAO,EAAE;MACPP,aADO;MAEPI,MAAM,EAAEN;IAFD,CALJ;IASLU,OAAO,EAAE;MACPR,aADO;MAEPI,MAAM,EAAEN;IAFD,CATJ;IAaLW,MAAM,EAAE;MAAET,aAAa,EAAE,CAAjB;MAAoBI,MAAM,EAAE;IAA5B;EAbH,CAAP;AAeD,CAjBM;;;;AAmBA,MAAMM,UAAU,GAAG,CAACb,UAAD,EAAqBE,KAArB,MAA2C;EACnEF,UAAU,kBAAWA,UAAU,GAAG,CAAxB,mBADyD;EAEnEc,KAAK,EAAEZ,KAAK,CAACa,IAAN,CAAWD,KAAX,CAAiBE;AAF2C,CAA3C,CAAnB;;;;AAKA,MAAMC,eAAe,GAAIf,KAAD,KAAuB;EACpDO,QAAQ,EAAE;IACRK,KAAK,EAAEZ,KAAK,CAACa,IAAN,CAAWD,KAAX,CAAiBI;EADhB,CAD0C;EAIpDR,OAAO,EAAE;IACPI,KAAK,EAAEZ,KAAK,CAACa,IAAN,CAAWD,KAAX,CAAiBI;EADjB,CAJ2C;EAOpDP,OAAO,EAAE;IACPG,KAAK,EAAEZ,KAAK,CAACa,IAAN,CAAWD,KAAX,CAAiBI;EADjB,CAP2C;EAUpDN,MAAM,EAAE;IAAEE,KAAK,EAAEZ,KAAK,CAACa,IAAN,CAAWD,KAAX,CAAiBE;EAA1B;AAV4C,CAAvB,CAAxB"}
+{"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,49 +1,43 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TitleContainer = exports.IconContainer = exports.ContentContainer = exports.AccordionContainer = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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;
+`;
 
-const IconContainer = (0, _styled.default)('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"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.borderRadius.mili;
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.secondary.light);
-});
-exports.IconContainer = IconContainer;
-const TitleContainer = (0, _styled.default)('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"])), _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.spacing.kilo;
-});
-exports.TitleContainer = TitleContainer;
-const AccordionContainer = (0, _styled.default)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-bottom: ", ";\n  background-color: ", ";\n"])), _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.secondary.light);
-}, _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.miscellaneous.surfaceColor;
-});
 exports.AccordionContainer = AccordionContainer;
-const ContentContainer = (0, _styled.default)('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n"])));
 exports.ContentContainer = ContentContainer;
-//# sourceMappingURL=styled.js.map
+exports.IconContainer = IconContainer;
+exports.TitleContainer = TitleContainer;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["IconContainer","styled","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;;;;;;;;AAGO,MAAMA,aAAa,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,8MACP;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADO,EAEd;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,iBACLA,KAAK,CAACG,WAAN,CAAkBC,IADb,oBAC2BJ,KAAK,CAACK,KAAN,CAAYC,SAAZ,CAAsBC,KADjD;AAAA,CAFc,CAAnB;;AAUA,MAAMC,cAAc,GAAG,IAAAT,eAAA,EAAO,KAAP,CAAH,2MAMd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CANc,CAApB;;AASA,MAAMC,kBAAkB,GAAG,IAAAZ,eAAA,EAAO,KAAP,CAAH,0KAGZ;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,iBACZA,KAAK,CAACG,WAAN,CAAkBC,IADN,oBACoBJ,KAAK,CAACK,KAAN,CAAYC,SAAZ,CAAsBC,KAD1C;AAAA,CAHY,EAKT;EAAA,IAAC;IAAEP;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,aAAN,CAAoBC,YAAnC;AAAA,CALS,CAAxB;;AAQA,MAAMC,gBAAgB,GAAG,IAAAf,eAAA,EAAO,KAAP,CAAH,2IAAtB"}
+{"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,34 +1,61 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _react = _interopRequireDefault(require("react"));
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Badge = _ref => {
-  let {
+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,
-    ...props
-  } = _ref;
-  return _react.default.createElement(_reactCore.Badge, _extends({}, props, {
-    value: _react.default.createElement(_reactCore.Text, {
-      fontColor: fontColor,
-      fontWeight: 'bold',
-      typography: 'label'
+    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);
 };
 
-var _default = Badge;
-exports.default = _default;
-//# sourceMappingURL=Badge.js.map
+module.exports = Badge;
+//# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","children","fontColor","value","props"],"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import {\n  BadgeProps,\n  Badge as BadgeCore,\n  Text,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\nexport interface BadgeWebProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeWebProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;;;AAAA;;AAMA;;;;;;AAOA,MAAMA,KAAwB,GAAG,QAK3B;EAAA,IAL4B;IAChCC,QADgC;IAEhCC,SAAS,GAAG,OAFoB;IAGhCC,KAHgC;IAIhC,GAAGC;EAJ6B,CAK5B;EACJ,OACE,6BAAC,gBAAD,eACMA,KADN;IAEE,KAAK,EACH,6BAAC,eAAD;MAAM,SAAS,EAAEF,SAAjB;MAA4B,UAAU,EAAE,MAAxC;MAAgD,UAAU,EAAE;IAA5D,GACGC,KADH;EAHJ,IAQGF,QARH,CADF;AAYD,CAlBD;;eAoBeD,K"}
+{"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;;;;"}