custom-mobile-ui 1.0.1

package/dist/config.d.mts

@@ -0,0 +1,7 @@
+export { U as UISize, a as UITheme } from './ui_config-LKHwCbDD.mjs';
+
+type StatusType = "SUCCESS" | "WARNING" | "ERROR" | "INFO" | "PENDING" | "DISABLED" | "OPEN" | "ASSIGNED" | "IN_PROGRESS" | "ON_HOLD" | "RESOLVED" | "CLOSED" | "REJECTED" | "CANCELLED";
+type StatusShade = "light" | "default" | "dark";
+declare function getStatusColor(status: StatusType, shade?: StatusShade): string;
+
+export { type StatusShade, type StatusType, getStatusColor };

package/dist/config.d.ts

@@ -0,0 +1,7 @@
+export { U as UISize, a as UITheme } from './ui_config-LKHwCbDD.js';
+
+type StatusType = "SUCCESS" | "WARNING" | "ERROR" | "INFO" | "PENDING" | "DISABLED" | "OPEN" | "ASSIGNED" | "IN_PROGRESS" | "ON_HOLD" | "RESOLVED" | "CLOSED" | "REJECTED" | "CANCELLED";
+type StatusShade = "light" | "default" | "dark";
+declare function getStatusColor(status: StatusType, shade?: StatusShade): string;
+
+export { type StatusShade, type StatusType, getStatusColor };

package/dist/config.js

@@ -0,0 +1,213 @@
+'use strict';
+
+// src/theme/colors.ts
+var Colors = {
+  status: {
+    success: {
+      light: "#DCFCE7",
+      default: "#22C55E",
+      dark: "#15803D"
+    },
+    warning: {
+      light: "#FFEDD5",
+      default: "#F97316",
+      dark: "#C2410C"
+    },
+    error: {
+      light: "#FEE2E2",
+      default: "#EF4444",
+      dark: "#B91C1C"
+    },
+    info: {
+      light: "#DBEAFE",
+      default: "#3B82F6",
+      dark: "#1D4ED8"
+    },
+    pending: {
+      light: "#FEF3C7",
+      default: "#EAB308",
+      dark: "#A16207"
+    },
+    disabled: {
+      light: "#F3F4F6",
+      default: "#9CA3AF",
+      dark: "#6B7280"
+    },
+    // Uppercase aliases for basic statuses
+    SUCCESS: {
+      light: "#DCFCE7",
+      default: "#22C55E",
+      dark: "#15803D"
+    },
+    WARNING: {
+      light: "#FFEDD5",
+      default: "#F97316",
+      dark: "#C2410C"
+    },
+    ERROR: {
+      light: "#FEE2E2",
+      default: "#EF4444",
+      dark: "#B91C1C"
+    },
+    INFO: {
+      light: "#DBEAFE",
+      default: "#3B82F6",
+      dark: "#1D4ED8"
+    },
+    PENDING: {
+      light: "#FEF3C7",
+      default: "#EAB308",
+      dark: "#A16207"
+    },
+    DISABLED: {
+      light: "#F3F4F6",
+      default: "#9CA3AF",
+      dark: "#6B7280"
+    },
+    // Complaint Statuses
+    OPEN: {
+      light: "#DBEAFE",
+      default: "#3B82F6",
+      dark: "#1D4ED8"
+    },
+    ASSIGNED: {
+      light: "#E0E7FF",
+      default: "#6366F1",
+      dark: "#4338CA"
+    },
+    IN_PROGRESS: {
+      light: "#FEF3C7",
+      default: "#EAB308",
+      dark: "#A16207"
+    },
+    ON_HOLD: {
+      light: "#FFEDD5",
+      default: "#F97316",
+      dark: "#C2410C"
+    },
+    RESOLVED: {
+      light: "#DCFCE7",
+      default: "#22C55E",
+      dark: "#15803D"
+    },
+    CLOSED: {
+      light: "#F3F4F6",
+      default: "#6B7280",
+      dark: "#374151"
+    },
+    REJECTED: {
+      light: "#FEE2E2",
+      default: "#EF4444",
+      dark: "#B91C1C"
+    },
+    CANCELLED: {
+      light: "#F3F4F6",
+      default: "#9CA3AF",
+      dark: "#6B7280"
+    }
+  }
+};
+var colors_default = Colors;
+
+// src/config/status_color.ts
+var DEFAULT_STATUS_FALLBACK = {
+  light: "#F3F4F6",
+  default: "#6B7280",
+  dark: "#374151"
+};
+function getStatusColor(status, shade = "default") {
+  const statusColors = colors_default.status?.[status];
+  if (!statusColors) {
+    return DEFAULT_STATUS_FALLBACK[shade];
+  }
+  return statusColors[shade] ?? statusColors.default ?? DEFAULT_STATUS_FALLBACK[shade];
+}
+
+// src/config/ui_config.ts
+var common = {
+  borderRadius: 12
+};
+var sizeBase = {
+  small: {
+    height: 40,
+    fontSize: 13,
+    paddingHorizontal: 6,
+    iconSize: 16
+  },
+  medium: {
+    height: 45,
+    fontSize: 14,
+    paddingHorizontal: 8,
+    iconSize: 18
+  },
+  large: {
+    height: 50,
+    fontSize: 15,
+    paddingHorizontal: 10,
+    iconSize: 20
+  }
+};
+var UITheme = {
+  defaults: {
+    size: "large"
+  },
+  common,
+  input: {
+    sizes: {
+      small: { ...sizeBase.small, borderRadius: common.borderRadius },
+      medium: { ...sizeBase.medium, borderRadius: common.borderRadius },
+      large: { ...sizeBase.large, borderRadius: common.borderRadius }
+    }
+  },
+  button: {
+    sizes: {
+      small: { ...sizeBase.small, borderRadius: common.borderRadius },
+      medium: { ...sizeBase.medium, borderRadius: common.borderRadius },
+      large: { ...sizeBase.large, borderRadius: common.borderRadius }
+    }
+  },
+  badge: {
+    sizes: {
+      small: {
+        paddingHorizontal: 8,
+        paddingVertical: 3,
+        fontSize: 12,
+        borderRadius: 5
+      },
+      medium: {
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        fontSize: 14,
+        borderRadius: 6
+      },
+      large: {
+        paddingHorizontal: 10,
+        paddingVertical: 5,
+        fontSize: 16,
+        borderRadius: 8
+      }
+    }
+  },
+  switch: {
+    sizes: {
+      small: {
+        width: 36,
+        height: 20,
+        padding: 1
+      },
+      medium: {
+        width: 44,
+        height: 24,
+        padding: 2
+      },
+      large: {
+        width: 56,
+        height: 30,
+        padding: 3
+      }
+    }
+  }
+};
+
+exports.UITheme = UITheme;
+exports.getStatusColor = getStatusColor;

