sgerp-frontend-lib 0.1.0 → 0.1.2

package/README.md

@@ -15,7 +15,7 @@ npm install sgerp-frontend-lib
 Install the complete library directly into your project:
 
 ```bash
-npx shadcn@latest add https://your-docs-url.com/registry/lib/sgerp-lib
+npx shadcn@latest add https://sgerp-frontend-lib.vercel.app/registry/lib/sgerp-lib
 ```
 
 This copies all `sgerplib/sgerp` files into your project. You own the code and can modify it as needed.

package/dist/connection-manager.d.ts

@@ -0,0 +1,48 @@
+import type { Connection } from './sgerp/types/config';
+export interface StoredConnection extends Connection {
+    lastUsed?: string;
+}
+export declare class ConnectionManager {
+    /**
+     * Get all stored connections from localStorage
+     */
+    static getConnections(): StoredConnection[];
+    /**
+     * Get a specific connection by ID
+     */
+    static getConnection(id: string): StoredConnection | null;
+    /**
+     * Save a connection to localStorage
+     */
+    static saveConnection(connection: Connection): void;
+    /**
+     * Delete a connection from localStorage
+     */
+    static deleteConnection(id: string): void;
+    /**
+     * Get the active connection ID
+     */
+    static getActiveConnectionId(): string | null;
+    /**
+     * Get the active connection
+     */
+    static getActiveConnection(): StoredConnection | null;
+    /**
+     * Set the active connection ID
+     */
+    static setActiveConnection(id: string): void;
+    /**
+     * Update the lastUsed timestamp for a connection
+     */
+    static touchConnection(id: string): void;
+    /**
+     * Clear all connections
+     */
+    static clearAll(): void;
+    /**
+     * Subscribe to connection changes
+     * @returns Unsubscribe function
+     */
+    static onChange(callback: () => void): () => void;
+}
+//# sourceMappingURL=connection-manager.d.ts.map

package/dist/connection-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-manager.d.ts","sourceRoot":"","sources":["../sgerplib/connection-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAWD,qBAAa,iBAAiB;IAC5B;;OAEG;IACH,MAAM,CAAC,cAAc,IAAI,gBAAgB,EAAE;IAY3C;;OAEG;IACH,MAAM,CAAC,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI;IAKzD;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IA+BnD;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAoBzC;;OAEG;IACH,MAAM,CAAC,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAW7C;;OAEG;IACH,MAAM,CAAC,mBAAmB,IAAI,gBAAgB,GAAG,IAAI;IAKrD;;OAEG;IACH,MAAM,CAAC,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAW5C;;OAEG;IACH,MAAM,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAOxC;;OAEG;IACH,MAAM,CAAC,QAAQ,IAAI,IAAI;IAYvB;;;OAGG;IACH,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;CAOlD"}

