@dryanovski/react-native-components 1.0.6 → 1.0.7

package/lib/module/components/Button/Button.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+import Styles from "./style.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A customizable button component that supports different variants and sizes.
+ * @return A TouchableOpacity button with text.
+ */
+export const Button = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    variant = 'primary',
+    title,
+    size = 'medium',
+    onPress = () => undefined,
+    style,
+    disabled = false,
+    textStyle,
+    ...rest
+  } = props;
+
+  /**
+   * Derives the text style variant based on the button variant.
+   */
+  const textVariant = 'text_' + variant;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    ref: ref,
+    onPress: onPress,
+    disabled: disabled,
+    style: [Styles._base, Styles[size], Styles[variant], disabled && Styles._disabled, style],
+    ...rest,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [Styles._text, Styles[textVariant], textStyle],
+      children: title
+    })
+  });
+});
+Button.displayName = 'ButtonBase';
+export default Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","TouchableOpacity","Styles","jsx","_jsx","Button","props","ref","variant","title","size","onPress","undefined","style","disabled","textStyle","rest","textVariant","_base","_disabled","children","_text","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,OAAOC,MAAM,MAAM,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU7B;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGN,UAAU,CAA6B,CAACO,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IACJC,OAAO,GAAG,SAAS;IACnBC,KAAK;IACLC,IAAI,GAAG,QAAQ;IACfC,OAAO,GAAGA,CAAA,KAAMC,SAAS;IACzBC,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGV,KAAK;;EAET;AACF;AACA;EACE,MAAMW,WAAW,GAAI,OAAO,GAAGT,OAAmC;EAElE,oBACEJ,IAAA,CAACH,gBAAgB;IACfM,GAAG,EAAEA,GAAI;IACTI,OAAO,EAAEA,OAAQ;IACjBG,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAE,CACLX,MAAM,CAACgB,KAAK,EACZhB,MAAM,CAACQ,IAAI,CAAe,EAC1BR,MAAM,CAACM,OAAO,CAAkB,EAChCM,QAAQ,IAAIZ,MAAM,CAACiB,SAAS,EAC5BN,KAAK,CACL;IAAA,GACEG,IAAI;IAAAI,QAAA,eAERhB,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAE,CAACX,MAAM,CAACmB,KAAK,EAAEnB,MAAM,CAACe,WAAW,CAAC,EAAEF,SAAS,CAAE;MAAAK,QAAA,EACzDX;IAAK,CACF;EAAC,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFJ,MAAM,CAACiB,WAAW,GAAG,YAAY;AAEjC,eAAejB,MAAM","ignoreList":[]}

package/lib/module/components/Button/DangerButton.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A button component styled for dangerous actions, such as deletions.
+ * @returns A ButtonBase component with the "danger" variant.
+ */
+export const DangerButton = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx(Button, {
+    ref: ref,
+    variant: "danger",
+    ...props
+  });
+});
+DangerButton.displayName = 'DangerButton';
+export default DangerButton;
+//# sourceMappingURL=DangerButton.js.map

package/lib/module/components/Button/DangerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","DangerButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/DangerButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,QAAQ;IAAA,GAAKF;EAAK,CAAG,CAAC;AACzD,CACF,CAAC;AAEDD,YAAY,CAACI,WAAW,GAAG,cAAc;AAEzC,eAAeJ,YAAY","ignoreList":[]}

package/lib/module/components/Button/GhostButton.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GhostButton = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx(Button, {
+    ref: ref,
+    variant: "ghost",
+    ...props
+  });
+});
+GhostButton.displayName = 'GhostButton';
+export default GhostButton;
+//# sourceMappingURL=GhostButton.js.map

package/lib/module/components/Button/GhostButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","GhostButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/GhostButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CACnC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,OAAO;IAAA,GAAKF;EAAK,CAAG,CAAC;AACxD,CACF,CAAC;AAEDD,WAAW,CAACI,WAAW,GAAG,aAAa;AAEvC,eAAeJ,WAAW","ignoreList":[]}

package/lib/module/components/Button/PrimaryButton.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A button component styled for primary actions.
+ */
+export const PrimaryButton = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx(Button, {
+    ref: ref,
+    variant: "primary",
+    ...props
+  });
+});
+PrimaryButton.displayName = 'PrimaryButton';
+export default PrimaryButton;
+//# sourceMappingURL=PrimaryButton.js.map

package/lib/module/components/Button/PrimaryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","PrimaryButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/PrimaryButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,SAAS;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC1D,CACF,CAAC;AAEDD,aAAa,CAACI,WAAW,GAAG,eAAe;AAE3C,eAAeJ,aAAa","ignoreList":[]}

package/lib/module/components/Button/SecondaryButton.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A button component styled for secondary actions.
+ */
+export const SecondaryButton = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx(Button, {
+    ref: ref,
+    variant: "secondary",
+    ...props
+  });
+});
+SecondaryButton.displayName = 'SecondaryButton';
+export default SecondaryButton;
+//# sourceMappingURL=SecondaryButton.js.map

package/lib/module/components/Button/SecondaryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","SecondaryButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/SecondaryButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA;AACA;AACA,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,WAAW;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC5D,CACF,CAAC;AAEDD,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAE/C,eAAeJ,eAAe","ignoreList":[]}

