@tecsinapse/react-web-kit 1.20.2 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["Calendar","DatePicker","DatePickerCore","React","useCallback","useMemo","useState","Dropdown","value","type","rest","visible","setVisible","show","close","getYear","lowest","undefined","Date","getFullYear","getMonth","calendar"],"sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  return (\n    <DatePickerCore\n      {...rest}\n      CalendarComponent={Calendar}\n      value={value}\n      type={type}\n      year={getYear}\n      month={getMonth}\n      requestShowCalendar={show}\n      requestCloseCalendar={close}\n      renderCalendar={calendar => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {calendar}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,SACEA,QADF,EAEEC,UAAU,IAAIC,cAFhB,QAMO,wBANP;AAOA,OAAOC,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,EAAsCC,QAAtC,QAAsD,OAAtD;AACA,SAASC,QAAT;AAUA,OAAO,IAAMN,UAAU,GAAG,SAAbA,UAAa,OAIgB;EAAA,IAHxCO,KAGwC,QAHxCA,KAGwC;EAAA,IAFxCC,IAEwC,QAFxCA,IAEwC;EAAA,IADrCC,IACqC;;EACxC,gBAA8BJ,QAAQ,CAAC,KAAD,CAAtC;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAMC,IAAI,GAAGT,WAAW,CAAC;IAAA,OAAMQ,UAAU,CAAC,IAAD,CAAhB;EAAA,CAAD,EAAyB,EAAzB,CAAxB;EACA,IAAME,KAAK,GAAGV,WAAW,CAAC;IAAA,OAAMQ,UAAU,CAAC,KAAD,CAAhB;EAAA,CAAD,EAA0B,EAA1B,CAAzB;EAEA,IAAMG,OAAO,GAAGV,OAAO,CAAC,YAAM;IAC5B,IAAIG,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBQ,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUV,KAAD,CAAqBQ,MAA9B,EAAsCG,WAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAID,IAAJ,CAASV,KAAT,EAAwBW,WAAxB,EAAP;MACD;IACF;;IACD,OAAOF,SAAP;EACD,CAVsB,EAUpB,CAACT,KAAD,CAVoB,CAAvB;EAYA,IAAMY,QAAQ,GAAGf,OAAO,CAAC,YAAM;IAC7B,IAAIG,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBQ,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUV,KAAD,CAAqBQ,MAA9B,EAAsCI,QAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAIF,IAAJ,CAASV,KAAT,EAAwBY,QAAxB,EAAP;MACD;IACF;;IACD,OAAOH,SAAP;EACD,CAVuB,EAUrB,CAACT,KAAD,CAVqB,CAAxB;EAYA,OACE,oBAAC,cAAD,eACME,IADN;IAEE,iBAAiB,EAAEV,QAFrB;IAGE,KAAK,EAAEQ,KAHT;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAEM,OALR;IAME,KAAK,EAAEK,QANT;IAOE,mBAAmB,EAAEP,IAPvB;IAQE,oBAAoB,EAAEC,KARxB;IASE,cAAc,EAAE,wBAAAO,QAAQ;MAAA,OACtB,oBAAC,QAAD;QAAU,OAAO,EAAEV,OAAnB;QAA4B,UAAU,EAAEC;MAAxC,GACGS,QADH,CADsB;IAAA;EAT1B,GADF;AAiBD,CAlDM"}
+{"version":3,"file":"DatePicker.js","names":["Calendar","DatePicker","DatePickerCore","React","useCallback","useMemo","useState","Dropdown","value","type","rest","visible","setVisible","show","close","getYear","lowest","undefined","Date","getFullYear","getMonth","calendar"],"sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  return (\n    <DatePickerCore\n      {...rest}\n      CalendarComponent={Calendar}\n      value={value}\n      type={type}\n      year={getYear}\n      month={getMonth}\n      requestShowCalendar={show}\n      requestCloseCalendar={close}\n      renderCalendar={calendar => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {calendar}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SACEA,QADF,EAEEC,UAAU,IAAIC,cAFhB,QAMO,wBANP;AAOA,OAAOC,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,EAAsCC,QAAtC,QAAsD,OAAtD;AACA,SAASC,QAAT;AAUA,OAAO,IAAMN,UAAU,GAAG,SAAbA,UAAa,OAIgB;EAAA,IAHxCO,KAGwC,QAHxCA,KAGwC;EAAA,IAFxCC,IAEwC,QAFxCA,IAEwC;EAAA,IADrCC,IACqC;;EACxC,gBAA8BJ,QAAQ,CAAC,KAAD,CAAtC;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAMC,IAAI,GAAGT,WAAW,CAAC;IAAA,OAAMQ,UAAU,CAAC,IAAD,CAAhB;EAAA,CAAD,EAAyB,EAAzB,CAAxB;EACA,IAAME,KAAK,GAAGV,WAAW,CAAC;IAAA,OAAMQ,UAAU,CAAC,KAAD,CAAhB;EAAA,CAAD,EAA0B,EAA1B,CAAzB;EAEA,IAAMG,OAAO,GAAGV,OAAO,CAAC,YAAM;IAC5B,IAAIG,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBQ,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUV,KAAD,CAAqBQ,MAA9B,EAAsCG,WAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAID,IAAJ,CAASV,KAAT,EAAwBW,WAAxB,EAAP;MACD;IACF;;IACD,OAAOF,SAAP;EACD,CAVsB,EAUpB,CAACT,KAAD,CAVoB,CAAvB;EAYA,IAAMY,QAAQ,GAAGf,OAAO,CAAC,YAAM;IAC7B,IAAIG,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBQ,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUV,KAAD,CAAqBQ,MAA9B,EAAsCI,QAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAIF,IAAJ,CAASV,KAAT,EAAwBY,QAAxB,EAAP;MACD;IACF;;IACD,OAAOH,SAAP;EACD,CAVuB,EAUrB,CAACT,KAAD,CAVqB,CAAxB;EAYA,OACE,oBAAC,cAAD,eACME,IADN;IAEE,iBAAiB,EAAEV,QAFrB;IAGE,KAAK,EAAEQ,KAHT;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAEM,OALR;IAME,KAAK,EAAEK,QANT;IAOE,mBAAmB,EAAEP,IAPvB;IAQE,oBAAoB,EAAEC,KARxB;IASE,cAAc,EAAE,wBAAAO,QAAQ;MAAA,OACtB,oBAAC,QAAD;QAAU,OAAO,EAAEV,OAAnB;QAA4B,UAAU,EAAEC;MAAxC,GACGS,QADH,CADsB;IAAA;EAT1B,GADF;AAiBD,CAlDM"}

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

@@ -2,6 +2,8 @@ var _excluded = ["onRequestClose", "children"];
 
 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); }
 
