@misael703/ui 1.0.0

package/dist/components/DataTable.d.ts

@@ -0,0 +1,121 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface Column<T> {
+    key: string;
+    header: React.ReactNode;
+    accessor?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    align?: 'left' | 'right' | 'center';
+    width?: number | string;
+    /**
+     * Marks the column as numeric: cells get the `.table__num` class
+     * (monospace + tabular alignment) and right-align by default.
+     */
+    numeric?: boolean;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    sort?: {
+        key: string;
+        dir: 'asc' | 'desc';
+    } | null;
+    /**
+     * Sorting is uncontrolled inside the table — consumers re-order `rows`
+     * in response to `onSortChange`. Stability of equal-keyed rows is the
+     * caller's responsibility (use a stable sort like `Array.prototype.sort`
+     * in V8/Node ≥ 12, or a tiebreaker on rowKey).
+     */
+    onSortChange?: (s: {
+        key: string;
+        dir: 'asc' | 'desc';
+    } | null) => void;
+    selectable?: boolean;
+    selectedKeys?: Set<string>;
+    /**
+     * "Select all" toggles only the rows currently passed to the component.
+     * If the consumer paginates externally and only passes the visible page,
+     * this selects the page — not the dataset across all pages.
+     */
+    onSelectionChange?: (keys: Set<string>) => void;
+    empty?: React.ReactNode;
+    /**
+     * Renders an error state in place of the body. Takes precedence over
+     * `loading`, `empty`, and rows. Use it when a fetch fails.
+     */
+    error?: React.ReactNode;
+    loading?: boolean;
+    /**
+     * Sticky-position the table header so it stays visible while the body
+     * scrolls. Requires the consumer to constrain the wrapper's height
+     * (e.g. wrapping `<DataTable>` in a `max-height: 60vh; overflow-y: auto`
+     * container) — without that, sticky has nothing to stick relative to.
+     */
+    stickyHeader?: boolean;
+    /**
+     * Layout for narrow viewports (`<600px`):
+     * - `'table'` (default): the table scrolls horizontally inside its wrapper.
+     * - `'cards'`: each row collapses to a stacked card with the column
+     *   header as an inline label per cell. Requires string `header` values
+     *   for the labels to appear; non-string headers render without a label.
+     */
+    mobileLayout?: 'table' | 'cards';
+    /** Accessible name announced by screen readers (e.g. "Pedidos abiertos"). */
+    ariaLabel?: string;
+    /**
+     * Builds the accessible label for the per-row checkbox so screen-reader
+     * users can tell rows apart. Defaults to the row's key. Provide this
+     * when the key isn't human-readable (e.g. a UUID).
+     */
+    rowLabel?: (row: T) => string;
+    className?: string;
+}
+/**
+ * Tabular data renderer with optional sorting, selection, error/empty/
+ * loading states.
+ *
+ * State priority (only one body state renders at a time):
+ *   error > loading > empty > rows
+ *
+ * Known limits (deferred to a later release):
+ * - No virtualization; tested up to ~200 rows. For large datasets, plug
+ *   in react-window/tanstack-virtual around the body rows.
+ */
+declare function DataTable<T>({ columns, rows, rowKey, sort, onSortChange, selectable, selectedKeys, onSelectionChange, empty, error, loading, stickyHeader, mobileLayout, ariaLabel, rowLabel, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+interface AccordionProps {
+    multiple?: boolean;
+    defaultOpen?: string[];
+    children: React.ReactNode;
+    className?: string;
+}
+declare function Accordion({ multiple, defaultOpen, children, className }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ id, title, children }: {
+    id: string;
+    title: React.ReactNode;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+}
+declare function Breadcrumbs({ items, className }: {
+    items: BreadcrumbItem[];
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface TablePaginationProps {
+    page: number;
+    pageSize: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    /** If set, renders a page-size selector. Omit for fixed-size pagination. */
+    onPageSizeChange?: (size: number) => void;
+    /** Options shown in the page-size selector. Default `[10, 25, 50, 100]`. */
+    pageSizeOptions?: readonly number[];
+    className?: string;
+}
+declare function TablePagination({ page, pageSize, total, onPageChange, onPageSizeChange, pageSizeOptions, className, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
+declare const TableToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionItem, type AccordionProps, type BreadcrumbItem, Breadcrumbs, type Column, DataTable, type DataTableProps, TablePagination, type TablePaginationProps, TableToolbar };

package/dist/components/DataTable.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var chunkBMZQ6L2C_js = require('../chunk-BMZQ6L2C.js');
+require('../chunk-HYUINOPJ.js');
+require('../chunk-IMFQ55KO.js');
+require('../chunk-LIGJBHXU.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkBMZQ6L2C_js.Accordion; }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () { return chunkBMZQ6L2C_js.AccordionItem; }
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return chunkBMZQ6L2C_js.Breadcrumbs; }
+});
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function () { return chunkBMZQ6L2C_js.DataTable; }
+});
+Object.defineProperty(exports, "TablePagination", {
+  enumerable: true,
+  get: function () { return chunkBMZQ6L2C_js.TablePagination; }
+});
+Object.defineProperty(exports, "TableToolbar", {
+  enumerable: true,
+  get: function () { return chunkBMZQ6L2C_js.TableToolbar; }
+});
+//# sourceMappingURL=DataTable.js.map
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

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

package/dist/components/DataTable.mjs

@@ -0,0 +1,9 @@
+export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar } from '../chunk-GT2KVC2P.mjs';
+import '../chunk-GVYZAOWU.mjs';
+import '../chunk-PCRNKITV.mjs';
+import '../chunk-KKOJI25C.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=DataTable.mjs.map
+//# sourceMappingURL=DataTable.mjs.map

