@khipu/design-system 0.2.0-alpha.137 → 0.2.0-alpha.138

package/dist/beercss/khipu-beercss.css

@@ -13,7 +13,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-07-23T18:28:08.951Z
+ * Generated: 2026-07-27T20:34:20.864Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate

package/dist/beercss/khipu-beercss.scoped.css

@@ -15,7 +15,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-07-23T18:28:08.951Z
+ * Generated: 2026-07-27T20:34:20.864Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate

package/dist/beercss/metadata.json

@@ -1,8 +1,8 @@
 {
   "name": "@khipu/design-system/beercss",
-  "version": "0.2.0-alpha.137",
+  "version": "0.2.0-alpha.138",
   "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
-  "buildDate": "2026-07-23T18:28:11.447Z",
+  "buildDate": "2026-07-27T20:34:23.707Z",
   "includes": {
     "beercss": "4.0.1",
     "khipu-tokens": "latest",
@@ -19,8 +19,8 @@
   },
   "scopeClass": ".kds-theme-root",
   "cdn": {
-    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.137/dist/beercss/khipu-beercss.min.css",
-    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.137/dist/beercss/khipu-beercss.scoped.min.css",
-    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.137/dist/beercss/khipu-beercss.min.js"
+    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.138/dist/beercss/khipu-beercss.min.css",
+    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.138/dist/beercss/khipu-beercss.scoped.min.css",
+    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.138/dist/beercss/khipu-beercss.min.js"
   }
 }

package/dist/index.d.mts

@@ -3794,16 +3794,23 @@ declare const KdsBillAttachments: React__default.ForwardRefExoticComponent<KdsBi
 declare const runAfterPointerGesture: (callback: () => void) => void;
 
 /**
- * Scroll + focus al primer campo inválido de un formulario.
+ * Scroll al primer campo inválido de un formulario. NUNCA toma el foco.
+ *
+ * El foco se quitó a propósito: la guía corre en cada blur del formulario, así que
+ * tomarlo devolvía al usuario al campo con error cada vez que salía de un campo y
+ * dejaba inutilizables los demás controles (select, checkbox, campos ya válidos).
+ * El scroll solo, sin robar el foco, mantiene el formulario fluido.
  *
  * El scroll se aplica sobre el ancestro scrolleable real del campo (en la app el
  * scroller es el body con height:100vh, no el window). El centrado usa la porción
  * visible: con el teclado virtual abierto visualViewport se achica (el layout
  * viewport no), así que centrar contra él deja el campo visible sobre el teclado.
- * Además se re-centra una vez cuando el viewport cambia (apertura del teclado
- * gatillada por el propio focus).
+ * Además se re-centra una vez si el viewport cambia justo después (el teclado
+ * cerrándose al salir del campo anterior desplaza el centro recién calculado).
  */
 declare const centerFieldInViewport: (field: HTMLElement) => void;
+declare const scrollToFirstInvalidField: (form: HTMLFormElement) => void;
+/** @deprecated Ya no toma el foco: usa scrollToFirstInvalidField. */
 declare const focusFirstInvalidField: (form: HTMLFormElement) => void;
 /**
  * Trigger en el blur de los campos: el submit vive deshabilitado hasta que el form
@@ -3811,13 +3818,14 @@ declare const focusFirstInvalidField: (form: HTMLFormElement) => void;
  * (p.ej. al marcar el checkbox de términos con un campo vacío).
  *
  * La guía NO puede correr con un timer fijo: el blur llega en el mousedown y el
- * toggle del checkbox recién en el click (mouseup) — si el gesto dura más que el
- * timer, robar el foco a mitad de gesto deja el checkbox sin marcar. Por eso se
- * ancla al fin del click que causó el blur (más un tick para que corran onChange
- * y el re-render), con fallback por timer para blur de teclado (Tab).
+ * toggle del checkbox recién en el click (mouseup) EN LAS MISMAS COORDENADAS — si
+ * el gesto dura más que el timer, scrollear a mitad de gesto mueve el destino y el
+ * checkbox queda sin marcar. Por eso se ancla al fin del click que causó el blur
+ * (más un tick para que corran onChange y el re-render), con fallback por timer
+ * para blur de teclado (Tab).
  *
- * Guard anti-trampa: si el foco pasó a OTRO campo de texto del form (el usuario va
- * a escribir ahí), no se le roba el foco.
+ * Guard: si el foco pasó a OTRO campo de texto del form (el usuario va a escribir
+ * ahí), no se scrollea — mover el viewport lejos del caret es igual de molesto.
  */
 declare const guideToFirstInvalidFieldOnBlur: (form: HTMLFormElement) => void;
 