package/lib/module/components/Button/style.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import Style from "../../utils/Style.js";
+export const DEFAULT_BUTTON = {
+  primary_background_color: '#007bff',
+  primary_text_color: '#ffffff',
+  secondary_background_color: '#6c757d',
+  secondary_text_color: '#ffffff',
+  danger_background_color: '#dc3545',
+  danger_text_color: '#ffffff',
+  ghost_background_color: 'transparent',
+  ghost_text_color: '#007bff'
+};
+export const Styles = Style.create({
+  _base: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    gap: 10
+  },
+  _disabled: {
+    opacity: 0.6
+  },
+  small: {
+    paddingVertical: 8,
+    paddingHorizontal: 16
+  },
+  medium: {
+    paddingVertical: 12,
+    paddingHorizontal: 20
+  },
+  large: {
+    paddingVertical: 16,
+    paddingHorizontal: 24
+  },
+  _text: {},
+  text_primary: {
+    color: DEFAULT_BUTTON.primary_text_color
+  },
+  text_secondary: {
+    color: DEFAULT_BUTTON.secondary_text_color
+  },
+  text_danger: {
+    color: DEFAULT_BUTTON.danger_text_color
+  },
+  text_ghost: {
+    color: DEFAULT_BUTTON.ghost_text_color
+  },
+  primary: {
+    backgroundColor: DEFAULT_BUTTON.primary_background_color
+  },
+  secondary: {
+    backgroundColor: DEFAULT_BUTTON.secondary_background_color
+  },
+  danger: {
+    backgroundColor: DEFAULT_BUTTON.danger_background_color
+  },
+  ghost: {
+    backgroundColor: DEFAULT_BUTTON.ghost_background_color
+  }
+});
+export default Styles;
+//# sourceMappingURL=style.js.map

package/lib/module/components/Button/style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Style","DEFAULT_BUTTON","primary_background_color","primary_text_color","secondary_background_color","secondary_text_color","danger_background_color","danger_text_color","ghost_background_color","ghost_text_color","Styles","create","_base","paddingVertical","paddingHorizontal","borderRadius","alignItems","justifyContent","flexDirection","gap","_disabled","opacity","small","medium","large","_text","text_primary","color","text_secondary","text_danger","text_ghost","primary","backgroundColor","secondary","danger","ghost"],"sourceRoot":"../../../../src","sources":["components/Button/style.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,sBAAmB;AAErC,OAAO,MAAMC,cAAc,GAAG;EAC5BC,wBAAwB,EAAE,SAAS;EACnCC,kBAAkB,EAAE,SAAS;EAE7BC,0BAA0B,EAAE,SAAS;EACrCC,oBAAoB,EAAE,SAAS;EAE/BC,uBAAuB,EAAE,SAAS;EAClCC,iBAAiB,EAAE,SAAS;EAE5BC,sBAAsB,EAAE,aAAa;EACrCC,gBAAgB,EAAE;AACpB,CAAC;AAID,OAAO,MAAMC,MAAM,GAAGV,KAAK,CAACW,MAAM,CAAC;EACjCC,KAAK,EAAE;IACLC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EAEDC,SAAS,EAAE;IACTC,OAAO,EAAE;EACX,CAAC;EAEDC,KAAK,EAAE;IACLT,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDS,MAAM,EAAE;IACNV,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDU,KAAK,EAAE;IACLX,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EAEDW,KAAK,EAAE,CAAC,CAAC;EAETC,YAAY,EAAE;IACZC,KAAK,EAAE1B,cAAc,CAACE;EACxB,CAAC;EACDyB,cAAc,EAAE;IACdD,KAAK,EAAE1B,cAAc,CAACI;EACxB,CAAC;EACDwB,WAAW,EAAE;IACXF,KAAK,EAAE1B,cAAc,CAACM;EACxB,CAAC;EACDuB,UAAU,EAAE;IACVH,KAAK,EAAE1B,cAAc,CAACQ;EACxB,CAAC;EAEDsB,OAAO,EAAE;IACPC,eAAe,EAAE/B,cAAc,CAACC;EAClC,CAAC;EACD+B,SAAS,EAAE;IACTD,eAAe,EAAE/B,cAAc,CAACG;EAClC,CAAC;EACD8B,MAAM,EAAE;IACNF,eAAe,EAAE/B,cAAc,CAACK;EAClC,CAAC;EACD6B,KAAK,EAAE;IACLH,eAAe,EAAE/B,cAAc,CAACO;EAClC;AACF,CAAC,CAAC;AAEF,eAAeE,MAAM","ignoreList":[]}

package/lib/module/components/Button/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Button/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/providers/ThemeProvider.js

@@ -2,11 +2,13 @@
 
 import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { useColorScheme as useDeviceColorScheme } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
