@evolve.ui/core-components 1.0.0

package/ChoiceListItem-D_74Zcpd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceListItem-D_74Zcpd.cjs","names":["getMixinClasses","getMixinClasses","BodySecondary","BodyPrimary"],"sources":["../src/ChoiceListItem/common.tsx","../src/ChoiceListItem/choiceListItem.tsx","../src/ChoiceListItem/Radio.tsx","../src/ChoiceListItem/Checkbox.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, HTMLProps, ReactElement, ReactNode, SVGProps } from 'react';\n\nimport { GenericCSSMixinProps, getMixinClasses } from '../mixins';\n\nexport const ChoiceListItemIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(({ className, ...rest }, ref) => (\n    <svg\n        className={cn('border border-current bg-background-primary text-icon-secondary', className)}\n        ref={ref}\n        {...rest}\n    />\n));\n\nChoiceListItemIcon.displayName = 'ChoiceListItemIcon';\n\ntype ChoiceListItemLabelProps = {\n    /** Hammer passes `as=\"label\"`; ignored at runtime (label is always `<label>`). */\n    as?: 'label' | string;\n    children: ReactNode;\n    className?: string;\n};\n\nexport const ChoiceListItemLabel = ({ as: _as, children, className }: ChoiceListItemLabelProps) => (\n    <label\n        className={cn(\n            'grid cursor-pointer grid-cols-[24px_10px_1fr]',\n            'cursor-pointer',\n            '[&>input:focus-visible~svg]:outline [&>input:focus-visible~svg]:outline-4 [&>input:focus-visible~svg]:outline-offset-1 [&>input:focus-visible~svg]:outline-focus-primary',\n            '[&>input:checked~svg]:text-icon-secondary [&>input[type=\"checkbox\"]:indeterminate~svg]:text-icon-secondary',\n            '[&>input:hover~svg]:bg-background-hover [&>input:hover~svg]:text-icon-hover',\n            '[&>input:disabled~span]:text-text-disabled',\n            '[&>input:disabled~svg]:cursor-not-allowed [&>input:disabled~svg]:bg-background-disabled [&>input:disabled~svg]:text-icon-disabled',\n            className\n        )}\n        style={{ gridTemplateAreas: \"'input . label' '. . description'\" }}\n    >\n        {children}\n    </label>\n);\n\nexport const ChoiceListItemGroup = forwardRef<HTMLFieldSetElement, GroupProps>(\n    (\n        {\n            $gridLocation,\n            $lineClamp,\n            $margin,\n            $marginBottom,\n            $marginLeft,\n            $marginRight,\n            $marginTop,\n            $padding,\n            $paddingBottom,\n            $paddingLeft,\n            $paddingRight,\n            $paddingTop,\n            children,\n            className,\n            id,\n            label,\n            ...rest\n        },\n        ref\n    ) => {\n        const mixinClasses = getMixinClasses({\n            $gridLocation,\n            $lineClamp,\n            $margin,\n            $marginBottom,\n            $marginLeft,\n            $marginRight,\n            $marginTop,\n            $padding,\n            $paddingBottom,\n            $paddingLeft,\n            $paddingRight,\n            $paddingTop,\n        });\n\n        return (\n            <fieldset\n                className={cn(\n                    'm-0 flex flex-col gap-y-xs border-0 p-0 text-[inherit] xsMax:gap-y-sm',\n                    mixinClasses,\n                    className\n                )}\n                id={id}\n                ref={ref}\n                {...rest}\n            >\n                {Boolean(label) && <legend className=\"hui-text-label-mini pb-xs\">{label}</legend>}\n                {children}\n            </fieldset>\n        );\n    }\n);\n\nChoiceListItemGroup.displayName = 'ChoiceListItemGroup';\n\nexport type GroupProps = Omit<HTMLProps<HTMLFieldSetElement>, 'as' | 'ref' | 'id' | 'children'> & {\n    /** Checkboxes or Radios for this group. */\n    children: ReactElement<CommonProps> | ReactElement<CommonProps>[];\n    /** This will match children's name prop. */\n    id?: string;\n    /** Text for the group label */\n    label?: ReactNode;\n} & GenericCSSMixinProps;\n\nexport type CommonProps = {\n    /** Secondary text for the input. Usually doesn't directly describe it */\n    description?: ReactNode;\n    /**\n     * The size of the label.\n     *\n     * @default 'primary'\n     */\n    labelSize?: 'primary' | 'secondary';\n    /**\n     * Should match the id of the group that surrounds it.\n     *\n     * ```html\n     * <Component.Group id=\"someGroup\">\n     *     <Component.Option value=\"someValue\" name=\"someGroup\">\n     *         Label 1\n     *     </Component.Option>\n     *     <Component.Option value={231} name=\"someGroup\">\n     *         Label 2\n     *     </Component.Option>\n     * </Component.Group>\n     * ```\n     */\n    name?: string;\n    /**\n     * Represents the value that selecting this input provides.\n     *\n     * ```html\n     * <Component.Group id=\"someGroup\">\n     *     <Component.Option value=\"someValue\" name=\"someGroup\">\n     *         Label 1\n     *     </Component.Option>\n     *     <Component.Option value={231} name=\"someGroup\">\n     *         Label 2\n     *     </Component.Option>\n     * </Component.Group>\n     * ```\n     */\n    value?: string | number;\n} & Omit<HTMLProps<HTMLInputElement>, 'for' | 'ref' | 'type' | 'name' | 'value'> &\n    GenericCSSMixinProps;\n","import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, ReactNode, useMemo } from 'react';\n\nimport { getMixinClasses } from '../mixins';\nimport { BodyPrimary, BodySecondary } from '../Typography/Text/Text';\nimport { ChoiceListItemLabel, CommonProps } from './common';\n\ntype TypeOfChoice = {\n    type: 'checkbox' | 'radio';\n    visual: ReactNode;\n};\n\nexport const ChoiceListItem = forwardRef<HTMLInputElement | null, CommonProps & TypeOfChoice>(\n    (\n        {\n            $gridLocation,\n            $lineClamp,\n            $margin,\n            $marginBottom,\n            $marginLeft,\n            $marginRight,\n            $marginTop,\n            $padding,\n            $paddingBottom,\n            $paddingLeft,\n            $paddingRight,\n            $paddingTop,\n            children,\n            className,\n            description: descriptionText,\n            labelSize = 'primary',\n            type,\n            visual,\n            ...rest\n        },\n        ref\n    ) => {\n        const mixinClasses = getMixinClasses({\n            $gridLocation,\n            $lineClamp,\n            $margin,\n            $marginBottom,\n            $marginLeft,\n            $marginRight,\n            $marginTop,\n            $padding,\n            $paddingBottom,\n            $paddingLeft,\n            $paddingRight,\n            $paddingTop,\n        });\n\n        const description = useMemo(\n            () =>\n                descriptionText ? (\n                    <BodySecondary\n                        className=\"grid-area-[description]\"\n                        color=\"secondary\"\n                    >\n                        {descriptionText}\n                    </BodySecondary>\n                ) : null,\n            [descriptionText]\n        );\n\n        return (\n            <ChoiceListItemLabel\n                as=\"label\"\n                className={cn(mixinClasses, className)}\n            >\n                <input\n                    className=\"peer absolute h-0 w-0 opacity-0\"\n                    tabIndex={0}\n                    {...rest}\n                    ref={ref}\n                    type={type}\n                />\n                {visual}\n                {labelSize === 'primary' ? (\n                    <BodyPrimary className=\"grid-area-[label]\">{children}</BodyPrimary>\n                ) : (\n                    <BodySecondary className=\"grid-area-[label]\">{children}</BodySecondary>\n                )}\n\n                {description}\n            </ChoiceListItemLabel>\n        );\n    }\n);\n\nChoiceListItem.displayName = 'ChoiceListItem';\n\nexport const ChoiceListItemCustomLabelContainer = ({\n    children,\n    className,\n}: {\n    children: ReactNode;\n    className?: string;\n}) => <div className={cn('grid-area-[labelExtra]', className)}>{children}</div>;\n","import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef } from 'react';\n\nimport { ChoiceListItem } from './choiceListItem';\nimport { ChoiceListItemGroup, CommonProps } from './common';\n\nconst RadioVisual = ({ className }: { className?: string }) => (\n    <svg\n        aria-hidden=\"true\"\n        className={cn(\n            // Base styles\n            'rounded-full border border-border-primary bg-background-primary text-icon-default',\n            'h-5 w-5', // 20px\n            'transition-colors',\n            // Placement\n            'ml-3xs mt-3xs',\n            // State styles\n            'peer-checked:border-border-selected peer-checked:text-icon-secondary peer-hover:border-border-hover peer-checked:[&>circle]:opacity-100',\n            'peer-disabled:cursor-not-allowed peer-disabled:border-border-disabled peer-disabled:bg-background-disabled peer-disabled:text-icon-disabled',\n            // Custom className\n            className\n        )}\n        fill=\"none\"\n        height=\"20\"\n        viewBox=\"2 2 20 20\"\n        width=\"20\"\n    >\n        <circle\n            className=\"opacity-0 transition-opacity\"\n            cx=\"12\"\n            cy=\"12\"\n            fill=\"currentColor\"\n            r=\"7\"\n        />\n    </svg>\n);\n\n/**\n * RadioOption component using Tailwind CSS.\n * @see CommonProps for prop details.\n */\nexport const RadioOption = forwardRef<HTMLInputElement, CommonProps>((props, ref) => {\n    return (\n        <ChoiceListItem\n            {...props}\n            ref={ref}\n            type=\"radio\"\n            visual={<RadioVisual />}\n        />\n    );\n});\n\nRadioOption.displayName = 'RadioOption';\n\nexport const Radio = {\n    Group: ChoiceListItemGroup,\n    Option: RadioOption,\n};\n\n// export { RadioOption };\nexport const RadioGroup = ChoiceListItemGroup;\n","import { cn } from '@evolve.ui/theme-system';\nimport { forwardRef } from 'react';\n\nimport { ChoiceListItem } from './choiceListItem';\nimport { ChoiceListItemGroup, CommonProps } from './common';\n\nconst CheckboxVisual = ({ className }: { className?: string }) => (\n    <svg\n        aria-hidden=\"true\"\n        className={cn(\n            // Base styles\n            'rounded-checkbox border border-border-primary bg-background-primary text-icon-primary',\n            'h-5 w-5', // 20px\n            'transition-colors',\n            // Placement\n            'ml-3xs mt-3xs',\n            // State styles\n            'peer-checked:border-border-selected peer-checked:text-icon-secondary peer-hover:border-border-hover peer-checked:[&>.checked]:opacity-100',\n            // Arbitrary `peer-[:indeterminate]` ensures JIT emits sibling rules (peer-indeterminate can be absent in some scans).\n            'peer-[:indeterminate]:border-border-selected peer-[:indeterminate]:text-icon-secondary peer-[:indeterminate]:[&>.indeterminate]:opacity-100',\n            'peer-disabled:cursor-not-allowed peer-disabled:border-border-disabled peer-disabled:bg-background-disabled peer-disabled:text-icon-disabled',\n            // Custom className\n            className\n        )}\n        fill=\"none\"\n        height=\"20\"\n        viewBox=\"2 2 20 20\"\n        width=\"20\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            className=\"checked opacity-0 transition-opacity\"\n            clipRule=\"evenodd\"\n            d=\"M9.75502 16.8036L5.20502 12.4453C4.93166 12.1835 4.93166 11.759 5.20502 11.4971L6.19494 10.5489C6.4683 10.287 6.91154 10.287 7.1849 10.5489L10.25 13.4848L16.8151 7.19638C17.0885 6.93454 17.5317 6.93454 17.8051 7.19638L18.795 8.14461C19.0683 8.40645 19.0683 8.83098 18.795 9.09285L10.745 16.8036C10.4716 17.0655 10.0284 17.0655 9.75502 16.8036Z\"\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n        />\n        <rect\n            className=\"indeterminate opacity-0 transition-opacity\"\n            fill=\"currentColor\"\n            height=\"4\"\n            rx=\"1\"\n            width=\"12\"\n            x=\"6\"\n            y=\"10\"\n        />\n    </svg>\n);\n\nconst CheckboxOption = forwardRef<HTMLInputElement | null, CommonProps>((props, ref) => {\n    return (\n        <ChoiceListItem\n            {...props}\n            ref={ref}\n            type=\"checkbox\"\n            visual={<CheckboxVisual />}\n        />\n    );\n});\n\nCheckboxOption.displayName = 'CheckboxOption';\n\nexport const Checkbox = {\n    Group: ChoiceListItemGroup,\n    Option: CheckboxOption,\n};\n\nexport { CheckboxOption };\nexport const CheckboxGroup = ChoiceListItemGroup;\n"],"mappings":"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"}

package/Collapsible-Bbs4SWEA.d.cts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+
+//#region src/Collapsible/Collapsible.d.ts
+type Props = {
+  children: ReactNode;
+  className?: string;
+  expanded?: boolean;
+  timing?: number;
+};
+declare const Collapsible: ({
+  children,
+  className,
+  expanded,
+  timing
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Collapsible as t };
+//# sourceMappingURL=Collapsible-Bbs4SWEA.d.cts.map

package/Collapsible-Bbs4SWEA.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible-Bbs4SWEA.d.cts","names":[],"sources":["../src/Collapsible/Collapsible.tsx"],"mappings":";;;KAKK,KAAA;EACD,QAAA,EAAU,SAAS;EACnB,SAAA;EACA,QAAA;EACA,MAAA;AAAA;AAAA,cAGS,WAAA;EAAe,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAAyD,KAAA,iCAAK,GAAA,CAAA,OAAA"}

package/Collapsible-Bbs4SWEA.d.mts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+
+//#region src/Collapsible/Collapsible.d.ts
+type Props = {
+  children: ReactNode;
+  className?: string;
+  expanded?: boolean;
+  timing?: number;
+};
+declare const Collapsible: ({
+  children,
+  className,
+  expanded,
+  timing
+}: Props) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Collapsible as t };
+//# sourceMappingURL=Collapsible-Bbs4SWEA.d.mts.map

package/Collapsible-Bbs4SWEA.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible-Bbs4SWEA.d.mts","names":[],"sources":["../src/Collapsible/Collapsible.tsx"],"mappings":";;;KAKK,KAAA;EACD,QAAA,EAAU,SAAS;EACnB,SAAA;EACA,QAAA;EACA,MAAA;AAAA;AAAA,cAGS,WAAA;EAAe,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAAyD,KAAA,iCAAK,GAAA,CAAA,OAAA"}

package/Confetti--vMcCOQ7.cjs

@@ -0,0 +1,166 @@
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_dom = require("react-dom");
+//#region src/Confetti/Confetti.tsx
+const TARGET_FRAME_MS = 1e3 / 60;
+const DEFAULT_PARTICLE_COUNT = 150;
+const GRAVITY = .28;
+const LAUNCH_SPEED_MIN = 10;
+const LAUNCH_SPEED_MAX = 22;
+const LATERAL_SPREAD = 10;
+const SIZE_MIN = 6;
+const SIZE_MAX = 12;
+const FADE_DESCENT_THRESHOLD = .5;
+/**
+* Brand color palette drawn from the Default theme's generated token steps.
+* Matches success, warning, surface, primary, and critical token families
+* (`--color-*` step values from `@evolve.ui/theme-system` Default brand).
+*/
+const DEFAULT_COLORS = {
+	success800: "#0B5125",
+	success600: "#12823B",
+	warning600: "#AE5F05",
+	warning300: "#FAAF57",
+	surface50: "#FFFFFF",
+	primary200: "#B8C3D8",
+	critical200: "#F4BDBD"
+};
+/**
+* Resizes the canvas buffer to match physical device pixels and returns the
+* scaled context. Setting canvas.width/height resets all transforms, so the
+* Device Pixel Ratio (DPR) scale is safe to reapply immediately after.
+*/
+const setupCanvas = (canvas) => {
+	const devicePixelRatio = window.devicePixelRatio ?? 1;
+	canvas.width = window.innerWidth * devicePixelRatio;
+	canvas.height = window.innerHeight * devicePixelRatio;
+	const canvasContext = canvas.getContext("2d");
+	canvasContext?.scale(devicePixelRatio, devicePixelRatio);
+	return canvasContext;
+};
+const createParticle = (colors = DEFAULT_COLORS) => {
+	const palette = Object.values(colors);
+	const activePalette = palette.length > 0 ? palette : Object.values(DEFAULT_COLORS);
+	return {
+		color: activePalette[Math.floor(Math.random() * activePalette.length)],
+		drag: Math.random() * .04 + .94,
+		fadeSpeed: Math.random() * .008 + .006,
+		opacity: 1,
+		rotation: Math.random() * Math.PI,
+		rotationSpeed: (Math.random() - .5) * .15,
+		tumbleFrequency: Math.random() * .08 + .04,
+		shape: Math.random() < .5 ? "rect" : "circle",
+		size: Math.random() * (SIZE_MAX - SIZE_MIN) + SIZE_MIN,
+		vx: (Math.random() - .5) * LATERAL_SPREAD,
+		vy: -(Math.random() * (LAUNCH_SPEED_MAX - LAUNCH_SPEED_MIN) + LAUNCH_SPEED_MIN),
+		x: Math.random() * window.innerWidth,
+		y: window.innerHeight + 10
+	};
+};
+/**
+* Canvas-based confetti burst component with an imperative `fire()` API.
+*
+* Renders a fixed, pointer-events-none overlay canvas and fires a branded
+* particle burst from across the bottom of the viewport on demand. Re-triggerable
+* while animating (accumulates particles). Cleans up the Request Animation Frame (RAF) loop and resize
+* listener on unmount.
+*
+* @example
+* ```tsx
+* const ref = useRef<ConfettiHandle>(null);
+* ref.current?.fire();
+* return <Confetti ref={ref} />;
+* ```
+*/
+const Confetti = (0, react.forwardRef)(({ colors = DEFAULT_COLORS, onComplete, particleCount = DEFAULT_PARTICLE_COUNT }, ref) => {
+	const canvasRef = (0, react.useRef)(null);
+	const canvasContextRef = (0, react.useRef)(null);
+	const particlesRef = (0, react.useRef)([]);
+	const animationFrameRef = (0, react.useRef)(null);
+	const lastTimestampRef = (0, react.useRef)(0);
+	const [mounted, setMounted] = (0, react.useState)(false);
+	const onCompleteRef = (0, react.useRef)(onComplete);
+	onCompleteRef.current = onComplete;
+	const tickRef = (0, react.useRef)(() => {});
+	tickRef.current = (timestamp) => {
+		const canvasContext = canvasContextRef.current;
+		if (!canvasContext) return;
+		const frameScale = lastTimestampRef.current === 0 ? 1 : Math.min((timestamp - lastTimestampRef.current) / TARGET_FRAME_MS, 2);
+		lastTimestampRef.current = timestamp;
+		canvasContext.clearRect(0, 0, window.innerWidth, window.innerHeight);
+		particlesRef.current = particlesRef.current.filter((p) => p.opacity > 0 && p.y < window.innerHeight + 50);
+		for (const particle of particlesRef.current) {
+			const dragFactor = Math.pow(particle.drag, frameScale);
+			particle.vx *= dragFactor;
+			particle.vy *= dragFactor;
+			particle.vy += GRAVITY * frameScale;
+			particle.x += particle.vx * frameScale;
+			particle.y += particle.vy * frameScale;
+			particle.rotation += particle.rotationSpeed * frameScale;
+			if (particle.vy > FADE_DESCENT_THRESHOLD) particle.opacity -= particle.fadeSpeed * frameScale;
+			const tumbleY = Math.sin(timestamp * particle.tumbleFrequency * .05);
+			canvasContext.save();
+			canvasContext.translate(particle.x, particle.y);
+			canvasContext.rotate(particle.rotation);
+			canvasContext.globalAlpha = Math.max(0, particle.opacity);
+			canvasContext.fillStyle = particle.color;
+			if (particle.shape === "circle") {
+				canvasContext.scale(1, tumbleY);
+				canvasContext.beginPath();
+				canvasContext.arc(0, 0, particle.size / 2, 0, Math.PI * 2);
+				canvasContext.fill();
+			} else {
+				const tumbleX = Math.cos(timestamp * particle.tumbleFrequency * .03);
+				canvasContext.scale(tumbleX, tumbleY);
+				canvasContext.fillRect(-particle.size / 2, -particle.size / 2, particle.size, particle.size);
+			}
+			canvasContext.restore();
+		}
+		if (particlesRef.current.length > 0) animationFrameRef.current = requestAnimationFrame(tickRef.current);
+		else {
+			animationFrameRef.current = null;
+			lastTimestampRef.current = 0;
+			onCompleteRef.current?.();
+		}
+	};
+	(0, react.useImperativeHandle)(ref, () => ({ fire() {
+		if (!canvasRef.current) return;
+		for (let i = 0; i < particleCount; i++) particlesRef.current.push(createParticle(colors));
+		if (animationFrameRef.current === null) {
+			lastTimestampRef.current = 0;
+			animationFrameRef.current = requestAnimationFrame(tickRef.current);
+		}
+	} }));
+	(0, react.useEffect)(() => {
+		setMounted(true);
+		const canvas = canvasRef.current;
+		if (!canvas) return;
+		canvasContextRef.current = setupCanvas(canvas);
+		const handleResize = () => {
+			if (canvasRef.current) canvasContextRef.current = setupCanvas(canvasRef.current);
+		};
+		window.addEventListener("resize", handleResize);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			if (animationFrameRef.current !== null) window.cancelAnimationFrame(animationFrameRef.current);
+		};
+	}, [mounted]);
+	if (!mounted) return null;
+	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+		"aria-hidden": "true",
+		className: "pointer-events-none fixed inset-0 z-[9999] h-screen w-screen",
+		"data-hui-id": "Confetti",
+		"data-testid": "confetti",
+		ref: canvasRef
+	}), document.body);
+});
+Confetti.displayName = "Confetti";
+//#endregion
+Object.defineProperty(exports, "Confetti", {
+	enumerable: true,
+	get: function() {
+		return Confetti;
+	}
+});
+
+//# sourceMappingURL=Confetti--vMcCOQ7.cjs.map

