@caffeinebounce/ui 0.62.2

package/dist/chunk-PZRI43EZ.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var alertVariants = classVarianceAuthority.cva(
+  "relative w-full rounded-box border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "border-destructive text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: chunkADIDI7AJ_js.cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: chunkADIDI7AJ_js.cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: chunkADIDI7AJ_js.cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center border font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+        success: "border-transparent bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+        warning: "border-transparent bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400",
+        muted: "border-transparent bg-muted text-muted-foreground"
+      },
+      shape: {
+        pill: "rounded-full",
+        rounded: "rounded-md",
+        square: "rounded-none"
+      },
+      size: {
+        sm: "px-1 text-[9px]",
+        default: "px-1.5 text-[10px]",
+        lg: "px-2 py-0.5 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      shape: "pill",
+      size: "default"
+    }
+  }
+);
+function Badge({ className, variant, shape, size, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "badge",
+      className: chunkADIDI7AJ_js.cn(badgeVariants({ variant, shape, size }), className),
+      ...props
+    }
+  );
+}
+
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;

package/dist/chunk-Q256HRYD.js

@@ -0,0 +1,176 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+
+// src/utils/avatar-gradient.ts
+var GRADIENT_PAIRS = [
+  // Vibrant contrasts
+  { from: "#f97316", to: "#ec4899" },
+  // Orange → Pink
+  { from: "#ef4444", to: "#a855f7" },
+  // Red → Purple
+  { from: "#f59e0b", to: "#ef4444" },
+  // Amber → Red
+  { from: "#ec4899", to: "#8b5cf6" },
+  // Pink → Violet
+  { from: "#f43f5e", to: "#fb923c" },
+  // Rose → Orange
+  // Cool gradients
+  { from: "#3b82f6", to: "#a855f7" },
+  // Blue → Purple
+  { from: "#6366f1", to: "#ec4899" },
+  // Indigo → Pink
+  { from: "#8b5cf6", to: "#06b6d4" },
+  // Violet → Cyan
+  { from: "#a855f7", to: "#3b82f6" },
+  // Purple → Blue
+  { from: "#06b6d4", to: "#10b981" },
+  // Cyan → Emerald
+  // Bold combos
+  { from: "#10b981", to: "#3b82f6" },
+  // Emerald → Blue
+  { from: "#14b8a6", to: "#8b5cf6" },
+  // Teal → Violet
+  { from: "#22c55e", to: "#06b6d4" },
+  // Green → Cyan
+  { from: "#0ea5e9", to: "#f43f5e" },
+  // Sky → Rose
+  { from: "#eab308", to: "#22c55e" }
+  // Yellow → Green
+];
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash);
+}
+function getAvatarGradient(userId) {
+  const index = hashString(userId) % GRADIENT_PAIRS.length;
+  const gradient = GRADIENT_PAIRS[index];
+  return {
+    from: gradient.from,
+    to: gradient.to,
+    style: {
+      background: `linear-gradient(135deg, ${gradient.from} 0%, ${gradient.to} 100%)`
+    },
+    className: "text-white"
+  };
+}
+function getGradientIndex(userId) {
+  return hashString(userId) % GRADIENT_PAIRS.length;
+}
+function getGradientPairs() {
+  return GRADIENT_PAIRS;
+}
+var DATA_STATE_COPY = {
+  loading: {
+    title: "Loading data",
+    description: "Please wait while we prepare your finance data."
+  },
+  empty: {
+    title: "No data yet",
+    description: "There\u2019s no data for this selection yet."
+  },
+  stale: {
+    title: "Showing older data",
+    description: "This view may be out of date. Refresh to see the latest values."
+  },
+  partial: {
+    title: "Some data is missing",
+    description: "We loaded what we could, but part of this view is unavailable."
+  },
+  error: {
+    title: "Something went wrong",
+    description: "We couldn\u2019t load this data right now. Please try again."
+  },
+  unauthorized: {
+    title: "Access needed",
+    description: "You don\u2019t currently have permission to view this data."
+  },
+  misconfigured: {
+    title: "Setup required",
+    description: "This view needs additional setup before data can be shown."
+  }
+};
+function resolveDataState({
+  error,
+  data,
+  metadata,
+  hasData
+}) {
+  const normalizedError = error;
+  const isUnauthorized = metadata?.isUnauthorized || normalizedError?.status === 401 || normalizedError?.status === 403 || normalizedError?.code === "unauthorized";
+  const isMisconfigured = metadata?.isMisconfigured || normalizedError?.status === 501 || normalizedError?.code === "misconfigured";
+  const computedHasData = hasData ? hasData(data) : metadata?.hasData ?? (Array.isArray(data) ? data.length > 0 : data != null && (typeof data !== "object" || Object.keys(data).length > 0));
+  if (metadata?.isLoading || metadata?.isFetching) {
+    return {
+      state: "loading",
+      retryable: false,
+      copy: DATA_STATE_COPY.loading
+    };
+  }
+  if (isUnauthorized) {
+    return {
+      state: "unauthorized",
+      retryable: false,
+      copy: DATA_STATE_COPY.unauthorized
+    };
+  }
+  if (isMisconfigured) {
+    return {
+      state: "misconfigured",
+      retryable: false,
+      copy: DATA_STATE_COPY.misconfigured
+    };
+  }
+  if (error) {
+    return { state: "error", retryable: true, copy: DATA_STATE_COPY.error };
+  }
+  if (metadata?.isPartial) {
+    return { state: "partial", retryable: true, copy: DATA_STATE_COPY.partial };
+  }
+  if (metadata?.isStale) {
+    return { state: "stale", retryable: true, copy: DATA_STATE_COPY.stale };
+  }
+  if (metadata?.isEmpty || !computedHasData) {
+    return { state: "empty", retryable: false, copy: DATA_STATE_COPY.empty };
+  }
+  return { state: null, retryable: false };
+}
+function getDataStateIcon(state) {
+  switch (state) {
+    case "loading":
+      return lucideReact.LoaderCircle;
+    case "empty":
+      return lucideReact.Database;
+    case "error":
+    case "unauthorized":
+    case "misconfigured":
+      return lucideReact.AlertCircle;
+    case "partial":
+      return lucideReact.AlertTriangle;
+    default:
+      return lucideReact.RefreshCcw;
+  }
+}
+function getDataStateIconClassName(state) {
+  switch (state) {
+    case "loading":
+      return "animate-spin";
+    case "empty":
+      return "animate-pulse";
+    default:
+      return "";
+  }
+}
+
+exports.DATA_STATE_COPY = DATA_STATE_COPY;
+exports.getAvatarGradient = getAvatarGradient;
+exports.getDataStateIcon = getDataStateIcon;
+exports.getDataStateIconClassName = getDataStateIconClassName;
+exports.getGradientIndex = getGradientIndex;
+exports.getGradientPairs = getGradientPairs;
+exports.resolveDataState = resolveDataState;