package/dist/connection-manager.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionManager = void 0;
+const STORAGE_KEY = 'sgerp_connections';
+const ACTIVE_CONNECTION_KEY = 'sgerp_active_connection';
+const CONNECTION_CHANGE_EVENT = 'sgerp_connection_change';
+/**
+ * Dispatch a custom event to notify components of connection changes
+ */
+function notifyConnectionChange() {
+    if (typeof window !== 'undefined') {
+        window.dispatchEvent(new CustomEvent(CONNECTION_CHANGE_EVENT));
+    }
+}
+class ConnectionManager {
+    /**
+     * Get all stored connections from localStorage
+     */
+    static getConnections() {
+        if (typeof window === 'undefined')
+            return [];
+        try {
+            const stored = localStorage.getItem(STORAGE_KEY);
+            return stored ? JSON.parse(stored) : [];
+        }
+        catch (error) {
+            console.error('Failed to load connections:', error);
+            return [];
+        }
+    }
+    /**
+     * Get a specific connection by ID
+     */
+    static getConnection(id) {
+        const connections = this.getConnections();
+        return connections.find(conn => conn.id === id) || null;
+    }
+    /**
+     * Save a connection to localStorage
+     */
+    static saveConnection(connection) {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            const connections = this.getConnections();
+            const existingIndex = connections.findIndex(conn => conn.id === connection.id);
+            const storedConnection = Object.assign(Object.assign({}, connection), { lastUsed: new Date().toISOString() });
+            if (existingIndex >= 0) {
+                connections[existingIndex] = storedConnection;
+            }
+            else {
+                connections.push(storedConnection);
+            }
+            localStorage.setItem(STORAGE_KEY, JSON.stringify(connections));
+            // Set as active connection if it's the first one
+            if (connections.length === 1) {
+                this.setActiveConnection(connection.id);
+            }
+            notifyConnectionChange();
+        }
+        catch (error) {
+            console.error('Failed to save connection:', error);
+        }
+    }
+    /**
+     * Delete a connection from localStorage
+     */
+    static deleteConnection(id) {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            const connections = this.getConnections();
+            const filtered = connections.filter(conn => conn.id !== id);
+            localStorage.setItem(STORAGE_KEY, JSON.stringify(filtered));
+            // If we deleted the active connection, clear it
+            if (this.getActiveConnectionId() === id) {
+                localStorage.removeItem(ACTIVE_CONNECTION_KEY);
+            }
+            notifyConnectionChange();
+        }
+        catch (error) {
+            console.error('Failed to delete connection:', error);
+        }
+    }
+    /**
+     * Get the active connection ID
+     */
+    static getActiveConnectionId() {
+        if (typeof window === 'undefined')
+            return null;
+        try {
+            return localStorage.getItem(ACTIVE_CONNECTION_KEY);
+        }
+        catch (error) {
+            console.error('Failed to get active connection:', error);
+            return null;
+        }
+    }
+    /**
+     * Get the active connection
+     */
+    static getActiveConnection() {
+        const id = this.getActiveConnectionId();
+        return id ? this.getConnection(id) : null;
+    }
+    /**
+     * Set the active connection ID
+     */
+    static setActiveConnection(id) {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            localStorage.setItem(ACTIVE_CONNECTION_KEY, id);
+            notifyConnectionChange();
+        }
+        catch (error) {
+            console.error('Failed to set active connection:', error);
+        }
+    }
+    /**
+     * Update the lastUsed timestamp for a connection
+     */
+    static touchConnection(id) {
+        const connection = this.getConnection(id);
+        if (connection) {
+            this.saveConnection(connection);
+        }
+    }
+    /**
+     * Clear all connections
+     */
+    static clearAll() {
+        if (typeof window === 'undefined')
+            return;
+        try {
+            localStorage.removeItem(STORAGE_KEY);
+            localStorage.removeItem(ACTIVE_CONNECTION_KEY);
+            notifyConnectionChange();
+        }
+        catch (error) {
+            console.error('Failed to clear connections:', error);
+        }
+    }
+    /**
+     * Subscribe to connection changes
+     * @returns Unsubscribe function
+     */
+    static onChange(callback) {
+        if (typeof window === 'undefined')
+            return () => { };
+        const handler = () => callback();
+        window.addEventListener(CONNECTION_CHANGE_EVENT, handler);
+        return () => window.removeEventListener(CONNECTION_CHANGE_EVENT, handler);
+    }
+}
+exports.ConnectionManager = ConnectionManager;

package/dist/index.js

@@ -1,8 +1,26 @@
+"use strict";
 /**
  * SGERP Frontend Library
  * Main entry point for npm package
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionManager = void 0;
 // Re-export everything from sgerp module
-export * from './sgerp';
+__exportStar(require("./sgerp"), exports);
 // Re-export connection manager
-export { ConnectionManager } from './connection-manager';
+var connection_manager_1 = require("./connection-manager");
+Object.defineProperty(exports, "ConnectionManager", { enumerable: true, get: function () { return connection_manager_1.ConnectionManager; } });

package/dist/locales/locale-server.d.ts

@@ -0,0 +1,10 @@
+export type Language = "en" | "ja" | "ms";
+/**
+ * Server-side localization function (no localStorage, no client features)
+ * @param key - The translation key
+ * @param params - Parameters to replace in the translation
+ * @param locale - The locale to use
+ * @returns The localized string
+ */
+export declare const localizeServer: (key: string, params?: Record<string, unknown>, locale?: Language) => string;
+//# sourceMappingURL=locale-server.d.ts.map

package/dist/locales/locale-server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-server.d.ts","sourceRoot":"","sources":["../../sgerplib/locales/locale-server.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAU1C;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GACzB,KAAK,MAAM,EACX,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACpC,SAAQ,QAAyB,KAChC,MAmCF,CAAC"}

