react-native-mantine 0.15.0 → 0.16.1

package/lib/typescript/module/src/components/Table/index.d.ts

@@ -1,95 +1,29 @@
 import React from 'react';
-import type { DimensionValue } from 'react-native';
-import type { DefaultProps, SpacingValue } from '../../theme/types';
-import { type WithTextWrapperProps } from '../../theme/utils/withTextWrapper';
+import type { DefaultProps, MantineNumberSize } from '../../theme/types';
 export interface TableProps extends DefaultProps {
-    /** Table children (Thead, Tbody, Tfoot) */
-    children?: React.ReactNode;
-    /** Horizontal scroll on overflow */
-    horizontalSpacing?: SpacingValue;
-    /** Vertical spacing between rows */
-    verticalSpacing?: SpacingValue;
-    /** Font size */
-    fontSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Add striped rows styling */
+    /** If true every odd row of table will have gray background color */
     striped?: boolean;
-    /** Highlight row on hover */
+    /** If true row will have hover color */
     highlightOnHover?: boolean;
+    /** Table caption position */
+    captionSide?: 'top' | 'bottom';
+    /** Horizontal cells spacing from theme.spacing or any valid value */
+    horizontalSpacing?: MantineNumberSize;
+    /** Vertical cells spacing from theme.spacing or any valid value */
+    verticalSpacing?: MantineNumberSize;
+    /** Sets font size of all text inside table */
+    fontSize?: MantineNumberSize;
     /** Add border to table */
     withBorder?: boolean;
-    /** Add borders between columns */
+    /** Add border to columns */
     withColumnBorders?: boolean;
-    /** Caption position */
-    captionSide?: 'top' | 'bottom';
-    /** Table caption */
-    caption?: React.ReactNode;
-    /** Flex value for the table container (e.g., 1 to fill available space) */
-    flex?: number;
-    /** Flex grow value for the table container */
-    flexGrow?: number;
-    /** Flex shrink value for the table container */
-    flexShrink?: number;
-    /** Flex basis value for the table container */
-    flexBasis?: DimensionValue;
-    /** Additional styles */
-    style?: any;
-}
-export interface TableTheadProps extends DefaultProps {
-    /** Thead children */
-    children?: React.ReactNode;
-    /** Additional styles */
-    style?: any;
-}
-export interface TableTbodyProps extends DefaultProps {
-    /** Tbody children */
-    children?: React.ReactNode;
-    /** Additional styles */
-    style?: any;
-}
-export interface TableTfootProps extends DefaultProps {
-    /** Tfoot children */
+    /** Table children (THead, TBody, TFoot, Caption) */
     children?: React.ReactNode;
     /** Additional styles */
     style?: any;
+    /** Enable horizontal scrolling */
+    horizontallyScrollable?: boolean;
 }
