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

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

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledWebTextInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;

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

@@ -1,11 +0,0 @@
-import nativeStyled from '@emotion/native';
-import { InputElement } from '@tecsinapse/react-core';
-
-const StyledWebTextInput = nativeStyled(InputElement)`
-  &:focus-visible {
-    outline-width: 0;
-  }
-`;
-
-export { StyledWebTextInput };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInput = styled(InputElement)<Partial<StyleProps>>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"names":["styled"],"mappings":";;;AAGa,MAAA,kBAAA,GAAqBA,aAAO,YAAY,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,7 +0,0 @@
-import { InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
-import React, { FC } from 'react';
-export declare type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> & InputContainerProps & {
-    ref?: React.Ref<HTMLInputElement | undefined>;
-};
-declare const InputMask: FC<InputMaskWebProps>;
-export default InputMask;

package/esm/components/atoms/InputMask/InputMask.js

@@ -1,125 +0,0 @@
-import { useInputFocus, InputContainer, Hint } from '@tecsinapse/react-core';
-import React from 'react';
-import { View } from 'react-native-web';
-import { StyledWebTextInputMask } from './styled.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const InputMask = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      label,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      leftComponent,
-      rightComponent,
-      disabled,
-      style,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle,
-      variant = "default",
-      hintComponent,
-      hint,
-      onFocus,
-      onBlur,
-      value,
-      placeholder
-    } = _b, rest = __objRest(_b, [
-      "label",
-      "labelColor",
-      "labelColorVariant",
-      "labelColorTone",
-      "labelTypography",
-      "labelStack",
-      "labelWeight",
-      "leftComponent",
-      "rightComponent",
-      "disabled",
-      "style",
-      "borderColor",
-      "borderColorGradation",
-      "inputContainerStyle",
-      "variant",
-      "hintComponent",
-      "hint",
-      "onFocus",
-      "onBlur",
-      "value",
-      "placeholder"
-    ]);
-    const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, {
-      text: hint,
-      variant
-    });
-    const { focused, handleBlur, handleFocus } = useInputFocus(
-      onFocus,
-      onBlur,
-      !disabled
-    );
-    const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React.createElement(View, {
-      style
-    }, /* @__PURE__ */ React.createElement(InputContainer, {
-      label: String(value) ? label : void 0,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      leftComponent,
-      rightComponent,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle,
-      focused,
-      disabled,
-      variant
-    }, /* @__PURE__ */ React.createElement(StyledWebTextInputMask, __spreadProps(__spreadValues({}, rest), {
-      placeholder: onlyLabel ? label : placeholder,
-      value,
-      ref,
-      disabled,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }))), hint && _hint);
-  }
-);
-InputMask.displayName = "InputMask";
-
-export { InputMask as default };
-//# sourceMappingURL=InputMask.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputMask.js","sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <InputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledWebTextInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE,IAwBA,GACG,KAAA;AAzBH,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAU,GAAA,SAAA;AAAA,MACV,aAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,KArCN,GAgBI,EAsBK,EAAA,IAAA,GAAA,SAAA,CAtBL,EAsBK,EAAA;AAAA,MArBH,OAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,sBAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAM,MAAA,KAAA,GAAQ,iCAAkB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACH,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,yDACK,IADL,CAAA,EAAA;AAAA,MAEC,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CAAA,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

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

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledWebTextInputMask: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;

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

@@ -1,11 +0,0 @@
-import nativeStyled from '@emotion/native';
-import { InputMaskElement } from '@tecsinapse/react-core';
-
-const StyledWebTextInputMask = nativeStyled(InputMaskElement)`
-  &:focus-visible {
-    outline-width: 0;
-  }
-`;
-
-export { StyledWebTextInputMask };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputMaskElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInputMask = styled(InputMaskElement)<\n  Partial<StyleProps>\n>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"names":["styled"],"mappings":";;;AAGa,MAAA,sBAAA,GAAyBA,aAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
-    open: boolean;
-    onClose: () => void;
-}
-declare const Modal: React.FC<ModalProps>;
-export default Modal;

