react-marketing-ui 0.0.2 → 0.0.4

package/dist/chunk-WDR5VPZJ.mjs

@@ -1,79 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var glossLayer = cn(
-  "pointer-events-none absolute inset-0 z-[-1] rounded-[inherit]",
-  "[background-color:var(--btn-face)] [box-shadow:var(--shadow-button)]",
-  "transition-shadow duration-150",
-  // Pressed (and disabled): bevel + cast go transparent, the rim stays.
-  "group-active/glossy:[box-shadow:var(--shadow-button-pressed)]",
-  "group-disabled/glossy:[box-shadow:var(--shadow-button-pressed)]",
-  // Dome — fixed direction, per-variant stops. Above the face, below the tint.
-  "before:absolute before:inset-0 before:rounded-[inherit] before:content-[''] before:[background-image:var(--gradient-button)]",
-  // Interaction tint. Hidden outright when disabled, and on touch (no hover
-  // state to speak of) so the root's active:opacity can carry the press instead.
-  "after:absolute after:inset-0 after:rounded-[inherit] after:content-[''] after:opacity-0",
-  "after:[background-color:var(--btn-tint-hover)] after:transition-opacity after:duration-150 after:[will-change:opacity]",
-  "group-hover/glossy:after:opacity-100",
-  "group-active/glossy:after:[background-color:var(--btn-tint-active)]",
-  "group-disabled/glossy:after:hidden [@media(hover:none)]:after:hidden"
-);
-var glossyButtonVariants = cva(
-  cn(
-    "glossy group/glossy relative isolate inline-flex cursor-pointer select-none items-center justify-center gap-1 whitespace-nowrap rounded-full font-normal",
-    // Label colour rides the variant. Kept as a utility rather than a plain
-    // declaration on `.glossy` so a caller's own text-* class still wins.
-    "[color:var(--btn-fg)]",
-    "disabled:cursor-default disabled:opacity-50",
-    // Touch devices get no hover layer, so the whole key dims on press instead.
-    "[@media(hover:none)]:active:opacity-80"
-  ),
-  {
-    variants: {
-      size: {
-        sm: "h-8 px-2.5 text-sm",
-        md: "h-9 px-5 text-[17px]",
-        lg: "h-11 px-6 text-[17px]"
-      },
-      /**
-       * Written out as literal class names — Tailwind's scanner is static, so a
-       * `glossy-${variant}` template would never make it into the stylesheet.
-       * `neutral` is the bare recipe, so it needs no class of its own.
-       */
-      variant: {
-        neutral: "",
-        accent: "glossy-accent",
-        destructive: "glossy-destructive",
-        special: "glossy-special",
-        positive: "glossy-positive",
-        attention: "glossy-attention",
-        highlight: "glossy-highlight",
-        inverse: "glossy-inverse"
-      }
-    },
-    defaultVariants: { size: "md", variant: "neutral" }
-  }
-);
-function GlossyButton({
-  size,
-  variant,
-  actionOrLink,
-  children,
-  disabled,
-  className,
-  "aria-label": ariaLabel
-}) {
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { "data-fx-layer": "gloss", "aria-hidden": true, className: glossLayer }),
-    /* @__PURE__ */ jsx("span", { className: "px-0.5", children })
-  ] });
-  const buttonClassName = cn(glossyButtonVariants({ size, variant }), className);
-  if (typeof actionOrLink === "string")
-    return /* @__PURE__ */ jsx("a", { href: actionOrLink, className: cn(buttonClassName, "no-underline"), "aria-label": ariaLabel, children: content });
-  return /* @__PURE__ */ jsx("button", { type: "button", className: buttonClassName, onClick: actionOrLink, disabled, "aria-label": ariaLabel, children: content });
-}
-
-export { GlossyButton, glossyButtonVariants };
-//# sourceMappingURL=chunk-WDR5VPZJ.mjs.map
-//# sourceMappingURL=chunk-WDR5VPZJ.mjs.map

