@misael703/ui 1.0.0

package/dist/components/Marketing.d.mts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface HeroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    eyebrow?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+    /** Imagen de fondo. */
+    image?: string;
+    /** Posiciona el contenido. Default: center. */
+    align?: 'start' | 'center' | 'end';
+    /** Variantes visuales. */
+    tone?: 'brand' | 'inverse' | 'subtle' | 'image';
+    /** Altura. */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function Hero({ eyebrow, title, subtitle, actions, image, align, tone, size, className, style, children, ...rest }: HeroProps): react_jsx_runtime.JSX.Element;
+interface TestimonialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    quote: React.ReactNode;
+    author: React.ReactNode;
+    role?: React.ReactNode;
+    company?: React.ReactNode;
+    avatarSrc?: string;
+    rating?: number;
+}
+declare function Testimonial({ quote, author, role, company, avatarSrc, rating, className, ...rest }: TestimonialProps): react_jsx_runtime.JSX.Element;
+interface CategoryItem {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    /** Subcategorías agrupadas (mega menu). */
+    groups?: Array<{
+        title: React.ReactNode;
+        items: Array<{
+            label: React.ReactNode;
+            href?: string;
+        }>;
+    }>;
+}
+interface CategoryNavProps extends React.HTMLAttributes<HTMLElement> {
+    categories: CategoryItem[];
+}
+declare function CategoryNav({ categories, className, ...rest }: CategoryNavProps): react_jsx_runtime.JSX.Element;
+
+export { type CategoryItem, CategoryNav, type CategoryNavProps, Hero, type HeroProps, Testimonial, type TestimonialProps };

package/dist/components/Marketing.d.ts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface HeroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    eyebrow?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+    /** Imagen de fondo. */
+    image?: string;
+    /** Posiciona el contenido. Default: center. */
+    align?: 'start' | 'center' | 'end';
+    /** Variantes visuales. */
+    tone?: 'brand' | 'inverse' | 'subtle' | 'image';
+    /** Altura. */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function Hero({ eyebrow, title, subtitle, actions, image, align, tone, size, className, style, children, ...rest }: HeroProps): react_jsx_runtime.JSX.Element;
+interface TestimonialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    quote: React.ReactNode;
+    author: React.ReactNode;
+    role?: React.ReactNode;
+    company?: React.ReactNode;
+    avatarSrc?: string;
+    rating?: number;
+}
+declare function Testimonial({ quote, author, role, company, avatarSrc, rating, className, ...rest }: TestimonialProps): react_jsx_runtime.JSX.Element;
+interface CategoryItem {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    /** Subcategorías agrupadas (mega menu). */
+    groups?: Array<{
+        title: React.ReactNode;
+        items: Array<{
+            label: React.ReactNode;
+            href?: string;
+        }>;
+    }>;
+}
+interface CategoryNavProps extends React.HTMLAttributes<HTMLElement> {
+    categories: CategoryItem[];
+}
+declare function CategoryNav({ categories, className, ...rest }: CategoryNavProps): react_jsx_runtime.JSX.Element;
+
+export { type CategoryItem, CategoryNav, type CategoryNavProps, Hero, type HeroProps, Testimonial, type TestimonialProps };

package/dist/components/Marketing.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkADQM725E_js = require('../chunk-ADQM725E.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "CategoryNav", {
+  enumerable: true,
+  get: function () { return chunkADQM725E_js.CategoryNav; }
+});
+Object.defineProperty(exports, "Hero", {
+  enumerable: true,
+  get: function () { return chunkADQM725E_js.Hero; }
+});
+Object.defineProperty(exports, "Testimonial", {
+  enumerable: true,
+  get: function () { return chunkADQM725E_js.Testimonial; }
+});
+//# sourceMappingURL=Marketing.js.map
+//# sourceMappingURL=Marketing.js.map

package/dist/components/Marketing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Marketing.js"}

package/dist/components/Marketing.mjs

@@ -0,0 +1,5 @@
+export { CategoryNav, Hero, Testimonial } from '../chunk-X2DBGT7M.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Marketing.mjs.map
+//# sourceMappingURL=Marketing.mjs.map

package/dist/components/Marketing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Marketing.mjs"}

package/dist/components/Menubar.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface MenubarItem {
+    id: string;
+    label?: React.ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+    separator?: boolean;
+    shortcut?: string;
+}
+interface MenubarMenu {
+    id: string;
+    label: React.ReactNode;
+    items: MenubarItem[];
+}
+interface MenubarProps {
+    menus: MenubarMenu[];
+    className?: string;
+    ariaLabel?: string;
+}
+declare function Menubar({ menus, className, ariaLabel }: MenubarProps): react_jsx_runtime.JSX.Element;
+
+export { Menubar, type MenubarItem, type MenubarMenu, type MenubarProps };