package/esm/components/atoms/Modal/Modal.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { Transition } from 'react-transition-group';
-import Overlay from '../Overlay/Overlay.js';
-import { ModalContainer } from './styled.js';
-import { defaultStyleOverlay, transitionStylesOverlay } from './animations.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Modal = (_a) => {
-  var _b = _a, {
-    children,
-    open,
-    onClose,
-    style
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "open",
-    "onClose",
-    "style"
-  ]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
-    open,
-    onClose,
-    zIndex: "modal"
-  }), /* @__PURE__ */ React.createElement(Transition, {
-    in: open,
-    timeout: 400
-  }, (state) => /* @__PURE__ */ React.createElement(ModalContainer, __spreadValues({
-    style: __spreadValues(__spreadValues(__spreadValues({}, style), defaultStyleOverlay), transitionStylesOverlay[state])
-  }, rest), children)));
-};
-
-export { Modal as default };
-//# sourceMappingURL=Modal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n  children,\n  open,\n  onClose,\n  style,\n  ...rest\n}) => {\n  return (\n    <>\n      <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n      <Transition in={open} timeout={400}>\n        {state => (\n          <ModalContainer\n            style={{\n              ...style,\n              ...defaultStyleOverlay,\n              ...transitionStylesOverlay[state],\n            }}\n            {...rest}\n          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,KAAA,GAA8B,CAAC,EAM/B,KAAA;AAN+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,GAfF,GAWqC,EAKhC,EAAA,IAAA,GAAA,SAAA,CALgC,EAKhC,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,KACA,CAAA,EAAA,mBAAA,CAAA,EACA,uBAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,GAEzB,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,23 +0,0 @@
-export declare const defaultStyleOverlay: {
-    transition: string;
-    opacity: number;
-    visibility: string;
-};
-export declare const transitionStylesOverlay: {
-    entering: {
-        opacity: number;
-        visibility: string;
-    };
-    entered: {
-        opacity: number;
-        visibility: string;
-    };
-    exiting: {
-        opacity: number;
-        visibility: string;
-    };
-    exited: {
-        opacity: number;
-        visibility: string;
-    };
-};

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

@@ -1,14 +0,0 @@
-const defaultStyleOverlay = {
-  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
-  opacity: 0,
-  visibility: "hidden"
-};
-const transitionStylesOverlay = {
-  entering: { opacity: 1, visibility: "visible" },
-  entered: { opacity: 1, visibility: "visible" },
-  exiting: { opacity: 0, visibility: "visible" },
-  exited: { opacity: 0, visibility: "hidden" }
-};
-
-export { defaultStyleOverlay, transitionStylesOverlay };
-//# sourceMappingURL=animations.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"animations.js","sources":["../../../../src/components/atoms/Modal/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":"AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;"}

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

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

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ModalContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,20 +0,0 @@
-import styled from '@emotion/styled';
-import { hex2rgba } from '@tecsinapse/react-core';
-
-const ModalContainer = styled("div")`
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-  margin: auto;
-  position: fixed;
-  z-index: ${({ theme }) => theme.zIndex.modal};
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: ${({ theme }) => theme.borderRadius.micro};
-  padding: ${({ theme }) => theme.spacing.kilo};
-  display: flex;
-  box-shadow: 0 2px 8px
-    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
-`;
-
-export { ModalContainer };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Modal/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAG5C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAItB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,IAGpC,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ZIndex } from '@tecsinapse/react-core';
-export interface OverlayProps {
-    timeout?: number;
-    open: boolean;
-    onClose: () => void;
-    zIndex: keyof ZIndex;
-}
-declare const Overlay: React.FC<OverlayProps>;
-export default Overlay;

