@navegarti/rn-design-system 0.7.8 → 0.7.10

package/lib/module/components/Input/styles.js

@@ -14,9 +14,10 @@ export const InputErrorText = styled(Text)({
 export const StyledMaskInput = styled(RNMaskInput)({
   flex: 1
 });
-export const ErrorExclamation = styled(InputErrorText)({
+export const ErrorExclamation = styled(Text)({
   fontWeight: 'bold',
-  fontSize: 16
+  fontSize: 16,
+  color: '#d13033'
 });
 export const InputControlContainer = styled.Pressable(({
   isFocused,

package/lib/module/components.js

@@ -2,7 +2,7 @@
 
 /**
  * Components module entry point.
- * Exports all UI components from the design system.
+ * Exports all UI components and their prop types from the design system.
  */
 
 export { Button } from "./components/Button/index.js";

package/lib/module/index.js

@@ -3,13 +3,59 @@
 /**
  * Main entry point for @navegarti/rn-design-system
  *
- * Import from subpaths:
- *   - '@navegarti/rn-design-system/components'
- *   - '@navegarti/rn-design-system/hooks'
- *   - '@navegarti/rn-design-system/utils'
- *   - '@navegarti/rn-design-system/api'
- *   - '@navegarti/rn-design-system/form'
+ * Re-exports everything from each sub-path module so consumers can use either:
+ *   import { Button } from '@navegarti/rn-design-system'
+ *   import { Button } from '@navegarti/rn-design-system/components'
+ *
+ * Tree shaking is enabled via "sideEffects": false in package.json,
+ * so unused exports are eliminated at build time.
  */
 
-export {};
+// API
+export { ApiError, AuthError, NetworkError, NotFoundError, RateLimitError, ServerError, TimeoutError, ValidationError } from "./api/errors.js";
+export { AxiosAdapter, apiRequest, useAuthStore } from "./api/index.js";
+// Components
+export { Button } from "./components/Button/index.js";
+export { Carousel } from "./components/Carousel/index.js";
+export { Checkbox } from "./components/Checkbox/index.js";
+export { FAB } from "./components/FAB/index.js";
+export { Flex } from "./components/Flex/index.js";
+export { FormLabel } from "./components/FormLabel/index.js";
+export { Input } from "./components/Input/index.js";
+export { Margin } from "./components/Margin/index.js";
+export { OTPInput } from "./components/OTPInput/index.js";
+export { Padding } from "./components/Padding/index.js";
+export { Radio } from "./components/Radio/index.js";
+export { Select } from "./components/Select/index.js";
+export { Skeleton } from "./components/Skeleton/index.js";
+export { Switch } from "./components/Switch/index.js";
+export { Text } from "./components/Text/index.js";
+// Form & Validators
+export { formValidators } from "./formValidators/index.js";
+// Hooks
+export { useAppIsActive } from "./hooks/useAppIsActive.js";
+export { useAppSecurity } from "./hooks/useAppSecurity.js";
+export { useNetworkMonitor, useNetworkStatus } from "./hooks/useNetworkStatus.js";
+export { useStatusBar } from "./hooks/useStatusBar.js";
+export { tanstackForm } from "./libs/tanstack-form.js";
+
+// Utils
+export { camelCase } from "./utils/camelCase.js";
+export { camelCaseJSONKeys } from "./utils/camelCaseJSONKeys.js";
+export { capitalizeWord } from "./utils/capitalizeWord.js";
+export { createLinkingPhoneNumberString } from "./utils/createLinkingPhoneNumberString.js";
+export * from "./utils/dateFormatters.js";
+export { debounce } from "./utils/debounce.js";
+export { deepLinkParser } from "./utils/deepLinkParser.js";
+export { getAge } from "./utils/getAge.js";
+export { getOnlyNumbers } from "./utils/getOnlyNumbers.js";
+export { isArray } from "./utils/isArray.js";
+export { isObject } from "./utils/isObject.js";
+export { Masks } from "./utils/masks.js";
+export { priceFormatter } from "./utils/priceFormatter.js";
+export { removeTextAccents } from "./utils/removeTextAccents.js";
+export { shadowStyledIos } from "./utils/shadowStyledIos.js";
+export { sortBy } from "./utils/sortBy.js";
+export { uniqBy } from "./utils/uniqBy.js";
+export { userFullnameInitialsExtractor } from "./utils/userFullnameInitialsExtractor.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,5 @@
 import { type ButtonProps } from './styles';
+export type { ButtonProps } from './styles';
 declare const Button: ((props: ButtonProps) => import("react/jsx-runtime").JSX.Element) & {
     Square: import("@emotion/native").StyledComponent<{
         color?: string;

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

@@ -1,4 +1,5 @@
 import type { CarouselRootProps } from './types';
+export type { CarouselRootProps } from './types';
 export declare const Carousel: (<T>({ children, data, itemWidth, gapBetweenItems, renderItem, onSnapToItem, defaultIndex, autoPlay, autoPlaySeconds, centerItems, }: CarouselRootProps<T>) => import("react/jsx-runtime").JSX.Element) & {
     List: <T>({ contentContainerStyle, snapEnabled, ...props }: {
         contentContainerStyle?: import("react-native").StyleProp<Readonly<Omit<Readonly<Omit<Readonly<{

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

@@ -1,4 +1,5 @@
 import { type FABProps } from './styles';
+export type { ExtendedFABProps, FABProps } from './styles';
 declare const FAB: ((props: FABProps) => import("react/jsx-runtime").JSX.Element) & {
     Small: (props: FABProps) => import("react/jsx-runtime").JSX.Element;
     Large: (props: FABProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,13 @@
 /**
  * Components module entry point.
- * Exports all UI components from the design system.
+ * Exports all UI components and their prop types from the design system.
  */
+export type { ButtonProps } from './components/Button';
 export { Button } from './components/Button';
+export type { CarouselRootProps } from './components/Carousel';
 export { Carousel } from './components/Carousel';
 export { Checkbox } from './components/Checkbox';
+export type { ExtendedFABProps, FABProps } from './components/FAB';
 export { FAB } from './components/FAB';
 export { Flex } from './components/Flex';
 export { FormLabel } from './components/FormLabel';
@@ -16,5 +19,6 @@ export { Radio } from './components/Radio';
 export { Select } from './components/Select';
 export { Skeleton } from './components/Skeleton';
 export { Switch } from './components/Switch';
+export type { TextComponentProps, TextStyleProps } from './components/Text';
 export { Text } from './components/Text';
 //# sourceMappingURL=components.d.ts.map

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

@@ -1,12 +1,57 @@
 /**
  * Main entry point for @navegarti/rn-design-system
  *
- * Import from subpaths:
- *   - '@navegarti/rn-design-system/components'
- *   - '@navegarti/rn-design-system/hooks'
- *   - '@navegarti/rn-design-system/utils'
- *   - '@navegarti/rn-design-system/api'
- *   - '@navegarti/rn-design-system/form'
+ * Re-exports everything from each sub-path module so consumers can use either:
+ *   import { Button } from '@navegarti/rn-design-system'
+ *   import { Button } from '@navegarti/rn-design-system/components'
+ *
+ * Tree shaking is enabled via "sideEffects": false in package.json,
+ * so unused exports are eliminated at build time.
  */
-export {};
+export { ApiError, AuthError, NetworkError, NotFoundError, RateLimitError, ServerError, TimeoutError, ValidationError, } from './api/errors';
+export { AxiosAdapter, apiRequest, useAuthStore } from './api/index';
+export type { ApiConfig, ApiResponse, IHttpAdapter } from './api/types';
+export type { ButtonProps } from './components/Button';
+export { Button } from './components/Button';
+export type { CarouselRootProps } from './components/Carousel';
+export { Carousel } from './components/Carousel';
+export { Checkbox } from './components/Checkbox';
+export type { ExtendedFABProps, FABProps } from './components/FAB';
+export { FAB } from './components/FAB';
+export { Flex } from './components/Flex';
+export { FormLabel } from './components/FormLabel';
+export { Input } from './components/Input';
+export { Margin } from './components/Margin';
+export { OTPInput } from './components/OTPInput';
+export { Padding } from './components/Padding';
+export { Radio } from './components/Radio';
+export { Select } from './components/Select';
+export { Skeleton } from './components/Skeleton';
+export { Switch } from './components/Switch';
+export type { TextComponentProps, TextStyleProps } from './components/Text';
+export { Text } from './components/Text';
+export { formValidators } from './formValidators';
+export { useAppIsActive } from './hooks/useAppIsActive';
+export { useAppSecurity } from './hooks/useAppSecurity';
+export { useNetworkMonitor, useNetworkStatus } from './hooks/useNetworkStatus';
+export { useStatusBar } from './hooks/useStatusBar';
+export { tanstackForm } from './libs/tanstack-form';
+export { camelCase } from './utils/camelCase';
+export { camelCaseJSONKeys } from './utils/camelCaseJSONKeys';
+export { capitalizeWord } from './utils/capitalizeWord';
+export { createLinkingPhoneNumberString } from './utils/createLinkingPhoneNumberString';
+export * from './utils/dateFormatters';
+export { debounce } from './utils/debounce';
+export { deepLinkParser } from './utils/deepLinkParser';
+export { getAge } from './utils/getAge';
+export { getOnlyNumbers } from './utils/getOnlyNumbers';
+export { isArray } from './utils/isArray';
+export { isObject } from './utils/isObject';
+export { Masks } from './utils/masks';
+export { priceFormatter } from './utils/priceFormatter';
+export { removeTextAccents } from './utils/removeTextAccents';
+export { shadowStyledIos } from './utils/shadowStyledIos';
+export { sortBy } from './utils/sortBy';
+export { uniqBy } from './utils/uniqBy';
+export { userFullnameInitialsExtractor } from './utils/userFullnameInitialsExtractor';
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,38 +1,52 @@
 {
   "name": "@navegarti/rn-design-system",
-  "version": "0.7.8",
+  "version": "0.7.10",
   "description": "Components and functions to help navegar projects",
+  "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
+  "sideEffects": false,
   "exports": {
     ".": {
       "source": "./src/index.tsx",
+      "react-native": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
+      "import": "./lib/module/index.js",
       "default": "./lib/module/index.js"
     },
     "./components": {
       "source": "./src/components.tsx",
+      "react-native": "./src/components.tsx",
       "types": "./lib/typescript/src/components.d.ts",
+      "import": "./lib/module/components.js",
       "default": "./lib/module/components.js"
     },
     "./utils": {
       "source": "./src/utils.tsx",
+      "react-native": "./src/utils.tsx",
       "types": "./lib/typescript/src/utils.d.ts",
+      "import": "./lib/module/utils.js",
       "default": "./lib/module/utils.js"
     },
     "./hooks": {
       "source": "./src/hooks.tsx",
+      "react-native": "./src/hooks.tsx",
       "types": "./lib/typescript/src/hooks.d.ts",
+      "import": "./lib/module/hooks.js",
       "default": "./lib/module/hooks.js"
     },
     "./api": {
       "source": "./src/api.tsx",
+      "react-native": "./src/api.tsx",
       "types": "./lib/typescript/src/api.d.ts",
+      "import": "./lib/module/api.js",
       "default": "./lib/module/api.js"
     },
     "./form": {
       "source": "./src/form.tsx",
+      "react-native": "./src/form.tsx",
       "types": "./lib/typescript/src/form.d.ts",
+      "import": "./lib/module/form.js",
       "default": "./lib/module/form.js"
     },
     "./package.json": "./package.json"
@@ -111,7 +125,7 @@
     "jail-monkey": "^2.8.4",
     "libphonenumber-js": "^1.12.36",
     "react-native-mask-input": "^1.2.3",
-    "react-native-nitro-modules": "^0.33.7",
+    "react-native-nitro-modules": "^0.33.8",
     "react-native-permissions": "^5.4.4",
     "react-native-picker-select": "^9.3.1",
     "react-native-svg": "^15.15.3",
@@ -134,9 +148,9 @@
     "lefthook": "^2.1.0",
     "prettier": "^3.8.1",
     "prop-types": "^15.8.1",
-    "react": "19.2.4",
+    "react": "19.1.0",
     "react-native": "0.83.1",
-    "react-native-builder-bob": "^0.40.17",
+    "react-native-builder-bob": "^0.40.18",
     "release-it": "^19.2.4",
     "typescript": "^5.9.3"
   },

package/src/components/Button/index.tsx

@@ -2,6 +2,8 @@ import styled from '@emotion/native';
 
 import { type ButtonProps, ButtonText, DefaultButtonStyle } from './styles';
 
+export type { ButtonProps } from './styles';
+
 const DefaultButton = (props: ButtonProps) => (
   <DefaultButtonStyle activeOpacity={0.5} {...props} />
 );

package/src/components/Carousel/index.tsx

@@ -13,6 +13,8 @@ import { CarouselSeeAllButton } from './components/see-all-button';
 import { CarouselContext } from './context';
 import type { CarouselRootProps } from './types';
 
+export type { CarouselRootProps } from './types';
+
 const CarouselRoot = <T,>({
   children,
   data,

package/src/components/FAB/index.tsx

@@ -1,6 +1,8 @@
 import { ExtendedFAB } from './components/extended-fab';
 import { DefaultFABStyle, type FABProps, LargeFAB, SmallFAB } from './styles';
 
+export type { ExtendedFABProps, FABProps } from './styles';
+
 const DefaultFAB = (props: FABProps) => (
   <DefaultFABStyle activeOpacity={0.9} {...props} />
 );

package/src/components/Input/styles.ts

@@ -17,9 +17,10 @@ export const StyledMaskInput = styled(RNMaskInput)({
   flex: 1,
 });
 
-export const ErrorExclamation = styled(InputErrorText)({
+export const ErrorExclamation = styled(Text)({
   fontWeight: 'bold',
   fontSize: 16,
+  color: '#d13033',
 });
 
 export const InputControlContainer = styled.Pressable<{

package/src/components.tsx

@@ -1,12 +1,17 @@
 /**
  * Components module entry point.
- * Exports all UI components from the design system.
+ * Exports all UI components and their prop types from the design system.
  */
 
+export type { ButtonProps } from './components/Button';
 export { Button } from './components/Button';
+export type { CarouselRootProps } from './components/Carousel';
 export { Carousel } from './components/Carousel';
+
 export { Checkbox } from './components/Checkbox';
+export type { ExtendedFABProps, FABProps } from './components/FAB';
 export { FAB } from './components/FAB';
+
 export { Flex } from './components/Flex';
 export { FormLabel } from './components/FormLabel';
 export { Input } from './components/Input';
@@ -17,4 +22,5 @@ export { Radio } from './components/Radio';
 export { Select } from './components/Select';
 export { Skeleton } from './components/Skeleton';
 export { Switch } from './components/Switch';
+export type { TextComponentProps, TextStyleProps } from './components/Text';
 export { Text } from './components/Text';

package/src/index.tsx

@@ -1,12 +1,76 @@
 /**
  * Main entry point for @navegarti/rn-design-system
  *
- * Import from subpaths:
- *   - '@navegarti/rn-design-system/components'
- *   - '@navegarti/rn-design-system/hooks'
- *   - '@navegarti/rn-design-system/utils'
- *   - '@navegarti/rn-design-system/api'
- *   - '@navegarti/rn-design-system/form'
+ * Re-exports everything from each sub-path module so consumers can use either:
+ *   import { Button } from '@navegarti/rn-design-system'
+ *   import { Button } from '@navegarti/rn-design-system/components'
+ *
+ * Tree shaking is enabled via "sideEffects": false in package.json,
+ * so unused exports are eliminated at build time.
  */
 
-export {};
+// API
+export {
+  ApiError,
+  AuthError,
+  NetworkError,
+  NotFoundError,
+  RateLimitError,
+  ServerError,
+  TimeoutError,
+  ValidationError,
+} from './api/errors';
+
+export { AxiosAdapter, apiRequest, useAuthStore } from './api/index';
+
+export type { ApiConfig, ApiResponse, IHttpAdapter } from './api/types';
+export type { ButtonProps } from './components/Button';
+// Components
+export { Button } from './components/Button';
+export type { CarouselRootProps } from './components/Carousel';
+export { Carousel } from './components/Carousel';
+
+export { Checkbox } from './components/Checkbox';
+export type { ExtendedFABProps, FABProps } from './components/FAB';
+export { FAB } from './components/FAB';
+
+export { Flex } from './components/Flex';
+export { FormLabel } from './components/FormLabel';
+export { Input } from './components/Input';
+export { Margin } from './components/Margin';
+export { OTPInput } from './components/OTPInput';
+export { Padding } from './components/Padding';
+export { Radio } from './components/Radio';
+export { Select } from './components/Select';
+export { Skeleton } from './components/Skeleton';
+export { Switch } from './components/Switch';
+export type { TextComponentProps, TextStyleProps } from './components/Text';
+export { Text } from './components/Text';
+// Form & Validators
+export { formValidators } from './formValidators';
+// Hooks
+export { useAppIsActive } from './hooks/useAppIsActive';
+export { useAppSecurity } from './hooks/useAppSecurity';
+export { useNetworkMonitor, useNetworkStatus } from './hooks/useNetworkStatus';
+export { useStatusBar } from './hooks/useStatusBar';
+export { tanstackForm } from './libs/tanstack-form';
+
+// Utils
+export { camelCase } from './utils/camelCase';
+export { camelCaseJSONKeys } from './utils/camelCaseJSONKeys';
+export { capitalizeWord } from './utils/capitalizeWord';
+export { createLinkingPhoneNumberString } from './utils/createLinkingPhoneNumberString';
+export * from './utils/dateFormatters';
+export { debounce } from './utils/debounce';
+export { deepLinkParser } from './utils/deepLinkParser';
+export { getAge } from './utils/getAge';
+export { getOnlyNumbers } from './utils/getOnlyNumbers';
+export { isArray } from './utils/isArray';
+export { isObject } from './utils/isObject';
+export { Masks } from './utils/masks';
+export { priceFormatter } from './utils/priceFormatter';
+export { removeTextAccents } from './utils/removeTextAccents';
+export { shadowStyledIos } from './utils/shadowStyledIos';
+export { sortBy } from './utils/sortBy';
+export { uniqBy } from './utils/uniqBy';
+export { userFullnameInitialsExtractor } from './utils/userFullnameInitialsExtractor';

package/lib/module/lucide-icons.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=lucide-icons.d.js.map

package/src/lucide-icons.d.ts

@@ -1,5 +0,0 @@
-declare module 'lucide-react-native/dist/esm/icons/*' {
-  import type { LucideIcon } from 'lucide-react-native';
-  const icon: LucideIcon;
-  export default icon;
-}