react-native-mantine 0.8.0 → 0.10.0

package/lib/module/theme/default-theme.js

@@ -1,11 +1,11 @@
 "use strict";
 
+import { Platform } from 'react-native';
 import { attachFunctions } from "./functions/attach-functions.js";
 export const DEFAULT_COLORS = {
-  dark: ['#2E2E2E', '#2A2A2A', '#262626', '#232323', '#1F1F1F', '#1D1D1D', '#1A1A1A', '#171717', '#151515', '#131313'],
-  gray: ['#F6F6F6', '#E0E0E0', '#CCCCCC', '#B9B9B9', '#A8A8A8', '#999999', '#8A8A8A', '#7C7C7C', '#707070', '#646464'],
-  gray2: ['#A3A3A3', '#949494', '#878787', '#7A7A7A', '#6F6F6F', '#656565', '#5C5C5C', '#535353', '#4B4B4B', '#434343'],
-  red: ['#ffeaea', '#fcd4d4', '#f3a8a8', '#eb7877', '#e4504f', '#e13735', '#e02928', '#c71c1c', '#b21518', '#9c0711'],
+  dark: ['#C1C2C5', '#A6A7AB', '#909296', '#5c5f66', '#373A40', '#2C2E33', '#25262b', '#1A1B1E', '#141517', '#101113'],
+  gray: ['#f8f9fa', '#f1f3f5', '#e9ecef', '#dee2e6', '#ced4da', '#adb5bd', '#868e96', '#495057', '#343a40', '#212529'],
+  red: ['#fff5f5', '#ffe3e3', '#ffc9c9', '#ffa8a8', '#ff8787', '#ff6b6b', '#fa5252', '#f03e3e', '#e03131', '#c92a2a'],
   pink: ['#fff0f6', '#ffdeeb', '#fcc2d7', '#faa2c1', '#f783ac', '#f06595', '#e64980', '#d6336c', '#c2255c', '#a61e4d'],
   grape: ['#f8f0fc', '#f3d9fa', '#eebefa', '#e599f7', '#da77f2', '#cc5de8', '#be4bdb', '#ae3ec9', '#9c36b5', '#862e9c'],
   violet: ['#f3f0ff', '#e5dbff', '#d0bfff', '#b197fc', '#9775fa', '#845ef7', '#7950f2', '#7048e8', '#6741d9', '#5f3dc4'],
@@ -13,27 +13,82 @@ export const DEFAULT_COLORS = {
   blue: ['#e7f5ff', '#d0ebff', '#a5d8ff', '#74c0fc', '#4dabf7', '#339af0', '#228be6', '#1c7ed6', '#1971c2', '#1864ab'],
   cyan: ['#e3fafc', '#c5f6fa', '#99e9f2', '#66d9e8', '#3bc9db', '#22b8cf', '#15aabf', '#1098ad', '#0c8599', '#0b7285'],
   teal: ['#e6fcf5', '#c3fae8', '#96f2d7', '#63e6be', '#38d9a9', '#20c997', '#12b886', '#0ca678', '#099268', '#087f5b'],
-  green: ['#f4ffeb', '#e7fdd5', '#cbfca5', '#aefb71', '#95f948', '#86f933', '#7ef928', '#6bdd1e', '#5dc416', '#4daa04'],
+  green: ['#ebfbee', '#d3f9d8', '#b2f2bb', '#8ce99a', '#69db7c', '#51cf66', '#40c057', '#37b24d', '#2f9e44', '#2b8a3e'],
   lime: ['#f4fce3', '#e9fac8', '#d8f5a2', '#c0eb75', '#a9e34b', '#94d82d', '#82c91e', '#74b816', '#66a80f', '#5c940d'],
   yellow: ['#fff9db', '#fff3bf', '#ffec99', '#ffe066', '#ffd43b', '#fcc419', '#fab005', '#f59f00', '#f08c00', '#e67700'],
-  orange: ['#fff6e2', '#feecce', '#fbd8a0', '#f7c26d', '#f4b042', '#f3a426', '#f29f16', '#d78a07', '#c07900', '#a76800'],
-  secondary: ['#f4f4f5', '#e7e7e7', '#cccccc', '#afafaf', '#989898', '#898989', '#818181', '#6f6f6f', '#616164', '#545459']
+  orange: ['#fff4e6', '#ffe8cc', '#ffd8a8', '#ffc078', '#ffa94d', '#ff922b', '#fd7e14', '#f76707', '#e8590c', '#d9480f']
 };
 const tintColorLight = '#2f95dc';
 const tintColorDark = '#fff';
 export const _DEFAULT_THEME = {
-  fontFamily: 'System font',
-  fontFamilyBold: 'System font',
-  fontFamilySemiBold: 'System font',
-  fontFamilyInput: 'System font',
+  // Font configuration matches Mantine web as closely as possible
+  // Web: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji'
+  // React Native maps to platform-specific system fonts
+  fontFamily: Platform.select({
+    ios: 'System',
+    // San Francisco (equivalent to -apple-system)
+    android: 'Roboto',
+    // Android system font
+    default: 'System'
+  }),
+  // Bold font family - iOS/Android don't always render fontWeight properly
+  // so we need separate font families for different weights
+  fontFamilyBold: Platform.select({
+    ios: 'System',
+    // iOS handles bold via fontWeight with System font
+    android: 'Roboto-Bold',
+    // Android needs explicit bold font family
+    default: 'System'
+  }),
+  // SemiBold font family
+  fontFamilySemiBold: Platform.select({
+    ios: 'System',
+    // iOS handles semibold via fontWeight with System font
+    android: 'Roboto-Medium',
+    // Android medium is equivalent to semibold
+    default: 'System'
+  }),
+  // Input font family - separate for form inputs
+  fontFamilyInput: Platform.select({
+    ios: 'System',
+    android: 'Roboto',
+    default: 'System'
+  }),
+  // Web: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace'
+  fontFamilyMonospace: Platform.select({
+    ios: 'Menlo',
+    // iOS monospace font
+    android: 'monospace',
+    // Android monospace font
+    default: 'monospace'
+  }),
+  fontWeights: {
+    thin: '100',
+    extralight: '200',
+    light: '300',
+    normal: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700',
+    extrabold: '800',
+    black: '900'
+  },
   localColor: '#1F2863',
-  primaryShade: 6,
+  primaryShade: {
+    light: 6,
+    dark: 8
+  },
   colors: DEFAULT_COLORS,
   primaryColor: 'blue',
   secondaryColor: 'black',
   secondaryBgColor: 'white',
   white: '#ffffff',
   black: '#000000',
+  defaultGradient: {
+    from: 'blue',
+    to: 'cyan',
+    deg: 45
+  },
   light: {
     text: '#000',
     background: '#fdfdfd',
@@ -54,13 +109,89 @@ export const _DEFAULT_THEME = {
   },
   components: {},
   other: {},
-  shadows: {
-    xs: '0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1)',
-    sm: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 10px 15px -5px, rgba(0, 0, 0, 0.04) 0px 7px 7px -5px',
-    md: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px',
-    lg: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 28px 23px -7px, rgba(0, 0, 0, 0.04) 0px 12px 12px -7px',
-    xl: '0 1px 3px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0px 36px 28px -7px, rgba(0, 0, 0, 0.04) 0px 17px 17px -7px'
-  },
+  shadows: Platform.select({
+    ios: {
+      xs: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowOpacity: 0.05,
+        shadowRadius: 1
+      },
+      sm: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 2
+      },
+      md: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.15,
+        shadowRadius: 4
+      },
+      lg: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.2,
+        shadowRadius: 8
+      },
+      xl: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 8
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 16
+      }
+    },
+    android: {
+      xs: {
+        elevation: 1
+      },
+      sm: {
+        elevation: 2
+      },
+      md: {
+        elevation: 4
+      },
+      lg: {
+        elevation: 8
+      },
+      xl: {
+        elevation: 12
+      }
+    },
+    default: {
+      xs: {
+        elevation: 1
+      },
+      sm: {
+        elevation: 2
+      },
+      md: {
+        elevation: 4
+      },
+      lg: {
+        elevation: 8
+      },
+      xl: {
+        elevation: 12
+      }
+    }
+  }),
   fontSizes: {
     xs: 12,
     sm: 14,
@@ -83,9 +214,25 @@ export const _DEFAULT_THEME = {
     lg: 20,
     xl: 24
   },
+  breakpoints: {
+    xs: 576,
+    sm: 768,
+    md: 992,
+    lg: 1200,
+    xl: 1408
+  },
   headings: {
-    fontFamily: 'System font',
-    fontWeight: 700,
+    // Headings use bold font family for proper weight rendering on iOS/Android
+    // On Android, using Roboto-Bold ensures proper bold rendering
+    fontFamily: Platform.select({
+      ios: 'System',
+      // San Francisco (equivalent to -apple-system)
+      android: 'Roboto-Bold',
+      // Android needs explicit bold font family
+      default: 'System'
+    }),
+    fontWeight: '700',
+    // Matches Mantine web heading weight
     sizes: {
       h1: {
         fontSize: 34,

package/lib/module/theme/default-theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["attachFunctions","DEFAULT_COLORS","dark","gray","gray2","red","pink","grape","violet","indigo","blue","cyan","teal","green","lime","yellow","orange","secondary","tintColorLight","tintColorDark","_DEFAULT_THEME","fontFamily","fontFamilyBold","fontFamilySemiBold","fontFamilyInput","localColor","primaryShade","colors","primaryColor","secondaryColor","secondaryBgColor","white","black","light","text","background","backgroundSecondary","backgroundThird","tint","tabIconDefault","tabIconSelected","components","other","shadows","xs","sm","md","lg","xl","fontSizes","defaultRadius","radius","spacing","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","window","width","height","primaryBgColor","primaryTextColor","DEFAULT_THEME"],"sourceRoot":"../../../src","sources":["theme/default-theme.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","attachFunctions","DEFAULT_COLORS","dark","gray","red","pink","grape","violet","indigo","blue","cyan","teal","green","lime","yellow","orange","tintColorLight","tintColorDark","_DEFAULT_THEME","fontFamily","select","ios","android","default","fontFamilyBold","fontFamilySemiBold","fontFamilyInput","fontFamilyMonospace","fontWeights","thin","extralight","light","normal","medium","semibold","bold","extrabold","black","localColor","primaryShade","colors","primaryColor","secondaryColor","secondaryBgColor","white","defaultGradient","from","to","deg","text","background","backgroundSecondary","backgroundThird","tint","tabIconDefault","tabIconSelected","components","other","shadows","xs","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","sm","md","lg","xl","elevation","fontSizes","defaultRadius","radius","spacing","breakpoints","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","window","primaryBgColor","primaryTextColor","DEFAULT_THEME"],"sourceRoot":"../../../src","sources":["theme/default-theme.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/functions/attach-functions.js

@@ -14,12 +14,18 @@ export function attachFunctions(themeBase) {
         color,
         shade
       }),
+      shadow: fns.shadow,
       fontStyles: fns.fontStyles(themeBase),
       inputFontStyles: fns.inputFontStyles(themeBase),
       focusStyles: fns.focusStyles(themeBase),
       placeholderStyles: fns.placeholderStyles(themeBase),
       cover: fns.cover(themeBase),
-      hover: fns.hover(themeBase)
+      hover: fns.hover(themeBase),
+      lighten: fns.lighten,
+      darken: fns.darken,
+      dimmed: fns.dimmed(themeBase),
+      largerThan: fns.largerThan(themeBase),
+      smallerThan: fns.smallerThan(themeBase)
     },
     activeStyles: fns.activeStyles(themeBase)
   };

package/lib/module/theme/functions/attach-functions.js.map

@@ -1 +1 @@
-{"version":3,"names":["fns","attachFunctions","themeBase","fn","radius","rgba","size","variant","themeColor","color","shade","theme","fontStyles","inputFontStyles","focusStyles","placeholderStyles","cover","hover","activeStyles"],"sourceRoot":"../../../../src","sources":["theme/functions/attach-functions.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAO;AAE3B,OAAO,SAASC,eAAeA,CAACC,SAAc,EAAO;EACnD,OAAO;IACL,GAAGA,SAAS;IACZC,EAAE,EAAE;MACFC,MAAM,EAAEJ,GAAG,CAACI,MAAM,CAACF,SAAS,CAAC;MAC7BG,IAAI,EAAEL,GAAG,CAACK,IAAI,CAACH,SAAS,CAAC;MACzBI,IAAI,EAAEN,GAAG,CAACM,IAAI,CAACJ,SAAS,CAAC;MACzBK,OAAO,EAAEP,GAAG,CAACO,OAAO,CAACL,SAAS,CAAC;MAC/BM,UAAU,EAAEA,CAACC,KAAa,EAAEC,KAAc,KACxCV,GAAG,CAACQ,UAAU,CAAC;QAAEG,KAAK,EAAET,SAAS;QAAEO,KAAK;QAAEC;MAAM,CAAC,CAAC;MACpDE,UAAU,EAAEZ,GAAG,CAACY,UAAU,CAACV,SAAS,CAAC;MACrCW,eAAe,EAAEb,GAAG,CAACa,eAAe,CAACX,SAAS,CAAC;MAC/CY,WAAW,EAAEd,GAAG,CAACc,WAAW,CAACZ,SAAS,CAAC;MACvCa,iBAAiB,EAAEf,GAAG,CAACe,iBAAiB,CAACb,SAAS,CAAC;MACnDc,KAAK,EAAEhB,GAAG,CAACgB,KAAK,CAACd,SAAS,CAAC;MAC3Be,KAAK,EAAEjB,GAAG,CAACiB,KAAK,CAACf,SAAS;IAC5B,CAAC;IACDgB,YAAY,EAAElB,GAAG,CAACkB,YAAY,CAAChB,SAAS;EAC1C,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["fns","attachFunctions","themeBase","fn","radius","rgba","size","variant","themeColor","color","shade","theme","shadow","fontStyles","inputFontStyles","focusStyles","placeholderStyles","cover","hover","lighten","darken","dimmed","largerThan","smallerThan","activeStyles"],"sourceRoot":"../../../../src","sources":["theme/functions/attach-functions.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAO;AAE3B,OAAO,SAASC,eAAeA,CAACC,SAAc,EAAO;EACnD,OAAO;IACL,GAAGA,SAAS;IACZC,EAAE,EAAE;MACFC,MAAM,EAAEJ,GAAG,CAACI,MAAM,CAACF,SAAS,CAAC;MAC7BG,IAAI,EAAEL,GAAG,CAACK,IAAI,CAACH,SAAS,CAAC;MACzBI,IAAI,EAAEN,GAAG,CAACM,IAAI,CAACJ,SAAS,CAAC;MACzBK,OAAO,EAAEP,GAAG,CAACO,OAAO,CAACL,SAAS,CAAC;MAC/BM,UAAU,EAAEA,CAACC,KAAa,EAAEC,KAAc,KACxCV,GAAG,CAACQ,UAAU,CAAC;QAAEG,KAAK,EAAET,SAAS;QAAEO,KAAK;QAAEC;MAAM,CAAC,CAAC;MACpDE,MAAM,EAAEZ,GAAG,CAACY,MAAM;MAClBC,UAAU,EAAEb,GAAG,CAACa,UAAU,CAACX,SAAS,CAAC;MACrCY,eAAe,EAAEd,GAAG,CAACc,eAAe,CAACZ,SAAS,CAAC;MAC/Ca,WAAW,EAAEf,GAAG,CAACe,WAAW,CAACb,SAAS,CAAC;MACvCc,iBAAiB,EAAEhB,GAAG,CAACgB,iBAAiB,CAACd,SAAS,CAAC;MACnDe,KAAK,EAAEjB,GAAG,CAACiB,KAAK,CAACf,SAAS,CAAC;MAC3BgB,KAAK,EAAElB,GAAG,CAACkB,KAAK,CAAChB,SAAS,CAAC;MAC3BiB,OAAO,EAAEnB,GAAG,CAACmB,OAAO;MACpBC,MAAM,EAAEpB,GAAG,CAACoB,MAAM;MAClBC,MAAM,EAAErB,GAAG,CAACqB,MAAM,CAACnB,SAAS,CAAC;MAC7BoB,UAAU,EAAEtB,GAAG,CAACsB,UAAU,CAACpB,SAAS,CAAC;MACrCqB,WAAW,EAAEvB,GAAG,CAACuB,WAAW,CAACrB,SAAS;IACxC,CAAC;IACDsB,YAAY,EAAExB,GAAG,CAACwB,YAAY,CAACtB,SAAS;EAC1C,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/functions/fns/breakpoints.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { Dimensions } from 'react-native';
+/**
+ * Default breakpoint values in pixels
+ * These match Mantine web but converted to pixels (1em = 16px)
+ */
+const DEFAULT_BREAKPOINTS = {
+  xs: 576,
+  // 36em * 16
+  sm: 768,
+  // 48em * 16
+  md: 992,
+  // 62em * 16
+  lg: 1200,
+  // 75em * 16
+  xl: 1408 // 88em * 16
+};
+/**
+ * Get breakpoint value from theme or default
+ */
+function getBreakpointValue(breakpoint, theme) {
+  if (typeof breakpoint === 'number') {
+    return breakpoint;
+  }
+
+  // Check if theme has breakpoints defined
+  if (theme.breakpoints && theme.breakpoints[breakpoint]) {
+    const value = theme.breakpoints[breakpoint];
+    return typeof value === 'number' ? value : Number(value);
+  }
+  return DEFAULT_BREAKPOINTS[breakpoint];
+}
+
+/**
+ * Returns true if current screen width is larger than the specified breakpoint
+ * @param theme - The Mantine theme
+ * @returns A function that takes a breakpoint and returns a boolean
+ */
+export function largerThan(theme) {
+  return breakpoint => {
+    const {
+      width
+    } = Dimensions.get('window');
+    const breakpointValue = getBreakpointValue(breakpoint, theme);
+    return width >= breakpointValue;
+  };
+}
+
+/**
+ * Returns true if current screen width is smaller than the specified breakpoint
+ * @param theme - The Mantine theme
+ * @returns A function that takes a breakpoint and returns a boolean
+ */
+export function smallerThan(theme) {
+  return breakpoint => {
+    const {
+      width
+    } = Dimensions.get('window');
+    const breakpointValue = getBreakpointValue(breakpoint, theme);
+    return width < breakpointValue;
+  };
+}
+//# sourceMappingURL=breakpoints.js.map

package/lib/module/theme/functions/fns/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","DEFAULT_BREAKPOINTS","xs","sm","md","lg","xl","getBreakpointValue","breakpoint","theme","breakpoints","value","Number","largerThan","width","get","breakpointValue","smallerThan"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/breakpoints.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAG;EAC1BC,EAAE,EAAE,GAAG;EAAE;EACTC,EAAE,EAAE,GAAG;EAAE;EACTC,EAAE,EAAE,GAAG;EAAE;EACTC,EAAE,EAAE,IAAI;EAAE;EACVC,EAAE,EAAE,IAAI,CAAE;AACZ,CAAC;AAID;AACA;AACA;AACA,SAASC,kBAAkBA,CACzBC,UAA6B,EAC7BC,KAAmB,EACX;EACR,IAAI,OAAOD,UAAU,KAAK,QAAQ,EAAE;IAClC,OAAOA,UAAU;EACnB;;EAEA;EACA,IAAIC,KAAK,CAACC,WAAW,IAAID,KAAK,CAACC,WAAW,CAACF,UAAU,CAAC,EAAE;IACtD,MAAMG,KAAK,GAAGF,KAAK,CAACC,WAAW,CAACF,UAAU,CAAC;IAC3C,OAAO,OAAOG,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGC,MAAM,CAACD,KAAK,CAAC;EAC1D;EAEA,OAAOV,mBAAmB,CAACO,UAAU,CAAqC;AAC5E;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,UAAUA,CAACJ,KAAmB,EAAE;EAC9C,OAAQD,UAA6B,IAAc;IACjD,MAAM;MAAEM;IAAM,CAAC,GAAGd,UAAU,CAACe,GAAG,CAAC,QAAQ,CAAC;IAC1C,MAAMC,eAAe,GAAGT,kBAAkB,CAACC,UAAU,EAAEC,KAAK,CAAC;IAC7D,OAAOK,KAAK,IAAIE,eAAe;EACjC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACR,KAAmB,EAAE;EAC/C,OAAQD,UAA6B,IAAc;IACjD,MAAM;MAAEM;IAAM,CAAC,GAAGd,UAAU,CAACe,GAAG,CAAC,QAAQ,CAAC;IAC1C,MAAMC,eAAe,GAAGT,kBAAkB,CAACC,UAAU,EAAEC,KAAK,CAAC;IAC7D,OAAOK,KAAK,GAAGE,eAAe;EAChC,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/functions/fns/darken.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { toRgba } from "../../utils/to-rgba.js";
+
+/**
+ * Darkens a color by reducing its RGB values
+ * @param color - The color to darken (hex or rgb/rgba string)
+ * @param alpha - The amount to darken (0-1, where 1 is completely black)
+ * @returns rgba color string
+ */
+export function darken(color, alpha) {
+  const {
+    r,
+    g,
+    b,
+    a
+  } = toRgba(color);
+  const f = 1 - alpha;
+  const dark = input => Math.round(input * f);
+  return `rgba(${dark(r)}, ${dark(g)}, ${dark(b)}, ${a})`;
+}
+//# sourceMappingURL=darken.js.map

package/lib/module/theme/functions/fns/darken.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toRgba","darken","color","alpha","r","g","b","a","f","dark","input","Math","round"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/darken.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,wBAAqB;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAACC,KAAa,EAAEC,KAAa,EAAU;EAC3D,MAAM;IAAEC,CAAC;IAAEC,CAAC;IAAEC,CAAC;IAAEC;EAAE,CAAC,GAAGP,MAAM,CAACE,KAAK,CAAC;EACpC,MAAMM,CAAC,GAAG,CAAC,GAAGL,KAAK;EAEnB,MAAMM,IAAI,GAAIC,KAAa,IAAKC,IAAI,CAACC,KAAK,CAACF,KAAK,GAAGF,CAAC,CAAC;EAErD,OAAO,QAAQC,IAAI,CAACL,CAAC,CAAC,KAAKK,IAAI,CAACJ,CAAC,CAAC,KAAKI,IAAI,CAACH,CAAC,CAAC,KAAKC,CAAC,GAAG;AACzD","ignoreList":[]}

package/lib/module/theme/functions/fns/dimmed.js

@@ -0,0 +1,15 @@
+"use strict";
+
+/**
+ * Returns a dimmed text color based on the current color scheme
+ * Used for secondary text and less prominent UI elements
+ * @param theme - The Mantine theme
+ * @returns A function that returns the dimmed color
+ */
+export function dimmed(theme) {
+  return () => {
+    const colorScheme = theme.currentMode || 'light';
+    return colorScheme === 'dark' ? theme.colors.dark?.[2] || '#909296' : theme.colors.gray?.[6] || '#868e96';
+  };
+}
+//# sourceMappingURL=dimmed.js.map

package/lib/module/theme/functions/fns/dimmed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dimmed","theme","colorScheme","currentMode","colors","dark","gray"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/dimmed.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,MAAMA,CAACC,KAAmB,EAAE;EAC1C,OAAO,MAAM;IACX,MAAMC,WAAW,GAAGD,KAAK,CAACE,WAAW,IAAI,OAAO;IAChD,OAAOD,WAAW,KAAK,MAAM,GACzBD,KAAK,CAACG,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS,GACnCJ,KAAK,CAACG,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS;EACzC,CAAC;AACH","ignoreList":[]}

package/lib/module/theme/functions/fns/gradient/gradient.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { themeColor } from "../theme-color/theme-color.js";
+import { getPrimaryShade } from "../primary-shade.js";
+
+/**
+ * Converts degrees to start/end coordinates for LinearGradient
+ * 0deg = bottom to top, 90deg = left to right, 180deg = top to bottom, 270deg = right to left
+ */
+function degToCoordinates(deg) {
+  const angle = (deg % 360 + 360) % 360; // Normalize to 0-360
+  const radians = angle * Math.PI / 180;
+
+  // Calculate end point on unit circle
+  const endX = Math.cos(radians - Math.PI / 2);
+  const endY = Math.sin(radians - Math.PI / 2);
+
+  // Normalize to 0-1 range
+  const start = {
+    x: (1 - endX) / 2,
+    y: (1 - endY) / 2
+  };
+  const end = {
+    x: (1 + endX) / 2,
+    y: (1 + endY) / 2
+  };
+  return {
+    start,
+    end
+  };
+}
+
+/**
+ * Creates a gradient configuration for use with expo-linear-gradient
+ * Returns gradient colors and coordinates based on theme gradient settings
+ */
+export function gradient(theme) {
+  return payload => {
+    const merged = {
+      from: payload?.from || theme.defaultGradient?.from || theme.primaryColor,
+      to: payload?.to || theme.defaultGradient?.to || theme.primaryColor,
+      deg: payload?.deg ?? theme.defaultGradient?.deg ?? 45
+    };
+    const primaryShade = getPrimaryShade(theme);
+    const fromColor = themeColor({
+      theme,
+      color: merged.from,
+      shade: primaryShade
+    });
+    const toColor = themeColor({
+      theme,
+      color: merged.to,
+      shade: primaryShade
+    });
+    const {
+      start,
+      end
+    } = degToCoordinates(merged.deg);
+    return {
+      colors: [fromColor, toColor],
+      start,
+      end
+    };
+  };
+}
+
+/**
+ * Legacy function for web compatibility - returns CSS gradient string
+ * Not used in React Native but kept for API compatibility
+ */
+export function linearGradientCSS(deg, ...colors) {
+  return `linear-gradient(${deg}deg, ${colors.join(', ')})`;
+}
+//# sourceMappingURL=gradient.js.map

package/lib/module/theme/functions/fns/gradient/gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["themeColor","getPrimaryShade","degToCoordinates","deg","angle","radians","Math","PI","endX","cos","endY","sin","start","x","y","end","gradient","theme","payload","merged","from","defaultGradient","primaryColor","to","primaryShade","fromColor","color","shade","toColor","colors","linearGradientCSS","join"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/gradient/gradient.ts"],"mappings":";;AAEA,SAASA,UAAU,QAAQ,+BAA4B;AACvD,SAASC,eAAe,QAAQ,qBAAkB;;AAElD;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,GAAW,EAAsE;EACzG,MAAMC,KAAK,GAAG,CAAED,GAAG,GAAG,GAAG,GAAI,GAAG,IAAI,GAAG,CAAC,CAAC;EACzC,MAAME,OAAO,GAAID,KAAK,GAAGE,IAAI,CAACC,EAAE,GAAI,GAAG;;EAEvC;EACA,MAAMC,IAAI,GAAGF,IAAI,CAACG,GAAG,CAACJ,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;EAC5C,MAAMG,IAAI,GAAGJ,IAAI,CAACK,GAAG,CAACN,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;;EAE5C;EACA,MAAMK,KAAK,GAAG;IACZC,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EACD,MAAMK,GAAG,GAAG;IACVF,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEG;EAAI,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAACC,KAAmB,EAAE;EAC5C,OAAQC,OAAyB,IAAqB;IACpD,MAAMC,MAAM,GAAG;MACbC,IAAI,EAAEF,OAAO,EAAEE,IAAI,IAAIH,KAAK,CAACI,eAAe,EAAED,IAAI,IAAIH,KAAK,CAACK,YAAY;MACxEC,EAAE,EAAEL,OAAO,EAAEK,EAAE,IAAIN,KAAK,CAACI,eAAe,EAAEE,EAAE,IAAIN,KAAK,CAACK,YAAY;MAClEnB,GAAG,EAAEe,OAAO,EAAEf,GAAG,IAAIc,KAAK,CAACI,eAAe,EAAElB,GAAG,IAAI;IACrD,CAAC;IAED,MAAMqB,YAAY,GAAGvB,eAAe,CAACgB,KAAK,CAAC;IAC3C,MAAMQ,SAAS,GAAGzB,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACC,IAAI;MAAEO,KAAK,EAAEH;IAAa,CAAC,CAAC;IAChF,MAAMI,OAAO,GAAG5B,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACI,EAAE;MAAEI,KAAK,EAAEH;IAAa,CAAC,CAAC;IAE5E,MAAM;MAAEZ,KAAK;MAAEG;IAAI,CAAC,GAAGb,gBAAgB,CAACiB,MAAM,CAAChB,GAAG,CAAC;IAEnD,OAAO;MACL0B,MAAM,EAAE,CAACJ,SAAS,EAAEG,OAAO,CAAC;MAC5BhB,KAAK;MACLG;IACF,CAAC;EACH,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASe,iBAAiBA,CAAC3B,GAAW,EAAE,GAAG0B,MAAgB,EAAE;EAClE,OAAO,mBAAmB1B,GAAG,QAAQ0B,MAAM,CAACE,IAAI,CAAC,IAAI,CAAC,GAAG;AAC3D","ignoreList":[]}

package/lib/module/theme/functions/fns/helpers.js

@@ -6,11 +6,10 @@ export const fontStyles = theme => () => ({
 
 /**
  * Returns font styles specifically for input components
- * Uses fontFamilyInput if available, otherwise falls back to fontFamily
  */
 export const inputFontStyles = theme => () => {
   return {
-    fontFamily: theme.fontFamilyInput || theme.fontFamily
+    fontFamily: theme.fontFamily
   };
 };
 export const focusStyles = _theme => () => ({

package/lib/module/theme/functions/fns/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["fontStyles","theme","fontFamily","inputFontStyles","fontFamilyInput","focusStyles","_theme","placeholderStyles","opacity","cover","offset","position","top","right","bottom","left","hover","styles","activeStyles","transform","scale"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/helpers.ts"],"mappings":";;AAEA,OAAO,MAAMA,UAAU,GAAIC,KAAmB,IAAK,OAAO;EACxDC,UAAU,EAAED,KAAK,CAACC;AACpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIF,KAAmB,IAAK,MAAM;EAC5D,OAAO;IACLC,UAAU,EAAED,KAAK,CAACG,eAAe,IAAIH,KAAK,CAACC;EAC7C,CAAC;AACH,CAAC;AAED,OAAO,MAAMG,WAAW,GAAIC,MAAoB,IAAK,OAAO;EAC1D;EACA;EACA;AAAA,CACD,CAAC;AAEF,OAAO,MAAMC,iBAAiB,GAAID,MAAoB,IAAK,OAAO;EAChE;EACAE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,KAAK,GACfH,MAAoB,IACrB,CAACI,MAAc,GAAG,CAAC,MAAM;EACvBC,QAAQ,EAAE,UAAmB;EAC7BC,GAAG,EAAEF,MAAM;EACXG,KAAK,EAAEH,MAAM;EACbI,MAAM,EAAEJ,MAAM;EACdK,IAAI,EAAEL;AACR,CAAC,CAAC;AAEJ,OAAO,MAAMM,KAAK,GAAIV,MAAoB,IAAMW,MAAW,KAAM;EAC/D;EACA;EACA,GAAGA;AACL,CAAC,CAAC;AAEF,OAAO,MAAMC,YAAY,GAAIZ,MAAoB,KAAM;EACrD;EACAE,OAAO,EAAE,GAAG;EACZW,SAAS,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAK,CAAC;AAC7B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["fontStyles","theme","fontFamily","inputFontStyles","focusStyles","_theme","placeholderStyles","opacity","cover","offset","position","top","right","bottom","left","hover","styles","activeStyles","transform","scale"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/helpers.ts"],"mappings":";;AAEA,OAAO,MAAMA,UAAU,GAAIC,KAAmB,IAAK,OAAO;EACxDC,UAAU,EAAED,KAAK,CAACC;AACpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIF,KAAmB,IAAK,MAAM;EAC5D,OAAO;IACLC,UAAU,EAAED,KAAK,CAACC;EACpB,CAAC;AACH,CAAC;AAED,OAAO,MAAME,WAAW,GAAIC,MAAoB,IAAK,OAAO;EAC1D;EACA;EACA;AAAA,CACD,CAAC;AAEF,OAAO,MAAMC,iBAAiB,GAAID,MAAoB,IAAK,OAAO;EAChE;EACAE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,KAAK,GACfH,MAAoB,IACrB,CAACI,MAAc,GAAG,CAAC,MAAM;EACvBC,QAAQ,EAAE,UAAmB;EAC7BC,GAAG,EAAEF,MAAM;EACXG,KAAK,EAAEH,MAAM;EACbI,MAAM,EAAEJ,MAAM;EACdK,IAAI,EAAEL;AACR,CAAC,CAAC;AAEJ,OAAO,MAAMM,KAAK,GAAIV,MAAoB,IAAMW,MAAW,KAAM;EAC/D;EACA;EACA,GAAGA;AACL,CAAC,CAAC;AAEF,OAAO,MAAMC,YAAY,GAAIZ,MAAoB,KAAM;EACrD;EACAE,OAAO,EAAE,GAAG;EACZW,SAAS,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAK,CAAC;AAC7B,CAAC,CAAC","ignoreList":[]}

package/lib/module/theme/functions/fns/index.js

@@ -5,6 +5,13 @@ import { rgba } from "./rgba.js";
 import { size } from "./size.js";
 import { themeColor } from "./theme-color/theme-color.js";
 import { variant } from "./variant.js";
+import { getPrimaryShade } from "./primary-shade.js";
+import { shadow } from "./shadow.js";
+import { gradient } from "./gradient/gradient.js";
+import { lighten } from "./lighten.js";
+import { darken } from "./darken.js";
+import { dimmed } from "./dimmed.js";
+import { largerThan, smallerThan } from "./breakpoints.js";
 import * as helpers from "./helpers.js";
 export const fns = {
   radius,
@@ -12,6 +19,14 @@ export const fns = {
   size,
   variant,
   themeColor,
+  getPrimaryShade,
+  shadow,
+  gradient,
+  lighten,
+  darken,
+  dimmed,
+  largerThan,
+  smallerThan,
   ...helpers
 };
 //# sourceMappingURL=index.js.map

package/lib/module/theme/functions/fns/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["radius","rgba","size","themeColor","variant","helpers","fns"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,cAAW;AACnC,OAAO,KAAKC,OAAO,MAAM,cAAW;AAEpC,OAAO,MAAMC,GAAG,GAAG;EACjBN,MAAM;EACNC,IAAI;EACJC,IAAI;EACJE,OAAO;EACPD,UAAU;EACV,GAAGE;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["radius","rgba","size","themeColor","variant","getPrimaryShade","shadow","gradient","lighten","darken","dimmed","largerThan","smallerThan","helpers","fns"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,eAAe,QAAQ,oBAAiB;AACjD,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAe;AACvD,OAAO,KAAKC,OAAO,MAAM,cAAW;AAEpC,OAAO,MAAMC,GAAG,GAAG;EACjBd,MAAM;EACNC,IAAI;EACJC,IAAI;EACJE,OAAO;EACPD,UAAU;EACVE,eAAe;EACfC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,UAAU;EACVC,WAAW;EACX,GAAGC;AACL,CAAC","ignoreList":[]}

package/lib/module/theme/functions/fns/lighten.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { toRgba } from "../../utils/to-rgba.js";
+
+/**
+ * Lightens a color by mixing it with white
+ * @param color - The color to lighten (hex or rgb/rgba string)
+ * @param alpha - The amount to lighten (0-1, where 1 is completely white)
+ * @returns rgba color string
+ */
+export function lighten(color, alpha) {
+  const {
+    r,
+    g,
+    b,
+    a
+  } = toRgba(color);
+  const light = input => Math.round(input + (255 - input) * alpha);
+  return `rgba(${light(r)}, ${light(g)}, ${light(b)}, ${a})`;
+}
+//# sourceMappingURL=lighten.js.map

package/lib/module/theme/functions/fns/lighten.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toRgba","lighten","color","alpha","r","g","b","a","light","input","Math","round"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/lighten.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,wBAAqB;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAACC,KAAa,EAAEC,KAAa,EAAU;EAC5D,MAAM;IAAEC,CAAC;IAAEC,CAAC;IAAEC,CAAC;IAAEC;EAAE,CAAC,GAAGP,MAAM,CAACE,KAAK,CAAC;EAEpC,MAAMM,KAAK,GAAIC,KAAa,IAAKC,IAAI,CAACC,KAAK,CAACF,KAAK,GAAG,CAAC,GAAG,GAAGA,KAAK,IAAIN,KAAK,CAAC;EAE1E,OAAO,QAAQK,KAAK,CAACJ,CAAC,CAAC,KAAKI,KAAK,CAACH,CAAC,CAAC,KAAKG,KAAK,CAACF,CAAC,CAAC,KAAKC,CAAC,GAAG;AAC5D","ignoreList":[]}

package/lib/module/theme/functions/fns/primary-shade.js

@@ -0,0 +1,14 @@
+"use strict";
+
+/**
+ * Returns the appropriate primary shade based on the current color scheme
+ * Matches Mantine web implementation
+ */
+export function getPrimaryShade(theme, colorScheme) {
+  if (typeof theme.primaryShade === 'number') {
+    return theme.primaryShade;
+  }
+  const scheme = colorScheme || theme.currentMode || 'light';
+  return theme.primaryShade[scheme];
+}
+//# sourceMappingURL=primary-shade.js.map

package/lib/module/theme/functions/fns/primary-shade.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPrimaryShade","theme","colorScheme","primaryShade","scheme","currentMode"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/primary-shade.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAC7BC,KAAmB,EACnBC,WAA8B,EACtB;EACR,IAAI,OAAOD,KAAK,CAACE,YAAY,KAAK,QAAQ,EAAE;IAC1C,OAAOF,KAAK,CAACE,YAAY;EAC3B;EAEA,MAAMC,MAAM,GAAGF,WAAW,IAAID,KAAK,CAACI,WAAW,IAAI,OAAO;EAC1D,OAAOJ,KAAK,CAACE,YAAY,CAACC,MAAM,CAAC;AACnC","ignoreList":[]}