@timbal-ai/timbal-react 1.3.0 → 1.5.0

package/dist/kanban-U5xNe9py.d.ts

@@ -0,0 +1,212 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Avatar as Avatar$1 } from 'radix-ui';
+import { DraggableAttributes } from '@dnd-kit/core';
+
+type ButtonColor = "primary" | "secondary" | "tertiary" | "link" | "primary-destructive" | "secondary-destructive";
+declare const buttonVariants: (props?: ({
+    color?: "primary" | "secondary" | "link" | "tertiary" | "primary-destructive" | "secondary-destructive" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends Omit<React.ComponentProps<"button">, "color" | "size">, VariantProps<typeof buttonVariants> {
+    /** Legacy variant prop for compatibility. Maps onto color variants. */
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "informative";
+    /** Untitled UI-style color alias. Takes precedence over `variant` when set. */
+    color?: ButtonColor;
+    /** Icon rendered before the label. Ignored when `asChild` is set. */
+    iconLeading?: React.ReactNode;
+    /** Icon rendered after the label. Ignored when `asChild` is set. */
+    iconTrailing?: React.ReactNode;
+    /** Show a spinner and make the button non-interactive. */
+    isLoading?: boolean;
+    /** Merge props onto the single child element (Radix Slot) — for links. */
+    asChild?: boolean;
+}
+declare function Button({ className, variant, color, size, shape, iconLeading, iconTrailing, isLoading, asChild, disabled, type, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type UntitledButtonColor = "primary" | "secondary" | "tertiary" | "link" | "primary-destructive" | "secondary-destructive";
+type UntitledButtonSize = "sm" | "md" | "lg" | "xl";
+declare const untitledButtonVariants: (props?: ({
+    color?: "primary" | "secondary" | "link" | "tertiary" | "primary-destructive" | "secondary-destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface UntitledButtonProps extends Omit<React.ComponentProps<"button">, "color">, VariantProps<typeof untitledButtonVariants> {
+    /** Icon rendered before the label. Ignored when `asChild` is set. */
+    iconLeading?: React.ReactNode;
+    /** Icon rendered after the label. Ignored when `asChild` is set. */
+    iconTrailing?: React.ReactNode;
+    /** Show a spinner and make the button non-interactive. */
+    isLoading?: boolean;
+    /** Merge props onto the single child element (Radix Slot) — for links. */
+    asChild?: boolean;
+}
+declare function UntitledButton({ className, color, size, iconLeading, iconTrailing, isLoading, asChild, disabled, type, children, ...props }: UntitledButtonProps): react_jsx_runtime.JSX.Element;
+
+type AvatarVariant = "muted" | "secondary" | "primary" | "chart";
+/**
+ * Action-button chrome for initials — matches `Button variant="secondary"` (elevated
+ * gradient, border, shadow, foreground text). `variant="primary"` / `"chart"` use this too.
+ */
+declare const AVATAR_PRIMARY_FALLBACK_CLASS: string;
+/**
+ * @deprecated Name retained for API stability — returns Action-button (secondary) surface.
+ */
+declare function avatarChartVariantClass(_seed?: string): string;
+declare const AVATAR_SIZE_CLASS: {
+    readonly default: "size-8";
+    readonly sm: "size-6";
+    readonly lg: "size-10";
+};
+declare function Avatar({ className, size, variant: rootVariant, children, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
+    size?: keyof typeof AVATAR_SIZE_CLASS;
+    /**
+     * `secondary` / `primary` / `chart` — elevated Action-button chrome on the root.
+     * Prefer `secondary`; `primary` is an alias for the same look (not dark primary CTA).
+     */
+    variant?: AvatarVariant;
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, variant, seed: _seed, children, style, ...props }: React.ComponentProps<typeof Avatar$1.Fallback> & {
+    /**
+     * `secondary` — Action button look (`Button variant="secondary"`).
+     * `primary` / `chart` — same as `secondary` (aliases for prompts).
+     */
+    variant?: AvatarVariant;
+    /** Reserved for API compatibility; color no longer varies by seed. */
+    seed?: string;
+}): react_jsx_runtime.JSX.Element;
+
+type BannerTone = "default" | "primary" | "success" | "warn" | "danger";
+type BannerVariant = "soft" | "solid" | "outline";
+type BannerSize = "sm" | "default";
+interface BannerProps extends Omit<React.ComponentProps<"div">, "title"> {
+    tone?: BannerTone;
+    /** Emphasis. Default `"soft"`. */
+    variant?: BannerVariant;
+    /** Size. Default `"default"`. */
+    size?: BannerSize;
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    /** Right-aligned actions (buttons, links). */
+    actions?: React.ReactNode;
+    /** Show a dismiss button; fires `onDismiss`. */
+    onDismiss?: () => void;
+}
+/**
+ * Page-level announcement bar — a full-width, dismissible notice with a tone, an
+ * optional leading icon, message, and trailing actions. For in-flow form/field
+ * messages use `Alert` instead.
+ */
+declare function Banner({ tone, variant, size, icon, title, actions, onDismiss, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
+
+type TimelineTone = "default" | "primary" | "success" | "warn" | "danger";
+interface TimelineItem {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Right-aligned timestamp / meta. */
+    meta?: React.ReactNode;
+    tone?: TimelineTone;
+    /** Custom node inside the marker (e.g. an icon). */
+    icon?: React.ReactNode;
+}
+type TimelineSize = "sm" | "default";
+interface TimelineProps extends Omit<React.ComponentProps<"ol">, "children"> {
+    items: TimelineItem[];
+    /** Vertical rhythm between entries. Default `"default"`. */
+    size?: TimelineSize;
+}
+/**
+ * Vertical event log — a marker rail with a title, optional description, and
+ * trailing meta per entry. Presentational; pass already-formatted timestamps.
+ */
+declare function Timeline({ items, size, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
+
+type KanbanTone = "default" | "primary" | "success" | "warn" | "danger";
+type KanbanDensity = "default" | "compact";
+type KanbanCardVariant = "default" | "outline" | "muted" | "tonal";
+interface KanbanCardData {
+    id: string;
+}
+interface KanbanColumnData<C extends KanbanCardData = KanbanCardData> {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Trailing header node (e.g. an add button). */
+    action?: React.ReactNode;
+    /** Footer rendered under the card list (e.g. "Add card"). */
+    footer?: React.ReactNode;
+    tone?: KanbanTone;
+    cards: C[];
+}
+interface KanbanLocation {
+    columnId: string;
+    index: number;
+}
+interface KanbanMoveEvent<C extends KanbanCardData = KanbanCardData> {
+    card: C;
+    cardId: string;
+    from: KanbanLocation;
+    to: KanbanLocation;
+    /** The resulting board arrangement. */
+    columns: KanbanColumnData<C>[];
+}
+/**
+ * Spread onto any element to make it the card's drag handle (pointer + keyboard).
+ * Useful for rich cards that want the handle on a custom control (e.g. a header
+ * grip or an avatar) — set `dragHandle="none"` on `Kanban` to drop the default.
+ */
+type KanbanDragHandleProps = DraggableAttributes & React.DOMAttributes<HTMLElement>;
+interface KanbanRenderCardContext<C extends KanbanCardData = KanbanCardData> {
+    column: KanbanColumnData<C>;
+    isDragging: boolean;
+    /** True while rendering inside the floating drag overlay. */
+    isOverlay: boolean;
+    /** Spread onto a custom drag handle. Undefined when the board is disabled. */
+    dragHandleProps?: KanbanDragHandleProps;
+}
+interface KanbanProps<C extends KanbanCardData = KanbanCardData> {
+    /** Controlled columns (with their cards). */
+    columns?: KanbanColumnData<C>[];
+    /** Uncontrolled initial columns. */
+    defaultColumns?: KanbanColumnData<C>[];
+    /** Fired with the full next arrangement after any move/reorder. */
+    onColumnsChange?: (columns: KanbanColumnData<C>[]) => void;
+    /** Fired with move details (card, from, to) after a drag completes. */
+    onMove?: (event: KanbanMoveEvent<C>) => void;
+    /** Render a card's body. */
+    renderCard: (card: C, ctx: KanbanRenderCardContext<C>) => React.ReactNode;
+    /** Override the default column header (title + count). */
+    renderColumnHeader?: (column: KanbanColumnData<C>) => React.ReactNode;
+    /** Resolve a stable id for a card. Default: `card.id`. */
+    getCardId?: (card: C) => string;
+    /** Shown inside an empty column's drop area. */
+    emptyColumnLabel?: React.ReactNode;
+    density?: KanbanDensity;
+    cardVariant?: KanbanCardVariant;
+    /**
+     * Drag handle strategy. `"auto"` (default) renders a hover grip in the card's
+     * top-right corner. `"none"` removes it so you can place your own handle by
+     * spreading `ctx.dragHandleProps` (from `renderCard`) onto any element.
+     */
+    dragHandle?: "auto" | "none";
+    /** Disable all drag interactions (read-only board). */
+    disabled?: boolean;
+    /** Accessible label for the board region. */
+    "aria-label"?: string;
+    className?: string;
+    columnClassName?: string;
+    cardClassName?: string;
+}
+/**
+ * Proprietary Kanban board on `@dnd-kit` — accessible drag-and-drop with
+ * pointer + keyboard sensors, cross-column moves, empty-column drop zones, and a
+ * floating drag overlay. Controlled (`columns` + `onColumnsChange`) or
+ * uncontrolled (`defaultColumns`); `onMove` reports each completed move.
+ */
+declare function Kanban<C extends KanbanCardData = KanbanCardData>({ columns: columnsProp, defaultColumns, onColumnsChange, onMove, renderCard, renderColumnHeader, getCardId, emptyColumnLabel, density, cardVariant, dragHandle, disabled, className, columnClassName, cardClassName, ...rest }: KanbanProps<C>): react_jsx_runtime.JSX.Element;
+
+export { Avatar as A, Banner as B, avatarChartVariantClass as C, untitledButtonVariants as D, Kanban as K, Timeline as T, UntitledButton as U, AvatarFallback as a, AvatarImage as b, type AvatarVariant as c, type BannerProps as d, Button as e, type ButtonColor as f, type KanbanCardData as g, type KanbanCardVariant as h, type KanbanColumnData as i, type KanbanDensity as j, type KanbanDragHandleProps as k, type KanbanLocation as l, type KanbanMoveEvent as m, type KanbanProps as n, type KanbanRenderCardContext as o, type KanbanTone as p, type TimelineItem as q, type TimelineProps as r, type UntitledButtonColor as s, type UntitledButtonProps as t, type UntitledButtonSize as u, AVATAR_PRIMARY_FALLBACK_CLASS as v, type BannerSize as w, type BannerTone as x, type BannerVariant as y, type TimelineSize as z };

package/dist/{layout-BTJyU8wd.d.ts → layout-B8r6Jbat.d.ts}

@@ -3,7 +3,7 @@ import { FC } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 import { WorkforceItem } from '@timbal-ai/timbal-sdk';
-import { T as TimbalV2ButtonProps } from './timbal-v2-button-CNfdwGq4.js';
+import { T as TimbalV2ButtonProps } from './timbal-v2-button-B7vPs7gg.js';
 
 declare const MarkdownText: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 

package/dist/{layout-C2G-FcER.d.cts → layout-Cu7Ijn04.d.cts}

@@ -3,7 +3,7 @@ import { FC } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 import { WorkforceItem } from '@timbal-ai/timbal-sdk';
-import { T as TimbalV2ButtonProps } from './timbal-v2-button-CNfdwGq4.cjs';
+import { T as TimbalV2ButtonProps } from './timbal-v2-button-B7vPs7gg.cjs';
 
 declare const MarkdownText: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 

package/dist/site.cjs

@@ -0,0 +1,358 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/site.ts
+var site_exports = {};
+__export(site_exports, {
+  DURATION: () => DURATION,
+  EASE: () => EASE,
+  Magnetic: () => Magnetic,
+  Marquee: () => Marquee,
+  Parallax: () => Parallax,
+  Reveal: () => Reveal,
+  SPRING: () => SPRING,
+  TextReveal: () => TextReveal
+});
+module.exports = __toCommonJS(site_exports);
+
+// src/site/Reveal.tsx
+var React = __toESM(require("react"), 1);
+var import_react = require("motion/react");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/site/easing.ts
+var EASE = {
+  /** Strong slow-out — the workhorse for entrances and reveals. */
+  out: [0.16, 1, 0.3, 1],
+  /** Symmetric in-out for loops and continuous motion. */
+  inOut: [0.65, 0, 0.35, 1],
+  /** Gentle in-out, good for parallax / large translations. */
+  soft: [0.4, 0, 0.2, 1]
+};
+var DURATION = {
+  fast: 0.4,
+  base: 0.7,
+  slow: 1.1
+};
+var SPRING = {
+  /** Tight, responsive follow. */
+  snappy: { stiffness: 350, damping: 30, mass: 0.4 },
+  /** Looser, more elastic follow. */
+  smooth: { stiffness: 150, damping: 20, mass: 0.6 }
+};
+
+// src/site/Reveal.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function hidden(variant, distance) {
+  switch (variant) {
+    case "fade":
+      return { opacity: 0 };
+    case "fade-up":
+      return { opacity: 0, y: distance };
+    case "fade-down":
+      return { opacity: 0, y: -distance };
+    case "fade-left":
+      return { opacity: 0, x: distance };
+    case "fade-right":
+      return { opacity: 0, x: -distance };
+    case "blur":
+      return { opacity: 0, filter: "blur(12px)" };
+    case "scale":
+      return { opacity: 0, scale: 0.94 };
+    case "mask-up":
+      return { y: "110%" };
+  }
+}
+function shown(variant) {
+  if (variant === "mask-up") return { y: "0%" };
+  if (variant === "blur") return { opacity: 1, filter: "blur(0px)" };
+  if (variant === "scale") return { opacity: 1, scale: 1 };
+  return { opacity: 1, x: 0, y: 0 };
+}
+var Reveal = React.forwardRef(function Reveal2({
+  variant = "fade-up",
+  delay = 0,
+  duration = DURATION.base,
+  distance = 28,
+  amount = 0.3,
+  repeat = false,
+  as = "div",
+  className,
+  children,
+  ...rest
+}, ref) {
+  const reduce = (0, import_react.useReducedMotion)();
+  const isMask = variant === "mask-up";
+  if (reduce) {
+    const Tag = as;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { ref, className: cn(isMask && "overflow-hidden", className), ...rest, children });
+  }
+  const variants = {
+    hidden: hidden(variant, distance),
+    shown: shown(variant)
+  };
+  const MotionTag = import_react.motion[as] ?? import_react.motion.div;
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    MotionTag,
+    {
+      ref,
+      className,
+      variants,
+      initial: "hidden",
+      whileInView: "shown",
+      viewport: { once: !repeat, amount },
+      transition: { duration, delay, ease: EASE.out },
+      ...rest,
+      children
+    }
+  );
+  if (isMask) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block overflow-hidden", children: inner });
+  }
+  return inner;
+});
+
+// src/site/TextReveal.tsx
+var React2 = __toESM(require("react"), 1);
+var import_react2 = require("motion/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var tokenVariants = {
+  hidden: { y: "115%" },
+  shown: { y: "0%" }
+};
+function TextReveal({
+  children,
+  splitBy = "words",
+  stagger = 0.06,
+  delay = 0,
+  duration = DURATION.base,
+  repeat = false,
+  amount = 0.4,
+  as = "span",
+  className,
+  ...rest
+}) {
+  const reduce = (0, import_react2.useReducedMotion)();
+  const Tag = as;
+  const tokens = React2.useMemo(() => {
+    if (splitBy === "lines") return children.split("\n");
+    return children.split(/(\s+)/).filter((t) => t.length > 0);
+  }, [children, splitBy]);
+  if (reduce) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { className, ...rest, children });
+  }
+  const containerVariants = {
+    hidden: {},
+    shown: { transition: { staggerChildren: stagger, delayChildren: delay } }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react2.motion.span,
+    {
+      variants: containerVariants,
+      initial: "hidden",
+      whileInView: "shown",
+      viewport: { once: !repeat, amount },
+      className: cn(as === "span" ? "inline" : "block", className),
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { className: as === "span" ? "inline" : "block", children: tokens.map(
+        (token, i) => /^\s+$/.test(token) && splitBy === "words" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: " " }, i) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "span",
+          {
+            className: cn(
+              "overflow-hidden",
+              splitBy === "lines" ? "block" : "inline-block align-bottom"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react2.motion.span,
+              {
+                className: "inline-block",
+                variants: tokenVariants,
+                transition: { duration, ease: EASE.out },
+                children: token
+              }
+            )
+          },
+          i
+        )
+      ) })
+    }
+  );
+}
+
+// src/site/Parallax.tsx
+var React3 = __toESM(require("react"), 1);
+var import_react3 = require("motion/react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Parallax = React3.forwardRef(function Parallax2({ speed = 0.2, axis = "y", smooth = true, className, children, style, ...rest }, forwardedRef) {
+  const reduce = (0, import_react3.useReducedMotion)();
+  const innerRef = React3.useRef(null);
+  React3.useImperativeHandle(forwardedRef, () => innerRef.current);
+  const { scrollYProgress } = (0, import_react3.useScroll)({
+    target: innerRef,
+    offset: ["start end", "end start"]
+  });
+  const range = 100 * speed;
+  const raw = (0, import_react3.useTransform)(scrollYProgress, [0, 1], [range, -range]);
+  const smoothed = (0, import_react3.useSpring)(raw, { stiffness: 120, damping: 30, mass: 0.4 });
+  const value = smooth ? smoothed : raw;
+  if (reduce) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: innerRef, className, style, ...rest, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react3.motion.div,
+    {
+      ref: innerRef,
+      className: cn("will-change-transform", className),
+      style: { ...style, [axis]: value },
+      ...rest,
+      children
+    }
+  );
+});
+
+// src/site/Marquee.tsx
+var React4 = __toESM(require("react"), 1);
+var import_react4 = require("motion/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Marquee = React4.forwardRef(function Marquee2({ speed = 60, direction = "left", pauseOnHover = true, gap = "3rem", className, children, ...rest }, ref) {
+  const reduce = (0, import_react4.useReducedMotion)();
+  const x = (0, import_react4.useMotionValue)(0);
+  const setWidthRef = React4.useRef(0);
+  const groupRef = React4.useRef(null);
+  const [paused, setPaused] = React4.useState(false);
+  React4.useEffect(() => {
+    const el = groupRef.current;
+    if (!el) return;
+    const measure = () => {
+      const gapPx = parseFloat(getComputedStyle(el.parentElement).columnGap || "0") || 0;
+      setWidthRef.current = el.offsetWidth + gapPx;
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  (0, import_react4.useAnimationFrame)((_, delta) => {
+    if (reduce || paused || setWidthRef.current === 0) return;
+    const dir = direction === "left" ? -1 : 1;
+    const moveBy = speed * delta / 1e3;
+    let next = x.get() + dir * moveBy;
+    const w = setWidthRef.current;
+    if (next <= -w) next += w;
+    else if (next >= w) next -= w;
+    x.set(next);
+  });
+  if (reduce) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex w-full items-center overflow-x-auto", className),
+        style: { columnGap: gap },
+        ...rest,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("w-full overflow-hidden", className),
+      onMouseEnter: pauseOnHover ? () => setPaused(true) : void 0,
+      onMouseLeave: pauseOnHover ? () => setPaused(false) : void 0,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react4.motion.div, { className: "flex w-max flex-nowrap items-center", style: { x, columnGap: gap }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: groupRef, className: "flex flex-nowrap items-center", style: { columnGap: gap }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-nowrap items-center", style: { columnGap: gap }, "aria-hidden": true, children })
+      ] })
+    }
+  );
+});
+
+// src/site/Magnetic.tsx
+var React5 = __toESM(require("react"), 1);
+var import_react5 = require("motion/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Magnetic = React5.forwardRef(function Magnetic2({ strength = 0.35, max = 24, spring = "snappy", className, children, ...rest }, forwardedRef) {
+  const reduce = (0, import_react5.useReducedMotion)();
+  const innerRef = React5.useRef(null);
+  React5.useImperativeHandle(forwardedRef, () => innerRef.current);
+  const mvx = (0, import_react5.useMotionValue)(0);
+  const mvy = (0, import_react5.useMotionValue)(0);
+  const x = (0, import_react5.useSpring)(mvx, SPRING[spring]);
+  const y = (0, import_react5.useSpring)(mvy, SPRING[spring]);
+  const clamp = (v) => Math.max(-max, Math.min(max, v));
+  function handleMove(e) {
+    if (reduce) return;
+    const el = innerRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const cx = rect.left + rect.width / 2;
+    const cy = rect.top + rect.height / 2;
+    mvx.set(clamp((e.clientX - cx) * strength));
+    mvy.set(clamp((e.clientY - cy) * strength));
+  }
+  function reset() {
+    mvx.set(0);
+    mvy.set(0);
+  }
+  if (reduce) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: innerRef, className: cn("inline-block", className), ...rest, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react5.motion.div,
+    {
+      ref: innerRef,
+      className: cn("inline-block", className),
+      style: { x, y },
+      onMouseMove: handleMove,
+      onMouseLeave: reset,
+      ...rest,
+      children
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DURATION,
+  EASE,
+  Magnetic,
+  Marquee,
+  Parallax,
+  Reveal,
+  SPRING,
+  TextReveal
+});