@geckoui/geckoui 1.6.1 → 1.6.3

package/dist/index.js

@@ -4465,8 +4465,13 @@ var Select = (props) => {
       (0, import_react31.flip)({ padding: 6 }),
       (0, import_react31.offset)({ mainAxis: 6 }),
       (0, import_react31.size)({
-        apply({ rects, elements }) {
-          elements.floating.style.width = `${rects.reference.width}px`;
+        padding: 6,
+        apply({ rects, availableWidth, elements }) {
+          Object.assign(elements.floating.style, {
+            width: "max-content",
+            minWidth: `${rects.reference.width}px`,
+            maxWidth: `${availableWidth}px`
+          });
         }
       })
     ],
@@ -4617,7 +4622,7 @@ var SelectOption = (_a) => {
   const focused = !isNil_default(focusedOption) && isEqual_default(focusedOption == null ? void 0 : focusedOption.value, value);
   (0, import_react33.useEffect)(() => {
     if (!ref.current || !menuScrollContainerRef.current) return;
-    if ((focusedOption == null ? void 0 : focusedOption.focusType) === "keyboard" && focused) {
+    if ((focusedOption == null ? void 0 : focusedOption.focusType) !== "mouse" && focused) {
       const scrollContainer = menuScrollContainerRef.current;
       const optionRect = ref.current.getBoundingClientRect();
       const containerRect = scrollContainer.getBoundingClientRect();
@@ -4629,7 +4634,7 @@ var SelectOption = (_a) => {
         const optionHeight = ref.current.clientHeight;
         scrollContainer.scrollTo({
           top: optionTop - containerHeight / 2 + optionHeight / 2,
-          behavior: "smooth"
+          behavior: (focusedOption == null ? void 0 : focusedOption.focusType) === "initial" ? "auto" : "smooth"
         });
       }
     }

package/dist/index.mjs

@@ -4377,8 +4377,13 @@ var Select = (props) => {
       flip4({ padding: 6 }),
       offset4({ mainAxis: 6 }),
       size({
-        apply({ rects, elements }) {
-          elements.floating.style.width = `${rects.reference.width}px`;
+        padding: 6,
+        apply({ rects, availableWidth, elements }) {
+          Object.assign(elements.floating.style, {
+            width: "max-content",
+            minWidth: `${rects.reference.width}px`,
+            maxWidth: `${availableWidth}px`
+          });
         }
       })
     ],
@@ -4529,7 +4534,7 @@ var SelectOption = (_a) => {
   const focused = !isNil_default(focusedOption) && isEqual_default(focusedOption == null ? void 0 : focusedOption.value, value);
   useEffect8(() => {
     if (!ref.current || !menuScrollContainerRef.current) return;
-    if ((focusedOption == null ? void 0 : focusedOption.focusType) === "keyboard" && focused) {
+    if ((focusedOption == null ? void 0 : focusedOption.focusType) !== "mouse" && focused) {
       const scrollContainer = menuScrollContainerRef.current;
       const optionRect = ref.current.getBoundingClientRect();
       const containerRect = scrollContainer.getBoundingClientRect();
@@ -4541,7 +4546,7 @@ var SelectOption = (_a) => {
         const optionHeight = ref.current.clientHeight;
         scrollContainer.scrollTo({
           top: optionTop - containerHeight / 2 + optionHeight / 2,
-          behavior: "smooth"
+          behavior: (focusedOption == null ? void 0 : focusedOption.focusType) === "initial" ? "auto" : "smooth"
         });
       }
     }

package/dist/styles.css

@@ -2047,7 +2047,6 @@
   z-index: 10;
   display: flex;
   max-height: 240px;
-  width: 100%;
   min-width: calc(var(--spacing, 0.25rem) * 0);
   flex-direction: column;
   gap: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geckoui/geckoui",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "license": "MIT",
   "description": "The only thing our Gecko eats is bugs!",
   "keywords": [