@zyncat/ui 0.11.0 → 0.12.0

package/dist/confetti.js

@@ -0,0 +1,540 @@
+'use client';import { loop } from './chunk-IJS7TPGV.js';
+import './chunk-7IZJERGA.js';
+import { cx } from './chunk-QGNC7LH5.js';
+import './confetti.css';
+import { useRef, useSyncExternalStore, useEffect, useImperativeHandle } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx } from 'react/jsx-runtime';
+
+var TAU = Math.PI * 2;
+var MS_PER_SECOND = 1e3;
+var subscribeToNothing = () => () => {
+};
+var MAX_PIECES = 520;
+var MIN_COUNT = 1;
+var DEFAULT_COUNT = 170;
+var DEFAULT_DURATION = 0.15;
+var MAX_DURATION = 10;
+var EMISSION_EASE = 1.8;
+var PIXEL_RATIO_CAP = 2;
+var PAPER_SLOTS = 5;
+var DEFAULT_WEIGHT = 1;
+var PAPER_KEYS = Array.from({ length: PAPER_SLOTS }, (_, i) => `--confetti-paper-${i + 1}`);
+var REVERSE_KEYS = Array.from({ length: PAPER_SLOTS }, (_, i) => `--confetti-reverse-${i + 1}`);
+var SHEEN_KEYS = Array.from({ length: PAPER_SLOTS }, (_, i) => `--confetti-sheen-${i + 1}`);
+var WEIGHTS_KEY = "--confetti-weights";
+var SCALE_REFERENCE = 700;
+var SCALE_MIN = 0.72;
+var SCALE_MAX = 1.6;
+var DEPTH_NEAR = 2;
+var DEPTH_FAR_SHARE = 0.34;
+var DEPTH_MID_SHARE = 0.6;
+var DEPTH_SIZE = [0.62, 0.88, 1.16];
+var DEPTH_ALPHA = [0.52, 0.8, 1];
+var DEPTH_GRAVITY = [0.86, 1, 1.13];
+var DEPTH_DRAG = [1.14, 1, 0.9];
+var GRAVITY = 1020;
+var DRAG = 0.03;
+var DRAG_SOFTENING = 265;
+var AREA_EDGE_ON = 0.14;
+var AREA_SWING = 0.86;
+var LIFT_MIN = 1.5;
+var LIFT_RANGE = 1.4;
+var LIFT_SPEED_CAP = 300;
+var PACE_FLOOR = 1e-3;
+var SPIN_RANGE = 7;
+var SPIN_JITTER = 0.5;
+var FLIP_MIN = 3.2;
+var FLIP_RANGE = 6;
+var FLIP_SPEED_COUPLING = 16e-4;
+var ALIGN_RATE = 4.5;
+var LIFE_MIN = 4.6;
+var LIFE_RANGE = 2.8;
+var FADE_IN = 0.09;
+var FADE_OUT = 0.42;
+var CULL_BELOW = 90;
+var CULL_SIDE = 260;
+var FLAKE_SHARE = 0.4;
+var CURL_SHARE = 0.62;
+var RIBBON_SHARE = 0.82;
+var FLAKE_WIDTH_MIN = 7;
+var FLAKE_WIDTH_RANGE = 6;
+var FLAKE_HEIGHT_MIN = 9;
+var FLAKE_HEIGHT_RANGE = 7;
+var FLAKE_HEIGHT_FLOOR = 0.7;
+var FLAKE_CORNER_MAX = 1.7;
+var CURL_RADIUS_MIN = 5;
+var CURL_RADIUS_RANGE = 5;
+var CURL_STROKE_MIN = 2.2;
+var CURL_STROKE_RANGE = 1.3;
+var CURL_SWEEP_MIN = 2.1;
+var CURL_SWEEP_RANGE = 2.1;
+var CURL_HEIGHT_FLOOR = 0.5;
+var RIBBON_SEGMENTS = 8;
+var RIBBON_LENGTH_MIN = 26;
+var RIBBON_LENGTH_RANGE = 26;
+var RIBBON_WAVE_MIN = 3.4;
+var RIBBON_WAVE_RANGE = 5;
+var RIBBON_WIDTH_MIN = 4.4;
+var RIBBON_WIDTH_RANGE = 3;
+var RIBBON_FREQUENCY_MIN = 0.8;
+var RIBBON_FREQUENCY_RANGE = 0.8;
+var RIBBON_TWIST_MIN = 4;
+var RIBBON_TWIST_RANGE = 4.5;
+var RIBBON_EDGE_ON = 0.16;
+var SEQUIN_RADIUS_MIN = 1.5;
+var SEQUIN_RADIUS_RANGE = 1.2;
+var SEQUIN_GLINT_SHARE = 0.45;
+var SEQUIN_GLINT_EDGE = 0.74;
+var SEQUIN_GLINT_REACH = 3.4;
+var SEQUIN_GLINT_STROKE = 0.9;
+var SEQUIN_FACE_BASE = 0.75;
+var SEQUIN_FACE_RANGE = 0.25;
+var SPECULAR_EDGE = 0.15;
+var ALPHA_FLOOR = 0.01;
+var STREAK_SPEED = 430;
+var STREAK_ALPHA = 0.16;
+var STREAK_REACH = 0.014;
+var STREAK_WIDTH = 0.42;
+var STREAK_STROKE_FLOOR = 1;
+var SIDE_ANGLE_LEFT = -0.92;
+var SIDE_ANGLE_RIGHT = -2.22;
+var SIDE_SPREAD = 0.6;
+var SIDE_SPEED_MIN = 1270;
+var SIDE_SPEED_RANGE = 440;
+var SIDE_INSET = 20;
+var SIDE_JITTER = 14;
+var SIDE_HEIGHT = 0.66;
+var SIDE_BAND = 0.15;
+var TOP_ANGLE = Math.PI / 2;
+var TOP_SPREAD = 0.56;
+var TOP_SPEED_MIN = 70;
+var TOP_SPEED_RANGE = 150;
+var TOP_OVERSCAN = 0.04;
+var TOP_RISE_JITTER = 80;
+var TOP_DRIFT = 30;
+var TOP_DRIFT_RATE = 0.62;
+var CORNER_ANGLE_LEFT = -1.27;
+var CORNER_ANGLE_RIGHT = -1.87;
+var CORNER_SPREAD = 0.44;
+var CORNER_SPEED_MIN = 1180;
+var CORNER_SPEED_RANGE = 430;
+var CORNER_INSET = 0.035;
+var CORNER_JITTER = 14;
+var CORNER_LAUNCH = 14;
+var CORNER_LAUNCH_JITTER = 12;
+var VIEWPORT_CLASS = "confetti--viewport";
+var clamp = (v, min, max) => v < min ? min : v > max ? max : v;
+var pieceCount = (value) => Number.isFinite(value) ? Math.round(clamp(value, MIN_COUNT, MAX_PIECES)) : DEFAULT_COUNT;
+var emitterSpan = (value) => Number.isFinite(value) && value > 0 ? Math.min(value, MAX_DURATION) : 0;
+function readPalette(canvas, cached) {
+  const computed = getComputedStyle(canvas);
+  const key = [...PAPER_KEYS, ...REVERSE_KEYS, ...SHEEN_KEYS, WEIGHTS_KEY].map((name) => computed.getPropertyValue(name).trim()).join("|");
+  if (cached && cached.key === key) return cached;
+  const resolveColor = (name) => {
+    canvas.style.color = `var(${name})`;
+    return getComputedStyle(canvas).color;
+  };
+  const front = PAPER_KEYS.map(resolveColor);
+  const reverse = REVERSE_KEYS.map(resolveColor);
+  const sheen = SHEEN_KEYS.map(resolveColor);
+  canvas.style.color = "";
+  const parsed = computed.getPropertyValue(WEIGHTS_KEY).trim().split(/\s+/).filter(Boolean).map(Number);
+  const weights = [];
+  let total = 0;
+  for (let i = 0; i < PAPER_SLOTS; i++) {
+    const value = parsed[i];
+    const weight = Number.isFinite(value) && value >= 0 ? value : DEFAULT_WEIGHT;
+    weights.push(weight);
+    total += weight;
+  }
+  if (total <= 0) {
+    weights.fill(DEFAULT_WEIGHT);
+    total = PAPER_SLOTS * DEFAULT_WEIGHT;
+  }
+  return { key, front, reverse, sheen, weights, total };
+}
+function pickSlot(palette) {
+  let roll = Math.random() * palette.total;
+  for (let i = 0; i < palette.weights.length; i++) {
+    if (roll < palette.weights[i]) return i;
+    roll -= palette.weights[i];
+  }
+  return 0;
+}
+function seat(emitter, width, height) {
+  if (emitter === "top") {
+    return {
+      x: -width * TOP_OVERSCAN + Math.random() * width * (1 + TOP_OVERSCAN * 2),
+      y: -46 - Math.random() * TOP_RISE_JITTER,
+      angle: TOP_ANGLE + (Math.random() - 0.5) * TOP_SPREAD,
+      speed: TOP_SPEED_MIN + Math.random() * TOP_SPEED_RANGE,
+      drift: TOP_DRIFT
+    };
+  }
+  const left = Math.random() < 0.5;
+  if (emitter === "corners") {
+    return {
+      x: (left ? width * CORNER_INSET : width * (1 - CORNER_INSET)) + (Math.random() - 0.5) * CORNER_JITTER,
+      y: height + CORNER_LAUNCH + Math.random() * CORNER_LAUNCH_JITTER,
+      angle: (left ? CORNER_ANGLE_LEFT : CORNER_ANGLE_RIGHT) + (Math.random() - 0.5) * CORNER_SPREAD,
+      speed: CORNER_SPEED_MIN + Math.random() * CORNER_SPEED_RANGE,
+      drift: 0
+    };
+  }
+  return {
+    x: left ? -SIDE_INSET - Math.random() * SIDE_JITTER : width + SIDE_INSET + Math.random() * SIDE_JITTER,
+    y: height * SIDE_HEIGHT + (Math.random() - 0.5) * height * SIDE_BAND,
+    angle: (left ? SIDE_ANGLE_LEFT : SIDE_ANGLE_RIGHT) + (Math.random() - 0.5) * SIDE_SPREAD,
+    speed: SIDE_SPEED_MIN + Math.random() * SIDE_SPEED_RANGE,
+    drift: 0
+  };
+}
+function cut(stage, emitter, palette) {
+  const spot = seat(emitter, stage.width, stage.height);
+  const speed = spot.speed * stage.size;
+  const depthRoll = Math.random();
+  const depth = depthRoll < DEPTH_FAR_SHARE ? 0 : depthRoll < DEPTH_MID_SHARE ? 1 : DEPTH_NEAR;
+  const size = DEPTH_SIZE[depth] * stage.size;
+  const shapeRoll = Math.random();
+  const shape = shapeRoll < FLAKE_SHARE ? "flake" : shapeRoll < CURL_SHARE ? "curl" : shapeRoll < RIBBON_SHARE ? "ribbon" : "sequin";
+  const piece = {
+    x: spot.x,
+    y: spot.y,
+    vx: Math.cos(spot.angle) * speed,
+    vy: Math.sin(spot.angle) * speed,
+    depth,
+    alpha: DEPTH_ALPHA[depth],
+    gravity: GRAVITY * DEPTH_GRAVITY[depth],
+    drag: DRAG * DEPTH_DRAG[depth],
+    lift: LIFT_MIN + Math.random() * LIFT_RANGE,
+    drift: spot.drift,
+    shape,
+    slot: pickSlot(palette),
+    spin: Math.random() * TAU,
+    spinRate: (Math.random() - 0.5) * SPIN_RANGE,
+    flip: Math.random() * TAU,
+    flipRate: (FLIP_MIN + Math.random() * FLIP_RANGE) * (Math.random() < 0.5 ? -1 : 1),
+    wave: Math.random() * TAU,
+    age: 0,
+    life: LIFE_MIN + Math.random() * LIFE_RANGE,
+    fade: 0,
+    pace: speed,
+    aligned: shape === "ribbon",
+    width: 0,
+    height: 0,
+    radius: 0,
+    stroke: 0,
+    sweepFrom: 0,
+    sweep: 0,
+    length: 0,
+    amplitude: 0,
+    frequency: 0,
+    twist: 0,
+    glint: false
+  };
+  if (shape === "flake") {
+    piece.width = (FLAKE_WIDTH_MIN + Math.random() * FLAKE_WIDTH_RANGE) * size;
+    piece.height = (FLAKE_HEIGHT_MIN + Math.random() * FLAKE_HEIGHT_RANGE) * size;
+  } else if (shape === "curl") {
+    piece.radius = (CURL_RADIUS_MIN + Math.random() * CURL_RADIUS_RANGE) * size;
+    piece.stroke = (CURL_STROKE_MIN + Math.random() * CURL_STROKE_RANGE) * size;
+    piece.sweepFrom = Math.random() * TAU;
+    piece.sweep = CURL_SWEEP_MIN + Math.random() * CURL_SWEEP_RANGE;
+    piece.width = piece.radius * 2;
+  } else if (shape === "ribbon") {
+    piece.length = (RIBBON_LENGTH_MIN + Math.random() * RIBBON_LENGTH_RANGE) * size;
+    piece.amplitude = (RIBBON_WAVE_MIN + Math.random() * RIBBON_WAVE_RANGE) * size;
+    piece.width = (RIBBON_WIDTH_MIN + Math.random() * RIBBON_WIDTH_RANGE) * size;
+    piece.height = piece.width;
+    piece.frequency = RIBBON_FREQUENCY_MIN + Math.random() * RIBBON_FREQUENCY_RANGE;
+    piece.twist = RIBBON_TWIST_MIN + Math.random() * RIBBON_TWIST_RANGE;
+    piece.spin = Math.atan2(piece.vy, piece.vx);
+  } else {
+    piece.radius = (SEQUIN_RADIUS_MIN + Math.random() * SEQUIN_RADIUS_RANGE) * size;
+    piece.width = piece.radius * 2;
+    piece.glint = Math.random() < SEQUIN_GLINT_SHARE;
+  }
+  return piece;
+}
+function emit(stage, dt, palette) {
+  const runs = stage.runs;
+  for (let i = runs.length - 1; i >= 0; i--) {
+    const run = runs[i];
+    run.elapsed += dt;
+    const send = () => {
+      if (stage.pieces.length >= MAX_PIECES) stage.pieces.shift();
+      stage.pieces.push(cut(stage, run.emitter, palette));
+      run.sent++;
+    };
+    if (run.span <= 0) {
+      while (run.sent < run.total) send();
+    } else {
+      while (run.sent < run.total && run.elapsed >= run.span * Math.pow(run.sent / run.total, EMISSION_EASE)) send();
+    }
+    if (run.sent >= run.total) runs.splice(i, 1);
+  }
+}
+function advance(stage, dt) {
+  const pieces = stage.pieces;
+  const drift = Math.sin(stage.clock * TOP_DRIFT_RATE);
+  for (let i = pieces.length - 1; i >= 0; i--) {
+    const piece = pieces[i];
+    piece.age += dt;
+    const pace = Math.max(PACE_FLOOR, Math.hypot(piece.vx, piece.vy));
+    piece.pace = pace;
+    const area = AREA_EDGE_ON + AREA_SWING * Math.abs(Math.cos(piece.flip));
+    const resistance = piece.drag * area / (1 + pace / DRAG_SOFTENING * (pace / DRAG_SOFTENING));
+    const lift = piece.lift * area * Math.sin(piece.flip) * Math.min(pace, LIFT_SPEED_CAP);
+    const ax = -resistance * piece.vx * pace + drift * piece.drift + -piece.vy / pace * lift;
+    const ay = -resistance * piece.vy * pace + piece.gravity + piece.vx / pace * lift;
+    piece.vx += ax * dt;
+    piece.vy += ay * dt;
+    piece.x += piece.vx * dt;
+    piece.y += piece.vy * dt;
+    piece.spinRate += (Math.random() - 0.5) * SPIN_JITTER * dt;
+    if (piece.aligned) {
+      const want = Math.atan2(piece.vy, piece.vx);
+      piece.spin += ((want - piece.spin + Math.PI * 3) % TAU - Math.PI) * Math.min(1, ALIGN_RATE * dt);
+    } else {
+      piece.spin += piece.spinRate * dt;
+    }
+    piece.flip += (piece.flipRate + Math.sign(piece.flipRate) * pace * FLIP_SPEED_COUPLING) * dt;
+    piece.fade = Math.min(1, piece.age / FADE_IN) * Math.min(1, (piece.life - piece.age) / FADE_OUT);
+    const gone = piece.age >= piece.life || piece.y > stage.height + CULL_BELOW || piece.x < -CULL_SIDE || piece.x > stage.width + CULL_SIDE;
+    if (gone) pieces.splice(i, 1);
+  }
+}
+function drawFlake(ctx, piece, tone) {
+  const face = Math.abs(Math.cos(piece.flip));
+  const height = Math.max(FLAKE_HEIGHT_FLOOR, piece.height * face);
+  ctx.fillStyle = tone;
+  ctx.beginPath();
+  ctx.roundRect(-piece.width / 2, -height / 2, piece.width, height, Math.min(FLAKE_CORNER_MAX, height / 2));
+  ctx.fill();
+}
+function drawCurl(ctx, piece, tone) {
+  const face = Math.abs(Math.cos(piece.flip));
+  ctx.strokeStyle = tone;
+  ctx.lineWidth = piece.stroke;
+  ctx.beginPath();
+  ctx.ellipse(
+    0,
+    0,
+    piece.radius,
+    Math.max(CURL_HEIGHT_FLOOR, piece.radius * face),
+    0,
+    piece.sweepFrom,
+    piece.sweepFrom + piece.sweep
+  );
+  ctx.stroke();
+}
+function drawRibbon(ctx, piece, palette) {
+  const half = piece.width * 0.5;
+  for (let s = 0; s < RIBBON_SEGMENTS; s++) {
+    const from = s / RIBBON_SEGMENTS;
+    const to = (s + 1) / RIBBON_SEGMENTS;
+    const x0 = (from - 0.5) * piece.length;
+    const x1 = (to - 0.5) * piece.length;
+    const y0 = piece.amplitude * Math.sin(from * piece.frequency * TAU + piece.wave);
+    const y1 = piece.amplitude * Math.sin(to * piece.frequency * TAU + piece.wave);
+    const twist0 = Math.cos(from * piece.twist + piece.flip);
+    const twist1 = Math.cos(to * piece.twist + piece.flip);
+    const w0 = half * Math.abs(twist0);
+    const w1 = half * Math.abs(twist1);
+    const edge = (Math.abs(twist0) + Math.abs(twist1)) * 0.5;
+    ctx.fillStyle = edge < RIBBON_EDGE_ON ? palette.sheen[piece.slot] : twist0 + twist1 >= 0 ? palette.front[piece.slot] : palette.reverse[piece.slot];
+    ctx.beginPath();
+    ctx.moveTo(x0, y0 - w0);
+    ctx.lineTo(x1, y1 - w1);
+    ctx.lineTo(x1, y1 + w1);
+    ctx.lineTo(x0, y0 + w0);
+    ctx.closePath();
+    ctx.fill();
+  }
+}
+function drawSequin(ctx, piece, palette) {
+  const face = Math.abs(Math.cos(piece.flip));
+  ctx.fillStyle = palette.front[piece.slot];
+  ctx.beginPath();
+  ctx.arc(0, 0, piece.radius * (SEQUIN_FACE_BASE + SEQUIN_FACE_RANGE * face), 0, TAU);
+  ctx.fill();
+  if (!piece.glint || face <= SEQUIN_GLINT_EDGE) return;
+  const reach = piece.radius * SEQUIN_GLINT_REACH * (face - SEQUIN_GLINT_EDGE) / (1 - SEQUIN_GLINT_EDGE);
+  ctx.strokeStyle = palette.sheen[piece.slot];
+  ctx.lineWidth = SEQUIN_GLINT_STROKE;
+  ctx.beginPath();
+  ctx.moveTo(-reach, 0);
+  ctx.lineTo(reach, 0);
+  ctx.moveTo(0, -reach);
+  ctx.lineTo(0, reach);
+  ctx.stroke();
+}
+function paint(stage) {
+  const ctx = stage.ctx;
+  ctx.clearRect(0, 0, stage.width, stage.height);
+  const palette = stage.palette;
+  ctx.lineCap = "round";
+  for (const piece of stage.pieces) {
+    const facing = Math.cos(piece.flip);
+    const face = Math.abs(facing);
+    const alpha = piece.alpha * piece.fade;
+    if (alpha <= ALPHA_FLOOR) continue;
+    if (piece.depth === DEPTH_NEAR && piece.pace > STREAK_SPEED && piece.shape !== "sequin") {
+      ctx.globalAlpha = alpha * STREAK_ALPHA;
+      ctx.strokeStyle = palette.front[piece.slot];
+      ctx.lineWidth = Math.max(STREAK_STROKE_FLOOR, piece.width * STREAK_WIDTH);
+      ctx.beginPath();
+      ctx.moveTo(piece.x, piece.y);
+      ctx.lineTo(piece.x - piece.vx * STREAK_REACH, piece.y - piece.vy * STREAK_REACH);
+      ctx.stroke();
+    }
+    ctx.globalAlpha = alpha;
+    ctx.save();
+    ctx.translate(piece.x, piece.y);
+    ctx.rotate(piece.spin);
+    const tone = face < SPECULAR_EDGE ? palette.sheen[piece.slot] : facing > 0 ? palette.front[piece.slot] : palette.reverse[piece.slot];
+    if (piece.shape === "flake") drawFlake(ctx, piece, tone);
+    else if (piece.shape === "curl") drawCurl(ctx, piece, tone);
+    else if (piece.shape === "ribbon") drawRibbon(ctx, piece, palette);
+    else drawSequin(ctx, piece, palette);
+    ctx.restore();
+  }
+  ctx.globalAlpha = 1;
+}
+function fit(stage) {
+  const box = stage.canvas.getBoundingClientRect();
+  if (!box.width || !box.height) return;
+  stage.width = box.width;
+  stage.height = box.height;
+  stage.size = clamp(Math.sqrt(box.width * box.height) / SCALE_REFERENCE, SCALE_MIN, SCALE_MAX);
+  const ratio = Math.min(PIXEL_RATIO_CAP, window.devicePixelRatio || 1);
+  const width = Math.round(box.width * ratio);
+  const height = Math.round(box.height * ratio);
+  if (stage.canvas.width !== width || stage.canvas.height !== height) {
+    stage.canvas.width = width;
+    stage.canvas.height = height;
+  }
+  stage.ctx.setTransform(ratio, 0, 0, ratio, 0, 0);
+}
+function halt(stage) {
+  stage.pieces.length = 0;
+  stage.runs.length = 0;
+  stage.clock = 0;
+  stage.ctx.clearRect(0, 0, stage.width, stage.height);
+  stage.playback?.stop();
+  stage.playback = null;
+}
+function Confetti({
+  emitter = "sides",
+  count = DEFAULT_COUNT,
+  duration = DEFAULT_DURATION,
+  speed = 1,
+  field = "container",
+  ref,
+  className = "",
+  style,
+  htmlProps
+}) {
+  const canvasRef = useRef(null);
+  const stageRef = useRef(null);
+  const settingsRef = useRef({ emitter, count, duration, speed });
+  const hydrated = useSyncExternalStore(
+    subscribeToNothing,
+    () => true,
+    () => false
+  );
+  useEffect(() => {
+    settingsRef.current = { emitter, count, duration, speed };
+  }, [emitter, count, duration, speed]);
+  useEffect(() => {
+    const canvas2 = canvasRef.current;
+    const ctx = canvas2?.getContext("2d");
+    if (!canvas2 || !ctx) return;
+    const stage = {
+      canvas: canvas2,
+      ctx,
+      width: 0,
+      height: 0,
+      size: 1,
+      pieces: [],
+      runs: [],
+      clock: 0,
+      palette: readPalette(canvas2, null),
+      playback: null
+    };
+    stageRef.current = stage;
+    fit(stage);
+    const resizes = new ResizeObserver(() => fit(stage));
+    resizes.observe(canvas2);
+    return () => {
+      resizes.disconnect();
+      stage.playback?.stop();
+      stage.playback = null;
+      stageRef.current = null;
+    };
+  }, [field, hydrated]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      fire(options) {
+        const stage = stageRef.current;
+        if (!stage) return;
+        fit(stage);
+        if (!stage.width || !stage.height) return;
+        const settings = settingsRef.current;
+        stage.palette = readPalette(stage.canvas, stage.palette);
+        stage.runs.push({
+          emitter: options?.emitter ?? settings.emitter,
+          total: pieceCount(options?.count ?? settings.count),
+          sent: 0,
+          elapsed: 0,
+          span: emitterSpan(options?.duration ?? settings.duration)
+        });
+        if (stage.playback) return;
+        let inert = false;
+        const playback = loop(
+          (_k, dt) => {
+            const step = dt / MS_PER_SECOND;
+            stage.clock += step;
+            emit(stage, step, stage.palette);
+            advance(stage, step);
+            paint(stage);
+            if (!stage.pieces.length && !stage.runs.length) halt(stage);
+          },
+          {
+            el: stage.canvas,
+            speed: () => settingsRef.current.speed,
+            snap: () => {
+              inert = true;
+              halt(stage);
+            }
+          }
+        );
+        stage.playback = inert ? null : playback;
+      },
+      clear() {
+        const stage = stageRef.current;
+        if (stage) halt(stage);
+      }
+    }),
+    []
+  );
+  const canvas = /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref: canvasRef,
+      className: cx("confetti", field === "viewport" && VIEWPORT_CLASS, className),
+      style,
+      "aria-hidden": "true",
+      ...htmlProps
+    }
+  );
+  if (field !== "viewport") return canvas;
+  if (!hydrated) return null;
+  return createPortal(canvas, document.body);
+}
+
+export { Confetti };
+//# sourceMappingURL=confetti.js.map
+//# sourceMappingURL=confetti.js.map

