neogestify-ui-components 1.2.1 → 1.2.3

package/dist/components/html/index.d.mts

@@ -1,4 +1,4 @@
-import React, { FC, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, FormHTMLAttributes, FormEvent, SelectHTMLAttributes } from 'react';
+import React__default, { FC, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, FormHTMLAttributes, FormEvent, SelectHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -62,8 +62,8 @@ declare function Table({ headers, rows, variant, className, thClassName, tdClass
 interface ModalProps {
     onClose: () => void;
     title: string;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
+    children: React__default.ReactNode;
+    footer?: React__default.ReactNode;
     maxWidth?: string;
     showCloseButton?: boolean;
     zIndex?: number;
@@ -71,7 +71,7 @@ interface ModalProps {
 interface ModalRef {
     handleClose: () => void;
 }
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
+declare const Modal: React__default.ForwardRefExoticComponent<ModalProps & React__default.RefAttributes<ModalRef>>;
 
 interface LoadingProps {
     variant?: 'spinner' | 'dots' | 'pulse' | 'bars' | 'ring' | 'cube';

package/dist/components/html/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, FormHTMLAttributes, FormEvent, SelectHTMLAttributes } from 'react';
+import React__default, { FC, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, FormHTMLAttributes, FormEvent, SelectHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -62,8 +62,8 @@ declare function Table({ headers, rows, variant, className, thClassName, tdClass
 interface ModalProps {
     onClose: () => void;
     title: string;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
+    children: React__default.ReactNode;
+    footer?: React__default.ReactNode;
     maxWidth?: string;
     showCloseButton?: boolean;
     zIndex?: number;
@@ -71,7 +71,7 @@ interface ModalProps {
 interface ModalRef {
     handleClose: () => void;
 }
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
+declare const Modal: React__default.ForwardRefExoticComponent<ModalProps & React__default.RefAttributes<ModalRef>>;
 
 interface LoadingProps {
     variant?: 'spinner' | 'dots' | 'pulse' | 'bars' | 'ring' | 'cube';

package/dist/index.d.mts

@@ -1,6 +1,23 @@
 export { Button, Form, Input, Loading, Modal, ModalRef, Select, Table, TextArea } from './components/html/index.mjs';
 export { AddIcon, AnimateSpin, ArchiveIcon, ArrowIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BarsChartsIcon, BoxIcon, BuildingIcon, CajasIcon, CalendarIcon, CamaraIcon, CancelIcon, CashIcon, CategorieIcon, ChartIcon, CheckCircleIcon, CheckIcon, ClockIcon, CloseIcon, CloudIcon, CopyIcon, DeleteIcon, DocumentIcon, EditIcon, FacturacionIcon, FilterIcon, FolderIcon, GearIcon, HomeIcon, InfoIcon, LifeGuardIcon, LightingIcon, LocationIcon, LogoutIcon, MenuIcon, MinusIcon, MoneyIcon, MonitorIcon, MoonIcon, NetworkIcon, NotFoundIcon, PasteIcon, PercentIcon, PrinterIcon, QuestionIcon, RestaurantMenuIcon, SaveIcon, SearchIcon, ShieldIcon, SpinnerIcon, StackIcon, SunIcon, TestIcon, TrashIcon, TruckIcon, UsersIcon, WhatsAppIcon } from './components/icons/index.mjs';
 export { Alerta, AlertaAdvertencia, AlertaConfirmacion, AlertaError, AlertaExito, AlertaToast } from './components/alerts/index.mjs';
-import 'react';
-import 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'sweetalert2';
+
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => void;
+}
+declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+
+declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function useTheme(): ThemeContextType;
+
+export { type Theme, ThemeContext, type ThemeContextType, ThemeProvider, useTheme };

package/dist/index.d.ts

@@ -1,6 +1,23 @@
 export { Button, Form, Input, Loading, Modal, ModalRef, Select, Table, TextArea } from './components/html/index.js';
 export { AddIcon, AnimateSpin, ArchiveIcon, ArrowIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BarsChartsIcon, BoxIcon, BuildingIcon, CajasIcon, CalendarIcon, CamaraIcon, CancelIcon, CashIcon, CategorieIcon, ChartIcon, CheckCircleIcon, CheckIcon, ClockIcon, CloseIcon, CloudIcon, CopyIcon, DeleteIcon, DocumentIcon, EditIcon, FacturacionIcon, FilterIcon, FolderIcon, GearIcon, HomeIcon, InfoIcon, LifeGuardIcon, LightingIcon, LocationIcon, LogoutIcon, MenuIcon, MinusIcon, MoneyIcon, MonitorIcon, MoonIcon, NetworkIcon, NotFoundIcon, PasteIcon, PercentIcon, PrinterIcon, QuestionIcon, RestaurantMenuIcon, SaveIcon, SearchIcon, ShieldIcon, SpinnerIcon, StackIcon, SunIcon, TestIcon, TrashIcon, TruckIcon, UsersIcon, WhatsAppIcon } from './components/icons/index.js';
 export { Alerta, AlertaAdvertencia, AlertaConfirmacion, AlertaError, AlertaExito, AlertaToast } from './components/alerts/index.js';
-import 'react';
-import 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'sweetalert2';
+
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => void;
+}
+declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+
+declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function useTheme(): ThemeContextType;
+
+export { type Theme, ThemeContext, type ThemeContextType, ThemeProvider, useTheme };

package/dist/index.js

@@ -795,6 +795,39 @@ var AlertaError = (title, text, onConfirm, options) => Alerta({ title, text, ico
 var AlertaAdvertencia = (title, text, onConfirm, onCancel, options) => Alerta({ title, text, icon: "warning", confirmButtonText: "S\xED, continuar", cancelButtonText: "Cancelar", showCancelButton: true, onConfirm, onCancel, ...options });
 var AlertaConfirmacion = (title, text, onConfirm, onCancel, options) => Alerta({ title, text, icon: "question", confirmButtonText: "S\xED", cancelButtonText: "No", showCancelButton: true, onConfirm, onCancel, ...options });
 var AlertaToast = (title, text, icon = "info", timer = 3e3, position = "top-end") => Alerta({ title, text, icon, toast: true, timer, position });
+var ThemeContext = react.createContext(void 0);
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = react.useState(() => {
+    const savedTheme = localStorage.getItem("theme");
+    return savedTheme || "light";
+  });
+  react.useEffect(() => {
+    const root = document.documentElement;
+    if (theme === "dark") {
+      root.classList.add("dark");
+    } else {
+      root.classList.remove("dark");
+    }
+    localStorage.setItem("theme", theme);
+  }, [theme]);
+  const toggleTheme = () => {
+    setThemeState((prev) => {
+      const newTheme = prev === "light" ? "dark" : "light";
+      return newTheme;
+    });
+  };
+  const setTheme = (newTheme) => {
+    setThemeState(newTheme);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { theme, toggleTheme, setTheme }, children });
+}
+function useTheme() {
+  const context = react.useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
 
 exports.AddIcon = AddIcon;
 exports.Alerta = Alerta;
@@ -865,9 +898,12 @@ exports.SunIcon = SunIcon;
 exports.Table = Table;
 exports.TestIcon = TestIcon;
 exports.TextArea = TextArea;
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
 exports.TrashIcon = TrashIcon;
 exports.TruckIcon = TruckIcon;
 exports.UsersIcon = UsersIcon;
 exports.WhatsAppIcon = WhatsAppIcon;
+exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map