xertica-ui 2.3.0 → 2.4.0

package/dist/cli.js

@@ -691,9 +691,11 @@ export function registerLanguageResource(
 export default i18n;
 `;
 }
-function generateAppTsx(selectedCodes) {
+function generateAppTsx(selectedCodes, disableDarkMode = false) {
   const selectedLangs = SUPPORTED_LANGUAGES.filter((l) => selectedCodes.includes(l.code));
   const isMonolingual = selectedLangs.length === 1;
+  const disableDarkModeProp = disableDarkMode ? `
+          disableDarkMode={true}` : "";
   const isAllDefaults = selectedLangs.length === SUPPORTED_LANGUAGES.length && selectedLangs.every((l) => DEFAULT_SELECTION.includes(l.code));
   const languagesArrayLiteral = selectedLangs.map(
     (l) => `            { code: '${l.code}', label: '${l.label}', shortLabel: '${l.shortLabel}' },`
@@ -737,7 +739,7 @@ export default function App() {
       <QueryClientProvider client={queryClient}>
         <XerticaProvider
           apiKey={geminiApiKey}
-          googleMapsApiKey={googleMapsApiKey}${availableLanguagesProp}
+          googleMapsApiKey={googleMapsApiKey}${availableLanguagesProp}${disableDarkModeProp}
         >
           <Router>
             {/* AuthProvider must be inside Router (needs useNavigate) */}
@@ -773,7 +775,10 @@ async function readXerticaConfig(targetDir) {
 }
 async function writeXerticaConfig(targetDir, config) {
   const configPath = path2.join(targetDir, XERTICA_CONFIG_FILE);
-  const existing = await readXerticaConfig(targetDir) ?? { version: 1, hasAssistant: false };
+  const existing = await readXerticaConfig(targetDir) ?? {
+    version: 1,
+    hasAssistant: false
+  };
   await fs2.writeJson(configPath, { ...existing, ...config, version: 1 }, { spaces: 2 });
 }
 var __filename = fileURLToPath(import.meta.url);
@@ -1019,6 +1024,12 @@ program.command("init").description("Initialize a new Xertica UI project").argum
       message: "Include AI Assistant? (XerticaAssistant chat page + sidebar variant)",
       initial: true
     },
+    {
+      type: "confirm",
+      name: "enableDarkMode",
+      message: "Enable dark mode support?",
+      initial: true
+    },
     {
       type: "confirm",
       name: "install",
@@ -1065,10 +1076,11 @@ program.command("init").description("Initialize a new Xertica UI project").argum
       path2.join(templatesDir, "src", "main.tsx"),
       path2.join(targetDir, "src", "main.tsx")
     );
+    const disableDarkMode = response.enableDarkMode === false;
     await fs2.ensureDir(path2.join(targetDir, "src", "app"));
     await fs2.writeFile(
       path2.join(targetDir, "src", "app", "App.tsx"),
-      generateAppTsx(selectedLanguages)
+      generateAppTsx(selectedLanguages, disableDarkMode)
     );
     await fs2.ensureDir(path2.join(targetDir, "src", "app", "components"));
     await fs2.copy(
@@ -1085,7 +1097,7 @@ program.command("init").description("Initialize a new Xertica UI project").argum
     );
     await syncLocaleFiles(templatesDir, targetDir, selectedLanguages, { pruneOthers: true });
     await writeLanguagesConfig(targetDir, selectedLanguages);
-    await writeXerticaConfig(targetDir, { hasAssistant });
+    await writeXerticaConfig(targetDir, { hasAssistant, disableDarkMode });
     await fs2.ensureDir(path2.join(targetDir, "src", "app", "context"));
     await fs2.copy(
       path2.join(templatesDir, "src", "app", "context", "AuthContext.tsx"),
@@ -1148,7 +1160,13 @@ program.command("init").description("Initialize a new Xertica UI project").argum
       }
     }
     const firstProtectedPath = hasHome ? "/home" : hasTemplate ? "/template" : "/login";
-    const authGuardContent = generateAuthGuard({ hasLogin, hasHome, hasTemplate, hasAssistant, firstProtectedPath });
+    const authGuardContent = generateAuthGuard({
+      hasLogin,
+      hasHome,
+      hasTemplate,
+      hasAssistant,
+      firstProtectedPath
+    });
     await fs2.writeFile(
       path2.join(targetDir, "src", "app", "components", "AuthGuard.tsx"),
       authGuardContent
@@ -1183,9 +1201,7 @@ program.command("init").description("Initialize a new Xertica UI project").argum
         `  Languages: ${langLabels}${selectedLanguages.length === 1 ? " (monolingual \u2014 LanguageSelector hidden)" : ""}`
       )
     );
-    console.log(
-      chalk.gray("  To add/remove languages later: npx xertica-ui update \u2192 Languages")
-    );
+    console.log(chalk.gray("  To add/remove languages later: npx xertica-ui update \u2192 Languages"));
     console.log(
       chalk.gray(`  AI Assistant: ${hasAssistant ? "included (/assistente)" : "not included"}`)
     );
@@ -1221,6 +1237,11 @@ program.command("update").alias("update-theme").description("Update theme or pro
         description: currentConfig?.hasAssistant ? "Remove the AI Assistant from your project" : "Add the AI Assistant to your project",
         value: "assistant"
       },
+      {
+        title: "Dark Mode",
+        description: currentConfig?.disableDarkMode ? "Enable dark mode support in your project" : "Disable dark mode support in your project",
+        value: "darkmode"
+      },
       {
         title: "Project files",
         description: "Update app shell, shared, features and pages to a specific version",
@@ -1303,10 +1324,8 @@ Current languages: ${SUPPORTED_LANGUAGES.filter((l) => currentCodes.includes(l.c
       return;
     }
     const summary = [];
-    if (toAdd.length > 0)
-      summary.push(chalk.green(`  + ${toAdd.join(", ")}`));
-    if (toRemove.length > 0)
-      summary.push(chalk.red(`  - ${toRemove.join(", ")}`));
+    if (toAdd.length > 0) summary.push(chalk.green(`  + ${toAdd.join(", ")}`));
+    if (toRemove.length > 0) summary.push(chalk.red(`  - ${toRemove.join(", ")}`));
     console.log(`
 ${summary.join("\n")}
 `);
@@ -1331,19 +1350,13 @@ ${summary.join("\n")}
         "templates"
       );
       const templatesSourceDir = await fs2.pathExists(installedTemplatesDir) ? installedTemplatesDir : path2.resolve(__dirname, "../templates");
-      const { copied, removed } = await syncLocaleFiles(
-        templatesSourceDir,
-        targetDir,
-        newCodes,
-        { pruneOthers: true }
-      );
-      await fs2.writeFile(
-        path2.join(targetDir, "src", "i18n.ts"),
-        generateI18nFile(newCodes)
-      );
+      const { copied, removed } = await syncLocaleFiles(templatesSourceDir, targetDir, newCodes, {
+        pruneOthers: true
+      });
+      await fs2.writeFile(path2.join(targetDir, "src", "i18n.ts"), generateI18nFile(newCodes));
       await fs2.writeFile(
         path2.join(targetDir, "src", "app", "App.tsx"),
-        generateAppTsx(newCodes)
+        generateAppTsx(newCodes, currentConfig?.disableDarkMode ?? false)
       );
       await writeLanguagesConfig(targetDir, newCodes);
       spinner2.succeed("Languages updated successfully!");
@@ -1351,9 +1364,7 @@ ${summary.join("\n")}
       if (removed.length > 0) console.log(chalk.red(`  Removed: ${removed.join(", ")}`));
       if (newCodes.length === 1) {
         console.log(
-          chalk.gray(
-            `  Project is now monolingual \u2014 the LanguageSelector will auto-hide.`
-          )
+          chalk.gray(`  Project is now monolingual \u2014 the LanguageSelector will auto-hide.`)
         );
       }
     } catch (error) {
@@ -1384,10 +1395,18 @@ AI Assistant is currently: ${currentlyHas ? chalk.green("enabled") : chalk.red("
       name: "action",
       message: currentlyHas ? "Remove the AI Assistant from your project?" : "Add the AI Assistant to your project?",
       choices: currentlyHas ? [
-        { title: "Remove assistant", description: "Deletes AssistantPage and assistant feature files", value: "remove" },
+        {
+          title: "Remove assistant",
+          description: "Deletes AssistantPage and assistant feature files",
+          value: "remove"
+        },
         { title: "Cancel", value: "cancel" }
       ] : [
-        { title: "Add assistant", description: "Copies AssistantPage and assistant feature files", value: "add" },
+        {
+          title: "Add assistant",
+          description: "Copies AssistantPage and assistant feature files",
+          value: "add"
+        },
         { title: "Cancel", value: "cancel" }
       ]
     });
@@ -1407,9 +1426,16 @@ AI Assistant is currently: ${currentlyHas ? chalk.green("enabled") : chalk.red("
       console.log(chalk.gray("Update cancelled."));
       return;
     }
-    const spinner2 = ora(action === "add" ? "Adding assistant..." : "Removing assistant...").start();
+    const spinner2 = ora(
+      action === "add" ? "Adding assistant..." : "Removing assistant..."
+    ).start();
     try {
-      const installedTemplatesDir = path2.join(targetDir, "node_modules", "xertica-ui", "templates");
+      const installedTemplatesDir = path2.join(
+        targetDir,
+        "node_modules",
+        "xertica-ui",
+        "templates"
+      );
       const templatesSourceDir = await fs2.pathExists(installedTemplatesDir) ? installedTemplatesDir : path2.resolve(__dirname, "../templates");
       const pagesDir = path2.join(targetDir, "src", "pages");
       const existingPages = await fs2.pathExists(pagesDir) ? await fs2.readdir(pagesDir) : [];
@@ -1473,6 +1499,36 @@ AI Assistant is currently: ${currentlyHas ? chalk.green("enabled") : chalk.red("
     }
     return;
   }
+  if (updateType === "darkmode") {
+    const currentlyDisabled = currentConfig?.disableDarkMode ?? false;
+    const { enableDarkMode } = await prompts({
+      type: "confirm",
+      name: "enableDarkMode",
+      message: currentlyDisabled ? "Enable dark mode support in your project?" : "Disable dark mode support in your project? (This will hide the toggle and force light mode)",
+      initial: !currentlyDisabled
+    });
+    if (enableDarkMode === void 0) return;
+    const newDisableDarkMode = !enableDarkMode;
+    const spinner2 = ora(
+      newDisableDarkMode ? "Disabling dark mode..." : "Enabling dark mode..."
+    ).start();
+    try {
+      await writeXerticaConfig(targetDir, { disableDarkMode: newDisableDarkMode });
+      const persistedCodes = await readLanguagesConfig(targetDir);
+      const selectedCodes = persistedCodes && persistedCodes.length > 0 ? persistedCodes : DEFAULT_SELECTION;
+      await fs2.writeFile(
+        path2.join(targetDir, "src", "app", "App.tsx"),
+        generateAppTsx(selectedCodes, newDisableDarkMode)
+      );
+      spinner2.succeed(
+        newDisableDarkMode ? "Dark mode disabled successfully! (Locked to Light Mode)" : "Dark mode enabled successfully!"
+      );
+    } catch (error) {
+      spinner2.fail("Failed to update dark mode configuration");
+      console.error(error);
+    }
+    return;
+  }
   const { versionType } = await prompts({
     type: "select",
     name: "versionType",
@@ -1572,18 +1628,15 @@ AI Assistant is currently: ${currentlyHas ? chalk.green("enabled") : chalk.red("
         if (selectedCodes.length === 0) selectedCodes = DEFAULT_SELECTION;
         await writeLanguagesConfig(targetDir, selectedCodes);
       }
+      const projectConfig = await readXerticaConfig(targetDir);
       await fs2.writeFile(
         path2.join(targetDir, "src", "app", "App.tsx"),
-        generateAppTsx(selectedCodes)
-      );
-      await fs2.writeFile(
-        path2.join(targetDir, "src", "i18n.ts"),
-        generateI18nFile(selectedCodes)
+        generateAppTsx(selectedCodes, projectConfig?.disableDarkMode ?? false)
       );
+      await fs2.writeFile(path2.join(targetDir, "src", "i18n.ts"), generateI18nFile(selectedCodes));
       await syncLocaleFiles(updatedTemplatesDir, targetDir, selectedCodes, {
         pruneOthers: true
       });
-      const projectConfig = await readXerticaConfig(targetDir);
       const pagesDir = path2.join(targetDir, "src", "pages");
       const existingPages = await fs2.pathExists(pagesDir) ? await fs2.readdir(pagesDir) : [];
       const hasLoginP = existingPages.includes("LoginPage.tsx");

package/dist/components/brand/theme-toggle/ThemeToggle.d.ts

@@ -4,5 +4,5 @@ interface ThemeToggleProps {
     className?: string;
     showLabel?: boolean;
 }
-export declare function ThemeToggle({ size, variant, className, showLabel, }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeToggle({ size, variant, className, showLabel, }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/index.d.ts

@@ -24,7 +24,7 @@ export { Sidebar } from './layout/sidebar';
 export { ThemeToggle } from './brand/theme-toggle';
 export { LanguageSelector } from './brand/language-selector';
 export * from '../contexts/LayoutContext';
-export { useLanguage, LanguageProvider, DEFAULT_LANGUAGES, } from '../contexts/LanguageContext';
+export { useLanguage, LanguageProvider, DEFAULT_LANGUAGES } from '../contexts/LanguageContext';
 export type { Language, LanguageDefinition, LanguageProviderProps, } from '../contexts/LanguageContext';
 export { default as i18n, registerLanguageResource } from '../i18n';
 export { Header } from './layout/header';

package/dist/{google-maps-loader-Y-QkD-Li.cjs → google-maps-loader-BqsYL48U.cjs}

@@ -1,10 +1,8 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 const GOOGLE_MAPS_LIBRARIES = ["marker", "places", "geometry", "drawing", "maps"];
 const GOOGLE_MAPS_ID = "xertica-google-map-script";
-const __vite_import_meta_env__ = {};
 const GoogleMapsContext = React.createContext({
   isLoaded: false,
   loadError: void 0,
@@ -12,9 +10,6 @@ const GoogleMapsContext = React.createContext({
 });
 function getInitialApiKey() {
   var _a;
-  if (typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("google-maps-loader-Y-QkD-Li.cjs", document.baseURI).href } !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo") {
-    return "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo";
-  }
   if (typeof window === "undefined") return void 0;
   const savedKey = (_a = window.localStorage) == null ? void 0 : _a.getItem("xertica-googlemaps-api-key");
   if (savedKey && savedKey.trim().length > 0) {

package/dist/{google-maps-loader-CTYySAun.js → google-maps-loader-t2IlYBzw.js}

@@ -2,7 +2,6 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { createContext, useContext, useState, useRef, useEffect } from "react";
 const GOOGLE_MAPS_LIBRARIES = ["marker", "places", "geometry", "drawing", "maps"];
 const GOOGLE_MAPS_ID = "xertica-google-map-script";
-const __vite_import_meta_env__ = {};
 const GoogleMapsContext = createContext({
   isLoaded: false,
   loadError: void 0,
@@ -10,9 +9,6 @@ const GoogleMapsContext = createContext({
 });
 function getInitialApiKey() {
   var _a;
-  if (typeof import.meta !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo") {
-    return "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo";
-  }
   if (typeof window === "undefined") return void 0;
   const savedKey = (_a = window.localStorage) == null ? void 0 : _a.getItem("xertica-googlemaps-api-key");
   if (savedKey && savedKey.trim().length > 0) {

package/dist/index-CkTUgOwX.js

@@ -0,0 +1,8 @@
+import { r as reloadGoogleMaps } from "./google-maps-loader-t2IlYBzw.js";
+import { b, c, u } from "./google-maps-loader-t2IlYBzw.js";
+export {
+  b as GoogleMapsLoaderProvider,
+  c as GoogleMapsProvider,
+  reloadGoogleMaps,
+  u as useGoogleMapsLoader
+};

package/dist/{index-COtD8bRW.cjs → index-D3RLKRAs.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const googleMapsLoader = require("./google-maps-loader-Y-QkD-Li.cjs");
+const googleMapsLoader = require("./google-maps-loader-BqsYL48U.cjs");
 exports.GoogleMapsLoaderProvider = googleMapsLoader.GoogleMapsLoaderProvider;
 exports.GoogleMapsProvider = googleMapsLoader.GoogleMapsProvider;
 exports.reloadGoogleMaps = googleMapsLoader.reloadGoogleMaps;

package/dist/index.cjs.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const xerticaAssistant = require('./xertica-assistant-sOHwTgIP.cjs');
-const XerticaProvider = require('./XerticaProvider-Dl_b72_l.cjs');
-const VerifyEmailPage = require('./VerifyEmailPage-By3Jf__L.cjs');
+const xerticaAssistant = require('./xertica-assistant-CIaUlbIt.cjs');
+const XerticaProvider = require('./XerticaProvider-CwOkHxiT.cjs');
+const VerifyEmailPage = require('./VerifyEmailPage-u_Dn7t1U.cjs');
 const button = require('./button-0BlA47It.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
 const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
@@ -24,9 +24,9 @@ const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
 const FeatureCard = require('./FeatureCard-BZ4CYxFf.cjs');
 const FeatureCardSkeleton = require('./FeatureCardSkeleton-pTa0YNKP.cjs');
 const CodeBlock = require('./CodeBlock-EOvp9cVu.cjs');
-const XerticaXLogo = require('./XerticaXLogo-uQgwns_E.cjs');
+const XerticaXLogo = require('./XerticaXLogo-qBPhwK3g.cjs');
 const XerticaOrbe = require('./XerticaOrbe-Uk2JML1-.cjs');
-const sidebar = require('./sidebar-DyYvgyBj.cjs');
+const sidebar = require('./sidebar-BS1p2V7t.cjs');
 require('react');
 const LayoutContext = require('./LayoutContext-BEq_-n98.cjs');
 const ThemeContext = require('./ThemeContext-CMD3z2Dz.cjs');

package/dist/index.es.js

@@ -1,6 +1,6 @@
-export { F as FormattedDocument, M as MarkdownMessage, a as ModernChatInput, X as XerticaAssistant, g as generateDemoResponse, g as gerarResposta } from './xertica-assistant-B687qEPU.js';
-export { X as XerticaProvider } from './XerticaProvider-DUOJg9iX.js';
-export { F as ForgotPasswordPage, H as HomeContent, a as HomePage, L as LoginPage, R as ResetPasswordPage, T as TemplateContent, b as TemplatePage, V as VerifyEmailPage } from './VerifyEmailPage-DgIid028.js';
+export { F as FormattedDocument, M as MarkdownMessage, a as ModernChatInput, X as XerticaAssistant, g as generateDemoResponse, g as gerarResposta } from './xertica-assistant-B1NaSFFj.js';
+export { X as XerticaProvider } from './XerticaProvider-BErr83Bg.js';
+export { F as ForgotPasswordPage, H as HomeContent, a as HomePage, L as LoginPage, R as ResetPasswordPage, T as TemplateContent, b as TemplatePage, V as VerifyEmailPage } from './VerifyEmailPage-X14vhdyl.js';
 export { B as Button, b as buttonVariants, c as cn } from './button-DZHzN1Gd.js';
 export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, S as Skeleton } from './skeleton-DtR5tkYe.js';
 export { A as AlertDialog, a as AlertDialogAction, b as AlertDialogCancel, c as AlertDialogContent, d as AlertDialogDescription, e as AlertDialogFooter, f as AlertDialogHeader, g as AlertDialogOverlay, h as AlertDialogPortal, i as AlertDialogTitle, j as AlertDialogTrigger, C as Checkbox, I as ImageWithFallback, L as Label, M as Map, P as PageHeader, k as PageHeaderDescription, l as PageHeaderHeading, R as RadioGroup, m as RadioGroupItem, S as Separator, n as Switch, T as Tabs, o as TabsContent, p as TabsList, q as TabsTrigger, u as useMapLayers } from './alert-dialog-DqlRW_An.js';
@@ -20,9 +20,9 @@ export { u as useIsMobile, a as useMobile } from './use-mobile-Ce2cBAQe.js';
 export { A as ActivityCard, a as ActivityCardSkeleton, F as FeatureCard, N as NotificationCard, b as NotificationCardSkeleton, P as ProfileCard, c as ProfileCardSkeleton, d as ProjectCard, e as ProjectCardSkeleton, Q as QuickActionCard, f as QuickActionCardSkeleton } from './FeatureCard-DNycVGwT.js';
 export { F as FeatureCardSkeleton } from './FeatureCardSkeleton-DZqc96mt.js';
 export { C as CodeBlock } from './CodeBlock-DYkTfR0f.js';
-export { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from './XerticaXLogo-mqjoBiLI.js';
+export { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from './XerticaXLogo-BX3ueACh.js';
 export { X as XerticaOrbe } from './XerticaOrbe-jA5T2iOk.js';
-export { H as Header, S as Sidebar } from './sidebar-3XyzjVBw.js';
+export { H as Header, S as Sidebar } from './sidebar-B4ZWaMrE.js';
 import 'react';
 export { L as LayoutProvider, u as useLayout, a as useOptionalLayout } from './LayoutContext-DNl1xSoX.js';
 export { D as DEFAULT_LANGUAGES, L as LanguageProvider, r as registerLanguageResource, u as useLanguage } from './ThemeContext-x_F2zsnv.js';