@seip/blue-bird 0.3.1 → 0.3.4

package/frontend/resources/js/App.jsx

@@ -1,42 +1,28 @@
-import React from 'react';
-import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
-import Home from './pages/Home';
-import About from './pages/About';
-
-export default function App(_props) {
-  const {
-    component,
-    props
-  } = _props;
-
-  console.log(`Check props and component `)
-  console.log(`Component: ${component}`)
-  console.log(props)
-
-  return (
-    <Router>
-      <div
-        className="bg-white text-gray-900"
-      >
-        <nav
-          className='bg-white text-gray-900 border border-gray-200 px-4 py-4 flex justify-between items-center gap-4 sticky top-0 z-10'
-        >
-          <div className='font-bold text-xl text-blue-600'>
-            Blue Bird
-          </div>
-          <div className='flex justify-between items-center gap-4'>
-            <Link to="/" className='text-gray-500 hover:text-gray-900'>Home</Link>
-            <Link to="/about" className='text-gray-500 hover:text-gray-900'>About</Link>
-          </div>
-        </nav>
-        <main className='max-w-7xl mx-auto'>
-          <Routes>
-            <Route path="/" element={<Home />} />
-            <Route path="/about" element={<About />} />
-          </Routes>
-        </main>
-      </div>
-    </Router>
-  );
-}
-
+import React from 'react';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import Home from './pages/Home';
+import About from './pages/About';
+import { ThemeProvider } from './blue-bird/contexts/ThemeContext.jsx';
+
+export default function App(_props) {
+  const {
+    component,
+    props
+  } = _props;
+
+  console.log(`Check props and component `)
+  console.log(`Component: ${component}`)
+  console.log(props)
+
+  return (
+    <ThemeProvider>
+      <Router>
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/about" element={<About />} />
+        </Routes>
+      </Router>
+    </ThemeProvider>
+  );
+}
+

package/frontend/resources/js/Main.jsx

@@ -1,18 +1,18 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App';
-
-
-document.addEventListener('DOMContentLoaded', () => {
-    document.querySelectorAll('[data-react-component]').forEach(el => {
-      const component = {
-        component:el.dataset.reactComponent
-      };
-      const props = JSON.parse(el.dataset.props || '{}'); 
-      const allProps={
-        ...props,
-        ...component
-      }
-        createRoot(el).render(<App {...allProps} />); 
-    });   
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    document.querySelectorAll('[data-react-component]').forEach(el => {
+      const component = {
+        component:el.dataset.reactComponent
+      };
+      const props = JSON.parse(el.dataset.props || '{}'); 
+      const allProps={
+        ...props,
+        ...component
+      }
+        createRoot(el).render(<App {...allProps} />); 
+    });   
 });

package/frontend/resources/js/blue-bird/components/Button.jsx