+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 { PressableSurface } from '@tecsinapse/react-core';
@@ -12,7 +14,7 @@ import { Backdrop, ModalContent } from "./styled";
 var Component = function Component(_ref) {
   var onRequestClose = _ref.onRequestClose,
       children = _ref.children,
-      modalProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+      modalProps = _objectWithoutProperties(_ref, _excluded);
 
   return React.createElement(RNModal, _extends({
     transparent: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["PressableSurface","React","Modal","RNModal","Backdrop","ModalContent","Component","onRequestClose","children","modalProps"],"sources":["../../../../src/components/molecules/DatePicker/Modal.tsx"],"sourcesContent":["import {\n  CalendarProps,\n  PressableSurface,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component = <T extends SelectionType>({\n  onRequestClose,\n  children,\n  ...modalProps\n}: CalendarProps<T> & ModalProps & { children: JSX.Element }): JSX.Element => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...modalProps}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <PressableSurface>\n          <ModalContent>{children}</ModalContent>\n        </PressableSurface>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;AAAA,SAEEA,gBAFF,QAIO,wBAJP;AAKA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAK,IAAIC,OAAlB;AACA,SAASC,QAAT,EAAmBC,YAAnB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAI4D;EAAA,IAH5EC,cAG4E,QAH5EA,cAG4E;EAAA,IAF5EC,QAE4E,QAF5EA,QAE4E;EAAA,IADzEC,UACyE;;EAC5E,OACE,oBAAC,OAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,UAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,QAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,gBAAD,QACE,oBAAC,YAAD,QAAeC,QAAf,CADF,CADF,CAPF,CADF;AAeD,CApBD;;AAsBA,OAAO,IAAMN,KAAK,GAAGI,SAAd"}
+{"version":3,"file":"Modal.js","names":["PressableSurface","React","Modal","RNModal","Backdrop","ModalContent","Component","onRequestClose","children","modalProps"],"sources":["../../../../src/components/molecules/DatePicker/Modal.tsx"],"sourcesContent":["import {\n  CalendarProps,\n  PressableSurface,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component = <T extends SelectionType>({\n  onRequestClose,\n  children,\n  ...modalProps\n}: CalendarProps<T> & ModalProps & { children: JSX.Element }): JSX.Element => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...modalProps}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <PressableSurface>\n          <ModalContent>{children}</ModalContent>\n        </PressableSurface>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;;;AAAA,SAEEA,gBAFF,QAIO,wBAJP;AAKA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAK,IAAIC,OAAlB;AACA,SAASC,QAAT,EAAmBC,YAAnB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAI4D;EAAA,IAH5EC,cAG4E,QAH5EA,cAG4E;EAAA,IAF5EC,QAE4E,QAF5EA,QAE4E;EAAA,IADzEC,UACyE;;EAC5E,OACE,oBAAC,OAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,UAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,QAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,gBAAD,QACE,oBAAC,YAAD,QAAeC,QAAf,CADF,CADF,CAPF,CADF;AAeD,CApBD;;AAsBA,OAAO,IAAMN,KAAK,GAAGI,SAAd"}

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

@@ -1,17 +1,17 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled, { css } from '@emotion/native';
 import { hex2rgba, PressableSurface } from '@tecsinapse/react-core';
 import { Platform } from "react-native-web";
 var isWeb = Platform.OS === 'web';
-export var Backdrop = styled(PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+export var Backdrop = styled(PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
-  return isWeb ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n          justify-content: center;\n          align-items: center;\n          background-color: ", ";\n          height: 100vh;\n        "])), hex2rgba(theme.miscellaneous.overlay, 0.5)) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          background-color: ", ";\n          height: 100%;\n        "])), hex2rgba(theme.miscellaneous.overlay, 0.5));
+  return isWeb ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          justify-content: center;\n          align-items: center;\n          background-color: ", ";\n          height: 100vh;\n        "])), hex2rgba(theme.miscellaneous.overlay, 0.5)) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          justify-content: flex-end;\n          background-color: ", ";\n          height: 100%;\n        "])), hex2rgba(theme.miscellaneous.overlay, 0.5));
 });
-export var ModalContent = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), function (_ref2) {
+export var ModalContent = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), function (_ref2) {
   var borderRadius = _ref2.theme.borderRadius;
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), isWeb ? "\n      border-radius: " + borderRadius.micro + ";\n    " : "\n      border-top-left-radius: " + borderRadius.deca + ";\n      border-top-right-radius: " + borderRadius.deca + ";\n    ");
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), isWeb ? "\n      border-radius: ".concat(borderRadius.micro, ";\n    ") : "\n      border-top-left-radius: ".concat(borderRadius.deca, ";\n      border-top-right-radius: ").concat(borderRadius.deca, ";\n    "));
 });
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","hex2rgba","PressableSurface","Platform","isWeb","OS","Backdrop","theme","miscellaneous","overlay","ModalContent","View","borderRadius","micro","deca"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,QAAT,EAAmBC,gBAAnB,QAAuD,wBAAvD;AACA,SAASC,QAAT;AAEA,IAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAT,KAAgB,KAA9B;AAEA,OAAO,IAAMC,QAAQ,GAAGP,MAAM,CAACG,gBAAD,CAAT,qFACjB;EAAA,IAAGK,KAAH,QAAGA,KAAH;EAAA,OACAH,KAAK,GACDJ,GADC,wNAIqBC,QAAQ,CAACM,KAAK,CAACC,aAAN,CAAoBC,OAArB,EAA8B,GAA9B,CAJ7B,IAODT,GAPC,yLASqBC,QAAQ,CAACM,KAAK,CAACC,aAAN,CAAoBC,OAArB,EAA8B,GAA9B,CAT7B,CADL;AAAA,CADiB,CAAd;AAgBP,OAAO,IAAMC,YAAY,GAAGX,MAAM,CAACY,IAAV,8IAErB;EAAA,IAAYC,YAAZ,SAAGL,KAAH,CAAYK,YAAZ;EAAA,OAAiCZ,GAAjC,2FACEI,KAAK,+BAEYQ,YAAY,CAACC,KAFzB,oDAKqBD,YAAY,CAACE,IALlC,0CAMsBF,YAAY,CAACE,IANnC,YADP;AAAA,CAFqB,CAAlB"}
+{"version":3,"file":"styled.js","names":["styled","css","hex2rgba","PressableSurface","Platform","isWeb","OS","Backdrop","theme","miscellaneous","overlay","ModalContent","View","borderRadius","micro","deca"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,QAAT,EAAmBC,gBAAnB,QAAuD,wBAAvD;AACA,SAASC,QAAT;AAEA,IAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAT,KAAgB,KAA9B;AAEA,OAAO,IAAMC,QAAQ,GAAGP,MAAM,CAACG,gBAAD,CAAT,gFACjB;EAAA,IAAGK,KAAH,QAAGA,KAAH;EAAA,OACAH,KAAK,GACDJ,GADC,mNAIqBC,QAAQ,CAACM,KAAK,CAACC,aAAN,CAAoBC,OAArB,EAA8B,GAA9B,CAJ7B,IAODT,GAPC,oLASqBC,QAAQ,CAACM,KAAK,CAACC,aAAN,CAAoBC,OAArB,EAA8B,GAA9B,CAT7B,CADL;AAAA,CADiB,CAAd;AAgBP,OAAO,IAAMC,YAAY,GAAGX,MAAM,CAACY,IAAV,yIAErB;EAAA,IAAYC,YAAZ,SAAGL,KAAH,CAAYK,YAAZ;EAAA,OAAiCZ,GAAjC,sFACEI,KAAK,oCAEYQ,YAAY,CAACC,KAFzB,yDAKqBD,YAAY,CAACE,IALlC,+CAMsBF,YAAY,CAACE,IANnC,YADP;AAAA,CAFqB,CAAlB"}

package/esm/components/molecules/DateTimePicker/DateTimePicker.js

@@ -1,3 +1,15 @@
+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 _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); }
 
 import { DateTimePicker as DateTimePickerCore } from '@tecsinapse/react-core';