package/dist/components/Menubar.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface MenubarItem {
+    id: string;
+    label?: React.ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+    separator?: boolean;
+    shortcut?: string;
+}
+interface MenubarMenu {
+    id: string;
+    label: React.ReactNode;
+    items: MenubarItem[];
+}
+interface MenubarProps {
+    menus: MenubarMenu[];
+    className?: string;
+    ariaLabel?: string;
+}
+declare function Menubar({ menus, className, ariaLabel }: MenubarProps): react_jsx_runtime.JSX.Element;
+
+export { Menubar, type MenubarItem, type MenubarMenu, type MenubarProps };

package/dist/components/Menubar.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkQI6TVWWF_js = require('../chunk-QI6TVWWF.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Menubar", {
+  enumerable: true,
+  get: function () { return chunkQI6TVWWF_js.Menubar; }
+});
+//# sourceMappingURL=Menubar.js.map
+//# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Menubar.js"}

package/dist/components/Menubar.mjs

@@ -0,0 +1,4 @@
+export { Menubar } from '../chunk-YBOTLQ3G.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Menubar.mjs.map
+//# sourceMappingURL=Menubar.mjs.map

package/dist/components/Menubar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Menubar.mjs"}

package/dist/components/NavigationMenu.d.mts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface NavLink {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+interface NavMenuItem {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    links?: NavLink[];
+    featured?: NavLink;
+}
+interface NavigationMenuProps {
+    items: NavMenuItem[];
+    className?: string;
+    ariaLabel?: string;
+    linkAs?: (link: NavLink, content: React.ReactNode, className: string) => React.ReactNode;
+    rootLinkAs?: (item: NavMenuItem, content: React.ReactNode, className: string) => React.ReactNode;
+}
+declare function NavigationMenu({ items, className, ariaLabel, linkAs, rootLinkAs }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
+
+export { type NavLink, type NavMenuItem, NavigationMenu, type NavigationMenuProps };

package/dist/components/NavigationMenu.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface NavLink {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+interface NavMenuItem {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    links?: NavLink[];
+    featured?: NavLink;
+}
+interface NavigationMenuProps {
+    items: NavMenuItem[];
+    className?: string;
+    ariaLabel?: string;
+    linkAs?: (link: NavLink, content: React.ReactNode, className: string) => React.ReactNode;
+    rootLinkAs?: (item: NavMenuItem, content: React.ReactNode, className: string) => React.ReactNode;
+}
+declare function NavigationMenu({ items, className, ariaLabel, linkAs, rootLinkAs }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
+
+export { type NavLink, type NavMenuItem, NavigationMenu, type NavigationMenuProps };

package/dist/components/NavigationMenu.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkJDOXRLZW_js = require('../chunk-JDOXRLZW.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "NavigationMenu", {
+  enumerable: true,
+  get: function () { return chunkJDOXRLZW_js.NavigationMenu; }
+});
+//# sourceMappingURL=NavigationMenu.js.map
+//# sourceMappingURL=NavigationMenu.js.map

package/dist/components/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"NavigationMenu.js"}

package/dist/components/NavigationMenu.mjs

@@ -0,0 +1,5 @@
+export { NavigationMenu } from '../chunk-OCE4ODTM.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=NavigationMenu.mjs.map
+//# sourceMappingURL=NavigationMenu.mjs.map

package/dist/components/NavigationMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"NavigationMenu.mjs"}

package/dist/components/Notifications.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type NotificationTone = 'info' | 'success' | 'warning' | 'danger';
+interface NotificationItem {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: NotificationTone;
+    timestamp?: React.ReactNode;
+    read?: boolean;
+    onClick?: () => void;
+}
+interface NotificationCenterProps {
+    notifications: NotificationItem[];
+    onMarkAllRead?: () => void;
+    onClearAll?: () => void;
+    emptyMessage?: React.ReactNode;
+    /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */
+    trigger?: React.ReactElement;
+    className?: string;
+}
+declare function NotificationCenter({ notifications, onMarkAllRead, onClearAll, emptyMessage, trigger, className, }: NotificationCenterProps): react_jsx_runtime.JSX.Element;
+
+export { NotificationCenter, type NotificationCenterProps, type NotificationItem, type NotificationTone };

package/dist/components/Notifications.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type NotificationTone = 'info' | 'success' | 'warning' | 'danger';
+interface NotificationItem {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: NotificationTone;
+    timestamp?: React.ReactNode;
+    read?: boolean;
+    onClick?: () => void;
+}
+interface NotificationCenterProps {
+    notifications: NotificationItem[];
+    onMarkAllRead?: () => void;
+    onClearAll?: () => void;
+    emptyMessage?: React.ReactNode;
+    /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */
+    trigger?: React.ReactElement;
+    className?: string;
+}
+declare function NotificationCenter({ notifications, onMarkAllRead, onClearAll, emptyMessage, trigger, className, }: NotificationCenterProps): react_jsx_runtime.JSX.Element;
+
+export { NotificationCenter, type NotificationCenterProps, type NotificationItem, type NotificationTone };

package/dist/components/Notifications.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk3TNBETXR_js = require('../chunk-3TNBETXR.js');
+require('../chunk-LIGJBHXU.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "NotificationCenter", {
+  enumerable: true,
+  get: function () { return chunk3TNBETXR_js.NotificationCenter; }
+});
+//# sourceMappingURL=Notifications.js.map
+//# sourceMappingURL=Notifications.js.map

