@dipusevilla/componentes-iu 1.0.8

package/dist/types/components/FileUploader.d.ts

@@ -0,0 +1,20 @@
+import type { Control } from 'react-hook-form';
+type Size = 'sm' | 'md' | 'lg';
+export interface FileUploaderProps {
+    control?: Control<any>;
+    name?: string;
+    rules?: any;
+    defaultValue?: FileList | File[];
+    maxFiles?: number;
+    accept?: string;
+    size?: Size;
+    width?: string;
+    label?: string;
+    labelHidden?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    className?: string;
+}
+export declare function FileUploader(props: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/FormFieldInput.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { type FieldValues, type RegisterOptions } from "react-hook-form";
+import type { InputType } from "./Input";
+export interface FormFieldInputProps {
+    name: string;
+    label?: string;
+    type?: InputType;
+    size?: "sm" | "md" | "lg";
+    width?: string;
+    placeholder?: string;
+    validation?: RegisterOptions<FieldValues, string>;
+    loadingDefaults: boolean;
+    disabled: boolean;
+    info?: React.ReactNode;
+    showTime?: boolean;
+    suffixButton?: React.ReactNode;
+    hasError?: boolean;
+    errorMessage?: string;
+}
+declare function FormFieldInputComponent({ name, label, type, size, width, placeholder, validation, loadingDefaults, disabled, info }: FormFieldInputProps): import("react/jsx-runtime").JSX.Element;
+export declare const FormFieldInput: React.MemoExoticComponent<typeof FormFieldInputComponent>;
+export {};

package/dist/types/components/FormPageLayout.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+export interface FormPageLayoutProps {
+    title: string;
+    /** Botones a la derecha del header */
+    headerButtons?: ReactNode;
+    /** Contenido principal (formulario) */
+    children: ReactNode;
+    /** Botones del footer, centrados */
+    footerButtons?: ReactNode;
+    /** Clase extra para el wrapper */
+    className?: string;
+}
+export declare function FormPageLayout({ title, headerButtons, children, className, }: FormPageLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FormRenderer.d.ts

@@ -0,0 +1,5 @@
+import type { FieldSchema, FormSchema } from "../types/FormTypes";
+export declare function FormRenderer({ schema }: {
+    schema: FormSchema;
+}): import("react/jsx-runtime").JSX.Element;
+export { FieldSchema };

package/dist/types/components/Header.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Option } from './Select';
+export interface PinnedPage {
+    id: string;
+    label?: string;
+    href: string;
+}
+export interface HeaderProps {
+    pinnedPages: PinnedPage[];
+    onRemovePinned: (id: string) => void;
+    onBack: () => void;
+    dark: boolean;
+    locale: string;
+    languageOptions: Option[];
+    onChangeLocale: (value: string) => void;
+    profile: string;
+    profileOptions: Option[];
+    onChangeProfile: (value: string) => void;
+}
+export declare const Header: React.FC<HeaderProps>;
+export default Header;

package/dist/types/components/Icon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type IconSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    /** Componente SVG (p.ej. un HeroIcon) */
+    component: React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Tamaño del icono */
+    size?: IconSize;
+    /** Clases extra de Tailwind para color, margin, etc. */
+    className?: string;
+}
+export declare function Icon({ component: Component, size, className, ...svgProps }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/IconButton.d.ts

@@ -0,0 +1,18 @@
+import React, { type ButtonHTMLAttributes } from 'react';
+/**
+ * Botón solo con icono, circular, sin padding interno, con margen y pulso en hover.
+ * Usa una variante ghost (fondo transparente).
+ */
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** Componente SVG a renderizar */
+    icon: React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Tamaño del botón: sm (2rem), md (2.5rem), lg (3rem) */
+    size?: 'sm' | 'md' | 'lg';
+    /** Margen externo (reemplaza padding interno) */
+    margin?: string;
+    /** Etiqueta accesible para el botón */
+    ariaLabel: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare function IconButton({ icon: IconComponent, size, ariaLabel, disabled, onClick, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/InfoButton.d.ts

@@ -0,0 +1,12 @@
+import { type FC, type ReactNode } from 'react';
+export interface InfoButtonProps {
+    /** Contenido que se muestra en el tooltip. Puede ser texto plano, JSX o cadena HTML */
+    children: ReactNode;
+    /** Tamaño del icono: sm, md, lg */
+    size?: 'sm' | 'md' | 'lg';
+    /** Posición del tooltip */
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    /** Clases extra para el contenedor padre */
+    className?: string;
+}
+export declare const InfoButton: FC<InfoButtonProps>;

package/dist/types/components/Input.d.ts

@@ -0,0 +1,30 @@
+import React, { type InputHTMLAttributes } from "react";
+import type { Control, FieldValues, RegisterOptions, FieldPath } from "react-hook-form";
+export type InputType = "text" | "number" | "email" | "password" | "tel" | "url";
+type Size = "sm" | "md" | "lg";
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "name" | "defaultValue"> {
+    /** Props de estilo y funcionalidad */
+    type?: InputType;
+    size?: Size;
+    width?: string;
+    label?: string;
+    labelHidden?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    prefixIcon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    suffixIcon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    separator?: React.ReactNode;
+    suffixButton?: React.ReactNode;
+    disabled?: boolean;
+    /** Props de React Hook Form */
+    control?: Control<any>;
+    name?: FieldPath<FieldValues>;
+    rules?: RegisterOptions<FieldValues, FieldPath<FieldValues>>;
+    defaultValue?: unknown;
+}
+export declare function Input({ id, type, size, width, label, labelHidden, hasError, errorMessage, prefixIcon, suffixIcon, separator, suffixButton, disabled, 
+/** Props RHF */
+control, name, rules, defaultValue, loading, className, ...props }: InputProps & {
+    loading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/InputGroup.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { InputProps } from './Input';
+export interface InputGroupProps {
+    /** Título accesible para todo el grupo (se renderiza con sr-only) */
+    groupLabel: string;
+    /** Array de props para cada <Input> (incluye su label original) */
+    inputs: Array<InputProps & {
+        width?: string;
+    }>;
+    /** Separador (por defecto “/”) */
+    separator?: React.ReactNode;
+    /** Si no quieres separadores, pásalo a false */
+    useSeparator?: boolean;
+    /** Clase extra para el contenedor flex */
+    className?: string;
+    /** Si quieres que el label sea visible, pásalo a true */
+    showVisibleLabel?: boolean;
+    size?: Size;
+}
+export type Size = "sm" | "md" | "lg";
+export declare function InputGroup({ groupLabel, inputs, separator, useSeparator, className, showVisibleLabel, size, }: InputGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/LoadingScreen.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface LoadingScreenProps {
+    /** Controla la visibilidad del overlay */
+    loading?: boolean;
+    /** Texto alternativo para lectores de pantalla */
+    ariaLabel?: string;
+}
+export declare const LoadingScreen: React.FC<LoadingScreenProps>;

package/dist/types/components/Modal.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/types/components/OptionGroup.d.ts

@@ -0,0 +1,26 @@
+import type { Control } from 'react-hook-form';
+export type Option = {
+    label?: string;
+    value: string | number;
+};
+type Size = 'sm' | 'md' | 'lg';
+export interface OptionGroupProps {
+    /** Etiqueta accesible y/o visible para todo el grupo */
+    groupLabel?: string;
+    /** Array de opciones a renderizar */
+    options: Option[];
+    control: Control<any>;
+    name: string;
+    rules?: any;
+    defaultValue?: any;
+    /** Múltiple (checkbox) o simple (radio) */
+    multiple?: boolean;
+    size?: Size;
+    /** Disposición vertical (columna) u horizontal (fila) */
+    vertical?: boolean;
+    className?: string;
+    /** Mostrar la etiqueta en pantalla (además de sr-only) */
+    showVisibleLabel?: boolean;
+}
+export declare function OptionGroup({ groupLabel, options, control, name, rules, defaultValue, multiple, size, vertical, className, showVisibleLabel, }: OptionGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/PageLayout.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type SidebarProps } from './Sidebar';
+import { type HeaderProps } from './Header';
+export interface PageLayoutProps {
+    /** Props para el Sidebar */
+    sidebar: Pick<SidebarProps, 'appName' | 'orgName' | 'username' | 'footerText' | 'navItems' | 'selectedNav' | 'onSelectNav' | 'width'>;
+    /** Props para el Header */
+    header: Pick<HeaderProps, 'pinnedPages' | 'onRemovePinned' | 'onBack' | 'dark' | 'locale' | 'languageOptions' | 'onChangeLocale' | 'profile' | 'profileOptions' | 'onChangeProfile'>;
+    /** Contenido principal (renderizado por tu router o componentes hijos) */
+    children: React.ReactNode;
+}
+export declare function PageLayout({ sidebar, header, children }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default PageLayout;

package/dist/types/components/Select.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { Control } from 'react-hook-form';
+export type Option = {
+    label: string;
+    value: string | number;
+};
+type Size = 'sm' | 'md' | 'lg';
+export interface SelectProps {
+    control?: Control<any>;
+    name?: string;
+    rules?: any;
+    defaultValue?: any;
+    /** Opciones sincrónicas */
+    options?: Option[];
+    /** Función asíncrona para cargar opciones */
+    loadOptions?: () => Promise<Option[]>;
+    value?: string | number;
+    onChange?: (value: any) => void;
+    size?: Size;
+    width?: string;
+    label?: string;
+    labelHidden?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    /** Si true, no reserva espacio para el placeholder de error */
+    disableErrorPlaceholder?: boolean;
+    disabled?: boolean;
+    className?: string;
+    /** Botón que se renderiza al final del select */
+    suffixButton?: React.ReactNode;
+}
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Sidebar.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { NavItem } from './SidebarNav';
+export type { NavItem };
+export interface SidebarProps {
+    /** Nombre de la aplicación */
+    appName: string;
+    /** Nombre del organismo */
+    orgName: string;
+    /** Nombre del usuario (parte superior) */
+    username: string;
+    /** Texto del footer (p. ej. email) */
+    footerText: string;
+    /** Items de navegación (hasta 3 niveles) */
+    navItems: NavItem[];
+    /** Valor seleccionado actualmente */
+    selectedNav?: string;
+    /** Callback al seleccionar un item */
+    onSelectNav: (value: string) => void;
+    /** Ancho de la sidebar */
+    width?: string;
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;

package/dist/types/components/SidebarNav.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface NavItem {
+    label?: string;
+    value: string;
+    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    children?: NavItem[];
+}
+export interface SidebarNavProps {
+    items: NavItem[];
+    selected?: string;
+    onSelect: (value: string) => void;
+    level?: number;
+}
+export declare const SidebarNav: React.FC<SidebarNavProps>;
+export default SidebarNav;

package/dist/types/components/SkeletonLoader.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface SkeletonProps {
+    /** Número de bloques animados */
+    count?: number;
+    /** Ancho CSS del placeholder (p.ej. "4ch", "200px"). Por defecto auto. */
+    width?: string;
+    /** Alto CSS del placeholder (p.ej. "1em", "1.5rem") */
+    height?: string;
+    /** Forma: "rect" = rectángulo, "circle" = círculo */
+    variant?: 'rect' | 'circle';
+    /** Clases extra de Tailwind */
+    className?: string;
+}
+/**
+ * SkeletonLoader genera uno o varios bloques animados tipo “pulse” como placeholder.
+ *
+ * - Por defecto ocupa sólo lo que necesite (auto width).
+ * - Si quieres que ocupe más, pásale `width="100%"`, `width="8ch"`, etc.
+ *
+ * Ejemplos:
+ * ```tsx
+ * <SkeletonLoader />              // un bloque auto width, height 1em
+ * <SkeletonLoader count={3} width="4ch" height="1em" />
+ * <SkeletonLoader width="100%" height="1.5rem" />
+ * <SkeletonLoader variant="circle" width="2rem" height="2rem" />
+ * ```
+ */
+export declare const SkeletonLoader: React.FC<SkeletonProps>;

package/dist/types/components/Table.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export type Column<T> = {
+    header: string;
+    accessor: keyof T | ((row: T) => React.ReactNode);
+    sortable?: boolean;
+    sortKey?: keyof T;
+    render?: (row: T) => React.ReactNode;
+    width?: string;
+};
+export interface TableProps<T extends {
+    [key: string]: any;
+}> {
+    columns: Column<T>[];
+    data?: T[];
+    loadData?: () => Promise<T[]>;
+    idAccessor: keyof T;
+    multiSelect?: boolean;
+    onSelectionChange?: (rows: T[]) => void;
+    pageSize?: number;
+    initialSort?: {
+        sortBy: keyof T;
+        sortDir: 'asc' | 'desc';
+    };
+    onSort?: (sortBy: keyof T, sortDir: 'asc' | 'desc') => void;
+    className?: string;
+}
+export declare function Table<T extends {
+    [key: string]: any;
+}>({ columns, data, loadData, idAccessor, multiSelect, onSelectionChange, pageSize, initialSort, onSort, className, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Tabs.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export type TabOption<T extends string | number> = {
+    label?: string;
+    value: T;
+};
+export interface TabsProps<T extends string | number> {
+    options: TabOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    children: Record<T, ReactNode>;
+}
+export declare function Tabs<T extends string | number>({ options, value, onChange, children, }: TabsProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TextArea.d.ts

@@ -0,0 +1,20 @@
+import { type TextareaHTMLAttributes } from 'react';
+import type { Control } from 'react-hook-form';
+type Size = 'sm' | 'md' | 'lg';
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'name' | 'defaultValue'> {
+    control?: Control<any>;
+    name?: string;
+    rules?: any;
+    defaultValue?: string;
+    size?: Size;
+    width?: string;
+    label?: string;
+    labelHidden?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    maxLength?: number;
+    showCounter?: boolean;
+    className?: string;
+}
+export declare function TextArea({ control, name, rules, defaultValue, size, width, label, labelHidden, hasError, errorMessage, maxLength, showCounter, className, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/ThemeToggle.d.ts

@@ -0,0 +1,7 @@
+export type ThemeToggleProps = {
+    /** `true` = dark mode, `false` = light mode */
+    dark: boolean;
+    /** Toggle handler */
+    onToggle: () => void;
+};
+export declare function ThemeToggle({ dark, onToggle }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Toast.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ToastVariant = 'success' | 'error' | 'info' | 'warning';
+export interface ToastProps {
+    id: string;
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+    onClose: (id: string) => void;
+}
+export declare const Toast: React.FC<ToastProps>;

package/dist/types/components/ToastContainer.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+import type { ToastVariant } from './Toast';
+interface ToastContextValue {
+    show: (message: string, variant?: ToastVariant, duration?: number) => void;
+}
+export declare const useToast: () => ToastContextValue;
+export declare const ToastProvider: React.FC<{
+    children: ReactNode;
+}>;
+export {};

package/dist/types/components/ToggleSwitch.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Control } from 'react-hook-form';
+export interface ToggleSwitchProps {
+    control?: Control<any>;
+    name?: string;
+    rules?: any;
+    defaultValue?: boolean;
+    checked?: boolean;
+    onChange?: (val: boolean) => void;
+    disabled?: boolean;
+    /** Texto de la label */
+    label?: React.ReactNode;
+    /** Posición de la label: 'left' o 'right' */
+    labelPosition?: 'left' | 'right';
+    errorMessage?: string;
+    className?: string;
+}
+export declare function ToggleSwitch({ control, name, rules, defaultValue, checked, onChange, disabled, label, labelPosition, errorMessage, className, }: ToggleSwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/hooks/useAsyncSelectOptions.d.ts

@@ -0,0 +1,6 @@
+import type { FieldSchema } from "../components/FormRenderer";
+import type { Option } from "../components/Select";
+export declare function useAsyncSelectOptions(fields: FieldSchema[]): {
+    loadingCount: number;
+    optionsMap: Record<string, Option[]>;
+};

package/dist/types/hooks/useDisabledMap.d.ts

@@ -0,0 +1,10 @@
+import { type Control, type FieldValues } from "react-hook-form";
+import type { FieldSchema } from "../components/FormRenderer";
+type DisabledMap = Record<string, boolean>;
+/**
+ * Para cada FieldSchema que tenga `disabledWhen`, comprueba con useWatch
+ * el valor actual del campo `watchField`, y si coincide con `watchValue`,
+ * marca ese campo como deshabilitado (true). Devuelve un map { [fieldName]: boolean }.
+ */
+export declare function useDisabledMap(fields: FieldSchema[], control: Control<FieldValues>): DisabledMap;
+export {};

package/dist/types/hooks/useDynamicYupSchema.d.ts

@@ -0,0 +1,16 @@
+import type { ObjectSchema } from "yup";
+import type { FieldSchema } from "../components/FormRenderer";
+interface UseDynamicParams {
+    fields: FieldSchema[];
+    explicitSchema?: ObjectSchema<any>;
+}
+/**
+ * Si explicitSchema está definido, lo usa directamente.
+ * Si no, construye dinámicamente un esquema Yup a partir de `fields`.
+ */
+export declare function useDynamicYupSchema({ fields, explicitSchema, }: UseDynamicParams): import("react-hook-form").Resolver<any, unknown, any> | import("react-hook-form").Resolver<{
+    [x: string]: any;
+}, unknown, {
+    [x: string]: any;
+}>;
+export {};

package/dist/types/hooks/useFieldsMap.d.ts

@@ -0,0 +1,2 @@
+import type { FieldSchema } from "../components/FormRenderer";
+export declare function useFieldsMap(fields: FieldSchema[]): Record<string, FieldSchema>;

package/dist/types/index.d.ts

@@ -0,0 +1,58 @@
+export { Button } from './components/Button';
+export type { ButtonProps } from './components/Button';
+export { CollapsibleSection } from './components/CollapsibleSection';
+export type { CollapsibleSectionProps } from './components/CollapsibleSection';
+export { DateInput } from './components/DateInput';
+export type { DateInputProps } from './components/DateInput';
+export { DropdownMenu } from './components/DropdownMenu';
+export type { DropdownMenuProps, DropdownItem } from './components/DropdownMenu';
+export { FileUploader } from './components/FileUploader';
+export type { FileUploaderProps } from './components/FileUploader';
+export { FormFieldInput } from './components/FormFieldInput';
+export type { FormFieldInputProps } from './components/FormFieldInput';
+export { FormPageLayout } from './components/FormPageLayout';
+export type { FormPageLayoutProps } from './components/FormPageLayout';
+export { FormRenderer } from './components/FormRenderer';
+export { Header } from './components/Header';
+export type { HeaderProps } from './components/Header';
+export { Icon } from './components/Icon';
+export type { IconProps, IconSize } from './components/Icon';
+export { IconButton } from './components/IconButton';
+export type { IconButtonProps } from './components/IconButton';
+export { InfoButton } from './components/InfoButton';
+export type { InfoButtonProps } from './components/InfoButton';
+export { Input } from './components/Input';
+export type { InputProps, InputType } from './components/Input';
+export { InputGroup } from './components/InputGroup';
+export type { InputGroupProps } from './components/InputGroup';
+export { LoadingScreen } from './components/LoadingScreen';
+export type { LoadingScreenProps } from './components/LoadingScreen';
+export { Modal } from './components/Modal';
+export type { ModalProps } from './components/Modal';
+export { OptionGroup } from './components/OptionGroup';
+export type { OptionGroupProps } from './components/OptionGroup';
+export { PageLayout } from './components/PageLayout';
+export type { PageLayoutProps } from './components/PageLayout';
+export { Select } from './components/Select';
+export type { Option, SelectProps } from './components/Select';
+export { Sidebar } from './components/Sidebar';
+export type { SidebarProps } from './components/Sidebar';
+export { SidebarNav } from './components/SidebarNav';
+export type { NavItem, SidebarNavProps } from './components/SidebarNav';
+export { SkeletonLoader } from './components/SkeletonLoader';
+export type { SkeletonProps } from './components/SkeletonLoader';
+export { Table } from './components/Table';
+export type { Column, TableProps } from './components/Table';
+export { Tabs } from './components/Tabs';
+export type { TabOption, TabsProps } from './components/Tabs';
+export { TextArea } from './components/TextArea';
+export type { TextAreaProps } from './components/TextArea';
+export { ThemeToggle } from './components/ThemeToggle';
+export type { ThemeToggleProps } from './components/ThemeToggle';
+export { ThemeProvider } from './theme/ThemeProvider';
+export { Toast } from './components/Toast';
+export type { ToastProps, ToastVariant } from './components/Toast';
+export { ToastProvider, useToast } from './components/ToastContainer';
+export { ToggleSwitch } from './components/ToggleSwitch';
+export type { ToggleSwitchProps } from './components/ToggleSwitch';
+import './styles/index.css';

package/dist/types/theme/ThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type Theme = 'light' | 'dark';
+interface ThemeContextValue {
+    theme: Theme;
+    toggle: () => void;
+}
+export declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare const useTheme: () => ThemeContextValue;
+export {};