package/dist/chunk-WDR5VPZJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/glossy-button.tsx"],"names":[],"mappings":";;;;AAmCA,IAAM,UAAA,GAAa,EAAA;AAAA,EACjB,+DAAA;AAAA,EACA,sEAAA;AAAA,EACA,gCAAA;AAAA;AAAA,EAEA,+DAAA;AAAA,EACA,iEAAA;AAAA;AAAA,EAEA,8HAAA;AAAA;AAAA;AAAA,EAGA,yFAAA;AAAA,EACA,wHAAA;AAAA,EACA,sCAAA;AAAA,EACA,qEAAA;AAAA,EACA;AACF,CAAA;AAEA,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAC3B,EAAA;AAAA,IACE,0JAAA;AAAA;AAAA;AAAA,IAGA,uBAAA;AAAA,IACA,6CAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,MAAA,EAAQ,eAAA;AAAA,QACR,WAAA,EAAa,oBAAA;AAAA,QACb,OAAA,EAAS,gBAAA;AAAA,QACT,QAAA,EAAU,iBAAA;AAAA,QACV,SAAA,EAAW,kBAAA;AAAA,QACX,SAAA,EAAW,kBAAA;AAAA,QACX,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,SAAS,SAAA;AAAU;AAEtD;AAeO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAAsB;AACpB,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,eAAA,EAAc,OAAA,EAAQ,aAAA,EAAa,IAAA,EAAM,WAAW,UAAA,EAAY,CAAA;AAAA,oBACtE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACrC,CAAA;AAGF,EAAA,MAAM,eAAA,GAAkB,GAAG,oBAAA,CAAqB,EAAE,MAAM,OAAA,EAAS,GAAG,SAAS,CAAA;AAE7E,EAAA,IAAI,OAAO,YAAA,KAAiB,QAAA;AAC1B,IAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,YAAA,EAAc,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,cAAc,CAAA,EAAG,YAAA,EAAY,SAAA,EAChF,QAAA,EAAA,OAAA,EACH,CAAA;AAGJ,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,SAAA,EAAW,eAAA,EAAiB,OAAA,EAAS,YAAA,EAAc,QAAA,EAAoB,YAAA,EAAY,SAAA,EACtG,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ","file":"chunk-WDR5VPZJ.mjs","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ReactNode } from 'react';\nimport { cn } from '../lib/utils.js';\n\n/**\n * Physically-lit button: a domed, back-lit key built from one effect layer.\n *\n * The geometry lives in a single `box-shadow` list that gets swapped wholesale on\n * press, so the bevel and cast can drop out while the rim survives without any\n * of them being separate elements:\n *\n *   • the gloss span  — face fill + the shadow list (bevel, rim, cast).\n *   • its `before:`   — the dome gradient, painted over the face.\n *   • its `after:`    — the hover/press tint, the only thing that cross-fades.\n *\n * The recipe lives in `global.css`. Every colour is a `--btn-*` primitive, and\n * the two shadow composites are declared on `.glossy` — on the key itself, not\n * on `:root` — because a var() inside a custom property is substituted where the\n * property is *declared*. That's what lets one `.glossy-<variant>` class restyle\n * the whole recipe by setting primitives, and it's why there are no `dark:`\n * variants here: `.dark` overrides the same primitives.\n *\n * The span is a sibling of the label rather than its parent so the label never\n * inherits the effect layers' stacking or transitions; `isolate` on the root\n * contains the span's negative z-index.\n *\n * Server-renderable: every state is pure CSS. Passing a function as\n * `actionOrLink` requires a client-component parent, as with any onClick prop.\n */\n\n/**\n * The whole visual treatment. Absolutely positioned behind the label, with the\n * dome (`before:`) and the interaction tint (`after:`) stacked over the face.\n * Only the tint animates opacity; the shadow list animates by being replaced.\n */\nconst glossLayer = cn(\n  'pointer-events-none absolute inset-0 z-[-1] rounded-[inherit]',\n  '[background-color:var(--btn-face)] [box-shadow:var(--shadow-button)]',\n  'transition-shadow duration-150',\n  // Pressed (and disabled): bevel + cast go transparent, the rim stays.\n  'group-active/glossy:[box-shadow:var(--shadow-button-pressed)]',\n  'group-disabled/glossy:[box-shadow:var(--shadow-button-pressed)]',\n  // Dome — fixed direction, per-variant stops. Above the face, below the tint.\n  \"before:absolute before:inset-0 before:rounded-[inherit] before:content-[''] before:[background-image:var(--gradient-button)]\",\n  // Interaction tint. Hidden outright when disabled, and on touch (no hover\n  // state to speak of) so the root's active:opacity can carry the press instead.\n  \"after:absolute after:inset-0 after:rounded-[inherit] after:content-[''] after:opacity-0\",\n  'after:[background-color:var(--btn-tint-hover)] after:transition-opacity after:duration-150 after:[will-change:opacity]',\n  'group-hover/glossy:after:opacity-100',\n  'group-active/glossy:after:[background-color:var(--btn-tint-active)]',\n  'group-disabled/glossy:after:hidden [@media(hover:none)]:after:hidden',\n);\n\nconst glossyButtonVariants = cva(\n  cn(\n    'glossy group/glossy relative isolate inline-flex cursor-pointer select-none items-center justify-center gap-1 whitespace-nowrap rounded-full font-normal',\n    // Label colour rides the variant. Kept as a utility rather than a plain\n    // declaration on `.glossy` so a caller's own text-* class still wins.\n    '[color:var(--btn-fg)]',\n    'disabled:cursor-default disabled:opacity-50',\n    // Touch devices get no hover layer, so the whole key dims on press instead.\n    '[@media(hover:none)]:active:opacity-80',\n  ),\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-2.5 text-sm',\n        md: 'h-9 px-5 text-[17px]',\n        lg: 'h-11 px-6 text-[17px]',\n      },\n      /**\n       * Written out as literal class names — Tailwind's scanner is static, so a\n       * `glossy-${variant}` template would never make it into the stylesheet.\n       * `neutral` is the bare recipe, so it needs no class of its own.\n       */\n      variant: {\n        neutral: '',\n        accent: 'glossy-accent',\n        destructive: 'glossy-destructive',\n        special: 'glossy-special',\n        positive: 'glossy-positive',\n        attention: 'glossy-attention',\n        highlight: 'glossy-highlight',\n        inverse: 'glossy-inverse',\n      },\n    },\n    defaultVariants: { size: 'md', variant: 'neutral' },\n  },\n);\n\nexport type GlossyButtonProps = VariantProps<typeof glossyButtonVariants> & {\n  /**\n   * String  → renders as a plain <a href={...}>.\n   * Function → renders as a <button type=\"button\" onClick={...}>.\n   */\n  actionOrLink: string | (() => void);\n  children: ReactNode;\n  /** Button-only — an anchor can't be disabled. */\n  disabled?: boolean;\n  className?: string;\n  'aria-label'?: string;\n};\n\nexport function GlossyButton({\n  size,\n  variant,\n  actionOrLink,\n  children,\n  disabled,\n  className,\n  'aria-label': ariaLabel,\n}: GlossyButtonProps) {\n  const content = (\n    <>\n      <span data-fx-layer=\"gloss\" aria-hidden={true} className={glossLayer} />\n      <span className=\"px-0.5\">{children}</span>\n    </>\n  );\n\n  const buttonClassName = cn(glossyButtonVariants({ size, variant }), className);\n\n  if (typeof actionOrLink === 'string')\n    return (\n      <a href={actionOrLink} className={cn(buttonClassName, 'no-underline')} aria-label={ariaLabel}>\n        {content}\n      </a>\n    );\n\n  return (\n    <button type=\"button\" className={buttonClassName} onClick={actionOrLink} disabled={disabled} aria-label={ariaLabel}>\n      {content}\n    </button>\n  );\n}\n\nexport { glossyButtonVariants };\n"]}

package/dist/chunk-WLUGKBH7.mjs

@@ -1,37 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { LiquidMetal as LiquidMetal$1 } from '@paper-design/shaders-react';
-import { jsx } from 'react/jsx-runtime';
-
-function LiquidMetal({
-  colorBack = "#aaaaac",
-  colorTint = "#ffffff",
-  speed = 0.5,
-  repetition = 4,
-  distortion = 0.1,
-  scale = 1,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 z-0 overflow-hidden", className), style, children: /* @__PURE__ */ jsx(
-    LiquidMetal$1,
-    {
-      colorBack,
-      colorTint,
-      speed,
-      repetition,
-      distortion,
-      softness: 0,
-      shiftRed: 0.3,
-      shiftBlue: -0.3,
-      angle: 45,
-      shape: "none",
-      scale,
-      fit: "cover",
-      style: { width: "100%", height: "100%" }
-    }
-  ) });
-}
-
-export { LiquidMetal };
-//# sourceMappingURL=chunk-WLUGKBH7.mjs.map
-//# sourceMappingURL=chunk-WLUGKBH7.mjs.map

