@misael703/ui 1.0.0

package/dist/components/Commerce.d.mts

@@ -0,0 +1,159 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface RatingProps {
+    value: number;
+    max?: number;
+    /** Si se pasa, se vuelve interactivo. */
+    onChange?: (value: number) => void;
+    size?: number;
+    /** Permite medias estrellas (display only). */
+    allowHalf?: boolean;
+    className?: string;
+    ariaLabel?: string;
+}
+declare function Rating({ value, max, onChange, size, allowHalf, className, ariaLabel, }: RatingProps): react_jsx_runtime.JSX.Element;
+interface PriceDisplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    amount: number;
+    /** Precio original tachado (para descuentos). */
+    compareAt?: number;
+    /** ISO 4217. Default desde `getBrand().currency`. */
+    currency?: string;
+    /** BCP 47. Default desde `getBrand().locale`. */
+    locale?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Muestra "% off" si hay compareAt. Default: true. */
+    showDiscount?: boolean;
+}
+declare function PriceDisplay({ amount, compareAt, currency, locale, size, showDiscount, className, ...rest }: PriceDisplayProps): react_jsx_runtime.JSX.Element;
+interface QuantitySelectorProps {
+    value: number;
+    onChange: (v: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    className?: string;
+    id?: string;
+}
+declare function QuantitySelector({ value, onChange, min, max, step, disabled, size, className, id, }: QuantitySelectorProps): react_jsx_runtime.JSX.Element;
+interface VariantOption<T = string> {
+    value: T;
+    label: React.ReactNode;
+    disabled?: boolean;
+    /** Color hex/rgb para chips de tipo "color". */
+    swatch?: string;
+}
+interface VariantSelectorProps<T = string> {
+    label?: React.ReactNode;
+    options: VariantOption<T>[];
+    value: T | null;
+    onChange: (value: T) => void;
+    /** 'chip' (default), 'swatch' (círculos de color). */
+    appearance?: 'chip' | 'swatch';
+    className?: string;
+}
+declare function VariantSelector<T extends string | number = string>({ label, options, value, onChange, appearance, className, }: VariantSelectorProps<T>): react_jsx_runtime.JSX.Element;
+interface WishlistButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    active?: boolean;
+    onToggle?: (next: boolean) => void;
+    size?: number;
+}
+declare function WishlistButton({ active, onToggle, size, className, ...rest }: WishlistButtonProps): react_jsx_runtime.JSX.Element;
+interface PromoCodeInputProps {
+    /** Validador async. Resuelve con un mensaje de éxito o lanza un Error con el mensaje. */
+    onApply: (code: string) => Promise<string>;
+    placeholder?: string;
+    buttonLabel?: string;
+    className?: string;
+    id?: string;
+}
+declare function PromoCodeInput({ onApply, placeholder, buttonLabel, className, id, }: PromoCodeInputProps): react_jsx_runtime.JSX.Element;
+interface FreeShippingProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Subtotal actual del cart. */
+    current: number;
+    /** Threshold para envío gratis. */
+    threshold: number;
+    currency?: string;
+    locale?: string;
+    achievedMessage?: React.ReactNode;
+}
+declare function FreeShippingProgress({ current, threshold, currency, locale, achievedMessage, className, ...rest }: FreeShippingProgressProps): react_jsx_runtime.JSX.Element;
+interface CartLineItem {
+    id: string;
+    name: React.ReactNode;
+    variant?: React.ReactNode;
+    image?: string;
+    unitPrice: number;
+    quantity: number;
+}
+interface CartDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    items: CartLineItem[];
+    onQuantityChange?: (id: string, qty: number) => void;
+    onRemove?: (id: string) => void;
+    onCheckout?: () => void;
+    freeShippingThreshold?: number;
+    currency?: string;
+    locale?: string;
+}
+declare function CartDrawer({ open, onClose, items, onQuantityChange, onRemove, onCheckout, freeShippingThreshold, currency, locale, }: CartDrawerProps): react_jsx_runtime.JSX.Element;
+interface OrderLineRow {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    /** Aplica estilo de total (negrita, más grande). */
+    emphasis?: boolean;
+}
+interface OrderSummaryProps extends Omit<React.HTMLAttributes<HTMLDListElement>, 'title'> {
+    rows: OrderLineRow[];
+    title?: React.ReactNode;
+}
+declare function OrderSummary({ rows, title, className, ...rest }: OrderSummaryProps): react_jsx_runtime.JSX.Element;
+interface AddressFieldOption {
+    value: string;
+    label: React.ReactNode;
+}
+interface AddressField {
+    /** Key del campo en el objeto `value`. */
+    key: string;
+    label: React.ReactNode;
+    type?: 'text' | 'select' | 'textarea';
+    placeholder?: string;
+    /** Solo para `type: 'select'`. */
+    options?: readonly AddressFieldOption[];
+    /** Placeholder de la opción vacía. Default: 'Selecciona…' (locale: `common.search` no aplica). */
+    selectPlaceholder?: string;
+    /** Anchura en una grilla de 6 columnas. Default: 'full'. */
+    width?: 'full' | 'half' | 'third';
+    /** Solo para `type: 'textarea'`. */
+    rows?: number;
+}
+interface AddressFormProps {
+    fields: AddressField[];
+    value: Record<string, string>;
+    onChange: (value: Record<string, string>) => void;
+    className?: string;
+}
+declare function AddressForm({ fields, value, onChange, className }: AddressFormProps): react_jsx_runtime.JSX.Element;
+interface CompareItem {
+    id: string;
+    name: React.ReactNode;
+    image?: string;
+    price?: React.ReactNode;
+}
+interface CompareAttribute {
+    key: string;
+    label: React.ReactNode;
+    /** Valor por item, indexado por id. */
+    values: Record<string, React.ReactNode>;
+}
+interface CompareTableProps extends React.HTMLAttributes<HTMLTableElement> {
+    items: CompareItem[];
+    attributes: CompareAttribute[];
+    onRemove?: (id: string) => void;
+}
+declare function CompareTable({ items, attributes, onRemove, className, ...rest }: CompareTableProps): react_jsx_runtime.JSX.Element;
+
+export { type AddressField, type AddressFieldOption, AddressForm, type AddressFormProps, CartDrawer, type CartDrawerProps, type CartLineItem, type CompareAttribute, type CompareItem, CompareTable, type CompareTableProps, FreeShippingProgress, type FreeShippingProgressProps, type OrderLineRow, OrderSummary, type OrderSummaryProps, PriceDisplay, type PriceDisplayProps, PromoCodeInput, type PromoCodeInputProps, QuantitySelector, type QuantitySelectorProps, Rating, type RatingProps, type VariantOption, VariantSelector, type VariantSelectorProps, WishlistButton, type WishlistButtonProps };