@@ -7,8 +19,9 @@ export var DateTimePicker = function DateTimePicker(_ref) {
   var rest = _extends({}, _ref);
 
   var _useState = useState(false),
-      visible = _useState[0],
-      setVisible = _useState[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
 
   var show = useCallback(function () {
     return setVisible(true);

package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","DateTimePickerCore","React","useCallback","useState","Dropdown","rest","visible","setVisible","show","close","selector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;AAAA,SACEA,cAAc,IAAIC,kBADpB,QAGO,wBAHP;AAIA,OAAOC,KAAP,IAAoBC,WAApB,EAAiCC,QAAjC,QAAiD,OAAjD;AACA,SAASC,QAAT;AAOA,OAAO,IAAML,cAA0C,GAAG,SAA7CA,cAA6C,OAAiB;EAAA,IAAXM,IAAW;;EACzE,gBAA8BF,QAAQ,CAAU,KAAV,CAAtC;EAAA,IAAOG,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,IAAI,GAAGN,WAAW,CAAC;IAAA,OAAMK,UAAU,CAAC,IAAD,CAAhB;EAAA,CAAD,EAAyB,EAAzB,CAAxB;EACA,IAAME,KAAK,GAAGP,WAAW,CAAC;IAAA,OAAMK,UAAU,CAAC,KAAD,CAAhB;EAAA,CAAD,EAA0B,EAA1B,CAAzB;EAEA,OACE,oBAAC,kBAAD,eACMF,IADN;IAEE,mBAAmB,EAAEG,IAFvB;IAGE,oBAAoB,EAAEC,KAHxB;IAIE,cAAc,EAAE,wBAAAC,QAAQ;MAAA,OACtB,oBAAC,QAAD;QAAU,OAAO,EAAEJ,OAAnB;QAA4B,UAAU,EAAEC;MAAxC,GACGG,QADH,CADsB;IAAA;EAJ1B,GADF;AAYD,CAlBM"}
+{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","DateTimePickerCore","React","useCallback","useState","Dropdown","rest","visible","setVisible","show","close","selector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SACEA,cAAc,IAAIC,kBADpB,QAGO,wBAHP;AAIA,OAAOC,KAAP,IAAoBC,WAApB,EAAiCC,QAAjC,QAAiD,OAAjD;AACA,SAASC,QAAT;AAOA,OAAO,IAAML,cAA0C,GAAG,SAA7CA,cAA6C,OAAiB;EAAA,IAAXM,IAAW;;EACzE,gBAA8BF,QAAQ,CAAU,KAAV,CAAtC;EAAA;EAAA,IAAOG,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,IAAI,GAAGN,WAAW,CAAC;IAAA,OAAMK,UAAU,CAAC,IAAD,CAAhB;EAAA,CAAD,EAAyB,EAAzB,CAAxB;EACA,IAAME,KAAK,GAAGP,WAAW,CAAC;IAAA,OAAMK,UAAU,CAAC,KAAD,CAAhB;EAAA,CAAD,EAA0B,EAA1B,CAAzB;EAEA,OACE,oBAAC,kBAAD,eACMF,IADN;IAEE,mBAAmB,EAAEG,IAFvB;IAGE,oBAAoB,EAAEC,KAHxB;IAIE,cAAc,EAAE,wBAAAC,QAAQ;MAAA,OACtB,oBAAC,QAAD;QAAU,OAAO,EAAEJ,OAAnB;QAA4B,UAAU,EAAEC;MAAxC,GACGG,QADH,CADsB;IAAA;EAJ1B,GADF;AAYD,CAlBM"}

package/esm/components/molecules/DateTimePicker/Modal.js

@@ -2,6 +2,8 @@ var _excluded = ["onRequestClose", "children"];
 
 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); }
 
+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 * as React from 'react';
@@ -11,7 +13,7 @@ import { Backdrop, ModalContent } from "./styled";
 var Component = function Component(_ref) {
   var onRequestClose = _ref.onRequestClose,
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return React.createElement(RNModal, _extends({
     transparent: true,

package/esm/components/molecules/DateTimePicker/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","Modal","RNModal","Backdrop","ModalContent","Component","onRequestClose","children","rest"],"sources":["../../../../src/components/molecules/DateTimePicker/Modal.tsx"],"sourcesContent":["import { DateTimeSelectorProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component: React.FC<DateTimeSelectorProps & ModalProps> = ({\n  onRequestClose,\n  children,\n  ...rest\n}) => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...rest}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <ModalContent>{children}</ModalContent>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAK,IAAIC,OAAlB;AACA,SAASC,QAAT,EAAmBC,YAAnB;;AAEA,IAAMC,SAAuD,GAAG,SAA1DA,SAA0D,OAI1D;EAAA,IAHJC,cAGI,QAHJA,cAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,OAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,IAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,QAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,YAAD,QAAeC,QAAf,CADF,CAPF,CADF;AAaD,CAlBD;;AAoBA,OAAO,IAAMN,KAAK,GAAGI,SAAd"}
+{"version":3,"file":"Modal.js","names":["React","Modal","RNModal","Backdrop","ModalContent","Component","onRequestClose","children","rest"],"sources":["../../../../src/components/molecules/DateTimePicker/Modal.tsx"],"sourcesContent":["import { DateTimeSelectorProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component: React.FC<DateTimeSelectorProps & ModalProps> = ({\n  onRequestClose,\n  children,\n  ...rest\n}) => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...rest}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <ModalContent>{children}</ModalContent>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;;;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAK,IAAIC,OAAlB;AACA,SAASC,QAAT,EAAmBC,YAAnB;;AAEA,IAAMC,SAAuD,GAAG,SAA1DA,SAA0D,OAI1D;EAAA,IAHJC,cAGI,QAHJA,cAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,OAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,IAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,QAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,YAAD,QAAeC,QAAf,CADF,CAPF,CADF;AAaD,CAlBD;;AAoBA,OAAO,IAAMN,KAAK,GAAGI,SAAd"}

package/esm/components/molecules/DateTimePicker/styled.js

@@ -1,14 +1,14 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled, { css } from '@emotion/native';
 import { PressableSurface, RFValueStr } from '@tecsinapse/react-core';
 import { Platform } from "react-native-web";
 var isWeb = Platform.OS === 'web';
-export var Backdrop = styled(PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), isWeb ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      "]))) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      "]))));
-export var ModalContent = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), function (_ref) {
+export var Backdrop = styled(PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), isWeb ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      "]))) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      "]))));
+export var ModalContent = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), function (_ref) {
   var borderRadius = _ref.theme.borderRadius;
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), isWeb ? "\n      width: " + RFValueStr('375px') + ";\n      border-radius: " + borderRadius.micro + ";\n    " : "\n      border-top-left-radius: " + borderRadius.deca + ";\n      border-top-right-radius: " + borderRadius.deca + ";\n    ");
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), isWeb ? "\n      width: ".concat(RFValueStr('375px'), ";\n      border-radius: ").concat(borderRadius.micro, ";\n    ") : "\n      border-top-left-radius: ".concat(borderRadius.deca, ";\n      border-top-right-radius: ").concat(borderRadius.deca, ";\n    "));
 });
 //# sourceMappingURL=styled.js.map