package/dist/locales/locale-server.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localizeServer = void 0;
+const locale_en_1 = require("./locale_en");
+const locale_ja_1 = require("./locale_ja");
+const locale_ms_1 = require("./locale_ms");
+const locales = {
+    en: locale_en_1.translations,
+    ja: locale_ja_1.translations,
+    ms: locale_ms_1.translations,
+};
+const DEFAULT_LOCALE = "en";
+/**
+ * Server-side localization function (no localStorage, no client features)
+ * @param key - The translation key
+ * @param params - Parameters to replace in the translation
+ * @param locale - The locale to use
+ * @returns The localized string
+ */
+const localizeServer = (key, params = {}, locale = DEFAULT_LOCALE) => {
+    const translation = locale in locales ? locales[locale] : locales[DEFAULT_LOCALE];
+    // Try to find the key in the selected locale
+    let value = translation[key];
+    // If not found, try removing '_id' from the key and search again
+    if (value === undefined) {
+        const keyWithoutId = key.replace(/_id/g, "");
+        value = translation[keyWithoutId];
+    }
+    // If still not found, fallback to English translation
+    if (value === undefined) {
+        value = locales["en"][key];
+        // Try removing '_id' from the key in English fallback
+        if (value === undefined) {
+            const keyWithoutId = key.replace(/_id/g, "");
+            value = locales["en"][keyWithoutId];
+        }
+    }
+    // If still not found, use the key itself
+    if (value === undefined) {
+        value = key;
+    }
+    // Replace placeholders with provided values
+    Object.keys(params).forEach((param) => {
+        const regex = new RegExp(`\\{${param}\\}`, "g");
+        value = value.replace(regex, String(params[param] || ""));
+    });
+    return value;
+};
+exports.localizeServer = localizeServer;

package/dist/locales/locale.d.ts

@@ -0,0 +1,23 @@
+export type Language = "en" | "ja" | "ms";
+type LocaleChangeListener = (locale: Language) => void;
+export declare const subscribeToLocaleChanges: (listener: LocaleChangeListener) => () => void;
+/**
+ * Get the current locale
+ * @returns The current locale
+ */
+export declare const getLocale: () => Language;
+/**
+ * Set the locale
+ * @param locale - The locale to set
+ */
+export declare const setLocale: (locale: Language) => void;
+/**
+ * Localize a key with optional parameters
+ * @param key - The translation key
+ * @param params - Parameters to replace in the translation
+ * @param locale - Optional locale override
+ * @returns The localized string
+ */
+export declare const localize: (key: string, params?: Record<string, unknown>, locale?: Language) => string;
+export {};
+//# sourceMappingURL=locale.d.ts.map

package/dist/locales/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../sgerplib/locales/locale.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAc1C,KAAK,oBAAoB,GAAG,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;AAGvD,eAAO,MAAM,wBAAwB,GAAI,UAAU,oBAAoB,eAKtE,CAAC;AA6BF;;;GAGG;AACH,eAAO,MAAM,SAAS,QAAO,QAe5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,QAAQ,QAAQ,KAAG,IAU5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GACnB,KAAK,MAAM,EACX,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACpC,SAAQ,QAAsB,KAC7B,MAmCF,CAAC"}

package/dist/locales/locale.js

