@boxcustodia/library 1.1.0 → 1.2.1

package/dist/index.es96.js

@@ -1,11 +1,13 @@
-const o = (e) => {
-  e.preventDefault();
-  const a = e.currentTarget.elements, r = {};
-  return Array.from(a).forEach((n) => {
-    const t = n;
-    t.name && (r[t.name] = t.value);
-  }), r;
+import { j as o } from "./index.es106.js";
+import { isValidElement as f } from "react";
+const x = ({
+  children: t,
+  as: s = "div",
+  props: i
+}) => {
+  let e;
+  return typeof t == "string" ? e = /* @__PURE__ */ o.jsx(s, { children: t }) : f(t) ? e = t : typeof t == "function" ? e = t(i) : e = /* @__PURE__ */ o.jsx(s, { children: t }), f(e) ? e : /* @__PURE__ */ o.jsx(s, { children: e });
 };
 export {
-  o as getFormData
+  x as ensureReactElement
 };

package/dist/index.es97.js

@@ -1,5 +1,13 @@
-import { act as o } from "./index.es155.js";
-const i = (c) => o(() => c.click());
+import n from "react";
+const u = () => {
+  const t = n.createContext(null);
+  return [() => {
+    const e = n.useContext(t);
+    if (e === null)
+      throw new Error("Context value is null");
+    return e;
+  }, t.Provider];
+};
 export {
-  i as click
+  u as createSafeContext
 };

package/dist/index.es98.js

@@ -1,7 +1,11 @@
-import { act as r, fireEvent as o } from "./index.es155.js";
-const c = (t, e) => r(() => {
-  o.change(t, { target: { value: e } });
-});
+const o = (e) => {
+  e.preventDefault();
+  const a = e.currentTarget.elements, r = {};
+  return Array.from(a).forEach((n) => {
+    const t = n;
+    t.name && (r[t.name] = t.value);
+  }), r;
+};
 export {
-  c as type
+  o as getFormData
 };

package/dist/index.es99.js

@@ -1,17 +1,5 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+import { act as o } from "./index.es107.js";
+const i = (c) => o(() => c.click());
 export {
-  i as clsx,
-  i as default
+  i as click
 };

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+

package/dist/src/__doc__/Examples.d.ts

@@ -0,0 +1,8 @@
+import { Input } from '../components';
+import { ComponentPropsWithoutRef } from 'react';
+
+export declare const BorderRadius: () => import("react/jsx-runtime").JSX.Element;
+type InputProps = ComponentPropsWithoutRef<typeof Input>;
+export declare const ExampleProps: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChangelogViewer: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/alertdialog/AlertDialog.d.ts

@@ -0,0 +1,27 @@
+import { Button, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from '..';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+
+type AlertDialogProps = React.ComponentPropsWithoutRef<typeof DialogRoot> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    trigger?: React.ReactNode;
+    onClose?: () => void;
+    onAction?: () => void;
+    variant?: "default" | "error";
+    triggerProps?: ComponentProps<typeof DialogTrigger>;
+    contentProps?: ComponentProps<typeof DialogContent>;
+    headerProps?: ComponentProps<typeof DialogHeader>;
+    titleProps?: ComponentProps<typeof DialogTitle>;
+    descriptionProps?: ComponentProps<typeof DialogDescription>;
+    footerProps?: ComponentProps<typeof DialogFooter>;
+    closeProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
+    actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
+    closeText?: React.ReactNode;
+    actionText?: React.ReactNode;
+};
+export declare const AlertDialog: {
+    ({ title, description, trigger, onClose, onAction, variant, triggerProps, contentProps, headerProps, titleProps, descriptionProps, footerProps, closeProps, closeText, actionText, actionProps, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/alertdialog/__doc__/AlertDialog.stories.d.ts

@@ -0,0 +1,12 @@
+import { AlertDialog } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+/**
+ * Modal simple que permite la confirmación de una operación.
+ */
+declare const meta: Meta<typeof AlertDialog>;
+export default meta;
+type Story = StoryObj<typeof AlertDialog>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const Custom: Story;

package/dist/src/components/alertdialog/__test__/AlertDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/alertdialog/index.d.ts

@@ -0,0 +1 @@
+export * from './AlertDialog';

package/dist/src/components/autoComplete/AutoComplete.d.ts

@@ -0,0 +1,32 @@
+import { AutoCompleteRoot, AutoCompleteInput, AutoCompleteList, AutoCompleteItem, AutoCompleteEmpty } from '..';
+import { ClassName } from '../../models';
+import { ComponentProps } from 'react';
+
+interface AutoCompleteItem {
+    value: string;
+    label: string;
+    shortcut?: string;
+}
+interface ExtendedProps {
+    containerClassName: ClassName;
+    inputClassName: ClassName;
+    listClassName: ClassName;
+    itemClassName: ClassName;
+    emptyClassName: ClassName;
+    containerProps: ComponentProps<typeof AutoCompleteRoot>;
+    inputProps: ComponentProps<typeof AutoCompleteInput>;
+    listProps: ComponentProps<typeof AutoCompleteList>;
+    itemProps: ComponentProps<typeof AutoCompleteItem>;
+    emptyProps: ComponentProps<typeof AutoCompleteEmpty>;
+}
+interface Props extends ExtendedProps {
+    items: AutoCompleteItem[];
+    placeholder?: string;
+    emptyMessage?: string;
+    onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
+}
+export declare const AutoComplete: {
+    ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/autoComplete/AutoCompletePrimitives.d.ts

@@ -0,0 +1,40 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import { Command } from 'cmdk';
+
+import * as React from "react";
+declare const AutoCompleteRoot: {
+    ({ className, ...props }: React.ComponentProps<typeof Command>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+interface AutoCompleteDialogProps extends DialogProps {
+}
+declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const AutoCompleteInput: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Input>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteList: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.List>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteEmpty: {
+    (props: React.ComponentProps<typeof Command.Empty>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteGroup: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Group>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteSeparator: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Separator>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteItem: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Item>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { AutoCompleteDialog, AutoCompleteEmpty, AutoCompleteGroup, AutoCompleteInput, AutoCompleteItem, AutoCompleteList, AutoCompleteRoot, AutoCompleteSeparator, AutoCompleteShortcut, };

package/dist/src/components/autoComplete/__doc__/AutoComplete.stories.d.ts

@@ -0,0 +1,35 @@
+import { AutoComplete } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof AutoComplete>;
+export default meta;
+type Story = StoryObj<typeof AutoComplete>;
+export declare const Default: Story;
+/**
+ * Componente primitive AutoComplete que permite construir un campo de búsqueda con sugerencias.
+ * Filtra y ordena los elementos de una lista de sugerencias.
+ * ## Estructura
+ * ```tsx
+ * <AutocompleteRoot>
+ *   <AutocompleteInput placeholder="Buscar..." />
+ *   <AutocompleteList>
+ *     <AutocompleteEmpty>No Se Encontraron Resultados</AutocompleteEmpty>
+ *     <AutocompleteGroup>
+ *       <AutocompleteItem>Calendario</AutocompleteItem>
+ *       <AutocompleteItem>Eventos</AutocompleteItem>
+ *       <AutocompleteItem>Archivados</AutocompleteItem>
+ *     </AutocompleteGroup>
+ *   </AutocompleteList>
+ * </AutocompleteRoot>
+ *  ```
+ *  */
+export declare const Primitive: Story;
+export declare const Dialog: Story;
+export declare const SearchableMenu: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SearchablePopover: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/src/components/autoComplete/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutoCompletePrimitives';
+export * from './AutoComplete';

package/dist/src/components/avatar/Avatar.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLProps, ReactNode } from 'react';
+import { OverrideProps } from '../../models';
+import { avatarVariants } from './avatar.variants';
+
+type AvatarProps = OverrideProps<HTMLProps<HTMLDivElement>, VariantProps<typeof avatarVariants> & {
+    fallback?: ReactNode;
+    alt: string;
+    src: string;
+    imageProps?: HTMLProps<HTMLImageElement>;
+}>;
+export declare const Avatar: ({ variant, size, fallback, alt, src, className, imageProps, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/avatar/__doc__/Avatar.stories.d.ts

@@ -0,0 +1,47 @@
+import { Avatar } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+/**
+ * El componente Avatar se utiliza para mostrar imágenes de perfil de usuarios.
+ *
+ * Características principales:
+ * - Tiene 3 tamaños predefinidos: sm (32px), md (48px) y lg (64px)
+ * - Muestra las iniciales del nombre como fallback si la imagen no carga
+ * - Es totalmente personalizable mediante className
+ * - Mantiene siempre una relación de aspecto 1:1
+ */
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Variante circular del Avatar (por defecto)
+ */
+export declare const Circle: Story;
+/**
+ * Variante cuadrada del Avatar con bordes redondeados
+ */
+export declare const Square: Story;
+/**
+ * En caso de que no se pueda cargar la imagen o la URL esté vacía,
+ * el componente mostrará automáticamente las iniciales del texto alternativo (alt)
+ * como texto de reemplazo
+ */
+export declare const FallBackText: Story;
+/**
+ * En caso de que no se pueda cargar la imagen o la URL esté vacía,
+ * el componente mostrará automáticamente las iniciales del texto alternativo (alt)
+ * como texto de reemplazo
+ */
+export declare const CustomFallback: Story;
+/**
+ * El Avatar puede ser personalizado usando className.
+ * En este ejemplo se muestra cómo modificar el tamaño, margen y agregar una animación.
+ * También se pueden agregar eventos como onClick.
+ */
+export declare const Custom: Story;
+/**
+ * Demostración de todas las variantes y tamaños disponibles.
+ * - Tamaños: sm (32px), md (48px), lg (64px)
+ * - Variantes: circle, square
+ */
+export declare const Variants: Story;

package/dist/src/components/avatar/__test__/Avatar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/avatar/avatar.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const avatarVariants: (props?: ({
+    variant?: "circle" | "square" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AvatarVariants = typeof avatarVariants;

package/dist/src/components/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/dist/src/components/backgroundImage/BackgroundImage.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps } from 'react';
+
+interface Props extends HTMLProps<HTMLDivElement> {
+    /**
+     * La URL de la imagen
+     */
+    src: string;
+}
+export declare const BackgroundImage: {
+    ({ src, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/backgroundImage/__doc__/BackgroundImage.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BackgroundImage } from '../..';
+
+/**
+ * Componente que facilita el manejo de imágenes de fondo.
+ */
+declare const meta: Meta<typeof BackgroundImage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/backgroundImage/__test__/BackgroundImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/backgroundImage/index.d.ts

@@ -0,0 +1 @@
+export * from './BackgroundImage';

package/dist/src/components/button/BaseButton.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, ReactNode } from 'react';
+
+interface Props extends ComponentProps<"button"> {
+    asChild?: boolean;
+    loading?: boolean;
+    showLoader?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    loaderReplace?: true;
+}
+export declare const BaseButton: {
+    ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/button/Button.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+import { BaseButton } from './BaseButton';
+import { buttonVariants } from './Button.variants';
+
+type BaseButtonProps = ComponentProps<typeof BaseButton>;
+type Props = BaseButtonProps & VariantProps<typeof buttonVariants>;
+export declare const Button: {
+    (props: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/button/Button.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    shape?: "circle" | "rounded" | "square" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/button/__components/LoaderOverlay.d.ts

@@ -0,0 +1,5 @@
+interface LoaderOverlayProps {
+    loading: boolean;
+}
+export declare const LoaderOverlay: ({ loading }: LoaderOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/button/__components/LoadingIcon.d.ts

@@ -0,0 +1,11 @@
+import { LucideProps } from 'lucide-react';
+
+interface LoadingIconProps extends LucideProps {
+    loading?: boolean;
+    animate?: boolean;
+}
+declare const LoadingIcon: {
+    ({ loading, animate, ...props }: LoadingIconProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { LoadingIcon, type LoadingIconProps };

package/dist/src/components/button/__doc__/Button.stories.d.ts

@@ -0,0 +1,137 @@
+import { Button } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+/**
+ * Componente principal para ejecutar acciones.
+ *
+ * Extendiende al componente `BaseButton` agregándole variantes
+ */
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Outline: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+/**
+ * Se puede agregar un ícono al botón con la prop `icon`.
+ */
+export declare const Icon: Story;
+/**
+ * Se puede cambiar la posición del ícono con la prop `iconPosition`.
+ *
+ * Los valores posibles son `start` y `end`.
+ */
+export declare const IconPosition: Story;
+/**
+ * El button recibe la propieda `loading` que permite controlar el estado de carga del botón.
+ * Se puede cambiar la forma en la que se muestra el loader con la prop `loaderReplace`.
+ * Si `loaderReplace` es `true`, el loader reemplaza todo el contenido manteniendo el ancho original del botón.
+ * Por defecto, el loader se agrega al contenido existente o reemplaza al ícono en caso de que exista.
+ */
+export declare const Loading: Story;
+/**
+ * Al setear `asChild` a `true`, puedes renderizar cualquier elemento con los estilos, props y referencias del `Button`.
+ *
+ * En este caso, se usa un elemento `a` que hereda los estilos, props y referencias del `Button`.
+ * Esto es útil para aplicar los mismos estilos y garantizar consistencia en la interfaz de usuario de su aplicación.
+ * Se puede verificar abriendo la consola del navegador.
+ */
+export declare const AsChild: Story;
+/**
+ * El componente recibe todas las propiedades de `button`, por lo que se puede customizar los estilos, accesibilidad, referencias, eventos, etc
+ */
+export declare const Custom: Story;
+/**
+ * Estos son los tamanos disponibles para el `Button`.
+ */
+export declare const Sizes: Story;
+export declare const Shapes: Story;
+/**
+ * #### Crea tus propias variantes
+ * En caso de que necesites customizar demasiado a tu componente, lo mejor es crear tus propias variantes.
+ * Para esto se puede importar el componente `BaseButton` el cuál no incluye estilos por defecto y se puede extender para crear variantes personalizadas.
+ *
+ * A continuación, se definen las variantes de botón que puedes extender o modificar a tus necesidades.
+ *
+ * ```tsx
+ * import { ComponentProps } from 'react';
+ * import { cva, type VariantProps } from 'class-variance-authority';
+ * import { BaseButton, cn } from '@boxcustodia/library';
+ *
+ * export const buttonVariants = cva(
+ *   [
+ *     'flex items-center justify-center gap-2',
+ *     'text-sm font-medium transition-all',
+ *     'rounded-md ring-offset-background',
+ *     'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+ *     'disabled:pointer-events-none disabled:opacity-50',
+ *     'hover:brightness-105',
+ *   ],
+ *   {
+ *     variants: {
+ *       variant: {
+ *         default: "bg-primary text-primary-foreground",
+ *         error: "bg-error text-error-foreground",
+ *         success: "bg-success text-success-foreground",
+ *         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+ *         secondary: "bg-secondary text-secondary-foreground hover:brightness-100 hover:bg-secondary/80",
+ *         ghost: "hover:bg-accent hover:brightness-100 hover:text-accent-foreground",
+ *         link: "text-primary underline-offset-4 hover:underline",
+ *         white: 'bg-white text-primary', <-- Nueva variante
+ *         black: 'bg-black text-white', <-- Nueva variante
+ *       },
+ *       size: {
+ *         default: "h-10 px-4 py-2",
+ *         sm: "h-9 rounded-md px-3",
+ *         lg: "h-11 rounded-md px-8",
+ *         icon: "w-10 aspect-square",
+ *       },
+ *     },
+ *     defaultVariants: {
+ *       variant: 'default',
+ *       size: 'default',
+ *     },
+ *   },
+ * );
+ *
+ * type BaseButtonProps = ComponentProps<typeof BaseButton>;
+ * typer Props = BaseButtonProps, VariantProps<typeof buttonVariants>
+ *
+ * export const Button = ({ className, variant, size, ...props }: Props) => {
+ *   return (
+ *     <BaseButton
+ *       {...props}
+ *       className={cn(buttonVariants({ variant, size }), className)}
+ *     />
+ *   );
+ * };
+ *
+ * Button.displayName = 'Button';
+ * ```
+ *
+ */
+export declare const CustomVariants: Story;
+/**
+ * ThemeProvider permite customizar de manera global las propiedades del componente
+ *
+ * Ejemplo:
+ * ```tsx
+ * <ThemeProvider
+ *   theme={{
+ *     Button: {
+ *       className: "bg-red-500",
+ *       icon: <SearchIcon />,
+ *       iconPosition: "end",
+ *       loaderReplace: true,
+ *     },
+ *   }}
+ * >
+ *   <Button>Default Button</Button>
+ * </ThemeProvider>
+ * ```
+ */
+export declare const Theme: Story;

package/dist/src/components/button/__test__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './BaseButton';

package/dist/src/components/calendar/Calendar.d.ts

@@ -0,0 +1,16 @@
+import { CalendarModeProps, CalendarView, Mode } from './Calendar.model';
+import { CalendarNavigationProps, MonthViewProps } from './components';
+import { ClassName } from '../../models';
+
+type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
+type CalendarProps<T extends Mode> = CalendarModeProps<T> & NavigationProps & {
+    initialView?: CalendarView;
+    initialDate?: Date;
+    monthViewProps?: Omit<MonthViewProps, "navigationDate">;
+    className?: ClassName;
+};
+export declare const Calendar: {
+    <T extends Mode>(props: CalendarProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/calendar/Calendar.model.d.ts

@@ -0,0 +1,51 @@
+export type CalendarView = "month" | "year" | "decade";
+export type Mode = "single" | "range" | "multiple";
+export type DateSingle = Date | null;
+export type DateRange = {
+    start: DateSingle;
+    end: DateSingle;
+};
+export type DateMultiple = Date[];
+export type DateMatcher = DateSingle | DateRange | DateMultiple;
+export type SingleDateValue = {
+    value?: DateSingle;
+    defaultValue?: DateSingle;
+    onChange?: (date: DateSingle) => void;
+};
+export type RangeDateValue = {
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onChange?: (date: DateRange) => void;
+};
+export type MultipleDateValue = {
+    value?: Date[];
+    defaultValue?: Date[];
+    onChange?: (dates: Date[]) => void;
+};
+export type CalendarBaseProps<T extends Mode> = {
+    disabled?: (date: Date) => boolean;
+    mode: T;
+};
+export type CalendarModeProps<T extends Mode> = CalendarBaseProps<T> & {
+    single: SingleDateValue;
+    range: RangeDateValue;
+    multiple: MultipleDateValue;
+}[T];
+export interface ViewProps {
+    value: Date;
+    onChange: (date: Date) => void;
+}
+export type CalendarState = {
+    defaultStartDate: Date;
+    mode: Mode;
+    isSingleMode: boolean;
+    isRangeMode: boolean;
+    selected: DateMatcher;
+    selectDate: (date: Date) => void;
+    isSelected: (day: Date) => boolean;
+    isInRange: (day: Date) => boolean;
+    isFirstDayFromRange: (day: Date) => boolean;
+    isLastDayFromRange: (day: Date) => boolean;
+};
+export declare const monthNames: readonly ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
+export declare const weeksDays: string[];