@@ -0,0 +1,67 @@
+import React from 'react';
+
+export default function Button({ children, variant = 'default', size = 'default', className = '', ...props }) {
+    const baseStyle = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50";
+
+    const variants = {
+        default: "bg-slate-900 dark:bg-slate-100 text-slate-50 dark:text-slate-900 hover:bg-slate-900/90 dark:hover:bg-slate-100/90",
+        destructive: "bg-red-500 text-slate-50 hover:bg-red-500/90 dark:bg-red-900 dark:hover:bg-red-900/90",
+        outline: "border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 hover:bg-slate-100 dark:hover:bg-slate-800",
+        secondary: "bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-slate-100 hover:bg-slate-100/80 dark:hover:bg-slate-800/80",
+        ghost: "hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-900 dark:text-slate-100",
+        link: "text-slate-900 dark:text-slate-100 underline-offset-4 hover:underline",
+        fill: "bg-gray-100 dark:bg-slate-800 text-gray-900 dark:text-slate-100 hover:bg-gray-100/80 dark:hover:bg-slate-800/80 w-full",
+        blue: "bg-blue-500 text-white hover:bg-blue-500/90 w-full",
+        blue_light: "bg-blue-100 text-blue-500 hover:bg-blue-100/80 w-full font-semibold",
+        green: "bg-green-500 text-white hover:bg-green-500/90 w-full",
+        green_light: "bg-green-100 text-green-500 hover:bg-green-100/80 w-full font-semibold",
+        red: "bg-red-500 text-white hover:bg-red-500/90 w-full",
+        red_light: "bg-red-100 text-red-500 hover:bg-red-100/80 w-full font-semibold",
+        yellow: "bg-yellow-500 text-white hover:bg-yellow-500/90 w-full",
+        yellow_light: "bg-yellow-100 text-yellow-500 hover:bg-yellow-100/80 w-full font-semibold",
+        purple: "bg-purple-500 text-white hover:bg-purple-500/90 w-full",
+        purple_light: "bg-purple-100 text-purple-500 hover:bg-purple-100/80 w-full font-semibold",
+        pink: "bg-pink-500 text-white hover:bg-pink-500/90 w-full",
+        pink_light: "bg-pink-100 text-pink-500 hover:bg-pink-100/80 w-full font-semibold",
+        orange: "bg-orange-500 text-white hover:bg-orange-500/90 w-full",
+        orange_light: "bg-orange-100 text-orange-500 hover:bg-orange-100/80 w-full font-semibold",
+        cyan: "bg-cyan-500 text-white hover:bg-cyan-500/90 w-full",
+        cyan_light: "bg-cyan-100 text-cyan-500 hover:bg-cyan-100/80 w-full font-semibold",
+        teal: "bg-teal-500 text-white hover:bg-teal-500/90 w-full",
+        teal_light: "bg-teal-100 text-teal-500 hover:bg-teal-100/80 w-full font-semibold",
+        lime: "bg-lime-500 text-white hover:bg-lime-500/90 w-full",
+        lime_light: "bg-lime-100 text-lime-500 hover:bg-lime-100/80 w-full font-semibold",
+        indigo: "bg-indigo-500 text-white hover:bg-indigo-500/90 w-full",
+        indigo_light: "bg-indigo-100 text-indigo-500 hover:bg-indigo-100/80 w-full font-semibold",
+        violet: "bg-violet-500 text-white hover:bg-violet-500/90 w-full",
+        violet_light: "bg-violet-100 text-violet-500 hover:bg-violet-100/80 w-full font-semibold",
+        fuchsia: "bg-fuchsia-500 text-white hover:bg-fuchsia-500/90 w-full",
+        fuchsia_light: "bg-fuchsia-100 text-fuchsia-500 hover:bg-fuchsia-100/80 w-full font-semibold",
+        rose: "bg-rose-500 text-white hover:bg-rose-500/90 w-full",
+        rose_light: "bg-rose-100 text-rose-500 hover:bg-rose-100/80 w-full font-semibold",
+        emerald: "bg-emerald-500 text-white hover:bg-emerald-500/90 w-full",
+        emerald_light: "bg-emerald-100 text-emerald-500 hover:bg-emerald-100/80 w-full font-semibold",
+        sky: "bg-sky-500 text-white hover:bg-sky-500/90 w-full",
+        sky_light: "bg-sky-100 text-sky-500 hover:bg-sky-100/80 w-full font-semibold",
+        slate: "bg-slate-500 text-white hover:bg-slate-500/90 w-full",
+        gray: "bg-gray-500 text-white hover:bg-gray-500/90 w-full",
+        zinc: "bg-zinc-500 text-white hover:bg-zinc-500/90 w-full",
+        neutral: "bg-neutral-500 text-white hover:bg-neutral-500/90 w-full",
+        stone: "bg-stone-500 text-white hover:bg-stone-500/90 w-full",
+    };
+
+    const sizes = {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+    };
+
+    const style = `${baseStyle} ${variants[variant] || variants.default} ${sizes[size] || sizes.default} ${className}`;
+
+    return (
+        <button className={style} {...props}>
+            {children}
+        </button>
+    );
+}