package/dist/components/DataTable.mjs.map

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

package/dist/components/Display.d.mts

@@ -0,0 +1,56 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+    accent?: CardAccent;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    dot?: boolean;
+}
+declare function Badge({ variant, dot, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    variant?: AlertVariant;
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+}
+declare function Alert({ variant, title, icon, onClose, className, children, ...rest }: AlertProps): react_jsx_runtime.JSX.Element;
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: number | string;
+    height?: number | string;
+    rounded?: boolean;
+}
+declare function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
+interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: 'sm' | 'md' | 'lg';
+    inverse?: boolean;
+}
+declare function Spinner({ size, inverse, className, ...rest }: SpinnerProps): react_jsx_runtime.JSX.Element;
+interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {
+    active?: boolean;
+    onRemove?: () => void;
+    removeLabel?: string;
+}
+declare function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps): react_jsx_runtime.JSX.Element;
+declare const ChipGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
+    sku?: React.ReactNode;
+    name: React.ReactNode;
+    price?: React.ReactNode;
+    image?: string;
+    imageAlt?: string;
+    tag?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+declare function ProductCard({ sku, name, price, image, imageAlt, tag, footer, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Card, type CardAccent, CardBody, CardFooter, CardHeader, type CardProps, Chip, ChipGroup, type ChipProps, ProductCard, type ProductCardProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };

package/dist/components/Display.d.ts

@@ -0,0 +1,56 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+    accent?: CardAccent;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    dot?: boolean;
+}
+declare function Badge({ variant, dot, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    variant?: AlertVariant;
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+}
+declare function Alert({ variant, title, icon, onClose, className, children, ...rest }: AlertProps): react_jsx_runtime.JSX.Element;
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: number | string;
+    height?: number | string;
+    rounded?: boolean;
+}
+declare function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
+interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: 'sm' | 'md' | 'lg';
+    inverse?: boolean;
+}
+declare function Spinner({ size, inverse, className, ...rest }: SpinnerProps): react_jsx_runtime.JSX.Element;
+interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {
+    active?: boolean;
+    onRemove?: () => void;
+    removeLabel?: string;
+}
+declare function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps): react_jsx_runtime.JSX.Element;
+declare const ChipGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
+    sku?: React.ReactNode;
+    name: React.ReactNode;
+    price?: React.ReactNode;
+    image?: string;
+    imageAlt?: string;
+    tag?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+declare function ProductCard({ sku, name, price, image, imageAlt, tag, footer, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Card, type CardAccent, CardBody, CardFooter, CardHeader, type CardProps, Chip, ChipGroup, type ChipProps, ProductCard, type ProductCardProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };

package/dist/components/Display.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var chunk26KJA67X_js = require('../chunk-26KJA67X.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.Alert; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.Badge; }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.Card; }
+});
+Object.defineProperty(exports, "CardBody", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.CardBody; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.CardHeader; }
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.Chip; }
+});
+Object.defineProperty(exports, "ChipGroup", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.ChipGroup; }
+});
+Object.defineProperty(exports, "ProductCard", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.ProductCard; }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.Skeleton; }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () { return chunk26KJA67X_js.Spinner; }
+});
+//# sourceMappingURL=Display.js.map
+//# sourceMappingURL=Display.js.map