package/dist/config.mjs

@@ -0,0 +1,210 @@
+// src/theme/colors.ts
+var Colors = {
+  status: {
+    success: {
+      light: "#DCFCE7",
+      default: "#22C55E",
+      dark: "#15803D"
+    },
+    warning: {
+      light: "#FFEDD5",
+      default: "#F97316",
+      dark: "#C2410C"
+    },
+    error: {
+      light: "#FEE2E2",
+      default: "#EF4444",
+      dark: "#B91C1C"
+    },
+    info: {
+      light: "#DBEAFE",
+      default: "#3B82F6",
+      dark: "#1D4ED8"
+    },
+    pending: {
+      light: "#FEF3C7",
+      default: "#EAB308",
+      dark: "#A16207"
+    },
+    disabled: {
+      light: "#F3F4F6",
+      default: "#9CA3AF",
+      dark: "#6B7280"
+    },
+    // Uppercase aliases for basic statuses
+    SUCCESS: {
+      light: "#DCFCE7",
+      default: "#22C55E",
+      dark: "#15803D"
+    },
+    WARNING: {
+      light: "#FFEDD5",
+      default: "#F97316",
+      dark: "#C2410C"
+    },
+    ERROR: {
+      light: "#FEE2E2",
+      default: "#EF4444",
+      dark: "#B91C1C"
+    },
+    INFO: {
+      light: "#DBEAFE",
+      default: "#3B82F6",
+      dark: "#1D4ED8"
+    },
+    PENDING: {
+      light: "#FEF3C7",
+      default: "#EAB308",
+      dark: "#A16207"
+    },
+    DISABLED: {
+      light: "#F3F4F6",
+      default: "#9CA3AF",
+      dark: "#6B7280"
+    },
+    // Complaint Statuses
+    OPEN: {
+      light: "#DBEAFE",
+      default: "#3B82F6",
+      dark: "#1D4ED8"
+    },
+    ASSIGNED: {
+      light: "#E0E7FF",
+      default: "#6366F1",
+      dark: "#4338CA"
+    },
+    IN_PROGRESS: {
+      light: "#FEF3C7",
+      default: "#EAB308",
+      dark: "#A16207"
+    },
+    ON_HOLD: {
+      light: "#FFEDD5",
+      default: "#F97316",
+      dark: "#C2410C"
+    },
+    RESOLVED: {
+      light: "#DCFCE7",
+      default: "#22C55E",
+      dark: "#15803D"
+    },
+    CLOSED: {
+      light: "#F3F4F6",
+      default: "#6B7280",
+      dark: "#374151"
+    },
+    REJECTED: {
+      light: "#FEE2E2",
+      default: "#EF4444",
+      dark: "#B91C1C"
+    },
+    CANCELLED: {
+      light: "#F3F4F6",
+      default: "#9CA3AF",
+      dark: "#6B7280"
+    }
+  }
+};
+var colors_default = Colors;
+
+// src/config/status_color.ts
+var DEFAULT_STATUS_FALLBACK = {
+  light: "#F3F4F6",
+  default: "#6B7280",
+  dark: "#374151"
+};
+function getStatusColor(status, shade = "default") {
+  const statusColors = colors_default.status?.[status];
+  if (!statusColors) {
+    return DEFAULT_STATUS_FALLBACK[shade];
+  }
+  return statusColors[shade] ?? statusColors.default ?? DEFAULT_STATUS_FALLBACK[shade];
+}
+
+// src/config/ui_config.ts
+var common = {
+  borderRadius: 12
+};
+var sizeBase = {
+  small: {
+    height: 40,
+    fontSize: 13,
+    paddingHorizontal: 6,
+    iconSize: 16
+  },
+  medium: {
+    height: 45,
+    fontSize: 14,
+    paddingHorizontal: 8,
+    iconSize: 18
+  },
+  large: {
+    height: 50,
+    fontSize: 15,
+    paddingHorizontal: 10,
+    iconSize: 20
+  }
+};
+var UITheme = {
+  defaults: {
+    size: "large"
+  },
+  common,
+  input: {
+    sizes: {
+      small: { ...sizeBase.small, borderRadius: common.borderRadius },
+      medium: { ...sizeBase.medium, borderRadius: common.borderRadius },
+      large: { ...sizeBase.large, borderRadius: common.borderRadius }
+    }
+  },
+  button: {
+    sizes: {
+      small: { ...sizeBase.small, borderRadius: common.borderRadius },
+      medium: { ...sizeBase.medium, borderRadius: common.borderRadius },
+      large: { ...sizeBase.large, borderRadius: common.borderRadius }
+    }
+  },
+  badge: {
+    sizes: {
+      small: {
+        paddingHorizontal: 8,
+        paddingVertical: 3,
+        fontSize: 12,
+        borderRadius: 5
+      },
+      medium: {
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        fontSize: 14,
+        borderRadius: 6
+      },
+      large: {
+        paddingHorizontal: 10,
+        paddingVertical: 5,
+        fontSize: 16,
+        borderRadius: 8
+      }
+    }
+  },
+  switch: {
+    sizes: {
+      small: {
+        width: 36,
+        height: 20,
+        padding: 1
+      },
+      medium: {
+        width: 44,
+        height: 24,
+        padding: 2
+      },
+      large: {
+        width: 56,
+        height: 30,
+        padding: 3
+      }
+    }
+  }
+};
+
+export { UITheme, getStatusColor };