+import * as Font from 'expo-font';
+
 /**
  * Create a ThemeContext with default value null
  * @type {React.Context<ThemeContextType | null>}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const ThemeContext = /*#__PURE__*/React.createContext(null);
 
 /**
@@ -56,6 +58,23 @@ export const ThemeProvider = ({
     }
     setTheme(newTheme);
   }, [deviceColorscheme]);
+  useEffect(() => {
+    (async function loadAsyncFonts() {
+      try {
+        await Font.loadAsync({
+          CodanRegular: require('../assets/fonts/CodanRegular.ttf'),
+          CodanBold: require('../assets/fonts/CodanBold.ttf'),
+          CodanBook: require('../assets/fonts/CodanBook.ttf'),
+          CodanLight: require('../assets/fonts/CodanLight.ttf'),
+          CodanMedium: require('../assets/fonts/CodanMedium.ttf')
+        });
+      } catch (e) {
+        console.warn('Error loading fonts:', e);
+      } finally {
+        console.log('Theme Fonts loaded');
+      }
+    })();
+  }, []);
   return /*#__PURE__*/_jsx(ThemeContext.Provider, {
     value: {
       theme: currentTheme,

package/lib/module/providers/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useState","useColorScheme","useDeviceColorScheme","jsx","_jsx","ThemeContext","createContext","useTheme","context","Error","ThemeProvider","children","theme","defaultTheme","onThemeChange","undefined","deviceColorscheme","currentTheme","setTheme","changeTheme","newTheme","Provider","value"],"sourceRoot":"../../../src","sources":["providers/ThemeProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3E,SAASC,cAAc,IAAIC,oBAAoB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtE;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGT,KAAK,CAACU,aAAa,CAA0B,IAAI,CAAC;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGV,UAAU,CAACO,YAAY,CAAC;EACxC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,aAA2C,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,KAAK;EACLC,YAAY,GAAG,OAAO;EACtBC,aAAa,GAAGA,CAAA,KAAMC;AACxB,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAGd,oBAAoB,CAAC,CAAC;EAChD,MAAM,CAACe,YAAY,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,CACvCY,KAAK,IAAIC,YACX,CAAC;EAEDd,SAAS,CAAC,MAAM;IACde,aAAa,IAAIF,KAAK,IAAIE,aAAa,CAACF,KAAK,CAAC;EAChD,CAAC,EAAE,CAACA,KAAK,EAAEE,aAAa,CAAC,CAAC;EAE1B,MAAMK,WAAW,GAAGtB,WAAW,CAC5BuB,QAAuB,IAAK;IAC3B,IAAIA,QAAQ,KAAK,QAAQ,EAAE;MACzBF,QAAQ,CAACF,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;MACzD;IACF;IACAE,QAAQ,CAACE,QAAQ,CAAC;EACpB,CAAC,EACD,CAACJ,iBAAiB,CACpB,CAAC;EAED,oBACEZ,IAAA,CAACC,YAAY,CAACgB,QAAQ;IAACC,KAAK,EAAE;MAAEV,KAAK,EAAEK,YAAY;MAAEE;IAAY,CAAE;IAAAR,QAAA,EAChEA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,eAAeD,aAAa","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useState","useColorScheme","useDeviceColorScheme","Font","jsx","_jsx","ThemeContext","createContext","useTheme","context","Error","ThemeProvider","children","theme","defaultTheme","onThemeChange","undefined","deviceColorscheme","currentTheme","setTheme","changeTheme","newTheme","loadAsyncFonts","loadAsync","CodanRegular","require","CodanBold","CodanBook","CodanLight","CodanMedium","e","console","warn","log","Provider","value"],"sourceRoot":"../../../src","sources":["providers/ThemeProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3E,SAASC,cAAc,IAAIC,oBAAoB,QAAQ,cAAc;AAOrE,OAAO,KAAKC,IAAI,MAAM,WAAW;;AAEjC;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,MAAMC,YAAY,gBAAGV,KAAK,CAACW,aAAa,CAA0B,IAAI,CAAC;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGX,UAAU,CAACQ,YAAY,CAAC;EACxC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,aAA2C,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,KAAK;EACLC,YAAY,GAAG,OAAO;EACtBC,aAAa,GAAGA,CAAA,KAAMC;AACxB,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAGf,oBAAoB,CAAC,CAAC;EAChD,MAAM,CAACgB,YAAY,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CACvCa,KAAK,IAAIC,YACX,CAAC;EAEDf,SAAS,CAAC,MAAM;IACdgB,aAAa,IAAIF,KAAK,IAAIE,aAAa,CAACF,KAAK,CAAC;EAChD,CAAC,EAAE,CAACA,KAAK,EAAEE,aAAa,CAAC,CAAC;EAE1B,MAAMK,WAAW,GAAGvB,WAAW,CAC5BwB,QAAuB,IAAK;IAC3B,IAAIA,QAAQ,KAAK,QAAQ,EAAE;MACzBF,QAAQ,CAACF,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;MACzD;IACF;IACAE,QAAQ,CAACE,QAAQ,CAAC;EACpB,CAAC,EACD,CAACJ,iBAAiB,CACpB,CAAC;EAEDlB,SAAS,CAAC,MAAM;IACd,CAAC,eAAeuB,cAAcA,CAAA,EAAG;MAC/B,IAAI;QACF,MAAMnB,IAAI,CAACoB,SAAS,CAAC;UACnBC,YAAY,EAAEC,OAAO,CAAC,kCAAkC,CAAC;UACzDC,SAAS,EAAED,OAAO,CAAC,+BAA+B,CAAC;UACnDE,SAAS,EAAEF,OAAO,CAAC,+BAA+B,CAAC;UACnDG,UAAU,EAAEH,OAAO,CAAC,gCAAgC,CAAC;UACrDI,WAAW,EAAEJ,OAAO,CAAC,iCAAiC;QACxD,CAAC,CAAC;MACJ,CAAC,CAAC,OAAOK,CAAC,EAAE;QACVC,OAAO,CAACC,IAAI,CAAC,sBAAsB,EAAEF,CAAC,CAAC;MACzC,CAAC,SAAS;QACRC,OAAO,CAACE,GAAG,CAAC,oBAAoB,CAAC;MACnC;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE5B,IAAA,CAACC,YAAY,CAAC4B,QAAQ;IAACC,KAAK,EAAE;MAAEtB,KAAK,EAAEK,YAAY;MAAEE;IAAY,CAAE;IAAAR,QAAA,EAChEA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,eAAeD,aAAa","ignoreList":[]}

package/lib/module/utils/fontScale.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { Dimensions, PixelRatio } from 'react-native';
+import { getDeviceType } from "./getDeviceType.js";
+import { getScreenSizeCategory } from "./getScreenSizeCategory.js";
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+
+// Use whichever is smaller, width or height
+const SCALE = SCREEN_WIDTH > SCREEN_HEIGHT ? SCREEN_HEIGHT : SCREEN_WIDTH;
+const BASE_WIDTH = 375;
+const fontConfig = {
+  phone: {
+    small: {
+      min: 0.8,
+      max: 1
+    },
+    medium: {
+      min: 0.9,
+      max: 1.1
+    },
+    large: {
+      min: 1,
+      max: 1.2
+    }
+  },
+  tablet: {
+    small: {
+      min: 1.3,
+      max: 1.4
+    },
+    medium: {
+      min: 1.4,
+      max: 1.5
+    },
+    large: {
+      min: 1.5,
+      max: 1.7
+    }
+  }
+};
+export function fontScale(size) {
+  const deviceType = getDeviceType();
+  const screenCategory = getScreenSizeCategory();
+  const config = fontConfig[deviceType][screenCategory];
+
+  // Calculate the scale factor
+  const scaleFactor = SCALE / BASE_WIDTH;
+
+  // Clamp the scale factor between the configured min and max
+  const clampedScaleFactor = Math.min(Math.max(scaleFactor, config.min), config.max);
+
+  // Calculate the new size
+  let newSize = size * clampedScaleFactor;
+
+  // Additional scaling for tablets to ensure text isn't too small
+  if (deviceType === 'tablet') {
+    newSize *= 1.1; // Increase tablet font sizes by an additional 10%
+  }
+
+  // Round the size and adjust for the device's font scale
+  return Math.round(PixelRatio.roundToNearestPixel(newSize)) / PixelRatio.getFontScale();
+}
+//# sourceMappingURL=fontScale.js.map

package/lib/module/utils/fontScale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","PixelRatio","getDeviceType","getScreenSizeCategory","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","SCALE","BASE_WIDTH","fontConfig","phone","small","min","max","medium","large","tablet","fontScale","size","deviceType","screenCategory","config","scaleFactor","clampedScaleFactor","Math","newSize","round","roundToNearestPixel","getFontScale"],"sourceRoot":"../../../src","sources":["utils/fontScale.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,qBAAqB,QAAQ,4BAAyB;AAE/D,MAAM;EAAEC,KAAK,EAAEC,YAAY;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGP,UAAU,CAACQ,GAAG,CAAC,QAAQ,CAAC;;AAE/E;AACA,MAAMC,KAAK,GAAGJ,YAAY,GAAGE,aAAa,GAAGA,aAAa,GAAGF,YAAY;AACzE,MAAMK,UAAU,GAAG,GAAG;AAEtB,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE;IACLC,KAAK,EAAE;MAAEC,GAAG,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAE,CAAC;IAC3BC,MAAM,EAAE;MAAEF,GAAG,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI,CAAC;IAC9BE,KAAK,EAAE;MAAEH,GAAG,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAI;EAC5B,CAAC;EACDG,MAAM,EAAE;IACNL,KAAK,EAAE;MAAEC,GAAG,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI,CAAC;IAC7BC,MAAM,EAAE;MAAEF,GAAG,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI,CAAC;IAC9BE,KAAK,EAAE;MAAEH,GAAG,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC9B;AACF,CAAC;AAED,OAAO,SAASI,SAASA,CAACC,IAAY,EAAE;EACtC,MAAMC,UAAU,GAAGnB,aAAa,CAAC,CAAC;EAClC,MAAMoB,cAAc,GAAGnB,qBAAqB,CAAC,CAAC;EAC9C,MAAMoB,MAAM,GAAGZ,UAAU,CAACU,UAAU,CAAC,CAACC,cAAc,CAAC;;EAErD;EACA,MAAME,WAAW,GAAGf,KAAK,GAAGC,UAAU;;EAEtC;EACA,MAAMe,kBAAkB,GAAGC,IAAI,CAACZ,GAAG,CACjCY,IAAI,CAACX,GAAG,CAACS,WAAW,EAAED,MAAM,CAACT,GAAG,CAAC,EACjCS,MAAM,CAACR,GACT,CAAC;;EAED;EACA,IAAIY,OAAO,GAAGP,IAAI,GAAGK,kBAAkB;;EAEvC;EACA,IAAIJ,UAAU,KAAK,QAAQ,EAAE;IAC3BM,OAAO,IAAI,GAAG,CAAC,CAAC;EAClB;;EAEA;EACA,OACED,IAAI,CAACE,KAAK,CAAC3B,UAAU,CAAC4B,mBAAmB,CAACF,OAAO,CAAC,CAAC,GACnD1B,UAAU,CAAC6B,YAAY,CAAC,CAAC;AAE7B","ignoreList":[]}

package/lib/module/utils/getDeviceType.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { Dimensions, PixelRatio } from 'react-native';
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+export const getDeviceType = () => {
+  const pixelDensity = PixelRatio.get();
+  const adjustedWidth = SCREEN_WIDTH * pixelDensity;
+  const adjustedHeight = SCREEN_HEIGHT * pixelDensity;
+  if (pixelDensity < 2 && (adjustedWidth >= 1000 || adjustedHeight >= 1000)) {
+    return 'tablet';
+  } else if (pixelDensity === 2 && (adjustedWidth >= 1920 || adjustedHeight >= 1920)) {
+    return 'tablet';
+  } else {
+    return 'phone';
+  }
+};
+//# sourceMappingURL=getDeviceType.js.map

package/lib/module/utils/getDeviceType.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","PixelRatio","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","getDeviceType","pixelDensity","adjustedWidth","adjustedHeight"],"sourceRoot":"../../../src","sources":["utils/getDeviceType.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,MAAM;EAAEC,KAAK,EAAEC,YAAY;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC;AAE/E,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAA0B;EACrD,MAAMC,YAAY,GAAGP,UAAU,CAACK,GAAG,CAAC,CAAC;EACrC,MAAMG,aAAa,GAAGN,YAAY,GAAGK,YAAY;EACjD,MAAME,cAAc,GAAGL,aAAa,GAAGG,YAAY;EAEnD,IAAIA,YAAY,GAAG,CAAC,KAAKC,aAAa,IAAI,IAAI,IAAIC,cAAc,IAAI,IAAI,CAAC,EAAE;IACzE,OAAO,QAAQ;EACjB,CAAC,MAAM,IACLF,YAAY,KAAK,CAAC,KACjBC,aAAa,IAAI,IAAI,IAAIC,cAAc,IAAI,IAAI,CAAC,EACjD;IACA,OAAO,QAAQ;EACjB,CAAC,MAAM;IACL,OAAO,OAAO;EAChB;AACF,CAAC","ignoreList":[]}

package/lib/module/utils/getScreenSizeCategory.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { Dimensions } from 'react-native';
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+
+// Use whichever is smaller, width or height
+const SCALE = SCREEN_WIDTH > SCREEN_HEIGHT ? SCREEN_HEIGHT : SCREEN_WIDTH;
+export const getScreenSizeCategory = () => {
+  if (SCALE < 350) return 'small';
+  if (SCALE > 500) return 'large';
+  return 'medium';
+};
+//# sourceMappingURL=getScreenSizeCategory.js.map

package/lib/module/utils/getScreenSizeCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","SCALE","getScreenSizeCategory"],"sourceRoot":"../../../src","sources":["utils/getScreenSizeCategory.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAM;EAAEC,KAAK,EAAEC,YAAY;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGJ,UAAU,CAACK,GAAG,CAAC,QAAQ,CAAC;;AAE/E;AACA,MAAMC,KAAK,GAAGJ,YAAY,GAAGE,aAAa,GAAGA,aAAa,GAAGF,YAAY;AAEzE,OAAO,MAAMK,qBAAqB,GAAGA,CAAA,KAAoC;EACvE,IAAID,KAAK,GAAG,GAAG,EAAE,OAAO,OAAO;EAC/B,IAAIA,KAAK,GAAG,GAAG,EAAE,OAAO,OAAO;EAC/B,OAAO,QAAQ;AACjB,CAAC","ignoreList":[]}

package/lib/typescript/src/components/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentRef } from 'react';
+import type { ButtonBaseProps } from './types';
+export type ButtonBaseRef = ComponentRef<typeof Button>;
+/**
+ * A customizable button component that supports different variants and sizes.
+ * @return A TouchableOpacity button with text.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonBaseProps & import("react").RefAttributes<import("react-native").View>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/src/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,MAAM,yHAoCjB,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/lib/typescript/src/components/Button/DangerButton.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonBaseProps } from './types';
+/**
+ * A button component styled for dangerous actions, such as deletions.
+ * @returns A ButtonBase component with the "danger" variant.
+ */
+export declare const DangerButton: import("react").ForwardRefExoticComponent<ButtonBaseProps & import("react").RefAttributes<import("react-native").View>>;
+export default DangerButton;
+//# sourceMappingURL=DangerButton.d.ts.map

package/lib/typescript/src/components/Button/DangerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/DangerButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,YAAY,yHAIxB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/Button/GhostButton.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonBaseProps } from './types';
+export declare const GhostButton: import("react").ForwardRefExoticComponent<ButtonBaseProps & import("react").RefAttributes<import("react-native").View>>;
+export default GhostButton;
+//# sourceMappingURL=GhostButton.d.ts.map

package/lib/typescript/src/components/Button/GhostButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GhostButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,WAAW,yHAIvB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/Button/PrimaryButton.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonBaseProps } from './types';
+/**
+ * A button component styled for primary actions.
+ */
+export declare const PrimaryButton: import("react").ForwardRefExoticComponent<ButtonBaseProps & import("react").RefAttributes<import("react-native").View>>;
+export default PrimaryButton;
+//# sourceMappingURL=PrimaryButton.d.ts.map