package/Confetti--vMcCOQ7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti--vMcCOQ7.cjs","names":[],"sources":["../src/Confetti/Confetti.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\n// Physics constants are authored at 60 fps; frameScale normalizes them to any refresh rate.\nconst TARGET_FRAME_MS = 1000 / 60;\nconst DEFAULT_PARTICLE_COUNT = 150;\nconst GRAVITY = 0.28; // downward acceleration (CSS px / frame² at 60fps)\nconst LAUNCH_SPEED_MIN = 10; // minimum initial upward velocity (CSS px / frame at 60fps)\nconst LAUNCH_SPEED_MAX = 22; // maximum initial upward velocity (CSS px / frame at 60fps)\nconst LATERAL_SPREAD = 10; // horizontal velocity range (±5 CSS px / frame at 60fps)\nconst SIZE_MIN = 6; // minimum particle size in CSS px\nconst SIZE_MAX = 12; // maximum particle size in CSS px\nconst FADE_DESCENT_THRESHOLD = 0.5; // vy at which opacity begins to drop (px/frame at 60fps)\n\n/**\n * Brand color palette drawn from the Default theme's generated token steps.\n * Matches success, warning, surface, primary, and critical token families\n * (`--color-*` step values from `@evolve.ui/theme-system` Default brand).\n */\nconst DEFAULT_COLORS = {\n    success800: '#0B5125',\n    success600: '#12823B',\n    warning600: '#AE5F05',\n    warning300: '#FAAF57',\n    surface50: '#FFFFFF',\n    primary200: '#B8C3D8',\n    critical200: '#F4BDBD',\n} as const;\n\ntype DefaultColorPalette = typeof DEFAULT_COLORS;\ntype ColorKeys = keyof DefaultColorPalette;\n\nexport type ConfettiHandle = {\n    /** Trigger a confetti burst across the bottom of the viewport. Re-calling while animating adds particles to the existing burst. */\n    fire: () => void;\n};\n\n/**\n * Props for the Confetti component\n */\ntype Props = {\n    /** Override the default brand color palette\n     Allows passing a partial set of default colors, OR any custom string map.*/\n    colors?: Partial<Record<ColorKeys, string>> & Record<string, string>;\n    /** Called when the animation loop completes */\n    onComplete?: () => void;\n    /** Number of particles per burst. Default: 150 */\n    particleCount?: number;\n};\n\ntype Particle = {\n    color: string;\n    /** Per-particle air resistance coefficient (0.94–0.98) for organic scattering */\n    drag: number;\n    /** Per-particle opacity reduction rate for varied fadeout timing */\n    fadeSpeed: number;\n    opacity: number;\n    rotation: number;\n    rotationSpeed: number;\n    /** Oscillation frequency for the 3D tumble effect (radians per ms) */\n    tumbleFrequency: number;\n    shape: 'circle' | 'rect';\n    size: number;\n    vx: number;\n    vy: number;\n    x: number;\n    y: number;\n};\n\n/**\n * Resizes the canvas buffer to match physical device pixels and returns the\n * scaled context. Setting canvas.width/height resets all transforms, so the\n * Device Pixel Ratio (DPR) scale is safe to reapply immediately after.\n */\nconst setupCanvas = (canvas: HTMLCanvasElement): CanvasRenderingContext2D | null => {\n    const devicePixelRatio = window.devicePixelRatio ?? 1;\n    canvas.width = window.innerWidth * devicePixelRatio;\n    canvas.height = window.innerHeight * devicePixelRatio;\n    const canvasContext = canvas.getContext('2d');\n    canvasContext?.scale(devicePixelRatio, devicePixelRatio);\n    return canvasContext;\n};\n\nconst createParticle = (colors: Record<string, string> = DEFAULT_COLORS): Particle => {\n    const palette = Object.values(colors);\n    // Fallback to default colors if someone passed an empty object {}\n    const activePalette = palette.length > 0 ? palette : Object.values(DEFAULT_COLORS);\n    const chosenColor = activePalette[Math.floor(Math.random() * activePalette.length)];\n\n    return {\n        color: chosenColor,\n        drag: Math.random() * 0.04 + 0.94,\n        fadeSpeed: Math.random() * 0.008 + 0.006,\n        opacity: 1,\n        rotation: Math.random() * Math.PI,\n        rotationSpeed: (Math.random() - 0.5) * 0.15,\n        tumbleFrequency: Math.random() * 0.08 + 0.04,\n        shape: Math.random() < 0.5 ? 'rect' : 'circle',\n        size: Math.random() * (SIZE_MAX - SIZE_MIN) + SIZE_MIN,\n        vx: (Math.random() - 0.5) * LATERAL_SPREAD,\n        vy: -(Math.random() * (LAUNCH_SPEED_MAX - LAUNCH_SPEED_MIN) + LAUNCH_SPEED_MIN),\n        x: Math.random() * window.innerWidth,\n        y: window.innerHeight + 10,\n    };\n};\n\n/**\n * Canvas-based confetti burst component with an imperative `fire()` API.\n *\n * Renders a fixed, pointer-events-none overlay canvas and fires a branded\n * particle burst from across the bottom of the viewport on demand. Re-triggerable\n * while animating (accumulates particles). Cleans up the Request Animation Frame (RAF) loop and resize\n * listener on unmount.\n *\n * @example\n * ```tsx\n * const ref = useRef<ConfettiHandle>(null);\n * ref.current?.fire();\n * return <Confetti ref={ref} />;\n * ```\n */\nexport const Confetti = forwardRef<ConfettiHandle, Props>(\n    ({ colors = DEFAULT_COLORS, onComplete, particleCount = DEFAULT_PARTICLE_COUNT }, ref) => {\n        const canvasRef = useRef<HTMLCanvasElement>(null);\n        const canvasContextRef = useRef<CanvasRenderingContext2D | null>(null);\n        const particlesRef = useRef<Particle[]>([]);\n        const animationFrameRef = useRef<number | null>(null);\n        const lastTimestampRef = useRef<number>(0);\n\n        // Clean SSR Guard: Component returns null on server evaluation, flips safely on client mount.\n        const [mounted, setMounted] = useState(false);\n\n        const onCompleteRef = useRef(onComplete);\n        onCompleteRef.current = onComplete;\n\n        // tickRef holds the animation loop function in a ref so that:\n        //  1. The loop can call itself recursively via requestAnimationFrame.\n        //  2. If props change mid-animation, the loop automatically uses the\n        //     latest values on the next frame without needing to restart.\n        const tickRef = useRef<(timestamp: number) => void>(() => {});\n        tickRef.current = (timestamp: number) => {\n            const canvasContext = canvasContextRef.current;\n            if (!canvasContext) {\n                return;\n            }\n\n            // How many \"60fps frames worth\" of time has passed since the last tick.\n            // At 60Hz this is ~1.0; at 120Hz it's ~0.5 — physics are scaled accordingly\n            // so the animation runs at the same real-world speed on any display.\n            // Capped at 2.0 so a long tab-switch pause doesn't make particles jump.\n            const frameScale =\n                lastTimestampRef.current === 0\n                    ? 1\n                    : Math.min((timestamp - lastTimestampRef.current) / TARGET_FRAME_MS, 2);\n            lastTimestampRef.current = timestamp;\n\n            canvasContext.clearRect(0, 0, window.innerWidth, window.innerHeight);\n\n            particlesRef.current = particlesRef.current.filter((p) => p.opacity > 0 && p.y < window.innerHeight + 50);\n\n            for (const particle of particlesRef.current) {\n                // Move the particle: apply drag, gravity, then update position.\n                // Math.pow(drag, frameScale) keeps drag rate consistent at any refresh rate.\n                const dragFactor = Math.pow(particle.drag, frameScale);\n                particle.vx *= dragFactor;\n                particle.vy *= dragFactor;\n                particle.vy += GRAVITY * frameScale;\n                particle.x += particle.vx * frameScale;\n                particle.y += particle.vy * frameScale;\n                particle.rotation += particle.rotationSpeed * frameScale;\n\n                // Only start fading once the particle has peaked and is falling.\n                if (particle.vy > FADE_DESCENT_THRESHOLD) {\n                    particle.opacity -= particle.fadeSpeed * frameScale;\n                }\n\n                // Squash the shape along one or both axes using sin/cos of real time.\n                // This fakes a 3D tumbling look. Using real time (not frame count)\n                // keeps the tumble speed the same on any display refresh rate.\n                const tumbleY = Math.sin(timestamp * particle.tumbleFrequency * 0.05);\n\n                canvasContext.save();\n                canvasContext.translate(particle.x, particle.y);\n                canvasContext.rotate(particle.rotation);\n                canvasContext.globalAlpha = Math.max(0, particle.opacity);\n                canvasContext.fillStyle = particle.color;\n\n                if (particle.shape === 'circle') {\n                    canvasContext.scale(1, tumbleY); // squash on Y only — looks like a spinning coin\n                    canvasContext.beginPath();\n                    canvasContext.arc(0, 0, particle.size / 2, 0, Math.PI * 2);\n                    canvasContext.fill();\n                } else {\n                    const tumbleX = Math.cos(timestamp * particle.tumbleFrequency * 0.03);\n                    canvasContext.scale(tumbleX, tumbleY); // squash on both axes — looks like fluttering paper\n                    canvasContext.fillRect(-particle.size / 2, -particle.size / 2, particle.size, particle.size);\n                }\n\n                canvasContext.restore();\n            }\n\n            if (particlesRef.current.length > 0) {\n                animationFrameRef.current = requestAnimationFrame(tickRef.current);\n            } else {\n                animationFrameRef.current = null;\n                lastTimestampRef.current = 0;\n                onCompleteRef.current?.();\n            }\n        };\n\n        useImperativeHandle(ref, () => ({\n            fire() {\n                if (!canvasRef.current) {\n                    return;\n                }\n\n                for (let i = 0; i < particleCount; i++) {\n                    particlesRef.current.push(createParticle(colors));\n                }\n\n                if (animationFrameRef.current === null) {\n                    lastTimestampRef.current = 0;\n                    animationFrameRef.current = requestAnimationFrame(tickRef.current);\n                }\n            },\n        }));\n\n        useEffect(() => {\n            setMounted(true);\n\n            const canvas = canvasRef.current;\n            if (!canvas) {\n                return;\n            }\n\n            canvasContextRef.current = setupCanvas(canvas);\n\n            const handleResize = () => {\n                if (canvasRef.current) {\n                    canvasContextRef.current = setupCanvas(canvasRef.current);\n                }\n            };\n\n            window.addEventListener('resize', handleResize);\n            return () => {\n                window.removeEventListener('resize', handleResize);\n                if (animationFrameRef.current !== null) {\n                    window.cancelAnimationFrame(animationFrameRef.current);\n                }\n            };\n        }, [mounted]); // Depend on mounted initialization so it properly captures the canvas element once attached to the DOM\n\n        if (!mounted) {\n            return null;\n        }\n\n        return createPortal(\n            <canvas\n                aria-hidden=\"true\"\n                className=\"pointer-events-none fixed inset-0 z-[9999] h-screen w-screen\"\n                data-hui-id=\"Confetti\"\n                data-testid=\"confetti\"\n                ref={canvasRef}\n            />,\n            document.body\n        );\n    }\n);\n\nConfetti.displayName = 'Confetti';\n"],"mappings":"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"}

