react-native-mantine 0.1.11

package/lib/typescript/module/src/theme/functions/attach-functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attach-functions.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/functions/attach-functions.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,CASnD"}

package/lib/typescript/module/src/theme/functions/fns/index.d.ts

@@ -0,0 +1,8 @@
+import { radius } from './radius';
+import { themeColor } from './theme-color/theme-color';
+export declare const fns: {
+    radius: typeof radius;
+    variant: (_theme: any) => (_variant: string) => {};
+    themeColor: typeof themeColor;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/theme/functions/fns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/theme/functions/fns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,eAAO,MAAM,GAAG;;;;CAIf,CAAC"}

package/lib/typescript/module/src/theme/functions/fns/radius.d.ts

@@ -0,0 +1,3 @@
+import type { MantineNumberSize } from '../../types';
+export declare function radius(theme: any): (size?: MantineNumberSize) => string | number;
+//# sourceMappingURL=radius.d.ts.map

package/lib/typescript/module/src/theme/functions/fns/radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../../../src/theme/functions/fns/radius.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAG,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEtD,wBAAgB,MAAM,CAAC,KAAK,EAAE,GAAG,WAChB,iBAAiB,KAAG,MAAM,GAAG,MAAM,CAYnD"}

package/lib/typescript/module/src/theme/functions/fns/theme-color/theme-color.d.ts

@@ -0,0 +1,2 @@
+export declare function themeColor(_theme: any): (_theme: any) => {};
+//# sourceMappingURL=theme-color.d.ts.map

package/lib/typescript/module/src/theme/functions/fns/theme-color/theme-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-color.d.ts","sourceRoot":"","sources":["../../../../../../../../src/theme/functions/fns/theme-color/theme-color.ts"],"names":[],"mappings":"AACA,wBAAgB,UAAU,CAAC,MAAM,EAAE,GAAG,YACpB,GAAG,QAGpB"}

package/lib/typescript/module/src/theme/functions/fns/variant.d.ts

@@ -0,0 +1,2 @@
+export declare const variant: (_theme: any) => (_variant: string) => {};
+//# sourceMappingURL=variant.d.ts.map

package/lib/typescript/module/src/theme/functions/fns/variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../../../../../src/theme/functions/fns/variant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAY,GAAG,gBAAgB,MAAM,OAExD,CAAA"}

package/lib/typescript/module/src/theme/generate-theme.d.ts

@@ -0,0 +1,3 @@
+import type { TTheme } from './default-theme';
+export declare const generateTheme: (theme?: Partial<TTheme>) => TTheme;
+//# sourceMappingURL=generate-theme.d.ts.map

package/lib/typescript/module/src/theme/generate-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-theme.d.ts","sourceRoot":"","sources":["../../../../../src/theme/generate-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,eAAO,MAAM,aAAa,WAAY,OAAO,CAAC,MAAM,CAAC,KAAG,MAiBvD,CAAC"}

package/lib/typescript/module/src/theme/get-size/index.d.ts

@@ -0,0 +1,6 @@
+import type { MantineNumberSize } from 'react-native-mantine';
+export declare function getSize<Sizes extends Record<any, any>, Key extends keyof Sizes, Size extends MantineNumberSize>({ size, sizes, }: {
+    size: Size;
+    sizes: Sizes;
+}): Size extends Key ? Sizes[Size] : Size extends number ? number : Size;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/theme/get-size/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/get-size/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,wBAAgB,OAAO,CACrB,KAAK,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAC9B,GAAG,SAAS,MAAM,KAAK,EACvB,IAAI,SAAS,iBAAiB,EAC9B,EACA,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,IAAI,SAAS,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,CAKvE"}

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

@@ -0,0 +1,5 @@
+export { ThemeProvider, useTheme, Theme } from './theme-provider';
+export { createStyles } from './create-styles';
+export { filterProps } from './filter-props';
+export { getSize } from './get-size';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/module/src/theme/theme-provider.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { TTheme } from './default-theme';
+type ThemeProps = {
+    children: ReactNode;
+    theme?: Partial<TTheme>;
+    forceMode?: 'light' | 'dark';
+};
+export declare const ThemeContext: React.Context<any>;
+export declare const ThemeProvider: ({ children, theme, forceMode, }: {
+    children: React.ReactNode;
+    theme: TTheme;
+    forceMode?: "light" | "dark";
+}) => React.ReactElement;
+export declare const useTheme: () => TTheme;
+export declare const Theme: ({ children, theme: themeOverwrite, forceMode, }: ThemeProps) => React.ReactElement;
+export declare function useComponentDefaultProps<T extends Record<string, any>, U extends Partial<T> = {}>(component: string, defaultProps: U, props: T): T & {
+    [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;
+};
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/lib/typescript/module/src/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAM9C,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY,oBAA2B,CAAC;AAErD,eAAO,MAAM,aAAa,oCAIvB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B,KAAG,KAAK,CAAC,YAkDT,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,MAAkC,CAAC;AAE/D,eAAO,MAAM,KAAK,oDAIf,UAAU,KAAG,KAAK,CAAC,YAerB,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,EAEzB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,CAAC,GACP,CAAC,GAAG;KACJ,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;CACnE,CASA"}

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

@@ -0,0 +1,2 @@
+export type ColorScheme = 'light' | 'dark';
+//# sourceMappingURL=ColorScheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/ColorScheme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC"}

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

@@ -0,0 +1,8 @@
+type CSSObject = any;
+export type ClassNames<StylesNames extends string> = Partial<Record<StylesNames, string>>;
+export type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames, CSSObject>> | ((theme: any, params: StylesParams, context: any) => Partial<Record<StylesNames, CSSObject>>);
+export interface DefaultProps {
+    style?: any;
+}
+export {};
+//# sourceMappingURL=DefaultProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultProps.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/DefaultProps.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG,GAAG,CAAA;AACpB,MAAM,MAAM,UAAU,CAAC,WAAW,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1F,MAAM,MAAM,MAAM,CAAC,WAAW,SAAS,MAAM,EAAE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,IAC3F,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GACvC,CAAC,CACC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,GAAG,KACT,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb"}

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

@@ -0,0 +1,8 @@
+import type { Tuple } from './Tuple';
+export type DefaultMantineColor = 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal' | (string & {});
+export type MantineThemeColorsOverride = {};
+export type MantineThemeColors = MantineThemeColorsOverride extends {
+    colors: Record<infer CustomColors, Tuple<string, 10>>;
+} ? Record<CustomColors, Tuple<string, 10>> : Record<DefaultMantineColor, Tuple<string, 10>>;
+export type MantineColor = keyof MantineThemeColors;
+//# sourceMappingURL=MantineColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MantineColor.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/MantineColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,SAAS;IAClE,MAAM,EAAE,MAAM,CAAC,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;CACvD,GACG,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,GACvC,MAAM,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+export type MantineSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | (string & {});
+export type MantineNumberSize = MantineSize | number | (string & {});
+export type MantineSizes = Record<MantineSize, string>;
+//# sourceMappingURL=MantineSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MantineSize.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/MantineSize.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACrE,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { MantineNumberSize, MantineSize } from './MantineSize';
+export type SystemProp<Value> = Value | Partial<Record<MantineSize | (string & {}), Value>>;
+export type SpacingValue = MantineNumberSize | (string & {});
+export type MantineStyleSystemProps = any;
+//# sourceMappingURL=MantineStyleSystem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MantineStyleSystem.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/MantineStyleSystem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,UAAU,CAAC,KAAK,IACxB,KAAK,GACL,OAAO,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE7D,MAAM,MAAM,uBAAuB,GAAG,GAAG,CAAC"}

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

@@ -0,0 +1,4 @@
+type _TupleOf<T, N extends number, R extends unknown[]> = R['length'] extends N ? R : _TupleOf<T, N, [T, ...R]>;
+export type Tuple<T, N extends number> = N extends N ? number extends N ? T[] : _TupleOf<T, N, []> : never;
+export {};
+//# sourceMappingURL=Tuple.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tuple.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/Tuple.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,OAAO,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC3E,CAAC,GACD,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;AAE9B,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,CAAC,GAChD,MAAM,SAAS,CAAC,GACd,CAAC,EAAE,GACH,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GACpB,KAAK,CAAC"}

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

@@ -0,0 +1,2 @@
+export type Variants<T> = T | (string & {});
+//# sourceMappingURL=Variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Variants.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/Variants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+export type { ColorScheme } from './ColorScheme';
+export type { DefaultProps, ClassNames, Styles } from './DefaultProps';
+export type { MantineColor, MantineThemeColors, DefaultMantineColor, MantineThemeColorsOverride, } from './MantineColor';
+export type { MantineStyleSystemProps, SystemProp, SpacingValue } from './MantineStyleSystem';
+export type { MantineNumberSize, MantineSize, MantineSizes } from './MantineSize';
+export type { Tuple } from './Tuple';
+export type { Variants } from './Variants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACvE,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC9F,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClF,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -0,0 +1,194 @@
+{
+  "name": "react-native-mantine",
+  "version": "0.1.11",
+  "description": "Make Mantine Accessable on React Native",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/src/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-mantine-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\" --config ./.eslintrc.json",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it",
+    "typescript": "tsc --noEmit"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/auronsan/react-native-mantine.git"
+  },
+  "author": "Auronsan <auronsanjr@gmail.com> (https://github.com/auronsan)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/auronsan/react-native-mantine/issues"
+  },
+  "homepage": "https://github.com/auronsan/react-native-mantine#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.25.1",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^29.5.5",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^18.2.44",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "prettier-eslint": "^16.3.0",
+    "react": "18.2.0",
+    "react-native": "0.74.5",
+    "react-native-builder-bob": "^0.30.2",
+    "release-it": "^15.0.0",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "library",
+    "version": "0.41.2"
+  },
+  "dependencies": {
+    "expo-font": "^12.0.10",
+    "lodash-es": "^4.17.21"
+  }
+}