package/dist/chunk-WLUGKBH7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/liquid-metal.tsx"],"names":["LiquidMetalShader"],"mappings":";;;;AA8BO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA,GAAY,SAAA;AAAA,EACZ,SAAA,GAAY,SAAA;AAAA,EACZ,KAAA,GAAQ,GAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,UAAA,GAAa,GAAA;AAAA,EACb,KAAA,GAAQ,CAAA;AAAA,EACR,SAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,uBACE,GAAA,CAAC,SAAI,aAAA,EAAa,IAAA,EAAM,WAAW,EAAA,CAAG,0DAAA,EAA4D,SAAS,CAAA,EAAG,KAAA,EAC5G,QAAA,kBAAA,GAAA;AAAA,IAACA,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA,EAAU,CAAA;AAAA,MACV,QAAA,EAAU,GAAA;AAAA,MACV,SAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,EAAA;AAAA,MACP,KAAA,EAAM,MAAA;AAAA,MACN,KAAA;AAAA,MACA,GAAA,EAAI,OAAA;AAAA,MACJ,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA;AAAO;AAAA,GACzC,EACF,CAAA;AAEJ","file":"chunk-WLUGKBH7.mjs","sourcesContent":["'use client';\n\nimport { LiquidMetal as LiquidMetalShader } from '@paper-design/shaders-react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { cn } from '../lib/utils.js';\n\n/* ── Shader wrapper ────────────────────────────────────── */\n\nexport type LiquidMetalProps = {\n  /** Base background color of the liquid metal. */\n  colorBack?: string;\n  /** Tint / highlight color for the chrome effect. */\n  colorTint?: string;\n  /** Animation speed (0.1–2.0 recommended). */\n  speed?: number;\n  /** Pattern stripe density (1–10). */\n  repetition?: number;\n  /** Wave distortion amount (0–1). */\n  distortion?: number;\n  /** Texture zoom (0.01–4). */\n  scale?: number;\n  className?: string;\n  style?: CSSProperties;\n};\n\n/**\n * Full-bleed animated liquid-metal shader. Absolutely positioned to fill its\n * nearest positioned ancestor; the WebGL canvas is decorative, so it is hidden\n * from assistive tech and never intercepts pointer events.\n */\nexport function LiquidMetal({\n  colorBack = '#aaaaac',\n  colorTint = '#ffffff',\n  speed = 0.5,\n  repetition = 4,\n  distortion = 0.1,\n  scale = 1,\n  className,\n  style,\n}: LiquidMetalProps) {\n  return (\n    <div aria-hidden={true} className={cn('pointer-events-none absolute inset-0 z-0 overflow-hidden', className)} style={style}>\n      <LiquidMetalShader\n        colorBack={colorBack}\n        colorTint={colorTint}\n        speed={speed}\n        repetition={repetition}\n        distortion={distortion}\n        softness={0}\n        shiftRed={0.3}\n        shiftBlue={-0.3}\n        angle={45}\n        shape=\"none\"\n        scale={scale}\n        fit=\"cover\"\n        style={{ width: '100%', height: '100%' }}\n      />\n    </div>\n  );\n}\n"]}

package/dist/chunk-WYJYLDUA.mjs

