@sincpro/mobile-ui 0.1.3 → 0.2.0

package/{lib → dist}/views/AuthFormView.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { Display } from "../Display";
 import AuthContainer from "../layouts/AuthContainer";
 import { Typography } from "../Typography";
 import { View } from "react-native";
 const Logo = Display.Logo;
 const Text = Typography.Text;
-function AuthFormView({ title, description, onBack, FormNode }) {
+function AuthFormView({ title, description, logoSource, onBack, FormNode }) {
     const renderTitle = () => {
         if (!title)
             return null;
@@ -16,6 +16,6 @@ function AuthFormView({ title, description, onBack, FormNode }) {
             return null;
         return _jsx(Text, { variant: "body", children: description });
     };
-    return (_jsx(AuthContainer, { header: _jsx(Logo, { size: "large" }), onBackPress: onBack, children: _jsxs(View, { className: "m-4", children: [_jsxs(View, { className: "mb-5", children: [renderTitle(), renderDescription()] }), FormNode] }) }));
+    return (_jsx(AuthContainer, { header: _jsx(Logo, { size: "large", source: logoSource }), onBackPress: onBack, children: _jsxs(View, { className: "m-4", children: [_jsxs(View, { className: "mb-5", children: [renderTitle(), renderDescription()] }), FormNode] }) }));
 }
 export default AuthFormView;

package/{lib → dist}/views/FormViewV2.context.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { createContext, useContext, useState } from "react";
 const Context = createContext(null);
 export function FormViewProvider({ name, description, item, isLoading = false, isEmpty = false, hasError = false, errorMessage, readonly = false, onRefresh, onRetry, onBack, children, }) {

package/{lib → dist}/views/FormViewV2.d.ts

@@ -1,5 +1,6 @@
 import { EVariantScreenHeader } from "../widgets/ScreenHeader";
 import { ReactNode } from "react";
+import { type ImageSourcePropType } from "react-native";
 interface FormViewProps<T> {
     name: string;
     description?: string;
@@ -16,8 +17,9 @@ interface FormViewProps<T> {
     children: ReactNode;
 }
 declare function FormViewRoot<T>({ name, description, item, isLoading, isEmpty, hasError, errorMessage, readonly, onRefresh, onRetry, onBack, withContainer, children, }: FormViewProps<T>): import("react/jsx-runtime").JSX.Element;
-declare function Header({ variant, children, }: {
+declare function Header({ variant, logoSource, children, }: {
     variant?: EVariantScreenHeader;
+    logoSource?: ImageSourcePropType;
     children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 declare function HeaderActions({ children }: {

package/{lib → dist}/views/FormViewV2.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "nativewind/jsx-runtime";
 import { ErrorBoundary, Feedback } from "../Feedback";
 import Container from "../layouts/Container";
 import { theme } from "../theme";
@@ -12,9 +12,9 @@ function FormViewRoot({ name, description, item, isLoading = false, isEmpty = fa
     const wrapperProps = withContainer ? {} : { style: { flex: 1 } };
     return (_jsx(FormViewProvider, { description: description, errorMessage: errorMessage, hasError: hasError, isEmpty: isEmpty, isLoading: isLoading, item: item, name: name, onBack: onBack, onRefresh: onRefresh, onRetry: onRetry, readonly: readonly, children: _jsx(ErrorBoundary, { children: _jsx(Wrapper, { ...wrapperProps, children: children }) }) }));
 }
-function Header({ variant = "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, children, }) {
+function Header({ variant = "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, logoSource, children, }) {
     const { name, description, onBack } = useFormView();
-    return (_jsx(_Fragment, { children: _jsx(ScreenHeader, { onBack: onBack, subtitle: description ? description : `Seleccionar ${name}`, title: name, variant: variant, children: children }) }));
+    return (_jsx(_Fragment, { children: _jsx(ScreenHeader, { logoSource: logoSource, onBack: onBack, subtitle: description ? description : `Seleccionar ${name}`, title: name, variant: variant, children: children }) }));
 }
 function HeaderActions({ children }) {
     return (_jsx(View, { className: "flex-row px-4 my-4 items-center justify-between flex-1 gap-2", children: children }));

package/{lib → dist}/views/ListViewV2.context.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { createContext, useContext, useState } from "react";
 const Context = createContext(null);
 export function ListViewProvider({ name, description, items, isLoading = false, hasError = false, errorMessage, readonly = false, onRefresh, onRetry, onPressItem, onDeleteItem, onSearch, onBack, children, }) {

package/{lib → dist}/views/ListViewV2.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
 import { Display } from "../Display";
 import { ErrorBoundary, Feedback } from "../Feedback";
 import { Form } from "../Form";

package/{lib → dist}/views/Wizard/Wizard.context.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { ErrorBoundary } from "../../Feedback";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { ActivityIndicator, Text, View } from "react-native";

package/{lib → dist}/views/Wizard/Wizard.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "nativewind/jsx-runtime";
 import { useWizard, WizardProvider } from "../../views/Wizard/Wizard.context";
 import { useEffect } from "react";
 import { TouchableOpacity } from "react-native";

package/dist/views/types/UIItem.js

@@ -0,0 +1 @@
+export {};

package/{lib → dist}/widgets/CircleButton.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { Display } from "../Display";
 import { theme } from "../theme";
 import { cn } from "../theme/tw";

package/{lib → dist}/widgets/GeoPermissionCard.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { Display, Form } from "../index";
 import { theme } from "../theme";
 import { Typography } from "../Typography";

package/{lib → dist}/widgets/HomeHeader.d.ts

@@ -1,7 +1,9 @@
 import React, { ReactNode } from "react";
+import { type ImageSourcePropType } from "react-native";
 interface HomeHeaderProps {
     readonly title?: string;
     readonly logo?: ReactNode;
+    readonly logoSource?: ImageSourcePropType;
     readonly backButton?: boolean;
     readonly onBack?: () => void;
 }

package/{lib → dist}/widgets/HomeHeader.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { Display, Typography } from "../index";
 import GradientContainer from "../layouts/GradientContainer";
 import { theme } from "../theme";
 import { TouchableOpacity, View } from "react-native";
-export const HomeHeader = ({ title = "Distribución", logo, backButton = false, onBack, }) => {
+export const HomeHeader = ({ title = "Distribución", logo, logoSource, backButton = false, onBack, }) => {
     const handleBackPress = onBack ?? (() => { });
-    return (_jsx(GradientContainer, { className: "pt-10 pb-4 px-4", children: _jsxs(View, { className: "relative items-center justify-center", children: [backButton && (_jsx(TouchableOpacity, { className: "absolute top-0 left-0 z-10 border border-text-inverse p-1.5 rounded", onPress: handleBackPress, children: _jsx(Display.Icon, { color: theme.text.inverse, name: "chevron-back", size: 25, type: "ionicons" }) })), _jsxs(View, { className: "items-center justify-center", children: [logo || _jsx(Display.Logo, { size: "medium" }), !!title && (_jsx(Typography.Text, { className: "text-text-inverse", variant: "h4", children: title }))] })] }) }));
+    return (_jsx(GradientContainer, { className: "pt-10 pb-4 px-4", children: _jsxs(View, { className: "relative items-center justify-center", children: [backButton && (_jsx(TouchableOpacity, { className: "absolute top-0 left-0 z-10 border border-text-inverse p-1.5 rounded", onPress: handleBackPress, children: _jsx(Display.Icon, { color: theme.text.inverse, name: "chevron-back", size: 25, type: "ionicons" }) })), _jsxs(View, { className: "items-center justify-center", children: [logo || _jsx(Display.Logo, { size: "medium", source: logoSource }), !!title && (_jsx(Typography.Text, { className: "text-text-inverse", variant: "h4", children: title }))] })] }) }));
 };

package/{lib → dist}/widgets/JSONViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { ThemedActivityIndicator } from "../theme";
 import { useMemo, useState } from "react";
 import { Platform, Text, View } from "react-native";

package/{lib → dist}/widgets/MenuCard.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { theme } from "../theme/useTheme";
 import { Typography } from "../Typography";
 import { CircleButton } from "../widgets/CircleButton";

package/{lib → dist}/widgets/MenuGrid.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "nativewind/jsx-runtime";
 import { MenuCard } from "../widgets/MenuCard";
 import { View } from "react-native";
 export const MenuGrid = ({ items }) => {

package/{lib → dist}/widgets/ScreenHeader.d.ts

@@ -1,3 +1,4 @@
+import { type ImageSourcePropType } from "react-native";
 export declare const enum EVariantScreenHeader {
     FLAT_HEADER = "FLAT_HEADER",
     ROUNDED_HEADER = "ROUNDED_HEADER",
@@ -10,10 +11,11 @@ interface ScreenHeaderProps {
     centerTitle?: boolean;
     subtitle?: string;
     logo?: boolean;
+    logoSource?: ImageSourcePropType;
     rightComponent?: React.ReactNode;
     children?: React.ReactNode;
     withGradientContainer?: boolean;
     onBack?: () => void;
 }
-declare function ScreenHeader({ variant, title, subtitle, onBack, children, }: ScreenHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ScreenHeader({ variant, title, subtitle, logoSource, onBack, children, }: ScreenHeaderProps): import("react/jsx-runtime").JSX.Element | null;
 export default ScreenHeader;

package/{lib → dist}/widgets/ScreenHeader.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import GradientContainer from "../layouts/GradientContainer";
 import { Navigation } from "../Navigation";
 import { View } from "react-native";
 const Header = Navigation.Header;
 const HeaderToolbar = Navigation.HeaderToolbar;
-function ScreenHeader({ variant, title = "Distribución", subtitle, onBack, children, }) {
+function ScreenHeader({ variant, title = "Distribución", subtitle, logoSource, onBack, children, }) {
     switch (variant) {
         case "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */:
             return (_jsxs(_Fragment, { children: [_jsx(HeaderToolbar, { flat: true, onBack: onBack, subtitle: subtitle, title: title, withBackground: true }), _jsx(View, { children: children })] }));
         case "ROUNDED_HEADER" /* EVariantScreenHeader.ROUNDED_HEADER */:
             return (_jsx(GradientContainer, { className: "pt-0.5 shadow-lg shadow-black/70 rounded-b-[18px] pb-6", children: _jsx(HeaderToolbar, { flat: true, onBack: onBack, subtitle: subtitle, title: title, withBackground: false, children: children }) }));
         case "LOGO_WITH_BACK_BUTTON" /* EVariantScreenHeader.LOGO_WITH_BACK_BUTTON */:
-            return _jsx(Header, { backButton: true, handleBackButton: onBack, title: "Distribución" });
+            return (_jsx(Header, { backButton: true, handleBackButton: onBack, logoSource: logoSource, title: "" }));
         case "ONLY_LOGO" /* EVariantScreenHeader.ONLY_LOGO */:
-            return _jsx(Header, { title: title });
+            return _jsx(Header, { logoSource: logoSource, title: title });
         default:
             return null;
     }

package/{lib → dist}/widgets/TimeZoneSelector.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
 import { Display, Form } from "../index";
 import { theme } from "../theme/useTheme";
 import { Typography } from "../Typography";

package/{lib → dist}/widgets/TimeZoneSelectorModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 import { BottomSheet } from "../Dialog/BottomSheet";
 import { Display, Form } from "../index";
 import { theme } from "../theme";

package/package.json

@@ -1,19 +1,35 @@
 {
   "name": "@sincpro/mobile-ui",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Sincpro Mobile design system: generic, presentational React Native components (no domain logic)",
-  "main": "./lib/index.js",
-  "module": "./lib/index.js",
-  "types": "./lib/index.d.ts",
-  "react-native": "./lib/index.js",
-  "source": "./sincpro_mobile_ui/index.ts",
+  "main": "expo/AppEntry.js",
+  "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
   "files": [
-    "lib",
+    "dist",
+    "tailwind.preset.js",
     "README.md"
   ],
+  "exports": {
+    ".": "./dist/index.js",
+    "./theme": "./dist/theme/index.js",
+    "./Dialog": "./dist/Dialog/index.js",
+    "./Dialog/BottomSheet": "./dist/Dialog/BottomSheet/index.js",
+    "./Display": "./dist/Display/index.js",
+    "./Feedback": "./dist/Feedback/index.js",
+    "./Form": "./dist/Form/index.js",
+    "./Navigation": "./dist/Navigation/index.js",
+    "./Typography": "./dist/Typography/index.js",
+    "./primitives": "./dist/primitives/index.js",
+    "./widgets": "./dist/widgets/index.js",
+    "./views/Wizard": "./dist/views/Wizard/index.js",
+    "./tailwind.preset": "./tailwind.preset.js",
+    "./theme/globals.css": "./dist/theme/globals.css",
+    "./*": "./dist/*.js",
+    "./package.json": "./package.json"
+  },
   "prettier": {
     "printWidth": 94
   },
@@ -35,6 +51,7 @@
     "expo-clipboard": "*",
     "expo-linear-gradient": "*",
     "expo-localization": "*",
+    "nativewind": ">=4",
     "react": "*",
     "react-hook-form": ">=7",
     "react-native": "*",
@@ -55,30 +72,47 @@
   "devDependencies": {
     "@expo-google-fonts/montserrat": "^0.4.2",
     "@expo/vector-icons": "^15.0.3",
+    "@gorhom/bottom-sheet": "^5",
+    "@react-native-async-storage/async-storage": "^2",
+    "@react-native-community/datetimepicker": "8.4.4",
+    "@storybook/addon-ondevice-actions": "^10.4.5",
+    "@storybook/addon-ondevice-controls": "^10.4.5",
+    "@storybook/react-native": "^10.4.5",
     "@types/big.js": "^6.2.2",
     "@types/react": "~19.1.10",
+    "babel-plugin-module-resolver": "^5.0.3",
     "eslint": "^9.35.0",
     "eslint-config-expo": "~10.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-simple-import-sort": "^12.1.1",
+    "expo": "~54.0.35",
     "expo-checkbox": "~5.0.8",
     "expo-clipboard": "~8.0.8",
     "expo-linear-gradient": "~15.0.8",
     "expo-localization": "~17.0.9",
+    "expo-status-bar": "~3.0.9",
     "nativewind": "^4.0.1",
     "prettier": "^3.6.2",
     "react": "19.1.0",
     "react-hook-form": "^7.62.0",
     "react-native": "0.81.5",
     "react-native-currency-input": "^1.1.1",
+    "react-native-gesture-handler": "~2.28.0",
     "react-native-keyboard-controller": "1.18.5",
     "react-native-reanimated": "~4.1.1",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-svg": "15.12.1",
     "react-native-worklets": "0.5.1",
+    "storybook": "^10.4.5",
+    "tailwindcss": "^3.4.17",
     "tsc-alias": "^1.8.17",
     "typescript": "~5.9.2"
+  },
+  "scripts": {
+    "start": "expo start",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
   }
 }

package/tailwind.preset.js

@@ -0,0 +1,146 @@
+/**
+ * Tailwind preset de @sincpro/mobile-ui.
+ * Trae todos los tokens por defecto (colores como CSS variables, tipografía,
+ * spacing, radios, sombras) listos para usar.
+ *
+ * Uso en la app consumidora (tailwind.config.js):
+ *   module.exports = {
+ *     presets: [require("@sincpro/mobile-ui/tailwind.preset")],
+ *     content: [
+ *       "./App.{js,jsx,ts,tsx}",
+ *       "./src/**\/*.{js,jsx,ts,tsx}",
+ *       "./node_modules/@sincpro/mobile/**\/*.js",
+ *       "./node_modules/@sincpro/mobile-ui/**\/*.js",
+ *     ],
+ *     theme: { extend: { colors: { brand: "#FF6600" } } }, // tus tokens custom
+ *   };
+ *
+ * Para cambiar los valores del tema: sobreescribe las CSS variables en tu
+ * global.css (:root { --primary: 255 102 0; ... }) o en runtime con vars().
+ */
+module.exports = {
+  presets: [require("nativewind/preset")],
+  theme: {
+    extend: {
+      colors: {
+        primary: "rgb(var(--primary) / <alpha-value>)",
+        secondary: "rgb(var(--secondary) / <alpha-value>)",
+        accent: "rgb(var(--accent) / <alpha-value>)",
+        bg: {
+          page: "rgb(var(--bg-page) / <alpha-value>)",
+          card: "rgb(var(--bg-card) / <alpha-value>)",
+          popover: "rgb(var(--bg-popover) / <alpha-value>)",
+          muted: "rgb(var(--bg-muted) / <alpha-value>)",
+          accent: "rgb(var(--bg-accent) / <alpha-value>)",
+          hover: "rgb(var(--bg-hover) / <alpha-value>)",
+          disabled: "rgb(var(--bg-disabled) / <alpha-value>)",
+        },
+        text: {
+          primary: "rgb(var(--text-primary) / <alpha-value>)",
+          secondary: "rgb(var(--text-secondary) / <alpha-value>)",
+          tertiary: "rgb(var(--text-tertiary) / <alpha-value>)",
+          muted: "rgb(var(--text-muted) / <alpha-value>)",
+          accent: "rgb(var(--text-accent) / <alpha-value>)",
+          inverse: "rgb(var(--text-inverse) / <alpha-value>)",
+          disabled: "rgb(var(--text-disabled) / <alpha-value>)",
+          "on-primary": "rgb(var(--text-on-primary) / <alpha-value>)",
+          "on-secondary": "rgb(var(--text-on-secondary) / <alpha-value>)",
+          "on-accent": "rgb(var(--text-on-accent) / <alpha-value>)",
+          "on-danger": "rgb(var(--text-on-danger) / <alpha-value>)",
+          "on-success": "rgb(var(--text-on-success) / <alpha-value>)",
+        },
+        icon: {
+          primary: "rgb(var(--icon-primary) / <alpha-value>)",
+          secondary: "rgb(var(--icon-secondary) / <alpha-value>)",
+          tertiary: "rgb(var(--icon-tertiary) / <alpha-value>)",
+          inverse: "rgb(var(--icon-inverse) / <alpha-value>)",
+          disabled: "rgb(var(--icon-disabled) / <alpha-value>)",
+        },
+        border: {
+          default: "rgb(var(--border-default) / <alpha-value>)",
+          light: "rgb(var(--border-light) / <alpha-value>)",
+          strong: "rgb(var(--border-strong) / <alpha-value>)",
+          focus: "rgb(var(--border-focus) / <alpha-value>)",
+        },
+        success: "rgb(var(--success) / <alpha-value>)",
+        warning: "rgb(var(--warning) / <alpha-value>)",
+        danger: "rgb(var(--danger) / <alpha-value>)",
+        info: "rgb(var(--info) / <alpha-value>)",
+        "success-light": "rgb(var(--success-light) / <alpha-value>)",
+        "warning-light": "rgb(var(--warning-light) / <alpha-value>)",
+        "danger-light": "rgb(var(--danger-light) / <alpha-value>)",
+        "info-light": "rgb(var(--info-light) / <alpha-value>)",
+        ring: "rgb(var(--ring) / <alpha-value>)",
+        input: "rgb(var(--input) / <alpha-value>)",
+      },
+      fontFamily: {
+        light: ["Montserrat_300Light"],
+        regular: ["Montserrat_400Regular"],
+        medium: ["Montserrat_500Medium"],
+        semibold: ["Montserrat_600SemiBold"],
+        extrabold: ["Montserrat_800ExtraBold"],
+      },
+      fontSize: {
+        xs: ["10px", { lineHeight: "16px" }],
+        sm: ["13px", { lineHeight: "18px" }],
+        base: ["14px", { lineHeight: "20px" }],
+        lg: ["16px", { lineHeight: "24px" }],
+        xl: ["18px", { lineHeight: "28px" }],
+        "2xl": ["20px", { lineHeight: "28px" }],
+        "3xl": ["24px", { lineHeight: "32px" }],
+        "4xl": ["28px", { lineHeight: "36px" }],
+        "5xl": ["32px", { lineHeight: "40px" }],
+        "6xl": ["36px", { lineHeight: "44px" }],
+        "7xl": ["48px", { lineHeight: "56px" }],
+        "8xl": ["64px", { lineHeight: "72px" }],
+      },
+      spacing: {
+        0: "0px",
+        0.5: "2px",
+        1: "4px",
+        1.5: "6px",
+        2: "8px",
+        2.5: "10px",
+        3: "12px",
+        3.5: "14px",
+        4: "16px",
+        5: "20px",
+        6: "24px",
+        7: "28px",
+        8: "32px",
+        9: "36px",
+        10: "40px",
+        11: "44px",
+        12: "48px",
+        14: "56px",
+        15: "60px",
+        16: "64px",
+        20: "80px",
+        24: "96px",
+        28: "112px",
+        32: "128px",
+      },
+      borderRadius: {
+        none: "0px",
+        sm: "4px",
+        DEFAULT: "6px",
+        md: "8px",
+        lg: "12px",
+        xl: "16px",
+        "2xl": "24px",
+        "3xl": "32px",
+        full: "9999px",
+      },
+      boxShadow: {
+        sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+        DEFAULT: "0 2px 4px 0 rgba(0, 0, 0, 0.1)",
+        md: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+        lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1)",
+        xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1)",
+        "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+        none: "none",
+      },
+    },
+  },
+  plugins: [],
+};

package/lib/Navigation/Navigation.Header.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from "react";
-export interface HeaderProps {
-    title?: string;
-    logo?: ReactNode;
-    backButton?: boolean;
-    handleBackButton?: () => void;
-    className?: string;
-}
-declare const Header: ({ title, logo, backButton, handleBackButton, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/lib/theme/index.d.ts

@@ -1,4 +0,0 @@
-export { getActiveTheme, setActiveTheme } from "../theme/active";
-export { ThemedActivityIndicator } from "../theme/components";
-export { theme } from "../theme/theme";
-export type { ThemeTokens } from "../theme/types";

package/lib/theme/index.js

@@ -1,3 +0,0 @@
-export { getActiveTheme, setActiveTheme } from "../theme/active";
-export { ThemedActivityIndicator } from "../theme/components";
-export { theme } from "../theme/theme";

package/lib/views/AuthFormView.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-interface AuthFormProps {
-    title?: string;
-    description?: string;
-    onBack?: () => void;
-    FormNode: ReactNode;
-}
-declare function AuthFormView({ title, description, onBack, FormNode }: AuthFormProps): import("react/jsx-runtime").JSX.Element;
-export default AuthFormView;