package/Confetti-Csdjmzfv.mjs

@@ -0,0 +1,161 @@
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/Confetti/Confetti.tsx
+const TARGET_FRAME_MS = 1e3 / 60;
+const DEFAULT_PARTICLE_COUNT = 150;
+const GRAVITY = .28;
+const LAUNCH_SPEED_MIN = 10;
+const LAUNCH_SPEED_MAX = 22;
+const LATERAL_SPREAD = 10;
+const SIZE_MIN = 6;
+const SIZE_MAX = 12;
+const FADE_DESCENT_THRESHOLD = .5;
+/**
+* Brand color palette drawn from the Default theme's generated token steps.
+* Matches success, warning, surface, primary, and critical token families
+* (`--color-*` step values from `@evolve.ui/theme-system` Default brand).
+*/
+const DEFAULT_COLORS = {
+	success800: "#0B5125",
+	success600: "#12823B",
+	warning600: "#AE5F05",
+	warning300: "#FAAF57",
+	surface50: "#FFFFFF",
+	primary200: "#B8C3D8",
+	critical200: "#F4BDBD"
+};
+/**
+* Resizes the canvas buffer to match physical device pixels and returns the
+* scaled context. Setting canvas.width/height resets all transforms, so the
+* Device Pixel Ratio (DPR) scale is safe to reapply immediately after.
+*/
+const setupCanvas = (canvas) => {
+	const devicePixelRatio = window.devicePixelRatio ?? 1;
+	canvas.width = window.innerWidth * devicePixelRatio;
+	canvas.height = window.innerHeight * devicePixelRatio;
+	const canvasContext = canvas.getContext("2d");
+	canvasContext?.scale(devicePixelRatio, devicePixelRatio);
+	return canvasContext;
+};
+const createParticle = (colors = DEFAULT_COLORS) => {
+	const palette = Object.values(colors);
+	const activePalette = palette.length > 0 ? palette : Object.values(DEFAULT_COLORS);
+	return {
+		color: activePalette[Math.floor(Math.random() * activePalette.length)],
+		drag: Math.random() * .04 + .94,
+		fadeSpeed: Math.random() * .008 + .006,
+		opacity: 1,
+		rotation: Math.random() * Math.PI,
+		rotationSpeed: (Math.random() - .5) * .15,
+		tumbleFrequency: Math.random() * .08 + .04,
+		shape: Math.random() < .5 ? "rect" : "circle",
+		size: Math.random() * (SIZE_MAX - SIZE_MIN) + SIZE_MIN,
+		vx: (Math.random() - .5) * LATERAL_SPREAD,
+		vy: -(Math.random() * (LAUNCH_SPEED_MAX - LAUNCH_SPEED_MIN) + LAUNCH_SPEED_MIN),
+		x: Math.random() * window.innerWidth,
+		y: window.innerHeight + 10
+	};
+};
+/**
+* Canvas-based confetti burst component with an imperative `fire()` API.
+*
+* Renders a fixed, pointer-events-none overlay canvas and fires a branded
+* particle burst from across the bottom of the viewport on demand. Re-triggerable
+* while animating (accumulates particles). Cleans up the Request Animation Frame (RAF) loop and resize
+* listener on unmount.
+*
+* @example
+* ```tsx
+* const ref = useRef<ConfettiHandle>(null);
+* ref.current?.fire();
+* return <Confetti ref={ref} />;
+* ```
+*/
+const Confetti = forwardRef(({ colors = DEFAULT_COLORS, onComplete, particleCount = DEFAULT_PARTICLE_COUNT }, ref) => {
+	const canvasRef = useRef(null);
+	const canvasContextRef = useRef(null);
+	const particlesRef = useRef([]);
+	const animationFrameRef = useRef(null);
+	const lastTimestampRef = useRef(0);
+	const [mounted, setMounted] = useState(false);
+	const onCompleteRef = useRef(onComplete);
+	onCompleteRef.current = onComplete;
+	const tickRef = useRef(() => {});
+	tickRef.current = (timestamp) => {
+		const canvasContext = canvasContextRef.current;
+		if (!canvasContext) return;
+		const frameScale = lastTimestampRef.current === 0 ? 1 : Math.min((timestamp - lastTimestampRef.current) / TARGET_FRAME_MS, 2);
+		lastTimestampRef.current = timestamp;
+		canvasContext.clearRect(0, 0, window.innerWidth, window.innerHeight);
+		particlesRef.current = particlesRef.current.filter((p) => p.opacity > 0 && p.y < window.innerHeight + 50);
+		for (const particle of particlesRef.current) {
+			const dragFactor = Math.pow(particle.drag, frameScale);
+			particle.vx *= dragFactor;
+			particle.vy *= dragFactor;
+			particle.vy += GRAVITY * frameScale;
+			particle.x += particle.vx * frameScale;
+			particle.y += particle.vy * frameScale;
+			particle.rotation += particle.rotationSpeed * frameScale;
+			if (particle.vy > FADE_DESCENT_THRESHOLD) particle.opacity -= particle.fadeSpeed * frameScale;
+			const tumbleY = Math.sin(timestamp * particle.tumbleFrequency * .05);
+			canvasContext.save();
+			canvasContext.translate(particle.x, particle.y);
+			canvasContext.rotate(particle.rotation);
+			canvasContext.globalAlpha = Math.max(0, particle.opacity);
+			canvasContext.fillStyle = particle.color;
+			if (particle.shape === "circle") {
+				canvasContext.scale(1, tumbleY);
+				canvasContext.beginPath();
+				canvasContext.arc(0, 0, particle.size / 2, 0, Math.PI * 2);
+				canvasContext.fill();
+			} else {
+				const tumbleX = Math.cos(timestamp * particle.tumbleFrequency * .03);
+				canvasContext.scale(tumbleX, tumbleY);
+				canvasContext.fillRect(-particle.size / 2, -particle.size / 2, particle.size, particle.size);
+			}
+			canvasContext.restore();
+		}
+		if (particlesRef.current.length > 0) animationFrameRef.current = requestAnimationFrame(tickRef.current);
+		else {
+			animationFrameRef.current = null;
+			lastTimestampRef.current = 0;
+			onCompleteRef.current?.();
+		}
+	};
+	useImperativeHandle(ref, () => ({ fire() {
+		if (!canvasRef.current) return;
+		for (let i = 0; i < particleCount; i++) particlesRef.current.push(createParticle(colors));
+		if (animationFrameRef.current === null) {
+			lastTimestampRef.current = 0;
+			animationFrameRef.current = requestAnimationFrame(tickRef.current);
+		}
+	} }));
+	useEffect(() => {
+		setMounted(true);
+		const canvas = canvasRef.current;
+		if (!canvas) return;
+		canvasContextRef.current = setupCanvas(canvas);
+		const handleResize = () => {
+			if (canvasRef.current) canvasContextRef.current = setupCanvas(canvasRef.current);
+		};
+		window.addEventListener("resize", handleResize);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			if (animationFrameRef.current !== null) window.cancelAnimationFrame(animationFrameRef.current);
+		};
+	}, [mounted]);
+	if (!mounted) return null;
+	return createPortal(/* @__PURE__ */ jsx("canvas", {
+		"aria-hidden": "true",
+		className: "pointer-events-none fixed inset-0 z-[9999] h-screen w-screen",
+		"data-hui-id": "Confetti",
+		"data-testid": "confetti",
+		ref: canvasRef
+	}), document.body);
+});
+Confetti.displayName = "Confetti";
+//#endregion
+export { Confetti as t };
+
+//# sourceMappingURL=Confetti-Csdjmzfv.mjs.map

