@tecsinapse/react-native-kit 1.22.7 → 1.22.8

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

@@ -8,58 +8,27 @@ import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.js';
 import Text from '../../atoms/Text/Text.js';
 import { DateTimeSelector } from '../DateTimeSelector/DateTimeSelector.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 DateTimePicker = (_a) => {
-  var _b = _a, {
-    locale
-  } = _b, rest = __objRest(_b, [
-    "locale"
-  ]);
+const DateTimePicker = ({
+  locale,
+  ...rest
+}) => {
   const modal = useLazyModalManager();
-  return /* @__PURE__ */ React__default.createElement(DateTimePicker$1, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React__default.createElement(DateTimePicker$1, {
+    ...rest,
     TextComponent: Text,
     DateTimeSelectorComponent: DateTimeSelector,
-    locale: locale != null ? locale : getLocale(),
+    locale: locale ?? getLocale(),
     requestShowSelector: () => modal.show(),
     requestCloseSelector: () => modal.close(),
     renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React__default.createElement(NativeModal, {
       onClose: blur
     }, selector))
-  }));
+  });
 };
-const NativeModal = (_c) => {
-  var _d = _c, { children } = _d, others = __objRest(_d, ["children"]);
-  return /* @__PURE__ */ React__default.createElement(ModalView, __spreadValues({}, others), children);
+const NativeModal = ({ children, ...others }) => {
+  return /* @__PURE__ */ React__default.createElement(ModalView, {
+    ...others
+  }, children);
 };
 
 export { DateTimePicker };

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["React","DateTimePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,cAAA,GAAgD,CAAC,EAGxD,KAAA;AAHwD,EAC5D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GAnBF,GAkB8D,EAEzD,EAAA,IAAA,GAAA,SAAA,CAFyD,EAEzD,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,mDACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,yBAA2B,EAAA,gBAAA;AAAA,IAC3B,MAAA,EAAQ,0BAAU,SAAU,EAAA;AAAA,IAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMD,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAAA,GAA8B,CAAC,EAA4B,KAAA;AAA5B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAvCvC,QAAA,EAAA,GAuCqC,EAAe,EAAA,MAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACrC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAc,EAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["React","DateTimePickerCore"],"mappings":";;;;;;;;;;AAkBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,aAAe,EAAA,IAAA;AAAA,IACf,yBAA2B,EAAA,gBAAA;AAAA,IAC3B,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,IAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMD,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAA8B,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,QAAa,KAAA;AAC/D,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,MAAA;AAAA,GAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}

package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js

@@ -3,47 +3,15 @@ import React__default from 'react';
 import Text from '../../atoms/Text/Text.js';
 import { getLocale } from '../../../utils/date.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 DateTimeSelector = (_a) => {
-  var _b = _a, {
-    locale
-  } = _b, rest = __objRest(_b, [
-    "locale"
-  ]);
-  return /* @__PURE__ */ React__default.createElement(DateTimeSelector$1, __spreadProps(__spreadValues({}, rest), {
+const DateTimeSelector = ({
+  locale,
+  ...rest
+}) => {
+  return /* @__PURE__ */ React__default.createElement(DateTimeSelector$1, {
+    ...rest,
     TextComponent: Text,
-    locale: locale != null ? locale : getLocale()
-  }));
+    locale: locale ?? getLocale()
+  });
 };
 
 export { DateTimeSelector };

package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","DateTimeSelectorCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,gBAAA,GAA8C,CAAC,EAGtD,KAAA;AAHsD,EAC1D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GATF,GAQ4D,EAEvD,EAAA,IAAA,GAAA,SAAA,CAFuD,EAEvD,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,qDACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,0BAAU,SAAU,EAAA;AAAA,GAC9B,CAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","DateTimeSelectorCore"],"mappings":";;;;;AAQO,MAAM,mBAA8C,CAAC;AAAA,EAC1D,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,kBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,GAC9B,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,54 +2,17 @@ import React__default from 'react';
 import { View } from 'react-native';
 import GridItem from './Item/Item.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 Grid = (_a) => {
-  var _b = _a, {
-    children,
-    columns = 12,
-    layout,
-    style,
-    spacing
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "columns",
-    "layout",
-    "style",
-    "spacing"
-  ]);
+const Grid = ({
+  children,
+  columns = 12,
+  layout,
+  style,
+  spacing,
+  ...rest
+}) => {
   if (layout) {
     const flatLayout = layout.flat();
-    return /* @__PURE__ */ React__default.createElement(View, __spreadValues({
+    return /* @__PURE__ */ React__default.createElement(View, {
       style: [
         style,
         {
@@ -57,15 +20,16 @@ const Grid = (_a) => {
           flexDirection: "row",
           flexWrap: "wrap"
         }
-      ]
-    }, rest), React__default.Children.map(children, (child, index) => /* @__PURE__ */ React__default.createElement(GridItem, {
+      ],
+      ...rest
+    }, React__default.Children.map(children, (child, index) => /* @__PURE__ */ React__default.createElement(GridItem, {
       key: `child-${index}`,
       columns,
       span: flatLayout[index],
       spacing
     }, child)));
   }
-  return /* @__PURE__ */ React__default.createElement(View, __spreadValues({
+  return /* @__PURE__ */ React__default.createElement(View, {
     style: [
       style,
       {
@@ -73,14 +37,15 @@ const Grid = (_a) => {
         flexDirection: "row",
         flexWrap: "wrap"
       }
-    ]
-  }, rest), React__default.Children.map(children, (child, index) => {
-    var _a2;
-    return React__default.cloneElement(child, __spreadProps(__spreadValues({}, child == null ? void 0 : child.props), {
+    ],
+    ...rest
+  }, React__default.Children.map(children, (child, index) => {
+    return React__default.cloneElement(child, {
+      ...child?.props,
       columns,
-      spacing: (_a2 = child == null ? void 0 : child.props.spacing) != null ? _a2 : spacing,
+      spacing: child?.props.spacing ?? spacing,
       key: `child-${index}`
-    }));
+    });
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\n        ]}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\n      ]}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </View>\n  );\n};\n\nexport default Grid;\n"],"names":["React","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOkB,KAAA;AAPlB,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,KACI,EAAA,IAAA,CAAA,EAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA;AAAA,MACA;AAAA,QACE,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,KACF;AAAA,GAAA,EACI,OAEHA,cAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAvDtD,IAAAC,IAAAA,GAAAA,CAAAA;AAwDQ,IAAA,OAAOD,cAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASC,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\n        ]}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\n      ]}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </View>\n  );\n};\n\nexport default Grid;\n"],"names":["React"],"mappings":";;;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAgC,KAAA;AAC9B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,KAAA,EAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA;AAAA,MACA;AAAA,QACE,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,EAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,IAAO,OAAAA,cAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,MACV,OAAA;AAAA,MACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,75 +2,26 @@ import React__default from 'react';
 import { View } from 'react-native';
 import { useTheme, getGridItemColumSpan, getGridItemPadding } from '@tecsinapse/react-core';
 
