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

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModalContent = exports.Backdrop = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _reactNativeWeb = require("react-native-web");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const isWeb = _reactNativeWeb.Platform.OS === 'web';
-const Backdrop = (0, _native.default)(_reactCore.PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return isWeb ? (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          justify-content: center;\n          align-items: center;\n          background-color: ", ";\n          height: 100vh;\n        "])), (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)) : (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          justify-content: flex-end;\n          background-color: ", ";\n          height: 100%;\n        "])), (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5));
-});
-exports.Backdrop = Backdrop;
-
-const ModalContent = _native.default.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), _ref2 => {
-  let {
-    theme: {
-      borderRadius
-    }
-  } = _ref2;
-  return (0, _native.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    "));
-});
-
-exports.ModalContent = ModalContent;
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","theme","css","hex2rgba","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;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,gFACjB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACAN,KAAK,OACDO,WADC,oNAIqB,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAJrB,QAODH,WAPC,qLASqB,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CATrB,CADL;AAAA,CADiB,CAAd;;;AAgBA,MAAMC,YAAY,GAAGP,eAAA,CAAOQ,IAAV,yIAErB;EAAA,IAAC;IAAEN,KAAK,EAAE;MAAEO;IAAF;EAAT,CAAD;EAAA,WAAiCN,WAAjC,uFACEP,KAAK,oCAEYa,YAAY,CAACC,KAFzB,yDAKqBD,YAAY,CAACE,IALlC,+CAMsBF,YAAY,CAACE,IANnC,YADP;AAAA,CAFqB,CAAlB"}

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

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNativeWeb = require("react-native-web");
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Component = _ref => {
-  let {
-    onRequestClose,
-    children,
-    ...rest
-  } = _ref;
-  return React.createElement(_reactNativeWeb.Modal, _extends({
-    transparent: true,
-    hardwareAccelerated: true,
-    statusBarTranslucent: true
-  }, rest, {
-    onRequestClose: onRequestClose
-  }), React.createElement(_styled.Backdrop, {
-    onPress: onRequestClose,
-    effect: "none"
-  }, React.createElement(_styled.ModalContent, null, children)));
-};
-
-const Modal = Component;
-exports.Modal = Modal;
-//# sourceMappingURL=Modal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","names":["Component","onRequestClose","children","rest","Modal"],"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;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAuD,GAAG,QAI1D;EAAA,IAJ2D;IAC/DC,cAD+D;IAE/DC,QAF+D;IAG/D,GAAGC;EAH4D,CAI3D;EACJ,OACE,oBAAC,qBAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,IAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,gBAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,oBAAD,QAAeC,QAAf,CADF,CAPF,CADF;AAaD,CAlBD;;AAoBO,MAAME,KAAK,GAAGJ,SAAd"}