package/dist/components/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Notifications.js"}

package/dist/components/Notifications.mjs

@@ -0,0 +1,7 @@
+export { NotificationCenter } from '../chunk-6PEC4RRO.mjs';
+import '../chunk-KKOJI25C.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Notifications.mjs.map
+//# sourceMappingURL=Notifications.mjs.map

package/dist/components/Notifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Notifications.mjs"}

package/dist/components/Overlay.d.mts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface OverlayProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    className?: string;
+}
+declare function Modal({ open, onClose, title, children, footer, size, closeOnBackdrop, closeOnEsc, className, }: OverlayProps): React.ReactPortal | null;
+interface DrawerProps extends OverlayProps {
+    side?: 'left' | 'right';
+}
+declare function Drawer({ open, onClose, title, children, footer, side, closeOnBackdrop, closeOnEsc, className, }: DrawerProps): React.ReactPortal | null;
+
+export { Drawer, type DrawerProps, Modal, type OverlayProps };

package/dist/components/Overlay.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface OverlayProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    className?: string;
+}
+declare function Modal({ open, onClose, title, children, footer, size, closeOnBackdrop, closeOnEsc, className, }: OverlayProps): React.ReactPortal | null;
+interface DrawerProps extends OverlayProps {
+    side?: 'left' | 'right';
+}
+declare function Drawer({ open, onClose, title, children, footer, side, closeOnBackdrop, closeOnEsc, className, }: DrawerProps): React.ReactPortal | null;
+
+export { Drawer, type DrawerProps, Modal, type OverlayProps };

package/dist/components/Overlay.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkE2XOUDAH_js = require('../chunk-E2XOUDAH.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () { return chunkE2XOUDAH_js.Drawer; }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return chunkE2XOUDAH_js.Modal; }
+});
+//# sourceMappingURL=Overlay.js.map
+//# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Overlay.js"}

package/dist/components/Overlay.mjs

@@ -0,0 +1,6 @@
+export { Drawer, Modal } from '../chunk-GDFYAUHT.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Overlay.mjs.map
+//# sourceMappingURL=Overlay.mjs.map

package/dist/components/Overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Overlay.mjs"}

package/dist/components/Permissions.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface PermissionRole {
+    id: string;
+    label: React.ReactNode;
+}
+interface PermissionAction {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+}
+interface PermissionMatrixProps extends Omit<React.HTMLAttributes<HTMLTableElement>, 'onChange'> {
+    roles: PermissionRole[];
+    actions: PermissionAction[];
+    /** Map de roleId → set de actionIds permitidos */
+    value: Record<string, string[]>;
+    onChange: (value: Record<string, string[]>) => void;
+    readOnly?: boolean;
+}
+declare function PermissionMatrix({ roles, actions, value, onChange, readOnly, className, ...rest }: PermissionMatrixProps): react_jsx_runtime.JSX.Element;
+
+export { type PermissionAction, PermissionMatrix, type PermissionMatrixProps, type PermissionRole };