package/src/components/ActionIcon/ActionIcon.tsx

@@ -0,0 +1,64 @@
+import { isValidElement } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { createStyles } from '../../theme/create-styles';
+import { BoxView } from '../BoxView';
+import { getSize } from '../../theme';
+
+export type ActionIconProps = {
+  onPress?: (payload: any) => void;
+  children?: React.ReactNode;
+  icon: React.ReactNode;
+  minWidth?: number;
+  style?: any;
+  size: any;
+};
+
+export const ActionIcon = ({
+  onPress = () => {},
+  children,
+  icon,
+  minWidth = 100,
+  style,
+  size = 'md',
+}: ActionIconProps): React.ReactElement => {
+  const { styles } = useStyles({ minWidth, size });
+  return (
+    <TouchableOpacity
+      onPress={typeof onPress === 'function' ? onPress : () => {}}
+      style={[style, styles.container]}
+    >
+      <>
+        <BoxView style={styles.containerButton}>{icon}</BoxView>
+        {isValidElement(children) ? children : <></>}
+      </>
+    </TouchableOpacity>
+  );
+};
+
+export const sizes = {
+  xs: 18,
+  sm: 22,
+  md: 28,
+  lg: 34,
+  xl: 44,
+};
+
+const useStyles = createStyles((theme, { minWidth = 100, size = 40 }) => {
+  return {
+    container: {
+      alignItems: 'center',
+      minWidth: minWidth,
+    },
+    containerButton: {
+      backgroundColor:
+        theme.currentMode === 'dark'
+          ? theme.primaryBgColor
+          : theme.secondaryBgColor,
+      borderRadius: 50,
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: getSize({ size: size, sizes }),
+      width: getSize({ size: size, sizes }),
+    },
+  };
+});