@@ -1,84 +0,0 @@
-import { easeOut } from './chunk-NNHPQ67J.mjs';
-import { useInView, motion } from 'framer-motion';
-import { createContext, useRef, useCallback, useEffect, useContext, useState } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var viewport = { once: true, margin: "-60px" };
-var ROW_TOLERANCE = 8;
-var StaggerContext = createContext(null);
-function FadeIn({ children, className, delay = 0, duration = 1, yOffset = 20, start = true }) {
-  const ref = useRef(null);
-  const inView = useInView(ref, viewport);
-  const hidden = { opacity: 0, y: yOffset };
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      ref,
-      className,
-      initial: hidden,
-      animate: inView && start ? { opacity: 1, y: 0 } : hidden,
-      transition: { duration, delay, ease: easeOut },
-      children
-    }
-  );
-}
-function Stagger({ children, className, staggerDelay = 0.15, baseDelay = 0, start = true }) {
-  const queue = useRef([]);
-  const frame = useRef(null);
-  const started = useRef(start);
-  started.current = start;
-  const flush = useCallback(() => {
-    frame.current = null;
-    const batch = queue.current;
-    queue.current = [];
-    const positioned = batch.map((entry) => ({
-      ...entry,
-      rect: entry.element.getBoundingClientRect()
-    }));
-    positioned.sort(
-      (a, b) => Math.abs(a.rect.top - b.rect.top) > ROW_TOLERANCE ? a.rect.top - b.rect.top : a.rect.left - b.rect.left
-    );
-    for (const [index, entry] of positioned.entries()) entry.reveal(baseDelay + index * staggerDelay);
-  }, [baseDelay, staggerDelay]);
-  const register = useCallback(
-    (element, reveal) => {
-      queue.current.push({ element, reveal });
-      if (started.current) frame.current ??= requestAnimationFrame(flush);
-    },
-    [flush]
-  );
-  useEffect(() => {
-    if (start && queue.current.length > 0) frame.current ??= requestAnimationFrame(flush);
-  }, [start, flush]);
-  return /* @__PURE__ */ jsx(StaggerContext, { value: register, children: /* @__PURE__ */ jsx("div", { className, children }) });
-}
-function StaggerItem({ children, className }) {
-  const register = useContext(StaggerContext);
-  const ref = useRef(null);
-  const claimed = useRef(false);
-  const [delay, setDelay] = useState(null);
-  const onViewportEnter = useCallback(() => {
-    if (claimed.current) return;
-    claimed.current = true;
-    const element = ref.current;
-    if (register && element) register(element, setDelay);
-    else setDelay(0);
-  }, [register]);
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      ref,
-      className,
-      initial: { opacity: 0, y: 18 },
-      animate: delay === null ? { opacity: 0, y: 18 } : { opacity: 1, y: 0 },
-      transition: { duration: 0.45, delay: delay ?? 0, ease: easeOut },
-      viewport,
-      onViewportEnter,
-      children
-    }
-  );
-}
-
-export { FadeIn, Stagger, StaggerItem };
-//# sourceMappingURL=chunk-WYJYLDUA.mjs.map
-//# sourceMappingURL=chunk-WYJYLDUA.mjs.map