package/dist/chunk-Q52ZEL62.mjs

@@ -0,0 +1,223 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { Tooltip } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ChartContext = React.createContext(null);
+function useChart() {
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+var ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  const containerRef = React.useRef(null);
+  const [_dimensions, setDimensions] = React.useState(null);
+  React.useImperativeHandle(ref, () => containerRef.current);
+  React.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const updateDimensions = () => {
+      const { width, height } = container.getBoundingClientRect();
+      if (width > 0 && height > 0) {
+        setDimensions({ width: Math.floor(width), height: Math.floor(height) });
+      }
+    };
+    const timeout = setTimeout(updateDimensions, 50);
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const { width, height } = entry.contentRect;
+        if (width > 0 && height > 0) {
+          setDimensions({
+            width: Math.floor(width),
+            height: Math.floor(height)
+          });
+        }
+      }
+    });
+    resizeObserver.observe(container);
+    return () => {
+      clearTimeout(timeout);
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-chart": chartId,
+      ref: containerRef,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
+        children
+      ]
+    }
+  ) });
+});
+ChartContainer.displayName = "ChartContainer";
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([_, config2]) => config2.theme || config2.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(config).map(([key, item]) => {
+          const color = item.theme || item.color;
+          if (color && typeof color === "string") {
+            return `
+                [data-chart=${id}] {
+                  --color-${key}: ${color};
+                }
+              `;
+          }
+          if (color && typeof color === "object") {
+            return `
+                [data-chart=${id}] {
+                  --color-${key}: ${color.light};
+                }
+                .dark [data-chart=${id}] {
+                  --color-${key}: ${color.dark};
+                }
+              `;
+          }
+          return "";
+        }).join("\n")
+      }
+    }
+  );
+};
+var ChartTooltip = Tooltip;
+var ChartTooltipContent = React.forwardRef(
+  ({
+    active,
+    payload,
+    className,
+    indicator = "dot",
+    hideLabel = false,
+    hideIndicator = false,
+    label,
+    labelFormatter,
+    labelKey,
+    nameKey,
+    color
+  }, ref) => {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null;
+      }
+      const [item] = payload;
+      const key = `${labelKey || item.dataKey || item.name || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+      if (labelFormatter) {
+        return /* @__PURE__ */ jsx("div", { className: cn("font-medium", className), children: labelFormatter(value, payload) });
+      }
+      if (!value) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", className), children: value });
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      className,
+      config,
+      labelKey
+    ]);
+    if (!active || !payload?.length) {
+      return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        ),
+        children: [
+          !nestLabel ? tooltipLabel : null,
+          /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.map((item, _index) => {
+            const key = `${nameKey || item.name || item.dataKey || "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = color || item.payload?.fill || item.color;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  indicator === "dot" && "items-center"
+                ),
+                children: [
+                  itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                        {
+                          "h-2.5 w-2.5": indicator === "dot",
+                          "w-1": indicator === "line",
+                          "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                          "my-0.5": nestLabel && indicator === "dashed"
+                        }
+                      ),
+                      style: {
+                        "--color-bg": indicatorColor,
+                        "--color-border": indicatorColor
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+                          nestLabel ? tooltipLabel : null,
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                        ] }),
+                        item.value && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ]
+              },
+              item.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltipContent";
+function getPayloadConfigFromPayload(config, payload, key) {
+  const payloadPayload = payload.payload;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+export { ChartContainer, ChartTooltip, ChartTooltipContent };

package/dist/chunk-R26Y7LGJ.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var chunkJAE45W2T_js = require('./chunk-JAE45W2T.js');
+var chunk6TGV2DNP_js = require('./chunk-6TGV2DNP.js');
+var chunkDQWHYBV2_js = require('./chunk-DQWHYBV2.js');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var sonner = require('sonner');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SHAKE_STYLE_ID = "newsletter-shake-keyframes";
+function injectShakeKeyframes() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(SHAKE_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = SHAKE_STYLE_ID;
+  style.textContent = `
+    @keyframes shake {
+      0%, 100% { transform: translateX(0); }
+      10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
+      20%, 40%, 60%, 80% { transform: translateX(4px); }
+    }
+  `;
+  document.head.appendChild(style);
+}
+function NewsletterSignup({
+  className,
+  endpoint = "/api/newsletter/subscribe",
+  source,
+  placeholder = "Enter your email",
+  inputLabel = "Email address",
+  buttonLabel = "Subscribe",
+  submittingLabel = "Subscribing...",
+  successTitle = "You're subscribed!",
+  successDescription = "Check your email to confirm.",
+  errorMessage = "Something went wrong. Please try again.",
+  inputClassName,
+  buttonClassName,
+  successClassName
+}) {
+  const [email, setEmail] = react.useState("");
+  const [isSubmitting, setIsSubmitting] = react.useState(false);
+  const [submitted, setSubmitted] = react.useState(false);
+  const [hasError, setHasError] = react.useState(false);
+  react.useEffect(() => {
+    injectShakeKeyframes();
+  }, []);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email) return;
+    setIsSubmitting(true);
+    setHasError(false);
+    try {
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, source })
+      });
+      if (response.ok) {
+        setSubmitted(true);
+        setEmail("");
+      } else {
+        const data = await response.json();
+        sonner.toast.error(data.error || errorMessage);
+        setHasError(true);
+        setTimeout(() => setHasError(false), 500);
+      }
+    } catch {
+      sonner.toast.error(
+        "Unable to connect. Please check your connection and try again."
+      );
+      setHasError(true);
+      setTimeout(() => setHasError(false), 500);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (submitted) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkJAE45W2T_js.cx(
+          "flex items-center justify-center gap-3 rounded-box border border-border px-4 py-3",
+          className,
+          successClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground animate-in zoom-in duration-300", children: /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.Check,
+            {
+              className: "h-4 w-4 animate-in fade-in duration-500 delay-150",
+              strokeWidth: 3
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-in slide-in-from-left-2 fade-in duration-300 delay-100 text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground", children: successTitle }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: successDescription })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: chunkJAE45W2T_js.cx("flex", hasError && "animate-shake", className),
+      style: hasError ? { animation: "shake 0.5s ease-in-out" } : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkDQWHYBV2_js.Input,
+          {
+            "aria-label": inputLabel,
+            type: "email",
+            placeholder,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            required: true,
+            className: chunkJAE45W2T_js.cx(
+              "flex-1 rounded-r-none border-r-0 focus-visible:z-10",
+              inputClassName
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk6TGV2DNP_js.Button,
+          {
+            type: "submit",
+            disabled: isSubmitting || !email,
+            className: chunkJAE45W2T_js.cx("rounded-l-none", buttonClassName),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "mr-2 h-4 w-4" }),
+              isSubmitting ? submittingLabel : buttonLabel
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.NewsletterSignup = NewsletterSignup;

package/dist/chunk-RBUYW6QQ.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useScrollDirection.ts
+function useScrollDirection({
+  threshold = 10,
+  topThreshold = 50
+} = {}) {
+  const [direction, setDirection] = react.useState(null);
+  const [isAtTop, setIsAtTop] = react.useState(true);
+  const lastScrollY = react.useRef(0);
+  const ticking = react.useRef(false);
+  const updateScrollDirection = react.useCallback(() => {
+    const scrollY = window.scrollY;
+    setIsAtTop(scrollY < topThreshold);
+    const diff = scrollY - lastScrollY.current;
+    if (Math.abs(diff) >= threshold) {
+      setDirection(diff > 0 ? "down" : "up");
+      lastScrollY.current = scrollY;
+    }
+    ticking.current = false;
+  }, [threshold, topThreshold]);
+  const onScroll = react.useCallback(() => {
+    if (!ticking.current) {
+      window.requestAnimationFrame(updateScrollDirection);
+      ticking.current = true;
+    }
+  }, [updateScrollDirection]);
+  react.useEffect(() => {
+    lastScrollY.current = window.scrollY;
+    setIsAtTop(window.scrollY < topThreshold);
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, [onScroll, topThreshold]);
+  return { direction, isAtTop };
+}
+
+exports.useScrollDirection = useScrollDirection;