package/esm/components/molecules/DateTimePicker/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","PressableSurface","RFValueStr","Platform","isWeb","OS","Backdrop","ModalContent","View","borderRadius","theme","micro","deca"],"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  PressableSurface,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${isWeb\n    ? css`\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      `\n    : css`\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      width: ${RFValueStr('375px')};\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SACEC,gBADF,EAEEC,UAFF,QAIO,wBAJP;AAKA,SAASC,QAAT;AAEA,IAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAT,KAAgB,KAA9B;AAEA,OAAO,IAAMC,QAAQ,GAAGP,MAAM,CAACE,gBAAD,CAAT,qFACjBG,KAAK,GACHJ,GADG,8NAOHA,GAPG,8LADY,CAAd;AAeP,OAAO,IAAMO,YAAY,GAAGR,MAAM,CAACS,IAAV,8IAErB;EAAA,IAAYC,YAAZ,QAAGC,KAAH,CAAYD,YAAZ;EAAA,OAAiCT,GAAjC,2FACEI,KAAK,uBAEIF,UAAU,CAAC,OAAD,CAFd,gCAGYO,YAAY,CAACE,KAHzB,oDAMqBF,YAAY,CAACG,IANlC,0CAOsBH,YAAY,CAACG,IAPnC,YADP;AAAA,CAFqB,CAAlB"}
+{"version":3,"file":"styled.js","names":["styled","css","PressableSurface","RFValueStr","Platform","isWeb","OS","Backdrop","ModalContent","View","borderRadius","theme","micro","deca"],"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  PressableSurface,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${isWeb\n    ? css`\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      `\n    : css`\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      width: ${RFValueStr('375px')};\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SACEC,gBADF,EAEEC,UAFF,QAIO,wBAJP;AAKA,SAASC,QAAT;AAEA,IAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAT,KAAgB,KAA9B;AAEA,OAAO,IAAMC,QAAQ,GAAGP,MAAM,CAACE,gBAAD,CAAT,gFACjBG,KAAK,GACHJ,GADG,yNAOHA,GAPG,yLADY,CAAd;AAeP,OAAO,IAAMO,YAAY,GAAGR,MAAM,CAACS,IAAV,yIAErB;EAAA,IAAYC,YAAZ,QAAGC,KAAH,CAAYD,YAAZ;EAAA,OAAiCT,GAAjC,sFACEI,KAAK,4BAEIF,UAAU,CAAC,OAAD,CAFd,qCAGYO,YAAY,CAACE,KAHzB,yDAMqBF,YAAY,CAACG,IANlC,+CAOsBH,YAAY,CAACG,IAPnC,YADP;AAAA,CAFqB,CAAlB"}

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

@@ -2,6 +2,14 @@ var _excluded = ["open", "anchorPosition", "onClose", "children", "style"];
 
 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); }
 