package/src/components/ActionIcon/index.ts

@@ -0,0 +1,3 @@
+export { ActionIcon } from './ActionIcon';
+
+export type { ActionIconProps } from './ActionIcon';

package/src/components/BoxView/index.tsx

@@ -0,0 +1,30 @@
+import { forwardRef } from 'react';
+import { View as DefaultView } from 'react-native';
+
+export type CustomViewStyle = {
+  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only';
+};
+
+export type ViewProps = DefaultView['props'] & {
+  fullWidth?: boolean;
+  fullHeight?: boolean;
+  children?: React.ReactNode;
+  style?: CustomViewStyle;
+};
+
+export const BoxView = forwardRef((props: ViewProps, ref: any) => {
+  const { style, fullWidth, fullHeight, ...otherProps } = props;
+  return (
+    <DefaultView
+      style={[
+        style,
+        {
+          ...(fullWidth ? { width: '100%' } : {}),
+          ...(fullHeight ? { height: '100%' } : {}),
+        },
+      ]}
+      ref={ref}
+      {...otherProps}
+    />
+  );
+});

package/src/components/Group/index.tsx

@@ -0,0 +1,48 @@
+import type { ViewStyle } from 'react-native';
+
+import { BoxView } from '../BoxView';
+import type { ViewProps } from '../BoxView';
+
+export const Group = ({
+  children,
+  position,
+  style,
+  alignCenter = true,
+  alignBottom = false,
+  noWrap = false,
+  spacing = 5,
+  ...rest
+}: ViewProps & {
+  position?: string;
+  alignCenter?: boolean;
+  alignBottom?: boolean;
+  noWrap?: boolean;
+  spacing?: number;
+}): React.ReactElement => {
+  return (
+    <BoxView
+      style={{
+        gap: spacing,
+        flexDirection: 'row',
+        justifyContent:
+          position === 'apart'
+            ? 'space-between'
+            : position === 'center'
+              ? 'center'
+              : position === 'right'
+                ? 'flex-end'
+                : 'flex-start',
+        flexWrap: noWrap ? 'nowrap' : 'wrap',
+        alignItems: alignCenter
+          ? 'center'
+          : alignBottom
+            ? 'flex-end'
+            : 'flex-start',
+        ...(style as ViewStyle),
+      }}
+      {...rest}
+    >
+      {children}
+    </BoxView>
+  );
+};