package/esm/components/atoms/Overlay/Overlay.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { Transition } from 'react-transition-group';
-import { defaultStyleOverlay, transitionStylesOverlay } from './animations.js';
-import { StyledOverlay } from './styled.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-const Overlay = ({
-  timeout = 300,
-  open,
-  onClose,
-  zIndex = "default",
-  children
-}) => {
-  return /* @__PURE__ */ React.createElement(Transition, {
-    in: open,
-    timeout
-  }, (state) => /* @__PURE__ */ React.createElement(StyledOverlay, {
-    style: __spreadValues(__spreadValues({}, defaultStyleOverlay), transitionStylesOverlay[state]),
-    onClick: open ? onClose : void 0,
-    show: open,
-    zIndex
-  }, children));
-};
-
-export { Overlay as default };
-//# sourceMappingURL=Overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}) => {\n  return (\n    <Transition in={open} timeout={timeout}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,UAAkC,CAAC;AAAA,EACvC,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAA,mBAAA,CAAA,EACA,uBAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,IAE7B,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,IAC1B,IAAM,EAAA,IAAA;AAAA,IACN,MAAA;AAAA,GAAA,EAEC,QACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,23 +0,0 @@
-export declare const defaultStyleOverlay: {
-    transition: string;
-    opacity: number;
-    visibility: string;
-};
-export declare const transitionStylesOverlay: {
-    entering: {
-        opacity: number;
-        visibility: string;
-    };
-    entered: {
-        opacity: number;
-        visibility: string;
-    };
-    exiting: {
-        opacity: number;
-        visibility: string;
-    };
-    exited: {
-        opacity: number;
-        visibility: string;
-    };
-};

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

@@ -1,14 +0,0 @@
-const defaultStyleOverlay = {
-  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
-  opacity: 0,
-  visibility: "hidden"
-};
-const transitionStylesOverlay = {
-  entering: { opacity: 1, visibility: "visible" },
-  entered: { opacity: 1, visibility: "visible" },
-  exiting: { opacity: 0, visibility: "visible" },
-  exited: { opacity: 0, visibility: "hidden" }
-};
-
-export { defaultStyleOverlay, transitionStylesOverlay };
-//# sourceMappingURL=animations.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"animations.js","sources":["../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":"AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;"}

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

@@ -1 +0,0 @@
-export { default as Overlay } from './Overlay';

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledOverlay: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,19 +0,0 @@
-import styled from '@emotion/styled';
-import { hex2rgba } from '@tecsinapse/react-core';
-
-const StyledOverlay = styled("div")`
-  background: ${({ theme }) => hex2rgba(theme.miscellaneous.overlay, 0.5)};
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  z-index: ${({ theme, zIndex }) => theme.zIndex[zIndex]};
-  cursor: ${({ show }) => show ? "pointer" : "default"};
-  position: fixed;
-  align-items: center;
-  justify-content: center;
-`;
-
-export { StyledOverlay };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n    theme.zIndex[zIndex]};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,SAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAC1B,MAAM,MAAO,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,EACL,CAAC,EAAE,IAAK,EAAA,KAAO,OAAO,SAAY,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BorderRadiusType } from '@tecsinapse/react-core';
-export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-    width?: number;
-    height?: number;
-    animation?: 'pulse' | 'wave';
-    active?: boolean;
-    radius?: BorderRadiusType;
-}
-declare const Skeleton: React.FC<SkeletonProps>;
-export default Skeleton;

package/esm/components/atoms/Skeleton/Skeleton.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { Wrapper } from './styled.js';
-import { View } from 'react-native-web';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Skeleton = (_a) => {
-  var _b = _a, {
-    children,
-    width,
-    height,
-    animation = "wave",
-    active = true,
-    radius
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "width",
-    "height",
-    "animation",
-    "active",
-    "radius"
-  ]);
-  if (!width && !height && !children) {
-    throw new Error(
-      "[Skeleton] You should provide children or specify width and height"
-    );
-  }
-  return /* @__PURE__ */ React.createElement(Wrapper, __spreadValues({
-    width,
-    height,
-    animation,
-    active,
-    radius
-  }, rest), /* @__PURE__ */ React.createElement(View, {
-    style: { opacity: active ? 0 : 1 },
-    pointerEvents: active ? "none" : "auto"
-  }, children));
-};
-
-export { Skeleton as default };
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  animation?: 'pulse' | 'wave';\n  active?: boolean;\n  radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  animation = 'wave',\n  active = true,\n  radius,\n  ...rest\n}) => {\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      animation={animation}\n      active={active}\n      radius={radius}\n      {...rest}\n    >\n      <View\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,QAAA,GAAoC,CAAC,EAQrC,KAAA;AARqC,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,MAAS,GAAA,IAAA;AAAA,IACT,MAAA;AAAA,GAnBF,GAa2C,EAOtC,EAAA,IAAA,GAAA,SAAA,CAPsC,EAOtC,EAAA;AAAA,IANH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,GAAA,EACI,uBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

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

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

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