@stackcraftmx/calcita 0.32.2 → 0.51.0

package/dist/types/ui/filters/FilterDrawer.d.ts

@@ -0,0 +1,23 @@
+/** De qué lado sale el cajón. */
+export declare const FILTER_DRAWER_ANCHOR: Readonly<{
+    left: "left";
+    right: "right";
+}>;
+declare const FilterDrawer: (props: {
+    open: boolean;
+    onClose: () => void;
+    fields: object[];
+    values: Record<string, unknown>;
+    onApply: (values: Record<string, unknown>) => void;
+    anchor?: 'left' | 'right';
+    width?: number;
+    title?: string;
+    applyLabel?: string;
+    closeOnApply?: boolean;
+    children?: import('react').ReactNode;
+    texts?: object;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default FilterDrawer;

package/dist/types/ui/filters/PeriodRangeSelector.d.ts

@@ -1,15 +1,4 @@
-/**
- * @param {object} props
- * @param {string} props.id prefijo de los id de las dos listas (accesibilidad)
- * @param {Array<{value: string, label: string, disabled: boolean, hint?: string}>} props.options en orden; ya
- *     traducidas
- * @param {string|null} props.from
- * @param {string|null} props.to
- * @param {string} props.fromLabel ya traducido
- * @param {string} props.toLabel ya traducido
- * @param {(range: {from: string, to: string}) => void} props.onChange
- */
-export default function PeriodRangeSelector(props: {
+declare const PeriodRangeSelector: (props: {
     id: string;
     options: Array<{
         value: string;
@@ -25,4 +14,8 @@ export default function PeriodRangeSelector(props: {
         from: string;
         to: string;
     }) => void;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default PeriodRangeSelector;

package/dist/types/ui/filters/QuickFilters.d.ts

@@ -1,14 +1,4 @@
-/**
- * @param {object} props
- * @param {string} props.value opción activa ('' = todas)
- * @param {(value: string) => void} props.onChange
- * @param {Array<{value: string, label: import('react').ReactNode, count?: number}>} [props.options]
- * @param {import('react').ReactNode} [props.caption]
- * @param {string} [props.ariaLabel]
- * @param {import('react').ReactNode} [props.extra] al final de la tira (p. ej. un rango de fechas)
- * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete
- */
-export default function QuickFilters(props: {
+declare const QuickFilters: (props: {
     value: string;
     onChange: (value: string) => void;
     options?: Array<{
@@ -20,4 +10,8 @@ export default function QuickFilters(props: {
     ariaLabel?: string;
     extra?: import('react').ReactNode;
     texts?: object;
-}): import("react").JSX.Element | null;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element | null;
+export default QuickFilters;

package/dist/types/ui/filters/filterDrawerFields.d.ts

@@ -0,0 +1,139 @@
+/** Los tipos de campo del cajón. */
+export declare const FILTER_FIELD_KIND: Readonly<{
+    text: "text";
+    select: "select";
+    multiSelect: "multiSelect";
+    catalog: "catalog";
+    checkboxes: "checkboxes";
+    numberRange: "numberRange";
+    dateRange: "dateRange";
+    comparison: "comparison";
+    custom: "custom";
+}>;
+/** Los operadores de un campo de comparación, como viajan ('gte:500'). */
+export declare const COMPARISON_OPERATOR: Readonly<{
+    equals: "eq";
+    greaterThan: "gt";
+    greaterOrEqual: "gte";
+    lessThan: "lt";
+    lessOrEqual: "lte";
+}>;
+/**
+ * ¿El campo guarda una lista?
+ *
+ * @param {{kind: string, multiple?: boolean}} field
+ * @returns {boolean}
+ */
+export declare function isListField(field: {
+    kind: string;
+    multiple?: boolean;
+}): boolean;
+/**
+ * Los nombres con que viaja un campo en los filtros: uno, o dos para un rango.
+ *
+ * @param {{name: string, kind: string, keys?: {from?: string, to?: string}}} field
+ * @returns {string[]}
+ */
+export declare function filterKeysOf(field: {
+    name: string;
+    kind: string;
+    keys?: {
+        from?: string;
+        to?: string;
+    };
+}): string[];
+/**
+ * Un valor de comparación ('gte:500') en sus partes; null si viene vacío o no se entiende.
+ *
+ * @param {unknown} text
+ * @returns {{operator: string, value: string}|null}
+ */
+export declare function comparisonOf(text: unknown): {
+    operator: string;
+    value: string;
+} | null;
+/**
+ * Las partes de una comparación como viajan; '' si falta el número.
+ *
+ * @param {string} operator COMPARISON_OPERATOR
+ * @param {string} value
+ * @returns {string}
+ */
+export declare function comparisonTextOf(operator: string, value: string): string;
+/**
+ * ¿Ese valor de filtro está puesto? Un texto vacío o una lista vacía no cuentan.
+ *
+ * @param {unknown} value
+ * @returns {boolean}
+ */
+export declare function isFilterValueSet(value: unknown): boolean;
+/**
+ * Los tipos de filtro para ServerTable (filterKinds): los de lista se leen como lista en la dirección.
+ *
+ * @param {object[]} fields
+ * @returns {Record<string, string>}
+ */
+export declare function filterDrawerKindsOf(fields: object[]): Record<string, string>;
+/**
+ * Lo que hay en los filtros para los campos del cajón (lo demás no se toca).
+ *
+ * @param {object[]} fields
+ * @param {Record<string, unknown>} filters
+ * @returns {Record<string, unknown>}
+ */
+export declare function drawerValuesOf(fields: object[], filters: Record<string, unknown>): Record<string, unknown>;
+/**
+ * Los campos del cajón vacíos: lo que deja «Limpiar».
+ *
+ * @param {object[]} fields
+ * @returns {Record<string, unknown>}
+ */
+export declare function emptyDrawerValuesOf(fields: object[]): Record<string, unknown>;
+/**
+ * Los campos del cajón vacíos, para sumarlos a filterDefaults de ServerTable: la tabla solo guarda en la dirección los
+ * filtros que declara ahí.
+ *
+ * @param {object[]} fields
+ * @returns {Record<string, unknown>}
+ */
+export declare function filterDrawerDefaultsOf(fields: object[]): Record<string, unknown>;
+/**
+ * Cuántos campos del cajón tienen algo puesto (un rango con «desde» y «hasta» cuenta uno): el número del botón «Filtros».
+ *
+ * @param {object[]} fields
+ * @param {Record<string, unknown>} filters
+ * @returns {number}
+ */
+export declare function activeDrawerFilterCountOf(fields: object[], filters: Record<string, unknown>): number;
+/**
+ * Los rangos que no tienen sentido («hasta» menor que «desde»): {llave de «hasta»: true}.
+ *
+ * @param {object[]} fields
+ * @param {Record<string, unknown>} values
+ * @returns {Record<string, boolean>}
+ */
+export declare function invalidRangesOf(fields: object[], values: Record<string, unknown>): Record<string, boolean>;
+/**
+ * Los chips de los campos del cajón, con la forma de buildChipConfig: cada valor con su etiqueta, ya dicho en palabras.
+ *
+ * @param {object[]} fields
+ * @param {object} helpers
+ * @param {(key: string, values?: object) => string} helpers.t el de common (filterDrawer.chipFrom, chipTo)
+ * @param {(date: string) => string} [helpers.formatDate] cómo se ve una fecha
+ * @returns {{text: Array<{key: string, label: string, format?: (value: string) => string}>, multiSelect: Array<{key: string, label: string, itemLabel?: (value: string) => string}>}}
+ */
+export declare function filterDrawerChipsOf(fields: object[], { t, formatDate }: {
+    t: (key: string, values?: object) => string;
+    formatDate?: (date: string) => string;
+}): {
+    text: Array<{
+        key: string;
+        label: string;
+        format?: (value: string) => string;
+    }>;
+    multiSelect: Array<{
+        key: string;
+        label: string;
+        itemLabel?: (value: string) => string;
+    }>;
+};

package/dist/types/ui/help/HelpButton.d.ts

@@ -0,0 +1,11 @@
+declare const HelpButton: (props: {
+    onClick: () => void;
+    label?: string;
+    size?: 'small' | 'medium' | 'large';
+    sx?: object;
+    texts?: object;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default HelpButton;

package/dist/types/ui/help/HelpCarouselDialog.d.ts

@@ -0,0 +1,27 @@
+/** Por qué se cerró la ayuda. */
+export declare const HELP_CLOSE_REASON: Readonly<{
+    finished: "finished";
+    closed: "closed";
+}>;
+declare const HelpCarouselDialog: (props: {
+    open: boolean;
+    onClose: (reason: string, details: {
+        dontShowAgain: boolean;
+    }) => void;
+    steps: Array<{
+        title: string;
+        content: import('react').ReactNode;
+        image?: string;
+        imageAlt?: string;
+        media?: import('react').ReactNode;
+    }>;
+    title?: string;
+    showDontShowAgain?: boolean;
+    onStepChange?: (index: number) => void;
+    initialStep?: number;
+    texts?: object;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element | null;
+export default HelpCarouselDialog;

package/dist/types/ui/help/useHelpCarousel.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @param {object} options
+ * @param {string} options.helpKey de qué pantalla es la ayuda ('tasks'): una llave por ayuda
+ * @param {string} [options.version] súbala cuando la ayuda cambie y deba volver a salir
+ * @param {boolean} [options.autoOpen] que salga sola la primera vez (por omisión sí)
+ * @param {boolean} [options.seen] lo que sabe el servidor del proyecto: true = ya la vio (no sale sola)
+ * @returns {{open: boolean, openHelp: () => void, closeHelp: (reason?: string, details?: {dontShowAgain: boolean}) => void, wasSeen: boolean}}
+ */
+export declare function useHelpCarousel({ helpKey, version, autoOpen, seen }: {
+    helpKey: string;
+    version?: string;
+    autoOpen?: boolean;
+    seen?: boolean;
+}): {
+    open: boolean;
+    openHelp: () => void;
+    closeHelp: (reason?: string, details?: {
+        dontShowAgain: boolean;
+    }) => void;
+    wasSeen: boolean;
+};

package/dist/types/ui/index.d.ts

@@ -18,14 +18,24 @@ export { LANGUAGES, default as LanguageToggle } from './navigation/LanguageToggl
 export { default as FontSizeToggle } from './navigation/FontSizeToggle.js';
 export { FONT_SIZE_LEVELS } from './navigation/fontSizeLevels.js';
 export { default as PageBreadcrumbs } from './navigation/PageBreadcrumbs.js';
+export { ROUTE_TABS_MODE, default as RouteTabs, useActiveRouteTab } from './navigation/RouteTabs.js';
+export { default as HelpButton } from './help/HelpButton.js';
+export { HELP_CLOSE_REASON, default as HelpCarouselDialog } from './help/HelpCarouselDialog.js';
+export { default as RecordCard } from './cards/RecordCard.js';
+export { default as RecordCardSkeleton } from './cards/RecordCardSkeleton.js';
+export { useHelpCarousel } from './help/useHelpCarousel.js';
 export { default as DateRangeFilter } from './filters/DateRangeFilter.js';
+export { FILTER_DRAWER_ANCHOR, default as FilterDrawer } from './filters/FilterDrawer.js';
+export { COMPARISON_OPERATOR, FILTER_FIELD_KIND, activeDrawerFilterCountOf, comparisonOf, comparisonTextOf, filterDrawerChipsOf, filterDrawerDefaultsOf, filterDrawerKindsOf, filterKeysOf, } from './filters/filterDrawerFields.js';
 export { default as PeriodRangeSelector } from './filters/PeriodRangeSelector.js';
 export { default as QuickFilters } from './filters/QuickFilters.js';
 export { default as SegmentedControl, SEGMENTED_CONTROL_SX } from './filters/SegmentedControl.js';
 export { default as DictionaryText } from './labels/DictionaryText.js';
 export { default as StatusChip } from './labels/StatusChip.js';
+export { ICON_BADGE_CLASSES, ICON_BADGE_VARIANT, default as IconBadge } from './labels/IconBadge.js';
 export { default as Tag } from './labels/Tag.js';
 export { default as CopyButton } from './actions/CopyButton.js';
+export { tableRowTextOf } from './actions/tableRowText.js';
 export { default as DownloadMenu } from './actions/DownloadMenu.js';
 export { default as SecretField } from './actions/SecretField.js';
 export { default as CalendarHeatmap } from './metrics/CalendarHeatmap.js';

package/dist/types/ui/labels/IconBadge.d.ts

@@ -0,0 +1,34 @@
+/** Los estilos de la insignia. */
+export declare const ICON_BADGE_VARIANT: Readonly<{
+    outlined: "outlined";
+    soft: "soft";
+    plain: "plain";
+}>;
+export declare const ICON_BADGE_CLASSES: Readonly<{
+    root: "CalcitaIconBadge-root";
+    icon: "CalcitaIconBadge-icon";
+    label: "CalcitaIconBadge-label";
+}>;
+/**
+ * @param {object} props
+ * @param {Record<string, object>} [props.dictionary] de donde sale la etiqueta, el tooltip, el color y el ícono
+ * @param {string|null} [props.value] con dictionary: el código del API
+ * @param {import('react').ElementType} [props.icon] suelta: el ícono (un componente, p. ej. VerifiedUserOutlinedIcon)
+ * @param {import('react').ReactNode} [props.label] suelta: el texto, ya traducido
+ * @param {'primary'|'secondary'|'success'|'warning'|'error'|'info'|'default'} [props.tone] suelta: el color
+ * @param {'outlined'|'soft'|'plain'} [props.variant] ICON_BADGE_VARIANT
+ * @param {'small'|'medium'} [props.size]
+ * @param {import('react').ReactNode} [props.tooltip] lo que explica al pasar el cursor (con dictionary, el del diccionario)
+ * @param {object} [props.sx]
+ */
+export default function IconBadge(props: {
+    dictionary?: Record<string, object>;
+    value?: string | null;
+    icon?: import('react').ElementType;
+    label?: import('react').ReactNode;
+    tone?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'default';
+    variant?: 'outlined' | 'soft' | 'plain';
+    size?: 'small' | 'medium';
+    tooltip?: import('react').ReactNode;
+    sx?: object;
+}): import("react").JSX.Element;

package/dist/types/ui/labels/MarkedText.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @param {object} props
+ * @param {string} props.text el texto ya traducido, con sus marcas
+ * @param {Record<string, import('react').ReactElement|string|((children: import('react').ReactNode) => import('react').ReactNode)>} props.marks
+ *     cómo se pinta cada marca, por su nombre: un elemento, una etiqueta ('strong') o una función que recibe lo de adentro
+ */
+export default function MarkedText({ text, marks, ...unknownProps }: {
+    text: string;
+    marks: Record<string, import('react').ReactElement | string | ((children: import('react').ReactNode) => import('react').ReactNode)>;
+}): import("react").JSX.Element;

package/dist/types/ui/labels/Tag.d.ts

@@ -1,14 +1,4 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.label texto visible, ya traducido
- * @param {string} [props.tooltip] qué significa (aparece al pasar el cursor)
- * @param {string} [props.color] color del tema de MUI
- * @param {'filled'|'outlined'} [props.variant]
- * @param {'small'|'medium'} [props.size]
- * @param {() => void} [props.onDelete]
- * @param {object} [props.sx]
- */
-export default function Tag(props: {
+declare const Tag: (props: {
     label: import('react').ReactNode;
     tooltip?: string;
     color?: string;
@@ -16,4 +6,8 @@ export default function Tag(props: {
     size?: 'small' | 'medium';
     onDelete?: () => void;
     sx?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default Tag;

package/dist/types/ui/labels/markedTextPieces.d.ts

@@ -0,0 +1,22 @@
+export type MarkedTextPiece = {
+    type: 'text';
+    value: string;
+} | {
+    type: 'mark';
+    name: string;
+    children: MarkedTextPiece[];
+};
+/**
+ * @typedef {{type: 'text', value: string} | {type: 'mark', name: string, children: MarkedTextPiece[]}} MarkedTextPiece
+ */
+/**
+ * Los pedazos de un texto con marcas.
+ *
+ * Una marca que abre y no cierra (o cierra sin abrir) sale como texto: así un error de quien traduce se ve en pantalla en
+ * lugar de comerse el resto de la frase.
+ *
+ * @param {string} text el texto ya traducido
+ * @param {string[]} allowedNames las marcas que la pantalla sabe pintar
+ * @returns {MarkedTextPiece[]}
+ */
+export declare function parseMarkedText(text: string, allowedNames: string[]): MarkedTextPiece[];

package/dist/types/ui/layout/CollapsibleSection.d.ts

@@ -1,18 +1,12 @@
-/**
- * @param {object} props
- * @param {string} props.collapsedTitle lo que dice plegada, ya traducido («Ver el detalle de la validación»)
- * @param {string} props.expandedTitle lo que dice abierta («Ocultar el detalle de la validación»)
- * @param {string} [props.hint] plegada, qué hay adentro («Incluye resumen, motivos de rechazo y descargas.»)
- * @param {boolean} [props.defaultExpanded] si empieza abierta; por omisión empieza plegada
- * @param {(isExpanded: boolean) => void} [props.onExpandedChange] la persona la abrió o la plegó (por ejemplo, para pedir lo de
- *     adentro hasta que se abre)
- * @param {import('react').ReactNode} props.children
- */
-export default function CollapsibleSection(props: {
+declare const CollapsibleSection: (props: {
     collapsedTitle: string;
     expandedTitle: string;
     hint?: string;
     defaultExpanded?: boolean;
     onExpandedChange?: (isExpanded: boolean) => void;
     children: import('react').ReactNode;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default CollapsibleSection;

package/dist/types/ui/layout/ContentDialog.d.ts

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {boolean} props.open
- * @param {() => void} props.onClose
- * @param {string} props.title texto ya traducido
- * @param {import('react').ReactNode} props.children
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function ContentDialog(props: {
+declare const ContentDialog: (props: {
     open: boolean;
     onClose: () => void;
     title: string;
     children: import('react').ReactNode;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default ContentDialog;

package/dist/types/ui/layout/DefinitionList.d.ts

@@ -1,15 +1,12 @@
-/**
- * @param {object} props
- * @param {Array<{label: string, value: import('react').ReactNode}>} props.entries en el orden en que se pintan; el label es la
- *     llave
- * @param {'columns'|'stacked'} [props.layout]
- * @param {number} [props.labelWidth] ancho en px de la columna del dato (solo columns)
- */
-export default function DefinitionList(props: {
+declare const DefinitionList: (props: {
     entries: Array<{
         label: string;
         value: import('react').ReactNode;
     }>;
     layout?: 'columns' | 'stacked';
     labelWidth?: number;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default DefinitionList;

package/dist/types/ui/layout/DetailHeader.d.ts

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {string} [props.eyebrow] contexto arriba del título (p. ej. el producto)
- * @param {import('react').ReactNode} [props.badges] insignias junto al título (chips de estatus, intento...)
- * @param {import('react').ReactNode} [props.actions] botones a la derecha
- * @param {string} [props.documentTitle] título de la pestaña si difiere del visible
- */
-export default function DetailHeader(props: {
+declare const DetailHeader: (props: {
     title: string;
     eyebrow?: string;
     badges?: import('react').ReactNode;
     actions?: import('react').ReactNode;
     documentTitle?: string;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default DetailHeader;

package/dist/types/ui/layout/ErrorPage.d.ts

@@ -5,22 +5,7 @@ export declare const ERROR_PAGE_KIND: Readonly<{
     serverError: "serverError";
     newVersion: "newVersion";
 }>;
-/**
- * @param {object} props
- * @param {string} props.kind uno de ERROR_PAGE_KIND
- * @param {string} [props.title] ya traducido; por omisión el del paquete
- * @param {import('react').ReactNode} [props.text] ya traducido; por omisión el del paquete
- * @param {string} [props.homePath] a dónde lleva «Ir al inicio» (por omisión '/')
- * @param {() => void} [props.onRetry] con él sale «Intentar de nuevo»
- * @param {() => void} [props.onGoHome] al picar «Ir al inicio», antes de ir (para avisar o limpiar algo)
- * @param {import('react').ReactNode} [props.extraActions] botones suyos junto a los de la casa
- * @param {import('react').ReactNode} [props.actions] botones suyos EN LUGAR de los de la casa
- * @param {import('react').ReactNode} [props.icon] otro ícono; por omisión el de cada error
- * @param {import('react').ReactNode} [props.children] algo debajo del texto (el teléfono de soporte, un folio)
- * @param {object} [props.texts] los textos que cambian, con la forma de `errorPage` en los textos del paquete:
- *     {goHome: 'Volver al tablero', notFound: {title: '…'}}
- */
-export default function ErrorPage(props: {
+declare const ErrorPage: (props: {
     kind: string;
     title?: string;
     text?: import('react').ReactNode;
@@ -32,4 +17,8 @@ export default function ErrorPage(props: {
     icon?: import('react').ReactNode;
     children?: import('react').ReactNode;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default ErrorPage;

package/dist/types/ui/layout/FullPageLoader.d.ts

@@ -1,7 +1,7 @@
-/**
- * @param {object} [props]
- * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
- */
-export default function FullPageLoader({ texts, ...unknownProps }?: {
+declare const FullPageLoader: (props: {
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default FullPageLoader;

package/dist/types/ui/layout/GlassPanel.d.ts

@@ -1,11 +1,9 @@
-/**
- * @param {object} props
- * @param {import('react').ReactNode} props.children
- * @param {object|Function|Array} [props.sx] estilos propios: se suman y ganan
- * @param {import('react').ElementType} [props.component] por omisión 'div'
- */
-export default function GlassPanel(props: {
+declare const GlassPanel: (props: {
     children: import('react').ReactNode;
     sx?: object | Function | any[];
     component?: import('react').ElementType;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default GlassPanel;

package/dist/types/ui/layout/PageHeader.d.ts

@@ -1,15 +1,11 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {string} [props.eyebrow]
- * @param {import('react').ReactNode} [props.subtitle]
- * @param {import('react').ReactNode} [props.action] normalmente un <Button variant="contained" shape="pill">
- * @param {string} [props.documentTitle] título de la pestaña si difiere del visible
- */
-export default function PageHeader(props: {
+declare const PageHeader: (props: {
     title: string;
     eyebrow?: string;
     subtitle?: import('react').ReactNode;
     action?: import('react').ReactNode;
     documentTitle?: string;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default PageHeader;

package/dist/types/ui/layout/PageHeading.d.ts

@@ -1,13 +1,4 @@
-/**
- * @param {object} props
- * @param {string} props.title texto ya traducido
- * @param {import('react').ReactNode} [props.description]
- * @param {Array<{label: string, to?: string}>|false} [props.breadcrumbs] por omisión, las del menú
- * @param {import('react').ReactNode} [props.actions] botones a la derecha (en el teléfono, abajo y a lo ancho)
- * @param {string} [props.documentTitle] título de la pestaña si difiere del visible
- * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
- */
-export default function PageHeading(props: {
+declare const PageHeading: (props: {
     title: string;
     description?: import('react').ReactNode;
     breadcrumbs?: Array<{
@@ -17,4 +8,8 @@ export default function PageHeading(props: {
     actions?: import('react').ReactNode;
     documentTitle?: string;
     texts?: object;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default PageHeading;

package/dist/types/ui/layout/ProfileHeader.d.ts

@@ -1,17 +1,12 @@
-/**
- * @param {object} props
- * @param {string} props.name el nombre de la persona
- * @param {string} [props.email]
- * @param {string} [props.subtitle] el renglón de abajo (puesto · sucursal)
- * @param {string} [props.avatarUrl] su foto; sin ella, sus iniciales
- * @param {string[]} [props.chips] sus perfiles o etiquetas, ya traducidos
- * @param {import('react').ReactNode} [props.actions] los botones de la derecha
- */
-export default function ProfileHeader(props: {
+declare const ProfileHeader: (props: {
     name: string;
     email?: string;
     subtitle?: string;
     avatarUrl?: string;
     chips?: string[];
     actions?: import('react').ReactNode;
-}): import("react").JSX.Element;
+} & {
+    slots?: Record<string, import('react').ElementType>;
+    slotProps?: Record<string, object | ((partProps: object) => object)>;
+}) => import("react").JSX.Element;
+export default ProfileHeader;