custom-mobile-ui 1.0.1

package/dist/ui_config-LKHwCbDD.d.mts

@@ -0,0 +1,102 @@
+type UISize = "small" | "medium" | "large";
+declare const UITheme: {
+    defaults: {
+        size: UISize;
+    };
+    common: {
+        borderRadius: number;
+    };
+    input: {
+        sizes: {
+            small: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            medium: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            large: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+        };
+    };
+    button: {
+        sizes: {
+            small: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            medium: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            large: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+        };
+    };
+    badge: {
+        sizes: {
+            small: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+                fontSize: number;
+                borderRadius: number;
+            };
+            medium: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+                fontSize: number;
+                borderRadius: number;
+            };
+            large: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+                fontSize: number;
+                borderRadius: number;
+            };
+        };
+    };
+    switch: {
+        sizes: {
+            small: {
+                width: number;
+                height: number;
+                padding: number;
+            };
+            medium: {
+                width: number;
+                height: number;
+                padding: number;
+            };
+            large: {
+                width: number;
+                height: number;
+                padding: number;
+            };
+        };
+    };
+};
+
+export { type UISize as U, UITheme as a };

package/dist/ui_config-LKHwCbDD.d.ts

@@ -0,0 +1,102 @@
+type UISize = "small" | "medium" | "large";
+declare const UITheme: {
+    defaults: {
+        size: UISize;
+    };
+    common: {
+        borderRadius: number;
+    };
+    input: {
+        sizes: {
+            small: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            medium: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            large: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+        };
+    };
+    button: {
+        sizes: {
+            small: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            medium: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+            large: {
+                borderRadius: number;
+                height: number;
+                fontSize: number;
+                paddingHorizontal: number;
+                iconSize: number;
+            };
+        };
+    };
+    badge: {
+        sizes: {
+            small: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+                fontSize: number;
+                borderRadius: number;
+            };
+            medium: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+                fontSize: number;
+                borderRadius: number;
+            };
+            large: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+                fontSize: number;
+                borderRadius: number;
+            };
+        };
+    };
+    switch: {
+        sizes: {
+            small: {
+                width: number;
+                height: number;
+                padding: number;
+            };
+            medium: {
+                width: number;
+                height: number;
+                padding: number;
+            };
+            large: {
+                width: number;
+                height: number;
+                padding: number;
+            };
+        };
+    };
+};
+
+export { type UISize as U, UITheme as a };

package/dist/utils.d.mts

@@ -0,0 +1,7 @@
+declare const getAvatarBgColor: (name?: string, mode?: "filled" | "light") => string;
+declare function getPopulatedObject<T>(value: unknown): T | null;
+declare function getNameInitials(name?: string | null, fallback?: string): string;
+declare function toCamelCase(text?: string | null, fallback?: string): string;
+declare const getAvatarColor: (name?: string) => string;
+
+export { getAvatarBgColor, getAvatarColor, getNameInitials, getPopulatedObject, toCamelCase };

package/dist/utils.d.ts

@@ -0,0 +1,7 @@
+declare const getAvatarBgColor: (name?: string, mode?: "filled" | "light") => string;
+declare function getPopulatedObject<T>(value: unknown): T | null;
+declare function getNameInitials(name?: string | null, fallback?: string): string;
+declare function toCamelCase(text?: string | null, fallback?: string): string;
+declare const getAvatarColor: (name?: string) => string;
+
+export { getAvatarBgColor, getAvatarColor, getNameInitials, getPopulatedObject, toCamelCase };

package/dist/utils.js

@@ -0,0 +1,89 @@
+'use strict';
+
+// src/theme/colors.ts
+var AVATAR_COLORS = [
+  "#2563EB",
+  // Blue
+  "#9333EA",
+  // Purple
+  "#16A34A",
+  // Green
+  "#EA580C",
+  // Orange
+  "#DC2626",
+  // Red
+  "#0891B2",
+  // Cyan
+  "#CA8A04",
+  // Yellow
+  "#4F46E5",
+  // Indigo
+  "#BE185D",
+  // Pink
+  "#374151"
+  // Dark Gray
+];
+
+// src/utils/utils.ts
+var getAvatarBgColor = (name, mode = "filled") => {
+  const baseColor = getAvatarColor(name);
+  if (mode === "filled") {
+    return baseColor;
+  }
+  if (baseColor.startsWith("#") && baseColor.length === 7) {
+    return baseColor + "20";
+  }
+  return "#F3F4F6";
+};
+function getPopulatedObject(value) {
+  if (value && typeof value === "object") {
+    return value;
+  }
+  return null;
+}
+function getNameInitials(name, fallback = "?") {
+  if (typeof name !== "string") return fallback;
+  const cleaned = name.trim().replace(/\s+/g, " ");
+  if (!cleaned) return fallback;
+  const parts = cleaned.split(" ").filter(Boolean);
+  if (parts.length === 0) return fallback;
+  const first = parts[0];
+  if (!first) return fallback;
+  if (parts.length > 1) {
+    const last = parts[parts.length - 1];
+    if (last) {
+      return ((first[0] ?? "") + (last[0] ?? "")).toUpperCase();
+    }
+  }
+  if (first.length === 1) {
+    return first.toUpperCase();
+  }
+  return first.slice(0, 2).toUpperCase();
+}
+function toCamelCase(text, fallback = "") {
+  if (typeof text !== "string") return fallback;
+  const cleaned = text.trim().replace(/[_\-]+/g, " ").replace(/\s+/g, " ");
+  if (!cleaned) return fallback;
+  return cleaned.split(" ").map((word) => {
+    if (!word) return "";
+    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+  }).join(" ");
+}
+var getAvatarColor = (name) => {
+  if (typeof name !== "string" || name.trim().length === 0) {
+    return AVATAR_COLORS[0];
+  }
+  const firstChar = name.trim()[0].toUpperCase();
+  const charCode = firstChar.charCodeAt(0);
+  if (charCode >= 65 && charCode <= 90) {
+    const index = (charCode - 65) % AVATAR_COLORS.length;
+    return AVATAR_COLORS[index];
+  }
+  return AVATAR_COLORS[0];
+};
+
+exports.getAvatarBgColor = getAvatarBgColor;
+exports.getAvatarColor = getAvatarColor;
+exports.getNameInitials = getNameInitials;
+exports.getPopulatedObject = getPopulatedObject;
+exports.toCamelCase = toCamelCase;