package/frontend/resources/js/blue-bird/components/Card.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+export default function Card({ children, className = '', title, description, border = true, shadow = true }) {
+    return (
+        <div className={`rounded-lg ${border ? "border border-slate-200 dark:border-slate-800" : ""} ${shadow ? "shadow-sm" : ""} bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 ${className}`}>
+            {(title || description) && (
+                <div className="flex flex-col space-y-1.5 p-6">
+                    {title && <h3 className="font-semibold leading-none tracking-tight">{title}</h3>}
+                    {description && <p className="text-sm text-slate-500 dark:text-slate-400">{description}</p>}
+                </div>
+            )}
+            <div className={`p-6 ${title || description ? 'pt-0' : ''}`}>
+                {children}
+            </div>
+        </div>
+    );
+}

package/frontend/resources/js/blue-bird/components/DataTable.jsx

@@ -0,0 +1,126 @@
+import React, { useState, useMemo } from 'react';
+import { useLanguage } from '../contexts/LanguageContext.jsx';
+import Button from './Button.jsx';
+import Input from './Input.jsx';
+
+export default function DataTable({
+    data = [],
+    columns = [],
+    rowsPerPage = 10,
+    searchable = true,
+    pagination = true,
+    onEdit,
+    onDelete
+}) {
+    const { t } = useLanguage();
+    const [currentPage, setCurrentPage] = useState(1);
+    const [searchTerm, setSearchTerm] = useState('');
+
+    const filteredData = useMemo(() => {
+        if (!searchTerm) return data;
+        const lowerTerm = searchTerm.toLowerCase();
+        return data.filter(item =>
+            columns.some(col => String(item[col.key] || '').toLowerCase().includes(lowerTerm))
+        );
+    }, [data, columns, searchTerm]);
+
+    const pageCount = Math.ceil(filteredData.length / rowsPerPage);
+    const paginatedData = useMemo(() => {
+        if (!pagination) return filteredData;
+        const start = (currentPage - 1) * rowsPerPage;
+        return filteredData.slice(start, start + rowsPerPage);
+    }, [filteredData, currentPage, rowsPerPage, pagination]);
+
+    return (
+        <div className="flex flex-col w-full gap-4">
+            {searchable && (
+                <div className="flex justify-end">
+                    <Input
+                        placeholder={t('search')}
+                        value={searchTerm}
+                        onChange={(e) => { setSearchTerm(e.target.value); setCurrentPage(1); }}
+                        className="w-full md:w-64"
+                    />
+                </div>
+            )}
+
+            <div className="overflow-x-auto bg-white dark:bg-slate-900 rounded-lg shadow border border-gray-200 dark:border-slate-800">
+                <table className="min-w-full divide-y divide-gray-200 dark:divide-slate-800">
+                    <thead className="bg-gray-50 dark:bg-slate-800/50">
+                        <tr>
+                            {columns.map(col => (
+                                <th key={col.key} className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-slate-400 uppercase tracking-wider">
+                                    {col.title || col.key}
+                                </th>
+                            ))}
+                            {(onEdit || onDelete) && (
+                                <th className="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-slate-400 uppercase tracking-wider">
+                                    {t('actions')}
+                                </th>
+                            )}
+                        </tr>
+                    </thead>
+                    <tbody className="bg-white dark:bg-slate-900 divide-y divide-gray-200 dark:divide-slate-800">
+                        {paginatedData.length > 0 ? paginatedData.map((row, idx) => (
+                            <tr key={row.id || idx} className="hover:bg-gray-50 dark:hover:bg-slate-800/50 transition-colors">
+                                {columns.map(col => (
+                                    <td key={col.key} className="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-slate-300">
+                                        {row[col.key] || '-'}
+                                    </td>
+                                ))}
+                                {(onEdit || onDelete) && (
+                                    <td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium space-x-2">
+                                        {onEdit && (
+                                            <Button variant="outline" className="px-2 py-1 text-xs" onClick={() => onEdit(row)}>
+                                                {t('edit')}
+                                            </Button>
+                                        )}
+                                        {onDelete && (
+                                            <Button variant="danger" className="px-2 py-1 text-xs" onClick={() => onDelete(row)}>
+                                                {t('delete')}
+                                            </Button>
+                                        )}
+                                    </td>
+                                )}
+                            </tr>
+                        )) : (
+                            <tr>
+                                <td colSpan={columns.length + (onEdit || onDelete ? 1 : 0)} className="px-6 py-4 text-center text-sm text-gray-500 dark:text-slate-400">
+                                    No data available.
+                                </td>
+                            </tr>
+                        )}
+                    </tbody>
+                </table>
+            </div>
+
+            {pagination && pageCount > 1 && (
+                <div className="flex justify-end mt-4 gap-1">
+                    <Button
+                        variant="secondary"
+                        disabled={currentPage === 1}
+                        onClick={() => setCurrentPage(p => p - 1)}
+                    >
+                        &laquo;
+                    </Button>
+                    {Array.from({ length: pageCount }).map((_, i) => (
+                        <Button
+                            key={i}
+                            variant={currentPage === i + 1 ? 'primary' : 'ghost'}
+                            onClick={() => setCurrentPage(i + 1)}
+                        >
+                            {i + 1}
+                        </Button>
+                    ))}
+                    <Button
+                        variant="secondary"
+                        disabled={currentPage === pageCount}
+                        onClick={() => setCurrentPage(p => p + 1)}
+                    >
+                        &raquo;
+                    </Button>
+                </div>
+            )}
+        </div>
+    );
+}