package/lib/typescript/src/components/Button/PrimaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/PrimaryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,aAAa,yHAIzB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/Button/SecondaryButton.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonBaseProps } from './types';
+/**
+ * A button component styled for secondary actions.
+ */
+export declare const SecondaryButton: import("react").ForwardRefExoticComponent<ButtonBaseProps & import("react").RefAttributes<import("react-native").View>>;
+export default SecondaryButton;
+//# sourceMappingURL=SecondaryButton.d.ts.map

package/lib/typescript/src/components/Button/SecondaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/SecondaryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,eAAe,yHAI3B,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/Button/style.d.ts

@@ -0,0 +1,64 @@
+export declare const DEFAULT_BUTTON: {
+    primary_background_color: string;
+    primary_text_color: string;
+    secondary_background_color: string;
+    secondary_text_color: string;
+    danger_background_color: string;
+    danger_text_color: string;
+    ghost_background_color: string;
+    ghost_text_color: string;
+};
+export type ButtonStyleVariables = typeof DEFAULT_BUTTON;
+export declare const Styles: {
+    _base: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        flexDirection: "row";
+        gap: number;
+    };
+    _disabled: {
+        opacity: number;
+    };
+    small: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    medium: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    large: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    _text: {};
+    text_primary: {
+        color: string;
+    };
+    text_secondary: {
+        color: string;
+    };
+    text_danger: {
+        color: string;
+    };
+    text_ghost: {
+        color: string;
+    };
+    primary: {
+        backgroundColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+    };
+    danger: {
+        backgroundColor: string;
+    };
+    ghost: {
+        backgroundColor: string;
+    };
+};
+export default Styles;
+//# sourceMappingURL=style.d.ts.map