package/Confetti-Csdjmzfv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti-Csdjmzfv.mjs","names":[],"sources":["../src/Confetti/Confetti.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\n// Physics constants are authored at 60 fps; frameScale normalizes them to any refresh rate.\nconst TARGET_FRAME_MS = 1000 / 60;\nconst DEFAULT_PARTICLE_COUNT = 150;\nconst GRAVITY = 0.28; // downward acceleration (CSS px / frame² at 60fps)\nconst LAUNCH_SPEED_MIN = 10; // minimum initial upward velocity (CSS px / frame at 60fps)\nconst LAUNCH_SPEED_MAX = 22; // maximum initial upward velocity (CSS px / frame at 60fps)\nconst LATERAL_SPREAD = 10; // horizontal velocity range (±5 CSS px / frame at 60fps)\nconst SIZE_MIN = 6; // minimum particle size in CSS px\nconst SIZE_MAX = 12; // maximum particle size in CSS px\nconst FADE_DESCENT_THRESHOLD = 0.5; // vy at which opacity begins to drop (px/frame at 60fps)\n\n/**\n * Brand color palette drawn from the Default theme's generated token steps.\n * Matches success, warning, surface, primary, and critical token families\n * (`--color-*` step values from `@evolve.ui/theme-system` Default brand).\n */\nconst DEFAULT_COLORS = {\n    success800: '#0B5125',\n    success600: '#12823B',\n    warning600: '#AE5F05',\n    warning300: '#FAAF57',\n    surface50: '#FFFFFF',\n    primary200: '#B8C3D8',\n    critical200: '#F4BDBD',\n} as const;\n\ntype DefaultColorPalette = typeof DEFAULT_COLORS;\ntype ColorKeys = keyof DefaultColorPalette;\n\nexport type ConfettiHandle = {\n    /** Trigger a confetti burst across the bottom of the viewport. Re-calling while animating adds particles to the existing burst. */\n    fire: () => void;\n};\n\n/**\n * Props for the Confetti component\n */\ntype Props = {\n    /** Override the default brand color palette\n     Allows passing a partial set of default colors, OR any custom string map.*/\n    colors?: Partial<Record<ColorKeys, string>> & Record<string, string>;\n    /** Called when the animation loop completes */\n    onComplete?: () => void;\n    /** Number of particles per burst. Default: 150 */\n    particleCount?: number;\n};\n\ntype Particle = {\n    color: string;\n    /** Per-particle air resistance coefficient (0.94–0.98) for organic scattering */\n    drag: number;\n    /** Per-particle opacity reduction rate for varied fadeout timing */\n    fadeSpeed: number;\n    opacity: number;\n    rotation: number;\n    rotationSpeed: number;\n    /** Oscillation frequency for the 3D tumble effect (radians per ms) */\n    tumbleFrequency: number;\n    shape: 'circle' | 'rect';\n    size: number;\n    vx: number;\n    vy: number;\n    x: number;\n    y: number;\n};\n\n/**\n * Resizes the canvas buffer to match physical device pixels and returns the\n * scaled context. Setting canvas.width/height resets all transforms, so the\n * Device Pixel Ratio (DPR) scale is safe to reapply immediately after.\n */\nconst setupCanvas = (canvas: HTMLCanvasElement): CanvasRenderingContext2D | null => {\n    const devicePixelRatio = window.devicePixelRatio ?? 1;\n    canvas.width = window.innerWidth * devicePixelRatio;\n    canvas.height = window.innerHeight * devicePixelRatio;\n    const canvasContext = canvas.getContext('2d');\n    canvasContext?.scale(devicePixelRatio, devicePixelRatio);\n    return canvasContext;\n};\n\nconst createParticle = (colors: Record<string, string> = DEFAULT_COLORS): Particle => {\n    const palette = Object.values(colors);\n    // Fallback to default colors if someone passed an empty object {}\n    const activePalette = palette.length > 0 ? palette : Object.values(DEFAULT_COLORS);\n    const chosenColor = activePalette[Math.floor(Math.random() * activePalette.length)];\n\n    return {\n        color: chosenColor,\n        drag: Math.random() * 0.04 + 0.94,\n        fadeSpeed: Math.random() * 0.008 + 0.006,\n        opacity: 1,\n        rotation: Math.random() * Math.PI,\n        rotationSpeed: (Math.random() - 0.5) * 0.15,\n        tumbleFrequency: Math.random() * 0.08 + 0.04,\n        shape: Math.random() < 0.5 ? 'rect' : 'circle',\n        size: Math.random() * (SIZE_MAX - SIZE_MIN) + SIZE_MIN,\n        vx: (Math.random() - 0.5) * LATERAL_SPREAD,\n        vy: -(Math.random() * (LAUNCH_SPEED_MAX - LAUNCH_SPEED_MIN) + LAUNCH_SPEED_MIN),\n        x: Math.random() * window.innerWidth,\n        y: window.innerHeight + 10,\n    };\n};\n\n/**\n * Canvas-based confetti burst component with an imperative `fire()` API.\n *\n * Renders a fixed, pointer-events-none overlay canvas and fires a branded\n * particle burst from across the bottom of the viewport on demand. Re-triggerable\n * while animating (accumulates particles). Cleans up the Request Animation Frame (RAF) loop and resize\n * listener on unmount.\n *\n * @example\n * ```tsx\n * const ref = useRef<ConfettiHandle>(null);\n * ref.current?.fire();\n * return <Confetti ref={ref} />;\n * ```\n */\nexport const Confetti = forwardRef<ConfettiHandle, Props>(\n    ({ colors = DEFAULT_COLORS, onComplete, particleCount = DEFAULT_PARTICLE_COUNT }, ref) => {\n        const canvasRef = useRef<HTMLCanvasElement>(null);\n        const canvasContextRef = useRef<CanvasRenderingContext2D | null>(null);\n        const particlesRef = useRef<Particle[]>([]);\n        const animationFrameRef = useRef<number | null>(null);\n        const lastTimestampRef = useRef<number>(0);\n\n        // Clean SSR Guard: Component returns null on server evaluation, flips safely on client mount.\n        const [mounted, setMounted] = useState(false);\n\n        const onCompleteRef = useRef(onComplete);\n        onCompleteRef.current = onComplete;\n\n        // tickRef holds the animation loop function in a ref so that:\n        //  1. The loop can call itself recursively via requestAnimationFrame.\n        //  2. If props change mid-animation, the loop automatically uses the\n        //     latest values on the next frame without needing to restart.\n        const tickRef = useRef<(timestamp: number) => void>(() => {});\n        tickRef.current = (timestamp: number) => {\n            const canvasContext = canvasContextRef.current;\n            if (!canvasContext) {\n                return;\n            }\n\n            // How many \"60fps frames worth\" of time has passed since the last tick.\n            // At 60Hz this is ~1.0; at 120Hz it's ~0.5 — physics are scaled accordingly\n            // so the animation runs at the same real-world speed on any display.\n            // Capped at 2.0 so a long tab-switch pause doesn't make particles jump.\n            const frameScale =\n                lastTimestampRef.current === 0\n                    ? 1\n                    : Math.min((timestamp - lastTimestampRef.current) / TARGET_FRAME_MS, 2);\n            lastTimestampRef.current = timestamp;\n\n            canvasContext.clearRect(0, 0, window.innerWidth, window.innerHeight);\n\n            particlesRef.current = particlesRef.current.filter((p) => p.opacity > 0 && p.y < window.innerHeight + 50);\n\n            for (const particle of particlesRef.current) {\n                // Move the particle: apply drag, gravity, then update position.\n                // Math.pow(drag, frameScale) keeps drag rate consistent at any refresh rate.\n                const dragFactor = Math.pow(particle.drag, frameScale);\n                particle.vx *= dragFactor;\n                particle.vy *= dragFactor;\n                particle.vy += GRAVITY * frameScale;\n                particle.x += particle.vx * frameScale;\n                particle.y += particle.vy * frameScale;\n                particle.rotation += particle.rotationSpeed * frameScale;\n\n                // Only start fading once the particle has peaked and is falling.\n                if (particle.vy > FADE_DESCENT_THRESHOLD) {\n                    particle.opacity -= particle.fadeSpeed * frameScale;\n                }\n\n                // Squash the shape along one or both axes using sin/cos of real time.\n                // This fakes a 3D tumbling look. Using real time (not frame count)\n                // keeps the tumble speed the same on any display refresh rate.\n                const tumbleY = Math.sin(timestamp * particle.tumbleFrequency * 0.05);\n\n                canvasContext.save();\n                canvasContext.translate(particle.x, particle.y);\n                canvasContext.rotate(particle.rotation);\n                canvasContext.globalAlpha = Math.max(0, particle.opacity);\n                canvasContext.fillStyle = particle.color;\n\n                if (particle.shape === 'circle') {\n                    canvasContext.scale(1, tumbleY); // squash on Y only — looks like a spinning coin\n                    canvasContext.beginPath();\n                    canvasContext.arc(0, 0, particle.size / 2, 0, Math.PI * 2);\n                    canvasContext.fill();\n                } else {\n                    const tumbleX = Math.cos(timestamp * particle.tumbleFrequency * 0.03);\n                    canvasContext.scale(tumbleX, tumbleY); // squash on both axes — looks like fluttering paper\n                    canvasContext.fillRect(-particle.size / 2, -particle.size / 2, particle.size, particle.size);\n                }\n\n                canvasContext.restore();\n            }\n\n            if (particlesRef.current.length > 0) {\n                animationFrameRef.current = requestAnimationFrame(tickRef.current);\n            } else {\n                animationFrameRef.current = null;\n                lastTimestampRef.current = 0;\n                onCompleteRef.current?.();\n            }\n        };\n\n        useImperativeHandle(ref, () => ({\n            fire() {\n                if (!canvasRef.current) {\n                    return;\n                }\n\n                for (let i = 0; i < particleCount; i++) {\n                    particlesRef.current.push(createParticle(colors));\n                }\n\n                if (animationFrameRef.current === null) {\n                    lastTimestampRef.current = 0;\n                    animationFrameRef.current = requestAnimationFrame(tickRef.current);\n                }\n            },\n        }));\n\n        useEffect(() => {\n            setMounted(true);\n\n            const canvas = canvasRef.current;\n            if (!canvas) {\n                return;\n            }\n\n            canvasContextRef.current = setupCanvas(canvas);\n\n            const handleResize = () => {\n                if (canvasRef.current) {\n                    canvasContextRef.current = setupCanvas(canvasRef.current);\n                }\n            };\n\n            window.addEventListener('resize', handleResize);\n            return () => {\n                window.removeEventListener('resize', handleResize);\n                if (animationFrameRef.current !== null) {\n                    window.cancelAnimationFrame(animationFrameRef.current);\n                }\n            };\n        }, [mounted]); // Depend on mounted initialization so it properly captures the canvas element once attached to the DOM\n\n        if (!mounted) {\n            return null;\n        }\n\n        return createPortal(\n            <canvas\n                aria-hidden=\"true\"\n                className=\"pointer-events-none fixed inset-0 z-[9999] h-screen w-screen\"\n                data-hui-id=\"Confetti\"\n                data-testid=\"confetti\"\n                ref={canvasRef}\n            />,\n            document.body\n        );\n    }\n);\n\nConfetti.displayName = 'Confetti';\n"],"mappings":";;;;AAIA,MAAM,kBAAkB,MAAO;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,UAAU;AAChB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,yBAAyB;;;;;;AAO/B,MAAM,iBAAiB;CACnB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,YAAY;CACZ,aAAa;AACjB;;;;;;AA+CA,MAAM,eAAe,WAA+D;CAChF,MAAM,mBAAmB,OAAO,oBAAoB;CACpD,OAAO,QAAQ,OAAO,aAAa;CACnC,OAAO,SAAS,OAAO,cAAc;CACrC,MAAM,gBAAgB,OAAO,WAAW,IAAI;CAC5C,eAAe,MAAM,kBAAkB,gBAAgB;CACvD,OAAO;AACX;AAEA,MAAM,kBAAkB,SAAiC,mBAA6B;CAClF,MAAM,UAAU,OAAO,OAAO,MAAM;CAEpC,MAAM,gBAAgB,QAAQ,SAAS,IAAI,UAAU,OAAO,OAAO,cAAc;CAGjF,OAAO;EACH,OAHgB,cAAc,KAAK,MAAM,KAAK,OAAO,IAAI,cAAc,MAAM;EAI7E,MAAM,KAAK,OAAO,IAAI,MAAO;EAC7B,WAAW,KAAK,OAAO,IAAI,OAAQ;EACnC,SAAS;EACT,UAAU,KAAK,OAAO,IAAI,KAAK;EAC/B,gBAAgB,KAAK,OAAO,IAAI,MAAO;EACvC,iBAAiB,KAAK,OAAO,IAAI,MAAO;EACxC,OAAO,KAAK,OAAO,IAAI,KAAM,SAAS;EACtC,MAAM,KAAK,OAAO,KAAK,WAAW,YAAY;EAC9C,KAAK,KAAK,OAAO,IAAI,MAAO;EAC5B,IAAI,EAAE,KAAK,OAAO,KAAK,mBAAmB,oBAAoB;EAC9D,GAAG,KAAK,OAAO,IAAI,OAAO;EAC1B,GAAG,OAAO,cAAc;CAC5B;AACJ;;;;;;;;;;;;;;;;AAiBA,MAAa,WAAW,YACnB,EAAE,SAAS,gBAAgB,YAAY,gBAAgB,0BAA0B,QAAQ;CACtF,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,mBAAmB,OAAwC,IAAI;CACrE,MAAM,eAAe,OAAmB,CAAC,CAAC;CAC1C,MAAM,oBAAoB,OAAsB,IAAI;CACpD,MAAM,mBAAmB,OAAe,CAAC;CAGzC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,gBAAgB,OAAO,UAAU;CACvC,cAAc,UAAU;CAMxB,MAAM,UAAU,aAA0C,CAAC,CAAC;CAC5D,QAAQ,WAAW,cAAsB;EACrC,MAAM,gBAAgB,iBAAiB;EACvC,IAAI,CAAC,eACD;EAOJ,MAAM,aACF,iBAAiB,YAAY,IACvB,IACA,KAAK,KAAK,YAAY,iBAAiB,WAAW,iBAAiB,CAAC;EAC9E,iBAAiB,UAAU;EAE3B,cAAc,UAAU,GAAG,GAAG,OAAO,YAAY,OAAO,WAAW;EAEnE,aAAa,UAAU,aAAa,QAAQ,QAAQ,MAAM,EAAE,UAAU,KAAK,EAAE,IAAI,OAAO,cAAc,EAAE;EAExG,KAAK,MAAM,YAAY,aAAa,SAAS;GAGzC,MAAM,aAAa,KAAK,IAAI,SAAS,MAAM,UAAU;GACrD,SAAS,MAAM;GACf,SAAS,MAAM;GACf,SAAS,MAAM,UAAU;GACzB,SAAS,KAAK,SAAS,KAAK;GAC5B,SAAS,KAAK,SAAS,KAAK;GAC5B,SAAS,YAAY,SAAS,gBAAgB;GAG9C,IAAI,SAAS,KAAK,wBACd,SAAS,WAAW,SAAS,YAAY;GAM7C,MAAM,UAAU,KAAK,IAAI,YAAY,SAAS,kBAAkB,GAAI;GAEpE,cAAc,KAAK;GACnB,cAAc,UAAU,SAAS,GAAG,SAAS,CAAC;GAC9C,cAAc,OAAO,SAAS,QAAQ;GACtC,cAAc,cAAc,KAAK,IAAI,GAAG,SAAS,OAAO;GACxD,cAAc,YAAY,SAAS;GAEnC,IAAI,SAAS,UAAU,UAAU;IAC7B,cAAc,MAAM,GAAG,OAAO;IAC9B,cAAc,UAAU;IACxB,cAAc,IAAI,GAAG,GAAG,SAAS,OAAO,GAAG,GAAG,KAAK,KAAK,CAAC;IACzD,cAAc,KAAK;GACvB,OAAO;IACH,MAAM,UAAU,KAAK,IAAI,YAAY,SAAS,kBAAkB,GAAI;IACpE,cAAc,MAAM,SAAS,OAAO;IACpC,cAAc,SAAS,CAAC,SAAS,OAAO,GAAG,CAAC,SAAS,OAAO,GAAG,SAAS,MAAM,SAAS,IAAI;GAC/F;GAEA,cAAc,QAAQ;EAC1B;EAEA,IAAI,aAAa,QAAQ,SAAS,GAC9B,kBAAkB,UAAU,sBAAsB,QAAQ,OAAO;OAC9D;GACH,kBAAkB,UAAU;GAC5B,iBAAiB,UAAU;GAC3B,cAAc,UAAU;EAC5B;CACJ;CAEA,oBAAoB,YAAY,EAC5B,OAAO;EACH,IAAI,CAAC,UAAU,SACX;EAGJ,KAAK,IAAI,IAAI,GAAG,IAAI,eAAe,KAC/B,aAAa,QAAQ,KAAK,eAAe,MAAM,CAAC;EAGpD,IAAI,kBAAkB,YAAY,MAAM;GACpC,iBAAiB,UAAU;GAC3B,kBAAkB,UAAU,sBAAsB,QAAQ,OAAO;EACrE;CACJ,EACJ,EAAE;CAEF,gBAAgB;EACZ,WAAW,IAAI;EAEf,MAAM,SAAS,UAAU;EACzB,IAAI,CAAC,QACD;EAGJ,iBAAiB,UAAU,YAAY,MAAM;EAE7C,MAAM,qBAAqB;GACvB,IAAI,UAAU,SACV,iBAAiB,UAAU,YAAY,UAAU,OAAO;EAEhE;EAEA,OAAO,iBAAiB,UAAU,YAAY;EAC9C,aAAa;GACT,OAAO,oBAAoB,UAAU,YAAY;GACjD,IAAI,kBAAkB,YAAY,MAC9B,OAAO,qBAAqB,kBAAkB,OAAO;EAE7D;CACJ,GAAG,CAAC,OAAO,CAAC;CAEZ,IAAI,CAAC,SACD,OAAO;CAGX,OAAO,aACH,oBAAC,UAAD;EACI,eAAY;EACZ,WAAU;EACV,eAAY;EACZ,eAAY;EACZ,KAAK;CACR,CAAA,GACD,SAAS,IACb;AACJ,CACJ;AAEA,SAAS,cAAc"}