-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,
-    columns = 12,
-    loadingComponent,
-    loading = false,
-    spacing: _spacing,
-    wrapper = false,
-    alignContent,
-    alignItems,
-    alignSelf,
-    flex,
-    flexDirection,
-    flexGrow,
-    flexShrink,
-    justifyContent,
-    flexBasis,
-    style
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "span",
-    "columns",
-    "loadingComponent",
-    "loading",
-    "spacing",
-    "wrapper",
-    "alignContent",
-    "alignItems",
-    "alignSelf",
-    "flex",
-    "flexDirection",
-    "flexGrow",
-    "flexShrink",
-    "justifyContent",
-    "flexBasis",
-    "style"
-  ]);
+const GridItem = ({
+  children,
+  span,
+  columns = 12,
+  loadingComponent,
+  loading = false,
+  spacing: _spacing,
+  wrapper = false,
+  alignContent,
+  alignItems,
+  alignSelf,
+  flex,
+  flexDirection,
+  flexGrow,
+  flexShrink,
+  justifyContent,
+  flexBasis,
+  style,
+  ...rest
+}) => {
   const { spacing } = useTheme();
   if (!React__default.Children.only(children)) {
     throw new Error("The number of children in GridItem should be one");
@@ -88,18 +39,20 @@ const GridItem = (_a) => {
     flexShrink,
     justifyContent,
     boxSizing: "border-box",
-    flexBasis: flexBasis != null ? flexBasis : `${getGridItemColumSpan(columns, span)}%`,
+    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,
     paddingTop: getGridItemPadding("top", _spacing, spacing),
     paddingBottom: getGridItemPadding("bottom", _spacing, spacing),
     paddingRight: getGridItemPadding("right", _spacing, spacing),
     paddingLeft: getGridItemPadding("left", _spacing, spacing)
   };
-  const clone = React__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.createElement(View, __spreadProps(__spreadValues({}, rest), {
+  const clone = React__default.cloneElement(children, {
+    ...children?.props,
+    style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
+  });
+  return wrapper ? /* @__PURE__ */ React__default.createElement(View, {
+    ...rest,
     style: [style, _style]
-  }), clone) : clone;
+  }, clone) : clone;
 };
 
 export { GridItem as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  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}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\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 _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\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    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeM,MAAA,QAAA,GAAW,CAAC,EAmBkB,KAAA;AAnBlB,EAChB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,gBAAA;AAAA,IACA,OAAU,GAAA,KAAA;AAAA,IACV,OAAS,EAAA,QAAA;AAAA,IACT,OAAU,GAAA,KAAA;AAAA,IACV,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,GAhCF,GAekB,EAkBb,EAAA,IAAA,GAAA,SAAA,CAlBa,EAkBb,EAAA;AAAA,IAjBH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,IAAI,CAACA,cAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAA,MAAM,QAAQA,cAAM,CAAA,YAAA,CAAa,QAAU,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACtC,qCAAU,KAD4B,CAAA,EAAA;AAAA,IAEzC,KAAA,EAAO,UACH,QAAU,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAM,QAChB,cAAK,CAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAW,qCAAU,KAAM,CAAA,KAAA,CAAA;AAAA,GACrC,CAAA,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,mBACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAS,IAAT,CAAA,EAAA;AAAA,IAAe,KAAA,EAAO,CAAC,KAAA,EAAO,MAAM,CAAA;AAAA,GAAA,CAAA,EAClC,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  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}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\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 _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\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    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":["React"],"mappings":";;;;AAeA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAoC,KAAA;AAClC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,IAAI,CAACA,cAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQA,cAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAA,OAAO,0BACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,KAAA,EAAO,CAAC,KAAA,EAAO,MAAM,CAAA;AAAA,GAAA,EAClC,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}

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