package/lib/typescript/src/components/Button/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;CAY1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,cAAc,CAAC;AAEzD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/typescript/src/components/Button/types.d.ts

@@ -0,0 +1,40 @@
+import type { ComponentRef } from 'react';
+import type { StyleProp, TextStyle, TouchableOpacity, TouchableOpacityProps, ViewStyle } from 'react-native';
+/**
+ * Ref type for the Button component
+ */
+export type ButtonRef = ComponentRef<typeof TouchableOpacity>;
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonBaseProps extends Omit<TouchableOpacityProps, 'style'> {
+    /**
+     * The title of the button.
+     */
+    title: string;
+    /**
+     * The style of the button container.
+     * Optional.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The text style of the button title.
+     * Optional.
+     */
+    textStyle?: StyleProp<TextStyle>;
+    /**
+     * The size of the button.
+     * @default 'medium'
+     */
+    size?: ButtonSize;
+    /**
+     * The variant of the button.
+     * @default 'primary'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/Button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/lib/typescript/src/providers/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAEnB,MAAM,SAAS,CAAC;AAQjB;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+BtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAEnB,MAAM,SAAS,CAAC;AAUjB;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/utils/fontScale.d.ts

@@ -0,0 +1,2 @@
+export declare function fontScale(size: number): number;
+//# sourceMappingURL=fontScale.d.ts.map

package/lib/typescript/src/utils/fontScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontScale.d.ts","sourceRoot":"","sources":["../../../../src/utils/fontScale.ts"],"names":[],"mappings":"AAuBA,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,UA2BrC"}

package/lib/typescript/src/utils/getDeviceType.d.ts

@@ -0,0 +1,2 @@
+export declare const getDeviceType: () => "phone" | "tablet";
+//# sourceMappingURL=getDeviceType.d.ts.map

package/lib/typescript/src/utils/getDeviceType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDeviceType.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDeviceType.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,QAAO,OAAO,GAAG,QAe1C,CAAC"}

package/lib/typescript/src/utils/getScreenSizeCategory.d.ts

@@ -0,0 +1,2 @@
+export declare const getScreenSizeCategory: () => "small" | "medium" | "large";
+//# sourceMappingURL=getScreenSizeCategory.d.ts.map

package/lib/typescript/src/utils/getScreenSizeCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScreenSizeCategory.d.ts","sourceRoot":"","sources":["../../../../src/utils/getScreenSizeCategory.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,qBAAqB,QAAO,OAAO,GAAG,QAAQ,GAAG,OAI7D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryanovski/react-native-components",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Collection of reusable React Native components for building mobile applications.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -39,6 +39,7 @@
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.5",
     "@types/react": "^19.0.12",
+    "expo-font": "~14.0.10",
     "babel-plugin-module-resolver": "^5.0.2",
     "babel-plugin-transform-remove-imports": "^1.8.0",
     "del-cli": "^5.1.0",
@@ -48,7 +49,7 @@
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "react": "19.1.0",
+    "react": "19.2.3",
     "react-native": "0.81.5",
     "react-native-builder-bob": "^0.40.12",
     "react-native-gesture-handler": "^2.28.0",
@@ -57,7 +58,7 @@
     "react-native-screens": "~4.16.0",
     "react-native-svg": "15.12.1",
     "react-native-worklets": "0.5.1",
-    "react-test-renderer": "19.1.0",
+    "react-test-renderer": "19.2.3",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {

package/src/components/Button/Button.tsx

@@ -0,0 +1,57 @@
+import { forwardRef, type ComponentRef } from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+import Styles from './style';
+import type {
+  ButtonBaseProps,
+  ButtonRef,
+  ButtonSize,
+  ButtonVariant,
+} from './types';
+
+export type ButtonBaseRef = ComponentRef<typeof Button>;
+
+/**
+ * A customizable button component that supports different variants and sizes.
+ * @return A TouchableOpacity button with text.
+ */
+export const Button = forwardRef<ButtonRef, ButtonBaseProps>((props, ref) => {
+  const {
+    variant = 'primary',
+    title,
+    size = 'medium',
+    onPress = () => undefined,
+    style,
+    disabled = false,
+    textStyle,
+    ...rest
+  } = props;
+
+  /**
+   * Derives the text style variant based on the button variant.
+   */
+  const textVariant = ('text_' + variant) as `text_${ButtonVariant}`;
+
+  return (
+    <TouchableOpacity
+      ref={ref}
+      onPress={onPress}
+      disabled={disabled}
+      style={[
+        Styles._base,
+        Styles[size as ButtonSize],
+        Styles[variant as ButtonVariant],
+        disabled && Styles._disabled,
+        style,
+      ]}
+      {...rest}
+    >
+      <Text style={[Styles._text, Styles[textVariant], textStyle]}>
+        {title}
+      </Text>
+    </TouchableOpacity>
+  );
+});
+
+Button.displayName = 'ButtonBase';
+
+export default Button;

package/src/components/Button/DangerButton.tsx

@@ -0,0 +1,17 @@
+import { forwardRef } from 'react';
+import { Button, type ButtonBaseRef } from './Button';
+import type { ButtonBaseProps } from './types';
+
+/**
+ * A button component styled for dangerous actions, such as deletions.
+ * @returns A ButtonBase component with the "danger" variant.
+ */
+export const DangerButton = forwardRef<ButtonBaseRef, ButtonBaseProps>(
+  (props, ref) => {
+    return <Button ref={ref} variant="danger" {...props} />;
+  }
+);
+
+DangerButton.displayName = 'DangerButton';
+
+export default DangerButton;

package/src/components/Button/GhostButton.tsx

@@ -0,0 +1,13 @@
+import { forwardRef } from 'react';
+import { Button, type ButtonBaseRef } from './Button';
+import type { ButtonBaseProps } from './types';
+
+export const GhostButton = forwardRef<ButtonBaseRef, ButtonBaseProps>(
+  (props, ref) => {
+    return <Button ref={ref} variant="ghost" {...props} />;
+  }
+);
+
+GhostButton.displayName = 'GhostButton';
+
+export default GhostButton;

package/src/components/Button/PrimaryButton.tsx

@@ -0,0 +1,16 @@
+import { forwardRef } from 'react';
+import { Button, type ButtonBaseRef } from './Button';
+import type { ButtonBaseProps } from './types';
+
+/**
+ * A button component styled for primary actions.
+ */
+export const PrimaryButton = forwardRef<ButtonBaseRef, ButtonBaseProps>(
+  (props, ref) => {
+    return <Button ref={ref} variant="primary" {...props} />;
+  }
+);
+
+PrimaryButton.displayName = 'PrimaryButton';
+
+export default PrimaryButton;

package/src/components/Button/SecondaryButton.tsx

@@ -0,0 +1,16 @@
+import { forwardRef } from 'react';
+import { Button, type ButtonBaseRef } from './Button';
+import type { ButtonBaseProps } from './types';
+
+/**
+ * A button component styled for secondary actions.
+ */
+export const SecondaryButton = forwardRef<ButtonBaseRef, ButtonBaseProps>(
+  (props, ref) => {
+    return <Button ref={ref} variant="secondary" {...props} />;
+  }
+);
+
+SecondaryButton.displayName = 'SecondaryButton';
+
+export default SecondaryButton;

package/src/components/Button/style.ts

@@ -0,0 +1,76 @@
+import Style from '../../utils/Style';
+
+export const DEFAULT_BUTTON = {
+  primary_background_color: '#007bff',
+  primary_text_color: '#ffffff',
+
+  secondary_background_color: '#6c757d',
+  secondary_text_color: '#ffffff',
+
+  danger_background_color: '#dc3545',
+  danger_text_color: '#ffffff',
+
+  ghost_background_color: 'transparent',
+  ghost_text_color: '#007bff',
+};
+
+export type ButtonStyleVariables = typeof DEFAULT_BUTTON;
+
+export const Styles = Style.create({
+  _base: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    gap: 10,
+  },
+
+  _disabled: {
+    opacity: 0.6,
+  },
+
+  small: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+  },
+  medium: {
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+  },
+  large: {
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+  },
+
+  _text: {},
+
+  text_primary: {
+    color: DEFAULT_BUTTON.primary_text_color,
+  },
+  text_secondary: {
+    color: DEFAULT_BUTTON.secondary_text_color,
+  },
+  text_danger: {
+    color: DEFAULT_BUTTON.danger_text_color,
+  },
+  text_ghost: {
+    color: DEFAULT_BUTTON.ghost_text_color,
+  },
+
+  primary: {
+    backgroundColor: DEFAULT_BUTTON.primary_background_color,
+  },
+  secondary: {
+    backgroundColor: DEFAULT_BUTTON.secondary_background_color,
+  },
+  danger: {
+    backgroundColor: DEFAULT_BUTTON.danger_background_color,
+  },
+  ghost: {
+    backgroundColor: DEFAULT_BUTTON.ghost_background_color,
+  },
+});
+
+export default Styles;