@@ -4040,4 +4048,4 @@ declare function formatDate(iso?: string): string;
  */
 declare function formatTime(iso?: string): string;
 
-export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsEmptyState, type KdsEmptyStateProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, LIGHT_LOGO_LUMINANCE_THRESHOLD, type LogoBackdrop, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, centerFieldInViewport, colors, colorsByMode, focusFirstInvalidField, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, guideToFirstInvalidFieldOnBlur, letterSpacings, lighten, lineHeights, measureLogoLuminance, pickLogoBackdrop, runAfterPointerGesture, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useLogoBackdrop, useMediaQuery, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };
+export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsEmptyState, type KdsEmptyStateProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, LIGHT_LOGO_LUMINANCE_THRESHOLD, type LogoBackdrop, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, centerFieldInViewport, colors, colorsByMode, focusFirstInvalidField, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, guideToFirstInvalidFieldOnBlur, letterSpacings, lighten, lineHeights, measureLogoLuminance, pickLogoBackdrop, runAfterPointerGesture, scrollToFirstInvalidField, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useLogoBackdrop, useMediaQuery, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };

package/dist/index.d.ts

@@ -3794,16 +3794,23 @@ declare const KdsBillAttachments: React__default.ForwardRefExoticComponent<KdsBi
 declare const runAfterPointerGesture: (callback: () => void) => void;
 
 /**
- * Scroll + focus al primer campo inválido de un formulario.
+ * Scroll al primer campo inválido de un formulario. NUNCA toma el foco.
+ *
+ * El foco se quitó a propósito: la guía corre en cada blur del formulario, así que
+ * tomarlo devolvía al usuario al campo con error cada vez que salía de un campo y
+ * dejaba inutilizables los demás controles (select, checkbox, campos ya válidos).
+ * El scroll solo, sin robar el foco, mantiene el formulario fluido.
  *
  * El scroll se aplica sobre el ancestro scrolleable real del campo (en la app el
  * scroller es el body con height:100vh, no el window). El centrado usa la porción
  * visible: con el teclado virtual abierto visualViewport se achica (el layout
  * viewport no), así que centrar contra él deja el campo visible sobre el teclado.
- * Además se re-centra una vez cuando el viewport cambia (apertura del teclado
- * gatillada por el propio focus).
+ * Además se re-centra una vez si el viewport cambia justo después (el teclado
+ * cerrándose al salir del campo anterior desplaza el centro recién calculado).
  */
 declare const centerFieldInViewport: (field: HTMLElement) => void;
+declare const scrollToFirstInvalidField: (form: HTMLFormElement) => void;
+/** @deprecated Ya no toma el foco: usa scrollToFirstInvalidField. */
 declare const focusFirstInvalidField: (form: HTMLFormElement) => void;
 /**
  * Trigger en el blur de los campos: el submit vive deshabilitado hasta que el form
@@ -3811,13 +3818,14 @@ declare const focusFirstInvalidField: (form: HTMLFormElement) => void;
  * (p.ej. al marcar el checkbox de términos con un campo vacío).
  *
  * La guía NO puede correr con un timer fijo: el blur llega en el mousedown y el
- * toggle del checkbox recién en el click (mouseup) — si el gesto dura más que el
- * timer, robar el foco a mitad de gesto deja el checkbox sin marcar. Por eso se
- * ancla al fin del click que causó el blur (más un tick para que corran onChange
- * y el re-render), con fallback por timer para blur de teclado (Tab).
+ * toggle del checkbox recién en el click (mouseup) EN LAS MISMAS COORDENADAS — si
+ * el gesto dura más que el timer, scrollear a mitad de gesto mueve el destino y el
+ * checkbox queda sin marcar. Por eso se ancla al fin del click que causó el blur
+ * (más un tick para que corran onChange y el re-render), con fallback por timer
+ * para blur de teclado (Tab).
  *
- * Guard anti-trampa: si el foco pasó a OTRO campo de texto del form (el usuario va
- * a escribir ahí), no se le roba el foco.
+ * Guard: si el foco pasó a OTRO campo de texto del form (el usuario va a escribir
+ * ahí), no se scrollea — mover el viewport lejos del caret es igual de molesto.
  */
 declare const guideToFirstInvalidFieldOnBlur: (form: HTMLFormElement) => void;
 
@@ -4040,4 +4048,4 @@ declare function formatDate(iso?: string): string;
  */
 declare function formatTime(iso?: string): string;
 