@@ -3,54 +3,20 @@ import React__default from 'react';
 import { StyledIconTextButton } from './styled.js';
 import TextComponent from './TextComponent.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 IconTextButton = (_a) => {
-  var _b = _a, {
-    iconProps,
-    iconPosition = "left",
-    textProps,
-    label,
-    variant = "filled",
-    size = "default"
-  } = _b, rest = __objRest(_b, [
-    "iconProps",
-    "iconPosition",
-    "textProps",
-    "label",
-    "variant",
-    "size"
-  ]);
-  return /* @__PURE__ */ React__default.createElement(StyledIconTextButton, __spreadValues({
+const IconTextButton = ({
+  iconProps,
+  iconPosition = "left",
+  textProps,
+  label,
+  variant = "filled",
+  size = "default",
+  ...rest
+}) => {
+  return /* @__PURE__ */ React__default.createElement(StyledIconTextButton, {
     boxed: !label,
-    variant
-  }, rest), iconPosition === "left" ? /* @__PURE__ */ React__default.createElement(IconComponent, {
+    variant,
+    ...rest
+  }, iconPosition === "left" ? /* @__PURE__ */ React__default.createElement(IconComponent, {
     iconProps,
     size,
     defaultFontColor: fontColorVC[variant]

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

@@ -1 +1 @@
-{"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import {\n  fontColorVC,\n  IconComponent,\n  IconTextButtonProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { ButtonNativeProps } from '../../atoms/Button';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type NativeIconTextButtonProps = IconTextButtonProps &\n  Omit<ButtonNativeProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<NativeIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}) => {\n  return (\n    <StyledIconTextButton boxed={!label} variant={variant} {...rest}>\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={fontColorVC[variant]}\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={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,cAAA,GAAsD,CAAC,EAQvD,KAAA;AARuD,EAC3D,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,GAnBT,GAa6D,EAOxD,EAAA,IAAA,GAAA,SAAA,CAPwD,EAOxD,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,uBACGA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,cAAA,CAAA;AAAA,IAAqB,OAAO,CAAC,KAAA;AAAA,IAAO,OAAA;AAAA,GAAsB,EAAA,IAAA,CAAA,EACxD,YAAiB,KAAA,MAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,IAC9B,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import {\n  fontColorVC,\n  IconComponent,\n  IconTextButtonProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { ButtonNativeProps } from '../../atoms/Button';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type NativeIconTextButtonProps = IconTextButtonProps &\n  Omit<ButtonNativeProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<NativeIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}) => {\n  return (\n    <StyledIconTextButton boxed={!label} variant={variant} {...rest}>\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={fontColorVC[variant]}\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={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"names":["React"],"mappings":";;;;;AAaA,MAAM,iBAAsD,CAAC;AAAA,EAC3D,SAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,SAAA;AAAA,EACJ,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IAAqB,OAAO,CAAC,KAAA;AAAA,IAAO,OAAA;AAAA,IAAmB,GAAG,IAAA;AAAA,GACxD,EAAA,YAAA,KAAiB,yBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,IAC9B,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,22 +1,6 @@
 import React__default from 'react';
 import { StyledText } 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 TextComponent = ({
   textProps,
   size = "default",
@@ -25,14 +9,14 @@ const TextComponent = ({
   iconPosition = "left",
   hasIcon = false
 }) => {
-  var _a, _b, _c;
-  return label ? /* @__PURE__ */ React__default.createElement(StyledText, __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,
+  return label ? /* @__PURE__ */ React__default.createElement(StyledText, {
+    typography: textProps?.typography ?? size === "small" ? "sub" : "base",
+    fontWeight: textProps?.fontWeight ?? "bold",
+    fontColor: textProps?.fontColor ?? defaultFontColor,
     iconPosition,
-    hasIcon
-  }, textProps), label) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
+    hasIcon,
+    ...textProps
+  }, label) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
 var TextComponent$1 = React__default.memo(TextComponent);
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledText } from './styled';\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  iconPosition = 'left',\n  hasIcon = false,\n}) => {\n  return label ? (\n    <StyledText\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      iconPosition={iconPosition}\n      hasIcon={hasIcon}\n      {...textProps}\n    >\n      {label}\n    </StyledText>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AAzBN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA0BE,EAAA,OAAO,wBACJA,cAAA,CAAA,aAAA,CAAA,UAAA,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,IACnC,YAAA;AAAA,IACA,OAAA;AAAA,GACI,EAAA,SAAA,CAAA,EAEH,KACH,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
+{"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledText } from './styled';\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  iconPosition = 'left',\n  hasIcon = false,\n}) => {\n  return label ? (\n    <StyledText\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      iconPosition={iconPosition}\n      hasIcon={hasIcon}\n      {...textProps}\n    >\n      {label}\n    </StyledText>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"names":["React"],"mappings":";;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AACJ,EAAA,OAAO,wBACJA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IACC,UAAY,EAAA,SAAA,EAAW,UAAc,IAAA,IAAA,KAAS,UAAU,KAAQ,GAAA,MAAA;AAAA,IAChE,UAAA,EAAY,WAAW,UAAc,IAAA,MAAA;AAAA,IACrC,SAAA,EAAW,WAAW,SAAa,IAAA,gBAAA;AAAA,IACnC,YAAA;AAAA,IACA,OAAA;AAAA,IACC,GAAG,SAAA;AAAA,GAEH,EAAA,KACH,oBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

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

@@ -5,7 +5,7 @@ import 'react';
 import Text from '../../atoms/Text/Text.js';
 
 const boxedStyle = ({ theme }) => `
-    padding: ${theme == null ? void 0 : theme.spacing.centi};
+    padding: ${theme?.spacing.centi};
     aspect-ratio: 1;
   `;
 const StyledIconTextButton = styled(Button)`
@@ -15,11 +15,11 @@ const StyledText = styled(Text)`
   ${({ theme, iconPosition, hasIcon = false }) => {
   if (hasIcon && iconPosition === "left")
     return css`
-        margin-left: ${theme == null ? void 0 : theme.spacing.mili};
+        margin-left: ${theme?.spacing.mili};
       `;
   else if (hasIcon && iconPosition === "right")
     return css`
-        margin-right: ${theme == null ? void 0 : theme.spacing.mili};
+        margin-right: ${theme?.spacing.mili};
       `;
 }}
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Text } from '../../atoms/Text';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) => `\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  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n\nexport const StyledText = styled(Text)<\n  Partial<StyleProps> & {\n    iconPosition: IconPositionOptions;\n    hasIcon?: boolean;\n  }\n>`\n  ${({ theme, iconPosition, hasIcon = false }) => {\n    if (hasIcon && iconPosition === 'left')\n      return css`\n        margin-left: ${theme?.spacing.mili};\n      `;\n    else if (hasIcon && iconPosition === 'right')\n      return css`\n        margin-right: ${theme?.spacing.mili};\n      `;\n  }}\n`;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA,CAAA;AAAA,aAAA,EACxC,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuB,OAAO,MAAM,CAAA,CAAA;AAAA,EAK7C,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAMjC,CAAC,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,GAAU,OAAY,KAAA;AAC9C,EAAA,IAAI,WAAW,YAAiB,KAAA,MAAA;AAC9B,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,WAAW,YAAiB,KAAA,OAAA;AACnC,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Text } from '../../atoms/Text';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) => `\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  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n\nexport const StyledText = styled(Text)<\n  Partial<StyleProps> & {\n    iconPosition: IconPositionOptions;\n    hasIcon?: boolean;\n  }\n>`\n  ${({ theme, iconPosition, hasIcon = false }) => {\n    if (hasIcon && iconPosition === 'left')\n      return css`\n        margin-left: ${theme?.spacing.mili};\n      `;\n    else if (hasIcon && iconPosition === 'right')\n      return css`\n        margin-right: ${theme?.spacing.mili};\n      `;\n  }}\n`;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA,CAAA;AAAA,aAAA,EACxC,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuB,OAAO,MAAM,CAAA,CAAA;AAAA,EAK7C,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAMjC,CAAC,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,GAAU,OAAY,KAAA;AAC9C,EAAA,IAAI,WAAW,YAAiB,KAAA,MAAA;AAC9B,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,WAAW,YAAiB,KAAA,OAAA;AACnC,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}