package/dist/utils.mjs

@@ -0,0 +1,83 @@
+// src/theme/colors.ts
+var AVATAR_COLORS = [
+  "#2563EB",
+  // Blue
+  "#9333EA",
+  // Purple
+  "#16A34A",
+  // Green
+  "#EA580C",
+  // Orange
+  "#DC2626",
+  // Red
+  "#0891B2",
+  // Cyan
+  "#CA8A04",
+  // Yellow
+  "#4F46E5",
+  // Indigo
+  "#BE185D",
+  // Pink
+  "#374151"
+  // Dark Gray
+];
+
+// src/utils/utils.ts
+var getAvatarBgColor = (name, mode = "filled") => {
+  const baseColor = getAvatarColor(name);
+  if (mode === "filled") {
+    return baseColor;
+  }
+  if (baseColor.startsWith("#") && baseColor.length === 7) {
+    return baseColor + "20";
+  }
+  return "#F3F4F6";
+};
+function getPopulatedObject(value) {
+  if (value && typeof value === "object") {
+    return value;
+  }
+  return null;
+}
+function getNameInitials(name, fallback = "?") {
+  if (typeof name !== "string") return fallback;
+  const cleaned = name.trim().replace(/\s+/g, " ");
+  if (!cleaned) return fallback;
+  const parts = cleaned.split(" ").filter(Boolean);
+  if (parts.length === 0) return fallback;
+  const first = parts[0];
+  if (!first) return fallback;
+  if (parts.length > 1) {
+    const last = parts[parts.length - 1];
+    if (last) {
+      return ((first[0] ?? "") + (last[0] ?? "")).toUpperCase();
+    }
+  }
+  if (first.length === 1) {
+    return first.toUpperCase();
+  }
+  return first.slice(0, 2).toUpperCase();
+}
+function toCamelCase(text, fallback = "") {
+  if (typeof text !== "string") return fallback;
+  const cleaned = text.trim().replace(/[_\-]+/g, " ").replace(/\s+/g, " ");
+  if (!cleaned) return fallback;
+  return cleaned.split(" ").map((word) => {
+    if (!word) return "";
+    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+  }).join(" ");
+}
+var getAvatarColor = (name) => {
+  if (typeof name !== "string" || name.trim().length === 0) {
+    return AVATAR_COLORS[0];
+  }
+  const firstChar = name.trim()[0].toUpperCase();
+  const charCode = firstChar.charCodeAt(0);
+  if (charCode >= 65 && charCode <= 90) {
+    const index = (charCode - 65) % AVATAR_COLORS.length;
+    return AVATAR_COLORS[index];
+  }
+  return AVATAR_COLORS[0];
+};
+
+export { getAvatarBgColor, getAvatarColor, getNameInitials, getPopulatedObject, toCamelCase };

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "custom-mobile-ui",
+  "version": "1.0.1",
+  "description": "Private reusable React Native UI components",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "react-native": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --sourcemap",
+    "clean": "rimraf dist",
+    "pack:dry-run": "npm pack --dry-run",
+    "prepare": "npm run build",
+    "example": "npm run --prefix example start",
+    "example:android": "npm run --prefix example android",
+    "example:ios": "npm run --prefix example ios",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
+  },
+  "peerDependencies": {
+    "dayjs": "*",
+    "expo-blur": "*",
+    "expo-document-picker": "*",
+    "expo-font": "*",
+    "expo-image-picker": "*",
+    "expo-linear-gradient": "*",
+    "lucide-react-native": "0.263.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "*",
+    "react-native-reanimated": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-signature-canvas": "*",
+    "react-native-svg": "^15.15.1"
+  },
+  "devDependencies": {
+    "@react-navigation/native": "^7.2.0",
+    "@react-navigation/native-stack": "^7.14.7",
+    "@types/react": "~19.1.0",
+    "dayjs": "^1.11.19",
+    "expo": "~54.0.30",
+    "expo-blur": "^55.0.10",
+    "expo-document-picker": "~14.0.8",
+    "expo-font": "^14.0.10",
+    "expo-image-picker": "^17.0.10",
+    "expo-linear-gradient": "~15.0.8",
+    "lucide-react-native": "0.263.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "^5.6.2",
+    "react-native-signature-canvas": "^5.0.2",
+    "react-native-svg": "^15.15.1",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  },
+  "dependencies": {
+    "expo": "~54.0.33",
+    "react": "19.1.0",
+    "react-native": "0.81.5"
+  }
+}