+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 _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 from 'react';
@@ -17,7 +25,7 @@ var Drawer = function Drawer(_ref) {
       onClose = _ref.onClose,
       children = _ref.children,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var getStyles = function getStyles(anchorPosition, state) {
     var stylesLeftRight = defaultStylesLeftRight(anchorPosition);
@@ -26,9 +34,9 @@ var Drawer = function Drawer(_ref) {
     var transitionTopBottom = transitionStylesTopBottom(anchorPosition);
 
     if (['left', 'right'].includes(anchorPosition)) {
-      return _extends({}, stylesLeftRight, transitionLeftRight[state]);
+      return _objectSpread(_objectSpread({}, stylesLeftRight), transitionLeftRight[state]);
     } else {
-      return _extends({}, stylesTopBottom, transitionTopBottom[state]);
+      return _objectSpread(_objectSpread({}, stylesTopBottom), transitionTopBottom[state]);
     }
   };
 
@@ -42,7 +50,7 @@ var Drawer = function Drawer(_ref) {
     timeout: 300
   }, function (state) {
     return React.createElement(StyledContainerDrawer, _extends({
-      style: _extends({}, style, getStyles(anchorPosition, state)),
+      style: _objectSpread(_objectSpread({}, style), getStyles(anchorPosition, state)),
       anchorPosition: anchorPosition,
       onClose: onClose,
       open: open

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","StyledContainerDrawer","Transition","Overlay","transitionStylesTopBottom","defaultStylesTopBottom","defaultStylesLeftRight","transitionStylesLeftRight","Drawer","open","anchorPosition","onClose","children","style","rest","getStyles","state","stylesLeftRight","transitionLeftRight","stylesTopBottom","transitionTopBottom","includes"],"sources":["../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,qBAAT;AACA,SAASC,UAAT,QAA6C,wBAA7C;AACA,SAASC,OAAT;AACA,SACEC,yBADF,EAEEC,sBAFF,EAGEC,sBAHF,EAIEC,yBAJF;;AAeA,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAO1B;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,+BALJC,cAKI;EAAA,IALJA,cAKI,oCALa,OAKb;EAAA,IAJJC,OAII,QAJJA,OAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,IACC;;EACJ,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAChBL,cADgB,EAEhBM,KAFgB,EAGb;IACH,IAAMC,eAAe,GAAGX,sBAAsB,CAACI,cAAD,CAA9C;IACA,IAAMQ,mBAAmB,GAAGX,yBAAyB,CAACG,cAAD,CAArD;IACA,IAAMS,eAAe,GAAGd,sBAAsB,CAACK,cAAD,CAA9C;IACA,IAAMU,mBAAmB,GAAGhB,yBAAyB,CAACM,cAAD,CAArD;;IAEA,IAAI,CAAC,MAAD,EAAS,OAAT,EAAkBW,QAAlB,CAA2BX,cAA3B,CAAJ,EAAgD;MAC9C,oBACKO,eADL,EAEKC,mBAAmB,CAACF,KAAD,CAFxB;IAID,CALD,MAKO;MACL,oBACKG,eADL,EAEKC,mBAAmB,CAACJ,KAAD,CAFxB;IAID;EACF,CApBD;;EAsBA,OACE,0CACE,oBAAC,OAAD;IAAS,OAAO,EAAE,GAAlB;IAAuB,IAAI,EAAEP,IAA7B;IAAmC,OAAO,EAAEE,OAA5C;IAAqD,MAAM,EAAC;EAA5D,EADF,EAEE,oBAAC,UAAD;IAAY,MAAIF,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACG,UAAAO,KAAK;IAAA,OACJ,oBAAC,qBAAD;MACE,KAAK,eAAOH,KAAP,EAAiBE,SAAS,CAACL,cAAD,EAAiBM,KAAjB,CAA1B,CADP;MAEE,cAAc,EAAEN,cAFlB;MAGE,OAAO,EAAEC,OAHX;MAIE,IAAI,EAAEF;IAJR,GAKMK,IALN,GAOGF,QAPH,CADI;EAAA,CADR,CAFF,CADF;AAkBD,CAhDD;;AAkDA,eAAeJ,MAAf"}
+{"version":3,"file":"Drawer.js","names":["React","StyledContainerDrawer","Transition","Overlay","transitionStylesTopBottom","defaultStylesTopBottom","defaultStylesLeftRight","transitionStylesLeftRight","Drawer","open","anchorPosition","onClose","children","style","rest","getStyles","state","stylesLeftRight","transitionLeftRight","stylesTopBottom","transitionTopBottom","includes"],"sources":["../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,qBAAT;AACA,SAASC,UAAT,QAA6C,wBAA7C;AACA,SAASC,OAAT;AACA,SACEC,yBADF,EAEEC,sBAFF,EAGEC,sBAHF,EAIEC,yBAJF;;AAeA,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAO1B;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,+BALJC,cAKI;EAAA,IALJA,cAKI,oCALa,OAKb;EAAA,IAJJC,OAII,QAJJA,OAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,IACC;;EACJ,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAChBL,cADgB,EAEhBM,KAFgB,EAGb;IACH,IAAMC,eAAe,GAAGX,sBAAsB,CAACI,cAAD,CAA9C;IACA,IAAMQ,mBAAmB,GAAGX,yBAAyB,CAACG,cAAD,CAArD;IACA,IAAMS,eAAe,GAAGd,sBAAsB,CAACK,cAAD,CAA9C;IACA,IAAMU,mBAAmB,GAAGhB,yBAAyB,CAACM,cAAD,CAArD;;IAEA,IAAI,CAAC,MAAD,EAAS,OAAT,EAAkBW,QAAlB,CAA2BX,cAA3B,CAAJ,EAAgD;MAC9C,uCACKO,eADL,GAEKC,mBAAmB,CAACF,KAAD,CAFxB;IAID,CALD,MAKO;MACL,uCACKG,eADL,GAEKC,mBAAmB,CAACJ,KAAD,CAFxB;IAID;EACF,CApBD;;EAsBA,OACE,0CACE,oBAAC,OAAD;IAAS,OAAO,EAAE,GAAlB;IAAuB,IAAI,EAAEP,IAA7B;IAAmC,OAAO,EAAEE,OAA5C;IAAqD,MAAM,EAAC;EAA5D,EADF,EAEE,oBAAC,UAAD;IAAY,MAAIF,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACG,UAAAO,KAAK;IAAA,OACJ,oBAAC,qBAAD;MACE,KAAK,kCAAOH,KAAP,GAAiBE,SAAS,CAACL,cAAD,EAAiBM,KAAjB,CAA1B,CADP;MAEE,cAAc,EAAEN,cAFlB;MAGE,OAAO,EAAEC,OAHX;MAIE,IAAI,EAAEF;IAJR,GAKMK,IALN,GAOGF,QAPH,CADI;EAAA,CADR,CAFF,CADF;AAkBD,CAhDD;;AAkDA,eAAeJ,MAAf"}

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

@@ -1,6 +1,6 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+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';
 import { css } from '@emotion/react';
@@ -8,34 +8,34 @@ import { css } from '@emotion/react';
 var anchorLeft = function anchorLeft(_ref) {
   var theme = _ref.theme,
       anchorPosition = _ref.anchorPosition;
-  return anchorPosition === 'left' && css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      left: 0;\n      top: 0;\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+  return anchorPosition === 'left' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      left: 0;\n      top: 0;\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
 var anchorRight = function anchorRight(_ref2) {
   var theme = _ref2.theme,
       anchorPosition = _ref2.anchorPosition;
-  return anchorPosition === 'right' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      top: 0;\n      border-top-left-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+  return anchorPosition === 'right' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      right: 0;\n      top: 0;\n      border-top-left-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
 var anchorTop = function anchorTop(_ref3) {
   var theme = _ref3.theme,
       anchorPosition = _ref3.anchorPosition;
-  return anchorPosition === 'top' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+  return anchorPosition === 'top' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
 var anchorBottom = function anchorBottom(_ref4) {
   var theme = _ref4.theme,
       anchorPosition = _ref4.anchorPosition;
-  return anchorPosition === 'bottom' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ", ";\n      border-top-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+  return anchorPosition === 'bottom' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ", ";\n      border-top-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
 var baseStyles = function baseStyles(_ref5) {
   var theme = _ref5.theme,
       anchorPosition = _ref5.anchorPosition;
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    width: ", ";\n    position: fixed;\n    overflow: hidden;\n    background-color: ", ";\n    z-index: ", ";\n  "])), ['left', 'right'].includes(anchorPosition) && '100vh', ['top', 'bottom'].includes(anchorPosition) && '100wh', theme.miscellaneous.bodyColor, theme.zIndex.drawer);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    position: fixed;\n    overflow: hidden;\n    background-color: ", ";\n    z-index: ", ";\n  "])), ['left', 'right'].includes(anchorPosition) && '100vh', ['top', 'bottom'].includes(anchorPosition) && '100wh', theme.miscellaneous.bodyColor, theme.zIndex.drawer);
 };
 
 export var StyledContainerDrawer = styled('div')(function (props) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props), anchorLeft(props), anchorRight(props));
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props), anchorLeft(props), anchorRight(props));
 });
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","anchorLeft","theme","anchorPosition","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","props"],"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,SAASC,GAAT,QAAoB,gBAApB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAyD;EAAA,IAAtDC,KAAsD,QAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,QAA/CA,cAA+C;EAC1E,OACEA,cAAc,KAAK,MAAnB,IACAH,GADA,+LAI6BE,KAAK,CAACE,YAAN,CAAmBC,KAJhD,EAKgCH,KAAK,CAACE,YAAN,CAAmBC,KALnD,CADF;AASD,CAVD;;AAWA,IAAMC,WAAW,GAAG,SAAdA,WAAc,QAAyD;EAAA,IAAtDJ,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC3E,OACEA,cAAc,KAAK,OAAnB,IACAH,GADA,gMAI4BE,KAAK,CAACE,YAAN,CAAmBC,KAJ/C,EAK+BH,KAAK,CAACE,YAAN,CAAmBC,KALlD,CADF;AASD,CAVD;;AAYA,IAAME,SAAS,GAAG,SAAZA,SAAY,QAAyD;EAAA,IAAtDL,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EACzE,OACEA,cAAc,KAAK,KAAnB,IACAH,GADA,oNAKgCE,KAAK,CAACE,YAAN,CAAmBC,KALnD,EAM+BH,KAAK,CAACE,YAAN,CAAmBC,KANlD,CADF;AAUD,CAXD;;AAaA,IAAMG,YAAY,GAAG,SAAfA,YAAe,QAAyD;EAAA,IAAtDN,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC5E,OACEA,cAAc,KAAK,QAAnB,IACAH,GADA,iNAK6BE,KAAK,CAACE,YAAN,CAAmBC,KALhD,EAM4BH,KAAK,CAACE,YAAN,CAAmBC,KAN/C,CADF;AAUD,CAXD;;AAaA,IAAMI,UAAU,GAAG,SAAbA,UAAa,QAAyD;EAAA,IAAtDP,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC1E,OAAOH,GAAP,oNACY,CAAC,MAAD,EAAS,OAAT,EAAkBU,QAAlB,CAA2BP,cAA3B,KAA8C,OAD1D,EAEW,CAAC,KAAD,EAAQ,QAAR,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAFzD,EAKsBD,KAAK,CAACS,aAAN,CAAoBC,SAL1C,EAMaV,KAAK,CAACW,MAAN,CAAaC,MAN1B;AAQD,CATD;;AAWA,OAAO,IAAMC,qBAAqB,GAAGhB,MAAM,CAAC,KAAD,CAAN,CAGnC,UAAAiB,KAAK;EAAA,OAAIhB,GAAJ,mIACDS,UAAU,CAACO,KAAD,CADT,EAEDR,YAAY,CAACQ,KAAD,CAFX,EAGDT,SAAS,CAACS,KAAD,CAHR,EAIDf,UAAU,CAACe,KAAD,CAJT,EAKDV,WAAW,CAACU,KAAD,CALV;AAAA,CAH8B,CAA9B"}
+{"version":3,"file":"styled.js","names":["styled","css","anchorLeft","theme","anchorPosition","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","props"],"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,SAASC,GAAT,QAAoB,gBAApB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAyD;EAAA,IAAtDC,KAAsD,QAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,QAA/CA,cAA+C;EAC1E,OACEA,cAAc,KAAK,MAAnB,IACAH,GADA,0LAI6BE,KAAK,CAACE,YAAN,CAAmBC,KAJhD,EAKgCH,KAAK,CAACE,YAAN,CAAmBC,KALnD,CADF;AASD,CAVD;;AAWA,IAAMC,WAAW,GAAG,SAAdA,WAAc,QAAyD;EAAA,IAAtDJ,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC3E,OACEA,cAAc,KAAK,OAAnB,IACAH,GADA,2LAI4BE,KAAK,CAACE,YAAN,CAAmBC,KAJ/C,EAK+BH,KAAK,CAACE,YAAN,CAAmBC,KALlD,CADF;AASD,CAVD;;AAYA,IAAME,SAAS,GAAG,SAAZA,SAAY,QAAyD;EAAA,IAAtDL,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EACzE,OACEA,cAAc,KAAK,KAAnB,IACAH,GADA,+MAKgCE,KAAK,CAACE,YAAN,CAAmBC,KALnD,EAM+BH,KAAK,CAACE,YAAN,CAAmBC,KANlD,CADF;AAUD,CAXD;;AAaA,IAAMG,YAAY,GAAG,SAAfA,YAAe,QAAyD;EAAA,IAAtDN,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC5E,OACEA,cAAc,KAAK,QAAnB,IACAH,GADA,4MAK6BE,KAAK,CAACE,YAAN,CAAmBC,KALhD,EAM4BH,KAAK,CAACE,YAAN,CAAmBC,KAN/C,CADF;AAUD,CAXD;;AAaA,IAAMI,UAAU,GAAG,SAAbA,UAAa,QAAyD;EAAA,IAAtDP,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC1E,OAAOH,GAAP,+MACY,CAAC,MAAD,EAAS,OAAT,EAAkBU,QAAlB,CAA2BP,cAA3B,KAA8C,OAD1D,EAEW,CAAC,KAAD,EAAQ,QAAR,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAFzD,EAKsBD,KAAK,CAACS,aAAN,CAAoBC,SAL1C,EAMaV,KAAK,CAACW,MAAN,CAAaC,MAN1B;AAQD,CATD;;AAWA,OAAO,IAAMC,qBAAqB,GAAGhB,MAAM,CAAC,KAAD,CAAN,CAGnC,UAAAiB,KAAK;EAAA,OAAIhB,GAAJ,8HACDS,UAAU,CAACO,KAAD,CADT,EAEDR,YAAY,CAACQ,KAAD,CAFX,EAGDT,SAAS,CAACS,KAAD,CAHR,EAIDf,UAAU,CAACe,KAAD,CAJT,EAKDV,WAAW,CAACU,KAAD,CALV;AAAA,CAH8B,CAA9B"}

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

@@ -2,6 +2,14 @@ var _excluded = ["children", "columns", "layout", "style", "spacing"];
 
 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); }
 