package/dist/components/Commerce.d.ts

@@ -0,0 +1,159 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface RatingProps {
+    value: number;
+    max?: number;
+    /** Si se pasa, se vuelve interactivo. */
+    onChange?: (value: number) => void;
+    size?: number;
+    /** Permite medias estrellas (display only). */
+    allowHalf?: boolean;
+    className?: string;
+    ariaLabel?: string;
+}
+declare function Rating({ value, max, onChange, size, allowHalf, className, ariaLabel, }: RatingProps): react_jsx_runtime.JSX.Element;
+interface PriceDisplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    amount: number;
+    /** Precio original tachado (para descuentos). */
+    compareAt?: number;
+    /** ISO 4217. Default desde `getBrand().currency`. */
+    currency?: string;
+    /** BCP 47. Default desde `getBrand().locale`. */
+    locale?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Muestra "% off" si hay compareAt. Default: true. */
+    showDiscount?: boolean;
+}
+declare function PriceDisplay({ amount, compareAt, currency, locale, size, showDiscount, className, ...rest }: PriceDisplayProps): react_jsx_runtime.JSX.Element;
+interface QuantitySelectorProps {
+    value: number;
+    onChange: (v: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    className?: string;
+    id?: string;
+}
+declare function QuantitySelector({ value, onChange, min, max, step, disabled, size, className, id, }: QuantitySelectorProps): react_jsx_runtime.JSX.Element;
+interface VariantOption<T = string> {
+    value: T;
+    label: React.ReactNode;
+    disabled?: boolean;
+    /** Color hex/rgb para chips de tipo "color". */
+    swatch?: string;
+}
+interface VariantSelectorProps<T = string> {
+    label?: React.ReactNode;
+    options: VariantOption<T>[];
+    value: T | null;
+    onChange: (value: T) => void;
+    /** 'chip' (default), 'swatch' (círculos de color). */
+    appearance?: 'chip' | 'swatch';
+    className?: string;
+}
+declare function VariantSelector<T extends string | number = string>({ label, options, value, onChange, appearance, className, }: VariantSelectorProps<T>): react_jsx_runtime.JSX.Element;
+interface WishlistButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    active?: boolean;
+    onToggle?: (next: boolean) => void;
+    size?: number;
+}
+declare function WishlistButton({ active, onToggle, size, className, ...rest }: WishlistButtonProps): react_jsx_runtime.JSX.Element;
+interface PromoCodeInputProps {
+    /** Validador async. Resuelve con un mensaje de éxito o lanza un Error con el mensaje. */
+    onApply: (code: string) => Promise<string>;
+    placeholder?: string;
+    buttonLabel?: string;
+    className?: string;
+    id?: string;
+}
+declare function PromoCodeInput({ onApply, placeholder, buttonLabel, className, id, }: PromoCodeInputProps): react_jsx_runtime.JSX.Element;
+interface FreeShippingProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Subtotal actual del cart. */
+    current: number;
+    /** Threshold para envío gratis. */
+    threshold: number;
+    currency?: string;
+    locale?: string;
+    achievedMessage?: React.ReactNode;
+}
+declare function FreeShippingProgress({ current, threshold, currency, locale, achievedMessage, className, ...rest }: FreeShippingProgressProps): react_jsx_runtime.JSX.Element;
+interface CartLineItem {
+    id: string;
+    name: React.ReactNode;
+    variant?: React.ReactNode;
+    image?: string;
+    unitPrice: number;
+    quantity: number;
+}
+interface CartDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    items: CartLineItem[];
+    onQuantityChange?: (id: string, qty: number) => void;
+    onRemove?: (id: string) => void;
+    onCheckout?: () => void;
+    freeShippingThreshold?: number;
+    currency?: string;
+    locale?: string;
+}
+declare function CartDrawer({ open, onClose, items, onQuantityChange, onRemove, onCheckout, freeShippingThreshold, currency, locale, }: CartDrawerProps): react_jsx_runtime.JSX.Element;
+interface OrderLineRow {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    /** Aplica estilo de total (negrita, más grande). */
+    emphasis?: boolean;
+}
+interface OrderSummaryProps extends Omit<React.HTMLAttributes<HTMLDListElement>, 'title'> {
+    rows: OrderLineRow[];
+    title?: React.ReactNode;
+}
+declare function OrderSummary({ rows, title, className, ...rest }: OrderSummaryProps): react_jsx_runtime.JSX.Element;
+interface AddressFieldOption {
+    value: string;
+    label: React.ReactNode;
+}
+interface AddressField {
+    /** Key del campo en el objeto `value`. */
+    key: string;
+    label: React.ReactNode;
+    type?: 'text' | 'select' | 'textarea';
+    placeholder?: string;
+    /** Solo para `type: 'select'`. */
+    options?: readonly AddressFieldOption[];
+    /** Placeholder de la opción vacía. Default: 'Selecciona…' (locale: `common.search` no aplica). */
+    selectPlaceholder?: string;
+    /** Anchura en una grilla de 6 columnas. Default: 'full'. */
+    width?: 'full' | 'half' | 'third';
+    /** Solo para `type: 'textarea'`. */
+    rows?: number;
+}
+interface AddressFormProps {
+    fields: AddressField[];
+    value: Record<string, string>;
+    onChange: (value: Record<string, string>) => void;
+    className?: string;
+}
+declare function AddressForm({ fields, value, onChange, className }: AddressFormProps): react_jsx_runtime.JSX.Element;
+interface CompareItem {
+    id: string;
+    name: React.ReactNode;
+    image?: string;
+    price?: React.ReactNode;
+}
+interface CompareAttribute {
+    key: string;
+    label: React.ReactNode;
+    /** Valor por item, indexado por id. */
+    values: Record<string, React.ReactNode>;
+}
+interface CompareTableProps extends React.HTMLAttributes<HTMLTableElement> {
+    items: CompareItem[];
+    attributes: CompareAttribute[];
+    onRemove?: (id: string) => void;
+}
+declare function CompareTable({ items, attributes, onRemove, className, ...rest }: CompareTableProps): react_jsx_runtime.JSX.Element;
+
+export { type AddressField, type AddressFieldOption, AddressForm, type AddressFormProps, CartDrawer, type CartDrawerProps, type CartLineItem, type CompareAttribute, type CompareItem, CompareTable, type CompareTableProps, FreeShippingProgress, type FreeShippingProgressProps, type OrderLineRow, OrderSummary, type OrderSummaryProps, PriceDisplay, type PriceDisplayProps, PromoCodeInput, type PromoCodeInputProps, QuantitySelector, type QuantitySelectorProps, Rating, type RatingProps, type VariantOption, VariantSelector, type VariantSelectorProps, WishlistButton, type WishlistButtonProps };