package/frontend/resources/js/blue-bird/components/Input.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import Label from './Label.jsx';
+
+export default function Input({ label, error, variant = "default", className = '', ...props }) {
+    const variants = {
+        default: "flex h-10 w-full rounded-md border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 px-3 py-2 text-sm ring-offset-white dark:ring-offset-slate-950 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-slate-500 dark:placeholder:text-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        error: "flex h-10 w-full rounded-md border border-red-500 dark:border-red-600 bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 px-3 py-2 text-sm ring-offset-white dark:ring-offset-slate-950 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-slate-500 dark:placeholder:text-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        fill: "flex h-10 w-full rounded-md border border-gray-100 dark:border-slate-800 bg-gray-100 dark:bg-slate-800 text-slate-900 dark:text-slate-100 px-3 py-2 text-sm ring-offset-white dark:ring-offset-slate-950 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-slate-500 dark:placeholder:text-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 w-full"
+    }
+    const style = variants[variant] || variants.default;
+    return (
+        <div className={`flex flex-col gap-1.5 ${className}`}>
+            {label && <Label>{label}</Label>}
+            <input
+                className={`${style} ${error ? 'border-red-500 focus-visible:ring-red-500' : ''}`}
+                {...props}
+            />
+            {error && <span className="text-xs font-medium text-red-500">{error}</span>}
+        </div>
+    );
+}

package/frontend/resources/js/blue-bird/components/Label.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+export default function Label({ children, className = '', ...props }) {
+    return (
+        <label
+            className={`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${className}`}
+            {...props}
+        >
+            {children}
+        </label>
+    );
+}

package/frontend/resources/js/blue-bird/components/Modal.jsx

@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+
+export default function Modal({ isOpen, onClose, title, children }) {
+    useEffect(() => {
+        if (isOpen) document.body.style.overflow = 'hidden';
+        else document.body.style.overflow = 'unset';
+        return () => { document.body.style.overflow = 'unset'; };
+    }, [isOpen]);
+
+    if (!isOpen) return null;
+
+    return (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 transition-opacity">
+            <div className="bg-white dark:bg-slate-900 rounded-lg shadow-xl w-full max-w-lg mx-4 overflow-hidden transform transition-all border dark:border-slate-800">
+                <div className="flex justify-between items-center p-4 border-b dark:border-slate-800">
+                    <h3 className="text-lg font-semibold text-slate-900 dark:text-slate-100">{title}</h3>
+                    <button onClick={onClose} className="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 text-2xl leading-none">
+                        &times;
+                    </button>
+                </div>
+                <div className="p-4 text-slate-900 dark:text-slate-100">
+                    {children}
+                </div>
+            </div>
+        </div>
+    );
+}

