@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,24 +1,47 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var useBreakpoints = require('../../../../hooks/useBreakpoints.js');
+var functions = require('./functions.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactCore = require("@tecsinapse/react-core");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _reactWebKit = require("@tecsinapse/react-web-kit");
-
-var _functions = require("./functions");
-
-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 GridItem = _ref => {
-  let {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const GridItem = (_a) => {
+  var _b = _a, {
     children,
     span: _span,
     columns = 12,
@@ -35,28 +58,36 @@ const GridItem = _ref => {
     flexShrink,
     justifyContent,
     flexBasis,
-    style,
-    ...rest
-  } = _ref;
-  const {
-    spacing
-  } = (0, _reactCore.useTheme)();
-  const {
-    sm,
-    md,
-    lg
-  } = (0, _reactWebKit.useBreakpoints)();
-
-  if (!_react.default.Children.only(children)) {
-    throw new Error('The number of children in GridItem should be one');
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "span",
+    "columns",
+    "loadingComponent",
+    "loading",
+    "spacing",
+    "wrapper",
+    "alignContent",
+    "alignItems",
+    "alignSelf",
+    "flex",
+    "flexDirection",
+    "flexGrow",
+    "flexShrink",
+    "justifyContent",
+    "flexBasis",
+    "style"
+  ]);
+  const { spacing } = reactCore.useTheme();
+  const { sm, md, lg } = useBreakpoints.useBreakpoints();
+  if (!React__default["default"].Children.only(children)) {
+    throw new Error("The number of children in GridItem should be one");
   }
-
   if (loadingComponent && loading) {
     return loadingComponent;
   }
-
-  const span = typeof _span === 'number' ? _span : (0, _functions.getSpan)(_span, sm, md, lg);
-  const _style = { ...style,
+  const span = typeof _span === "number" ? _span : functions.getSpan(_span, sm, md, lg);
+  const _style = __spreadProps(__spreadValues({}, style), {
     alignContent,
     alignItems,
     alignSelf,
@@ -65,25 +96,20 @@ const GridItem = _ref => {
     flexShrink,
     justifyContent,
     flex,
-    boxSizing: 'border-box',
-    flexBasis: flexBasis !== null && flexBasis !== void 0 ? flexBasis : "".concat((0, _reactCore.getGridItemColumSpan)(columns, span), "%"),
-    paddingTop: (0, _reactCore.getGridItemPadding)('top', _spacing, spacing),
-    paddingBottom: (0, _reactCore.getGridItemPadding)('bottom', _spacing, spacing),
-    paddingRight: (0, _reactCore.getGridItemPadding)('right', _spacing, spacing),
-    paddingLeft: (0, _reactCore.getGridItemPadding)('left', _spacing, spacing)
-  };
-
-  const clone = _react.default.cloneElement(children, { ...(children === null || children === void 0 ? void 0 : children.props),
-    style: wrapper ? children === null || children === void 0 ? void 0 : children.props.style : { ..._style,
-      ...(children === null || children === void 0 ? void 0 : children.props.style)
-    }
+    boxSizing: "border-box",
+    flexBasis: flexBasis != null ? flexBasis : `${reactCore.getGridItemColumSpan(columns, span)}%`,
+    paddingTop: reactCore.getGridItemPadding("top", _spacing, spacing),
+    paddingBottom: reactCore.getGridItemPadding("bottom", _spacing, spacing),
+    paddingRight: reactCore.getGridItemPadding("right", _spacing, spacing),
+    paddingLeft: reactCore.getGridItemPadding("left", _spacing, spacing)
   });
-
-  return wrapper ? _react.default.createElement("div", _extends({}, rest, {
+  const clone = React__default["default"].cloneElement(children, __spreadProps(__spreadValues({}, children == null ? void 0 : children.props), {
+    style: wrapper ? children == null ? void 0 : children.props.style : __spreadValues(__spreadValues({}, _style), children == null ? void 0 : children.props.style)
+  }));
+  return wrapper ? /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps(__spreadValues({}, rest), {
     style: _style
   }), clone) : clone;
 };
 
-var _default = GridItem;
-exports.default = _default;
-//# sourceMappingURL=Item.js.map
+module.exports = GridItem;
+//# sourceMappingURL=Item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["GridItem","children","span","_span","columns","loadingComponent","loading","spacing","_spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","useTheme","sm","md","lg","useBreakpoints","React","Children","only","Error","getSpan","_style","boxSizing","getGridItemColumSpan","paddingTop","getGridItemPadding","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":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;;;;;AAmBA,MAAMA,QAAQ,GAAG,QAmBgB;EAAA,IAnBf;IAChBC,QADgB;IAEhBC,IAAI,EAAEC,KAFU;IAGhBC,OAAO,GAAG,EAHM;IAIhBC,gBAJgB;IAKhBC,OAAO,GAAG,KALM;IAMhBC,OAAO,EAAEC,QANO;IAOhBC,OAAO,GAAG,KAPM;IAQhBC,YARgB;IAShBC,UATgB;IAUhBC,SAVgB;IAWhBC,IAXgB;IAYhBC,aAZgB;IAahBC,QAbgB;IAchBC,UAdgB;IAehBC,cAfgB;IAgBhBC,SAhBgB;IAiBhBC,KAjBgB;IAkBhB,GAAGC;EAlBa,CAmBe;EAC/B,MAAM;IAAEb;EAAF,IAAc,IAAAc,mBAAA,GAApB;EACA,MAAM;IAAEC,EAAF;IAAMC,EAAN;IAAUC;EAAV,IAAiB,IAAAC,2BAAA,GAAvB;;EACA,IAAI,CAACC,cAAA,CAAMC,QAAN,CAAeC,IAAf,CAAoB3B,QAApB,CAAL,EAAoC;IAClC,MAAM,IAAI4B,KAAJ,CAAU,kDAAV,CAAN;EACD;;EACD,IAAIxB,gBAAgB,IAAIC,OAAxB,EAAiC;IAC/B,OAAOD,gBAAP;EACD;;EAED,MAAMH,IAAI,GAAG,OAAOC,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,IAAA2B,kBAAA,EAAQ3B,KAAR,EAAemB,EAAf,EAAmBC,EAAnB,EAAuBC,EAAvB,CAAjD;EAEA,MAAMO,MAA2B,GAAG,EAClC,GAAGZ,KAD+B;IAElCT,YAFkC;IAGlCC,UAHkC;IAIlCC,SAJkC;IAKlCE,aALkC;IAMlCC,QANkC;IAOlCC,UAPkC;IAQlCC,cARkC;IASlCJ,IATkC;IAUlCmB,SAAS,EAAE,YAVuB;IAWlCd,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,aAAkB,IAAAe,+BAAA,EAAqB7B,OAArB,EAA8BF,IAA9B,CAAlB,MAXyB;IAYlCgC,UAAU,EAAE,IAAAC,6BAAA,EAAmB,KAAnB,EAA0B3B,QAA1B,EAAoCD,OAApC,CAZsB;IAalC6B,aAAa,EAAE,IAAAD,6BAAA,EAAmB,QAAnB,EAA6B3B,QAA7B,EAAuCD,OAAvC,CAbmB;IAclC8B,YAAY,EAAE,IAAAF,6BAAA,EAAmB,OAAnB,EAA4B3B,QAA5B,EAAsCD,OAAtC,CAdoB;IAelC+B,WAAW,EAAE,IAAAH,6BAAA,EAAmB,MAAnB,EAA2B3B,QAA3B,EAAqCD,OAArC;EAfqB,CAApC;;EAkBA,MAAMgC,KAAK,GAAGb,cAAA,CAAMc,YAAN,CAAmBvC,QAAnB,EAA6B,EACzC,IAAGA,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEwC,KAAb,CADyC;IAEzCtB,KAAK,EAAEV,OAAO,GACVR,QADU,aACVA,QADU,uBACVA,QAAQ,CAAEwC,KAAV,CAAgBtB,KADN,GAEV,EAAE,GAAGY,MAAL;MAAa,IAAG9B,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEwC,KAAV,CAAgBtB,KAAnB;IAAb;EAJqC,CAA7B,CAAd;;EAOA,OAAOV,OAAO,GACZ,iDAASW,IAAT;IAAe,KAAK,EAAEW;EAAtB,IACGQ,KADH,CADY,GAKZA,KALF;AAOD,CA/DD;;eAiEevC,Q"}
+{"version":3,"file":"Item.js","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 '../../../../hooks';\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"],"names":["useTheme","useBreakpoints","React","getSpan","getGridItemColumSpan","getGridItemPadding"],"mappings":"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"}

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

@@ -1,19 +1,19 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSpan = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
 const getSpan = (value, sm, md, lg) => {
-  var _value$md, _ref, _value$lg;
-
-  if (!value) return 0;
-  if (sm) return 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;
+  var _a, _b, _c;
+  if (!value)
+    return 0;
+  if (sm)
+    return value.sm;
+  if (md)
+    return (_a = value == null ? void 0 : value.md) != null ? _a : value.sm;
+  if (lg)
+    return (_c = (_b = value == null ? void 0 : value.lg) != null ? _b : value == null ? void 0 : value.md) != null ? _c : value.sm;
   return 0;
 };
 
 exports.getSpan = getSpan;
-//# sourceMappingURL=functions.js.map
+//# sourceMappingURL=functions.js.map

package/dist/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 (!value) return 0;\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":";;;;;;;AAEO,MAAMA,OAAO,GAAG,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,KAKV;EAAA;;EACX,IAAI,CAACH,KAAL,EAAY,OAAO,CAAP;EACZ,IAAIC,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,CAXM"}
+{"version":3,"file":"functions.js","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 (!value) return 0;\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"],"names":[],"mappings":";;;;AAEO,MAAM,OAAU,GAAA,CACrB,KACA,EAAA,EAAA,EACA,IACA,EACW,KAAA;AAPb,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAQE,EAAA,IAAI,CAAC,KAAA;AAAO,IAAO,OAAA,CAAA,CAAA;AACnB,EAAI,IAAA,EAAA;AAAI,IAAA,OAAO,KAAM,CAAA,EAAA,CAAA;AACrB,EAAI,IAAA,EAAA;AAAI,IAAO,OAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,EAAP,KAAA,IAAA,GAAA,EAAA,GAAa,KAAM,CAAA,EAAA,CAAA;AAClC,EAAI,IAAA,EAAA;AAAI,IAAA,OAAA,CAAO,0CAAO,EAAP,KAAA,IAAA,GAAA,EAAA,GAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,EAAA,KAApB,YAA0B,KAAM,CAAA,EAAA,CAAA;AAC/C,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

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

@@ -1,65 +1,85 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var useIconTextButton = require('./hooks/useIconTextButton.js');
+var styled = require('./styled.js');
+var TextComponent = require('./TextComponent.js');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _react = _interopRequireDefault(require("react"));
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 {
+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 IconTextButton = (_a) => {
+  var _b = _a, {
     iconProps,
-    iconPosition = 'left',
+    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({
+    variant = "filled",
+    size = "default"
+  } = _b, rest = __objRest(_b, [
+    "iconProps",
+    "iconPosition",
+    "textProps",
+    "label",
+    "variant",
+    "size"
+  ]);
+  const { handleHover, handlePressed, defaultFontColor } = useIconTextButton(variant);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledIconTextButton, __spreadValues({
     boxed: !label,
-    variant: variant,
-    size: size,
+    variant,
+    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,
+  }, rest), iconPosition === "left" ? /* @__PURE__ */ React__default["default"].createElement(reactCore.IconComponent, {
+    iconProps,
+    size,
+    defaultFontColor
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), /* @__PURE__ */ React__default["default"].createElement(TextComponent, {
+    label,
+    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));
+    iconPosition,
+    textProps,
+    size
+  }), iconPosition === "right" ? /* @__PURE__ */ React__default["default"].createElement(reactCore.IconComponent, {
+    iconProps,
+    size,
+    defaultFontColor
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null));
 };
 
-var _default = IconTextButton;
-exports.default = _default;
-//# sourceMappingURL=IconTextButton.js.map
+module.exports = IconTextButton;
+//# sourceMappingURL=IconTextButton.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"IconTextButton.js","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"],"names":["React","StyledIconTextButton","IconComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,cAAA,GAAmD,CAAC,EAQvC,KAAA;AARuC,EACxD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,YAAe,GAAA,MAAA;AAAA,IACf,SAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAU,GAAA,QAAA;AAAA,IACV,IAAO,GAAA,SAAA;AAAA,GAhBT,GAU0D,EAOrD,EAAA,IAAA,GAAA,SAAA,CAPqD,EAOrD,EAAA;AAAA,IANH,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,EAAE,WAAa,EAAA,aAAA,EAAe,gBAAiB,EAAA,GACnD,kBAAkB,OAAO,CAAA,CAAA;AAE3B,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,2BAAA,EAAA,cAAA,CAAA;AAAA,IACC,OAAO,CAAC,KAAA;AAAA,IACR,OAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA,EAAY,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,IAClC,WAAA,EAAa,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,IACpC,SAAA,EAAW,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,IACnC,UAAA,EAAY,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,GACjC,EAAA,IAAA,CAAA,EAEH,YAAiB,KAAA,MAAA,mBACfD,yBAAA,CAAA,aAAA,CAAAE,uBAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA,mBAEEF,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACfA,yBAAA,CAAA,aAAA,CAAAE,uBAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA,mGAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,35 +1,42 @@
-"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);
+'use strict';
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
+const TextComponent = ({
+  textProps,
+  size = "default",
+  defaultFontColor,
+  label
+}) => {
+  var _a, _b, _c;
+  return label ? /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, __spreadValues({
+    typography: ((_a = textProps == null ? void 0 : textProps.typography) != null ? _a : size === "small") ? "sub" : "base",
+    fontWeight: (_b = textProps == null ? void 0 : textProps.fontWeight) != null ? _b : "bold",
+    fontColor: (_c = textProps == null ? void 0 : textProps.fontColor) != null ? _c : defaultFontColor
+  }, textProps), label) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
+};
+var TextComponent$1 = React__default["default"].memo(TextComponent);
 
-var _default = _react.default.memo(TextComponent);
-
-exports.default = _default;
-//# sourceMappingURL=TextComponent.js.map
+module.exports = TextComponent$1;
+//# sourceMappingURL=TextComponent.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"TextComponent.js","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"],"names":["React","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AAvBN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAwBE,EAAA,OAAO,wBACJA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,cAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,KAAQ,GAAA,MAAA;AAAA,IAChE,UAAA,EAAA,CAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,MAAA;AAAA,IACrC,SAAA,EAAA,CAAW,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,SAAA,KAAX,IAAwB,GAAA,EAAA,GAAA,gBAAA;AAAA,GAC/B,EAAA,SAAA,CAAA,EAEH,KACH,CAAA,mBAEED,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,yBAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts

@@ -1,4 +1,4 @@
-declare const useIconTextButton: (variant: any) => {
+declare const useIconTextButton: (variant: VariantType) => {
     handleHover: (value: boolean) => void;
     handlePressed: (value: boolean) => void;
     defaultFontColor: any;

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

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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"useIconTextButton.js","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"],"names":["useState","fontColorVC","useCallback"],"mappings":";;;;;AAGM,MAAA,iBAAA,GAAoB,CAAC,OAAyB,KAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,gBAAmB,GAAA,CAAC,OAAW,IAAA,KAAA,GAAQ,UAAUC,qBAAY,CAAA,OAAA,CAAA,CAAA;AAEnE,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAAC,KAAmB,KAAA;AAClB,MAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,KAAmB,KAAA;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}