package/src/components/Button/types.ts

@@ -0,0 +1,50 @@
+import type { ComponentRef } from 'react';
+import type {
+  StyleProp,
+  TextStyle,
+  TouchableOpacity,
+  TouchableOpacityProps,
+  ViewStyle,
+} from 'react-native';
+
+/**
+ * Ref type for the Button component
+ */
+export type ButtonRef = ComponentRef<typeof TouchableOpacity>;
+
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+
+export type ButtonSize = 'small' | 'medium' | 'large';
+
+export interface ButtonBaseProps extends Omit<TouchableOpacityProps, 'style'> {
+  /**
+   * The title of the button.
+   */
+  title: string;
+  /**
+   * The style of the button container.
+   * Optional.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * The text style of the button title.
+   * Optional.
+   */
+  textStyle?: StyleProp<TextStyle>;
+  /**
+   * The size of the button.
+   * @default 'medium'
+   */
+  size?: ButtonSize;
+  /**
+   * The variant of the button.
+   * @default 'primary'
+   */
+  variant?: ButtonVariant;
+
+  /**
+   * Whether the button is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+}

package/src/providers/ThemeProvider.tsx

@@ -6,6 +6,8 @@ import type {
   ThemeVariants,
 } from './types';
 
+import * as Font from 'expo-font';
+
 /**
  * Create a ThemeContext with default value null
  * @type {React.Context<ThemeContextType | null>}
@@ -67,6 +69,24 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({
     [deviceColorscheme]
   );
 
+  useEffect(() => {
+    (async function loadAsyncFonts() {
+      try {
+        await Font.loadAsync({
+          CodanRegular: require('../assets/fonts/CodanRegular.ttf'),
+          CodanBold: require('../assets/fonts/CodanBold.ttf'),
+          CodanBook: require('../assets/fonts/CodanBook.ttf'),
+          CodanLight: require('../assets/fonts/CodanLight.ttf'),
+          CodanMedium: require('../assets/fonts/CodanMedium.ttf'),
+        });
+      } catch (e) {
+        console.warn('Error loading fonts:', e);
+      } finally {
+        console.log('Theme Fonts loaded');
+      }
+    })();
+  }, []);
+
   return (
     <ThemeContext.Provider value={{ theme: currentTheme, changeTheme }}>
       {children}

package/src/utils/fontScale.ts

@@ -0,0 +1,51 @@
+import { Dimensions, PixelRatio } from 'react-native';
+import { getDeviceType } from './getDeviceType';
+import { getScreenSizeCategory } from './getScreenSizeCategory';
+
+const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
+
+// Use whichever is smaller, width or height
+const SCALE = SCREEN_WIDTH > SCREEN_HEIGHT ? SCREEN_HEIGHT : SCREEN_WIDTH;
+const BASE_WIDTH = 375;
+
+const fontConfig = {
+  phone: {
+    small: { min: 0.8, max: 1 },
+    medium: { min: 0.9, max: 1.1 },
+    large: { min: 1, max: 1.2 },
+  },
+  tablet: {
+    small: { min: 1.3, max: 1.4 },
+    medium: { min: 1.4, max: 1.5 },
+    large: { min: 1.5, max: 1.7 },
+  },
+};
+
+export function fontScale(size: number) {
+  const deviceType = getDeviceType();
+  const screenCategory = getScreenSizeCategory();
+  const config = fontConfig[deviceType][screenCategory];
+
+  // Calculate the scale factor
+  const scaleFactor = SCALE / BASE_WIDTH;
+
+  // Clamp the scale factor between the configured min and max
+  const clampedScaleFactor = Math.min(
+    Math.max(scaleFactor, config.min),
+    config.max
+  );
+
+  // Calculate the new size
+  let newSize = size * clampedScaleFactor;
+
+  // Additional scaling for tablets to ensure text isn't too small
+  if (deviceType === 'tablet') {
+    newSize *= 1.1; // Increase tablet font sizes by an additional 10%
+  }
+
+  // Round the size and adjust for the device's font scale
+  return (
+    Math.round(PixelRatio.roundToNearestPixel(newSize)) /
+    PixelRatio.getFontScale()
+  );
+}

package/src/utils/getDeviceType.ts

@@ -0,0 +1,20 @@
+import { Dimensions, PixelRatio } from 'react-native';
+
+const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
+
+export const getDeviceType = (): 'phone' | 'tablet' => {
+  const pixelDensity = PixelRatio.get();
+  const adjustedWidth = SCREEN_WIDTH * pixelDensity;
+  const adjustedHeight = SCREEN_HEIGHT * pixelDensity;
+
+  if (pixelDensity < 2 && (adjustedWidth >= 1000 || adjustedHeight >= 1000)) {
+    return 'tablet';
+  } else if (
+    pixelDensity === 2 &&
+    (adjustedWidth >= 1920 || adjustedHeight >= 1920)
+  ) {
+    return 'tablet';
+  } else {
+    return 'phone';
+  }
+};

package/src/utils/getScreenSizeCategory.ts

@@ -0,0 +1,12 @@
+import { Dimensions } from 'react-native';
+
+const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
+
+// Use whichever is smaller, width or height
+const SCALE = SCREEN_WIDTH > SCREEN_HEIGHT ? SCREEN_HEIGHT : SCREEN_WIDTH;
+
+export const getScreenSizeCategory = (): 'small' | 'medium' | 'large' => {
+  if (SCALE < 350) return 'small';
+  if (SCALE > 500) return 'large';
+  return 'medium';
+};