@@ -0,0 +1,145 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localize = exports.setLocale = exports.getLocale = exports.subscribeToLocaleChanges = void 0;
+const locale_en_1 = require("./locale_en");
+const locale_ja_1 = require("./locale_ja");
+const locale_ms_1 = require("./locale_ms");
+const locales = {
+    en: locale_en_1.translations,
+    ja: locale_ja_1.translations,
+    ms: locale_ms_1.translations,
+};
+const DEFAULT_LOCALE = "en";
+const STORAGE_KEY = "sgerp-language";
+let currentLocale = DEFAULT_LOCALE;
+const listeners = new Set();
+const subscribeToLocaleChanges = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+exports.subscribeToLocaleChanges = subscribeToLocaleChanges;
+const notifyListeners = () => {
+    listeners.forEach(listener => listener(currentLocale));
+};
+// Function to safely access localStorage
+const safeLocalStorage = {
+    getItem: (key) => {
+        try {
+            if (typeof window !== "undefined" && window.localStorage) {
+                return localStorage.getItem(key);
+            }
+        }
+        catch (_a) {
+            // Ignore localStorage errors
+        }
+        return null;
+    },
+    setItem: (key, value) => {
+        try {
+            if (typeof window !== "undefined" && window.localStorage) {
+                localStorage.setItem(key, value);
+            }
+        }
+        catch (_a) {
+            // Ignore localStorage errors
+        }
+    },
+};
+/**
+ * Get the current locale
+ * @returns The current locale
+ */
+const getLocale = () => {
+    if (typeof self !== "undefined" && typeof self.postMessage === "function") {
+        // Web Worker environment
+        return currentLocale;
+    }
+    else if (typeof window !== "undefined") {
+        // Browser environment
+        const stored = safeLocalStorage.getItem(STORAGE_KEY);
+        if (stored === "en" || stored === "ja" || stored === "ms") {
+            return stored;
+        }
+        return DEFAULT_LOCALE;
+    }
+    else {
+        // Server environment
+        return DEFAULT_LOCALE;
+    }
+};
+exports.getLocale = getLocale;
+/**
+ * Set the locale
+ * @param locale - The locale to set
+ */
+const setLocale = (locale) => {
+    if (locale in locales) {
+        // Only notify if locale actually changed
+        const changed = currentLocale !== locale;
+        currentLocale = locale;
+        safeLocalStorage.setItem(STORAGE_KEY, locale);
+        if (changed) {
+            notifyListeners();
+        }
+    }
+};
+exports.setLocale = setLocale;
+/**
+ * Localize a key with optional parameters
+ * @param key - The translation key
+ * @param params - Parameters to replace in the translation
+ * @param locale - Optional locale override
+ * @returns The localized string
+ */
+const localize = (key, params = {}, locale = (0, exports.getLocale)()) => {
+    const translation = locale in locales ? locales[locale] : locales[DEFAULT_LOCALE];
+    // Try to find the key in the selected locale
+    let value = translation[key];
+    // If not found, try removing '_id' from the key and search again
+    if (value === undefined) {
+        const keyWithoutId = key.replace(/_id/g, "");
+        value = translation[keyWithoutId];
+    }
+    // If still not found, fallback to English translation
+    if (value === undefined) {
+        value = locales["en"][key];
+        // Try removing '_id' from the key in English fallback
+        if (value === undefined) {
+            const keyWithoutId = key.replace(/_id/g, "");
+            value = locales["en"][keyWithoutId];
+        }
+    }
+    // If still not found, use the key itself
+    if (value === undefined) {
+        value = key;
+    }
+    // Replace placeholders with provided values
+    Object.keys(params).forEach((param) => {
+        const regex = new RegExp(`\\{${param}\\}`, "g");
+        value = value.replace(regex, String(params[param] || ""));
+    });
+    return value;
+};
+exports.localize = localize;
+// Setup for Web Worker environment
+if (typeof self !== "undefined" && self.postMessage) {
+    self.onmessage = (event) => {
+        if (event.data.type === "setLocale") {
+            (0, exports.setLocale)(event.data.locale);
+        }
+        else if (event.data.type === "getLocale") {
+            self.postMessage({ type: "currentLocale", locale: (0, exports.getLocale)() });
+        }
+    };
+}
+// Setup for Browser environment
+if (typeof window !== "undefined") {
+    // Initialize locale from localStorage
+    const storedLocale = safeLocalStorage.getItem(STORAGE_KEY);
+    if (storedLocale === "en" || storedLocale === "ja" || storedLocale === "ms") {
+        (0, exports.setLocale)(storedLocale);
+    }
+}

