@synnaxlabs/pluto 0.21.6 → 0.21.8

package/dist/{Toggle-DozaP3Tx.js → Toggle-DGLgYCOX.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
 import * as React from "react";
 import React__default, { isValidElement as isValidElement$1, PureComponent, Component, useCallback, useEffect, useRef, useState, createContext, useContext as useContext$4, forwardRef, Children, useLayoutEffect, useMemo, memo as memo$1, useId, cloneElement } from "react";
-import { ah as commonjsGlobal, ae as getDefaultExportFromCjs, c as S, _, a2 as o, ai as executeInitialSetter, aj as executeSetter, w as w$1, y as y$1, B as n$1, m as w$2, A as A$2, ak as customAlphabet, d as a$1, T as fe, F as is, a6 as prettyParse, al as isSetter, C as ComponentSizeLevels, am as getAugmentedNamespace, t as themeZ, b as SYNNAX_THEMES, a as SYNNAX_LIGHT, S as SYNNAX_DARK, P as Provider$5, f as fontString, o as S$1, k as dimensions, D as o$1, an as Aggregator$1, ao as aggregatorStateZ, h as usePurePassthrough, ap as v } from "./aggregator-Dl2jHye5.js";
+import { ah as commonjsGlobal, ae as getDefaultExportFromCjs, c as S, _, a2 as o, ai as executeInitialSetter, aj as executeSetter, w as w$1, y as y$1, z as n$1, m as w$2, A as A$2, ak as customAlphabet, d as a$1, Q as fe, E as is, a6 as prettyParse, al as isSetter, C as ComponentSizeLevels, am as getAugmentedNamespace, t as themeZ, b as SYNNAX_THEMES, a as SYNNAX_LIGHT, S as SYNNAX_DARK, P as Provider$5, f as fontString, o as S$1, k as dimensions, B as o$1, an as Aggregator$1, ao as aggregatorStateZ, h as usePurePassthrough, ap as v } from "./aggregator-BgImZc4o.js";
 import { m as k, o as c, p as t, B, $ as $$1, y, s, r as g, v as po, w as T, x as w, z as u, E as fo, F as lo, G as A$1, M, T as To, q as q$1, C as CSS, c as cssString, L, J, h as clsx } from "./css-DoalWJF6.js";
 import { createPortal } from "react-dom";
 import { E as Element, S as Space, P as Pack, C as Center } from "./Center-hbwH7rg9.js";
@@ -12185,6 +12185,7 @@ const ItemFrame = ({
   highlightHovered = false,
   translate,
   style,
+  sourceIndex: _3,
   ...props
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   Space,
@@ -57181,6 +57182,7 @@ const Provider$1 = wrap$1(
       schema: Provider$5.z,
       initialState: { theme: ret.theme }
     });
+    useEffect(() => setAetherTheme({ theme: ret.theme }), [ret.theme]);
     useLayoutEffect(() => {
       if (applyCSSVars)
         CSS.applyVars(document.documentElement, toCSSVars(ret.theme));
@@ -58188,19 +58190,35 @@ const Hover = ({
     if (hover3 >= data.length)
       setHover(0);
   }, [data.length]);
+  const intervalRef = useRef(null);
   const handleTrigger = useCallback(
     ({ triggers, stage }) => {
+      if (intervalRef.current != null) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
       if (stage !== "start")
         return;
       if (disabled)
         return;
       const data2 = getData();
-      if (match(triggers, [UP_TRIGGER]))
-        setHover((pos) => pos === 0 ? data2.length - 1 : pos - 1);
-      else if (match(triggers, [DOWN_TRIGGER]))
-        setHover((pos) => pos === data2.length - 1 ? 0 : pos + 1);
-      else if (match(triggers, [SELECT_TRIGGER]))
+      if (match(triggers, [SELECT_TRIGGER])) {
+        if (hover3 === -1)
+          return;
         onSelect == null ? void 0 : onSelect(data2[ref.current].key);
+        return;
+      }
+      const move = () => {
+        const data3 = getData();
+        if (match(triggers, [UP_TRIGGER], true))
+          setHover((pos) => pos === 0 ? data3.length - 1 : pos - 1);
+        else if (match(triggers, [DOWN_TRIGGER], true))
+          setHover((pos) => pos === data3.length - 1 ? 0 : pos + 1);
+      };
+      move();
+      intervalRef.current = setTimeout(() => {
+        intervalRef.current = setInterval(move, 100);
+      }, 200);
     },
     [onSelect, disabled]
   );
@@ -58245,6 +58263,21 @@ const InfiniteProvider = ({ children }) => {
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Context$3.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UtilContext.Provider, { value: utilValue, children }) });
 };
+const scrollToRelevantChild = (hover3, prevHover, ref) => {
+  var _a;
+  const dirMultiplier = hover3 > prevHover ? 1 : -1;
+  let scrollTo = hover3;
+  const idealHover = hover3 + dirMultiplier * 2;
+  if (L.contains({ lower: 0, upper: ref.children.length }, idealHover))
+    scrollTo = hover3 + dirMultiplier * 2;
+  else
+    scrollTo = hover3;
+  (_a = ref.children[scrollTo]) == null ? void 0 : _a.scrollIntoView({
+    block: "nearest",
+    inline: "nearest",
+    behavior: "smooth"
+  });
+};
 const VirtualCore = ({
   itemHeight,
   children,
@@ -58325,7 +58358,7 @@ const VirtualCore = ({
   );
 };
 const Core = ({
-  itemHeight: _3,
+  itemHeight = 50,
   ...props
 }) => {
   const {
@@ -58337,7 +58370,14 @@ const Core = ({
   const { hover: hover3 } = useHoverContext();
   const { selected } = useSelectionContext();
   const { onSelect } = useSelectionUtils();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { className: CSS.BE("list", "container"), size: 0, ...props, children: data.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: data.map((entry, index2) => {
+  const ref = useRef(null);
+  const prevHover = usePrevious(hover3) ?? 0;
+  useLayoutEffect(() => {
+    if (ref.current == null)
+      return;
+    scrollToRelevantChild(hover3, prevHover, ref.current);
+  }, [hover3, itemHeight]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { className: CSS.BE("list", "container"), ref, size: 0, ...props, children: data.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: data.map((entry, index2) => {
     let sourceIndex = index2;
     if (transformed)
       sourceIndex = sourceData.findIndex((e2) => e2.key === entry.key);
@@ -59422,4 +59462,4 @@ export {
   useHeldRef as y,
   Core as z
 };
-//# sourceMappingURL=Toggle-DozaP3Tx.js.map
+//# sourceMappingURL=Toggle-DGLgYCOX.js.map