+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 _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 from 'react';
@@ -14,19 +22,19 @@ var Grid = function Grid(_ref) {
       layout = _ref.layout,
       style = _ref.style,
       spacing = _ref.spacing,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   if (layout) {
     var flatLayout = layout.flat();
     return React.createElement("div", _extends({
-      style: _extends({}, style, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
         display: 'flex',
         flexDirection: 'row',
         flexWrap: 'wrap'
       })
     }, rest), React.Children.map(children, function (child, index) {
       return React.createElement(GridItem, {
-        key: "child-" + index,
+        key: "child-".concat(index),
         columns: columns,
         span: flatLayout[index],
         spacing: spacing
@@ -35,7 +43,7 @@ var Grid = function Grid(_ref) {
   }
 
   return React.createElement("div", _extends({
-    style: _extends({}, style, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
       display: 'flex',
       flexDirection: 'row',
       flexWrap: 'wrap'
@@ -43,10 +51,10 @@ var Grid = function Grid(_ref) {
   }, rest), React.Children.map(children, function (child, index) {
     var _child$props$spacing;
 
-    return React.cloneElement(child, _extends({}, child == null ? void 0 : child.props, {
+    return React.cloneElement(child, _objectSpread(_objectSpread({}, child === null || child === void 0 ? void 0 : child.props), {}, {
       columns: columns,
-      spacing: (_child$props$spacing = child == null ? void 0 : child.props.spacing) != null ? _child$props$spacing : spacing,
-      key: "child-" + index
+      spacing: (_child$props$spacing = child === null || child === void 0 ? void 0 : child.props.spacing) !== null && _child$props$spacing !== void 0 ? _child$props$spacing : spacing,
+      key: "child-".concat(index)
     }));
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["React","GridItem","Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","Children","map","child","index","cloneElement","props","key"],"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAOgB;EAAA,IAN3BC,QAM2B,QAN3BA,QAM2B;EAAA,wBAL3BC,OAK2B;EAAA,IAL3BA,OAK2B,6BALjB,EAKiB;EAAA,IAJ3BC,MAI2B,QAJ3BA,MAI2B;EAAA,IAH3BC,KAG2B,QAH3BA,KAG2B;EAAA,IAF3BC,OAE2B,QAF3BA,OAE2B;EAAA,IADxBC,IACwB;;EAC3B,IAAIH,MAAJ,EAAY;IACV,IAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE;MACE,KAAK,eACAJ,KADA;QAEHK,OAAO,EAAE,MAFN;QAGHC,aAAa,EAAE,KAHZ;QAIHC,QAAQ,EAAE;MAJP;IADP,GAOML,IAPN,GASGR,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6B,UAACa,KAAD,EAAQC,KAAR;MAAA,OAC5B,oBAAC,QAAD;QACE,GAAG,aAAWA,KADhB;QAEE,OAAO,EAAEb,OAFX;QAGE,IAAI,EAAEK,UAAU,CAACQ,KAAD,CAHlB;QAIE,OAAO,EAAEV;MAJX,GAMGS,KANH,CAD4B;IAAA,CAA7B,CATH,CADF;EAsBD;;EAED,OACE;IACE,KAAK,eACAV,KADA;MAEHK,OAAO,EAAE,MAFN;MAGHC,aAAa,EAAE,KAHZ;MAIHC,QAAQ,EAAE;IAJP;EADP,GAOML,IAPN,GASGR,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6B,UAACa,KAAD,EAAQC,KAAR,EAAkB;IAAA;;IAC9C,OAAOjB,KAAK,CAACkB,YAAN,CAAmBF,KAAnB,eACFA,KADE,oBACFA,KAAK,CAAEG,KADL;MAELf,OAAO,EAAPA,OAFK;MAGLG,OAAO,0BAAES,KAAF,oBAAEA,KAAK,CAAEG,KAAP,CAAaZ,OAAf,mCAA0BA,OAH5B;MAILa,GAAG,aAAWH;IAJT,GAAP;EAMD,CAPA,CATH,CADF;AAoBD,CAtDD;;AAwDA,eAAef,IAAf"}
+{"version":3,"file":"Grid.js","names":["React","GridItem","Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","Children","map","child","index","cloneElement","props","key"],"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAOgB;EAAA,IAN3BC,QAM2B,QAN3BA,QAM2B;EAAA,wBAL3BC,OAK2B;EAAA,IAL3BA,OAK2B,6BALjB,EAKiB;EAAA,IAJ3BC,MAI2B,QAJ3BA,MAI2B;EAAA,IAH3BC,KAG2B,QAH3BA,KAG2B;EAAA,IAF3BC,OAE2B,QAF3BA,OAE2B;EAAA,IADxBC,IACwB;;EAC3B,IAAIH,MAAJ,EAAY;IACV,IAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE;MACE,KAAK,kCACAJ,KADA;QAEHK,OAAO,EAAE,MAFN;QAGHC,aAAa,EAAE,KAHZ;QAIHC,QAAQ,EAAE;MAJP;IADP,GAOML,IAPN,GASGR,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6B,UAACa,KAAD,EAAQC,KAAR;MAAA,OAC5B,oBAAC,QAAD;QACE,GAAG,kBAAWA,KAAX,CADL;QAEE,OAAO,EAAEb,OAFX;QAGE,IAAI,EAAEK,UAAU,CAACQ,KAAD,CAHlB;QAIE,OAAO,EAAEV;MAJX,GAMGS,KANH,CAD4B;IAAA,CAA7B,CATH,CADF;EAsBD;;EAED,OACE;IACE,KAAK,kCACAV,KADA;MAEHK,OAAO,EAAE,MAFN;MAGHC,aAAa,EAAE,KAHZ;MAIHC,QAAQ,EAAE;IAJP;EADP,GAOML,IAPN,GASGR,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6B,UAACa,KAAD,EAAQC,KAAR,EAAkB;IAAA;;IAC9C,OAAOjB,KAAK,CAACkB,YAAN,CAAmBF,KAAnB,kCACFA,KADE,aACFA,KADE,uBACFA,KAAK,CAAEG,KADL;MAELf,OAAO,EAAPA,OAFK;MAGLG,OAAO,0BAAES,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEG,KAAP,CAAaZ,OAAf,uEAA0BA,OAH5B;MAILa,GAAG,kBAAWH,KAAX;IAJE,GAAP;EAMD,CAPA,CATH,CADF;AAoBD,CAtDD;;AAwDA,eAAef,IAAf"}

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

@@ -2,6 +2,14 @@ var _excluded = ["children", "span", "columns", "loadingComponent", "loading", "
 
 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); }
 
+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 _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 from 'react';
@@ -30,7 +38,7 @@ var GridItem = function GridItem(_ref) {
       justifyContent = _ref.justifyContent,
       flexBasis = _ref.flexBasis,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useTheme = useTheme(),
       spacing = _useTheme.spacing;
@@ -50,7 +58,7 @@ var GridItem = function GridItem(_ref) {
 
   var span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);
 
-  var _style = _extends({}, style, {
+  var _style = _objectSpread(_objectSpread({}, style), {}, {
     alignContent: alignContent,
     alignItems: alignItems,
     alignSelf: alignSelf,
@@ -60,15 +68,15 @@ var GridItem = function GridItem(_ref) {
     justifyContent: justifyContent,
     flex: flex,
     boxSizing: 'border-box',
-    flexBasis: flexBasis != null ? flexBasis : getGridItemColumSpan(columns, span) + "%",
+    flexBasis: flexBasis !== null && flexBasis !== void 0 ? flexBasis : "".concat(getGridItemColumSpan(columns, span), "%"),
     paddingTop: getGridItemPadding('top', _spacing, spacing),
     paddingBottom: getGridItemPadding('bottom', _spacing, spacing),
     paddingRight: getGridItemPadding('right', _spacing, spacing),
     paddingLeft: getGridItemPadding('left', _spacing, spacing)
   });
 
-  var clone = React.cloneElement(children, _extends({}, children == null ? void 0 : children.props, {
-    style: wrapper ? children == null ? void 0 : children.props.style : _extends({}, _style, children == null ? void 0 : children.props.style)
+  var clone = React.cloneElement(children, _objectSpread(_objectSpread({}, children === null || children === void 0 ? void 0 : children.props), {}, {
+    style: wrapper ? children === null || children === void 0 ? void 0 : children.props.style : _objectSpread(_objectSpread({}, _style), children === null || children === void 0 ? void 0 : children.props.style)
   }));
   return wrapper ? React.createElement("div", _extends({}, rest, {
     style: _style

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["React","useTheme","getGridItemColumSpan","getGridItemPadding","useBreakpoints","getSpan","GridItem","children","_span","span","columns","loadingComponent","loading","_spacing","spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","sm","md","lg","Children","only","Error","_style","boxSizing","paddingTop","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '@tecsinapse/react-web-kit';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":"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"}
+{"version":3,"file":"Item.js","names":["React","useTheme","getGridItemColumSpan","getGridItemPadding","useBreakpoints","getSpan","GridItem","children","_span","span","columns","loadingComponent","loading","_spacing","spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","sm","md","lg","Children","only","Error","_style","boxSizing","paddingTop","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '@tecsinapse/react-web-kit';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":"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"}

package/esm/components/molecules/Grid/Item/functions.js

@@ -2,8 +2,8 @@ export var getSpan = function getSpan(value, sm, md, lg) {
   var _value$md, _ref, _value$lg;
 
   if (sm) return value.sm;
-  if (md) return (_value$md = value == null ? void 0 : value.md) != null ? _value$md : value.sm;
-  if (lg) return (_ref = (_value$lg = value == null ? void 0 : value.lg) != null ? _value$lg : value == null ? void 0 : value.md) != null ? _ref : value.sm;
+  if (md) return (_value$md = value === null || value === void 0 ? void 0 : value.md) !== null && _value$md !== void 0 ? _value$md : value.sm;
+  if (lg) return (_ref = (_value$lg = value === null || value === void 0 ? void 0 : value.lg) !== null && _value$lg !== void 0 ? _value$lg : value === null || value === void 0 ? void 0 : value.md) !== null && _ref !== void 0 ? _ref : value.sm;
   return 0;
 };
 //# sourceMappingURL=functions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["getSpan","value","sm","md","lg"],"sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (sm) return value.sm;\n  if (md) return value?.md ?? value.sm;\n  if (lg) return value?.lg ?? value?.md ?? value.sm;\n  return 0;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,EAKV;EAAA;;EACX,IAAIF,EAAJ,EAAQ,OAAOD,KAAK,CAACC,EAAb;EACR,IAAIC,EAAJ,EAAQ,oBAAOF,KAAP,oBAAOA,KAAK,CAAEE,EAAd,wBAAoBF,KAAK,CAACC,EAA1B;EACR,IAAIE,EAAJ,EAAQ,4BAAOH,KAAP,oBAAOA,KAAK,CAAEG,EAAd,wBAAoBH,KAApB,oBAAoBA,KAAK,CAAEE,EAA3B,mBAAiCF,KAAK,CAACC,EAAvC;EACR,OAAO,CAAP;AACD,CAVM"}
+{"version":3,"file":"functions.js","names":["getSpan","value","sm","md","lg"],"sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (sm) return value.sm;\n  if (md) return value?.md ?? value.sm;\n  if (lg) return value?.lg ?? value?.md ?? value.sm;\n  return 0;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,EAKV;EAAA;;EACX,IAAIF,EAAJ,EAAQ,OAAOD,KAAK,CAACC,EAAb;EACR,IAAIC,EAAJ,EAAQ,oBAAOF,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEE,EAAd,iDAAoBF,KAAK,CAACC,EAA1B;EACR,IAAIE,EAAJ,EAAQ,4BAAOH,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEG,EAAd,iDAAoBH,KAApB,aAAoBA,KAApB,uBAAoBA,KAAK,CAAEE,EAA3B,uCAAiCF,KAAK,CAACC,EAAvC;EACR,OAAO,CAAP;AACD,CAVM"}

package/esm/components/molecules/IconTextButton/IconTextButton.js

@@ -2,6 +2,8 @@ var _excluded = ["iconProps", "iconPosition", "textProps", "label", "variant", "
 
 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); }
 
+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 { IconComponent } from '@tecsinapse/react-core';
@@ -20,7 +22,7 @@ var IconTextButton = function IconTextButton(_ref) {
       variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'default' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useIconTextButton = useIconTextButton(variant),
       handleHover = _useIconTextButton.handleHover,

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

@@ -1 +1 @@
-{"version":3,"file":"IconTextButton.js","names":["IconComponent","React","useIconTextButton","StyledIconTextButton","TextComponent","IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n  Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}): JSX.Element => {\n  const { handleHover, handlePressed, defaultFontColor } =\n    useIconTextButton(variant);\n\n  return (\n    <StyledIconTextButton\n      boxed={!label}\n      variant={variant}\n      size={size}\n      onMouseOut={() => handleHover(true)}\n      onMouseOver={() => handleHover(false)}\n      onPressIn={() => handlePressed(true)}\n      onPressOut={() => handlePressed(false)}\n      {...rest}\n    >\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={defaultFontColor}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAAmD,wBAAnD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,iBAAP;AACA,SAASC,oBAAT;AACA,OAAOC,aAAP;;AAKA,IAAMC,cAAgD,GAAG,SAAnDA,cAAmD,OAQtC;EAAA,IAPjBC,SAOiB,QAPjBA,SAOiB;EAAA,6BANjBC,YAMiB;EAAA,IANjBA,YAMiB,kCANF,MAME;EAAA,IALjBC,SAKiB,QALjBA,SAKiB;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,wBAHjBC,OAGiB;EAAA,IAHjBA,OAGiB,6BAHP,QAGO;EAAA,qBAFjBC,IAEiB;EAAA,IAFjBA,IAEiB,0BAFV,SAEU;EAAA,IADdC,IACc;;EACjB,yBACEV,iBAAiB,CAACQ,OAAD,CADnB;EAAA,IAAQG,WAAR,sBAAQA,WAAR;EAAA,IAAqBC,aAArB,sBAAqBA,aAArB;EAAA,IAAoCC,gBAApC,sBAAoCA,gBAApC;;EAGA,OACE,oBAAC,oBAAD;IACE,KAAK,EAAE,CAACN,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE;MAAA,OAAME,WAAW,CAAC,IAAD,CAAjB;IAAA,CAJd;IAKE,WAAW,EAAE;MAAA,OAAMA,WAAW,CAAC,KAAD,CAAjB;IAAA,CALf;IAME,SAAS,EAAE;MAAA,OAAMC,aAAa,CAAC,IAAD,CAAnB;IAAA,CANb;IAOE,UAAU,EAAE;MAAA,OAAMA,aAAa,CAAC,KAAD,CAAnB;IAAA;EAPd,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAjBJ,EAmBE,oBAAC,aAAD;IACE,KAAK,EAAEN,KADT;IAEE,gBAAgB,EAAEM,gBAFpB;IAGE,OAAO,EAAE,CAAC,CAACT,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAnBF,EA2BGJ,YAAY,KAAK,OAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAlCJ,CADF;AAuCD,CAnDD;;AAqDA,eAAeV,cAAf"}
+{"version":3,"file":"IconTextButton.js","names":["IconComponent","React","useIconTextButton","StyledIconTextButton","TextComponent","IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n  Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}): JSX.Element => {\n  const { handleHover, handlePressed, defaultFontColor } =\n    useIconTextButton(variant);\n\n  return (\n    <StyledIconTextButton\n      boxed={!label}\n      variant={variant}\n      size={size}\n      onMouseOut={() => handleHover(true)}\n      onMouseOver={() => handleHover(false)}\n      onPressIn={() => handlePressed(true)}\n      onPressOut={() => handlePressed(false)}\n      {...rest}\n    >\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={defaultFontColor}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;;;;;;;AAAA,SAASA,aAAT,QAAmD,wBAAnD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,iBAAP;AACA,SAASC,oBAAT;AACA,OAAOC,aAAP;;AAKA,IAAMC,cAAgD,GAAG,SAAnDA,cAAmD,OAQtC;EAAA,IAPjBC,SAOiB,QAPjBA,SAOiB;EAAA,6BANjBC,YAMiB;EAAA,IANjBA,YAMiB,kCANF,MAME;EAAA,IALjBC,SAKiB,QALjBA,SAKiB;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,wBAHjBC,OAGiB;EAAA,IAHjBA,OAGiB,6BAHP,QAGO;EAAA,qBAFjBC,IAEiB;EAAA,IAFjBA,IAEiB,0BAFV,SAEU;EAAA,IADdC,IACc;;EACjB,yBACEV,iBAAiB,CAACQ,OAAD,CADnB;EAAA,IAAQG,WAAR,sBAAQA,WAAR;EAAA,IAAqBC,aAArB,sBAAqBA,aAArB;EAAA,IAAoCC,gBAApC,sBAAoCA,gBAApC;;EAGA,OACE,oBAAC,oBAAD;IACE,KAAK,EAAE,CAACN,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE;MAAA,OAAME,WAAW,CAAC,IAAD,CAAjB;IAAA,CAJd;IAKE,WAAW,EAAE;MAAA,OAAMA,WAAW,CAAC,KAAD,CAAjB;IAAA,CALf;IAME,SAAS,EAAE;MAAA,OAAMC,aAAa,CAAC,IAAD,CAAnB;IAAA,CANb;IAOE,UAAU,EAAE;MAAA,OAAMA,aAAa,CAAC,KAAD,CAAnB;IAAA;EAPd,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAjBJ,EAmBE,oBAAC,aAAD;IACE,KAAK,EAAEN,KADT;IAEE,gBAAgB,EAAEM,gBAFpB;IAGE,OAAO,EAAE,CAAC,CAACT,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAnBF,EA2BGJ,YAAY,KAAK,OAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAlCJ,CADF;AAuCD,CAnDD;;AAqDA,eAAeV,cAAf"}