-export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsEmptyState, type KdsEmptyStateProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, LIGHT_LOGO_LUMINANCE_THRESHOLD, type LogoBackdrop, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, centerFieldInViewport, colors, colorsByMode, focusFirstInvalidField, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, guideToFirstInvalidFieldOnBlur, letterSpacings, lighten, lineHeights, measureLogoLuminance, pickLogoBackdrop, runAfterPointerGesture, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useLogoBackdrop, useMediaQuery, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };
+export { type Colors, type ExpandPanelProps, type ExpandToggleProps, KdsAccordion, KdsAccordionDetails, type KdsAccordionDetailsProps, type KdsAccordionProps, KdsAccordionSummary, type KdsAccordionSummaryProps, KdsAlert, type KdsAlertProps, type KdsAlertSeverity, KdsBankList, type KdsBankListProps, KdsBankModal, type KdsBankModalProps, KdsBankRow, type KdsBankRowProps, KdsBillAttachment, type KdsBillAttachmentProps, KdsBillAttachments, type KdsBillAttachmentsProps, KdsBottomSheet, type KdsBottomSheetProps, KdsButton, type KdsButtonProps, type KdsButtonSize, type KdsButtonVariant, KdsCard, KdsCardBody, KdsCardFooter, KdsCardHeader, KdsCardPlan, type KdsCardPlanProps, type KdsCardProps, type KdsCardSectionProps, KdsCardSelector, type KdsCardSelectorProps, type KdsCardVariant, KdsCheckbox, type KdsCheckboxProps, KdsChip, type KdsChipColor, type KdsChipProps, KdsCopyButton, type KdsCopyButtonProps, KdsCopyRow, type KdsCopyRowProps, KdsCopyableTable, type KdsCopyableTableProps, type KdsCopyableTableRow, KdsCountdown, type KdsCountdownProps, KdsDivider, type KdsDividerProps, KdsEmptyState, type KdsEmptyStateProps, KdsExpandPanel, type KdsExpandPanelProps, KdsFab, type KdsFabPosition, type KdsFabProps, KdsInvoiceMerchant, type KdsInvoiceMerchantProps, KdsInvoiceSticky, type KdsInvoiceStickyProps, KdsLinearProgress, type KdsLinearProgressProps, KdsMerchantTile, type KdsMerchantTileProps, KdsMontoRow, type KdsMontoRowProps, KdsPaymentTotal, type KdsPaymentTotalProps, type KdsPaymentTotalVariant, KdsQrRow, type KdsQrRowProps, KdsRadioGroup, type KdsRadioGroupProps, type KdsRadioOption, type KdsRecapItem, KdsRecapList, type KdsRecapListProps, KdsSearchField, type KdsSearchFieldProps, KdsSectionNote, type KdsSectionNoteProps, KdsSecureFooter, type KdsSecureFooterProps, KdsSecureLoader, type KdsSecureLoaderProps, KdsSegmentedTabs, type KdsSegmentedTabsProps, KdsSelect, type KdsSelectOption, type KdsSelectProps, KdsSnackbar, type KdsSnackbarProps, type KdsSnackbarType, KdsSpinner, type KdsSpinnerProps, type KdsSpinnerSize, KdsStatusBlock, type KdsStatusBlockProps, type KdsStatusType, KdsStepper, type KdsStepperProps, KdsTab, KdsTabPanel, type KdsTabPanelProps, type KdsTabProps, KdsTabs, type KdsTabsProps, KdsTextField, type KdsTextFieldProps, KdsThemeProvider, type KdsThemeProviderProps, KdsTooltip, type KdsTooltipPlacement, type KdsTooltipProps, KdsTypography, type KdsTypographyProps, type KdsTypographyVariant, LIGHT_LOGO_LUMINANCE_THRESHOLD, type LogoBackdrop, type ThemeMode, type Tokens, type TokensByMode, type Typography as TypographyTokens, type UseExpandToggleOptions, type UseExpandToggleResult, type UseHideOnScrollOptions, type UseHideOnScrollResult, type UseStickyInvoiceCollapseOptions, borderRadius, breakpoints, centerFieldInViewport, colors, colorsByMode, focusFirstInvalidField, fontFamilies, fontSizes, fontWeights, formatDate, formatDateTime, formatTime, getContrastColor, guideToFirstInvalidFieldOnBlur, letterSpacings, lighten, lineHeights, measureLogoLuminance, pickLogoBackdrop, runAfterPointerGesture, scrollToFirstInvalidField, semanticSpacing, shadows, spacing, tokens, tokensByMode, transitions, typography, useAutoHide, useCopyToClipboard, useCountdown, useExpandToggle, useHideOnScroll, useLogoBackdrop, useMediaQuery, useStickyInvoiceCollapse, useTabsKeyboard, zIndex };

