@stackcraftmx/calcita 0.28.0 → 0.30.0

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

@@ -42,7 +42,7 @@ 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;
     brandName?: 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

@@ -15,7 +15,7 @@
  * @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;
     brandName: 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,6 @@
 /**
  * @param {{children: import('react').ReactNode}} props el logo (una <img>, un <svg> o lo que pinte el proyecto)
  */
-export default function Wordmark({ children }: {
+export default function Wordmark(props: {
     children: 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;

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

@@ -0,0 +1,46 @@
+/** Cada valor: su variable, el de siempre (respaldo) y la unidad para cuando el proyecto lo da en número. */
+export declare const CSS_TOKENS: Readonly<{
+    panelRadius: Readonly<{
+        variable: "--calcita-panel-radius";
+        fallback: "20px";
+        unit: "px";
+    }>;
+    menuRadius: Readonly<{
+        variable: "--calcita-menu-radius";
+        fallback: "12px";
+        unit: "px";
+    }>;
+    fieldRadius: Readonly<{
+        variable: "--calcita-field-radius";
+        fallback: "12px";
+        unit: "px";
+    }>;
+    glassBlur: Readonly<{
+        variable: "--calcita-glass-blur";
+        fallback: "20px";
+        unit: "px";
+    }>;
+    glassSaturate: Readonly<{
+        variable: "--calcita-glass-saturate";
+        fallback: "180%";
+        unit: "%";
+    }>;
+}>;
+/**
+ * El valor para un estilo: la variable con su respaldo. Un estilo con su propio valor de siempre lo pasa (el minimalista
+ * tiene las tarjetas de 16 px).
+ *
+ * @param {keyof typeof CSS_TOKENS} key
+ * @param {string} [fallback] por omisión el de CSS_TOKENS
+ * @returns {string} p. ej. 'var(--calcita-panel-radius, 20px)'
+ */
+export declare function cssTokenOf(key: keyof typeof CSS_TOKENS, fallback?: string): string;
+/**
+ * Las declaraciones para :root (o para un contenedor) con los valores del proyecto: {panelRadius: 6} →
+ * {'--calcita-panel-radius': '6px'}. Un número lleva la unidad del valor (px o %); un texto va tal cual ('0.5rem').
+ * Lo que no es un valor conocido se ignora.
+ *
+ * @param {Partial<Record<keyof typeof CSS_TOKENS, number|string>>} [values]
+ * @returns {Record<string, string>}
+ */
+export declare function cssTokenDeclarationsOf(values?: Partial<Record<keyof typeof CSS_TOKENS, number | string>>): Record<string, string>;

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

@@ -4,12 +4,15 @@ export declare const GLASS_OPACITY = 0.6;
 export declare const GLASS_PANEL_RADIUS_PIXELS = 20;
 /** Las esquinas de los menús y ventanitas: renglones de 8 px a 4 px del borde. */
 export declare const GLASS_MENU_RADIUS_PIXELS = 12;
+export declare const PANEL_RADIUS: string;
+export declare const MENU_RADIUS: string;
 /**
  * Lo que se separa de la orilla de la ventana lo que flota (la barra, el menú lateral, los cajones y la hoja de abajo):
  * Apple lo pide para que el contenido se asome por detrás («half sheets are inset from the edge of the display to allow
  * content to peek through from beneath them», Adopting Liquid Glass).
  */
 export declare const GLASS_INSET_PIXELS = 8;
+export declare const GLASS_BLUR: string;
 /**
  * El lente de cada tamaño (ver lensRulesOf), medido en capturas de Chrome: el control chico (botón, chip) más claro y con
  * la orilla más marcada; el panel (barra, menú, diálogo) más grueso, porque lleva texto («Liquid Glass appears more opaque

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

@@ -0,0 +1,20 @@
+/**
+ * Un componente con su lugar en el tema: theme.components[name].styleOverrides[parte con minúscula] se aplica después
+ * del estilo de Calcita (ownSx) y gana.
+ *
+ * @template {import('react').ElementType} C
+ * @param {string} name el nombre de la pieza en el tema (CalcitaMetricCard)
+ * @param {string} slot la parte, con mayúscula: Root, Title, Card…
+ * @param {C} [component] lo que se pinta (por omisión un div)
+ * @returns {import('react').ComponentType<any>}
+ */
+export declare function piecePart<C extends import('react').ElementType>(name: string, slot: string, component?: C): import('react').ComponentType<any>;
+/**
+ * Los props de la pieza con los defaultProps del tema del proyecto debajo: lo que llega en la pantalla gana.
+ *
+ * @template {object} P
+ * @param {P} props
+ * @param {string} name el nombre de la pieza en el tema
+ * @returns {P}
+ */
+export declare function usePieceProps<P extends object>(props: P, name: string): P;

package/dist/types/ui/actions/ActionsMenu.d.ts

@@ -5,7 +5,7 @@
  * @param {import('react').ReactNode} [props.icon] otro ícono para el botón (por omisión «⋯»)
  * @param {'small'|'medium'} [props.size]
  */
-export default function ActionsMenu({ label, actions, icon, size }: {
+export default function ActionsMenu(props: {
     label: string;
     actions?: Array<{
         key: string;

package/dist/types/ui/actions/DownloadMenu.d.ts

@@ -25,7 +25,7 @@
  * virtualiza y vuelve a pintar sus celdas; el diálogo se perdía al elegir el formato). Ahí el menú solo avisa qué formato
  * se eligió y la pantalla abre SU confirmación (useConfirmAction) fuera de la tabla.
  */
-export default function DownloadMenu({ formats, download, label, downloadLabel, disabled, confirmation, onDownloaded, onFailed, onCanceled, variant, ariaLabel, onChooseFormat, icon: ButtonIcon, }: {
+export default function DownloadMenu(props: {
     formats: string[];
     download: (format: string, transferOptions: {
         signal: AbortSignal;