package/dist/components/molecules/DateTimePicker/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DateTimePicker", {
-  enumerable: true,
-  get: function () {
-    return _DateTimePicker.DateTimePicker;
-  }
-});
-
-var _DateTimePicker = require("./DateTimePicker");
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/DateTimePicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/DateTimePicker/index.ts"],"sourcesContent":["export { DateTimePicker } from './DateTimePicker';\nexport type { WebDateTimePickerProps } from './DateTimePicker';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModalContent = exports.Backdrop = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _reactNativeWeb = require("react-native-web");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const isWeb = _reactNativeWeb.Platform.OS === 'web';
-const Backdrop = (0, _native.default)(_reactCore.PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), isWeb ? (0, _native.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      "]))) : (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      "]))));
-exports.Backdrop = Backdrop;
-
-const ModalContent = _native.default.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), _ref => {
-  let {
-    theme: {
-      borderRadius
-    }
-  } = _ref;
-  return (0, _native.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), isWeb ? "\n      width: ".concat((0, _reactCore.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    "));
-});
-
-exports.ModalContent = ModalContent;
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","css","ModalContent","View","theme","borderRadius","RFValueStr","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;;AACA;;AAKA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,gFACjBL,KAAK,OACHM,WADG,8NAOHA,WAPG,0LADY,CAAd;;;AAeA,MAAMC,YAAY,GAAGH,eAAA,CAAOI,IAAV,yIAErB;EAAA,IAAC;IAAEC,KAAK,EAAE;MAAEC;IAAF;EAAT,CAAD;EAAA,WAAiCJ,WAAjC,uFACEN,KAAK,4BAEI,IAAAW,qBAAA,EAAW,OAAX,CAFJ,qCAGYD,YAAY,CAACE,KAHzB,yDAMqBF,YAAY,CAACG,IANlC,+CAOsBH,YAAY,CAACG,IAPnC,YADP;AAAA,CAFqB,CAAlB"}

package/dist/components/molecules/Drawer/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () {
-    return _Drawer.default;
-  }
-});
-
-var _Drawer = _interopRequireDefault(require("./Drawer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Drawer/index.ts"],"sourcesContent":["export { default as Drawer } from './Drawer';\nexport type { DrawerProps } from './Drawer';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Grid/Item/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GridItem", {
-  enumerable: true,
-  get: function () {
-    return _Item.default;
-  }
-});
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Grid/Item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/molecules/Grid/Item/index.ts"],"sourcesContent":["export { default as GridItem } from './Item';\nexport type { IGridItemWeb } from './Item';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Grid/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Grid", {
-  enumerable: true,
-  get: function () {
-    return _Grid.default;
-  }
-});
-Object.defineProperty(exports, "GridItem", {
-  enumerable: true,
-  get: function () {
-    return _Item.GridItem;
-  }
-});
-
-var _Item = require("./Item");
-
-var _Grid = _interopRequireDefault(require("./Grid"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Grid/index.ts"],"sourcesContent":["export { GridItem } from './Item';\nexport type { IGridItemWeb } from './Item';\nexport { default as Grid } from './Grid';\nexport type { IGridWeb } from './Grid';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEA"}

package/dist/components/molecules/IconTextButton/IconTextButton.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useIconTextButton = _interopRequireDefault(require("./hooks/useIconTextButton"));
-
-var _styled = require("./styled");
-
-var _TextComponent = _interopRequireDefault(require("./TextComponent"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const IconTextButton = _ref => {
-  let {
-    iconProps,
-    iconPosition = 'left',
-    textProps,
-    label,
-    variant = 'filled',
-    size = 'default',
-    ...rest
-  } = _ref;
-  const {
-    handleHover,
-    handlePressed,
-    defaultFontColor
-  } = (0, _useIconTextButton.default)(variant);
-  return _react.default.createElement(_styled.StyledIconTextButton, _extends({
-    boxed: !label,
-    variant: variant,
-    size: size,
-    onMouseOut: () => handleHover(true),
-    onMouseOver: () => handleHover(false),
-    onPressIn: () => handlePressed(true),
-    onPressOut: () => handlePressed(false)
-  }, rest), iconPosition === 'left' ? _react.default.createElement(_reactCore.IconComponent, {
-    iconProps: iconProps,
-    size: size,
-    defaultFontColor: defaultFontColor
-  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_TextComponent.default, {
-    label: label,
-    defaultFontColor: defaultFontColor,
-    hasIcon: !!iconProps,
-    iconPosition: iconPosition,
-    textProps: textProps,
-    size: size
-  }), iconPosition === 'right' ? _react.default.createElement(_reactCore.IconComponent, {
-    iconProps: iconProps,
-    size: size,
-    defaultFontColor: defaultFontColor
-  }) : _react.default.createElement(_react.default.Fragment, null));
-};
-
-var _default = IconTextButton;
-exports.default = _default;
-//# sourceMappingURL=IconTextButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconTextButton.js","names":["IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor","useIconTextButton"],"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;;AACA;;AAEA;;AACA;;AACA;;;;;;AAKA,MAAMA,cAAgD,GAAG,QAQtC;EAAA,IARuC;IACxDC,SADwD;IAExDC,YAAY,GAAG,MAFyC;IAGxDC,SAHwD;IAIxDC,KAJwD;IAKxDC,OAAO,GAAG,QAL8C;IAMxDC,IAAI,GAAG,SANiD;IAOxD,GAAGC;EAPqD,CAQvC;EACjB,MAAM;IAAEC,WAAF;IAAeC,aAAf;IAA8BC;EAA9B,IACJ,IAAAC,0BAAA,EAAkBN,OAAlB,CADF;EAGA,OACE,6BAAC,4BAAD;IACE,KAAK,EAAE,CAACD,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE,MAAME,WAAW,CAAC,IAAD,CAJ/B;IAKE,WAAW,EAAE,MAAMA,WAAW,CAAC,KAAD,CALhC;IAME,SAAS,EAAE,MAAMC,aAAa,CAAC,IAAD,CANhC;IAOE,UAAU,EAAE,MAAMA,aAAa,CAAC,KAAD;EAPjC,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,6BAAC,wBAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,2DAjBJ,EAmBE,6BAAC,sBAAD;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,6BAAC,wBAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,2DAlCJ,CADF;AAuCD,CAnDD;;eAqDeV,c"}

package/dist/components/molecules/IconTextButton/TextComponent.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const TextComponent = _ref => {
-  var _textProps$typography, _textProps$fontWeight, _textProps$fontColor;
-
-  let {
-    textProps,
-    size = 'default',
-    defaultFontColor,
-    label
-  } = _ref;
-  return label ? _react.default.createElement(_reactCore.Text, _extends({
-    typography: ((_textProps$typography = textProps === null || textProps === void 0 ? void 0 : textProps.typography) !== null && _textProps$typography !== void 0 ? _textProps$typography : size === 'small') ? 'sub' : 'base',
-    fontWeight: (_textProps$fontWeight = textProps === null || textProps === void 0 ? void 0 : textProps.fontWeight) !== null && _textProps$fontWeight !== void 0 ? _textProps$fontWeight : 'bold',
-    fontColor: (_textProps$fontColor = textProps === null || textProps === void 0 ? void 0 : textProps.fontColor) !== null && _textProps$fontColor !== void 0 ? _textProps$fontColor : defaultFontColor
-  }, textProps), label) : _react.default.createElement(_react.default.Fragment, null);
-};
-
-var _default = _react.default.memo(TextComponent);
-
-exports.default = _default;
-//# sourceMappingURL=TextComponent.js.map

package/dist/components/molecules/IconTextButton/TextComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextComponent.js","names":["TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","React","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;;;;;;AAAA;;AAOA;;;;;;AAWA,MAAMA,aAAqC,GAAG,QAKxC;EAAA;;EAAA,IALyC;IAC7CC,SAD6C;IAE7CC,IAAI,GAAG,SAFsC;IAG7CC,gBAH6C;IAI7CC;EAJ6C,CAKzC;EACJ,OAAOA,KAAK,GACV,6BAAC,eAAD;IACE,UAAU,EAAE,0BAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEI,UAAX,yEAAyBH,IAAI,KAAK,OAAlC,IAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,2BAAED,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEK,UAAb,yEAA2B,MAFvC;IAGE,SAAS,0BAAEL,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEM,SAAb,uEAA0BJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,2DAVF;AAYD,CAlBD;;eAoBeI,cAAA,CAAMC,IAAN,CAAWT,aAAX,C"}

package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _react = require("react");
-
-const useIconTextButton = variant => {
-  const [hover, setHover] = (0, _react.useState)(false);
-  const [pressed, setPressed] = (0, _react.useState)(false);
-  const defaultFontColor = !pressed && hover ? 'light' : _reactCore.fontColorVC[variant];
-  const handleHover = (0, _react.useCallback)(value => {
-    setHover(value);
-  }, [setHover]);
-  const handlePressed = (0, _react.useCallback)(value => {
-    setPressed(value);
-  }, [setPressed]);
-  return {
-    handleHover,
-    handlePressed,
-    defaultFontColor
-  };
-};
-
-var _default = useIconTextButton;
-exports.default = _default;
-//# sourceMappingURL=useIconTextButton.js.map

package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIconTextButton.js","names":["useIconTextButton","variant","hover","setHover","useState","pressed","setPressed","defaultFontColor","fontColorVC","handleHover","useCallback","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,MAAMA,iBAAiB,GAAIC,OAAD,IAA0B;EAClD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAkB,KAAlB,CAA1B;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAF,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMG,gBAAgB,GAAG,CAACF,OAAD,IAAYH,KAAZ,GAAoB,OAApB,GAA8BM,sBAAA,CAAYP,OAAZ,CAAvD;EAEA,MAAMQ,WAAW,GAAG,IAAAC,kBAAA,EACjBC,KAAD,IAAoB;IAClBR,QAAQ,CAACQ,KAAD,CAAR;EACD,CAHiB,EAIlB,CAACR,QAAD,CAJkB,CAApB;EAOA,MAAMS,aAAa,GAAG,IAAAF,kBAAA,EACnBC,KAAD,IAAoB;IAClBL,UAAU,CAACK,KAAD,CAAV;EACD,CAHmB,EAIpB,CAACL,UAAD,CAJoB,CAAtB;EAOA,OAAO;IACLG,WADK;IAELG,aAFK;IAGLL;EAHK,CAAP;AAKD,CAzBD;;eA2BeP,iB"}

package/dist/components/molecules/IconTextButton/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconTextButton", {
-  enumerable: true,
-  get: function () {
-    return _IconTextButton.default;
-  }
-});
-
-var _IconTextButton = _interopRequireDefault(require("./IconTextButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/IconTextButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/IconTextButton/index.ts"],"sourcesContent":["export { default as IconTextButton } from './IconTextButton';\nexport type { WebIconTextButtonProps } from './IconTextButton';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/IconTextButton/styled.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledIconTextButton = void 0;
-
-var _native = _interopRequireDefault(require("@emotion/native"));
-
-var _Button = require("../../atoms/Button");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const boxedStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return "\n    padding: ".concat(theme === null || theme === void 0 ? void 0 : theme.spacing.centi, ";\n    aspect-ratio: 1;\n  ");
-};
-
-const StyledIconTextButton = (0, _native.default)(_Button.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: ", ";\n  ", ";\n"])), _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme === null || theme === void 0 ? void 0 : theme.spacing.mili;
-}, _ref3 => {
-  let {
-    boxed,
-    theme
-  } = _ref3;
-  return boxed && boxedStyle({
-    theme
-  });
-});
-exports.StyledIconTextButton = StyledIconTextButton;
-//# sourceMappingURL=styled.js.map

package/dist/components/molecules/IconTextButton/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","names":["boxedStyle","theme","spacing","centi","StyledIconTextButton","styled","Button","mili","boxed"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,gCAEJA,KAFI,aAEJA,KAFI,uBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMO,MAAMC,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,cAAP,CAAH,+FAKxB;EAAA,IAAC;IAAEL;EAAF,CAAD;EAAA,OAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeK,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAC;IAAEC,KAAF;IAASP;EAAT,CAAD;EAAA,OAAsBO,KAAK,IAAIR,UAAU,CAAC;IAAEC;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}

package/dist/components/molecules/InputPassword/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "InputPassword", {
-  enumerable: true,
-  get: function () {
-    return _InputPassword.default;
-  }
-});
-
-var _InputPassword = _interopRequireDefault(require("./InputPassword"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/InputPassword/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/InputPassword/index.ts"],"sourcesContent":["export { default as InputPassword } from './InputPassword';\nexport type { InputPasswordWebProps } from './InputPassword';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/LabeledSwitch/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LabeledSwitch", {
-  enumerable: true,
-  get: function () {
-    return _LabeledSwitch.default;
-  }
-});
-
-var _LabeledSwitch = _interopRequireDefault(require("./LabeledSwitch"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/LabeledSwitch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"sourcesContent":["export { default as LabeledSwitch } from './LabeledSwitch';\nexport type { LabeledSwitchWebProps } from './LabeledSwitch';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Masonry/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Masonry", {
-  enumerable: true,
-  get: function () {
-    return _Masonry.default;
-  }
-});
-
-var _Masonry = _interopRequireDefault(require("./Masonry"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Masonry/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Masonry/index.ts"],"sourcesContent":["export { default as Masonry } from './Masonry';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SubMenuBlock", {
-  enumerable: true,
-  get: function () {
-    return _SubMenuBlock.default;
-  }
-});
-
-var _SubMenuBlock = _interopRequireDefault(require("./SubMenuBlock"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.ts"],"sourcesContent":["export { default as SubMenuBlock } from './SubMenuBlock';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MenuItem", {
-  enumerable: true,
-  get: function () {
-    return _MenuItem.default;
-  }
-});
-
-var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/index.ts"],"sourcesContent":["export { default as MenuItem } from './MenuItem';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Menubar/MenuBlock/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MenuBlock", {
-  enumerable: true,
-  get: function () {
-    return _MenuBlock.default;
-  }
-});
-
-var _MenuBlock = _interopRequireDefault(require("./MenuBlock"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Menubar/MenuBlock/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/index.ts"],"sourcesContent":["export { default as MenuBlock } from './MenuBlock';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Menubar/MostUsed/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MostUsed", {
-  enumerable: true,
-  get: function () {
-    return _MostUsed.default;
-  }
-});
-
-var _MostUsed = _interopRequireDefault(require("./MostUsed"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Menubar/MostUsed/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/index.ts"],"sourcesContent":["export { default as MostUsed } from './MostUsed';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Menubar/SearchResultItem/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SearchResultItem", {
-  enumerable: true,
-  get: function () {
-    return _SearchResultItem.default;
-  }
-});
-
-var _SearchResultItem = _interopRequireDefault(require("./SearchResultItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Menubar/SearchResultItem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/index.ts"],"sourcesContent":["export { default as SearchResultItem } from './SearchResultItem';\n"],"mappings":";;;;;;;;;;;;AAAA"}