package/dist/locales/locale_en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locale_en.d.ts","sourceRoot":"","sources":["../../sgerplib/locales/locale_en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAigE/C,CAAC"}
+{"version":3,"file":"locale_en.d.ts","sourceRoot":"","sources":["../../sgerplib/locales/locale_en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAomE/C,CAAC"}

package/dist/locales/locale_en.js

@@ -1,4 +1,7 @@
-export const translations = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translations = void 0;
+exports.translations = {
     // SGERP Login
     "sgerp_login.username": "Username",
     "sgerp_login.password": "Password",
@@ -137,17 +140,82 @@ export const translations = {
     "interactive_demo.loading": "Loading...",
     "interactive_demo.code_equivalent": "Code Equivalent",
     // Homepage
-    "homepage.title": "SGERP Frontend Library",
-    "homepage.subtitle": "A TypeScript library for interacting with SGERP backend APIs. Manage multiple connections, environments, and make type-safe API requests.",
+    "homepage.badge": "Frontend Components for Logistics & TMS",
+    "homepage.title": "Build Mobility and Logistics Apps Fast",
+    "homepage.subtitle": "Production-ready React components backed by swatmobility.com services",
+    "homepage.description": "Shadcn-style reusable components for mobility and logistics platforms. Fully customizable, drop into any React app, and adapt to your design system. Perfect for people transport and logistics applications.",
     "homepage.try_it_out": "Try It Out",
     "homepage.get_started": "Get Started",
     "homepage.documentation": "Documentation",
-    "homepage.feature_connection_title": "Connection Management",
-    "homepage.feature_connection_desc": "Store and switch between multiple user/environment profiles with ease.",
-    "homepage.feature_typesafe_title": "Type-Safe",
-    "homepage.feature_typesafe_desc": "Full TypeScript support with comprehensive type definitions.",
-    "homepage.feature_easy_title": "Easy to Use",
-    "homepage.feature_easy_desc": "Simple API with automatic authentication and error handling.",
+    // Stats
+    "homepage.stat_components": "Components",
+    "homepage.stat_tables": "Data Tables",
+    "homepage.stat_pages": "Full Pages",
+    "homepage.stat_typescript": "TypeScript",
+    // Features Section
+    "homepage.features_title": "Everything You Need for Mobility & Logistics Apps",
+    "homepage.features_subtitle": "Frontend components backed by swatmobility.com infrastructure for mobility and delivery management",
+    "homepage.feature_transport_title": "People Transport",
+    "homepage.feature_transport_desc": "Complete passenger transport solutions with booking management, ridesharing support, driver assignment, and real-time tracking for efficient people movement.",
+    "homepage.feature_logistics_title": "Logistics",
+    "homepage.feature_logistics_desc": "18 pre-built table components, 10+ complete pages, and specialized editors for delivery management and supply chain operations. Install with shadcn CLI and customize.",
+    "homepage.feature_backend_title": "Backend-Powered",
+    "homepage.feature_backend_desc": "All components connect to production-grade logistics APIs. Fetch live data with automatic authentication and type safety.",
+    "homepage.feature_maps_title": "Interactive Maps",
+    "homepage.feature_maps_desc": "Route visualization with Mapbox GL. Display vehicle routes, waypoints, and live tracking on interactive maps.",
+    "homepage.feature_routing_title": "Route Planning",
+    "homepage.feature_routing_desc": "Solve vehicle routing problems with automated planning algorithms or manual editing. Create optimal routes with autoplan, then fine-tune manually for real-world constraints.",
+    "homepage.feature_customizable_title": "Shadcn-Style Components",
+    "homepage.feature_customizable_desc": "Fully customizable components that drop into any React app. Built with Radix UI primitives and Tailwind CSS. Copy, paste, and adapt to your design system.",
+    // Use Cases Section
+    "homepage.usecases_title": "Built for Real-World Logistics",
+    "homepage.usecases_subtitle": "Trusted by transportation companies for fleet operations, delivery management, and route optimization",
+    "homepage.usecase_fleet_title": "Fleet Management",
+    "homepage.usecase_fleet_desc": "Track vehicles, assign drivers, monitor service schedules, and optimize fleet utilization across multiple projects.",
+    "homepage.usecase_rideshare_title": "Ride-Sharing & Carpooling",
+    "homepage.usecase_rideshare_desc": "Manage passenger bookings, match riders, calculate routes, and handle JIT shift-based transportation services.",
+    "homepage.usecase_delivery_title": "Last-Mile Delivery",
+    "homepage.usecase_delivery_desc": "Optimize delivery routes, track packages, manage nodes, and coordinate drivers for efficient last-mile logistics.",
+    "homepage.usecase_routing_title": "Route Optimization",
+    "homepage.usecase_routing_desc": "Calculate optimal routes using swatmobility route optimization APIs, visualize waypoints, estimate travel times, and reduce operational costs.",
+    // Showcase Section
+    "homepage.showcase_title": "See It In Action",
+    "homepage.showcase_subtitle": "Production-ready components for every aspect of mobility and logistics management",
+    "homepage.hero_feature_title": "Complete Route Planning Interface — Zero Development Required",
+    "homepage.hero_feature_desc": "Drop in a full-featured route planning interface with interactive maps, vehicle management, and timeline views. Connected to backend by swatmobility developers — just install and use or customize.",
+    "homepage.showcase_services": "Services Management",
+    "homepage.showcase_services_desc": "Complete page for managing transportation services with filtering and scheduling",
+    "homepage.showcase_drivers": "Driver Management",
+    "homepage.showcase_drivers_desc": "Track driver availability, assignments, and performance metrics",
+    "homepage.showcase_passengers": "Passenger Bookings",
+    "homepage.showcase_passengers_desc": "Manage passenger information, bookings, and transaction history",
+    "homepage.showcase_timeline": "Timeline View",
+    "homepage.showcase_timeline_desc": "Gantt-style timeline for visualizing vehicle schedules and routes",
+    "homepage.showcase_notifications": "Notifications",
+    "homepage.showcase_notifications_desc": "Schedule SMS and push notifications for passengers and drivers",
+    "homepage.showcase_trackplayer": "Route Playback",
+    "homepage.showcase_trackplayer_desc": "Replay historical routes with speed control and waypoint tracking",
+    // CTA Section
+    "homepage.cta_title": "Start Building Today",
+    "homepage.cta_subtitle": "Install components via shadcn CLI and connect to your SGERP backend. Full TypeScript support included.",
+    // Footer
+    "footer.about": "About",
+    "footer.about_desc": "Production-ready React components for mobility and logistics platforms, backed by SWAT Mobility.",
+    "footer.documentation": "Documentation",
+    "footer.getting_started": "Getting Started",
+    "footer.api_reference": "API Reference",
+    "footer.components": "Components",
+    "footer.pages": "Pages",
+    "footer.resources": "Resources",
+    "footer.try_demo": "Try Demo",
+    "footer.github": "GitHub",
+    "footer.npm_package": "NPM Package",
+    "footer.connect": "Connect",
+    "footer.swat_website": "SWAT Mobility",
+    "footer.contact": "Contact Us",
+    "footer.about_us": "About Us",
+    "footer.copyright": "SWAT Mobility. All rights reserved.",
+    "footer.terms": "Terms & Conditions",
     // PT App
     "ptapp.title": "PT Management",
     "ptapp.login_required": "Please log in to access PT Management",
@@ -1471,6 +1539,15 @@ export const translations = {
     "calendar.select_date_first": "Select date first",
     "calendar.found": "found",
     "calendar.project_label": "Project",
+    // Simulation Filters
+    "simulation_filters.basic_filters": "Basic Filters (3 components)",
+    "simulation_filters.basic_filters_desc": "Project, Template, and Calendar selectors",
+    "simulation_filters.full_filters": "Full Filters (4 components)",
+    "simulation_filters.full_filters_desc": "Project, Template, Calendar, and Simulation selectors",
+    "simulation_filters.multiselect_templates": "Multiselect Templates",
+    "simulation_filters.multiselect_templates_desc": "Project and multi-template selectors",
+    "simulation_filters.multiselect_all": "Multiselect Templates and Simulations",
+    "simulation_filters.multiselect_all_desc": "All components with multi-select for templates and simulations",
     // Booking
     "booking.create_booking": "Create Booking",
     "booking.new_booking": "New Booking",
@@ -1930,4 +2007,11 @@ export const translations = {
     "example.map.feature_style": "Change map style using the dropdown (top-left)",
     "example.map.feature_zoom": "Zoom and pan using mouse or touch",
     "example.map.feature_updates": "Data automatically updates when collection changes",
+    // Table Examples
+    "examples.live_example": "Live Example",
+    "examples.integrated_editor_recommended": "Integrated Editor (Recommended)",
+    "examples.integrated_editor_desc": "Enable editing with just enableEditor={true}. The table handles the drawer and editor automatically.",
+    "examples.custom_onedit_handler": "Custom onEdit Handler",
+    "examples.custom_onedit_desc": "For advanced use cases, provide your own onEdit handler for full control.",
+    "examples.see_code_above": "See code example above for custom implementation",
 };

package/dist/locales/locale_ja.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locale_ja.d.ts","sourceRoot":"","sources":["../../sgerplib/locales/locale_ja.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6/D/C,CAAC"}
+{"version":3,"file":"locale_ja.d.ts","sourceRoot":"","sources":["../../sgerplib/locales/locale_ja.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAimE/C,CAAC"}