react-native-mantine 0.13.0 → 0.15.0

package/lib/typescript/module/src/theme/types.d.ts

@@ -0,0 +1,494 @@
+/**
+ * Core type definitions for Mantine React Native theme system
+ * Aligned with Mantine web v6 architecture
+ */
+import type { TextStyle, ViewStyle } from 'react-native';
+/**
+ * Shade index for color palettes (0-9)
+ * 0 = lightest, 9 = darkest
+ */
+export type Shade = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+/**
+ * 10-shade color palette tuple
+ * Matches Mantine web's Tuple<string, 10> structure
+ */
+export type MantineColorsTuple = readonly [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+/**
+ * Default color keys from Mantine web
+ */
+export type DefaultMantineColor = 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'green' | 'lime' | 'yellow' | 'orange';
+/**
+ * Mantine color - either a theme color key or a CSS color value
+ *
+ * Supports:
+ * - Theme palette colors: 'blue', 'red', 'gray', etc.
+ * - Custom hex colors: '#FF5733', '#fff'
+ * - Custom rgb colors: 'rgb(255, 87, 51)'
+ * - Custom rgba colors: 'rgba(255, 87, 51, 0.5)'
+ * - CSS keywords: 'transparent', 'currentColor'
+ *
+ * Custom colors can be used with shade modifiers in themeColor() and variant() functions.
+ */
+export type MantineColor = DefaultMantineColor | (string & {});
+/**
+ * Theme colors record - maps color names to 10-shade tuples
+ */
+export interface MantineThemeColors {
+    [key: string]: MantineColorsTuple;
+    dark: MantineColorsTuple;
+    gray: MantineColorsTuple;
+    red: MantineColorsTuple;
+    pink: MantineColorsTuple;
+    grape: MantineColorsTuple;
+    violet: MantineColorsTuple;
+    indigo: MantineColorsTuple;
+    blue: MantineColorsTuple;
+    cyan: MantineColorsTuple;
+    teal: MantineColorsTuple;
+    green: MantineColorsTuple;
+    lime: MantineColorsTuple;
+    yellow: MantineColorsTuple;
+    orange: MantineColorsTuple;
+}
+/**
+ * Primary shade configuration
+ * Can be a single shade or different shades for light/dark modes
+ */
+export interface MantinePrimaryShade {
+    light: Shade;
+    dark: Shade;
+}
+/**
+ * Color scheme - light or dark mode
+ */
+export type ColorScheme = 'light' | 'dark';
+/**
+ * Color scheme value type
+ * Represents a value that has different values for light and dark modes
+ */
+export interface ColorSchemeValue<T = any> {
+    light: T;
+    dark: T;
+}
+/**
+ * Type helper to resolve ColorSchemeValue types to their base types
+ * Recursively transforms ColorSchemeValue<T> to T in object structures
+ */
+export type ResolveColorSchemeValue<T> = T extends ColorSchemeValue<infer U> ? U : T extends Record<string, any> ? {
+    [K in keyof T]: ResolveColorSchemeValue<T[K]>;
+} : T;
+/**
+ * Named size values
+ */
+export type MantineSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Size can be a named size or a number
+ */
+export type MantineNumberSize = MantineSize | number;
+/**
+ * Size scale - maps size names to numbers
+ */
+export interface MantineSizes {
+    [key: string]: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+/**
+ * Gradient configuration
+ */
+export interface MantineGradient {
+    from: MantineColor;
+    to: MantineColor;
+    deg?: number;
+}
+/**
+ * React Native gradient configuration
+ */
+export interface GradientConfig {
+    colors: [string, string];
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * Font weight values
+ */
+export interface FontWeights {
+    thin: TextStyle['fontWeight'];
+    extralight: TextStyle['fontWeight'];
+    light: TextStyle['fontWeight'];
+    normal: TextStyle['fontWeight'];
+    medium: TextStyle['fontWeight'];
+    semibold: TextStyle['fontWeight'];
+    bold: TextStyle['fontWeight'];
+    extrabold: TextStyle['fontWeight'];
+    black: TextStyle['fontWeight'];
+}
+/**
+ * Heading style configuration
+ * Matches Mantine web HeadingStyle with React Native adaptations
+ */
+export interface HeadingStyle {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight?: TextStyle['fontWeight'];
+    fontFamily?: string;
+}
+/**
+ * Headings configuration
+ */
+export interface MantineHeadings {
+    fontFamily?: string;
+    fontWeight?: TextStyle['fontWeight'];
+    sizes: {
+        h1: HeadingStyle;
+        h2: HeadingStyle;
+        h3: HeadingStyle;
+        h4: HeadingStyle;
+        h5: HeadingStyle;
+        h6: HeadingStyle;
+    };
+}
+/**
+ * iOS shadow configuration
+ */
+export interface IOSShadow {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+}
+/**
+ * Android shadow configuration (elevation)
+ */
+export interface AndroidShadow {
+    elevation: number;
+}
+/**
+ * Platform-specific shadow type
+ */
+export type MantineShadow = IOSShadow | AndroidShadow;
+/**
+ * Shadow scale
+ */
+export interface MantineShadows {
+    xs: MantineShadow;
+    sm: MantineShadow;
+    md: MantineShadow;
+    lg: MantineShadow;
+    xl: MantineShadow;
+}
+/**
+ * Component variant types
+ */
+export type MantineVariant = 'filled' | 'outline' | 'light' | 'white' | 'default' | 'subtle' | 'gradient' | 'transparent';
+/**
+ * Variant function input
+ */
+export interface VariantInput {
+    variant: MantineVariant;
+    color?: MantineColor;
+    gradient?: MantineGradient;
+    primaryFallback?: boolean;
+}
+/**
+ * Variant function output (React Native styles)
+ */
+export interface VariantOutput {
+    background: string;
+    color: string;
+    border: string;
+    hover?: string;
+}
+/**
+ * Component-specific theme configuration
+ */
+export interface ThemeComponent {
+    defaultProps?: Record<string, any> | ((theme: MantineTheme) => Record<string, any>);
+    styles?: Record<string, ViewStyle | TextStyle> | ((theme: MantineTheme, params: any) => Record<string, ViewStyle | TextStyle>);
+}
+/**
+ * Theme components record
+ */
+export type MantineThemeComponents = Record<string, ThemeComponent>;
+/**
+ * Theme helper functions
+ * React Native-specific implementations of Mantine web functions
+ */
+export interface MantineThemeFunctions {
+    /**
+     * Get color from theme palette
+     * @param color - Color name or CSS value
+     * @param shade - Optional shade (0-9)
+     * @param primaryFallback - Use primary color if color not found
+     */
+    themeColor(color: MantineColor, shade?: Shade, primaryFallback?: boolean): string;
+    /**
+     * Get primary shade based on color scheme
+     * @param colorScheme - Optional color scheme override
+     */
+    primaryShade(colorScheme?: ColorScheme): Shade;
+    /**
+     * Get primary color based on color scheme
+     * @param colorScheme - Optional color scheme override
+     */
+    primaryColor(colorScheme?: ColorScheme): string;
+    /**
+     * Get variant styles for components
+     * @param input - Variant configuration
+     */
+    variant(input: VariantInput): VariantOutput;
+    /**
+     * Convert color to rgba with alpha
+     * @param color - Color value
+     * @param alpha - Alpha value (0-1)
+     */
+    rgba(color: string, alpha: number): string;
+    /**
+     * Get radius value from theme
+     * @param size - Size or number
+     */
+    radius(size?: MantineNumberSize | (string & {})): number | string;
+    /**
+     * Get size value from theme
+     * @param options - Size configuration
+     */
+    size(options: {
+        size?: MantineNumberSize | (string & {});
+        sizes: Record<string, number>;
+    }): number | string;
+    /**
+     * Get shadow styles
+     * @param size - Shadow size
+     */
+    shadow(size?: MantineSize): MantineShadow | {};
+    /**
+     * Get gradient configuration for React Native
+     * @param gradient - Gradient config
+     */
+    gradient(gradient?: MantineGradient): GradientConfig;
+    /**
+     * Lighten a color
+     * @param color - Color to lighten
+     * @param alpha - Amount to lighten (0-1)
+     */
+    lighten(color: string, alpha: number): string;
+    /**
+     * Darken a color
+     * @param color - Color to darken
+     * @param alpha - Amount to darken (0-1)
+     */
+    darken(color: string, alpha: number): string;
+    /**
+     * Get dimmed color based on color scheme
+     */
+    dimmed(): string;
+    /**
+     * Get font styles
+     */
+    fontStyles(): TextStyle;
+    /**
+     * Get input font styles
+     */
+    inputFontStyles(): TextStyle;
+    /**
+     * Get font size from theme
+     * @param size - Size key or number
+     */
+    fontSize(size: MantineNumberSize): number;
+    /**
+     * Get line height from theme
+     * @param size - Size key or number (unitless multiplier)
+     */
+    lineHeight(size: MantineNumberSize): number;
+    /**
+     * Get heading styles by order
+     * @param order - Heading level (1-6)
+     */
+    headingStyles(order: 1 | 2 | 3 | 4 | 5 | 6): TextStyle;
+    /**
+     * Get focus styles
+     */
+    focusStyles(): ViewStyle;
+    /**
+     * Get placeholder styles
+     */
+    placeholderStyles(): TextStyle;
+    /**
+     * Get cover styles (position: absolute, full size)
+     * @param offset - Optional offset
+     */
+    cover(offset?: number): ViewStyle;
+    /**
+     * Get hover styles
+     * @param hoverStyle - Styles to apply on hover
+     */
+    hover(hoverStyle: ViewStyle | TextStyle): ViewStyle | TextStyle;
+    /**
+     * Get styles for screens larger than breakpoint
+     * @param breakpoint - Breakpoint value
+     */
+    largerThan(breakpoint: MantineNumberSize): any;
+    /**
+     * Get styles for screens smaller than breakpoint
+     * @param breakpoint - Breakpoint value
+     */
+    smallerThan(breakpoint: MantineNumberSize): any;
+    /**
+     * Get value based on current color scheme
+     * Returns different values for light and dark modes
+     * @param value - Value or ColorSchemeValue object with light/dark properties
+     */
+    colorSchemeValue<T = any>(value: T | {
+        light: T;
+        dark: T;
+    }): T;
+    /**
+     * Resolve all color scheme values in an object
+     * Useful for resolving theme constants with different light/dark values
+     * @param constants - Object containing ColorSchemeValue properties
+     */
+    colorSchemeConstants<T extends Record<string, any>>(constants: T): any;
+}
+/**
+ * Mantine React Native theme
+ * Core configuration object for the entire design system
+ */
+export interface MantineTheme {
+    colorScheme: ColorScheme;
+    primaryColor: DefaultMantineColor;
+    primaryShade: Shade | MantinePrimaryShade;
+    colors: MantineThemeColors;
+    white: string;
+    black: string;
+    defaultGradient: MantineGradient;
+    fontFamily: string;
+    fontFamilyBold: string;
+    fontFamilySemiBold: string;
+    fontFamilyInput: string;
+    fontFamilyMonospace: string;
+    fontWeights: FontWeights;
+    fontSizes: MantineSizes;
+    lineHeight: number;
+    lineHeights: MantineSizes;
+    headings: MantineHeadings;
+    spacing: MantineSizes;
+    radius: MantineSizes;
+    defaultRadius: MantineNumberSize | (string & {});
+    breakpoints: MantineSizes;
+    shadows: MantineShadows;
+    fn: MantineThemeFunctions;
+    components: MantineThemeComponents;
+    other: Record<string, any>;
+    window: {
+        width: number;
+        height: number;
+    };
+    isIOS?: boolean;
+    OSVersion?: any;
+    currentMode?: ColorScheme;
+    toggleMode?: () => void;
+    setCurrentMode?: (mode: ColorScheme) => void;
+    activeStyles: ViewStyle | TextStyle;
+    secondaryColor?: string;
+    isSmallDevice?: boolean;
+    screen?: {
+        width: number;
+        height: number;
+    };
+    bottomNavBarHeight?: number;
+}
+/**
+ * Theme without functions (base theme object)
+ */
+export type MantineThemeBase = Omit<MantineTheme, 'fn'>;
+/**
+ * Partial theme for overrides
+ */
+export type MantineThemeOverride = {
+    colorScheme?: ColorScheme;
+    primaryColor?: DefaultMantineColor;
+    primaryShade?: Shade | MantinePrimaryShade;
+    colors?: Partial<MantineThemeColors>;
+    white?: string;
+    black?: string;
+    defaultGradient?: MantineGradient;
+    fontFamily?: string;
+    fontFamilyBold?: string;
+    fontFamilySemiBold?: string;
+    fontFamilyInput?: string;
+    fontFamilyMonospace?: string;
+    fontWeights?: Partial<FontWeights>;
+    fontSizes?: Partial<MantineSizes>;
+    lineHeight?: number;
+    lineHeights?: Partial<MantineSizes>;
+    headings?: Partial<MantineHeadings>;
+    spacing?: Partial<MantineSizes>;
+    radius?: Partial<MantineSizes>;
+    defaultRadius?: MantineNumberSize | (string & {});
+    breakpoints?: Partial<MantineSizes>;
+    shadows?: Partial<MantineShadows>;
+    components?: MantineThemeComponents;
+    other?: Record<string, any>;
+    window?: {
+        width: number;
+        height: number;
+    };
+    activeStyles?: ViewStyle | TextStyle;
+};
+/**
+ * Deep partial type for nested objects
+ */
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+/**
+ * Extract style props that can be themed
+ */
+export type ThemeableStyleProps = {
+    color?: MantineColor;
+    radius?: MantineNumberSize;
+    size?: MantineSize;
+    variant?: MantineVariant;
+    gradient?: MantineGradient;
+};
+/**
+ * Spacing value - can be a size or number
+ */
+export type SpacingValue = MantineNumberSize | (string & {});
+/**
+ * Generic variant type that allows specific variants plus custom strings
+ */
+export type Variants<T> = T | (string & {});
+/**
+ * Default props that can be passed to any component
+ */
+export interface DefaultProps {
+    className?: string;
+    style?: any;
+    sx?: any;
+    unstyled?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/src/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/theme/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/theme/utils/withTextWrapper.d.ts

@@ -25,7 +25,7 @@ import type { TextProps } from '../../components/Text';
  * // Default behavior (wrap)
  * withTextWrapper('Text', true, styles.text, { numberOfLines: 1 })
  */
-export declare function withTextWrapper(children: ReactNode, shouldWrap?: boolean, textStyle?: any, textProps?: Omit<TextProps, 'children' | 'style'>): ReactNode;
+export declare function withTextWrapper(children: ReactNode, shouldWrap?: boolean, textProps?: Omit<TextProps, 'children'>): ReactNode;
 /**
  * Type helper for components that support the withTextWrapper pattern.
  * Add this to your component props interface.

package/lib/typescript/module/src/theme/utils/withTextWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTextWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/utils/withTextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,SAAS,EACnB,UAAU,GAAE,OAAc,EAC1B,SAAS,CAAC,EAAE,GAAG,EACf,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,GAChD,SAAS,CAUX;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
+{"version":3,"file":"withTextWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/utils/withTextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,SAAS,EACnB,UAAU,GAAE,OAAc,EAC1B,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GACtC,SAAS,CAUX;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-mantine",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "description": "Make Mantine Accessable on React Native",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",
@@ -44,9 +44,7 @@
     "clean": "del-cli lib",
     "prepare": "bob build",
     "release": "release-it",
-    "typescript": "tsc --noEmit",
-    "docs:preview": "bash scripts/preview-docs.sh",
-    "docs:open": "open http://localhost:3000 && yarn docs:preview"
+    "typescript": "tsc --noEmit"
   },
   "keywords": [
     "react-native",

package/src/components/ActionIcon/ActionIcon.tsx

@@ -67,9 +67,9 @@ const useStyles = createStyles(
         backgroundColor:
           variant === 'transparent'
             ? 'transparent'
-            : theme.currentMode === 'dark'
-              ? theme.primaryBgColor
-              : theme.secondaryBgColor,
+            : theme.colorScheme === 'dark'
+              ? theme.fn.primaryColor()
+              : theme.fn.themeColor('gray', 1),
         borderRadius: sizeValue / 2,
         alignItems: 'center',
         justifyContent: 'center',

package/src/components/Anchor/index.tsx

@@ -65,24 +65,23 @@ const useStyles = createStyles(
     },
     { variant }
   ) => {
-    const colors = theme.colors[color] || theme.colors[theme.primaryColor];
     const fontSize = sizes[size as keyof typeof sizes] || sizes.md;
 
     const getVariantStyles = () => {
       switch (variant) {
         case 'link':
           return {
-            color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+            color: theme.fn.themeColor(color, 6),
             textDecorationLine: underline ? 'underline' : 'none',
           };
         case 'text':
           return {
-            color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] || theme.white : theme.black,
+            color: theme.colorScheme === 'dark' ? theme.fn.themeColor('dark', 0) : theme.black,
             textDecorationLine: 'none',
           };
         default:
           return {
-            color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+            color: theme.fn.themeColor(color, 6),
             textDecorationLine: underline ? 'underline' : 'none',
           };
       }

package/src/components/Avatar/index.tsx

@@ -59,7 +59,6 @@ const useStyles = createStyles(
       size: MantineSize | number;
     }
   ) => {
-    const colors = theme.colors[color] || theme.colors[theme.primaryColor];
     const sizeValue = typeof size === 'number' ? rem(size) : sizes[size as keyof typeof sizes] || sizes.md;
 
     return {
@@ -68,7 +67,7 @@ const useStyles = createStyles(
         height: sizeValue as any,
         borderRadius: theme.fn.radius(radius),
         overflow: 'hidden',
-        backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+        backgroundColor: theme.fn.themeColor(color, 6),
         justifyContent: 'center',
         alignItems: 'center',
       } as any,