package/dist/confetti.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/expressive/confetti/Confetti.tsx"],"names":["canvas"],"mappings":"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","file":"confetti.js","sourcesContent":["'use client';\n\nimport './confetti.css';\n\nimport { useEffect, useImperativeHandle, useRef, useSyncExternalStore, type HTMLAttributes, type Ref } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { loop, type Playback } from '../../../engine';\nimport type { ConfettiStyle } from '../../../tokens/component-styles.generated';\nimport { cx } from '../../internal/utils/cx';\n\nconst TAU = Math.PI * 2;\nconst MS_PER_SECOND = 1000;\nconst subscribeToNothing = () => () => {};\n\nconst MAX_PIECES = 520;\nconst MIN_COUNT = 1;\nconst DEFAULT_COUNT = 170;\nconst DEFAULT_DURATION = 0.15;\nconst MAX_DURATION = 10;\nconst EMISSION_EASE = 1.8;\nconst PIXEL_RATIO_CAP = 2;\n\nconst PAPER_SLOTS = 5;\nconst DEFAULT_WEIGHT = 1;\nconst PAPER_KEYS = Array.from({ length: PAPER_SLOTS }, (_, i) => `--confetti-paper-${i + 1}`);\nconst REVERSE_KEYS = Array.from({ length: PAPER_SLOTS }, (_, i) => `--confetti-reverse-${i + 1}`);\nconst SHEEN_KEYS = Array.from({ length: PAPER_SLOTS }, (_, i) => `--confetti-sheen-${i + 1}`);\nconst WEIGHTS_KEY = '--confetti-weights';\n\nconst SCALE_REFERENCE = 700;\nconst SCALE_MIN = 0.72;\nconst SCALE_MAX = 1.6;\n\nconst DEPTH_NEAR = 2;\nconst DEPTH_FAR_SHARE = 0.34;\nconst DEPTH_MID_SHARE = 0.6;\nconst DEPTH_SIZE = [0.62, 0.88, 1.16];\nconst DEPTH_ALPHA = [0.52, 0.8, 1];\nconst DEPTH_GRAVITY = [0.86, 1, 1.13];\nconst DEPTH_DRAG = [1.14, 1, 0.9];\n\nconst GRAVITY = 1020;\nconst DRAG = 0.03;\nconst DRAG_SOFTENING = 265;\nconst AREA_EDGE_ON = 0.14;\nconst AREA_SWING = 0.86;\nconst LIFT_MIN = 1.5;\nconst LIFT_RANGE = 1.4;\nconst LIFT_SPEED_CAP = 300;\nconst PACE_FLOOR = 0.001;\nconst SPIN_RANGE = 7;\nconst SPIN_JITTER = 0.5;\nconst FLIP_MIN = 3.2;\nconst FLIP_RANGE = 6;\nconst FLIP_SPEED_COUPLING = 0.0016;\nconst ALIGN_RATE = 4.5;\nconst LIFE_MIN = 4.6;\nconst LIFE_RANGE = 2.8;\nconst FADE_IN = 0.09;\nconst FADE_OUT = 0.42;\nconst CULL_BELOW = 90;\nconst CULL_SIDE = 260;\n\nconst FLAKE_SHARE = 0.4;\nconst CURL_SHARE = 0.62;\nconst RIBBON_SHARE = 0.82;\n\nconst FLAKE_WIDTH_MIN = 7;\nconst FLAKE_WIDTH_RANGE = 6;\nconst FLAKE_HEIGHT_MIN = 9;\nconst FLAKE_HEIGHT_RANGE = 7;\nconst FLAKE_HEIGHT_FLOOR = 0.7;\nconst FLAKE_CORNER_MAX = 1.7;\n\nconst CURL_RADIUS_MIN = 5;\nconst CURL_RADIUS_RANGE = 5;\nconst CURL_STROKE_MIN = 2.2;\nconst CURL_STROKE_RANGE = 1.3;\nconst CURL_SWEEP_MIN = 2.1;\nconst CURL_SWEEP_RANGE = 2.1;\nconst CURL_HEIGHT_FLOOR = 0.5;\n\nconst RIBBON_SEGMENTS = 8;\nconst RIBBON_LENGTH_MIN = 26;\nconst RIBBON_LENGTH_RANGE = 26;\nconst RIBBON_WAVE_MIN = 3.4;\nconst RIBBON_WAVE_RANGE = 5;\nconst RIBBON_WIDTH_MIN = 4.4;\nconst RIBBON_WIDTH_RANGE = 3;\nconst RIBBON_FREQUENCY_MIN = 0.8;\nconst RIBBON_FREQUENCY_RANGE = 0.8;\nconst RIBBON_TWIST_MIN = 4;\nconst RIBBON_TWIST_RANGE = 4.5;\nconst RIBBON_EDGE_ON = 0.16;\n\nconst SEQUIN_RADIUS_MIN = 1.5;\nconst SEQUIN_RADIUS_RANGE = 1.2;\nconst SEQUIN_GLINT_SHARE = 0.45;\nconst SEQUIN_GLINT_EDGE = 0.74;\nconst SEQUIN_GLINT_REACH = 3.4;\nconst SEQUIN_GLINT_STROKE = 0.9;\nconst SEQUIN_FACE_BASE = 0.75;\nconst SEQUIN_FACE_RANGE = 0.25;\n\nconst SPECULAR_EDGE = 0.15;\nconst ALPHA_FLOOR = 0.01;\nconst STREAK_SPEED = 430;\nconst STREAK_ALPHA = 0.16;\nconst STREAK_REACH = 0.014;\nconst STREAK_WIDTH = 0.42;\nconst STREAK_STROKE_FLOOR = 1;\n\nconst SIDE_ANGLE_LEFT = -0.92;\nconst SIDE_ANGLE_RIGHT = -2.22;\nconst SIDE_SPREAD = 0.6;\nconst SIDE_SPEED_MIN = 1270;\nconst SIDE_SPEED_RANGE = 440;\nconst SIDE_INSET = 20;\nconst SIDE_JITTER = 14;\nconst SIDE_HEIGHT = 0.66;\nconst SIDE_BAND = 0.15;\n\nconst TOP_ANGLE = Math.PI / 2;\nconst TOP_SPREAD = 0.56;\nconst TOP_SPEED_MIN = 70;\nconst TOP_SPEED_RANGE = 150;\nconst TOP_OVERSCAN = 0.04;\nconst TOP_RISE = 46;\nconst TOP_RISE_JITTER = 80;\nconst TOP_DRIFT = 30;\nconst TOP_DRIFT_RATE = 0.62;\n\nconst CORNER_ANGLE_LEFT = -1.27;\nconst CORNER_ANGLE_RIGHT = -1.87;\nconst CORNER_SPREAD = 0.44;\nconst CORNER_SPEED_MIN = 1180;\nconst CORNER_SPEED_RANGE = 430;\nconst CORNER_INSET = 0.035;\nconst CORNER_JITTER = 14;\nconst CORNER_LAUNCH = 14;\nconst CORNER_LAUNCH_JITTER = 12;\n\nconst VIEWPORT_CLASS = 'confetti--viewport';\n\nexport type ConfettiEmitter = 'sides' | 'top' | 'corners';\nexport type ConfettiField = 'container' | 'viewport';\n\ntype Shape = 'flake' | 'curl' | 'ribbon' | 'sequin';\n\ninterface Piece {\n  x: number;\n  y: number;\n  vx: number;\n  vy: number;\n  depth: number;\n  alpha: number;\n  gravity: number;\n  drag: number;\n  lift: number;\n  drift: number;\n  shape: Shape;\n  slot: number;\n  spin: number;\n  spinRate: number;\n  flip: number;\n  flipRate: number;\n  wave: number;\n  age: number;\n  life: number;\n  fade: number;\n  pace: number;\n  aligned: boolean;\n  width: number;\n  height: number;\n  radius: number;\n  stroke: number;\n  sweepFrom: number;\n  sweep: number;\n  length: number;\n  amplitude: number;\n  frequency: number;\n  twist: number;\n  glint: boolean;\n}\n\ninterface Run {\n  emitter: ConfettiEmitter;\n  total: number;\n  sent: number;\n  elapsed: number;\n  span: number;\n}\n\ninterface Palette {\n  key: string;\n  front: string[];\n  reverse: string[];\n  sheen: string[];\n  weights: number[];\n  total: number;\n}\n\ninterface Stage {\n  canvas: HTMLCanvasElement;\n  ctx: CanvasRenderingContext2D;\n  width: number;\n  height: number;\n  size: number;\n  pieces: Piece[];\n  runs: Run[];\n  clock: number;\n  palette: Palette;\n  playback: Playback | null;\n}\n\ninterface Seat {\n  x: number;\n  y: number;\n  angle: number;\n  speed: number;\n  drift: number;\n}\n\nconst clamp = (v: number, min: number, max: number) => (v < min ? min : v > max ? max : v);\n\nconst pieceCount = (value: number) =>\n  Number.isFinite(value) ? Math.round(clamp(value, MIN_COUNT, MAX_PIECES)) : DEFAULT_COUNT;\n\nconst emitterSpan = (value: number) => (Number.isFinite(value) && value > 0 ? Math.min(value, MAX_DURATION) : 0);\n\nfunction readPalette(canvas: HTMLCanvasElement, cached: Palette | null): Palette {\n  const computed = getComputedStyle(canvas);\n  const key = [...PAPER_KEYS, ...REVERSE_KEYS, ...SHEEN_KEYS, WEIGHTS_KEY]\n    .map((name) => computed.getPropertyValue(name).trim())\n    .join('|');\n  if (cached && cached.key === key) return cached;\n\n  const resolveColor = (name: string) => {\n    canvas.style.color = `var(${name})`;\n    return getComputedStyle(canvas).color;\n  };\n  const front = PAPER_KEYS.map(resolveColor);\n  const reverse = REVERSE_KEYS.map(resolveColor);\n  const sheen = SHEEN_KEYS.map(resolveColor);\n  canvas.style.color = '';\n\n  const parsed = computed.getPropertyValue(WEIGHTS_KEY).trim().split(/\\s+/).filter(Boolean).map(Number);\n  const weights: number[] = [];\n  let total = 0;\n  for (let i = 0; i < PAPER_SLOTS; i++) {\n    const value = parsed[i];\n    const weight = Number.isFinite(value) && value >= 0 ? value : DEFAULT_WEIGHT;\n    weights.push(weight);\n    total += weight;\n  }\n  if (total <= 0) {\n    weights.fill(DEFAULT_WEIGHT);\n    total = PAPER_SLOTS * DEFAULT_WEIGHT;\n  }\n  return { key, front, reverse, sheen, weights, total };\n}\n\nfunction pickSlot(palette: Palette) {\n  let roll = Math.random() * palette.total;\n  for (let i = 0; i < palette.weights.length; i++) {\n    if (roll < palette.weights[i]) return i;\n    roll -= palette.weights[i];\n  }\n  return 0;\n}\n\nfunction seat(emitter: ConfettiEmitter, width: number, height: number): Seat {\n  if (emitter === 'top') {\n    return {\n      x: -width * TOP_OVERSCAN + Math.random() * width * (1 + TOP_OVERSCAN * 2),\n      y: -TOP_RISE - Math.random() * TOP_RISE_JITTER,\n      angle: TOP_ANGLE + (Math.random() - 0.5) * TOP_SPREAD,\n      speed: TOP_SPEED_MIN + Math.random() * TOP_SPEED_RANGE,\n      drift: TOP_DRIFT,\n    };\n  }\n  const left = Math.random() < 0.5;\n  if (emitter === 'corners') {\n    return {\n      x: (left ? width * CORNER_INSET : width * (1 - CORNER_INSET)) + (Math.random() - 0.5) * CORNER_JITTER,\n      y: height + CORNER_LAUNCH + Math.random() * CORNER_LAUNCH_JITTER,\n      angle: (left ? CORNER_ANGLE_LEFT : CORNER_ANGLE_RIGHT) + (Math.random() - 0.5) * CORNER_SPREAD,\n      speed: CORNER_SPEED_MIN + Math.random() * CORNER_SPEED_RANGE,\n      drift: 0,\n    };\n  }\n  return {\n    x: left ? -SIDE_INSET - Math.random() * SIDE_JITTER : width + SIDE_INSET + Math.random() * SIDE_JITTER,\n    y: height * SIDE_HEIGHT + (Math.random() - 0.5) * height * SIDE_BAND,\n    angle: (left ? SIDE_ANGLE_LEFT : SIDE_ANGLE_RIGHT) + (Math.random() - 0.5) * SIDE_SPREAD,\n    speed: SIDE_SPEED_MIN + Math.random() * SIDE_SPEED_RANGE,\n    drift: 0,\n  };\n}\n\nfunction cut(stage: Stage, emitter: ConfettiEmitter, palette: Palette): Piece {\n  const spot = seat(emitter, stage.width, stage.height);\n  const speed = spot.speed * stage.size;\n  const depthRoll = Math.random();\n  const depth = depthRoll < DEPTH_FAR_SHARE ? 0 : depthRoll < DEPTH_MID_SHARE ? 1 : DEPTH_NEAR;\n  const size = DEPTH_SIZE[depth] * stage.size;\n  const shapeRoll = Math.random();\n  const shape: Shape =\n    shapeRoll < FLAKE_SHARE\n      ? 'flake'\n      : shapeRoll < CURL_SHARE\n        ? 'curl'\n        : shapeRoll < RIBBON_SHARE\n          ? 'ribbon'\n          : 'sequin';\n  const piece: Piece = {\n    x: spot.x,\n    y: spot.y,\n    vx: Math.cos(spot.angle) * speed,\n    vy: Math.sin(spot.angle) * speed,\n    depth,\n    alpha: DEPTH_ALPHA[depth],\n    gravity: GRAVITY * DEPTH_GRAVITY[depth],\n    drag: DRAG * DEPTH_DRAG[depth],\n    lift: LIFT_MIN + Math.random() * LIFT_RANGE,\n    drift: spot.drift,\n    shape,\n    slot: pickSlot(palette),\n    spin: Math.random() * TAU,\n    spinRate: (Math.random() - 0.5) * SPIN_RANGE,\n    flip: Math.random() * TAU,\n    flipRate: (FLIP_MIN + Math.random() * FLIP_RANGE) * (Math.random() < 0.5 ? -1 : 1),\n    wave: Math.random() * TAU,\n    age: 0,\n    life: LIFE_MIN + Math.random() * LIFE_RANGE,\n    fade: 0,\n    pace: speed,\n    aligned: shape === 'ribbon',\n    width: 0,\n    height: 0,\n    radius: 0,\n    stroke: 0,\n    sweepFrom: 0,\n    sweep: 0,\n    length: 0,\n    amplitude: 0,\n    frequency: 0,\n    twist: 0,\n    glint: false,\n  };\n\n  if (shape === 'flake') {\n    piece.width = (FLAKE_WIDTH_MIN + Math.random() * FLAKE_WIDTH_RANGE) * size;\n    piece.height = (FLAKE_HEIGHT_MIN + Math.random() * FLAKE_HEIGHT_RANGE) * size;\n  } else if (shape === 'curl') {\n    piece.radius = (CURL_RADIUS_MIN + Math.random() * CURL_RADIUS_RANGE) * size;\n    piece.stroke = (CURL_STROKE_MIN + Math.random() * CURL_STROKE_RANGE) * size;\n    piece.sweepFrom = Math.random() * TAU;\n    piece.sweep = CURL_SWEEP_MIN + Math.random() * CURL_SWEEP_RANGE;\n    piece.width = piece.radius * 2;\n  } else if (shape === 'ribbon') {\n    piece.length = (RIBBON_LENGTH_MIN + Math.random() * RIBBON_LENGTH_RANGE) * size;\n    piece.amplitude = (RIBBON_WAVE_MIN + Math.random() * RIBBON_WAVE_RANGE) * size;\n    piece.width = (RIBBON_WIDTH_MIN + Math.random() * RIBBON_WIDTH_RANGE) * size;\n    piece.height = piece.width;\n    piece.frequency = RIBBON_FREQUENCY_MIN + Math.random() * RIBBON_FREQUENCY_RANGE;\n    piece.twist = RIBBON_TWIST_MIN + Math.random() * RIBBON_TWIST_RANGE;\n    piece.spin = Math.atan2(piece.vy, piece.vx);\n  } else {\n    piece.radius = (SEQUIN_RADIUS_MIN + Math.random() * SEQUIN_RADIUS_RANGE) * size;\n    piece.width = piece.radius * 2;\n    piece.glint = Math.random() < SEQUIN_GLINT_SHARE;\n  }\n  return piece;\n}\n\nfunction emit(stage: Stage, dt: number, palette: Palette) {\n  const runs = stage.runs;\n  for (let i = runs.length - 1; i >= 0; i--) {\n    const run = runs[i];\n    run.elapsed += dt;\n    const send = () => {\n      if (stage.pieces.length >= MAX_PIECES) stage.pieces.shift();\n      stage.pieces.push(cut(stage, run.emitter, palette));\n      run.sent++;\n    };\n    if (run.span <= 0) {\n      while (run.sent < run.total) send();\n    } else {\n      while (run.sent < run.total && run.elapsed >= run.span * Math.pow(run.sent / run.total, EMISSION_EASE)) send();\n    }\n    if (run.sent >= run.total) runs.splice(i, 1);\n  }\n}\n\nfunction advance(stage: Stage, dt: number) {\n  const pieces = stage.pieces;\n  const drift = Math.sin(stage.clock * TOP_DRIFT_RATE);\n  for (let i = pieces.length - 1; i >= 0; i--) {\n    const piece = pieces[i];\n    piece.age += dt;\n    const pace = Math.max(PACE_FLOOR, Math.hypot(piece.vx, piece.vy));\n    piece.pace = pace;\n    const area = AREA_EDGE_ON + AREA_SWING * Math.abs(Math.cos(piece.flip));\n    const resistance = (piece.drag * area) / (1 + (pace / DRAG_SOFTENING) * (pace / DRAG_SOFTENING));\n    const lift = piece.lift * area * Math.sin(piece.flip) * Math.min(pace, LIFT_SPEED_CAP);\n    const ax = -resistance * piece.vx * pace + drift * piece.drift + (-piece.vy / pace) * lift;\n    const ay = -resistance * piece.vy * pace + piece.gravity + (piece.vx / pace) * lift;\n    piece.vx += ax * dt;\n    piece.vy += ay * dt;\n    piece.x += piece.vx * dt;\n    piece.y += piece.vy * dt;\n    piece.spinRate += (Math.random() - 0.5) * SPIN_JITTER * dt;\n    if (piece.aligned) {\n      const want = Math.atan2(piece.vy, piece.vx);\n      piece.spin += (((want - piece.spin + Math.PI * 3) % TAU) - Math.PI) * Math.min(1, ALIGN_RATE * dt);\n    } else {\n      piece.spin += piece.spinRate * dt;\n    }\n    piece.flip += (piece.flipRate + Math.sign(piece.flipRate) * pace * FLIP_SPEED_COUPLING) * dt;\n    piece.fade = Math.min(1, piece.age / FADE_IN) * Math.min(1, (piece.life - piece.age) / FADE_OUT);\n    const gone =\n      piece.age >= piece.life ||\n      piece.y > stage.height + CULL_BELOW ||\n      piece.x < -CULL_SIDE ||\n      piece.x > stage.width + CULL_SIDE;\n    if (gone) pieces.splice(i, 1);\n  }\n}\n\nfunction drawFlake(ctx: CanvasRenderingContext2D, piece: Piece, tone: string) {\n  const face = Math.abs(Math.cos(piece.flip));\n  const height = Math.max(FLAKE_HEIGHT_FLOOR, piece.height * face);\n  ctx.fillStyle = tone;\n  ctx.beginPath();\n  ctx.roundRect(-piece.width / 2, -height / 2, piece.width, height, Math.min(FLAKE_CORNER_MAX, height / 2));\n  ctx.fill();\n}\n\nfunction drawCurl(ctx: CanvasRenderingContext2D, piece: Piece, tone: string) {\n  const face = Math.abs(Math.cos(piece.flip));\n  ctx.strokeStyle = tone;\n  ctx.lineWidth = piece.stroke;\n  ctx.beginPath();\n  ctx.ellipse(\n    0,\n    0,\n    piece.radius,\n    Math.max(CURL_HEIGHT_FLOOR, piece.radius * face),\n    0,\n    piece.sweepFrom,\n    piece.sweepFrom + piece.sweep,\n  );\n  ctx.stroke();\n}\n\nfunction drawRibbon(ctx: CanvasRenderingContext2D, piece: Piece, palette: Palette) {\n  const half = piece.width * 0.5;\n  for (let s = 0; s < RIBBON_SEGMENTS; s++) {\n    const from = s / RIBBON_SEGMENTS;\n    const to = (s + 1) / RIBBON_SEGMENTS;\n    const x0 = (from - 0.5) * piece.length;\n    const x1 = (to - 0.5) * piece.length;\n    const y0 = piece.amplitude * Math.sin(from * piece.frequency * TAU + piece.wave);\n    const y1 = piece.amplitude * Math.sin(to * piece.frequency * TAU + piece.wave);\n    const twist0 = Math.cos(from * piece.twist + piece.flip);\n    const twist1 = Math.cos(to * piece.twist + piece.flip);\n    const w0 = half * Math.abs(twist0);\n    const w1 = half * Math.abs(twist1);\n    const edge = (Math.abs(twist0) + Math.abs(twist1)) * 0.5;\n    ctx.fillStyle =\n      edge < RIBBON_EDGE_ON\n        ? palette.sheen[piece.slot]\n        : twist0 + twist1 >= 0\n          ? palette.front[piece.slot]\n          : palette.reverse[piece.slot];\n    ctx.beginPath();\n    ctx.moveTo(x0, y0 - w0);\n    ctx.lineTo(x1, y1 - w1);\n    ctx.lineTo(x1, y1 + w1);\n    ctx.lineTo(x0, y0 + w0);\n    ctx.closePath();\n    ctx.fill();\n  }\n}\n\nfunction drawSequin(ctx: CanvasRenderingContext2D, piece: Piece, palette: Palette) {\n  const face = Math.abs(Math.cos(piece.flip));\n  ctx.fillStyle = palette.front[piece.slot];\n  ctx.beginPath();\n  ctx.arc(0, 0, piece.radius * (SEQUIN_FACE_BASE + SEQUIN_FACE_RANGE * face), 0, TAU);\n  ctx.fill();\n  if (!piece.glint || face <= SEQUIN_GLINT_EDGE) return;\n  const reach = (piece.radius * SEQUIN_GLINT_REACH * (face - SEQUIN_GLINT_EDGE)) / (1 - SEQUIN_GLINT_EDGE);\n  ctx.strokeStyle = palette.sheen[piece.slot];\n  ctx.lineWidth = SEQUIN_GLINT_STROKE;\n  ctx.beginPath();\n  ctx.moveTo(-reach, 0);\n  ctx.lineTo(reach, 0);\n  ctx.moveTo(0, -reach);\n  ctx.lineTo(0, reach);\n  ctx.stroke();\n}\n\nfunction paint(stage: Stage) {\n  const ctx = stage.ctx;\n  ctx.clearRect(0, 0, stage.width, stage.height);\n  const palette = stage.palette;\n  ctx.lineCap = 'round';\n  for (const piece of stage.pieces) {\n    const facing = Math.cos(piece.flip);\n    const face = Math.abs(facing);\n    const alpha = piece.alpha * piece.fade;\n    if (alpha <= ALPHA_FLOOR) continue;\n\n    if (piece.depth === DEPTH_NEAR && piece.pace > STREAK_SPEED && piece.shape !== 'sequin') {\n      ctx.globalAlpha = alpha * STREAK_ALPHA;\n      ctx.strokeStyle = palette.front[piece.slot];\n      ctx.lineWidth = Math.max(STREAK_STROKE_FLOOR, piece.width * STREAK_WIDTH);\n      ctx.beginPath();\n      ctx.moveTo(piece.x, piece.y);\n      ctx.lineTo(piece.x - piece.vx * STREAK_REACH, piece.y - piece.vy * STREAK_REACH);\n      ctx.stroke();\n    }\n\n    ctx.globalAlpha = alpha;\n    ctx.save();\n    ctx.translate(piece.x, piece.y);\n    ctx.rotate(piece.spin);\n    const tone =\n      face < SPECULAR_EDGE\n        ? palette.sheen[piece.slot]\n        : facing > 0\n          ? palette.front[piece.slot]\n          : palette.reverse[piece.slot];\n    if (piece.shape === 'flake') drawFlake(ctx, piece, tone);\n    else if (piece.shape === 'curl') drawCurl(ctx, piece, tone);\n    else if (piece.shape === 'ribbon') drawRibbon(ctx, piece, palette);\n    else drawSequin(ctx, piece, palette);\n    ctx.restore();\n  }\n  ctx.globalAlpha = 1;\n}\n\nfunction fit(stage: Stage) {\n  const box = stage.canvas.getBoundingClientRect();\n  if (!box.width || !box.height) return;\n  stage.width = box.width;\n  stage.height = box.height;\n  stage.size = clamp(Math.sqrt(box.width * box.height) / SCALE_REFERENCE, SCALE_MIN, SCALE_MAX);\n  const ratio = Math.min(PIXEL_RATIO_CAP, window.devicePixelRatio || 1);\n  const width = Math.round(box.width * ratio);\n  const height = Math.round(box.height * ratio);\n  if (stage.canvas.width !== width || stage.canvas.height !== height) {\n    stage.canvas.width = width;\n    stage.canvas.height = height;\n  }\n  stage.ctx.setTransform(ratio, 0, 0, ratio, 0, 0);\n}\n\nfunction halt(stage: Stage) {\n  stage.pieces.length = 0;\n  stage.runs.length = 0;\n  stage.clock = 0;\n  stage.ctx.clearRect(0, 0, stage.width, stage.height);\n  stage.playback?.stop();\n  stage.playback = null;\n}\n\nexport interface ConfettiFireOptions {\n  /** Pieces this burst sends, clamped to 1-520. Falls back to the `count` prop. */\n  count?: number;\n  /** Seconds this burst's emitter stays open, clamped to 0-10. Falls back to the `duration` prop. */\n  duration?: number;\n  /** Emitter geometry for this burst. Falls back to the `emitter` prop. */\n  emitter?: ConfettiEmitter;\n}\n\nexport interface ConfettiHandle {\n  /** Sends one burst. Bursts coexist - firing again while pieces are still airborne adds to the field rather than replacing it. */\n  fire: (options?: ConfettiFireOptions) => void;\n  /** Empties the field and stops the simulation immediately. */\n  clear: () => void;\n}\n\nexport interface ConfettiOwnProps {\n  /** Where pieces are launched from: two side cannons, a full-width fall, or two floor-corner cannons. @default 'sides' */\n  emitter?: ConfettiEmitter;\n  /** Pieces one fire sends, clamped to 1-520. The field itself holds 520; beyond that the oldest piece is retired. @default 170 */\n  count?: number;\n  /** Seconds the emitter stays open, clamped to 0-10. Pieces leave front-loaded inside that window, so 0.15 reads as one shove and 2.5 as a burst that tapers into a fall. @default 0.15 */\n  duration?: number;\n  /** Multiplies the simulation rate; sampled live on every frame. @default 1 */\n  speed?: number;\n  /** `container` fills the nearest positioned ancestor; `viewport` portals the canvas to the body and pins it to the window above the toast layer, so a transformed ancestor cannot trap it. Switching field remounts the canvas and drops pieces in flight. @default 'container' */\n  field?: ConfettiField;\n  /** Imperative handle - call `fire()` on it to send a burst, `clear()` to empty the field. */\n  ref?: Ref<ConfettiHandle>;\n  /** Extra class(es) merged onto the canvas. */\n  className?: string;\n  /** Inline styles merged onto the canvas. */\n  style?: ConfettiStyle;\n}\n\nexport interface ConfettiProps extends ConfettiOwnProps {\n  /** Standard <canvas> attributes (aria-*, data-*, title, ...) forwarded to the canvas. */\n  htmlProps?: Omit<HTMLAttributes<HTMLCanvasElement>, keyof ConfettiOwnProps> & DataAttributes;\n}\n\nexport function Confetti({\n  emitter = 'sides',\n  count = DEFAULT_COUNT,\n  duration = DEFAULT_DURATION,\n  speed = 1,\n  field = 'container',\n  ref,\n  className = '',\n  style,\n  htmlProps,\n}: ConfettiProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const stageRef = useRef<Stage | null>(null);\n  const settingsRef = useRef({ emitter, count, duration, speed });\n  const hydrated = useSyncExternalStore(\n    subscribeToNothing,\n    () => true,\n    () => false,\n  );\n\n  useEffect(() => {\n    settingsRef.current = { emitter, count, duration, speed };\n  }, [emitter, count, duration, speed]);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext('2d');\n    if (!canvas || !ctx) return;\n\n    const stage: Stage = {\n      canvas,\n      ctx,\n      width: 0,\n      height: 0,\n      size: 1,\n      pieces: [],\n      runs: [],\n      clock: 0,\n      palette: readPalette(canvas, null),\n      playback: null,\n    };\n    stageRef.current = stage;\n    fit(stage);\n\n    const resizes = new ResizeObserver(() => fit(stage));\n    resizes.observe(canvas);\n\n    return () => {\n      resizes.disconnect();\n      stage.playback?.stop();\n      stage.playback = null;\n      stageRef.current = null;\n    };\n  }, [field, hydrated]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      fire(options?: ConfettiFireOptions) {\n        const stage = stageRef.current;\n        if (!stage) return;\n        fit(stage);\n        if (!stage.width || !stage.height) return;\n        const settings = settingsRef.current;\n        stage.palette = readPalette(stage.canvas, stage.palette);\n        stage.runs.push({\n          emitter: options?.emitter ?? settings.emitter,\n          total: pieceCount(options?.count ?? settings.count),\n          sent: 0,\n          elapsed: 0,\n          span: emitterSpan(options?.duration ?? settings.duration),\n        });\n        if (stage.playback) return;\n        let inert = false;\n        const playback = loop(\n          (_k, dt) => {\n            const step = dt / MS_PER_SECOND;\n            stage.clock += step;\n            emit(stage, step, stage.palette);\n            advance(stage, step);\n            paint(stage);\n            if (!stage.pieces.length && !stage.runs.length) halt(stage);\n          },\n          {\n            el: stage.canvas,\n            speed: () => settingsRef.current.speed,\n            snap: () => {\n              inert = true;\n              halt(stage);\n            },\n          },\n        );\n        stage.playback = inert ? null : playback;\n      },\n      clear() {\n        const stage = stageRef.current;\n        if (stage) halt(stage);\n      },\n    }),\n    [],\n  );\n\n  const canvas = (\n    <canvas\n      ref={canvasRef}\n      className={cx('confetti', field === 'viewport' && VIEWPORT_CLASS, className)}\n      style={style}\n      aria-hidden=\"true\"\n      {...htmlProps}\n    />\n  );\n\n  if (field !== 'viewport') return canvas;\n  if (!hydrated) return null;\n  return createPortal(canvas, document.body);\n}\n"]}