package/src/components/Loader/Loader.tsx

@@ -0,0 +1,50 @@
+import { ActivityIndicator } from 'react-native';
+import type { MantineNumberSize, MantineColor } from '../../theme/types';
+
+import { useComponentDefaultProps } from '../../theme/theme-provider';
+
+// const sizes = {
+//   xs: 18,
+//   sm: 22,
+//   md: 36,
+//   lg: 44,
+//   xl: 58,
+// };
+
+export interface LoaderProps {
+  /** Defines width of loader */
+  size?: MantineNumberSize;
+
+  /** Loader color from theme */
+  color?: MantineColor;
+
+  /** Loader appearance */
+  variant?: any;
+}
+
+const defaultProps: Partial<LoaderProps> = {
+  size: 'md',
+};
+
+export function Loader(props: LoaderProps) {
+  const { size, color, variant, ...others } = useComponentDefaultProps(
+    'Loader',
+    defaultProps,
+    props
+  );
+  return (
+    <ActivityIndicator
+      // size={getSize({ size, sizes })}
+      // color={
+      //   theme.fn.variant({
+      //     variant: 'filled',
+      //     primaryFallback: false,
+      //     color: color || theme.primaryColor,
+      //   }).background
+      // }
+      {...others}
+    />
+  );
+}
+
+Loader.displayName = '@mantine/core/Loader';

package/src/components/Loader/index.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader';

package/src/components/Stack/index.tsx

@@ -0,0 +1,29 @@
+import type { ViewStyle } from 'react-native';
+
+import { BoxView } from '../BoxView';
+import type { ViewProps } from '../BoxView';
+
+export const Stack = ({
+  children,
+  position,
+  style,
+  spacing = 15,
+  ...rest
+}: ViewProps & {
+  position?: string;
+  spacing?: number;
+}): React.ReactElement => {
+  return (
+    <BoxView
+      style={{
+        gap: spacing,
+        flexDirection: 'column',
+        ...(position === 'center' ? { alignItems: 'center' } : {}),
+        ...(style as ViewStyle),
+      }}
+      {...rest}
+    >
+      {children}
+    </BoxView>
+  );
+};