package/dist/chunk-WYJYLDUA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/fade-in.tsx"],"names":[],"mappings":"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","file":"chunk-WYJYLDUA.mjs","sourcesContent":["'use client';\n\nimport { motion, useInView } from 'framer-motion';\nimport { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { easeOut } from '../lib/ease.js';\n\n/** Holds an entrance back until an external cue is ready. */\ntype Gate = {\n  /** While `false`, the entrance stays in its initial state even once in view. @defaultValue `true` */\n  start?: boolean;\n};\n\nexport type FadeInProps = Gate & {\n  children: React.ReactNode;\n  className?: string;\n  delay?: number;\n  duration?: number;\n  yOffset?: number;\n};\n\nexport type StaggerProps = Gate & {\n  children: React.ReactNode;\n  className?: string;\n  staggerDelay?: number;\n  baseDelay?: number;\n};\n\nexport type StaggerItemProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\n/** Shared viewport config so every entrance in this file triggers at the same threshold. */\nconst viewport = { once: true, margin: '-60px' } as const;\n\n/** Rows in a grid can differ by a fraction of a pixel; treat near-equal tops as the same row. */\nconst ROW_TOLERANCE = 8;\n\n/** Registers a newly visible item and receives back the delay it should animate with. */\ntype RegisterItem = (element: Element, reveal: (delay: number) => void) => void;\n\nconst StaggerContext = createContext<RegisterItem | null>(null);\n\n/**\n * Wraps children in a framer-motion div that fades+slides up\n * when it enters the viewport.\n */\nexport function FadeIn({ children, className, delay = 0, duration = 1, yOffset = 20, start = true }: FadeInProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const inView = useInView(ref, viewport);\n  const hidden = { opacity: 0, y: yOffset };\n\n  return (\n    <motion.div\n      ref={ref}\n      className={className}\n      initial={hidden}\n      animate={inView && start ? { opacity: 1, y: 0 } : hidden}\n      transition={{ duration, delay, ease: easeOut }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\n/**\n * Coordinates staggered entrances for the `<StaggerItem>`s inside it.\n *\n * Unlike framer-motion's `staggerChildren`, the cascade is driven by each\n * item's own visibility rather than the container's: items that scroll into\n * view together are batched into one frame, sorted top-to-bottom then\n * left-to-right, and given progressively later delays.\n *\n * While `start` is `false`, items that come into view queue up instead of\n * revealing, so the whole cascade lands as one batch when the cue arrives.\n */\nexport function Stagger({ children, className, staggerDelay = 0.15, baseDelay = 0, start = true }: StaggerProps) {\n  const queue = useRef<{ element: Element; reveal: (delay: number) => void }[]>([]);\n  const frame = useRef<number | null>(null);\n  const started = useRef(start);\n  started.current = start;\n\n  const flush = useCallback(() => {\n    frame.current = null;\n    const batch = queue.current;\n    queue.current = [];\n\n    const positioned = batch.map((entry) => ({\n      ...entry,\n      rect: entry.element.getBoundingClientRect(),\n    }));\n    positioned.sort((a, b) =>\n      Math.abs(a.rect.top - b.rect.top) > ROW_TOLERANCE ? a.rect.top - b.rect.top : a.rect.left - b.rect.left,\n    );\n    for (const [index, entry] of positioned.entries()) entry.reveal(baseDelay + index * staggerDelay);\n  }, [baseDelay, staggerDelay]);\n\n  const register = useCallback<RegisterItem>(\n    (element, reveal) => {\n      queue.current.push({ element, reveal });\n      if (started.current) frame.current ??= requestAnimationFrame(flush);\n    },\n    [flush],\n  );\n\n  // biome-ignore lint/plugin: drains an imperative queue of pending reveals when the gate opens.\n  useEffect(() => {\n    if (start && queue.current.length > 0) frame.current ??= requestAnimationFrame(flush);\n  }, [start, flush]);\n\n  return (\n    <StaggerContext value={register}>\n      <div className={className}>{children}</div>\n    </StaggerContext>\n  );\n}\n\n/** Use inside <Stagger> to mark each animated child. */\nexport function StaggerItem({ children, className }: StaggerItemProps) {\n  const register = useContext(StaggerContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const claimed = useRef(false);\n  const [delay, setDelay] = useState<number | null>(null);\n\n  const onViewportEnter = useCallback(() => {\n    if (claimed.current) return;\n    claimed.current = true;\n    const element = ref.current;\n    if (register && element) register(element, setDelay);\n    else setDelay(0);\n  }, [register]);\n\n  return (\n    <motion.div\n      ref={ref}\n      className={className}\n      initial={{ opacity: 0, y: 18 }}\n      animate={delay === null ? { opacity: 0, y: 18 } : { opacity: 1, y: 0 }}\n      transition={{ duration: 0.45, delay: delay ?? 0, ease: easeOut }}\n      viewport={viewport}\n      onViewportEnter={onViewportEnter}\n    >\n      {children}\n    </motion.div>\n  );\n}\n"]}

package/dist/chunk-XZEDZVXT.mjs

@@ -1,38 +0,0 @@
-// src/lib/surface.ts
-var SURFACE_BG = {
-  1: "bg-surface-1",
-  2: "bg-surface-2",
-  3: "bg-surface-3",
-  4: "bg-surface-4",
-  5: "bg-surface-5",
-  6: "bg-surface-6",
-  7: "bg-surface-7",
-  8: "bg-surface-8"
-};
-var SURFACE_VAR = {
-  1: "[--popup-surface:var(--surface-1)]",
-  2: "[--popup-surface:var(--surface-2)]",
-  3: "[--popup-surface:var(--surface-3)]",
-  4: "[--popup-surface:var(--surface-4)]",
-  5: "[--popup-surface:var(--surface-5)]",
-  6: "[--popup-surface:var(--surface-6)]",
-  7: "[--popup-surface:var(--surface-7)]",
-  8: "[--popup-surface:var(--surface-8)]"
-};
-var SURFACE_SHADOW_COMBINED = {
-  1: "shadow-elevated-1",
-  2: "shadow-elevated-2",
-  3: "shadow-elevated-3",
-  4: "shadow-elevated-4",
-  5: "shadow-elevated-5",
-  6: "shadow-elevated-6",
-  7: "shadow-elevated-7",
-  8: "shadow-elevated-8"
-};
-function solidSurface(level, shadowLevel = level) {
-  return `${SURFACE_BG[level]} ${SURFACE_SHADOW_COMBINED[shadowLevel]} ${SURFACE_VAR[level]}`;
-}
-
-export { solidSurface };
-//# sourceMappingURL=chunk-XZEDZVXT.mjs.map
-//# sourceMappingURL=chunk-XZEDZVXT.mjs.map

package/dist/chunk-XZEDZVXT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/surface.ts"],"names":[],"mappings":";AAEA,IAAM,UAAA,GAA2C;AAAA,EAC/C,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAEA,IAAM,WAAA,GAA4C;AAAA,EAChD,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG,oCAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAMA,IAAM,uBAAA,GAAwD;AAAA,EAC5D,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG,mBAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,YAAA,CAAa,KAAA,EAAqB,WAAA,GAA4B,KAAA,EAAe;AAC3F,EAAA,OAAO,CAAA,EAAG,UAAA,CAAW,KAAK,CAAC,CAAA,CAAA,EAAI,uBAAA,CAAwB,WAAW,CAAC,CAAA,CAAA,EAAI,WAAA,CAAY,KAAK,CAAC,CAAA,CAAA;AAC3F","file":"chunk-XZEDZVXT.mjs","sourcesContent":["export type SurfaceLevel = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n\nconst SURFACE_BG: Record<SurfaceLevel, string> = {\n  1: 'bg-surface-1',\n  2: 'bg-surface-2',\n  3: 'bg-surface-3',\n  4: 'bg-surface-4',\n  5: 'bg-surface-5',\n  6: 'bg-surface-6',\n  7: 'bg-surface-7',\n  8: 'bg-surface-8',\n};\n\nconst SURFACE_VAR: Record<SurfaceLevel, string> = {\n  1: '[--popup-surface:var(--surface-1)]',\n  2: '[--popup-surface:var(--surface-2)]',\n  3: '[--popup-surface:var(--surface-3)]',\n  4: '[--popup-surface:var(--surface-4)]',\n  5: '[--popup-surface:var(--surface-5)]',\n  6: '[--popup-surface:var(--surface-6)]',\n  7: '[--popup-surface:var(--surface-7)]',\n  8: '[--popup-surface:var(--surface-8)]',\n};\n\n/**\n * Drops + rim insets in a single `box-shadow` (no `::after`). Used by `solidSurface()`.\n * Literal Tailwind classes so the scanner picks them up.\n */\nconst SURFACE_SHADOW_COMBINED: Record<SurfaceLevel, string> = {\n  1: 'shadow-elevated-1',\n  2: 'shadow-elevated-2',\n  3: 'shadow-elevated-3',\n  4: 'shadow-elevated-4',\n  5: 'shadow-elevated-5',\n  6: 'shadow-elevated-6',\n  7: 'shadow-elevated-7',\n  8: 'shadow-elevated-8',\n};\n\n/**\n * Elevation for a free-floating surface: background, elevation variable, and the drop shadow with\n * its rim inset painted in the same `box-shadow` — which leaves `::after` free for other purposes.\n *\n * Suits containers with no opaque children near their edges. A child painted over the rim (a sticky\n * label, a pinned input, a dialog header) covers it, since nothing re-paints the rim above the\n * children.\n *\n * When `level !== shadowLevel` the rim color tracks `shadowLevel` — the two cannot be controlled\n * independently.\n */\nexport function solidSurface(level: SurfaceLevel, shadowLevel: SurfaceLevel = level): string {\n  return `${SURFACE_BG[level]} ${SURFACE_SHADOW_COMBINED[shadowLevel]} ${SURFACE_VAR[level]}`;\n}\n"]}

package/dist/chunk-YKGP5JIL.mjs

@@ -1,328 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { useReducedMotion, useInView, motion } from 'framer-motion';
-import { useMemo, useRef, useState, useCallback, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function HeightClipper({ height, delay, children }) {
-  return /* @__PURE__ */ jsx(
-    motion.span,
-    {
-      className: "block w-full overflow-hidden",
-      animate: height === void 0 ? {} : { height },
-      transition: {
-        height: { duration: 0.4, ease: [0.4, 0, 0.2, 1], delay }
-      },
-      children
-    }
-  );
-}
-function ExitingLine({ text, textColor, duration, fallDuration, opacityEase, wrap = false, onDone }) {
-  return /* @__PURE__ */ jsx(
-    motion.span,
-    {
-      "aria-hidden": true,
-      className: cn(
-        wrap ? "pointer-events-none absolute top-0 left-0 w-full" : "pointer-events-none absolute top-0 left-1/2 whitespace-nowrap"
-      ),
-      style: { color: textColor },
-      initial: wrap ? { opacity: 1, y: 0 } : { opacity: 1, x: "-50%", y: 0 },
-      animate: wrap ? { opacity: 0, y: 14 } : { opacity: 0, x: "-50%", y: 14 },
-      transition: {
-        opacity: { duration, ease: opacityEase },
-        y: { duration: fallDuration, ease: [0.22, 0.61, 0.36, 1] }
-      },
-      onAnimationComplete: onDone,
-      children: text
-    }
-  );
-}
-function WidthReservation({ texts }) {
-  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "invisible block h-0 overflow-hidden", children: texts.map((t) => /* @__PURE__ */ jsx("span", { className: "block", children: t }, t)) });
-}
-
-// src/components/dia-text-reveal.sweep.ts
-var BAND_HALF = 17;
-var SWEEP_START = -BAND_HALF;
-var SWEEP_END = 100 + BAND_HALF;
-var sweepEaseFn = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2;
-var coverageAt = (progress) => Math.min(1, sweepEaseFn(progress) * (SWEEP_END - SWEEP_START) / 100);
-var COVERAGE_SPAN = (() => {
-  let lo = 0;
-  let hi = 1;
-  for (let i = 0; i < 40; i += 1) {
-    const mid = (lo + hi) / 2;
-    if (coverageAt(mid) < 1) lo = mid;
-    else hi = mid;
-  }
-  return hi;
-})();
-var EXIT_FADE_BIAS = 0.4;
-var exitEase = (t) => coverageAt(t * COVERAGE_SPAN) ** EXIT_FADE_BIAS;
-var makeExitEase = (leadFraction) => {
-  if (leadFraction <= 0) return exitEase;
-  if (leadFraction >= 1) return () => 0;
-  return (t) => t <= leadFraction ? 0 : exitEase((t - leadFraction) / (1 - leadFraction));
-};
-var SWEEP_SCALE = 3;
-var BAND_HALF_IMAGE = BAND_HALF / SWEEP_SCALE;
-var positionFor = (pos) => (pos - 50 * SWEEP_SCALE) / (1 - SWEEP_SCALE);
-var SWEEP_FROM = `${positionFor(SWEEP_START).toFixed(3)}%`;
-var SWEEP_TO = `${positionFor(SWEEP_END).toFixed(3)}%`;
-var SWEEP_SIZE = `${SWEEP_SCALE * 100}% 100%`;
-var EASE_SAMPLES = 24;
-var sweepEaseCss = `linear(${Array.from({ length: EASE_SAMPLES + 1 }, (_, i) => sweepEaseFn(i / EASE_SAMPLES).toFixed(5)).join(
-  ", "
-)})`;
-function buildSweepGradient(colors, textColor) {
-  const bandStart = 50 - BAND_HALF_IMAGE;
-  const bandEnd = 50 + BAND_HALF_IMAGE;
-  const n = colors.length;
-  const parts = [`${textColor} 0%`, `${textColor} ${bandStart.toFixed(3)}%`];
-  for (const [i, c] of colors.entries()) {
-    const pct = n === 1 ? 50 : bandStart + i / (n - 1) * BAND_HALF_IMAGE * 2;
-    parts.push(`${c} ${pct.toFixed(3)}%`);
-  }
-  parts.push(`transparent ${bandEnd.toFixed(3)}%`, "transparent 100%");
-  return `linear-gradient(90deg, ${parts.join(", ")})`;
-}
-function buildSweepStyle({ colors, textColor, duration, delay, sweep, paused, reduced }) {
-  return {
-    color: "transparent",
-    backgroundClip: "text",
-    WebkitBackgroundClip: "text",
-    backgroundImage: buildSweepGradient(colors, textColor),
-    backgroundRepeat: "no-repeat",
-    backgroundSize: SWEEP_SIZE,
-    backgroundPositionX: reduced ? SWEEP_TO : SWEEP_FROM,
-    "--dia-sweep-from": SWEEP_FROM,
-    "--dia-sweep-to": SWEEP_TO,
-    ...sweep !== null && !reduced && {
-      animationName: sweep.cycle % 2 === 0 ? "dia-sweep-a" : "dia-sweep-b",
-      animationDuration: `${duration}s`,
-      animationDelay: `${delay}s`,
-      animationTimingFunction: sweepEaseCss,
-      animationFillMode: "both",
-      animationIterationCount: 1,
-      animationPlayState: paused ? "paused" : "running"
-    }
-  };
-}
-
-// src/components/dia-text-reveal.utils.ts
-function measureWidths(el, texts) {
-  const parent = el.parentElement;
-  if (!parent) return texts.map(() => 0);
-  const ghost = el.cloneNode();
-  if (!(ghost instanceof HTMLElement)) return texts.map(() => 0);
-  Object.assign(ghost.style, {
-    position: "absolute",
-    visibility: "hidden",
-    pointerEvents: "none",
-    width: "auto",
-    whiteSpace: "nowrap"
-  });
-  parent.appendChild(ghost);
-  const widths = texts.map((t) => {
-    ghost.textContent = t;
-    return ghost.getBoundingClientRect().width;
-  });
-  ghost.remove();
-  return widths;
-}
-var DEFAULT_COLORS = ["#c679c4", "#fa3d1d", "#ffb005", "#e1e1fe", "#0358f7"];
-var EXIT_LEAD_RATIO = 0.3;
-function DiaTextReveal({
-  text,
-  colors = DEFAULT_COLORS,
-  textColor = "var(--color-foreground)",
-  duration = 1,
-  delay = 0,
-  repeat = false,
-  repeatDelay = 0.5,
-  exitDuration,
-  exitLead,
-  startOnView = true,
-  start = true,
-  once = true,
-  className,
-  fixedWidth = false,
-  wrap = false,
-  ...props
-}) {
-  const texts = Array.isArray(text) ? text : [text];
-  const isMulti = texts.length > 1;
-  const prefersReducedMotion = useReducedMotion();
-  const exitSpan = exitDuration ?? duration * COVERAGE_SPAN;
-  const lead = Math.max(0, exitLead ?? duration * EXIT_LEAD_RATIO);
-  const exitTotal = lead + exitSpan;
-  const leadFraction = exitTotal > 0 ? lead / exitTotal : 0;
-  const exitOpacityEase = useMemo(() => makeExitEase(leadFraction), [leadFraction]);
-  const spanRef = useRef(null);
-  const optsRef = useRef({ repeat, repeatDelay, texts });
-  optsRef.current = { repeat, repeatDelay, texts };
-  const indexRef = useRef(0);
-  const hasPlayedRef = useRef(false);
-  const timerRef = useRef(void 0);
-  const pendingRepeatRef = useRef(false);
-  const [activeIndex, setActiveIndex] = useState(0);
-  const [sweep, setSweep] = useState(null);
-  const [exiting, setExiting] = useState(null);
-  const clearExiting = useCallback(() => setExiting(null), []);
-  const [measuredWidths, setMeasuredWidths] = useState([]);
-  const [wrapHeight, setWrapHeight] = useState(null);
-  const innerRef = useRef(null);
-  const isInView = useInView(spanRef, { once, amount: 0.1 });
-  const isLiveInView = useInView(spanRef, {
-    once: false,
-    amount: 0.1
-  });
-  useEffect(() => {
-    const el = spanRef.current;
-    if (!(el && isMulti) || wrap) return;
-    const measure = () => setMeasuredWidths(measureWidths(el, texts));
-    measure();
-    if (document.fonts.status !== "loaded") document.fonts.ready.then(measure);
-  }, [Array.isArray(text) ? text.join("\0") : text, isMulti, wrap, texts]);
-  useEffect(() => {
-    const el = innerRef.current;
-    if (!(el && wrap && isMulti)) return;
-    const observer = new ResizeObserver(([entry]) => {
-      if (!entry) return;
-      const h = entry.contentRect.height;
-      setWrapHeight(
-        (prev) => prev !== null && prev.h === h ? prev : {
-          h,
-          shrink: prev !== null && h < prev.h
-        }
-      );
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [wrap, isMulti]);
-  const advance = useCallback(() => {
-    const opts = optsRef.current;
-    const current = indexRef.current;
-    const next = (current + 1) % opts.texts.length;
-    indexRef.current = next;
-    setExiting({ index: current, token: Date.now() });
-    setActiveIndex(next);
-    setSweep((prev) => ({
-      cycle: (prev?.cycle ?? 0) + 1,
-      lead: true
-    }));
-  }, []);
-  const scheduleRepeat = useCallback(() => {
-    timerRef.current = setTimeout(() => {
-      timerRef.current = void 0;
-      advance();
-    }, optsRef.current.repeatDelay * 1e3);
-  }, [advance]);
-  const onSweepEnd = useCallback(
-    (event) => {
-      if (!event.animationName.startsWith("dia-sweep")) return;
-      if (!optsRef.current.repeat) return;
-      scheduleRepeat();
-    },
-    [scheduleRepeat]
-  );
-  useEffect(() => {
-    if (prefersReducedMotion) return;
-    if (startOnView && !isInView) return;
-    if (!start) return;
-    if (once && hasPlayedRef.current) return;
-    hasPlayedRef.current = true;
-    setSweep((prev) => prev === null ? { cycle: 0, lead: false } : { cycle: prev.cycle + 1, lead: false });
-  }, [isInView, start, startOnView, once, prefersReducedMotion]);
-  useEffect(() => {
-    if (!repeat || prefersReducedMotion) return;
-    if (!isLiveInView) {
-      if (timerRef.current === void 0) return;
-      clearTimeout(timerRef.current);
-      timerRef.current = void 0;
-      pendingRepeatRef.current = true;
-    } else if (pendingRepeatRef.current) {
-      pendingRepeatRef.current = false;
-      scheduleRepeat();
-    }
-  }, [isLiveInView, repeat, prefersReducedMotion, scheduleRepeat]);
-  useEffect(() => () => clearTimeout(timerRef.current), []);
-  const paused = repeat && sweep !== null && !isLiveInView;
-  const revealStyle = buildSweepStyle({
-    colors,
-    textColor,
-    duration,
-    delay: delay + (sweep?.lead ? lead : 0),
-    sweep,
-    paused,
-    reduced: prefersReducedMotion === true
-  });
-  if (!isMulti)
-    return /* @__PURE__ */ jsx(
-      motion.span,
-      {
-        ref: spanRef,
-        className: cn("align-baseline text-inherit leading-[100%]", className),
-        style: revealStyle,
-        ...props,
-        onAnimationEnd: onSweepEnd,
-        children: texts[activeIndex]
-      }
-    );
-  const fixedW = !wrap && fixedWidth && measuredWidths.length > 0 ? Math.max(...measuredWidths) : void 0;
-  const animatedW = wrap || fixedWidth ? void 0 : measuredWidths[activeIndex];
-  const animatedH = wrap ? wrapHeight?.h : void 0;
-  const heightDelay = exiting !== null && wrapHeight?.shrink ? exitTotal : 0;
-  const incoming = /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref: innerRef,
-      className: cn("inline-block", wrap && "w-full", !wrap && "whitespace-nowrap"),
-      style: revealStyle,
-      onAnimationEnd: onSweepEnd,
-      children: texts[activeIndex]
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    motion.span,
-    {
-      ref: spanRef,
-      className: cn(
-        wrap ? "relative inline-block w-full text-center align-baseline text-inherit" : "relative inline-block whitespace-nowrap text-center align-baseline text-inherit leading-[100%]",
-        className
-      ),
-      style: {
-        ...fixedW !== void 0 && { width: fixedW }
-      },
-      animate: {
-        ...animatedW !== void 0 && { width: animatedW }
-      },
-      transition: {
-        width: { duration: 0.4, ease: [0.4, 0, 0.2, 1] }
-      },
-      ...props,
-      children: [
-        wrap ? /* @__PURE__ */ jsxs(HeightClipper, { height: animatedH, delay: heightDelay, children: [
-          /* @__PURE__ */ jsx(WidthReservation, { texts }),
-          incoming
-        ] }) : incoming,
-        exiting && !prefersReducedMotion && /* @__PURE__ */ jsx(
-          ExitingLine,
-          {
-            text: texts[exiting.index],
-            textColor,
-            duration: 0.4,
-            fallDuration: 0.25,
-            opacityEase: exitOpacityEase,
-            wrap,
-            onDone: clearExiting
-          },
-          exiting.token
-        )
-      ]
-    }
-  );
-}
-
-export { DiaTextReveal };
-//# sourceMappingURL=chunk-YKGP5JIL.mjs.map
-//# sourceMappingURL=chunk-YKGP5JIL.mjs.map