package/dist/count-badge.js

@@ -1,11 +1,11 @@
-'use client';import { Odometer } from './chunk-CONSWNIV.js';
-import { Badge } from './chunk-PMECHR3A.js';
+'use client';import { DigitStrip } from './chunk-Y2YA7QRF.js';
+import { Badge } from './chunk-FQEHSKEI.js';
 import './chunk-QGNC7LH5.js';
 import { jsx } from 'react/jsx-runtime';
 
 function CountBadge({ value, tone = "neutral", roll = false, ...rest }) {
   const str = String(value);
-  return /* @__PURE__ */ jsx(Badge, { tone, ...rest, children: roll ? /* @__PURE__ */ jsx(Odometer, { value: str }) : str });
+  return /* @__PURE__ */ jsx(Badge, { tone, ...rest, children: roll ? /* @__PURE__ */ jsx(DigitStrip, { value: str }) : str });
 }
 
 export { CountBadge };

package/dist/count-badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/badge/CountBadge.tsx"],"names":[],"mappings":";;;;;AAYO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAO,IAAA,GAAO,WAAW,IAAA,GAAO,KAAA,EAAO,GAAG,IAAA,EAAK,EAAoB;AAC9F,EAAA,MAAM,GAAA,GAAM,OAAO,KAAK,CAAA;AACxB,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAa,GAAG,IAAA,EACpB,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,GAAA,EACrC,CAAA;AAEJ","file":"count-badge.js","sourcesContent":["'use client';\n\nimport { Badge, type BadgeProps } from './Badge';\nimport { Odometer } from './odometer';\n\nexport interface CountBadgeProps extends Omit<BadgeProps, 'children'> {\n  /** The chip content - stringified; in `roll` mode each digit becomes an odometer column. */\n  value: string | number;\n  /** Odometer: digits roll vertically on change. */\n  roll?: boolean;\n}\n\nexport function CountBadge({ value, tone = 'neutral', roll = false, ...rest }: CountBadgeProps) {\n  const str = String(value);\n  return (\n    <Badge tone={tone} {...rest}>\n      {roll ? <Odometer value={str} /> : str}\n    </Badge>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/primitives/badge/CountBadge.tsx"],"names":[],"mappings":";;;;;AAYO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAO,IAAA,GAAO,WAAW,IAAA,GAAO,KAAA,EAAO,GAAG,IAAA,EAAK,EAAoB;AAC9F,EAAA,MAAM,GAAA,GAAM,OAAO,KAAK,CAAA;AACxB,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAa,GAAG,IAAA,EACpB,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,GAAA,EACvC,CAAA;AAEJ","file":"count-badge.js","sourcesContent":["'use client';\n\nimport { Badge, type BadgeProps } from './Badge';\nimport { DigitStrip } from './digit-strip';\n\nexport interface CountBadgeProps extends Omit<BadgeProps, 'children'> {\n  /** The chip content - stringified; in `roll` mode each digit becomes an odometer column. */\n  value: string | number;\n  /** Odometer: digits roll vertically on change. */\n  roll?: boolean;\n}\n\nexport function CountBadge({ value, tone = 'neutral', roll = false, ...rest }: CountBadgeProps) {\n  const str = String(value);\n  return (\n    <Badge tone={tone} {...rest}>\n      {roll ? <DigitStrip value={str} /> : str}\n    </Badge>\n  );\n}\n"]}