package/dist/components/Display.js.map

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

package/dist/components/Display.mjs

@@ -0,0 +1,6 @@
+export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from '../chunk-SYX4GZ7E.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Display.mjs.map
+//# sourceMappingURL=Display.mjs.map

package/dist/components/Display.mjs.map

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

package/dist/components/Display2.d.mts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: 24 | 32 | 40 | 48 | 64;
+    shape?: 'circle' | 'square';
+    status?: 'online' | 'offline' | 'busy';
+}
+declare function Avatar({ src, alt, name, size, shape, status, className, style, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
+interface AvatarGroupProps {
+    children: React.ReactNode;
+    max?: number;
+    size?: AvatarProps['size'];
+    className?: string;
+}
+declare function AvatarGroup({ children, max, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+interface MenuItemProps {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+    destructive?: boolean;
+    shortcut?: string;
+}
+interface MenuProps {
+    trigger: React.ReactElement;
+    items: Array<MenuItemProps | {
+        type: 'separator';
+    } | {
+        type: 'label';
+        label: React.ReactNode;
+    }>;
+    align?: 'start' | 'end';
+    className?: string;
+}
+declare function Menu({ trigger, items, align, className }: MenuProps): react_jsx_runtime.JSX.Element;
+interface StatProps {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    hint?: React.ReactNode;
+    trend?: {
+        dir: 'up' | 'down' | 'flat';
+        value: string;
+    };
+    align?: 'start' | 'center';
+    className?: string;
+}
+declare function Stat({ label, value, hint, trend, align, className }: StatProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Menu, type MenuItemProps, type MenuProps, Stat, type StatProps };

package/dist/components/Display2.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: 24 | 32 | 40 | 48 | 64;
+    shape?: 'circle' | 'square';
+    status?: 'online' | 'offline' | 'busy';
+}
+declare function Avatar({ src, alt, name, size, shape, status, className, style, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
+interface AvatarGroupProps {
+    children: React.ReactNode;
+    max?: number;
+    size?: AvatarProps['size'];
+    className?: string;
+}
+declare function AvatarGroup({ children, max, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+interface MenuItemProps {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+    destructive?: boolean;
+    shortcut?: string;
+}
+interface MenuProps {
+    trigger: React.ReactElement;
+    items: Array<MenuItemProps | {
+        type: 'separator';
+    } | {
+        type: 'label';
+        label: React.ReactNode;
+    }>;
+    align?: 'start' | 'end';
+    className?: string;
+}
+declare function Menu({ trigger, items, align, className }: MenuProps): react_jsx_runtime.JSX.Element;
+interface StatProps {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    hint?: React.ReactNode;
+    trend?: {
+        dir: 'up' | 'down' | 'flat';
+        value: string;
+    };
+    align?: 'start' | 'center';
+    className?: string;
+}
+declare function Stat({ label, value, hint, trend, align, className }: StatProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Menu, type MenuItemProps, type MenuProps, Stat, type StatProps };

package/dist/components/Display2.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunk5VMZMDJF_js = require('../chunk-5VMZMDJF.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunk5VMZMDJF_js.Avatar; }
+});
+Object.defineProperty(exports, "AvatarGroup", {
+  enumerable: true,
+  get: function () { return chunk5VMZMDJF_js.AvatarGroup; }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () { return chunk5VMZMDJF_js.Menu; }
+});
+Object.defineProperty(exports, "Stat", {
+  enumerable: true,
+  get: function () { return chunk5VMZMDJF_js.Stat; }
+});
+//# sourceMappingURL=Display2.js.map
+//# sourceMappingURL=Display2.js.map

package/dist/components/Display2.js.map

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

package/dist/components/Display2.mjs

@@ -0,0 +1,5 @@
+export { Avatar, AvatarGroup, Menu, Stat } from '../chunk-NUURPO3J.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Display2.mjs.map
+//# sourceMappingURL=Display2.mjs.map

package/dist/components/Display2.mjs.map

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

package/dist/components/Display3.d.mts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface UserCellProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: React.ReactNode;
+    meta?: React.ReactNode;
+    avatarSrc?: string;
+    avatarAlt?: string;
+    size?: 24 | 32 | 40 | 48;
+}
+declare function UserCell({ name, meta, avatarSrc, avatarAlt, size, className, ...rest }: UserCellProps): react_jsx_runtime.JSX.Element;
+type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: StatusTone;
+    pulse?: boolean;
+    label?: React.ReactNode;
+}
+declare function StatusIndicator({ tone, pulse, label, className, ...rest }: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
+interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
+}
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLOListElement>>;
+interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {
+    icon?: React.ReactNode;
+    tone?: StatusTone;
+    title: React.ReactNode;
+    meta?: React.ReactNode;
+}
+declare function TimelineItem({ icon, tone, title, meta, children, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+interface TreeNodeData {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    children?: TreeNodeData[];
+    meta?: React.ReactNode;
+}
+interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {
+    nodes: TreeNodeData[];
+    defaultExpanded?: string[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+}
+declare function Tree({ nodes, defaultExpanded, selectedId, onSelect, className, ...rest }: TreeProps): react_jsx_runtime.JSX.Element;
+interface CalendarEvent {
+    date: Date;
+    label: React.ReactNode;
+    tone?: StatusTone;
+    onClick?: () => void;
+}
+interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Mes a mostrar. Default: mes actual. */
+    month?: Date;
+    events?: CalendarEvent[];
+    onMonthChange?: (m: Date) => void;
+    onDayClick?: (d: Date) => void;
+}
+declare function Calendar({ month: monthProp, events, onMonthChange, onDayClick, className, ...rest }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };

package/dist/components/Display3.d.ts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface UserCellProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: React.ReactNode;
+    meta?: React.ReactNode;
+    avatarSrc?: string;
+    avatarAlt?: string;
+    size?: 24 | 32 | 40 | 48;
+}
+declare function UserCell({ name, meta, avatarSrc, avatarAlt, size, className, ...rest }: UserCellProps): react_jsx_runtime.JSX.Element;
+type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: StatusTone;
+    pulse?: boolean;
+    label?: React.ReactNode;
+}
+declare function StatusIndicator({ tone, pulse, label, className, ...rest }: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
+interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
+}
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLOListElement>>;
+interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {
+    icon?: React.ReactNode;
+    tone?: StatusTone;
+    title: React.ReactNode;
+    meta?: React.ReactNode;
+}
+declare function TimelineItem({ icon, tone, title, meta, children, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+interface TreeNodeData {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    children?: TreeNodeData[];
+    meta?: React.ReactNode;
+}
+interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {
+    nodes: TreeNodeData[];
+    defaultExpanded?: string[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+}
+declare function Tree({ nodes, defaultExpanded, selectedId, onSelect, className, ...rest }: TreeProps): react_jsx_runtime.JSX.Element;
+interface CalendarEvent {
+    date: Date;
+    label: React.ReactNode;
+    tone?: StatusTone;
+    onClick?: () => void;
+}
+interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Mes a mostrar. Default: mes actual. */
+    month?: Date;
+    events?: CalendarEvent[];
+    onMonthChange?: (m: Date) => void;
+    onDayClick?: (d: Date) => void;
+}
+declare function Calendar({ month: monthProp, events, onMonthChange, onDayClick, className, ...rest }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };

package/dist/components/Display3.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var chunkLUXTZOTJ_js = require('../chunk-LUXTZOTJ.js');
+require('../chunk-5VMZMDJF.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return chunkLUXTZOTJ_js.Calendar; }
+});
+Object.defineProperty(exports, "StatusIndicator", {
+  enumerable: true,
+  get: function () { return chunkLUXTZOTJ_js.StatusIndicator; }
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function () { return chunkLUXTZOTJ_js.Timeline; }
+});
+Object.defineProperty(exports, "TimelineItem", {
+  enumerable: true,
+  get: function () { return chunkLUXTZOTJ_js.TimelineItem; }
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function () { return chunkLUXTZOTJ_js.Tree; }
+});
+Object.defineProperty(exports, "UserCell", {
+  enumerable: true,
+  get: function () { return chunkLUXTZOTJ_js.UserCell; }
+});
+//# sourceMappingURL=Display3.js.map
+//# sourceMappingURL=Display3.js.map

package/dist/components/Display3.js.map

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