@sincpro/mobile-ui 0.7.2 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sincpro/mobile-ui",
-  "version": "0.7.2",
+  "version": "1.1.0",
   "description": "Sincpro Mobile design system: generic, presentational React Native components (no domain logic)",
   "main": "expo/AppEntry.js",
   "types": "./dist/index.d.ts",
@@ -14,10 +14,12 @@
   ],
   "exports": {
     ".": "./dist/index.js",
+    "./branding": "./dist/branding.js",
     "./theme": "./dist/theme/index.js",
     "./Dialog": "./dist/Dialog/index.js",
     "./Dialog/BottomSheet": "./dist/Dialog/BottomSheet/index.js",
     "./Dialog/Sheet": "./dist/Dialog/Dialog.Sheet.js",
+    "./Dialog/NativeSheet": "./dist/Dialog/Dialog.NativeSheet.js",
     "./Actions": "./dist/Actions/index.js",
     "./Display": "./dist/Display/index.js",
     "./Feedback": "./dist/Feedback/index.js",
@@ -27,6 +29,7 @@
     "./primitives": "./dist/primitives/index.js",
     "./tokens": "./dist/tokens/index.js",
     "./widgets": "./dist/widgets/index.js",
+    "./widgets/ReorderableList": "./dist/widgets/ReorderableList.js",
     "./views/Wizard": "./dist/views/Wizard/index.js",
     "./tailwind.preset": "./tailwind.preset.js",
     "./theme/globals.css": "./dist/theme/globals.css",
@@ -47,84 +50,101 @@
   "repository": "https://github.com/Sincpro-SRL/sincpro_mobile_ui",
   "author": "Gutierrez, Andres <andres.gutierrez@sincpro.com.bo>",
   "license": "MIT",
+  "engines": {
+    "node": ">=26"
+  },
   "peerDependencies": {
-    "@expo-google-fonts/fira-code": "*",
-    "@expo-google-fonts/inter": "*",
+    "@expo-google-fonts/ibm-plex-mono": ">=0.4",
+    "@expo-google-fonts/ibm-plex-sans": ">=0.4",
     "@expo/ui": "*",
-    "@expo/vector-icons": "*",
-    "@react-native-community/datetimepicker": "*",
-    "@react-native-community/slider": "*",
-    "expo-checkbox": "*",
-    "expo-clipboard": "*",
-    "expo-linear-gradient": "*",
-    "expo-localization": "*",
-    "nativewind": ">=4",
-    "react": "*",
+    "@expo/vector-icons": ">=15.0.2",
+    "@react-native-community/datetimepicker": ">=9.2",
+    "@react-native-community/slider": ">=5.2",
+    "expo-checkbox": ">=58.0.0",
+    "expo-clipboard": ">=58.0.0",
+    "expo-linear-gradient": ">=58.0.0",
+    "expo-localization": ">=58.0.0",
+    "nativewind": ">=4.2.7",
+    "react": ">=19.3",
     "react-hook-form": ">=7",
-    "react-native": "*",
-    "react-native-currency-input": "*",
-    "react-native-keyboard-controller": "*",
-    "react-native-reanimated": "*",
-    "react-native-safe-area-context": "*",
-    "react-native-svg": "*",
-    "react-native-worklets": "*"
+    "react-native": ">=0.88",
+    "react-native-currency-input": ">=1.1",
+    "react-native-gesture-handler": ">=3.3",
+    "react-native-keyboard-controller": ">=1.22",
+    "react-native-reanimated": ">=4.7",
+    "react-native-safe-area-context": ">=5.11",
+    "react-native-sortables": ">=1.10.1 <2",
+    "react-native-svg": ">=15.16",
+    "react-native-worklets": ">=0.13"
   },
   "peerDependenciesMeta": {
     "@expo/ui": {
       "optional": true
+    },
+    "react-native-sortables": {
+      "optional": true
     }
   },
   "dependencies": {
     "big.js": "^7.0.1",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.18",
+    "dayjs": "^1.11.21",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2"
   },
   "devDependencies": {
-    "@expo-google-fonts/fira-code": "^0.4.1",
-    "@expo-google-fonts/inter": "^0.4.2",
-    "@expo/ui": "~56.0.18",
+    "@jest/globals": "^30.0.0",
+    "@testing-library/react-native": "14.1.0",
+    "@react-native/jest-preset": "^0.88.1",
+    "jest": "^30.0.0",
+    "jest-expo": "~58.0.14",
+    "test-renderer": "^1.0.0",
+    "@expo-google-fonts/ibm-plex-mono": "^0.4.1",
+    "@expo-google-fonts/ibm-plex-sans": "^0.4.1",
+    "@expo/ui": "~58.0.27",
     "@expo/vector-icons": "^15.0.3",
     "@gorhom/bottom-sheet": "^5",
-    "@react-native-async-storage/async-storage": "^2",
-    "@react-native-community/datetimepicker": "9.1.0",
-    "@react-native-community/slider": "5.2.0",
-    "@storybook/addon-ondevice-actions": "^10.4.6",
-    "@storybook/addon-ondevice-controls": "^10.4.6",
-    "@storybook/react-native": "^10.4.6",
+    "@react-native-async-storage/async-storage": "2.2.0",
+    "@react-native-community/datetimepicker": "9.2.1",
+    "@react-native-community/slider": "5.2.1",
+    "@storybook/addon-ondevice-actions": "10.7.1",
+    "@storybook/addon-ondevice-controls": "10.7.1",
+    "@storybook/react-native": "10.7.1",
     "@types/big.js": "^6.2.2",
-    "@types/react": "~19.2.14",
+    "@types/node": "^26.6.6",
+    "@types/react": "~19.3.0",
     "babel-plugin-module-resolver": "^5.0.3",
     "eslint": "^9.35.0",
-    "eslint-config-expo": "~56.0.4",
+    "eslint-config-expo": "~58.0.4",
     "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": "^56.0.0",
-    "expo-checkbox": "~56.0.1",
-    "expo-clipboard": "~56.0.4",
-    "expo-font": "~56.0.7",
-    "expo-linear-gradient": "~56.0.4",
-    "expo-localization": "~56.0.6",
-    "expo-status-bar": "~56.0.4",
-    "nativewind": "^4.0.1",
+    "expo": "~58.0.23",
+    "expo-checkbox": "~58.0.2",
+    "expo-clipboard": "~58.0.4",
+    "expo-font": "~58.0.11",
+    "expo-linear-gradient": "~58.0.3",
+    "expo-localization": "~58.0.5",
+    "expo-status-bar": "~58.0.4",
+    "nativewind": "4.2.7",
     "patch-package": "^8.0.1",
-    "prettier": "^3.6.2",
-    "react": "19.2.3",
+    "prettier": "^3.9.8",
+    "react": "19.3.0",
     "react-hook-form": "^7.62.0",
-    "react-native": "0.85.3",
+    "react-native": "0.88.1",
     "react-native-currency-input": "^1.1.1",
-    "react-native-gesture-handler": "~2.31.1",
-    "react-native-keyboard-controller": "1.21.6",
-    "react-native-reanimated": "4.3.1",
-    "react-native-safe-area-context": "~5.7.0",
-    "react-native-svg": "15.15.4",
-    "react-native-worklets": "0.8.3",
-    "storybook": "^10.4.6",
-    "tailwindcss": "^3.4.17",
+    "react-native-gesture-handler": "~3.3.0",
+    "react-native-keyboard-controller": "1.22.7",
+    "react-native-reanimated": "4.7.1",
+    "react-native-safe-area-context": "~5.11.1",
+    "react-native-sortables": "^1.10.1",
+    "react-native-svg": "15.16.0",
+    "react-native-worklets": "0.13.0",
+    "storybook": "10.6.6",
+    "tailwindcss": "3.4.19",
     "tsc-alias": "^1.8.17",
+    "tsx": "^4",
     "typescript": "~6.0.3"
   },
   "scripts": {

package/tailwind.preset.js

@@ -34,6 +34,9 @@ module.exports = {
           accent: "rgb(var(--bg-accent) / <alpha-value>)",
           hover: "rgb(var(--bg-hover) / <alpha-value>)",
           disabled: "rgb(var(--bg-disabled) / <alpha-value>)",
+          "container-lowest": "rgb(var(--bg-container-lowest) / <alpha-value>)",
+          container: "rgb(var(--bg-container) / <alpha-value>)",
+          "container-high": "rgb(var(--bg-container-high) / <alpha-value>)",
         },
         text: {
           primary: "rgb(var(--text-primary) / <alpha-value>)",
@@ -70,6 +73,22 @@ module.exports = {
         "warning-light": "rgb(var(--warning-light) / <alpha-value>)",
         "danger-light": "rgb(var(--danger-light) / <alpha-value>)",
         "info-light": "rgb(var(--info-light) / <alpha-value>)",
+        container: {
+          primary: "rgb(var(--container-primary) / <alpha-value>)",
+          "on-primary": "rgb(var(--container-on-primary) / <alpha-value>)",
+          secondary: "rgb(var(--container-secondary) / <alpha-value>)",
+          "on-secondary": "rgb(var(--container-on-secondary) / <alpha-value>)",
+          accent: "rgb(var(--container-accent) / <alpha-value>)",
+          "on-accent": "rgb(var(--container-on-accent) / <alpha-value>)",
+          success: "rgb(var(--container-success) / <alpha-value>)",
+          "on-success": "rgb(var(--container-on-success) / <alpha-value>)",
+          warning: "rgb(var(--container-warning) / <alpha-value>)",
+          "on-warning": "rgb(var(--container-on-warning) / <alpha-value>)",
+          danger: "rgb(var(--container-danger) / <alpha-value>)",
+          "on-danger": "rgb(var(--container-on-danger) / <alpha-value>)",
+          info: "rgb(var(--container-info) / <alpha-value>)",
+          "on-info": "rgb(var(--container-on-info) / <alpha-value>)",
+        },
         ring: "rgb(var(--ring) / <alpha-value>)",
         input: "rgb(var(--input) / <alpha-value>)",
       },

package/dist/icons/icon_getters.d.ts

@@ -1,6 +0,0 @@
-import type React from "react";
-export type IconLabel = {
-    icon: React.ComponentType<any>;
-    label: string;
-};
-export declare function getIcon(name?: string): IconLabel;

package/dist/icons/icon_getters.js

@@ -1,23 +0,0 @@
-import ArrangeCircleIcon from "../icons/ArrangeCircle";
-import CardIcon from "../icons/CardIcon";
-import CreditIcon from "../icons/CreditIcon";
-import MoneyReceiveIcon from "../icons/MoneyReceiveIcon";
-import SinpeIcon from "../icons/SinpeIcon";
-const paymentMethodMap = [
-    { prefix: "créd", icon: CreditIcon, label: "Crédito" },
-    { prefix: "cred", icon: CreditIcon, label: "Crédito" },
-    { prefix: "tar", icon: CardIcon, label: "Tarjeta" },
-    { prefix: "trans", icon: ArrangeCircleIcon, label: "Transferencia" },
-    { prefix: "ef", icon: MoneyReceiveIcon, label: "Efectivo" },
-    { prefix: "sinpe", icon: SinpeIcon, label: "Sinpe Móvil" },
-    { prefix: "ban", icon: ArrangeCircleIcon, label: "Banco" },
-];
-export function getIcon(name) {
-    if (!name)
-        return { icon: CardIcon, label: "Otro" };
-    const cleaned = name.trim().toLowerCase();
-    const match = paymentMethodMap.find((m) => cleaned.startsWith(m.prefix));
-    if (match)
-        return { icon: match.icon, label: match.label };
-    return { icon: CardIcon, label: "Otro" };
-}