@beweco/aurora-ui 1.0.0-beta.133 → 1.0.0-beta.134

package/dist/index.cjs.js

@@ -861,7 +861,7 @@ const ACTIVE_LINK_CLASS = "rounded-[12px] bg-primary text-primary-foreground hov
  * Traducciones por defecto en español. Todas son `aria-label`: este componente no tiene más
  * texto visible que los números de página.
  */
-const DEFAULT_TRANSLATIONS$f = {
+const DEFAULT_TRANSLATIONS$g = {
     previousPageAriaLabel: "Página anterior",
     nextPageAriaLabel: "Página siguiente",
     jumpBackwardAriaLabel: "Retroceder {count} páginas",
@@ -976,7 +976,7 @@ function getPaginationRange(total, current) {
 const Pagination = ({ total, page, initialPage = 1, onChange, size: _size = "sm", className, isDisabled, translations = {}, }) => {
     const [internalPage, setInternalPage] = $8WNJc$react.useState(initialPage);
     const currentPage = page ?? internalPage;
-    const t = { ...DEFAULT_TRANSLATIONS$f, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$g, ...translations };
     const goTo = (next) => {
         const clamped = Math.min(Math.max(next, 1), total);
         if (page === undefined) {
@@ -2114,7 +2114,7 @@ function withCollectionItemIds(children) {
 }
 
 /** Traducciones por defecto en español (mismo literal que la ✕ de la fachada `Input`). */
-const DEFAULT_TRANSLATIONS$e = {
+const DEFAULT_TRANSLATIONS$f = {
     clearButtonAriaLabel: "Limpiar",
 };
 /**
@@ -2421,7 +2421,7 @@ isClearable = true, isReadOnly, inputValue, selectedKey, onInputChange, onSelect
     const generatedId = $8WNJc$react.useId();
     const autoId = id || generatedId;
     const resolvedIcon = icon === undefined ? DEFAULT_ICON : icon;
-    const t = { ...DEFAULT_TRANSLATIONS$e, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$f, ...translations };
     /** El `<input>` real, para devolverle el foco tras limpiar (ver `handleClear`). */
     const inputRef = $8WNJc$react.useRef(null);
     // `data-visible` de v2, traducido a montar/no montar: `!!state.selectedItem ||
@@ -4973,7 +4973,7 @@ function computeSlices(data, palette = DEFAULT_DONUT_COLORS) {
     });
 }
 
-const DEFAULT_TRANSLATIONS$d = {
+const DEFAULT_TRANSLATIONS$e = {
     emptyState: "Sin datos para mostrar",
     totalLabel: "Total",
 };
@@ -4983,7 +4983,7 @@ const DEFAULT_TRANSLATIONS$d = {
  * para que sean estables independientemente del tamaño medido del contenedor.
  */
 const DonutChart = ({ data, height = 220, innerRadiusRatio = 0.65, showLegend = true, showTotal = true, colors, formatValue, animated = true, translations = {}, className, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$d, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$e, ...translations };
     if (isDonutEmpty(data)) {
         return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(P, { children: t.emptyState }) }));
     }
@@ -5172,11 +5172,11 @@ const NotificationButton = ({ notificationCount = 0, onPress, color = "secondary
 };
 NotificationButton.displayName = "NotificationButton";
 
-const DEFAULT_TRANSLATIONS$c = {
+const DEFAULT_TRANSLATIONS$d = {
     logout: "Cerrar sesión",
 };
 const HeaderComponent = ({ notificationCount, options, onMenuClick, onLogout, translations = {}, breadcrumbs, extraContent, showMenuButton = true, onNotificationClick, onOptionSelect, onBreadcrumbClick, notificationButtonColor, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$c, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$d, ...translations };
     return (jsxRuntime.jsx("header", { className: "header__container", children: jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [showMenuButton && (jsxRuntime.jsx(Button, { className: "sm:hidden", isIconOnly: true, 
                             // Fachada propia por defecto pinta color="primary" (D-G4-1); el crudo
                             // de v2 pintaba "default" (gris) — se fija explícito.
@@ -5432,7 +5432,7 @@ KanbanColumn.displayName = "KanbanColumn";
  * Traducciones por defecto en español.
  * Se mezclan con las traducciones proporcionadas por el usuario.
  */
-const DEFAULT_TRANSLATIONS$b = {
+const DEFAULT_TRANSLATIONS$c = {
     dropHere: "Soltar aquí",
     emptyMessage: "No hay elementos",
     itemsLabel: "elementos",
@@ -5466,7 +5466,7 @@ const columnGapClasses = {
  */
 const KanbanComponent = ({ columns, renderItem, onCardClick, onItemMove, isDraggable, cardClassName, isCardClickable, className, columnWidth = "280px", columnGap = "md", horizontalScroll = true, columnMaxHeight, renderColumnHeader, renderEmptyState, translations = {}, onLoadMore, showItemCount = false, }) => {
     // Mezclar traducciones del usuario con las por defecto
-    const t = { ...DEFAULT_TRANSLATIONS$b, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$c, ...translations };
     // Determinar si drag está habilitado
     const dragEnabled = isDraggable ?? !!onItemMove;
     // Estado del drag actual
@@ -5951,7 +5951,7 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
 });
 MenuNavList.displayName = "MenuNavList";
 
-const DEFAULT_TRANSLATIONS$a = {
+const DEFAULT_TRANSLATIONS$b = {
     menuLabel: "Menú",
     closeSidebarAriaLabel: "Cerrar menú lateral",
     mobileNavAriaLabel: "Navegación móvil",
@@ -5969,7 +5969,7 @@ const DEFAULT_TRANSLATIONS$a = {
 const MenuComponent = $8WNJc$react.memo(function Menu({ commerceInfo, userInfo, helpButton, isOpenSidebar, onOpenSidebarChange, menuItems, mobileBottomBarGroupKey, showNativeMenu = true, onUserInfoClick, translations = {}, }) {
     const [isCollapsed, setIsCollapsed] = $8WNJc$react.useState(false);
     const [logoError, setLogoError] = $8WNJc$react.useState(false);
-    const t = { ...DEFAULT_TRANSLATIONS$a, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$b, ...translations };
     const selectedKey = $8WNJc$react.useMemo(() => {
         if (menuItems.selectedPath) {
             return (getSelectedKeyFromPath(menuItems.selectedPath, menuItems.items) ??
@@ -6249,7 +6249,7 @@ const MenuClawNavItem = ({ item, selectedKey, isCollapsed, onSelect, depth = 0,
 };
 MenuClawNavItem.displayName = "MenuClawNavItem";
 
-const DEFAULT_TRANSLATIONS$9 = {
+const DEFAULT_TRANSLATIONS$a = {
     menuLabel: "Menú",
     closeSidebarAriaLabel: "Cerrar menú lateral",
     mobileNavAriaLabel: "Navegación móvil",
@@ -6287,7 +6287,7 @@ const MenuClaw = $8WNJc$react.memo(function MenuClaw({ userInfo, helpButton, men
     const isControlled = isCollapsedProp !== undefined;
     const [internalCollapsed, setInternalCollapsed] = $8WNJc$react.useState(defaultCollapsed ?? false);
     const collapsed = isCollapsedProp ?? internalCollapsed;
-    const t = { ...DEFAULT_TRANSLATIONS$9, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$a, ...translations };
     const selectedKey = $8WNJc$react.useMemo(() => {
         if (menuItems.selectedPath) {
             return (getSelectedKeyFromPath(menuItems.selectedPath, menuItems.items) ??
@@ -7137,7 +7137,7 @@ function computeBars(data, palette = DEFAULT_RANKED_BAR_COLORS) {
     });
 }
 
-const DEFAULT_TRANSLATIONS$8 = {
+const DEFAULT_TRANSLATIONS$9 = {
     emptyState: "Sin datos para mostrar",
 };
 /**
@@ -7147,7 +7147,7 @@ const DEFAULT_TRANSLATIONS$8 = {
  * etapa del funnel, etc.).
  */
 const RankedBarList = ({ data, colors, formatValue, showValue = true, barHeight = 8, translations = {}, className, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$8, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$9, ...translations };
     if (isRankedBarListEmpty(data)) {
         return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(P, { children: t.emptyState }) }));
     }
@@ -8638,6 +8638,80 @@ const SIZE_TEXT_CLASS = {
 // `min-w-0` es obligatorio: un ítem flex tiene `min-width: auto`, o sea no baja de su `min-content`,
 // y sin eso el texto desborda el trigger en vez de truncar con elipsis.
 const VALUE_ROOM_CLASS = "me-6 min-w-0 truncate";
+/*
+ * EL ESTADO VACÍO DEL DESPLEGABLE (TECH-2459 · F5 · defecto reportado por el usuario y medido por
+ * la sesión de backoffice: «se pulsa el campo y no pasa nada»).
+ *
+ * EL SÍNTOMA. Un `Select` cuya colección llega VACÍA no se abre: ni popover, ni mensaje, ni señal
+ * de estar vivo, y sin error en consola. La sesión de backoffice lo midió en su app con el mismo
+ * código de clic para todos los campos: tres con 5/3/6 opciones pasaban `aria-expanded` de `false`
+ * a `true`, y el de 0 opciones se quedaba en `false`. Aquí está fijado por control negativo: sin
+ * el `allowsEmptyCollection` de abajo, tres de los cuatro casos de `Select.empty-collection.test.tsx`
+ * fallan y el CONTROL con opciones sigue pasando.
+ *
+ * LA CAUSA, y por qué NO es un olvido de HeroUI. La guarda es de react-aria y es explícita
+ * (`react-stately@3.49.0`, `dist/private/select/useSelectState.mjs:108-111` y su gemela en
+ * `toggle`):
+ *
+ *   // Don't open if the collection is empty.
+ *   if (listState.collection.size !== 0 || props.allowsEmptyCollection) { … }
+ *
+ * O sea que react-aria trae la puerta de salida hecha —`allowsEmptyCollection`— y nadie la pasa:
+ * cero apariciones en `@heroui/react/dist` (grep sobre el paquete instalado). No está en el código
+ * de HeroUI, pero **sí en su API**: `SelectRootProps` extiende las props de
+ * `react-aria-components/Select`, que son `Omit<AriaSelectProps, "children"|"label"|…>` sin omitir
+ * ésta, y `AriaSelectProps` extiende el `SelectProps` de react-stately donde la prop se declara
+ * (`react-aria/dist/types/src/select/useSelect.d.ts:6` →
+ * `react-stately/dist/types/src/select/useSelectState.d.ts`). Y el `SelectRoot` de v3 hace
+ * `<Select data-slot="select" {...props}>` (`@heroui/react/dist/components/select/select.js:37`),
+ * que acaba en `useSelectState({...props})` (`react-aria-components/dist/private/Select.mjs:92`).
+ * Basta pasarla.
+ *
+ * ⚠️ QUÉ HACÍA v2, VERIFICADO EN EL PAQUETE Y NO DEDUCIDO. v2 se abría, y era **a propósito**: su
+ * `@heroui/select@2.4.22` no usa `react-stately` (no figura entre sus dependencias) sino el fork
+ * propio `@heroui/use-aria-multiselect@2.4.15`, cuyo `useMultiSelectState` invierte la guarda
+ * (`dist/use-multiselect-state.js:102`, guardas en `:112` y `:117`):
+ *
+ *   const shouldHideContent = listState.collection.size === 0 && props.hideEmptyContent;
+ *   open(...)   { if (shouldHideContent) return; … }
+ *   toggle(...) { if (shouldHideContent) return; … }
+ *
+ * es decir: abre SIEMPRE salvo que se lo prohíban, y la prohibición es opt-in con default
+ * `hideEmptyContent = false` (`@heroui/select@2.4.22`, `dist/use-select.js:83`). Que exista esa
+ * prop es la prueba de que abrir con la lista vacía era el comportamiento buscado, no un accidente.
+ * Ninguna de las apps la pasa (0 usos de `hideEmptyContent`, medido 17-sep-2026 en los 5 repos
+ * consumidores), así que aquí se reproduce el default de v2 sin exponer la palanca.
+ *
+ * EL TEXTO. Lo que v2 pintaba en ese hueco venía del listbox, no del select: `emptyContent` de
+ * `@heroui/listbox@2.3.21` con `@default "No items."` (`dist/use-listbox.js:51` y el `@default` en
+ * `dist/use-listbox.d.ts:64`) — un literal **inglés hardcodeado en HeroUI**, que es un género
+ * distinto del `selectPlaceholder` que se neutralizó más abajo: ese sí era una cadena de
+ * react-aria que el locale del navegador traducía. Aquí no hay nada de react-aria que traducir (su
+ * bundle de cadenas trae cuatro claves y ninguna es un estado vacío; el `ListBox` de v3 solo pinta
+ * algo si le pasas `renderEmptyState`, `react-aria-components/dist/private/ListBox.mjs:222-228`),
+ * así que el texto lo aporta la fachada y va por el patrón i18n del repo (`translations` +
+ * `DEFAULT_TRANSLATIONS` en español), no hardcodeado y no en inglés.
+ */
+const DEFAULT_TRANSLATIONS$8 = {
+    emptyContent: "No hay opciones",
+};
+// Medidas del estado vacío. Se toman las del ITEM de v3 (`@heroui/styles`,
+// `dist/components/list-box-item.css:6`: `min-h-9 … px-2 py-1.5`) y no las del slot `emptyContent`
+// de v2, y es una decisión medida: el literal de v2 era
+// `["h-10","px-2","py-1.5","w-full","h-full","text-foreground-400","text-start"]`
+// (`@heroui/theme@2.4.15`, `dist/components/listbox.js:89-97`), donde el `h-10` **nunca se
+// aplicaba** — el `tv` de v2 lleva `twMerge: true`, así que `h-full`, declarado después, lo
+// borraba. Reproducir `h-10` sería copiar una intención que v2 no cumplía; alinear con el item de
+// v3 deja el hueco vacío del mismo alto que tendría una opción, que es lo que se ve bien (§9.1).
+// Del literal de v2 se conservan lo que sí pintaba: padding, ancho completo, alineación al inicio
+// y el gris `text-foreground-400` (existe en el tema y se invierte en oscuro —
+// `src/styles/theme-packs.generated.css:21` claro / `:121` oscuro—, así que no se apaga).
+//
+// El `px-2.5` (10px) y no el `px-2` (8px) del item base: dentro del desplegable del Select,
+// `select.css:205-207` pisa el padding de los items con `px-2.5`, así que 10px es la sangría real
+// de una opción ahí (medido en el navegador: item `6px 28px 6px 10px`). Con `px-2` el texto del
+// hueco vacío arrancaba 2px a la izquierda del de las opciones.
+const EMPTY_CONTENT_CLASS = "flex min-h-9 w-full items-center px-2.5 py-1.5 text-start text-foreground-400";
 const RADIUS_CLASS$4 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
@@ -8900,10 +8974,11 @@ placeholder = "", selectionMode = "single", selectedKeys, defaultSelectedKeys, o
 // `undefined` y el campo dejaba de llenar su contenedor: en una fila flex se encogía al ancho
 // de su contenido (medido por S2: 208px dentro de una fila de 592, 336px de hueco). En una
 // columna no se notaba porque el `stretch` del flex lo tapaba — pero afecta a cualquier app.
-fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-details": ariaDetails, }) => {
+fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, translations = {}, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-details": ariaDetails, }) => {
     const generatedId = $8WNJc$react.useId();
     const selectId = id || generatedId;
     const requiredField = isRequired;
+    const t = { ...DEFAULT_TRANSLATIONS$8, ...translations };
     // Mismo criterio que el `group-data-[has-helper=true]` de v2: cuenta como "con ayuda" el campo
     // que efectivamente PINTA una descripción o un mensaje de error, no el que solo recibe la prop.
     const hasHelper = Boolean((description && !isInvalid) || (isInvalid && errorMessage));
@@ -8920,10 +8995,30 @@ fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, "ari
     "w-full", classNames?.trigger);
     const inner = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(react.Label, { className: react.cn(LABEL_CLASS$1, hasHelper
                     ? LABEL_OFFSET_HELPER_CLASS[size]
-                    : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), jsxRuntime.jsxs(react.Select.Trigger, { className: triggerClassName, children: [jsxRuntime.jsx(react.Select.Value, { className: react.cn(SIZE_TEXT_CLASS[size], VALUE_ROOM_CLASS, isInvalid ? INVALID_TEXT_CLASS$1 : "") }), jsxRuntime.jsx(react.Select.Indicator, { className: "end-3" })] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), jsxRuntime.jsx(react.Select.Popover, { className: classNames?.popoverContent, children: jsxRuntime.jsx(react.ListBox, { children: withItemIndicator(withCollectionItemIds(children)) }) }), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: `${HELPER_CLASS$1} text-left`, children: errorMessage }))] }));
+                    : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), jsxRuntime.jsxs(react.Select.Trigger, { className: triggerClassName, children: [jsxRuntime.jsx(react.Select.Value, { className: react.cn(SIZE_TEXT_CLASS[size], VALUE_ROOM_CLASS, isInvalid ? INVALID_TEXT_CLASS$1 : "") }), jsxRuntime.jsx(react.Select.Indicator, { className: "end-3" })] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), jsxRuntime.jsx(react.Select.Popover, { className: classNames?.popoverContent, children: jsxRuntime.jsx(react.ListBox
+                // El hueco que v2 llenaba con su `emptyContent` (ver el bloque de
+                // `DEFAULT_TRANSLATIONS`). `renderEmptyState` es la vía de v3: el `ListBox` de
+                // react-aria solo pinta algo con la colección vacía si se le pasa, y envuelve
+                // el resultado en un `<div role="option" style="display:contents">`
+                // (`react-aria-components/dist/private/ListBox.mjs:222-228`), o sea que la caja
+                // que se ve es la nuestra.
+                , { 
+                    // El hueco que v2 llenaba con su `emptyContent` (ver el bloque de
+                    // `DEFAULT_TRANSLATIONS`). `renderEmptyState` es la vía de v3: el `ListBox` de
+                    // react-aria solo pinta algo con la colección vacía si se le pasa, y envuelve
+                    // el resultado en un `<div role="option" style="display:contents">`
+                    // (`react-aria-components/dist/private/ListBox.mjs:222-228`), o sea que la caja
+                    // que se ve es la nuestra.
+                    renderEmptyState: () => (jsxRuntime.jsx("div", { className: EMPTY_CONTENT_CLASS, children: t.emptyContent })), children: withItemIndicator(withCollectionItemIds(children)) }) }), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: `${HELPER_CLASS$1} text-left`, children: errorMessage }))] }));
     const commonProps = {
         id: selectId,
         name,
+        // La puerta de salida de la guarda de react-aria, sin la cual un campo con la lista vacía
+        // no se abre (ver el bloque de `DEFAULT_TRANSLATIONS` para la cita y para qué hacía v2).
+        // Incondicional a propósito: es el default de v2 (`hideEmptyContent = false`), y las apps
+        // construyen la mayoría de sus colecciones desde datos, así que "vacío" es un estado
+        // normal, no un error.
+        allowsEmptyCollection: true,
         // Etiquetado accesible. Va en la RAÍZ y no en el disparador a propósito: el nombre del
         // disparador lo compone react-aria a partir de las props de la raíz (`useSelect` →
         // `useLabel`), y puesto en `Select.Trigger` se quedaría como un `aria-label` suelto que

package/dist/index.esm.js

@@ -861,7 +861,7 @@ const ACTIVE_LINK_CLASS = "rounded-[12px] bg-primary text-primary-foreground hov
  * Traducciones por defecto en español. Todas son `aria-label`: este componente no tiene más
  * texto visible que los números de página.
  */
-const DEFAULT_TRANSLATIONS$f = {
+const DEFAULT_TRANSLATIONS$g = {
     previousPageAriaLabel: "Página anterior",
     nextPageAriaLabel: "Página siguiente",
     jumpBackwardAriaLabel: "Retroceder {count} páginas",
@@ -976,7 +976,7 @@ function getPaginationRange(total, current) {
 const Pagination = ({ total, page, initialPage = 1, onChange, size: _size = "sm", className, isDisabled, translations = {}, }) => {
     const [internalPage, setInternalPage] = useState(initialPage);
     const currentPage = page ?? internalPage;
-    const t = { ...DEFAULT_TRANSLATIONS$f, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$g, ...translations };
     const goTo = (next) => {
         const clamped = Math.min(Math.max(next, 1), total);
         if (page === undefined) {
@@ -2114,7 +2114,7 @@ function withCollectionItemIds(children) {
 }
 
 /** Traducciones por defecto en español (mismo literal que la ✕ de la fachada `Input`). */
-const DEFAULT_TRANSLATIONS$e = {
+const DEFAULT_TRANSLATIONS$f = {
     clearButtonAriaLabel: "Limpiar",
 };
 /**
@@ -2421,7 +2421,7 @@ isClearable = true, isReadOnly, inputValue, selectedKey, onInputChange, onSelect
     const generatedId = useId();
     const autoId = id || generatedId;
     const resolvedIcon = icon === undefined ? DEFAULT_ICON : icon;
-    const t = { ...DEFAULT_TRANSLATIONS$e, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$f, ...translations };
     /** El `<input>` real, para devolverle el foco tras limpiar (ver `handleClear`). */
     const inputRef = useRef(null);
     // `data-visible` de v2, traducido a montar/no montar: `!!state.selectedItem ||
@@ -4973,7 +4973,7 @@ function computeSlices(data, palette = DEFAULT_DONUT_COLORS) {
     });
 }
 
-const DEFAULT_TRANSLATIONS$d = {
+const DEFAULT_TRANSLATIONS$e = {
     emptyState: "Sin datos para mostrar",
     totalLabel: "Total",
 };
@@ -4983,7 +4983,7 @@ const DEFAULT_TRANSLATIONS$d = {
  * para que sean estables independientemente del tamaño medido del contenedor.
  */
 const DonutChart = ({ data, height = 220, innerRadiusRatio = 0.65, showLegend = true, showTotal = true, colors, formatValue, animated = true, translations = {}, className, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$d, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$e, ...translations };
     if (isDonutEmpty(data)) {
         return (jsx("div", { className: className, children: jsx(P, { children: t.emptyState }) }));
     }
@@ -5172,11 +5172,11 @@ const NotificationButton = ({ notificationCount = 0, onPress, color = "secondary
 };
 NotificationButton.displayName = "NotificationButton";
 
-const DEFAULT_TRANSLATIONS$c = {
+const DEFAULT_TRANSLATIONS$d = {
     logout: "Cerrar sesión",
 };
 const HeaderComponent = ({ notificationCount, options, onMenuClick, onLogout, translations = {}, breadcrumbs, extraContent, showMenuButton = true, onNotificationClick, onOptionSelect, onBreadcrumbClick, notificationButtonColor, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$c, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$d, ...translations };
     return (jsx("header", { className: "header__container", children: jsxs("div", { className: "flex items-center justify-between w-full", children: [jsxs("div", { className: "flex items-center gap-4", children: [showMenuButton && (jsx(Button, { className: "sm:hidden", isIconOnly: true, 
                             // Fachada propia por defecto pinta color="primary" (D-G4-1); el crudo
                             // de v2 pintaba "default" (gris) — se fija explícito.
@@ -5432,7 +5432,7 @@ KanbanColumn.displayName = "KanbanColumn";
  * Traducciones por defecto en español.
  * Se mezclan con las traducciones proporcionadas por el usuario.
  */
-const DEFAULT_TRANSLATIONS$b = {
+const DEFAULT_TRANSLATIONS$c = {
     dropHere: "Soltar aquí",
     emptyMessage: "No hay elementos",
     itemsLabel: "elementos",
@@ -5466,7 +5466,7 @@ const columnGapClasses = {
  */
 const KanbanComponent = ({ columns, renderItem, onCardClick, onItemMove, isDraggable, cardClassName, isCardClickable, className, columnWidth = "280px", columnGap = "md", horizontalScroll = true, columnMaxHeight, renderColumnHeader, renderEmptyState, translations = {}, onLoadMore, showItemCount = false, }) => {
     // Mezclar traducciones del usuario con las por defecto
-    const t = { ...DEFAULT_TRANSLATIONS$b, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$c, ...translations };
     // Determinar si drag está habilitado
     const dragEnabled = isDraggable ?? !!onItemMove;
     // Estado del drag actual
@@ -5951,7 +5951,7 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
 });
 MenuNavList.displayName = "MenuNavList";
 
-const DEFAULT_TRANSLATIONS$a = {
+const DEFAULT_TRANSLATIONS$b = {
     menuLabel: "Menú",
     closeSidebarAriaLabel: "Cerrar menú lateral",
     mobileNavAriaLabel: "Navegación móvil",
@@ -5969,7 +5969,7 @@ const DEFAULT_TRANSLATIONS$a = {
 const MenuComponent = $8WNJc$react.memo(function Menu({ commerceInfo, userInfo, helpButton, isOpenSidebar, onOpenSidebarChange, menuItems, mobileBottomBarGroupKey, showNativeMenu = true, onUserInfoClick, translations = {}, }) {
     const [isCollapsed, setIsCollapsed] = $8WNJc$react.useState(false);
     const [logoError, setLogoError] = $8WNJc$react.useState(false);
-    const t = { ...DEFAULT_TRANSLATIONS$a, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$b, ...translations };
     const selectedKey = $8WNJc$react.useMemo(() => {
         if (menuItems.selectedPath) {
             return (getSelectedKeyFromPath(menuItems.selectedPath, menuItems.items) ??
@@ -6249,7 +6249,7 @@ const MenuClawNavItem = ({ item, selectedKey, isCollapsed, onSelect, depth = 0,
 };
 MenuClawNavItem.displayName = "MenuClawNavItem";
 
-const DEFAULT_TRANSLATIONS$9 = {
+const DEFAULT_TRANSLATIONS$a = {
     menuLabel: "Menú",
     closeSidebarAriaLabel: "Cerrar menú lateral",
     mobileNavAriaLabel: "Navegación móvil",
@@ -6287,7 +6287,7 @@ const MenuClaw = $8WNJc$react.memo(function MenuClaw({ userInfo, helpButton, men
     const isControlled = isCollapsedProp !== undefined;
     const [internalCollapsed, setInternalCollapsed] = $8WNJc$react.useState(defaultCollapsed ?? false);
     const collapsed = isCollapsedProp ?? internalCollapsed;
-    const t = { ...DEFAULT_TRANSLATIONS$9, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$a, ...translations };
     const selectedKey = useMemo(() => {
         if (menuItems.selectedPath) {
             return (getSelectedKeyFromPath(menuItems.selectedPath, menuItems.items) ??
@@ -7137,7 +7137,7 @@ function computeBars(data, palette = DEFAULT_RANKED_BAR_COLORS) {
     });
 }
 
-const DEFAULT_TRANSLATIONS$8 = {
+const DEFAULT_TRANSLATIONS$9 = {
     emptyState: "Sin datos para mostrar",
 };
 /**
@@ -7147,7 +7147,7 @@ const DEFAULT_TRANSLATIONS$8 = {
  * etapa del funnel, etc.).
  */
 const RankedBarList = ({ data, colors, formatValue, showValue = true, barHeight = 8, translations = {}, className, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$8, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$9, ...translations };
     if (isRankedBarListEmpty(data)) {
         return (jsx("div", { className: className, children: jsx(P, { children: t.emptyState }) }));
     }
@@ -8638,6 +8638,80 @@ const SIZE_TEXT_CLASS = {
 // `min-w-0` es obligatorio: un ítem flex tiene `min-width: auto`, o sea no baja de su `min-content`,
 // y sin eso el texto desborda el trigger en vez de truncar con elipsis.
 const VALUE_ROOM_CLASS = "me-6 min-w-0 truncate";
+/*
+ * EL ESTADO VACÍO DEL DESPLEGABLE (TECH-2459 · F5 · defecto reportado por el usuario y medido por
+ * la sesión de backoffice: «se pulsa el campo y no pasa nada»).
+ *
+ * EL SÍNTOMA. Un `Select` cuya colección llega VACÍA no se abre: ni popover, ni mensaje, ni señal
+ * de estar vivo, y sin error en consola. La sesión de backoffice lo midió en su app con el mismo
+ * código de clic para todos los campos: tres con 5/3/6 opciones pasaban `aria-expanded` de `false`
+ * a `true`, y el de 0 opciones se quedaba en `false`. Aquí está fijado por control negativo: sin
+ * el `allowsEmptyCollection` de abajo, tres de los cuatro casos de `Select.empty-collection.test.tsx`
+ * fallan y el CONTROL con opciones sigue pasando.
+ *
+ * LA CAUSA, y por qué NO es un olvido de HeroUI. La guarda es de react-aria y es explícita
+ * (`react-stately@3.49.0`, `dist/private/select/useSelectState.mjs:108-111` y su gemela en
+ * `toggle`):
+ *
+ *   // Don't open if the collection is empty.
+ *   if (listState.collection.size !== 0 || props.allowsEmptyCollection) { … }
+ *
+ * O sea que react-aria trae la puerta de salida hecha —`allowsEmptyCollection`— y nadie la pasa:
+ * cero apariciones en `@heroui/react/dist` (grep sobre el paquete instalado). No está en el código
+ * de HeroUI, pero **sí en su API**: `SelectRootProps` extiende las props de
+ * `react-aria-components/Select`, que son `Omit<AriaSelectProps, "children"|"label"|…>` sin omitir
+ * ésta, y `AriaSelectProps` extiende el `SelectProps` de react-stately donde la prop se declara
+ * (`react-aria/dist/types/src/select/useSelect.d.ts:6` →
+ * `react-stately/dist/types/src/select/useSelectState.d.ts`). Y el `SelectRoot` de v3 hace
+ * `<Select data-slot="select" {...props}>` (`@heroui/react/dist/components/select/select.js:37`),
+ * que acaba en `useSelectState({...props})` (`react-aria-components/dist/private/Select.mjs:92`).
+ * Basta pasarla.
+ *
+ * ⚠️ QUÉ HACÍA v2, VERIFICADO EN EL PAQUETE Y NO DEDUCIDO. v2 se abría, y era **a propósito**: su
+ * `@heroui/select@2.4.22` no usa `react-stately` (no figura entre sus dependencias) sino el fork
+ * propio `@heroui/use-aria-multiselect@2.4.15`, cuyo `useMultiSelectState` invierte la guarda
+ * (`dist/use-multiselect-state.js:102`, guardas en `:112` y `:117`):
+ *
+ *   const shouldHideContent = listState.collection.size === 0 && props.hideEmptyContent;
+ *   open(...)   { if (shouldHideContent) return; … }
+ *   toggle(...) { if (shouldHideContent) return; … }
+ *
+ * es decir: abre SIEMPRE salvo que se lo prohíban, y la prohibición es opt-in con default
+ * `hideEmptyContent = false` (`@heroui/select@2.4.22`, `dist/use-select.js:83`). Que exista esa
+ * prop es la prueba de que abrir con la lista vacía era el comportamiento buscado, no un accidente.
+ * Ninguna de las apps la pasa (0 usos de `hideEmptyContent`, medido 17-sep-2026 en los 5 repos
+ * consumidores), así que aquí se reproduce el default de v2 sin exponer la palanca.
+ *
+ * EL TEXTO. Lo que v2 pintaba en ese hueco venía del listbox, no del select: `emptyContent` de
+ * `@heroui/listbox@2.3.21` con `@default "No items."` (`dist/use-listbox.js:51` y el `@default` en
+ * `dist/use-listbox.d.ts:64`) — un literal **inglés hardcodeado en HeroUI**, que es un género
+ * distinto del `selectPlaceholder` que se neutralizó más abajo: ese sí era una cadena de
+ * react-aria que el locale del navegador traducía. Aquí no hay nada de react-aria que traducir (su
+ * bundle de cadenas trae cuatro claves y ninguna es un estado vacío; el `ListBox` de v3 solo pinta
+ * algo si le pasas `renderEmptyState`, `react-aria-components/dist/private/ListBox.mjs:222-228`),
+ * así que el texto lo aporta la fachada y va por el patrón i18n del repo (`translations` +
+ * `DEFAULT_TRANSLATIONS` en español), no hardcodeado y no en inglés.
+ */
+const DEFAULT_TRANSLATIONS$8 = {
+    emptyContent: "No hay opciones",
+};
+// Medidas del estado vacío. Se toman las del ITEM de v3 (`@heroui/styles`,
+// `dist/components/list-box-item.css:6`: `min-h-9 … px-2 py-1.5`) y no las del slot `emptyContent`
+// de v2, y es una decisión medida: el literal de v2 era
+// `["h-10","px-2","py-1.5","w-full","h-full","text-foreground-400","text-start"]`
+// (`@heroui/theme@2.4.15`, `dist/components/listbox.js:89-97`), donde el `h-10` **nunca se
+// aplicaba** — el `tv` de v2 lleva `twMerge: true`, así que `h-full`, declarado después, lo
+// borraba. Reproducir `h-10` sería copiar una intención que v2 no cumplía; alinear con el item de
+// v3 deja el hueco vacío del mismo alto que tendría una opción, que es lo que se ve bien (§9.1).
+// Del literal de v2 se conservan lo que sí pintaba: padding, ancho completo, alineación al inicio
+// y el gris `text-foreground-400` (existe en el tema y se invierte en oscuro —
+// `src/styles/theme-packs.generated.css:21` claro / `:121` oscuro—, así que no se apaga).
+//
+// El `px-2.5` (10px) y no el `px-2` (8px) del item base: dentro del desplegable del Select,
+// `select.css:205-207` pisa el padding de los items con `px-2.5`, así que 10px es la sangría real
+// de una opción ahí (medido en el navegador: item `6px 28px 6px 10px`). Con `px-2` el texto del
+// hueco vacío arrancaba 2px a la izquierda del de las opciones.
+const EMPTY_CONTENT_CLASS = "flex min-h-9 w-full items-center px-2.5 py-1.5 text-start text-foreground-400";
 const RADIUS_CLASS$4 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
@@ -8900,10 +8974,11 @@ placeholder = "", selectionMode = "single", selectedKeys, defaultSelectedKeys, o
 // `undefined` y el campo dejaba de llenar su contenedor: en una fila flex se encogía al ancho
 // de su contenido (medido por S2: 208px dentro de una fila de 592, 336px de hueco). En una
 // columna no se notaba porque el `stretch` del flex lo tapaba — pero afecta a cualquier app.
-fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-details": ariaDetails, }) => {
+fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, translations = {}, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-details": ariaDetails, }) => {
     const generatedId = useId();
     const selectId = id || generatedId;
     const requiredField = isRequired;
+    const t = { ...DEFAULT_TRANSLATIONS$8, ...translations };
     // Mismo criterio que el `group-data-[has-helper=true]` de v2: cuenta como "con ayuda" el campo
     // que efectivamente PINTA una descripción o un mensaje de error, no el que solo recibe la prop.
     const hasHelper = Boolean((description && !isInvalid) || (isInvalid && errorMessage));
@@ -8920,10 +8995,30 @@ fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, "ari
     "w-full", classNames?.trigger);
     const inner = (jsxs(Fragment, { children: [label && (jsx(Label, { className: cn(LABEL_CLASS$1, hasHelper
                     ? LABEL_OFFSET_HELPER_CLASS[size]
-                    : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), jsxs(Select$1.Trigger, { className: triggerClassName, children: [jsx(Select$1.Value, { className: cn(SIZE_TEXT_CLASS[size], VALUE_ROOM_CLASS, isInvalid ? INVALID_TEXT_CLASS$1 : "") }), jsx(Select$1.Indicator, { className: "end-3" })] }), description && !isInvalid && (jsx(Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), jsx(Select$1.Popover, { className: classNames?.popoverContent, children: jsx(ListBox, { children: withItemIndicator(withCollectionItemIds(children)) }) }), isInvalid && errorMessage && (jsx(FieldError, { className: `${HELPER_CLASS$1} text-left`, children: errorMessage }))] }));
+                    : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), jsxs(Select$1.Trigger, { className: triggerClassName, children: [jsx(Select$1.Value, { className: cn(SIZE_TEXT_CLASS[size], VALUE_ROOM_CLASS, isInvalid ? INVALID_TEXT_CLASS$1 : "") }), jsx(Select$1.Indicator, { className: "end-3" })] }), description && !isInvalid && (jsx(Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), jsx(Select$1.Popover, { className: classNames?.popoverContent, children: jsx(ListBox
+                // El hueco que v2 llenaba con su `emptyContent` (ver el bloque de
+                // `DEFAULT_TRANSLATIONS`). `renderEmptyState` es la vía de v3: el `ListBox` de
+                // react-aria solo pinta algo con la colección vacía si se le pasa, y envuelve
+                // el resultado en un `<div role="option" style="display:contents">`
+                // (`react-aria-components/dist/private/ListBox.mjs:222-228`), o sea que la caja
+                // que se ve es la nuestra.
+                , { 
+                    // El hueco que v2 llenaba con su `emptyContent` (ver el bloque de
+                    // `DEFAULT_TRANSLATIONS`). `renderEmptyState` es la vía de v3: el `ListBox` de
+                    // react-aria solo pinta algo con la colección vacía si se le pasa, y envuelve
+                    // el resultado en un `<div role="option" style="display:contents">`
+                    // (`react-aria-components/dist/private/ListBox.mjs:222-228`), o sea que la caja
+                    // que se ve es la nuestra.
+                    renderEmptyState: () => (jsx("div", { className: EMPTY_CONTENT_CLASS, children: t.emptyContent })), children: withItemIndicator(withCollectionItemIds(children)) }) }), isInvalid && errorMessage && (jsx(FieldError, { className: `${HELPER_CLASS$1} text-left`, children: errorMessage }))] }));
     const commonProps = {
         id: selectId,
         name,
+        // La puerta de salida de la guarda de react-aria, sin la cual un campo con la lista vacía
+        // no se abre (ver el bloque de `DEFAULT_TRANSLATIONS` para la cita y para qué hacía v2).
+        // Incondicional a propósito: es el default de v2 (`hideEmptyContent = false`), y las apps
+        // construyen la mayoría de sus colecciones desde datos, así que "vacío" es un estado
+        // normal, no un error.
+        allowsEmptyCollection: true,
         // Etiquetado accesible. Va en la RAÍZ y no en el disparador a propósito: el nombre del
         // disparador lo compone react-aria a partir de las props de la raíz (`useSelect` →
         // `useLabel`), y puesto en `Select.Trigger` se quedaría como un `aria-label` suelto que

package/dist/types/components/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACX,WAAW,EAIX,MAAM,gBAAgB,CAAC;AAgTxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiSxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACX,WAAW,EAKX,MAAM,gBAAgB,CAAC;AA6XxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqTxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/components/select/Select.types.d.ts

@@ -4,6 +4,27 @@ export type SelectSize = "sm" | "md" | "lg";
 /** Vocabulario v2 (HeroUI v3 solo tiene "primary"/"secondary"). */
 export type SelectVariant = "flat" | "bordered" | "faded" | "underlined";
 export type SelectRadius = "none" | "sm" | "md" | "lg" | "full";
+/**
+ * Traducciones del componente (TECH-2459 · F5, defecto «un Select con la lista vacía no se abre»).
+ *
+ * Solo hay UNA clave, y el porqué importa: el estado vacío es el único texto que esta fachada
+ * aporta. El placeholder se neutraliza a propósito con cadena vacía (ver `Select.tsx`), porque ahí
+ * v2 no pintaba nada; aquí v2 SÍ pintaba texto —el `emptyContent` de `@heroui/listbox@2.3.21`, cuyo
+ * `@default` es el literal **inglés** `"No items."` (`dist/use-listbox.d.ts:64`)—, así que lo que
+ * procede es reponerlo traducido, no suprimirlo.
+ *
+ * No hay alternativa de react-aria que traducir: su paquete de cadenas solo trae cuatro
+ * (`react-aria-components/dist/private/intl/es-ES.mjs`: `colorSwatchPicker`, `dropzoneLabel`,
+ * `selectPlaceholder`, `tableResizer`) y ninguna es un estado vacío — el `ListBox` de v3 no pinta
+ * nada si no le pasas `renderEmptyState`. O sea que el texto tiene que ser nuestro.
+ */
+export type SelectTranslations = {
+    /**
+     * Texto que muestra el desplegable cuando la colección de opciones está vacía.
+     * @default "No hay opciones"
+     */
+    emptyContent?: string;
+};
 export interface SelectClassNames {
     label?: string;
     trigger?: string;
@@ -67,6 +88,14 @@ export interface SelectProps {
     className?: string;
     /** Overrides puntuales por slot (compat v2; usar `className` para el resto). */
     classNames?: SelectClassNames;
+    /**
+     * Traducciones i18n del componente. Si no se pasa, usa los valores por defecto en español.
+     * @example
+     * ```tsx
+     * <Select translations={{ emptyContent: t("select_empty") }}>{items}</Select>
+     * ```
+     */
+    translations?: SelectTranslations;
     "aria-label"?: string;
     "aria-labelledby"?: string;
     "aria-describedby"?: string;

package/dist/types/components/select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,mEAAmE;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,gBAAgB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC;AASzD,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,wBAAwB;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,0FAA0F;IAC1F,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAkB9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,mEAAmE;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC;AASzD,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,wBAAwB;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,0FAA0F;IAC1F,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAkBlC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/types/components/select/index.d.ts

@@ -1,3 +1,3 @@
 export { Select, default } from "./Select";
-export type { SelectProps, SelectSelection } from "./Select.types";
+export type { SelectProps, SelectSelection, SelectTranslations, } from "./Select.types";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG3C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG3C,YAAY,EACX,WAAW,EACX,eAAe,EACf,kBAAkB,GAClB,MAAM,gBAAgB,CAAC"}

package/dist/types/index.d.ts

@@ -73,7 +73,7 @@ export { Button, type ButtonProps } from "./components/button";
 export { Card, type CardProps } from "./components/card";
 export { Input, type InputProps } from "./components/input";
 export { SearchInput, type SearchInputProps } from "./components/search-input";
-export { Select, type SelectProps } from "./components/select";
+export { Select, type SelectProps, type SelectTranslations, } from "./components/select";
 export { Table, type TableProps } from "./components/table";
 export { Dropdown, DropdownSection, type DropdownProps, type DropdownSectionClassNames, type DropdownSectionProps, } from "./components/dropdown";
 export { Textarea, type TextareaProps } from "./components/textarea";