package/dist/context.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { a as ThemePreference, A as AppTheme, T as ThemeMode } from './index-tIixPl5M.mjs';
+
+declare const ThemeContext: React.Context<{
+    mode: ThemePreference;
+    setMode: (mode: ThemePreference) => void;
+    theme: AppTheme;
+    resolvedMode: ThemeMode;
+}>;
+
+export { ThemeContext };

package/dist/context.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { a as ThemePreference, A as AppTheme, T as ThemeMode } from './index-tIixPl5M.js';
+
+declare const ThemeContext: React.Context<{
+    mode: ThemePreference;
+    setMode: (mode: ThemePreference) => void;
+    theme: AppTheme;
+    resolvedMode: ThemeMode;
+}>;
+
+export { ThemeContext };

package/dist/context.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var react = require('react');
+
+// src/context/ThemeContext.tsx
+
+// src/theme/colors.ts
+var Colors = {
+  primary: {
+    50: "#EFF6FF",
+    400: "#60A5FA",
+    500: "#3B82F6",
+    600: "#2563EB",
+    900: "#1E3A8A"
+  },
+  primaryColor: "#2563EB",
+  gray: {
+    50: "#F9FAFB",
+    100: "#F3F4F6",
+    200: "#E5E7EB",
+    300: "#D1D5DB",
+    400: "#9CA3AF",
+    500: "#6B7280",
+    600: "#4B5563",
+    700: "#374151",
+    800: "#1F2937",
+    900: "#111827"
+  },
+  white: "#ffffff",
+  green: { 500: "#22C55E" },
+  orange: { 500: "#F97316" },
+  red: { 500: "#EF4444" }};
+var colors_default = Colors;
+
+// src/theme/theme.ts
+var BaseTheme = {
+  primary: {
+    default: colors_default.primary[600],
+    hover: colors_default.primary[500]
+  },
+  background: {
+    screen: colors_default.gray[50],
+    surface: "#FFFFFF",
+    selected: colors_default.primary[50],
+    secondary: colors_default.gray[100],
+    design: colors_default.primary[50]
+  },
+  input: {
+    background: colors_default.gray[50]
+  },
+  text: {
+    primary: colors_default.gray[900],
+    secondary: colors_default.gray[600],
+    muted: colors_default.gray[400],
+    inverse: "#FFFFFF"
+  },
+  border: {
+    default: colors_default.gray[300],
+    focused: colors_default.primary[600],
+    success: colors_default.green[500],
+    warning: colors_default.orange[500],
+    error: colors_default.red[500]
+  },
+  status: {
+    success: colors_default.green[500],
+    warning: colors_default.orange[500],
+    error: colors_default.red[500],
+    validating: colors_default.primary[600]
+  },
+  icon: {
+    default: colors_default.gray[500],
+    active: colors_default.primary[600],
+    disabled: colors_default.gray[400]
+  },
+  tabContent: {
+    active: colors_default.primary[600],
+    inactive: colors_default.gray[400]
+  },
+  skeleton: {
+    background: colors_default.gray[200],
+    componentBg: colors_default.gray[300],
+    highlight: "#ffffff99"
+  },
+  primaryContent: {
+    color: colors_default.primaryColor
+  }
+};
+var LightTheme = {
+  ...BaseTheme
+};
+var DarkTheme = {
+  ...BaseTheme,
+  primary: {
+    default: colors_default.primary[500],
+    hover: colors_default.primary[400]
+  },
+  background: {
+    ...BaseTheme.background,
+    screen: colors_default.gray[900],
+    surface: colors_default.gray[800],
+    selected: colors_default.primary[900],
+    secondary: colors_default.gray[900],
+    design: colors_default.primaryColor + 10
+  },
+  input: {
+    background: colors_default.gray[700]
+  },
+  text: {
+    ...BaseTheme.text,
+    primary: "#FFFFFF",
+    secondary: colors_default.gray[200],
+    muted: colors_default.gray[500],
+    inverse: colors_default.gray[900]
+  },
+  border: {
+    ...BaseTheme.border,
+    default: colors_default.gray[700]
+  },
+  icon: {
+    ...BaseTheme.icon,
+    default: colors_default.gray[400],
+    disabled: colors_default.gray[600]
+  },
+  tabContent: {
+    active: colors_default.white,
+    inactive: colors_default.gray[500]
+  },
+  skeleton: {
+    background: colors_default.gray[700],
+    componentBg: colors_default.gray[800],
+    highlight: "#ffffff14"
+  },
+  primaryContent: {
+    color: colors_default.primary[400]
+  }
+};
+
+// src/theme/index.ts
+var getTheme = (mode) => mode === "dark" ? DarkTheme : LightTheme;
+
+// src/context/ThemeContext.tsx
+var ThemeContext = react.createContext({
+  mode: "system",
+  setMode: () => {
+  },
+  theme: getTheme("light"),
+  resolvedMode: "light"
+});
+
+exports.ThemeContext = ThemeContext;