@grupalia/rn-ui-kit 0.0.41 → 0.1.0

package/lib/module/components/BaseBadge.js

@@ -1,9 +1,12 @@
 "use strict";
 
 import clsx from 'clsx';
-import { View, Text } from 'react-native';
+import { styled } from 'nativewind';
+import { View, Text } from "../hoc-components.js";
+import BaseIcon from "./BaseIcon.js";
+import utilityColors from "../styles/utility-colors.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BaseBadge({
+function BaseBadge({
   variant = 'gray',
   size = 'md',
   text,
@@ -19,8 +22,8 @@ export default function BaseBadge({
       text: 'text-utility-gray-700',
       border: 'border-utility-gray-200'
     },
-    primary: {
-      bg: 'bg-brand-solid',
+    brand: {
+      bg: 'bg-utility-brand-50',
       text: 'text-utility-brand-700',
       border: 'border-utility-brand-200'
     },
@@ -77,7 +80,7 @@ export default function BaseBadge({
   };
   const sizeStyles = {
     sm: {
-      container: 'px-1.5 py-[2px]',
+      container: 'px-1.5 py-0.5',
       text: 'text-xs'
     },
     md: {
@@ -100,23 +103,44 @@ export default function BaseBadge({
     left: 'mr-1.5',
     right: 'ml-1.5'
   };
-  const renderIcon = (IconComponent, position) => {
-    if (!IconComponent) return null;
-    return /*#__PURE__*/_jsx(View, {
-      className: iconSpacingStyles[position],
-      children: /*#__PURE__*/_jsx(IconComponent, {
-        size: iconSizes[size],
-        className: variantStyles[variant].text
-      })
-    });
+
+  // @TODO handle dark mode
+  const iconColors = {
+    gray: utilityColors['gray-500'].light,
+    brand: utilityColors['brand-500'].light,
+    error: utilityColors['error-500'].light,
+    warning: utilityColors['warning-500'].light,
+    success: utilityColors['success-500'].light,
+    blue_gray: utilityColors['gray_blue-500'].light,
+    blue_light: utilityColors['blue_light-500'].light,
+    blue: utilityColors['blue-500'].light,
+    indigo: utilityColors['indigo-500'].light,
+    purple: utilityColors['purple-500'].light,
+    pink: utilityColors['pink-500'].light,
+    orange: utilityColors['orange-500'].light
   };
   return /*#__PURE__*/_jsxs(View, {
     className: containerStyles,
     ...props,
-    children: [LeftIcon && renderIcon(LeftIcon, 'left'), /*#__PURE__*/_jsx(Text, {
+    children: [LeftIcon && /*#__PURE__*/_jsx(View, {
+      className: iconSpacingStyles.left,
+      children: /*#__PURE__*/_jsx(BaseIcon, {
+        icon: LeftIcon,
+        size: iconSizes[size],
+        color: iconColors[variant]
+      })
+    }), /*#__PURE__*/_jsx(Text, {
       className: textStyles,
       children: text
-    }), RightIcon && renderIcon(RightIcon, 'right')]
+    }), RightIcon && /*#__PURE__*/_jsx(View, {
+      className: iconSpacingStyles.right,
+      children: /*#__PURE__*/_jsx(BaseIcon, {
+        icon: RightIcon,
+        size: iconSizes[size],
+        color: iconColors[variant]
+      })
+    })]
   });
 }
+export default styled(BaseBadge);
 //# sourceMappingURL=BaseBadge.js.map

package/lib/module/components/BaseBadge.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","View","Text","jsx","_jsx","jsxs","_jsxs","BaseBadge","variant","size","text","transparent","squared","LeftIcon","RightIcon","props","variantStyles","gray","bg","border","primary","error","warning","success","blue_gray","blue_light","blue","indigo","purple","pink","orange","sizeStyles","sm","container","md","lg","iconSizes","containerStyles","textStyles","iconSpacingStyles","left","right","renderIcon","IconComponent","position","className","children"],"sourceRoot":"../../../src","sources":["components/BaseBadge.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","styled","View","Text","BaseIcon","utilityColors","jsx","_jsx","jsxs","_jsxs","BaseBadge","variant","size","text","transparent","squared","LeftIcon","RightIcon","props","variantStyles","gray","bg","border","brand","error","warning","success","blue_gray","blue_light","blue","indigo","purple","pink","orange","sizeStyles","sm","container","md","lg","iconSizes","containerStyles","textStyles","iconSpacingStyles","left","right","iconColors","light","className","children","icon","color"],"sourceRoot":"../../../src","sources":["components/BaseBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BaseButton.js

@@ -1,10 +1,13 @@
 "use strict";
 
 import clsx from 'clsx';
+import { styled } from 'nativewind';
 import React from 'react';
-import { Pressable, Text, View, ActivityIndicator } from 'react-native';
+import { Pressable, Text, View, ActivityIndicator } from "../hoc-components.js";
+import BaseIcon from "./BaseIcon.js";
+import textColors from "../styles/text-colors.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BaseButton({
+function BaseButton({
   variant = 'primary',
   size = 'md',
   text = '',
@@ -42,28 +45,28 @@ export default function BaseButton({
     };
   }, [countdownSecs, disabled]);
   const sizeClasses = {
-    xs: 'px-3 py-1.5 rounded-md min-h-[32px]',
-    sm: 'px-4 py-2 rounded-lg min-h-[40px]',
-    md: 'px-5 py-2.5 rounded-lg min-h-[48px]',
-    lg: 'px-6 py-3 rounded-xl min-h-[56px]',
-    xl: 'px-[18px] py-3 rounded-xl min-h-[60px]'
+    xs: 'rounded-md h-7',
+    sm: 'rounded-md h-8',
+    md: 'rounded-lg h-9',
+    lg: 'rounded-lg h-10',
+    xl: 'rounded-lg h-11'
   };
   const iconOnlyClasses = {
-    xs: 'p-2 rounded-md min-h-[32px] min-w-[32px]',
-    sm: 'p-2 rounded-lg min-h-[40px] min-w-[40px]',
-    md: 'p-2.5 rounded-lg min-h-[48px] min-w-[48px]',
-    lg: 'p-3 rounded-xl min-h-[56px] min-w-[56px]',
-    xl: 'p-3.5 rounded-xl min-h-[60px] min-w-[60px]'
+    xs: 'rounded-md h-8 w-8',
+    sm: 'rounded-md h-9 w-9',
+    md: 'rounded-lg h-10 w-10',
+    lg: 'rounded-lg h-11 w-11',
+    xl: 'rounded-lg h-12 w-12'
   };
-  const bgClasses = {
+  const containerClasses = {
     primary: {
       default: destructive ? 'bg-error-solid' : 'bg-brand-solid',
-      disabled: 'bg-disabled',
+      disabled: 'bg-disabled border border-disabled_subtle',
       loading: destructive ? 'bg-error-solid' : 'bg-brand-solid_hover'
     },
     secondary: {
       default: destructive ? 'bg-primary border border-error_subtle' : 'bg-primary border border-primary',
-      disabled: 'bg-primary border border-disabled',
+      disabled: 'bg-primary border border-disabled_subtle',
       loading: destructive ? 'bg-error-primary border border-error_subtle' : 'bg-primary_hover border border-primary'
     },
     tertiary: {
@@ -91,12 +94,12 @@ export default function BaseButton({
     secondary: {
       default: destructive ? 'text-error' : 'text-secondary',
       disabled: 'text-disabled',
-      loading: destructive ? 'text-error_hover' : 'text-secondary_hover'
+      loading: destructive ? 'text-error-primary' : 'text-secondary'
     },
     tertiary: {
       default: destructive ? 'text-error' : 'text-tertiary',
       disabled: 'text-disabled',
-      loading: destructive ? 'text-error_hover' : 'text-tertiary_hover'
+      loading: destructive ? 'text-error-primary' : 'text-tertiary'
     },
     'link-color': {
       default: destructive ? 'text-error' : 'text-brand-tertiary',
@@ -112,9 +115,9 @@ export default function BaseButton({
   const textSizeClasses = {
     xs: 'text-xs',
     sm: 'text-sm',
-    md: 'text-base',
-    lg: 'text-lg',
-    xl: 'text-lg'
+    md: 'text-sm',
+    lg: 'text-sm',
+    xl: 'text-base'
   };
   const iconSizes = {
     xs: 16,
@@ -130,8 +133,35 @@ export default function BaseButton({
     buttonState = 'disabled';
   }
   const isIconOnly = !text && (LeftIcon || RightIcon);
-  const buttonStyles = clsx('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'disabled' && variant !== 'tertiary' && 'border border-gray-200');
-  const textStyles = clsx('font-semibold', textSizeClasses[size], textColorClasses[variant][buttonState]);
+  const buttonStyles = clsx('flex flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : clsx('w-full', sizeClasses[size]), containerClasses[variant][buttonState]);
+  const textStyles = clsx('font-medium', textSizeClasses[size], textColorClasses[variant][buttonState]);
+  const iconColors = {
+    primary: {
+      default: textColors['text-primary'].light,
+      disabled: textColors['text-disabled'].light,
+      loading: textColors['text-primary'].light
+    },
+    secondary: {
+      default: textColors['text-secondary'].light,
+      disabled: textColors['text-disabled'].light,
+      loading: textColors['text-secondary'].light
+    },
+    tertiary: {
+      default: textColors['text-tertiary'].light,
+      disabled: textColors['text-disabled'].light,
+      loading: textColors['text-tertiary'].light
+    },
+    'link-color': {
+      default: textColors['text-brand-tertiary'].light,
+      disabled: textColors['text-disabled'].light,
+      loading: textColors['text-brand-tertiary'].light
+    },
+    'link-gray': {
+      default: textColors['text-tertiary'].light,
+      disabled: textColors['text-disabled'].light,
+      loading: textColors['text-tertiary'].light
+    }
+  };
   const spinnerColorMap = {
     primary: {
       default: '#fff',
@@ -172,24 +202,27 @@ export default function BaseButton({
   } else {
     spinnerColor = spinnerColorMap[variant].default;
   }
-  const renderIcon = IconComponent => {
-    if (!IconComponent) return null;
-    return /*#__PURE__*/_jsx(IconComponent, {
-      size: iconSizes[size],
-      color: spinnerColor
-    });
-  };
   return /*#__PURE__*/_jsxs(Pressable, {
     disabled: isDisabled || loading,
     className: buttonStyles,
     hitSlop: hitSlop,
     ...props,
     children: [/*#__PURE__*/_jsxs(View, {
-      className: clsx('flex flex-row items-center justify-center gap-2', loading && 'opacity-0'),
-      children: [LeftIcon && renderIcon(LeftIcon), text && /*#__PURE__*/_jsxs(Text, {
+      className: clsx('flex flex-row items-center justify-center', loading && 'opacity-0'),
+      children: [LeftIcon && /*#__PURE__*/_jsx(BaseIcon, {
+        icon: LeftIcon,
+        size: iconSizes[size],
+        color: iconColors[variant][buttonState],
+        className: "mr-1.5"
+      }), text && /*#__PURE__*/_jsxs(Text, {
         className: textStyles,
         children: [text, timer > 0 ? ` (${timer})` : '']
-      }), RightIcon && renderIcon(RightIcon)]
+      }), RightIcon && /*#__PURE__*/_jsx(BaseIcon, {
+        icon: RightIcon,
+        size: iconSizes[size],
+        color: iconColors[variant][buttonState],
+        className: "ml-1.5"
+      })]
     }), loading && /*#__PURE__*/_jsx(ActivityIndicator, {
       size: "small",
       color: spinnerColor,
@@ -205,4 +238,5 @@ export default function BaseButton({
     })]
   });
 }
+export default styled(BaseButton);
 //# sourceMappingURL=BaseButton.js.map

package/lib/module/components/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","React","Pressable","Text","View","ActivityIndicator","jsx","_jsx","jsxs","_jsxs","BaseButton","variant","size","text","loading","disabled","destructive","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","default","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","textStyles","spinnerColorMap","spinnerColor","renderIcon","IconComponent","color","className","children","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","styled","React","Pressable","Text","View","ActivityIndicator","BaseIcon","textColors","jsx","_jsx","jsxs","_jsxs","BaseButton","variant","size","text","loading","disabled","destructive","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","default","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","textStyles","iconColors","light","spinnerColorMap","spinnerColor","className","children","icon","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAGzB,SACEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QACnC,sBAAmB;AAC1B,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,UAAU,MAAM,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe/C,SAASC,UAAUA,CAAC;EAClBC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG,EAAE;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAG,KAAK;EACnBC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,OAAO,GAAG,CAAC;EACXC,aAAa,GAAG,CAAC;EACjB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGxB,KAAK,CAACyB,QAAQ,CAACJ,aAAa,CAAC;EACvD,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG3B,KAAK,CAACyB,QAAQ,CAACT,QAAQ,IAAIK,aAAa,GAAG,CAAC,CAAC;EAEjFrB,KAAK,CAAC4B,SAAS,CAAC,MAAM;IACpB,IAAIC,UAA0B;IAC9B,IAAIR,aAAa,GAAG,CAAC,EAAE;MACrBM,aAAa,CAAC,IAAI,CAAC;MACnBH,QAAQ,CAACH,aAAa,CAAC;MACvBQ,UAAU,GAAGC,WAAW,CAAC,MAAM;QAC7BN,QAAQ,CAAEO,SAAiB,IAAK;UAC9B,IAAIA,SAAS,IAAI,CAAC,EAAE;YAClBC,aAAa,CAACH,UAAU,CAAC;YACzBF,aAAa,CAACM,OAAO,CAACjB,QAAQ,CAAC,CAAC;YAChC,OAAO,CAAC;UACV;UACA,OAAOe,SAAS,GAAG,CAAC;QACtB,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;IACV,CAAC,MAAM;MACLJ,aAAa,CAACM,OAAO,CAACjB,QAAQ,CAAC,CAAC;IAClC;IACA,OAAO,MAAM;MACX,IAAIa,UAAU,EAAEG,aAAa,CAACH,UAAU,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACR,aAAa,EAAEL,QAAQ,CAAC,CAAC;EAE7B,MAAMkB,WAAW,GAAG;IAClBC,EAAE,EAAE,gBAAgB;IACpBC,EAAE,EAAE,gBAAgB;IACpBC,EAAE,EAAE,gBAAgB;IACpBC,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE;EACN,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBL,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE;EACN,CAAC;EAED,MAAME,gBAAgB,GAAG;IACvBC,OAAO,EAAE;MACPC,OAAO,EAAE1B,WAAW,GAAG,gBAAgB,GAAG,gBAAgB;MAC1DD,QAAQ,EAAE,2CAA2C;MACrDD,OAAO,EAAEE,WAAW,GAAG,gBAAgB,GAAG;IAC5C,CAAC;IACD2B,SAAS,EAAE;MACTD,OAAO,EAAE1B,WAAW,GAAG,uCAAuC,GAAG,kCAAkC;MACnGD,QAAQ,EAAE,0CAA0C;MACpDD,OAAO,EAAEE,WAAW,GAAG,6CAA6C,GAAG;IACzE,CAAC;IACD4B,QAAQ,EAAE;MACRF,OAAO,EAAE,gBAAgB;MACzB3B,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAEE,WAAW,GAAG,kBAAkB,GAAG;IAC9C,CAAC;IACD,YAAY,EAAE;MACZ0B,OAAO,EAAE,gBAAgB;MACzB3B,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAE;IACX,CAAC;IACD,WAAW,EAAE;MACX4B,OAAO,EAAE,gBAAgB;MACzB3B,QAAQ,EAAE,gBAAgB;MAC1BD,OAAO,EAAE;IACX;EACF,CAAC;EAED,MAAM+B,gBAAgB,GAAG;IACvBJ,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrB3B,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTD,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,gBAAgB;MACtDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,oBAAoB,GAAG;IAChD,CAAC;IACD4B,QAAQ,EAAE;MACRF,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,eAAe;MACrDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,oBAAoB,GAAG;IAChD,CAAC;IACD,YAAY,EAAE;MACZ0B,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,qBAAqB;MAC3DD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,YAAY,GAAG;IACxC,CAAC;IACD,WAAW,EAAE;MACX0B,OAAO,EAAE1B,WAAW,GAAG,YAAY,GAAG,eAAe;MACrDD,QAAQ,EAAE,eAAe;MACzBD,OAAO,EAAEE,WAAW,GAAG,YAAY,GAAG;IACxC;EACF,CAAC;EAED,MAAM8B,eAAe,GAAG;IACtBZ,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE,SAAS;IACbC,EAAE,EAAE;EACN,CAAC;EAED,MAAMS,SAAS,GAAG;IAChBb,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EAED,IAAIU,WAA+C,GAAG,SAAS;EAC/D,IAAIlC,OAAO,EAAE;IACXkC,WAAW,GAAG,SAAS;EACzB,CAAC,MAAM,IAAIvB,UAAU,EAAE;IACrBuB,WAAW,GAAG,UAAU;EAC1B;EAEA,MAAMC,UAAU,GAAG,CAACpC,IAAI,KAAKI,QAAQ,IAAIC,SAAS,CAAC;EAEnD,MAAMgC,YAAY,GAAGrD,IAAI,CACvB,2CAA2C,EAC3CoD,UAAU,GAAGV,eAAe,CAAC3B,IAAI,CAAC,GAAGf,IAAI,CAAC,QAAQ,EAAEoC,WAAW,CAACrB,IAAI,CAAC,CAAC,EACtE4B,gBAAgB,CAAC7B,OAAO,CAAC,CAACqC,WAAW,CACvC,CAAC;EAED,MAAMG,UAAU,GAAGtD,IAAI,CACrB,aAAa,EACbiD,eAAe,CAAClC,IAAI,CAAC,EACrBiC,gBAAgB,CAAClC,OAAO,CAAC,CAACqC,WAAW,CACvC,CAAC;EAED,MAAMI,UAAU,GAAG;IACjBX,OAAO,EAAE;MACPC,OAAO,EAAErC,UAAU,CAAC,cAAc,CAAC,CAACgD,KAAK;MACzCtC,QAAQ,EAAEV,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC3CvC,OAAO,EAAET,UAAU,CAAC,cAAc,CAAC,CAACgD;IACtC,CAAC;IACDV,SAAS,EAAE;MACTD,OAAO,EAAErC,UAAU,CAAC,gBAAgB,CAAC,CAACgD,KAAK;MAC3CtC,QAAQ,EAAEV,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC3CvC,OAAO,EAAET,UAAU,CAAC,gBAAgB,CAAC,CAACgD;IACxC,CAAC;IACDT,QAAQ,EAAE;MACRF,OAAO,EAAErC,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC1CtC,QAAQ,EAAEV,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC3CvC,OAAO,EAAET,UAAU,CAAC,eAAe,CAAC,CAACgD;IACvC,CAAC;IACD,YAAY,EAAE;MACZX,OAAO,EAAErC,UAAU,CAAC,qBAAqB,CAAC,CAACgD,KAAK;MAChDtC,QAAQ,EAAEV,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC3CvC,OAAO,EAAET,UAAU,CAAC,qBAAqB,CAAC,CAACgD;IAC7C,CAAC;IACD,WAAW,EAAE;MACXX,OAAO,EAAErC,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC1CtC,QAAQ,EAAEV,UAAU,CAAC,eAAe,CAAC,CAACgD,KAAK;MAC3CvC,OAAO,EAAET,UAAU,CAAC,eAAe,CAAC,CAACgD;IACvC;EACF,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBb,OAAO,EAAE;MACPC,OAAO,EAAE,MAAM;MACf3B,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAE;IACX,CAAC;IACD6B,SAAS,EAAE;MACTD,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD4B,QAAQ,EAAE;MACRF,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD,YAAY,EAAE;MACZ0B,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC,CAAC;IACD,WAAW,EAAE;MACX0B,OAAO,EAAE1B,WAAW,GAAG,SAAS,GAAG,SAAS;MAC5CD,QAAQ,EAAE,SAAS;MAAE;MACrBD,OAAO,EAAEE,WAAW,GAAG,SAAS,GAAG;IACrC;EACF,CAAC;EAED,IAAIuC,YAAY,GAAG,MAAM;EACzB,IAAIP,WAAW,KAAK,UAAU,EAAE;IAC9BO,YAAY,GAAGD,eAAe,CAAC3C,OAAO,CAAC,CAACI,QAAQ;EAClD,CAAC,MAAM,IAAIiC,WAAW,KAAK,SAAS,EAAE;IACpCO,YAAY,GAAGD,eAAe,CAAC3C,OAAO,CAAC,CAACG,OAAO;EACjD,CAAC,MAAM;IACLyC,YAAY,GAAGD,eAAe,CAAC3C,OAAO,CAAC,CAAC+B,OAAO;EACjD;EAEA,oBACEjC,KAAA,CAACT,SAAS;IACRe,QAAQ,EAAEU,UAAU,IAAIX,OAAQ;IAChC0C,SAAS,EAAEN,YAAa;IACxB/B,OAAO,EAAEA,OAAQ;IAAA,GACbE,KAAK;IAAAoC,QAAA,gBAEThD,KAAA,CAACP,IAAI;MAACsD,SAAS,EAAE3D,IAAI,CAAC,2CAA2C,EAAEiB,OAAO,IAAI,WAAW,CAAE;MAAA2C,QAAA,GACxFxC,QAAQ,iBACPV,IAAA,CAACH,QAAQ;QACPsD,IAAI,EAAEzC,QAAS;QACfL,IAAI,EAAEmC,SAAS,CAACnC,IAAI,CAAE;QACtB+C,KAAK,EAAEP,UAAU,CAACzC,OAAO,CAAC,CAACqC,WAAW,CAAE;QACxCQ,SAAS,EAAC;MAAQ,CACnB,CACF,EACA3C,IAAI,iBACHJ,KAAA,CAACR,IAAI;QAACuD,SAAS,EAAEL,UAAW;QAAAM,QAAA,GACzB5C,IAAI,EACJS,KAAK,GAAG,CAAC,GAAG,KAAKA,KAAK,GAAG,GAAG,EAAE;MAAA,CAC3B,CACP,EACAJ,SAAS,iBACRX,IAAA,CAACH,QAAQ;QACPsD,IAAI,EAAExC,SAAU;QAChBN,IAAI,EAAEmC,SAAS,CAACnC,IAAI,CAAE;QACtB+C,KAAK,EAAEP,UAAU,CAACzC,OAAO,CAAC,CAACqC,WAAW,CAAE;QACxCQ,SAAS,EAAC;MAAQ,CACnB,CACF;IAAA,CACG,CAAC,EACN1C,OAAO,iBACNP,IAAA,CAACJ,iBAAiB;MAChBS,IAAI,EAAC,OAAO;MACZ+C,KAAK,EAAEJ,YAAa;MACpBK,KAAK,EAAE;QACLC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE;MACd;IAAE,CACH,CACF;EAAA,CACQ,CAAC;AAEhB;AAEA,eAAerE,MAAM,CAACY,UAAU,CAAC","ignoreList":[]}

package/lib/module/components/BaseIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { styled } from 'nativewind';
+import { View } from "../hoc-components.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function BaseIcon({
+  icon: Icon,
+  size = 20,
+  color
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Icon, {
+      size: size,
+      color: color
+    })
+  });
+}
+export default styled(BaseIcon);
+//# sourceMappingURL=BaseIcon.js.map

package/lib/module/components/BaseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","View","jsx","_jsx","BaseIcon","icon","Icon","size","color","children"],"sourceRoot":"../../../src","sources":["components/BaseIcon.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,YAAY;AAEnC,SAASC,IAAI,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzC,SAASC,QAAQA,CAAC;EAChBC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,EAAE;EACTC;AACa,CAAC,EAAE;EAChB,oBACEL,IAAA,CAACF,IAAI;IAAAQ,QAAA,eACHN,IAAA,CAACG,IAAI;MACHC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA;IAAM,CACd;EAAC,CACE,CAAC;AAEX;AAEA,eAAeR,MAAM,CAACI,QAAQ,CAAC","ignoreList":[]}

package/lib/module/components/BaseSpinner.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { ActivityIndicator } from "../hoc-components.js";
+import colors from "../styles/colors.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function BaseSpinner({
+  size = 'large',
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: size,
+    color: colors.brand[600],
+    ...props
+  });
+}
+//# sourceMappingURL=BaseSpinner.js.map

package/lib/module/components/BaseSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","colors","jsx","_jsx","BaseSpinner","size","props","color","brand"],"sourceRoot":"../../../src","sources":["components/BaseSpinner.tsx"],"mappings":";;AAEA,SAASA,iBAAiB,QAAQ,sBAAmB;AACrD,OAAOC,MAAM,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMtC,eAAe,SAASC,WAAWA,CAAC;EAAEC,IAAI,GAAG,OAAO;EAAE,GAAGC;AAAwB,CAAC,EAAE;EAClF,oBACEH,IAAA,CAACH,iBAAiB;IAChBK,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEN,MAAM,CAACO,KAAK,CAAC,GAAG,CAAE;IAAA,GACrBF;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/BaseStackedList.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import { styled } from 'nativewind';
+import React, { useMemo } from 'react';
+import { InboxIcon } from 'react-native-heroicons/outline';
+import { ArrowLeftIcon, ArrowRightIcon } from 'react-native-heroicons/solid';
+import { View, Text } from "../hoc-components.js";
+import BaseButton from "./BaseButton.js";
+import BaseSpinner from "./BaseSpinner.js";
+import colors from "../styles/colors.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function EmptyState({
+  description
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: "flex flex-col justify-center px-4 py-8",
+    children: [/*#__PURE__*/_jsx(View, {
+      className: "h-12 w-12 items-center justify-center rounded-full bg-tertiary",
+      children: /*#__PURE__*/_jsx(InboxIcon, {
+        size: 24,
+        color: colors.gray_light[500]
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      className: "mt-4 text-base font-medium text-primary",
+      children: "No hay nada que mostrar"
+    }), description && /*#__PURE__*/_jsx(Text, {
+      className: "mt-2 text-sm text-tertiary",
+      children: description
+    })]
+  });
+}
+function BaseStackedList({
+  itemsCount,
+  items,
+  renderItem,
+  onNextPage,
+  onPrevPage,
+  header,
+  pageSize,
+  loading,
+  currentPage = 0,
+  keyExtractor,
+  emptyStateDescription,
+  minHeight = 0
+}) {
+  const totalPages = useMemo(() => Math.ceil(itemsCount / pageSize), [itemsCount, pageSize]);
+  const hasNextPage = currentPage < totalPages - 1;
+  const hasPrevPage = currentPage > 0;
+  const currentPageItems = useMemo(() => {
+    const startIndex = currentPage * pageSize;
+    const endIndex = startIndex + pageSize;
+    return items.slice(startIndex, endIndex);
+  }, [items, currentPage, pageSize]);
+  const isEmpty = items.length === 0 && !loading;
+  const hasItemsForCurrentPage = currentPageItems.length > pageSize * (currentPage + 1);
+  return /*#__PURE__*/_jsxs(View, {
+    className: "flex flex-col rounded-xl border border-secondary bg-primary shadow-sm",
+    children: [/*#__PURE__*/_jsx(View, {
+      className: "border-b border-secondary p-4",
+      children: header
+    }), loading && !hasItemsForCurrentPage && /*#__PURE__*/_jsx(View, {
+      className: "flex items-center justify-center py-12",
+      style: {
+        minHeight
+      },
+      children: /*#__PURE__*/_jsx(BaseSpinner, {})
+    }), !loading && isEmpty && /*#__PURE__*/_jsx(EmptyState, {
+      description: emptyStateDescription
+    }), !loading && !isEmpty && /*#__PURE__*/_jsx(View, {
+      className: "flex flex-col",
+      style: {
+        minHeight
+      },
+      children: currentPageItems.map((item, index) => {
+        const itemKey = keyExtractor ? keyExtractor(item, index) : `item-${currentPage}-${index}`;
+        return /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [index > 0 && /*#__PURE__*/_jsx(View, {
+            className: "h-px w-full bg-gray-200"
+          }), renderItem(item, index + currentPage * pageSize)]
+        }, itemKey);
+      })
+    }), (hasNextPage || hasPrevPage) && items.length > 0 && /*#__PURE__*/_jsxs(View, {
+      className: "flex flex-row items-center justify-between border-t border-secondary p-4",
+      children: [/*#__PURE__*/_jsx(BaseButton, {
+        variant: "secondary",
+        onPress: onPrevPage,
+        disabled: !hasPrevPage,
+        LeftIcon: ArrowLeftIcon
+      }), /*#__PURE__*/_jsxs(Text, {
+        className: "text-sm font-medium text-secondary",
+        children: ["P\xE1gina", ' ', currentPage + 1, ' ', "de", ' ', totalPages]
+      }), /*#__PURE__*/_jsx(BaseButton, {
+        variant: "secondary",
+        onPress: onNextPage,
+        disabled: !hasNextPage,
+        LeftIcon: ArrowRightIcon
+      })]
+    })]
+  });
+}
+export default styled(BaseStackedList);
+//# sourceMappingURL=BaseStackedList.js.map

package/lib/module/components/BaseStackedList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","React","useMemo","InboxIcon","ArrowLeftIcon","ArrowRightIcon","View","Text","BaseButton","BaseSpinner","colors","jsx","_jsx","jsxs","_jsxs","EmptyState","description","className","children","size","color","gray_light","BaseStackedList","itemsCount","items","renderItem","onNextPage","onPrevPage","header","pageSize","loading","currentPage","keyExtractor","emptyStateDescription","minHeight","totalPages","Math","ceil","hasNextPage","hasPrevPage","currentPageItems","startIndex","endIndex","slice","isEmpty","length","hasItemsForCurrentPage","style","map","item","index","itemKey","Fragment","variant","onPress","disabled","LeftIcon"],"sourceRoot":"../../../src","sources":["components/BaseStackedList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -2,4 +2,7 @@
 
 export { default as BaseButton } from "./BaseButton.js";
 export { default as BaseBadge } from "./BaseBadge.js";
+export { default as BaseSpinner } from "./BaseSpinner.js";
+export { default as BaseStackedList } from "./BaseStackedList.js";
+export { default as BaseIcon } from "./BaseIcon.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","BaseButton","BaseBadge"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa","ignoreList":[]}
+{"version":3,"names":["default","BaseButton","BaseBadge","BaseSpinner","BaseStackedList","BaseIcon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,WAAW,QAAQ,kBAAe;AACtD,SAASH,OAAO,IAAII,eAAe,QAAQ,sBAAmB;AAC9D,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/module/hoc-components.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { styled } from 'nativewind';
+import { ActivityIndicator as RNActivityIndicator, FlatList as RNFlatList, Image as RNImage, ImageBackground as RNImageBackground, KeyboardAvoidingView as RNKeyboardAvoidingView, Modal as RNModal, Pressable as RNPressable, RefreshControl as RNRefreshControl, ScrollView as RNScrollView, SectionList as RNSectionList, Switch as RNSwitch, Text as RNText, TextInput as RNTextInput, TouchableHighlight as RNTouchableHighlight, TouchableOpacity as RNTouchableOpacity, TouchableWithoutFeedback as RNTouchableWithoutFeedback, View as RNView, VirtualizedList as RNVirtualizedList, DrawerLayoutAndroid as RNDrawerLayoutAndroid, TouchableNativeFeedback as RNTouchableNativeFeedback, InputAccessoryView as RNInputAccessoryView, SafeAreaView as RNSafeAreaView } from 'react-native';
+
+/**
+ * Hello!
+ *
+ * These are styled version of the React Native components.
+ *
+ * We need to use these instead of the original components to ensure that
+ * the styles are applied correctly. Unlike a standard React Native app,
+ * we are not using a custom Babel plugin to handle the className -> style transforms.
+ */
+export const ActivityIndicator = styled(RNActivityIndicator);
+export const FlatList = styled(RNFlatList);
+export const Image = styled(RNImage);
+export const ImageBackground = styled(RNImageBackground);
+export const KeyboardAvoidingView = styled(RNKeyboardAvoidingView);
+export const Modal = styled(RNModal);
+export const Pressable = styled(RNPressable);
+export const RefreshControl = styled(RNRefreshControl);
+export const ScrollView = styled(RNScrollView);
+export const SectionList = styled(RNSectionList);
+export const Switch = styled(RNSwitch);
+export const Text = styled(RNText);
+export const TextInput = styled(RNTextInput);
+export const TouchableHighlight = styled(RNTouchableHighlight);
+export const TouchableOpacity = styled(RNTouchableOpacity);
+export const TouchableWithoutFeedback = styled(RNTouchableWithoutFeedback);
+export const View = styled(RNView);
+export const VirtualizedList = styled(RNVirtualizedList);
+export const DrawerLayoutAndroid = styled(RNDrawerLayoutAndroid);
+export const TouchableNativeFeedback = styled(RNTouchableNativeFeedback);
+export const InputAccessoryView = styled(RNInputAccessoryView);
+export const SafeAreaView = styled(RNSafeAreaView);
+//# sourceMappingURL=hoc-components.js.map

package/lib/module/hoc-components.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","ActivityIndicator","RNActivityIndicator","FlatList","RNFlatList","Image","RNImage","ImageBackground","RNImageBackground","KeyboardAvoidingView","RNKeyboardAvoidingView","Modal","RNModal","Pressable","RNPressable","RefreshControl","RNRefreshControl","ScrollView","RNScrollView","SectionList","RNSectionList","Switch","RNSwitch","Text","RNText","TextInput","RNTextInput","TouchableHighlight","RNTouchableHighlight","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","View","RNView","VirtualizedList","RNVirtualizedList","DrawerLayoutAndroid","RNDrawerLayoutAndroid","TouchableNativeFeedback","RNTouchableNativeFeedback","InputAccessoryView","RNInputAccessoryView","SafeAreaView","RNSafeAreaView"],"sourceRoot":"../../src","sources":["hoc-components.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,YAAY;AACnC,SACEC,iBAAiB,IAAIC,mBAAmB,EACxCC,QAAQ,IAAIC,UAAU,EACtBC,KAAK,IAAIC,OAAO,EAChBC,eAAe,IAAIC,iBAAiB,EACpCC,oBAAoB,IAAIC,sBAAsB,EAC9CC,KAAK,IAAIC,OAAO,EAChBC,SAAS,IAAIC,WAAW,EACxBC,cAAc,IAAIC,gBAAgB,EAClCC,UAAU,IAAIC,YAAY,EAC1BC,WAAW,IAAIC,aAAa,EAC5BC,MAAM,IAAIC,QAAQ,EAClBC,IAAI,IAAIC,MAAM,EACdC,SAAS,IAAIC,WAAW,EACxBC,kBAAkB,IAAIC,oBAAoB,EAC1CC,gBAAgB,IAAIC,kBAAkB,EACtCC,wBAAwB,IAAIC,0BAA0B,EACtDC,IAAI,IAAIC,MAAM,EACdC,eAAe,IAAIC,iBAAiB,EACpCC,mBAAmB,IAAIC,qBAAqB,EAC5CC,uBAAuB,IAAIC,yBAAyB,EACpDC,kBAAkB,IAAIC,oBAAoB,EAC1CC,YAAY,IAAIC,cAAc,QACzB,cAAc;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM3C,iBAAiB,GAAGD,MAAM,CAACE,mBAAmB,CAAC;AAC5D,OAAO,MAAMC,QAAQ,GAAGH,MAAM,CAACI,UAAU,CAAC;AAC1C,OAAO,MAAMC,KAAK,GAAGL,MAAM,CAACM,OAAO,CAAC;AACpC,OAAO,MAAMC,eAAe,GAAGP,MAAM,CAACQ,iBAAiB,CAAC;AACxD,OAAO,MAAMC,oBAAoB,GAAGT,MAAM,CAACU,sBAAsB,CAAC;AAClE,OAAO,MAAMC,KAAK,GAAGX,MAAM,CAACY,OAAO,CAAC;AACpC,OAAO,MAAMC,SAAS,GAAGb,MAAM,CAACc,WAAW,CAAC;AAC5C,OAAO,MAAMC,cAAc,GAAGf,MAAM,CAACgB,gBAAgB,CAAC;AACtD,OAAO,MAAMC,UAAU,GAAGjB,MAAM,CAACkB,YAAY,CAAC;AAC9C,OAAO,MAAMC,WAAW,GAAGnB,MAAM,CAACoB,aAAa,CAAC;AAChD,OAAO,MAAMC,MAAM,GAAGrB,MAAM,CAACsB,QAAQ,CAAC;AACtC,OAAO,MAAMC,IAAI,GAAGvB,MAAM,CAACwB,MAAM,CAAC;AAClC,OAAO,MAAMC,SAAS,GAAGzB,MAAM,CAAC0B,WAAW,CAAC;AAC5C,OAAO,MAAMC,kBAAkB,GAAG3B,MAAM,CAAC4B,oBAAoB,CAAC;AAC9D,OAAO,MAAMC,gBAAgB,GAAG7B,MAAM,CAAC8B,kBAAkB,CAAC;AAC1D,OAAO,MAAMC,wBAAwB,GAAG/B,MAAM,CAACgC,0BAA0B,CAAC;AAC1E,OAAO,MAAMC,IAAI,GAAGjC,MAAM,CAACkC,MAAM,CAAC;AAClC,OAAO,MAAMC,eAAe,GAAGnC,MAAM,CAACoC,iBAAiB,CAAC;AACxD,OAAO,MAAMC,mBAAmB,GAAGrC,MAAM,CAACsC,qBAAqB,CAAC;AAChE,OAAO,MAAMC,uBAAuB,GAAGvC,MAAM,CAACwC,yBAAyB,CAAC;AACxE,OAAO,MAAMC,kBAAkB,GAAGzC,MAAM,CAAC0C,oBAAoB,CAAC;AAC9D,OAAO,MAAMC,YAAY,GAAG3C,MAAM,CAAC4C,cAAc,CAAC","ignoreList":[]}

package/lib/module/preset.js

@@ -11,7 +11,7 @@ function mapLightColors(semanticObject, prefix) {
   }, {});
 }
 const preset = {
-  content: [],
+  content: ['./node_modules/@grupalia/rn-ui-kit/lib/module/components/**'],
   theme: {
     extend: {
       backgroundColor: mapLightColors(backgroundColors, 'bg'),

package/lib/module/preset.js.map

@@ -1 +1 @@
-{"version":3,"names":["backgroundColors","borderColors","textColors","mapLightColors","semanticObject","prefix","Object","entries","reduce","acc","key","value","name","replace","light","preset","content","theme","extend","backgroundColor","textColor","borderColor","plugins"],"sourceRoot":"../../src","sources":["preset.ts"],"mappings":";;AAEA,OAAOA,gBAAgB,MAAM,+BAA4B;AACzD,OAAOC,YAAY,MAAM,2BAAwB;AACjD,OAAOC,UAAU,MAAM,yBAAsB;AAI7C,SAASC,cAAcA,CACrBC,cAAmC,EACnCC,MAAc,EACU;EACxB,OAAOC,MAAM,CAACC,OAAO,CAACH,cAAc,CAAC,CAACI,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAClE,MAAMC,IAAI,GAAGF,GAAG,CAACG,OAAO,CAAC,GAAGR,MAAM,GAAG,EAAE,EAAE,CAAC;IAC1CI,GAAG,CAACG,IAAI,CAAC,GAAGD,KAAK,CAACG,KAAK;IACvB,OAAOL,GAAG;EACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;AAClC;AAEA,MAAMM,MAAc,GAAG;EACrBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,eAAe,EAAEhB,cAAc,CAACH,gBAAgB,EAAE,IAAI,CAAC;MACvDoB,SAAS,EAAEjB,cAAc,CAACD,UAAU,EAAE,MAAM,CAAC;MAC7CmB,WAAW,EAAElB,cAAc,CAACF,YAAY,EAAE,QAAQ;IACpD;EACF,CAAC;EACDqB,OAAO,EAAE;AACX,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}
+{"version":3,"names":["backgroundColors","borderColors","textColors","mapLightColors","semanticObject","prefix","Object","entries","reduce","acc","key","value","name","replace","light","preset","content","theme","extend","backgroundColor","textColor","borderColor","plugins"],"sourceRoot":"../../src","sources":["preset.ts"],"mappings":";;AAEA,OAAOA,gBAAgB,MAAM,+BAA4B;AACzD,OAAOC,YAAY,MAAM,2BAAwB;AACjD,OAAOC,UAAU,MAAM,yBAAsB;AAI7C,SAASC,cAAcA,CACrBC,cAAmC,EACnCC,MAAc,EACU;EACxB,OAAOC,MAAM,CAACC,OAAO,CAACH,cAAc,CAAC,CAACI,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAClE,MAAMC,IAAI,GAAGF,GAAG,CAACG,OAAO,CAAC,GAAGR,MAAM,GAAG,EAAE,EAAE,CAAC;IAC1CI,GAAG,CAACG,IAAI,CAAC,GAAGD,KAAK,CAACG,KAAK;IACvB,OAAOL,GAAG;EACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;AAClC;AAEA,MAAMM,MAAc,GAAG;EACrBC,OAAO,EAAE,CACP,6DAA6D,CAC9D;EACDC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,eAAe,EAAEhB,cAAc,CAACH,gBAAgB,EAAE,IAAI,CAAC;MACvDoB,SAAS,EAAEjB,cAAc,CAACD,UAAU,EAAE,MAAM,CAAC;MAC7CmB,WAAW,EAAElB,cAAc,CAACF,YAAY,EAAE,QAAQ;IACpD;EACF,CAAC;EACDqB,OAAO,EAAE;AACX,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}

package/lib/typescript/commonjs/components/BaseBadge.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { HeroIcon } from '../types/heroicons';
-export type BadgeVariant = 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'blue_gray' | 'blue_light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+export type BadgeVariant = 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'blue_gray' | 'blue_light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
 export type BadgeSize = 'sm' | 'md' | 'lg';
 interface BaseBadgeProps extends ViewProps {
     variant?: BadgeVariant;
@@ -11,6 +12,11 @@ interface BaseBadgeProps extends ViewProps {
     LeftIcon?: HeroIcon | null;
     RightIcon?: HeroIcon | null;
 }
-export default function BaseBadge({ variant, size, text, transparent, squared, LeftIcon, RightIcon, ...props }: BaseBadgeProps): import("react").JSX.Element;
-export {};
+declare const _default: import("react").ForwardRefExoticComponent<BaseBadgeProps & {
+    className?: string | undefined;
+    tw?: string | undefined;
+    baseClassName?: string | undefined;
+    baseTw?: string | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default _default;
 //# sourceMappingURL=BaseBadge.d.ts.map

package/lib/typescript/commonjs/components/BaseBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,YAAY,GACtB,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,UAAU,cAAe,SAAQ,SAAS;IACxC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAgB,EAChB,IAAW,EACX,IAAI,EACJ,WAAmB,EACnB,OAAe,EACf,QAAe,EACf,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,+BA+HhB"}
+{"version":3,"file":"BaseBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBadge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,YAAY,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,UAAU,cAAe,SAAQ,SAAS;IACxC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC7B;;;;;;;AA+JD,wBAAiC"}

package/lib/typescript/commonjs/components/BaseButton.d.ts

@@ -12,6 +12,11 @@ interface ButtonProps extends PressableProps {
     RightIcon?: HeroIcon | null;
     countdownSecs?: number;
 }
-export default function BaseButton({ variant, size, text, loading, disabled, destructive, LeftIcon, RightIcon, hitSlop, countdownSecs, ...props }: ButtonProps): React.JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<ButtonProps & {
+    className?: string | undefined;
+    tw?: string | undefined;
+    baseClassName?: string | undefined;
+    baseTw?: string | undefined;
+} & React.RefAttributes<unknown>>;
+export default _default;
 //# sourceMappingURL=BaseButton.d.ts.map

package/lib/typescript/commonjs/components/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,WAAmB,EACnB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBA2Nb"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;;;;;;AAyQD,wBAAkC"}