@sia-ui/cli 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sia-ui/cli
 
+## 0.7.1
+
+### Patch Changes
+
+- Aligne les packages publics de SIA UI sur la version 0.7.1 afin que les huit packages restent sur une version commune.
+
 ## 0.7.0
 
 ### Minor Changes

package/README.md

@@ -68,6 +68,12 @@ Le contenu ci-dessous reprend intégralement `CHANGELOG.md` pour rester visible
 <!-- sia:changelog:start -->
 # @sia-ui/cli
 
+## 0.7.1
+
+### Patch Changes
+
+- Aligne les packages publics de SIA UI sur la version 0.7.1 afin que les huit packages restent sur une version commune.
+
 ## 0.7.0
 
 ### Minor Changes

package/dist/registry/package/components/Select/index.tsx

@@ -191,6 +191,16 @@ export const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select
     if (searchable || fetcher) window.setTimeout(() => searchRef.current?.focus(), 0);
   }, [currentValue, fetcher, open, searchable, visibleOptions]);
 
+  // L'option active reste visible : au clavier, descendre au-delà du bas de
+  // la liste la laissait hors champ, et l'on choisissait à l'aveugle.
+  // `nearest` ne fait défiler que si elle sort de la zone visible.
+  useEffect(() => {
+    if (!open || activeIndex < 0) return;
+    document
+      .getElementById(`${listboxId}-${activeIndex}`)
+      ?.scrollIntoView?.({ block: "nearest" });
+  }, [activeIndex, listboxId, open]);
+
   const setTriggerRef = (node: HTMLButtonElement | null) => {
     triggerRef.current = node;
     if (typeof forwardedRef === "function") forwardedRef(node);

package/dist/registry/package/components/Select/styles.css

@@ -12,10 +12,13 @@
 .sia-select__clear:hover { color:var(--sia-foreground); background:var(--sia-surface); }
 .sia-select__chevron { transform:translateY(-.5rem); font-size:1.1rem; }
 .sia-select__overlay { overflow:hidden; border:1px solid var(--sia-border); border-radius:var(--sia-radius); color:var(--sia-foreground); background:var(--sia-background); box-shadow:0 14px 36px rgb(15 23 42 / .16); }
-.sia-select__panel { display:grid; min-width:12rem; max-height:min(22rem,calc(100vh - 1rem)); }
-.sia-select__search-wrap { display:flex; align-items:center; gap:.5rem; padding:.55rem .65rem; color:var(--sia-muted); border-bottom:1px solid var(--sia-border); }
+/* Colonne flex, pas grille : un enfant de grille garde une hauteur minimale
+   égale à son contenu, la liste débordait alors du panneau au lieu de
+   défiler — et l'overlay, en overflow:hidden, la coupait. */
+.sia-select__panel { display:flex; flex-direction:column; min-width:12rem; max-height:min(22rem,calc(100vh - 1rem)); }
+.sia-select__search-wrap { flex:none; display:flex; align-items:center; gap:.5rem; padding:.55rem .65rem; color:var(--sia-muted); border-bottom:1px solid var(--sia-border); }
 .sia-select__search { min-width:0; width:100%; padding:.2rem 0; border:0; outline:0; color:var(--sia-foreground); background:transparent; font:inherit; }
-.sia-select__options { overflow-y:auto; padding:.35rem; }
+.sia-select__options { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:.35rem; }
 .sia-select__option { display:flex; align-items:center; justify-content:space-between; gap:.75rem; width:100%; padding:.55rem .65rem; border:0; border-radius:calc(var(--sia-radius) * .7); color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; }
 .sia-select__option:hover:not(:disabled),.sia-select__option--active:not(:disabled) { background:var(--sia-surface); }
 .sia-select__option[aria-selected="true"] { color:var(--sia-primary); background:color-mix(in srgb,var(--sia-primary) 10%,transparent); }

package/dist/registry/registry.json

@@ -1437,7 +1437,7 @@
       "name": "select",
       "description": "Accessible searchable select with positioned overlay and async option loading.",
       "type": "component",
-      "version": "0.3.0",
+      "version": "0.3.1",
       "status": "stable",
       "source": "package",
       "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia-ui/cli",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Install SIA UI components progressively into an application.",
   "keywords": [
     "sia-ui",
@@ -39,10 +39,10 @@
     "react-dom": "^19.2.3",
     "typescript": "^5.9.3",
     "vitest": "^4.0.16",
-    "@sia-ui/tokens": "0.7.0",
-    "@sia-ui/react": "0.7.0",
-    "@sia-ui/utils": "0.7.0",
-    "@sia-ui/headless": "0.7.0"
+    "@sia-ui/headless": "0.7.1",
+    "@sia-ui/react": "0.7.1",
+    "@sia-ui/tokens": "0.7.1",
+    "@sia-ui/utils": "0.7.1"
   },
   "scripts": {
     "build": "node scripts/build.mjs",