-export interface TableTrProps extends DefaultProps {
-    /** Tr children */
-    children?: React.ReactNode;
-    /** Additional styles */
-    style?: any;
-    /** Internal row index */
-    __index?: number;
-}
-export interface TableThProps extends DefaultProps, WithTextWrapperProps {
-    /** Th children */
-    children?: React.ReactNode;
-    /** Additional styles */
-    style?: any;
-    /** Internal column index */
-    __columnIndex?: number;
-}
-export interface TableTdProps extends DefaultProps, WithTextWrapperProps {
-    /** Td children */
-    children?: React.ReactNode;
-    /** Additional styles */
-    style?: any;
-    /** Internal column index */
-    __columnIndex?: number;
-}
-declare const Thead: React.ForwardRefExoticComponent<TableTheadProps & React.RefAttributes<any>>;
-declare const Tbody: React.ForwardRefExoticComponent<TableTbodyProps & React.RefAttributes<any>>;
-declare const Tfoot: React.ForwardRefExoticComponent<TableTfootProps & React.RefAttributes<any>>;
-declare const Tr: React.ForwardRefExoticComponent<TableTrProps & React.RefAttributes<any>>;
-declare const Th: React.ForwardRefExoticComponent<TableThProps & React.RefAttributes<any>>;
-declare const Td: React.ForwardRefExoticComponent<TableTdProps & React.RefAttributes<any>>;
-interface TableComponent extends React.ForwardRefExoticComponent<TableProps & React.RefAttributes<any>> {
-    Thead: typeof Thead;
-    Tbody: typeof Tbody;
-    Tfoot: typeof Tfoot;
-    Tr: typeof Tr;
-    Th: typeof Th;
-    Td: typeof Td;
-}
-declare const TableWithSubComponents: TableComponent;
-export { TableWithSubComponents as Table };
+export declare const _Table: any;
+export declare const Table: any;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAqB,cAAc,EAAE,MAAM,cAAc,CAAC;AAGtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIpE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAqB/F,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,YAAY,CAAC;IAEjC,oCAAoC;IACpC,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,gBAAgB;IAChB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE5C,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,uBAAuB;IACvB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE/B,oBAAoB;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY,EAAE,oBAAoB;IACtE,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY,EAAE,oBAAoB;IACtE,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAwOD,QAAA,MAAM,KAAK,6EAST,CAAC;AAEH,QAAA,MAAM,KAAK,6EAmBT,CAAC;AAEH,QAAA,MAAM,KAAK,6EAQT,CAAC;AAEH,QAAA,MAAM,EAAE,0EA8BN,CAAC;AAEH,QAAA,MAAM,EAAE,0EAuCN,CAAC;AAEH,QAAA,MAAM,EAAE,0EAuCN,CAAC;AAWH,UAAU,cAAe,SAAQ,KAAK,CAAC,yBAAyB,CAC9D,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CACtC;IACC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,EAAE,EAAE,OAAO,EAAE,CAAC;IACd,EAAE,EAAE,OAAO,EAAE,CAAC;IACd,EAAE,EAAE,OAAO,EAAE,CAAC;CACf;AAED,QAAA,MAAM,sBAAsB,EAAY,cAAc,CAAC;AAQvD,OAAO,EAAE,sBAAsB,IAAI,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKzE,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE/B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC,mEAAmE;IACnE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IAEpC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4BAA4B;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ,kCAAkC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAqVD,eAAO,MAAM,MAAM,EAwEb,GAAG,CAAC;AAKV,eAAO,MAAM,KAAK,KAQhB,CAAC"}

package/lib/typescript/module/src/components/UnstyledButton/UnstyledButton.styles.d.ts

@@ -1,7 +1,18 @@
 declare const _default: (params?: any, variations?: any) => {
-    styles: {
-        root: import("react-native").TextStyle | import("react-native").ViewStyle | import("react-native").ImageStyle;
-    };
+    styles: Readonly<{
+        root: {
+            cursor: "pointer";
+            border: number;
+            padding: number;
+            appearance: string;
+            fontSize: number;
+            textAlign: "left";
+            color: string;
+            textDecoration: string;
+            boxSizing: "border-box";
+            backgroundColor: string;
+        };
+    }>;
     theme: import("../..").MantineTheme;
     sx: (...args: any) => any;
 };

package/lib/typescript/module/src/components/UnstyledButton/UnstyledButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UnstyledButton/UnstyledButton.styles.ts"],"names":[],"mappings":";;;;;;;AAEA,wBAeI"}
+{"version":3,"file":"UnstyledButton.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UnstyledButton/UnstyledButton.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,wBAeI"}

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

@@ -45,7 +45,6 @@ export * from './SegmentedControl';
 export * from './Pagination';
 export * from './Card';
 export * from './Timeline';
-export * from './Table';
 export * from './List';
 export * from './Image';
 export * from './BackgroundImage';
@@ -74,4 +73,5 @@ export * from './Select';
 export * from './MultiSelect';
 export * from './RingProgress';
 export * from './TransferList';
+export * from './Table';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAG5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAG1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAG5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAG1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,SAAS,CAAC"}

package/lib/typescript/module/src/theme/create-styles.d.ts

@@ -1,5 +1,9 @@
 import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
 import type { MantineTheme } from './types';
+/**
+ * Type constraint for style objects
+ * Ensures each property is a valid React Native style type
+ */
 type NamedStyles<T> = {
     [P in keyof T]: ViewStyle | TextStyle | ImageStyle;
 };
@@ -7,8 +11,38 @@ type Variations = {
     variant?: string;
     size: string | number;
 } | any;