package/ContentPager-AM9sSsgG.d.cts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { ComponentProps, ReactElement } from "react";
+
+//#region src/ContentPager/components/Page.d.ts
+type PageProps = {
+  /** Page content */children: React.ReactNode; /** className __ALL__ exported components pass through a classname to the outermost component */
+  className?: string; /** Adds a data-testid attribute to the dom element, used for end to end testing. */
+  'data-testid'?: string; /** A unique page name, used by the parent <ContentPager /> for moving between pages */
+  name: string;
+};
+declare const Page: ({
+  children,
+  className,
+  "data-testid": testId
+}: PageProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/ContentPager/ContentPager.d.ts
+declare const currentPageAtom: import("jotai").PrimitiveAtom<string> & {
+  init: string;
+};
+type PagerProps = {
+  /** Page components */children: ReactElement<ComponentProps<typeof Page>>[]; /** Custom styling for the outermost ContentPager containing element */
+  className?: string; /** The currently visible page */
+  currentPage: string; /** Adds a data-testid attribute to the dom element, used for end to end testing. */
+  'data-testid'?: string; /** A callback to run when animation has completed. Useful for focusing.*/
+  onTransitionEnd?: () => void;
+};
+declare const ContentPager: ({
+  children,
+  className,
+  currentPage,
+  "data-testid": testId,
+  onTransitionEnd
+}: PagerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { currentPageAtom as n, Page as r, ContentPager as t };
+//# sourceMappingURL=ContentPager-AM9sSsgG.d.cts.map

package/ContentPager-AM9sSsgG.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentPager-AM9sSsgG.d.cts","names":[],"sources":["../src/ContentPager/components/Page.tsx","../src/ContentPager/ContentPager.tsx"],"mappings":";;;;KAEK,SAAA;qBAED,QAAA,EAAU,KAAA,CAAM,SAAS,EAFxB;EAID,SAAA;EAEA,aAAA,WAJA;EAMA,IAAA;AAAA;AAAA,cAGS,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,eAAA;AAAA,GAAuE,SAAA,iCAAS,GAAA,CAAA,OAAA;;;cCCxF,eAAA,kBAAe,aAAA;EAAA,IAAA;AAAA;AAAA,KAEvB,UAAA;wBAED,QAAA,EAAU,YAAA,CAAa,cAAA,QAAsB,IAAA,MDd7C;ECgBA,SAAA,WDhBgB;ECkBhB,WAAA,UDdA;ECgBA,aAAA,WDdI;ECgBJ,eAAA;AAAA;AAAA,cAGS,YAAA;EAAgB,QAAA;EAAA,SAAA;EAAA,WAAA;EAAA,eAAA,MAAA;EAAA;AAAA,GAM1B,UAAA,iCAAU,GAAA,CAAA,OAAA"}