package/dist/components/Commerce.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var chunkR76YER7O_js = require('../chunk-R76YER7O.js');
+require('../chunk-E2XOUDAH.js');
+require('../chunk-LIGJBHXU.js');
+require('../chunk-3PXYCXDW.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "AddressForm", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.AddressForm; }
+});
+Object.defineProperty(exports, "CartDrawer", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.CartDrawer; }
+});
+Object.defineProperty(exports, "CompareTable", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.CompareTable; }
+});
+Object.defineProperty(exports, "FreeShippingProgress", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.FreeShippingProgress; }
+});
+Object.defineProperty(exports, "OrderSummary", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.OrderSummary; }
+});
+Object.defineProperty(exports, "PriceDisplay", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.PriceDisplay; }
+});
+Object.defineProperty(exports, "PromoCodeInput", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.PromoCodeInput; }
+});
+Object.defineProperty(exports, "QuantitySelector", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.QuantitySelector; }
+});
+Object.defineProperty(exports, "Rating", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.Rating; }
+});
+Object.defineProperty(exports, "VariantSelector", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.VariantSelector; }
+});
+Object.defineProperty(exports, "WishlistButton", {
+  enumerable: true,
+  get: function () { return chunkR76YER7O_js.WishlistButton; }
+});
+//# sourceMappingURL=Commerce.js.map
+//# sourceMappingURL=Commerce.js.map