package/frontend/resources/js/blue-bird/components/Translate.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useLanguage } from '../contexts/LanguageContext.jsx';
+
+/**
+ * Renders translated text string given a key.
+ * @param {Object} props
+ * @param {string} props.k - The translation key.
+ */
+export default function Translate({ k }) {
+    const { t } = useLanguage();
+    return <>{t(k)}</>;
+}

package/frontend/resources/js/blue-bird/components/Typography.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+export default function Typography({ variant = 'p', children, className = '', ...props }) {
+    const variants = {
+        h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+        h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
+        h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+        h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+        p: "leading-7 [&:not(:first-child)]:mt-6",
+        blockquote: "mt-6 border-l-2 pl-6 italic",
+        lead: "text-xl text-slate-700 dark:text-slate-300",
+        large: "text-lg font-semibold",
+        small: "text-sm font-medium leading-none",
+        muted: "text-sm text-slate-500 dark:text-slate-400",
+    };
+
+    const Component = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'p'].includes(variant) ? variant : 'p';
+    const style = `${variants[variant]} ${className}`;
+
+    return (
+        <Component className={style} {...props}>
+            {children}
+        </Component>
+    );
+}

package/frontend/resources/js/blue-bird/contexts/LanguageContext.jsx

@@ -0,0 +1,29 @@
+import React, { createContext, useState, useEffect, useContext } from 'react';
+import en from '../locales/en.json';
+import es from '../locales/es.json';
+
+const translations = { en, es };
+export const LanguageContext = createContext();
+
+export const LanguageProvider = ({ children }) => {
+    const [lang, setLang] = useState(() => localStorage.getItem('lila_lang') || 'en');
+
+    useEffect(() => {
+        localStorage.setItem('lila_lang', lang);
+    }, [lang]);
+
+    /**
+     * Translate key into configured language text
+     * @param {string} key - the string config key
+     * @returns {string} The translated text
+     */
+    const t = (key) => translations[lang][key] || key;
+
+    return (
+        <LanguageContext.Provider value={{ lang, setLang, t }}>
+            {children}
+        </LanguageContext.Provider>
+    );
+};
+
+export const useLanguage = () => useContext(LanguageContext);

package/frontend/resources/js/blue-bird/contexts/SnackbarContext.jsx

@@ -0,0 +1,38 @@
+import React, { createContext, useState, useContext, useCallback } from 'react';
+
+export const SnackbarContext = createContext();
+
+export const SnackbarProvider = ({ children }) => {
+    const [snackbars, setSnackbars] = useState([]);
+
+    const showSnackbar = useCallback((message, type = 'info', duration = 3000) => {
+        const id = Date.now();
+        setSnackbars((prev) => [...prev, { id, message, type }]);
+        setTimeout(() => {
+            setSnackbars((prev) => prev.filter((s) => s.id !== id));
+        }, duration);
+    }, []);
+
+    return (
+        <SnackbarContext.Provider value={{ showSnackbar }}>
+            {children}
+            <div className="fixed bottom-4 right-4 z-50 flex flex-col gap-2 pointer-events-none">
+                {snackbars.map((s) => (
+                    <div
+                        key={s.id}
+                        className={`px-4 py-3 rounded shadow-lg text-white transition-all transform pointer-events-auto ${s.type === 'success' ? 'bg-green-600' :
+                                s.type === 'error' ? 'bg-red-600' :
+                                    s.type === 'warning' ? 'bg-yellow-600' :
+                                        'bg-blue-600'
+                            }`}
+                        role="alert"
+                    >
+                        {s.message}
+                    </div>
+                ))}
+            </div>
+        </SnackbarContext.Provider>
+    );
+};
+
+export const useSnackbar = () => useContext(SnackbarContext);

package/frontend/resources/js/blue-bird/contexts/ThemeContext.jsx

