@algenium/blocks 1.20.0 → 1.21.0

package/dist/index.js

@@ -6629,7 +6629,12 @@ function TimeCombobox({
       setDraft(formatTimeDisplay(value));
     }
   };
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  const handleListWheel = (e) => {
+    e.currentTarget.scrollTop += e.deltaY;
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: true, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       "button",
       {
@@ -6681,38 +6686,46 @@ function TimeCombobox({
               "aria-label": ariaLabel
             }
           ) }),
-          /* @__PURE__ */ jsxs("div", { ref: listRef, className: "max-h-56 overflow-y-auto py-1", children: [
-            filtered.map((slot) => {
-              const selected = slot === value;
-              const label = formatTimeDisplay(slot);
-              const hint = durationFrom != null ? formatDurationHintClean(durationFrom, slot) : null;
-              return /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  ref: selected ? selectedRef : void 0,
-                  type: "button",
-                  className: cn(
-                    "flex w-full items-center justify-between px-3 py-1.5 text-left text-sm tabular-nums hover:bg-accent",
-                    selected && "bg-accent font-medium"
-                  ),
-                  onMouseDown: (e) => {
-                    e.preventDefault();
-                  },
-                  onClick: () => {
-                    onChange(slot);
-                    setDraft(formatTimeDisplay(slot));
-                    setOpen(false);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx("span", { children: label }),
-                    hint && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: hint })
-                  ]
-                },
-                slot
-              );
-            }),
-            filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-xs text-muted-foreground", children: "No matching times" })
-          ] })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: listRef,
+              className: "max-h-56 overflow-y-auto py-1",
+              onWheel: handleListWheel,
+              children: [
+                filtered.map((slot) => {
+                  const selected = slot === value;
+                  const label = formatTimeDisplay(slot);
+                  const hint = durationFrom != null ? formatDurationHintClean(durationFrom, slot) : null;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      ref: selected ? selectedRef : void 0,
+                      type: "button",
+                      className: cn(
+                        "flex w-full items-center justify-between px-3 py-1.5 text-left text-sm tabular-nums hover:bg-accent",
+                        selected && "bg-accent font-medium"
+                      ),
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                      },
+                      onClick: () => {
+                        onChange(slot);
+                        setDraft(formatTimeDisplay(slot));
+                        setOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx("span", { children: label }),
+                        hint && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: hint })
+                      ]
+                    },
+                    slot
+                  );
+                }),
+                filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-3 py-2 text-xs text-muted-foreground", children: "No matching times" })
+              ]
+            }
+          )
         ]
       }
     )