-export declare function createStyles<T = any>(input: (theme: MantineTheme, params: any, variations?: Variations) => NamedStyles<T>): (params?: any, variations?: Variations) => {
-    styles: NamedStyles<T>;
+/**
+ * Creates a styles hook with proper TypeScript inference
+ *
+ * @template Styles - The shape of the styles object
+ * @template Params - The shape of the params object (defaults to any for backward compatibility)
+ * @param input - Function that returns style definitions based on theme, params, and variations
+ * @returns A hook that returns typed styles
+ *
+ * @example
+ * ```tsx
+ * const useStyles = createStyles(
+ *   (theme, params: { color: string }) => ({
+ *     container: {
+ *       backgroundColor: params.color,
+ *       padding: theme.spacing.md,
+ *     },
+ *     text: {
+ *       color: theme.colors.dark[0],
+ *       fontSize: theme.fontSizes.md,
+ *     },
+ *   })
+ * );
+ *
+ * // In component:
+ * const { styles } = useStyles({ color: 'red' });
+ * <View style={styles.container}>
+ *   <Text style={styles.text}>Hello</Text>
+ * </View>
+ * ```
+ */
+export declare function createStyles<Styles extends NamedStyles<Styles> = any, Params = any>(input: (theme: MantineTheme, params: Params, variations?: Variations) => Styles): (params?: Params, variations?: Variations) => {
+    styles: Readonly<Styles>;
     theme: MantineTheme;
     sx: (...args: any) => any;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"create-styles.d.ts","sourceRoot":"","sources":["../../../../../src/theme/create-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CACnD,CAAC;AAEF,KAAK,UAAU,GACX;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,GACD,GAAG,CAAC;AAER,wBAAgB,YAAY,CAAC,CAAC,GAAG,GAAG,EAClC,KAAK,EAAE,CACL,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,GAAG,EACX,UAAU,CAAC,EAAE,UAAU,KACpB,WAAW,CAAC,CAAC,CAAC,aAGS,GAAG,eAAe,UAAU;;;kBAGjC,GAAG;EAW3B"}
+{"version":3,"file":"create-styles.d.ts","sourceRoot":"","sources":["../../../../../src/theme/create-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;GAGG;AACH,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CACnD,CAAC;AAEF,KAAK,UAAU,GACX;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,GACD,GAAG,CAAC;AAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,YAAY,CAC1B,MAAM,SAAS,WAAW,CAAC,MAAM,CAAC,GAAG,GAAG,EACxC,MAAM,GAAG,GAAG,EAEZ,KAAK,EAAE,CACL,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,MAAM,EACd,UAAU,CAAC,EAAE,UAAU,KACpB,MAAM,aAIiB,MAAM,eAAe,UAAU;YAOb,QAAQ,CAAC,MAAM,CAAC;;kBAJvC,GAAG;EAW3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-mantine",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "description": "Make Mantine Accessable on React Native",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/Anchor/index.tsx

@@ -111,8 +111,8 @@ export const Anchor = forwardRef<RNText, AnchorProps>((props, ref) => {
     useComponentDefaultProps('Anchor', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { color, size, weight, underline },
-    { name: 'Anchor', variant }
+    { color: color!, size: size!, weight: weight!, underline: underline! },
+    { name: 'Anchor', variant: variant! }
   ) as any;
 
   const handlePress = () => {

package/src/components/Avatar/index.tsx

@@ -121,7 +121,7 @@ export const Avatar = forwardRef<any, AvatarProps>((props, ref) => {
   const [imageError, setImageError] = useState(false);
 
   const { styles, sx} = useStyles(
-    { color, radius, size },
+    { color: color!, radius: radius!, size: size! },
     { name: 'Avatar' }
   ) as any;
 

package/src/components/BackgroundImage/index.tsx

@@ -57,7 +57,7 @@ export const BackgroundImage = forwardRef<any, BackgroundImageProps>((props, ref
   } = useComponentDefaultProps('BackgroundImage', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { radius },
+    { radius: radius! },
     { name: 'BackgroundImage' }
   ) as any;
 

package/src/components/Badge/index.tsx

@@ -189,8 +189,8 @@ export const Badge = forwardRef<any, BadgeProps>((props, ref) => {
   } = useComponentDefaultProps('Badge', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { color, radius, fullWidth },
-    { name: 'Badge', variant, size }
+    { color: color!, radius: radius!, fullWidth: fullWidth! },
+    { name: 'Badge', variant: variant!, size: size! }
   ) as any;
 
   // Get the text color from the variant styles

package/src/components/Blockquote/index.tsx

@@ -85,7 +85,7 @@ export const Blockquote = forwardRef<any, BlockquoteProps>((props, ref) => {
   const { color, icon, cite, radius, children, style, withTextWrapper: shouldWrapInText} =
     useComponentDefaultProps('Blockquote', defaultProps, props);
 
-  const { styles, sx, ...others} = useStyles({ color, radius}, { name: 'Blockquote' }) as any;
+  const { styles, sx, ...others} = useStyles({ color: color!, radius: radius! }, { name: 'Blockquote' }) as any;
 
   return (
     <BoxView ref={ref} style={sx(styles.root, style)} {...others}>

package/src/components/Button/index.tsx

@@ -105,18 +105,18 @@ export const _Button = forwardRef<View, ButtonProps>((props, ref) => {
 
   const { styles, sx, theme } = useStyles(
     {
-      radius,
-      color,
-      fullWidth,
-      compact,
+      radius: radius!,
+      color: color!,
+      fullWidth: fullWidth!,
+      compact: compact!,
       gradient,
       withLeftIcon: !!leftIcon,
       withRightIcon: !!rightIcon,
     },
     {
       name: 'Button',
-      variant,
-      size,
+      variant: variant!,
+      size: size!,
     }
   );
 

package/src/components/Card/index.tsx

@@ -117,7 +117,7 @@ export const Card = forwardRef<any, CardProps>((props, ref) => {
     ...otherProps
   } = useComponentDefaultProps('Card', defaultCardProps, props);
 
-  const { styles, sx } = useCardStyles({ padding}, { name: 'Card' }) as any;
+  const { styles, sx } = useCardStyles({ padding: padding! }, { name: 'Card' }) as any;
 
   // Use p prop for Paper, padding for Card internal logic
   const paperPadding = p !== undefined ? p : 0;
@@ -145,8 +145,8 @@ export const CardSection = forwardRef<any, CardSectionProps>((props, ref) => {
   const { styles, sx} = useCardSectionStyles(
     {
       padding,
-      withBorder,
-      inheritPadding,
+      withBorder: withBorder!,
+      inheritPadding: inheritPadding!,
       cardPadding: cardContext?.padding,
     },
     { name: 'CardSection' }

package/src/components/Checkbox/index.tsx

@@ -116,7 +116,7 @@ export const Checkbox = forwardRef<any, CheckboxProps>((props, ref) => {
     ...otherProps
   } = useComponentDefaultProps('Checkbox', defaultProps, props);
 
-  const { styles, sx } = useStyles({ size, color, disabled}, { name: 'Checkbox' }) as any;
+  const { styles, sx } = useStyles({ size: size!, color: color!, disabled: disabled! }, { name: 'Checkbox' }) as any;
 
   const scaleAnim = useRef(new Animated.Value(checked ? 1 : 0)).current;
 

package/src/components/Chip/index.tsx

@@ -209,7 +209,7 @@ export const Chip = forwardRef<any, ChipProps>((props, ref) => {
   const checked = controlledChecked !== undefined ? controlledChecked : uncontrolledChecked;
 
   const { styles, sx} = useStyles(
-    { size, color, radius, variant, checked, disabled },
+    { size: size!, color: color!, radius: radius!, variant: variant!, checked, disabled: disabled! },
     { name: 'Chip' }
   ) as any;
 
@@ -306,7 +306,7 @@ export const ChipGroup = forwardRef<any, ChipGroupProps>((props, ref) => {
 
   const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
 
-  const { styles, sx } = useGroupStyles({ spacing}, { name: 'ChipGroup' }) as any;
+  const { styles, sx } = useGroupStyles({ spacing: spacing! }, { name: 'ChipGroup' }) as any;
 
   const handleChipChange = (chipValue: string, checked: boolean) => {
     let newValue: string | string[];

package/src/components/CloseButton/index.tsx

@@ -105,7 +105,7 @@ export const CloseButton = forwardRef<any, CloseButtonProps>((props, ref) => {
   } = useComponentDefaultProps('CloseButton', defaultProps, props);
 
   const { styles, sx, theme} = useStyles(
-    { size, radius, disabled },
+    { size: size!, radius: radius!, disabled: disabled! },
     { name: 'CloseButton' }
   ) as any;
 

package/src/components/ColorSwatch/index.tsx

@@ -82,7 +82,7 @@ export const ColorSwatch = forwardRef<any, ColorSwatchProps>((props, ref) => {
     useComponentDefaultProps('ColorSwatch', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { color, size, radius, withShadow },
+    { color: color!, size: size!, radius: radius!, withShadow: withShadow! },
     { name: 'ColorSwatch' }
   ) as any;
 

package/src/components/Dialog/index.tsx

@@ -163,7 +163,7 @@ export const Dialog = forwardRef<any, DialogProps>((props, ref) => {
     ...otherProps
   } = useComponentDefaultProps('Dialog', defaultProps, props);
 
-  const { styles, sx } = useStyles({ size, position, centered }, { name: 'Dialog' }) as any;
+  const { styles, sx } = useStyles({ size: size!, position, centered }, { name: 'Dialog' }) as any;
 
   const fadeAnim = useRef(new Animated.Value(0)).current;
   const slideAnim = useRef(new Animated.Value(50)).current;

package/src/components/Divider/index.tsx

@@ -139,7 +139,7 @@ export const Divider = forwardRef<any, DividerProps>((props, ref) => {
   } = useComponentDefaultProps('Divider', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { orientation, color, size, variant, labelPosition },
+    { orientation: orientation!, color, size: size!, variant: variant!, labelPosition: labelPosition! },
     { name: 'Divider' }
   ) as any;
 

package/src/components/Grid/index.tsx

@@ -130,7 +130,7 @@ export const Grid = Object.assign(
       useComponentDefaultProps('Grid', defaultGridProps, props);
 
     const { styles, sx} = useGridStyles(
-      { gutter, align, justify },
+      { gutter: gutter!, align: align!, justify: justify! },
       { name: 'Grid' }
     ) as any;
 
@@ -155,7 +155,7 @@ export const Grid = Object.assign(
           useComponentDefaultProps('GridCol', defaultColProps, props);
 
         const { styles, sx} = useColStyles(
-          { span, offset, order, columns, gutter, grow },
+          { span: span!, offset: offset!, order: order!, columns, gutter, grow },
           { name: 'GridCol' }
         ) as any;
 

package/src/components/Image/index.tsx

@@ -134,7 +134,7 @@ export const Image = forwardRef<any, ImageProps>((props, ref) => {
   const [error, setError] = useState(false);
 
   const { styles, sx } = useStyles(
-    { width, height, radius, fit },
+    { width, height, radius: radius!, fit: fit! },
     { name: 'Image' }
   ) as any;
 

package/src/components/Indicator/index.tsx

@@ -210,7 +210,7 @@ export const Indicator = forwardRef<any, IndicatorProps>((props, ref) => {
   } = useComponentDefaultProps('Indicator', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { color, size, radius, withBorder, position, offset, disabled, inline },
+    { color: color!, size: size!, radius: radius!, withBorder: withBorder!, position: position!, offset: offset!, disabled: disabled!, inline: inline! },
     { name: 'Indicator' }
   ) as any;
 

package/src/components/List/index.tsx

@@ -209,7 +209,7 @@ const ListRoot = forwardRef<any, ListProps>((props, ref) => {
   } = useComponentDefaultProps('List', defaultProps, props);
 
   const { styles, sx} = useListStyles(
-    { withPadding, spacing },
+    { withPadding: withPadding!, spacing: spacing! },
     { name: 'List' }
   ) as any;
 

package/src/components/Menu/index.tsx

@@ -282,7 +282,7 @@ const MenuItem = forwardRef<any, MenuItemProps>((props, ref) => {
   const [isPressed, setIsPressed] = React.useState(false);
 
   const { styles, sx } = useItemStyles(
-    { color, disabled },
+    { color: color!, disabled: disabled! },
     { name: 'MenuItem' }
   ) as any;
 

package/src/components/Overlay/index.tsx

@@ -76,7 +76,7 @@ export const Overlay = forwardRef<any, OverlayProps>((props, ref) => {
     useComponentDefaultProps('Overlay', defaultProps, props);
 
   const { styles, sx} = useStyles(
-    { opacity, color, zIndex, radius, fixed },
+    { opacity: opacity!, color: color!, zIndex: zIndex!, radius: radius!, fixed: fixed! },
     { name: 'Overlay' }
   ) as any;
 

package/src/components/Paper/index.tsx

@@ -81,7 +81,7 @@ export const Paper = forwardRef<any, PaperProps>((props, ref) => {
   const { shadow, radius, p, withBorder, children, style} =
     useComponentDefaultProps('Paper', defaultProps, props);
 
-  const { styles, sx, ...others} = useStyles({ shadow, radius, p, withBorder}, { name: 'Paper' }) as any;
+  const { styles, sx, ...others} = useStyles({ shadow, radius: radius!, p, withBorder: withBorder! }, { name: 'Paper' }) as any;
 
   return (
     <BoxView ref={ref} style={sx(styles.root, style)} {...others}>