@@ -0,0 +1,49 @@
+import React, { createContext, useContext, useEffect, useState } from 'react';
+
+const ThemeContext = createContext();
+
+export function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState(() => {
+    return localStorage.getItem('theme') || 'system';
+  });
+
+  useEffect(() => {
+    const root = window.document.documentElement;
+    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+
+    const applyTheme = (currentTheme) => {
+      root.classList.remove('light', 'dark');
+
+      if (currentTheme === 'system') {
+        const systemTheme = mediaQuery.matches ? 'dark' : 'light';
+        root.classList.add(systemTheme);
+      } else {
+        root.classList.add(currentTheme);
+      }
+    };
+
+    applyTheme(theme);
+
+    const handleChange = () => {
+      if (theme === 'system') {
+        applyTheme('system');
+      }
+    };
+
+    mediaQuery.addEventListener('change', handleChange);
+    return () => mediaQuery.removeEventListener('change', handleChange);
+  }, [theme]);
+
+  const changeTheme = (newTheme) => {
+    setTheme(newTheme);
+    localStorage.setItem('theme', newTheme);
+  };
+
+  return (
+    <ThemeContext.Provider value={{ theme, changeTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+
+export const useTheme = () => useContext(ThemeContext);

package/frontend/resources/js/blue-bird/locales/en.json

@@ -0,0 +1,30 @@
+{
+    "login": "Login",
+    "register": "Register",
+    "email": "Email address",
+    "password": "Password",
+    "name": "Full Name",
+    "submit": "Submit",
+    "forgot_password": "Forgot Password?",
+    "dashboard": "Dashboard",
+    "profile": "Profile",
+    "logout": "Logout",
+    "language": "Language",
+    "success_login": "Logged in successfully!",
+    "error_login": "Invalid credentials",
+    "error_general": "An error occurred. Please try again later.",
+    "search": "Search...",
+    "actions": "Actions",
+    "edit": "Edit",
+    "delete": "Delete",
+    "error_email_register": "Error, check your email entered",
+    "error_is_active_register": "Error, your account is not active",
+    "forgot_password_desc": "Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one",
+    "password_confirmation": "Confirm Password",
+    "back_to_login": "Back to login",
+    "dont_have_account_register": "Don't have an account? Register",
+    "password_confirmation_err": "Error, the password must match",
+    "deleted_account_error": "Error, your account has been deleted",
+    "error_token_reset": "Invalid or expired reset token.",
+    "If the email is valid, a password reset link has been sent": "If the email is valid, a password reset link has been sent."
+}

package/frontend/resources/js/blue-bird/locales/es.json

@@ -0,0 +1,30 @@
+{
+    "login": "Iniciar Sesión",
+    "register": "Registrarse",
+    "email": "Correo Electrónico",
+    "password": "Contraseña",
+    "name": "Nombre Completo",
+    "submit": "Enviar",
+    "forgot_password": "¿Olvidó su contraseña?",
+    "dashboard": "Panel de Inicio",
+    "profile": "Perfil",
+    "logout": "Cerrar Sesión",
+    "language": "Idioma",
+    "success_login": "¡Inicio de sesión exitoso!",
+    "error_login": "Credenciales inválidas",
+    "error_general": "Ocurrió un error. Inténtelo más tarde.",
+    "search": "Buscar...",
+    "actions": "Acciones",
+    "edit": "Editar",
+    "delete": "Eliminar",
+    "error_email_register": "Error, revisa el email ingresado",
+    "error_is_active_register": "Error, tu cuenta no esta activa",
+    "forgot_password_desc": "¿Olvidó su contraseña? No hay problema. Simplemente indíquenos su dirección de correo electrónico y le enviaremos un enlace de restablecimiento de contraseña que le permitirá elegir una nueva",
+    "password_confirmation": "Confirmar Contraseña",
+    "back_to_login": "Volver a iniciar sesión",
+    "dont_have_account_register": "¿No tienes una cuenta? Regístrate",
+    "password_confirmation_err": "Error, las contraseñas deben de coincidir",
+    "deleted_account_error": "Error, tu cuenta ha sido eliminada",
+    "error_token_reset": "Token de restablecimiento inválido o expirado.",
+    "If the email is valid, a password reset link has been sent": "Si el correo electrónico es válido, se ha enviado un enlace para restablecer la contraseña."
+}