package/dist/components/Commerce.js.map

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

package/dist/components/Commerce.mjs

@@ -0,0 +1,9 @@
+export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-TXKFCVCN.mjs';
+import '../chunk-GDFYAUHT.mjs';
+import '../chunk-KKOJI25C.mjs';
+import '../chunk-5GEWIK4T.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Commerce.mjs.map
+//# sourceMappingURL=Commerce.mjs.map

package/dist/components/Commerce.mjs.map

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

package/dist/components/ContextMenu.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ContextMenuItem {
+    id: string;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    separator?: boolean;
+}
+interface ContextMenuProps {
+    items: ContextMenuItem[];
+    children: React.ReactNode;
+    className?: string;
+    menuClassName?: string;
+    ariaLabel?: string;
+}
+declare function ContextMenu({ items, children, className, menuClassName, ariaLabel }: ContextMenuProps): react_jsx_runtime.JSX.Element;
+
+export { ContextMenu, type ContextMenuItem, type ContextMenuProps };

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ContextMenuItem {
+    id: string;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    separator?: boolean;
+}
+interface ContextMenuProps {
+    items: ContextMenuItem[];
+    children: React.ReactNode;
+    className?: string;
+    menuClassName?: string;
+    ariaLabel?: string;
+}
+declare function ContextMenu({ items, children, className, menuClassName, ariaLabel }: ContextMenuProps): react_jsx_runtime.JSX.Element;
+
+export { ContextMenu, type ContextMenuItem, type ContextMenuProps };

package/dist/components/ContextMenu.js

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

package/dist/components/ContextMenu.js.map

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

package/dist/components/ContextMenu.mjs

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

package/dist/components/ContextMenu.mjs.map

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

package/dist/components/DataTable.d.mts

@@ -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 };