package/dist/index.js

@@ -105,6 +105,7 @@ __export(index_exports, {
   measureLogoLuminance: () => measureLogoLuminance,
   pickLogoBackdrop: () => pickLogoBackdrop,
   runAfterPointerGesture: () => runAfterPointerGesture,
+  scrollToFirstInvalidField: () => scrollToFirstInvalidField,
   semanticSpacing: () => semanticSpacing,
   shadows: () => shadows,
   spacing: () => spacing,
@@ -2864,7 +2865,7 @@ var runAfterPointerGesture = (callback) => {
   window.setTimeout(run, KEYBOARD_FALLBACK_MS);
 };
 
-// src/utils/focusFirstInvalidField.ts
+// src/utils/scrollToFirstInvalidField.ts
 var RECENTER_WINDOW_MS = 1500;
 var getScrollParent = (field) => {
   let node = field.parentElement;
@@ -2903,12 +2904,11 @@ var isInvalidField = (element) => {
   const field = element;
   return typeof field.willValidate === "boolean" && field.willValidate && !field.validity.valid;
 };
-var focusFirstInvalidField = (form) => {
+var scrollToFirstInvalidField = (form) => {
   const firstInvalid = Array.from(form.elements).find(isInvalidField);
   if (!firstInvalid) {
     return;
   }
-  firstInvalid.focus({ preventScroll: true });
   centerFieldInViewport(firstInvalid);
   const viewport = window.visualViewport;
   if (viewport) {
@@ -2917,6 +2917,7 @@ var focusFirstInvalidField = (form) => {
     window.setTimeout(() => viewport.removeEventListener("resize", recenter), RECENTER_WINDOW_MS);
   }
 };
+var focusFirstInvalidField = scrollToFirstInvalidField;
 var isTextEntryElement = (element) => {
   if (!element) {
     return false;
@@ -2937,7 +2938,7 @@ var guideToFirstInvalidFieldOnBlur = (form) => {
       return;
     }
     if (!form.checkValidity()) {
-      focusFirstInvalidField(form);
+      scrollToFirstInvalidField(form);
     }
   });
 };
@@ -3209,6 +3210,7 @@ function useMediaQuery(query) {
   measureLogoLuminance,
   pickLogoBackdrop,
   runAfterPointerGesture,
+  scrollToFirstInvalidField,
   semanticSpacing,
   shadows,
   spacing,

package/dist/index.mjs

@@ -2737,7 +2737,7 @@ var runAfterPointerGesture = (callback) => {
   window.setTimeout(run, KEYBOARD_FALLBACK_MS);
 };
 
-// src/utils/focusFirstInvalidField.ts
+// src/utils/scrollToFirstInvalidField.ts
 var RECENTER_WINDOW_MS = 1500;
 var getScrollParent = (field) => {
   let node = field.parentElement;
@@ -2776,12 +2776,11 @@ var isInvalidField = (element) => {
   const field = element;
   return typeof field.willValidate === "boolean" && field.willValidate && !field.validity.valid;
 };
-var focusFirstInvalidField = (form) => {
+var scrollToFirstInvalidField = (form) => {
   const firstInvalid = Array.from(form.elements).find(isInvalidField);
   if (!firstInvalid) {
     return;
   }
-  firstInvalid.focus({ preventScroll: true });
   centerFieldInViewport(firstInvalid);
   const viewport = window.visualViewport;
   if (viewport) {
@@ -2790,6 +2789,7 @@ var focusFirstInvalidField = (form) => {
     window.setTimeout(() => viewport.removeEventListener("resize", recenter), RECENTER_WINDOW_MS);
   }
 };
+var focusFirstInvalidField = scrollToFirstInvalidField;
 var isTextEntryElement = (element) => {
   if (!element) {
     return false;
@@ -2810,7 +2810,7 @@ var guideToFirstInvalidFieldOnBlur = (form) => {
       return;
     }
     if (!form.checkValidity()) {
-      focusFirstInvalidField(form);
+      scrollToFirstInvalidField(form);
     }
   });
 };
@@ -3081,6 +3081,7 @@ export {
   measureLogoLuminance,
   pickLogoBackdrop,
   runAfterPointerGesture,
+  scrollToFirstInvalidField,
   semanticSpacing,
   shadows,
   spacing,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khipu/design-system",
-  "version": "0.2.0-alpha.137",
+  "version": "0.2.0-alpha.138",
   "description": "Khipu Design System - UI components and design tokens for the Khipu payment platform",
   "main": "dist/index.js",
   "module": "dist/index.mjs",