@stackcraftmx/calcita 0.28.0 → 0.30.1

package/dist/types/DataTable/ServerTable.d.ts

@@ -77,7 +77,7 @@ export type RowSelection = import('./rowSelection.js').RowSelection;
  *     (src/locales/es.js), ya en el idioma de la pantalla: {selection: {clear: 'Deseleccionar'}, empty: {filtered: '…'}}.
  *     También les llegan a sus filtros de columna, sus chips y su barra de elegidos
  */
-export default function ServerTable({ fetchPage, queryKey, enabled, columns, filterKinds, filterDefaults, chipConfig, quickFilters, searchField, searchPlaceholder, searchInBar, collapseSearchInBar, emptyLabel, countLabel, pageSizeOptions, defaultPageSize, getRowId, prefix, refreshToken, footer, toolbarExtra, header, beforeQuickFilters, columnGroupingModel, getRowClassName, isRowVisible, hideFooterWhenAllRowsFit, showGoToPage, striped, getRowHeight, gridSx, maxGridHeight, ariaLabel, fixedColumn, selectionActions, isRowSelectable, allowSelectAllMatching, onSelectionChange, selectionPhoneLayout, onQueryChange, onLoaded, onLoadError, gridProps, texts, }: {
+export default function ServerTable(props: {
     fetchPage: (params: {
         filters: Record<string, any>;
         sortOrders: Array<{

package/dist/types/access/PermissionMatrix.d.ts

@@ -6,7 +6,7 @@
  * @param {boolean} [props.readOnly] un perfil que no se puede cambiar (el de administración)
  * @param {object} [props.texts] los textos que cambian, con la forma de `access` en los textos del paquete
  */
-export default function PermissionMatrix({ groups, value, onChange, readOnly, texts }: {
+export default function PermissionMatrix(props: {
     groups: Array<{
         key: string;
         label: string;

package/dist/types/account/AccountSecuritySection.d.ts

@@ -3,7 +3,7 @@
  * @param {boolean} [props.showPasswordChange] por omisión sí
  * @param {object} [props.texts] los textos que cambian, con la forma de `account` en los textos del paquete
  */
-export default function AccountSecuritySection({ showPasswordChange, texts }: {
+export default function AccountSecuritySection(props: {
     showPasswordChange?: boolean;
     texts?: object;
 }): import("react").JSX.Element;

package/dist/types/account/DemoTotpCodeButton.d.ts

@@ -1,6 +1,6 @@
 /**
  * @param {{loadCode: () => Promise<string|null>}} props
  */
-export default function DemoTotpCodeButton({ loadCode }: {
+export default function DemoTotpCodeButton(props: {
     loadCode: () => Promise<string | null>;
 }): import("react").JSX.Element;

package/dist/types/account/ProfileScreen.d.ts

@@ -21,7 +21,7 @@ export type AccountUser = import('./accountConnector.js').AccountUser;
  * @param {object} [props.texts] los textos que cambian, con la forma de `account` en los textos del paquete:
  *     {profile: {tabs: {data: 'Mis datos'}}}
  */
-export default function ProfileScreen({ showColorScheme, extraFields, extraTabs, hiddenTabs, onTabChange, onProfileSaved, texts, }: {
+export default function ProfileScreen(props: {
     showColorScheme?: boolean;
     extraFields?: {
         initialValues?: (user: AccountUser & Record<string, any>) => Record<string, any>;

package/dist/types/account/SignInScreen.d.ts

@@ -9,7 +9,7 @@
  * @param {boolean} [props.showColorSchemeToggle] por omisión sí
  * @param {object} [props.texts] los textos que cambian, con la forma de `auth` en los textos del paquete
  */
-export default function SignInScreen({ homePath, forgotPasswordPath, logo, brandName, footer, showLanguageToggle, showColorSchemeToggle, texts }: {
+export default function SignInScreen(props: {
     homePath?: string;
     forgotPasswordPath?: string;
     logo?: import('react').ReactNode;

package/dist/types/appShell/AccountMenu.d.ts

@@ -7,7 +7,7 @@
  * @param {boolean} [props.isSigningOut]
  * @param {import('react').ReactNode} [props.settings] los ajustes de la app, entre los datos de la persona y sus ligas
  */
-export default function AccountMenu({ user, profilePath, accountMenuItems, onSignOut, isSigningOut, settings }: {
+export default function AccountMenu(props: {
     user: {
         name: string;
         email?: string;

package/dist/types/appShell/AppLayout.d.ts

@@ -6,8 +6,9 @@ export declare const MENU_POSITION: Readonly<{
 /**
  * @param {object} props
  * @param {import('react').ReactNode} [props.logo] el logo chico (28 px), en la barra junto al nombre y en el cajón del teléfono
- * @param {import('react').ReactNode} [props.wordmark] el logo ancho, la marca con su nombre en una sola imagen (como el de muchas
- *     empresas): va en lugar del logo y el nombre en la barra y arriba del menú del teléfono, a 24 px de alto. Con el menú
+ * @param {import('react').ReactNode | {light?: import('react').ReactNode, dark?: import('react').ReactNode}} [props.wordmark] el logo
+ *     ancho, la marca con su nombre en una sola imagen (como el de muchas empresas), o uno para cada modo ({light, dark}: el de
+ *     color en claro y el blanco en oscuro): va en lugar del logo y el nombre en la barra y arriba del menú del teléfono, a 24 px de alto. Con el menú
  *     encogido se queda el logo chico (logo), si lo hay. brandName sigue siendo su nombre para el lector de pantalla
  * @param {string} [props.brandName] el nombre de la app; por omisión el appName de ToolkitProvider
  * @param {string} [props.brandCaption] el renglón chico debajo del nombre («Panel de administración»)
@@ -42,9 +43,12 @@ export declare const MENU_POSITION: Readonly<{
  * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete (para todo el marco)
  * @param {import('react').ReactNode} props.children el contenido
  */
-export declare const AppLayout: ({ logo, wordmark, brandName, brandCaption, homePath, menuItems, menuPosition, user, profilePath, accountMenuItems, onSignOut, isSigningOut, headerActions, accountSettings, menuBadges, sidebarFooter, showFontSizeToggle, showLanguageToggle, showColorSchemeToggle, ribbons, isNavigating, defaultCollapsed, minimizeTabBarOnScroll, contentMaxWidth, onMenuCollapse, onMobileMenuChange, onMobileTabsChange, texts, children, }: {
+export declare const AppLayout: (props: {
     logo?: import('react').ReactNode;
-    wordmark?: import('react').ReactNode;
+    wordmark?: import('react').ReactNode | {
+        light?: import('react').ReactNode;
+        dark?: import('react').ReactNode;
+    };
     brandName?: string;
     brandCaption?: string;
     homePath?: string;

package/dist/types/appShell/AppearanceSettings.d.ts

@@ -31,7 +31,7 @@ export declare function SettingSection({ label, value, options, onChange }: {
  * @param {(mode: 'light'|'dark'|'system') => void} [props.onColorSchemeChange] la persona eligió otro modo
  * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
  */
-export default function AppearanceSettings({ showFontSize, showLanguage, showColorScheme, onFontSizeChange, onColorSchemeChange, texts, }: {
+export default function AppearanceSettings(props: {
     showFontSize?: boolean;
     showLanguage?: boolean;
     showColorScheme?: boolean;

package/dist/types/appShell/AuthLayout.d.ts

@@ -9,7 +9,7 @@
  * @param {boolean} [props.showLanguageToggle] por omisión sí
  * @param {boolean} [props.showColorSchemeToggle] por omisión sí
  */
-export declare const AuthLayout: ({ logo, brandName, title, description, children, footer, showLanguageToggle, showColorSchemeToggle }: {
+export declare const AuthLayout: (props: {
     logo?: import('react').ReactNode;
     brandName?: string;
     title: string;

package/dist/types/appShell/BarActions.d.ts

@@ -11,7 +11,7 @@
  *     exclusivos): los otros se esconden, como el modo de edición del iPhone deja solo lo de lo elegido. Lo usa SelectionActions
  * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
  */
-export default function BarActions({ children, label, order, sx, inlineSx, bare, exclusive, texts }: {
+export default function BarActions(props: {
     children: import('react').ReactNode;
     label?: string;
     order?: number;

package/dist/types/appShell/BarCapsule.d.ts

@@ -14,7 +14,7 @@ export declare function monochromeButtonsSxOf(color: string): object;
  * @param {Omit<import('react').HTMLAttributes<HTMLDivElement>, 'children'> & {children: import('react').ReactNode, sx?: object|Function|Array<any>}} props
  *     children: los botones del grupo; sx: estilos propios, encima de los de la cápsula
  */
-export default function BarCapsule({ children, sx, role, ...rest }: Omit<import('react').HTMLAttributes<HTMLDivElement>, 'children'> & {
+export default function BarCapsule(props: Omit<import('react').HTMLAttributes<HTMLDivElement>, 'children'> & {
     children: import('react').ReactNode;
     sx?: object | Function | Array<any>;
 }): import("react").JSX.Element;

package/dist/types/appShell/BarSearch.d.ts

@@ -11,7 +11,7 @@
  * @param {() => void} [props.onBlur]
  * @param {import('react').Ref<HTMLInputElement>} [props.inputRef] la caja, para enfocarla desde afuera (un atajo «/»)
  */
-export default function BarSearch({ value, onChange, placeholder, inBar, collapsible, order, onFocus, onBlur, inputRef }: {
+export default function BarSearch(props: {
     value: string;
     onChange: (value: string) => void;
     placeholder: string;

package/dist/types/appShell/HeaderTools.d.ts

@@ -12,7 +12,7 @@
  * @param {() => void} [props.onSignOut]
  * @param {boolean} [props.isSigningOut]
  */
-export default function HeaderTools({ headerActions, showFontSizeToggle, showLanguageToggle, showColorSchemeToggle, user, profilePath, accountMenuItems, onSignOut, isSigningOut, accountSettings, vertical, }: {
+export default function HeaderTools(props: {
     headerActions?: import('react').ReactNode;
     showFontSizeToggle: boolean;
     showLanguageToggle: boolean;

package/dist/types/appShell/MobileTabBar.d.ts

@@ -9,7 +9,7 @@
  * @param {(keys: string[]|null) => void} [props.onPinnedTabsChange] la persona eligió sus pestañas (null: regresó a las de
  *     omisión)
  */
-export default function MobileTabBar({ menuItems, activeItem, menuBadges, account, moreFooter, minimizeOnScroll, onPinnedTabsChange }: {
+export default function MobileTabBar(props: {
     menuItems: object[];
     activeItem: object | null;
     menuBadges?: Record<string, number>;

package/dist/types/appShell/SettingsMenu.d.ts

@@ -6,7 +6,7 @@
  * @param {import('react').ReactNode} [props.extraSettings] los ajustes del proyecto, debajo de los del paquete
  * @param {object[]} [props.menuLinks] las ligas propias (accountMenuItems), al final
  */
-export default function SettingsMenu({ showFontSize, showLanguage, showColorScheme, extraSettings, menuLinks }: {
+export default function SettingsMenu(props: {
     showFontSize?: boolean;
     showLanguage?: boolean;
     showColorScheme?: boolean;

package/dist/types/appShell/SideMenu.d.ts

@@ -1,7 +1,8 @@
 /**
  * @param {object} props
  * @param {import('react').ReactNode} [props.logo] el logo chico (28 px), el que se queda con el menú encogido
- * @param {import('react').ReactNode} [props.wordmark] el logo ancho (en lugar del logo y el nombre arriba)
+ * @param {import('react').ReactNode | {light?: import('react').ReactNode, dark?: import('react').ReactNode}} [props.wordmark] el logo
+ *     ancho (en lugar del logo y el nombre arriba), o uno para cada modo ({light, dark})
  * @param {string} props.brandName el nombre de la app
  * @param {string} [props.brandCaption] el renglón chico debajo del nombre («Panel de administración»)
  * @param {string} props.homePath
@@ -15,9 +16,12 @@
  * @param {import('react').ReactNode} [props.railTop] arriba del menú encogido que hace de barra: la ☰ y el logo
  * @param {import('react').ReactNode} [props.railBottom] abajo de ese menú: los ajustes y la cuenta
  */
-export default function SideMenu({ logo, wordmark, brandName, brandCaption, homePath, menuItems, activeItem, collapsed, footer, showBrand, onNavigate, railTop, railBottom, menuBadges, }: {
+export default function SideMenu(props: {
     logo?: import('react').ReactNode;
-    wordmark?: import('react').ReactNode;
+    wordmark?: import('react').ReactNode | {
+        light?: import('react').ReactNode;
+        dark?: import('react').ReactNode;
+    };
     brandName: string;
     brandCaption?: string;
     homePath: string;

package/dist/types/appShell/SideMenuEntry.d.ts

@@ -7,7 +7,7 @@
  * @param {Record<string, number>} [props.menuBadges] los conteos del servidor por badgeKey (menuBadgeOf)
  * @param {number} [props.depth]
  */
-export default function SideMenuEntry({ menuItem, activeItem, collapsed, onNavigate, menuBadges, depth }: {
+export default function SideMenuEntry(props: {
     menuItem: object;
     activeItem: object | null;
     collapsed: boolean;

package/dist/types/appShell/SubmenuActionsMenu.d.ts

@@ -13,7 +13,7 @@ export declare const SUBMENU_PLACEMENT: Readonly<{
  * @param {() => void} [props.onNavigate] al elegir una hija
  * @param {'side'|'above'} [props.placement] SUBMENU_PLACEMENT; por omisión a la derecha
  */
-export default function SubmenuActionsMenu({ anchorElement, onClose, menuItem, activeItem, menuBadges, onNavigate, placement }: {
+export default function SubmenuActionsMenu(props: {
     anchorElement: Element | null;
     onClose: () => void;
     menuItem: object;

package/dist/types/appShell/TabBarEditor.d.ts

@@ -5,7 +5,7 @@
  * @param {(keys: string[]) => void} props.onDone con las elegidas, en el orden del menú
  * @param {() => void} props.onReset regresar a las del proyecto
  */
-export default function TabBarEditor({ menuItems, pinnedKeys, onDone, onReset }: {
+export default function TabBarEditor(props: {
     menuItems: object[];
     pinnedKeys: string[];
     onDone: (keys: string[]) => void;

package/dist/types/appShell/TopMenu.d.ts

@@ -1,7 +1,7 @@
 /**
  * @param {{menuItems: object[], activeItem: object|null}} props
  */
-export default function TopMenu({ menuItems, activeItem }: {
+export default function TopMenu(props: {
     menuItems: object[];
     activeItem: object | null;
 }): import("react").JSX.Element;

package/dist/types/appShell/Wordmark.d.ts

@@ -1,6 +1,18 @@
 /**
- * @param {{children: import('react').ReactNode}} props el logo (una <img>, un <svg> o lo que pinte el proyecto)
+ * ¿Llegó una imagen para cada modo ({light, dark}) y no un logo solo?
+ *
+ * @param {unknown} wordmark
+ * @returns {boolean}
  */
-export default function Wordmark({ children }: {
-    children: import('react').ReactNode;
+export declare function isWordmarkPair(wordmark: unknown): boolean;
+/**
+ * @param {object} props
+ * @param {import('react').ReactNode | {light?: import('react').ReactNode, dark?: import('react').ReactNode}} props.children el
+ *     logo (una <img>, un <svg> o lo que pinte el proyecto) o uno para cada modo: {light, dark}
+ */
+export default function Wordmark(props: {
+    children: import('react').ReactNode | {
+        light?: import('react').ReactNode;
+        dark?: import('react').ReactNode;
+    };
 }): import("react").JSX.Element;

package/dist/types/auth/PasswordChecklist.d.ts

@@ -5,7 +5,7 @@
  * @param {string} [props.id]
  * @param {object} [props.texts] los textos que cambian, con la forma de `auth` en los textos del paquete
  */
-export default function PasswordChecklist({ password, policy, id, texts }: {
+export default function PasswordChecklist(props: {
     password: string;
     policy?: object;
     id?: string;

package/dist/types/calendar/EventCalendar.d.ts

@@ -26,7 +26,7 @@ export declare const CALENDAR_VIEW: Readonly<{
  *     que el calendario controla (las citas, la barra, los eventos de arriba) no se reemplaza desde aquí
  * @param {object} [props.texts] los textos que cambian, con la forma de `calendar` en los textos del paquete
  */
-export default function EventCalendar({ events, initialView, views, onEventClick, onDateSelect, onEventChange, height, ariaLabel, onDatesChange, onViewChange, renderEvent, fullCalendarProps, texts, }: {
+export default function EventCalendar(props: {
     events: Array<{
         id: string;
         title: string;

package/dist/types/calendar/EventDetails.d.ts

@@ -12,7 +12,7 @@ export declare const ATTENDEE_RESPONSE: Readonly<{
  * @param {string} [props.titleId] el id del título: la ventana que lo contiene se nombra con él (aria-labelledby)
  * @param {object} [props.texts] los textos que cambian, con la forma de `calendar` en los textos del paquete
  */
-export default function EventDetails({ event, actions, titleId, texts }: {
+export default function EventDetails(props: {
     event: {
         title: string;
         start: string;

package/dist/types/feedback/ConfirmDialog.d.ts

@@ -14,7 +14,7 @@
  * @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 ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, tone, isPending, isConfirmDisabled, errorMessage, onConfirm, onClose, children, texts, }: {
+export default function ConfirmDialog(props: {
     open: boolean;
     title: string;
     description?: import('react').ReactNode;

package/dist/types/feedback/ModalWaiting.d.ts

@@ -5,7 +5,7 @@
  * @param {string} [props.text] ya traducido; por omisión common:waiting.text
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function ModalWaiting({ open, title, text, texts }: {
+export default function ModalWaiting(props: {
     open: boolean;
     title?: string;
     text?: string;

package/dist/types/feedback/NewBuildNotice.d.ts

@@ -11,7 +11,7 @@ export declare const NEW_BUILD_NOTICE_VARIANT: Readonly<{
  * @param {'ribbon'|'floating'} [props.variant] franja o cápsula flotante (NEW_BUILD_NOTICE_VARIANT); por omisión franja
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function NewBuildNotice({ message, reloadLabel, onReload, variant, texts }?: {
+export default function NewBuildNotice(props?: {
     message?: string;
     reloadLabel?: string;
     onReload?: () => void;

package/dist/types/filepond/FileDropzone.d.ts

@@ -25,7 +25,7 @@
  * @param {object} [props.sx]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function FileDropzone({ value, onChange, accept, maxSize, multiple, maxFiles, maxTotalSize, name, hint, buttonLabel, disabled, busy, busyModal, autoReject, validate, server, instantUpload, apiRef, onProcessProgress, onReject, actions, children, sx, texts, }: {
+export default function FileDropzone(props: {
     value?: File | File[] | null;
     onChange: (value: File | File[] | null) => void;
     accept?: string | string[];

package/dist/types/forms/auth/SignInForm.d.ts

@@ -7,7 +7,7 @@
  * @param {string} [props.initialEmail]
  * @param {object} [props.texts] los textos que cambian, con la forma de `auth` en los textos del paquete
  */
-export default function SignInForm({ onSubmit, forgotPasswordPath, showRememberMe, initialEmail, texts }: {
+export default function SignInForm(props: {
     onSubmit: (values: {
         email: string;
         password: string;

package/dist/types/forms/security/SecondStepForm.d.ts

@@ -16,7 +16,7 @@ export declare const SECOND_STEP_METHOD: Readonly<{
  *     useFormikContext (p. ej. el atajo de los ejemplos)
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function SecondStepForm({ methods, canUsePasskeys, onUsePasskey, onSubmitCode, onCancel, footer, texts }: {
+export default function SecondStepForm(props: {
     methods: string[];
     canUsePasskeys?: boolean;
     onUsePasskey?: () => Promise<unknown>;

package/dist/types/forms/security/TwoStepVerificationCard.d.ts

@@ -17,7 +17,7 @@
  *     navegador la guarde (p. ej. el de la demostración: la llave queda de verdad en el llavero de la persona)
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function TwoStepVerificationCard({ security, onSecurityChange, actions, canUsePasskeys, account, passkeyNotice, texts }: {
+export default function TwoStepVerificationCard(props: {
     security: {
         isEnabled: boolean;
         enabledAt?: string | null;

package/dist/types/inbox/InboxLayout.d.ts

@@ -13,7 +13,7 @@
  * @param {import('react').ReactNode} [props.foldersHeader] arriba de las carpetas en escritorio (un botón «Redactar»)
  * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
  */
-export default function InboxLayout({ folders, labels, selectedFolderId, onSelectFolder, toolbar, list, detail, isDetailOpen, onCloseDetail, foldersHeader, texts, }: {
+export default function InboxLayout(props: {
     folders: Array<{
         id: string;
         label: string;

package/dist/types/inbox/MessageList.d.ts

@@ -14,7 +14,7 @@
  * @param {string} [props.emptyText] ya traducido; por omisión el del paquete
  * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
  */
-export default function MessageList({ messages, selectedId, onSelect, onToggleStar, selectedIds, onSelectionChange, messageActions, renderMessage, emptyText, texts, }: {
+export default function MessageList(props: {
     messages: Array<{
         id: string;
         from: {

package/dist/types/inbox/MessageView.d.ts

@@ -10,7 +10,7 @@
  * @param {(message: any) => import('react').ReactNode} [props.renderBody] el texto a su manera (HTML ya limpio por el proyecto)
  * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
  */
-export default function MessageView({ message, actions, footer, onAttachmentClick, onExpand, renderBody, texts }: {
+export default function MessageView(props: {
     message: {
         id?: string;
         subject: string;

package/dist/types/index.d.ts

@@ -15,6 +15,7 @@ export { MINIMAL_BACKGROUND, MINIMAL_TONES } from './theme/components/minimalCom
 export { STACKCRAFT, stackcraftDarkPalette, stackcraftLightPalette } from './theme/stackcraftPalette.js';
 export { toolkitComponents } from './theme/toolkitComponents.js';
 export { mergeComponents } from './theme/mergeComponents.js';
+export { CSS_TOKENS, cssTokenDeclarationsOf, cssTokenOf } from './theme/cssTokens.js';
 export { GLASS_INSET_PIXELS, GLASS_MENU_RADIUS_PIXELS, GLASS_OPACITY, GLASS_PANEL_RADIUS_PIXELS, ambientBackgroundOf, glassDropOf, glassStylesOf, glassSurfaceOf, FIELD_TONES, accentTextStylesOf, canvasFieldStylesOf, fieldPaletteOf, fieldWellStylesOf, fixedBackgroundLayerOf, isGlassTheme, materialBackgroundOf, materialStylesOf, materialSurfaceOf, scrollEdgeStylesOf, } from './theme/glassSurface.js';
 export { AppLayout, MENU_POSITION } from './appShell/AppLayout.js';
 export { AuthLayout } from './appShell/AuthLayout.js';

package/dist/types/inputs/ColorInput.d.ts

@@ -12,7 +12,7 @@
  * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function ColorInput({ name, label, value, onChange, onBlur, error, helperText, checkContrast, disabled, inputRef, texts, }: {
+export default function ColorInput(props: {
     name?: string;
     label: string;
     value: string | null | undefined;

package/dist/types/inputs/FormSection.d.ts

@@ -10,7 +10,7 @@ export declare const FORM_ROW_CLASS = "calcita-form-row";
  * @param {string} [props.labelId] el id de la etiqueta (para un campo que la nombra con aria-labelledby)
  * @param {import('react').ReactNode} props.children
  */
-export declare function FormRow({ label, htmlFor, labelId, children }: {
+export declare function FormRow(props: {
     label: import('react').ReactNode;
     htmlFor?: string;
     labelId?: string;
@@ -22,7 +22,7 @@ export declare function FormRow({ label, htmlFor, labelId, children }: {
  * @param {import('react').ReactNode} [props.footer] la explicación, abajo de la tarjeta
  * @param {import('react').ReactNode} props.children los campos, directo o dentro de un Grid, un Stack o un componente propio
  */
-export default function FormSection({ title, footer, children }: {
+export default function FormSection(props: {
     title?: string;
     footer?: import('react').ReactNode;
     children: import('react').ReactNode;

package/dist/types/inputs/SelectInput.d.ts

@@ -14,7 +14,7 @@
  * @param {boolean} [props.multiple] elegir varias opciones
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function SelectInput({ name, label, value, onChange, onBlur, options, error, helperText, placeholder, disabled, inputRef, multiple, texts, }: {
+export default function SelectInput(props: {
     name?: string;
     label: string;
     value: string | number | Array<string | number> | null | undefined;

package/dist/types/inputs/TextInput.d.ts

@@ -28,7 +28,7 @@
  * @param {object} [props.sx]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function TextInput({ name, label, value, onChange, onBlur, error, type, helperText, startAdornment, endAdornment: customEndAdornment, uppercase, normalizeOnBlur, inputRef, clearable, texts, ...textFieldProps }: {
+export default function TextInput(props: {
     name?: string;
     label: string;
     value: string | null | undefined;

package/dist/types/inputs/WizardLayout.d.ts

@@ -15,7 +15,7 @@
  * @param {import('react').ReactNode} [props.problemAlert] el aviso de errores del servidor, arriba de los botones del último paso
  * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {wizard: {next, back, skip, optional, skipped, stepOf}}
  */
-export default function WizardLayout({ steps, activeIndex, skippedKeys, isSubmitting, onBack, onNext, onSkip, submitButton, problemAlert, texts, }: {
+export default function WizardLayout(props: {
     steps: {
         key: string;
         label: string;

package/dist/types/kanban/KanbanBoard.d.ts

@@ -21,7 +21,7 @@
  * @param {string} props.ariaLabel ya traducido
  * @param {object} [props.texts] los textos que cambian, con la forma de `kanban` en los textos del paquete
  */
-export default function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, onAddCard, cardActions, columnActions, onCardComplete, onColumnCollapse, ariaLabel, texts, }: {
+export default function KanbanBoard(props: {
     columns: Array<{
         id: string;
         title: string;

package/dist/types/maps/MapView.d.ts

@@ -18,7 +18,7 @@ export declare const OPEN_STREET_MAP_TILES: Readonly<{
  * @param {import('react').ReactNode} [props.children] capas propias de react-leaflet (Circle, Polygon, GeoJSON…)
  * @param {object} [props.mapProps] lo demás de MapContainer de react-leaflet (scrollWheelZoom, minZoom…)
  */
-export default function MapView({ markers, selectedId, onSelect, ariaLabel, height, tileLayer, renderPopup, onMapClick, children, mapProps, }: {
+export default function MapView(props: {
     markers: Array<{
         id: string;
         position: [number, number];

package/dist/types/pwa/InstallInstructionsDialog.d.ts

@@ -12,7 +12,7 @@ export declare function variantHasInstructions(variant: string | null): boolean;
  * @param {() => void} props.onClose
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function InstallInstructionsDialog({ variant, open, onClose, texts }: {
+export default function InstallInstructionsDialog(props: {
     variant: string | null;
     open: boolean;
     onClose: () => void;

package/dist/types/pwa/InstallPromptBanner.d.ts

@@ -7,7 +7,7 @@
  * @param {() => void} [props.onDismiss] dijo «Ahora no» (o cerró los pasos): no se le vuelve a ofrecer en este navegador
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function InstallPromptBanner({ message, onInstallChoice, onShowSteps, onDismiss, texts }?: {
+export default function InstallPromptBanner(props?: {
     message?: string;
     onInstallChoice?: (outcome: 'accepted' | 'dismissed' | null) => void;
     onShowSteps?: () => void;

package/dist/types/security/ActivityLog.d.ts

@@ -19,7 +19,7 @@ export declare const ACCOUNT_EVENT_KIND: Readonly<{
  * @param {string|null} [props.error] ya traducido si no se pudieron traer
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function ActivityLog({ events, error, texts }: {
+export default function ActivityLog(props: {
     events: Array<{
         id: string;
         kind: string;

package/dist/types/security/RecoveryCodesDialog.d.ts

@@ -7,7 +7,7 @@
  *     seguridad)
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function RecoveryCodesDialog({ codes, account, onClose, onCodesSaved, texts }: {
+export default function RecoveryCodesDialog(props: {
     codes: string[] | null;
     account?: string;
     onClose: () => void;

package/dist/types/security/SessionsCard.d.ts

@@ -7,7 +7,7 @@
  * @param {() => void} [props.onClosed] p. ej. volver a pedir la lista
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function SessionsCard({ sessions, error, onCloseOthers, onClosed, texts }: {
+export default function SessionsCard(props: {
     sessions: Array<{
         id: string;
         browser?: string | null;

package/dist/types/theme/createToolkitTheme.d.ts

@@ -38,11 +38,15 @@ export declare const TOP_BAR: Readonly<{
  *     se pase se queda como el estilo lo trae (FIELD_TONES: el gris de Apple; con el minimalista, su relleno). Van en la
  *     paleta de cada modo (palette.field), así que también se pueden escribir en colorSchemes y cambian solos con el modo.
  *     Ejemplo, campos blancos con borde en claro: {light: {fill: '#FFFFFF', hoverFill: '#FFFFFF', border: '#C4CDD5'}}
+ * @param {{panelRadius?: number|string, menuRadius?: number|string, fieldRadius?: number|string, glassBlur?: number|string, glassSaturate?: number|string}} [options.cssTokens]
+ *     los valores globales de Calcita como variables CSS (--calcita-panel-radius…, ver cssTokens.js): las esquinas de los
+ *     paneles, los menús y los campos, y el desenfoque del vidrio. Se declaran en :root con el CssBaseline; un número va en
+ *     px (glassSaturate en %). Sin la opción, cada estilo usa los suyos. También se pueden poner en CSS suelto
  * @param {object} [options.components] ajustes propios de componentes (se suman; en el mismo estilo ganan los del proyecto)
  * @param {object} [options.overrides] cualquier otra cosa de createTheme (breakpoints, spacing…)
  * @returns {object} el tema de MUI
  */
-export declare function createToolkitTheme({ colorSchemes, colorSchemeSelector, fontFamily, glass, look, bar, minimalTones, fields, components, overrides, }?: {
+export declare function createToolkitTheme({ colorSchemes, colorSchemeSelector, fontFamily, glass, look, bar, minimalTones, fields, cssTokens, components, overrides, }?: {
     colorSchemes?: {
         light?: object | boolean;
         dark?: object | boolean;
@@ -84,6 +88,13 @@ export declare function createToolkitTheme({ colorSchemes, colorSchemeSelector,
             hoverBorder?: string;
         };
     };
+    cssTokens?: {
+        panelRadius?: number | string;
+        menuRadius?: number | string;
+        fieldRadius?: number | string;
+        glassBlur?: number | string;
+        glassSaturate?: number | string;
+    };
     components?: object;
     overrides?: object;
 }): object;