package/dist/components/Permissions.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface PermissionRole {
+    id: string;
+    label: React.ReactNode;
+}
+interface PermissionAction {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+}
+interface PermissionMatrixProps extends Omit<React.HTMLAttributes<HTMLTableElement>, 'onChange'> {
+    roles: PermissionRole[];
+    actions: PermissionAction[];
+    /** Map de roleId → set de actionIds permitidos */
+    value: Record<string, string[]>;
+    onChange: (value: Record<string, string[]>) => void;
+    readOnly?: boolean;
+}
+declare function PermissionMatrix({ roles, actions, value, onChange, readOnly, className, ...rest }: PermissionMatrixProps): react_jsx_runtime.JSX.Element;
+
+export { type PermissionAction, PermissionMatrix, type PermissionMatrixProps, type PermissionRole };

package/dist/components/Permissions.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkTZG34EYW_js = require('../chunk-TZG34EYW.js');
+require('../chunk-HYUINOPJ.js');
+require('../chunk-LIGJBHXU.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "PermissionMatrix", {
+  enumerable: true,
+  get: function () { return chunkTZG34EYW_js.PermissionMatrix; }
+});
+//# sourceMappingURL=Permissions.js.map
+//# sourceMappingURL=Permissions.js.map

package/dist/components/Permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Permissions.js"}

package/dist/components/Permissions.mjs

@@ -0,0 +1,8 @@
+export { PermissionMatrix } from '../chunk-UB2XEZ7C.mjs';
+import '../chunk-GVYZAOWU.mjs';
+import '../chunk-KKOJI25C.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Permissions.mjs.map
+//# sourceMappingURL=Permissions.mjs.map

package/dist/components/Permissions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Permissions.mjs"}

package/dist/components/Pickers.d.mts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DateFormat } from '../utils/dateFormat.mjs';
+
+interface ComboboxOption<T = string> {
+    value: T;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+interface ComboboxProps<T = string> {
+    value: T | null;
+    onChange: (value: T | null) => void;
+    options: ComboboxOption<T>[];
+    placeholder?: string;
+    emptyMessage?: string;
+    filter?: (option: ComboboxOption<T>, query: string) => boolean;
+    className?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    id?: string;
+}
+declare function Combobox<T = string>({ value, onChange, options, placeholder, emptyMessage, filter, className, invalid, disabled, id, }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
+interface DatePickerProps {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    className?: string;
+    id?: string;
+    /**
+     * Display & parse format. Default `'auto'` derives from `configureBrand().locale`
+     * (e.g. `es-CL` → `dd-mm-aaaa`, `en-US` → `mm-dd-aaaa`, `ja-JP` → `aaaa-mm-dd`).
+     */
+    format?: DateFormat;
+}
+declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, invalid, className, id, format, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+interface FileUploadProps {
+    onFiles: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    className?: string;
+    hint?: React.ReactNode;
+    /** Accessible name for the drop zone (e.g. "Subir foto de perfil"). */
+    'aria-label'?: string;
+}
+declare function FileUpload({ onFiles, accept, multiple, maxSize, disabled, className, hint, 'aria-label': ariaLabel, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
+export { Combobox, type ComboboxOption, type ComboboxProps, DatePicker, type DatePickerProps, FileUpload, type FileUploadProps };

package/dist/components/Pickers.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DateFormat } from '../utils/dateFormat.js';
+
+interface ComboboxOption<T = string> {
+    value: T;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+interface ComboboxProps<T = string> {
+    value: T | null;
+    onChange: (value: T | null) => void;
+    options: ComboboxOption<T>[];
+    placeholder?: string;
+    emptyMessage?: string;
+    filter?: (option: ComboboxOption<T>, query: string) => boolean;
+    className?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    id?: string;
+}
+declare function Combobox<T = string>({ value, onChange, options, placeholder, emptyMessage, filter, className, invalid, disabled, id, }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
+interface DatePickerProps {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    className?: string;
+    id?: string;
+    /**
+     * Display & parse format. Default `'auto'` derives from `configureBrand().locale`
+     * (e.g. `es-CL` → `dd-mm-aaaa`, `en-US` → `mm-dd-aaaa`, `ja-JP` → `aaaa-mm-dd`).
+     */
+    format?: DateFormat;
+}
+declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, invalid, className, id, format, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+interface FileUploadProps {
+    onFiles: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    className?: string;
+    hint?: React.ReactNode;
+    /** Accessible name for the drop zone (e.g. "Subir foto de perfil"). */
+    'aria-label'?: string;
+}
+declare function FileUpload({ onFiles, accept, multiple, maxSize, disabled, className, hint, 'aria-label': ariaLabel, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
+export { Combobox, type ComboboxOption, type ComboboxProps, DatePicker, type DatePickerProps, FileUpload, type FileUploadProps };