klun-ui 0.1.15 → 0.1.16

package/dist/{chunk-PAGCE4QH.cjs → chunk-6WIXXBXA.cjs}

@@ -6455,6 +6455,7 @@ function useSelect({ children, value, defaultValue, disabled, rootRef }) {
   const current = controlled ? String(value ?? "") : internal;
   const [open, setOpen] = react.useState(false);
   const [active, setActive] = react.useState(-1);
+  const [placement, setPlacement] = react.useState("down");
   const triggerRef = react.useRef(null);
   const selectRef = react.useRef(null);
   const selected = options.find((o) => o.value === current) ?? null;
@@ -6475,6 +6476,15 @@ function useSelect({ children, value, defaultValue, disabled, rootRef }) {
     if (disabled) return;
     const idx = options.findIndex((o) => o.value === current);
     setActive(idx >= 0 ? idx : options.findIndex((o) => !o.disabled));
+    const trigger = triggerRef.current;
+    if (trigger && typeof window !== "undefined") {
+      const r = trigger.getBoundingClientRect();
+      const estimated = Math.min(options.length * 36 + 12, 280);
+      const below = window.innerHeight - r.bottom;
+      setPlacement(below < estimated + 8 && r.top > below ? "up" : "down");
+    } else {
+      setPlacement("down");
+    }
     setOpen(true);
   };
   const close = (refocus = true) => {
@@ -6551,6 +6561,7 @@ function useSelect({ children, value, defaultValue, disabled, rootRef }) {
     current,
     selected,
     open,
+    placement,
     active,
     setActive,
     triggerRef,
@@ -6711,7 +6722,8 @@ var CompactSelect = react.forwardRef(
               current: s.current,
               active: s.active,
               onActivate: s.setActive,
-              onPick: s.pick
+              onPick: s.pick,
+              className: s.placement === "up" ? "klun-select-listbox--up" : void 0
             }
           ) : null
         ]
@@ -6807,7 +6819,8 @@ var CompactSelectForInput = react.forwardRef(function CompactSelectForInput2({
             current: s.current,
             active: s.active,
             onActivate: s.setActive,
-            onPick: s.pick
+            onPick: s.pick,
+            className: s.placement === "up" ? "klun-select-listbox--up" : void 0
           }
         ) : null
       ]
@@ -8107,7 +8120,8 @@ var InlineSelect = react.forwardRef(
               current: s.current,
               active: s.active,
               onActivate: s.setActive,
-              onPick: s.pick
+              onPick: s.pick,
+              className: s.placement === "up" ? "klun-select-listbox--up" : void 0
             }
           ) : null
         ]
@@ -8453,7 +8467,8 @@ var Select = react.forwardRef(function Select2({
         current: s.current,
         active: s.active,
         onActivate: s.setActive,
-        onPick: s.pick
+        onPick: s.pick,
+        className: s.placement === "up" ? "klun-select-listbox--up" : void 0
       }
     ) : null
   ] });
@@ -10972,5 +10987,5 @@ exports.useSize = useSize;
 exports.viVN = viVN;
 exports.zhCN = zhCN;
 exports.zhTW = zhTW;
-//# sourceMappingURL=chunk-PAGCE4QH.cjs.map
-//# sourceMappingURL=chunk-PAGCE4QH.cjs.map
+//# sourceMappingURL=chunk-6WIXXBXA.cjs.map
+//# sourceMappingURL=chunk-6WIXXBXA.cjs.map