@hunterchen/canvas 0.1.0

package/dist/components/canvas/navbar/single-button.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import * as LucideIcons from "lucide-react";
+import { AnimatePresence, motion } from "framer-motion";
+import { useToast } from "../../../hooks/use-toast";
+import { copyText } from "../../../lib/copy";
+export default function SingleButton({ label, icon, customIcon, onClick, isPushed, link, emailAddress, onDebouncedClick, }) {
+    const [isHovered, setIsHovered] = useState(false);
+    const [showTag, setShowTag] = useState(false);
+    const [copiedEmail, setCopiedEmail] = useState(false);
+    const Icon = icon ? LucideIcons[icon] : null;
+    const CustomIcon = customIcon;
+    const TagDelay = 100;
+    const { toast } = useToast();
+    // Ensure either icon or customIcon is provided
+    if (!Icon && !CustomIcon) {
+        throw new Error("Either 'icon' or 'customIcon' prop must be provided");
+    }
+    useEffect(() => {
+        let timeoutId;
+        if (isHovered) {
+            timeoutId = setTimeout(() => {
+                setShowTag(true);
+            }, TagDelay);
+        }
+        else {
+            setShowTag(false);
+        }
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [isHovered]);
+    useEffect(() => {
+        setShowTag(false);
+        setIsHovered(false);
+    }, [isPushed]);
+    // Reset copied email state after 2 seconds
+    useEffect(() => {
+        if (copiedEmail) {
+            const timeoutId = setTimeout(() => {
+                setCopiedEmail(false);
+            }, 2000);
+            return () => clearTimeout(timeoutId);
+        }
+    }, [copiedEmail]);
+    const performClick = () => {
+        if (emailAddress) {
+            const mailto = `mailto:${emailAddress}`;
+            void (async () => {
+                const copied = (await copyText(mailto)) || (await copyText(emailAddress));
+                if (copied) {
+                    setCopiedEmail(true);
+                    toast({
+                        title: "Email copied!",
+                        variant: "cute",
+                        duration: 2000,
+                    });
+                }
+                else {
+                    window.open(mailto, "_blank");
+                    toast({
+                        title: "Email app opened!",
+                        duration: 3000,
+                        variant: "cute",
+                    });
+                }
+            })();
+            return;
+        }
+        if (link) {
+            window.open(link, "_blank", "noopener,noreferrer");
+            return;
+        }
+        onClick?.();
+    };
+    const handleClick = () => {
+        if (onDebouncedClick) {
+            onDebouncedClick(performClick);
+        }
+        else {
+            performClick();
+        }
+    };
+    const displayLabel = copiedEmail ? "Email copied!" : label;
+    return (_jsx(motion.button, { "aria-label": label, className: `relative flex items-center rounded-md p-2 text-medium transition-colors duration-200 ${isPushed ? "bg-[#EEE2FB]" : isHovered ? "bg-highlight" : ""}`, onClick: handleClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), whileTap: { scale: 0.95 }, transition: {
+            type: "spring",
+            stiffness: 400,
+            damping: 25,
+        }, children: isPushed ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { children: Icon ? (_jsx(Icon, { className: `h-5 w-5 flex-shrink-0 ${isPushed ? "text-emphasis" : "text-medium"}` })) : CustomIcon ? (_jsx(CustomIcon, { className: `h-5 w-5 flex-shrink-0 ${isPushed ? "text-white" : "text-medium"}` })) : null }), _jsx(motion.span, { initial: { opacity: 0, width: 0 }, animate: { opacity: 1, width: "auto" }, exit: { opacity: 0, width: 0 }, transition: {
+                        duration: 0.1,
+                        ease: "easeInOut",
+                    }, className: "overflow-hidden whitespace-nowrap font-figtree text-sm font-medium text-emphasis", children: displayLabel })] })) : (_jsxs("div", { children: [Icon ? (_jsx(Icon, { className: `h-5 w-5 flex-shrink-0 ${isPushed ? "text-white" : "text-medium"}` })) : CustomIcon ? (_jsx(CustomIcon, { className: `h-5 w-5 flex-shrink-0 ${isPushed ? "text-white" : "text-medium"}` })) : null, _jsx(AnimatePresence, { children: showTag && !isPushed && (_jsx(motion.div, { initial: { opacity: 0, y: 5, scale: 0.9, x: "-50%" }, animate: { opacity: 1, y: 0, scale: 1, x: "-50%" }, exit: { opacity: 0, y: 5, scale: 0.9, x: "-50%" }, transition: {
+                            duration: 0.05,
+                            ease: "easeOut",
+                        }, className: "pointer-events-none absolute -top-10 left-1/2 z-50", children: _jsx("div", { className: "rounded-sm bg-gradient-to-t from-black/10 to-transparent px-[1px] pb-[2.5px] pt-[1px]", children: _jsx("div", { className: "whitespace-nowrap rounded-sm bg-offwhite px-2 py-1 font-figtree text-sm text-medium", children: displayLabel }) }) })) })] })) }));
+}
+//# sourceMappingURL=single-button.js.map

package/dist/components/canvas/navbar/single-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-button.js","sourceRoot":"","sources":["../../../../src/components/canvas/navbar/single-button.tsx"],"names":[],"mappings":"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"}

package/dist/components/canvas/offest.d.ts

@@ -0,0 +1,6 @@
+import { type Point } from "framer-motion";
+export declare const OffsetComponent: ({ offset, children, }: {
+    offset: Point;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offest.d.ts.map

package/dist/components/canvas/offest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offest.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/offest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAEnD,eAAO,MAAM,eAAe,GAAI,uBAG7B;IACD,MAAM,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAcA,CAAC"}

package/dist/components/canvas/offest.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+export const OffsetComponent = ({ offset, children, }) => {
+    return (_jsx(motion.div, { style: {
+            position: "absolute",
+            top: offset.y,
+            left: offset.x,
+            width: "100%",
+            height: "100%",
+        }, children: children }));
+};
+//# sourceMappingURL=offest.js.map

package/dist/components/canvas/offest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offest.js","sourceRoot":"","sources":["../../../src/components/canvas/offest.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,eAAe,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,MAAM,CAAC,CAAC;YACb,IAAI,EAAE,MAAM,CAAC,CAAC;YACd,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf,YAEA,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/canvas/reset.d.ts

@@ -0,0 +1,5 @@
+declare const Reset: ({ onResetViewAndItems, }: {
+    onResetViewAndItems: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Reset;
+//# sourceMappingURL=reset.d.ts.map

package/dist/components/canvas/reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/reset.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,KAAK,GAAI,0BAEZ;IACD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,4CAYA,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/canvas/reset.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from "next/image";
+const Reset = ({ onResetViewAndItems, }) => {
+    return (_jsx("div", { className: "absolute bottom-4 left-4 z-[1000] flex cursor-[url('/customcursor.svg'),auto] select-none", children: _jsx("button", { className: "rounded bg-gray-700 p-1.5 font-mono text-xs text-white shadow-md transition-colors hover:bg-gray-600 md:text-sm", onClick: onResetViewAndItems, onPointerDown: (e) => e.stopPropagation(), children: _jsx(Image, { src: "/images/reset.svg", alt: "Reset", width: 18, height: 18 }) }) }));
+};
+export default Reset;
+//# sourceMappingURL=reset.js.map

package/dist/components/canvas/reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../../src/components/canvas/reset.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EACb,mBAAmB,GAGpB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,2FAA2F,YACxG,iBACE,SAAS,EAAC,iHAAiH,EAC3H,OAAO,EAAE,mBAAmB,EAC5B,aAAa,EAAE,CAAC,CAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAE7D,KAAC,KAAK,IAAC,GAAG,EAAC,mBAAmB,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC7D,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/canvas/toolbar.d.ts

@@ -0,0 +1,7 @@
+import { type Point } from "framer-motion";
+type ToolbarProps = {
+    homeCoordinates?: Point;
+};
+declare const Toolbar: ({ homeCoordinates }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default Toolbar;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/components/canvas/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAwB,MAAM,eAAe,CAAC;AAQjE,KAAK,YAAY,GAAG;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,qBAAsC,YAAY,4CAoDlE,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/canvas/toolbar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTransform, motion } from "framer-motion";
+import { useEffect, useState } from "react";
+import { useCanvasContext } from "../../contexts/CanvasContext";
+import { TOOLBAR_OPACITY_POS_EPS, TOOLBAR_OPACITY_SCALE_EPS, } from "../../lib/constants";
+const Toolbar = ({ homeCoordinates = { x: 0, y: 0 } }) => {
+    const { x, y, scale } = useCanvasContext();
+    const [hasMounted, setHasMounted] = useState(false);
+    useEffect(() => {
+        setHasMounted(true);
+    }, []);
+    // numeric MotionValues
+    const rawDx = useTransform([x, scale], ([lx, ls]) => -(lx / ls) + homeCoordinates.x);
+    const rawDy = useTransform([y, scale], ([ly, ls]) => -(ly / ls) + homeCoordinates.y);
+    // formatted MotionValues
+    const displayX = useTransform(rawDx, (v) => Math.round(v).toString());
+    const displayY = useTransform(rawDy, (v) => Math.round(v).toString());
+    const displayScale = useTransform(scale, (v) => v.toFixed(2));
+    const opacity = useTransform([rawDx, rawDy, scale], ([dx, dy, ls]) => Math.abs(dx) < TOOLBAR_OPACITY_POS_EPS &&
+        Math.abs(dy) < TOOLBAR_OPACITY_POS_EPS &&
+        Math.abs(ls - 1) < TOOLBAR_OPACITY_SCALE_EPS
+        ? 0
+        : 1);
+    const handlePointerDown = (e) => e.stopPropagation();
+    return (_jsx(motion.div, { className: "absolute left-4 top-6 z-[1000] cursor-default select-none rounded-[10px] border border-border bg-offwhite p-2 font-mono text-xs text-heavy shadow-[0_6px_12px_rgba(0,0,0,0.10)] sm:top-4 md:text-sm", onPointerDown: handlePointerDown, "data-toolbar-button": true, style: { opacity }, children: hasMounted ? (_jsxs(_Fragment, { children: ["(", _jsx(motion.span, { children: displayX }), ",", " ", _jsx(motion.span, { children: displayY }), ")", _jsx("span", { className: "text-light", children: " |" }), " ", _jsx(motion.span, { children: displayScale }), "x"] })) : (_jsx("span", { style: { opacity: 0 }, children: "(0, 0) | 1.00x" })) }));
+};
+export default Toolbar;
+//# sourceMappingURL=toolbar.js.map

package/dist/components/canvas/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../../src/components/canvas/toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/components/canvas/wrapper.d.ts

@@ -0,0 +1,26 @@
+import { type MotionValue, type Transition } from "framer-motion";
+import { type ReactNode } from "react";
+export { GROW_TRANSITION as growTransition } from "../../lib/constants";
+interface CanvasWrapperProps {
+    children: React.ReactNode;
+    /** Shared progress MV (0->1) for the grow animation */
+    introProgress: MotionValue<number>;
+    /** Callback when the grow (stage1) completes */
+    onIntroGrowComplete?: () => void;
+    /** Disable intro animation entirely (starts at full size) */
+    skipIntro?: boolean;
+    /** Custom intro content to show during loading */
+    introContent?: ReactNode;
+    /** Custom loading text (default: "LOADING CANVAS") */
+    loadingText?: string;
+    /** Background gradient for intro screen */
+    introBackgroundGradient?: string;
+    /** Canvas box gradient for blur mask */
+    canvasBoxGradient?: string;
+    /** Grow animation transition config */
+    growTransition?: Transition;
+    /** Blur animation transition config */
+    blurTransition?: Transition;
+}
+export declare const CanvasWrapper: ({ children, introProgress, onIntroGrowComplete, skipIntro, introContent, loadingText, introBackgroundGradient, canvasBoxGradient, growTransition, blurTransition, }: CanvasWrapperProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/components/canvas/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,UAAU,EAAkB,MAAM,eAAe,CAAC;AAC1F,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpE,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAExE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uDAAuD;IACvD,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAGjC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,uCAAuC;IACvC,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,GAAI,qKAW3B,kBAAkB,4CAuJpB,CAAC"}

package/dist/components/canvas/wrapper.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { useState, useEffect, useRef } from "react";
+import Image from "next/image";
+import { MAX_DIM_RATIO, GROW_TRANSITION, BLUR_TRANSITION, INTRO_ASPECT_RATIO, } from "../../lib/constants";
+// Re-export for backward compatibility
+export { GROW_TRANSITION as growTransition } from "../../lib/constants";
+/**
+ * Default intro content (Hack Western branding)
+ * Positioned in the upper third of the screen
+ */
+const DefaultIntroContent = () => (_jsxs("div", { className: "absolute left-1/2 top-24 flex -translate-x-1/2 flex-col items-center text-center", children: [_jsx(Image, { src: "/horse.svg", alt: "Hack Western Logo", width: 64, height: 64, className: "mb-4" }), _jsx("div", { className: "font-jetbrains-mono font-semibold text-[#543C5AB2]", children: "HACK WESTERN 12" })] }));
+export const CanvasWrapper = ({ children, introProgress, onIntroGrowComplete, skipIntro = false, introContent, loadingText = "LOADING CANVAS", introBackgroundGradient = "linear-gradient(to top, #FEB6AF 0%, var(--salmon) 15%, var(--beige) 50%)", canvasBoxGradient = "radial-gradient(130.38% 95% at 50.03% 97.25%, #EFB8A0 0%, #EAD2DF 48.09%, #EFE3E1 100%)", growTransition = GROW_TRANSITION, blurTransition = BLUR_TRANSITION, }) => {
+    const [dimensions, setDimensions] = useState(null);
+    const [dots, setDots] = useState("..");
+    const [stage1NotFinished, setStage1NotFinished] = useState(true);
+    const completedRef = useRef(false);
+    // If skipIntro is true, immediately complete the intro
+    useEffect(() => {
+        if (skipIntro && !completedRef.current) {
+            completedRef.current = true;
+            introProgress.set(1);
+            onIntroGrowComplete?.();
+        }
+    }, [skipIntro, introProgress, onIntroGrowComplete]);
+    // add up to 4 dots, then go back down to 2
+    useEffect(() => {
+        if (skipIntro)
+            return; // Don't animate dots if skipping intro
+        const interval = setInterval(() => {
+            setDots((prevDots) => {
+                if (prevDots.length < 3) {
+                    return prevDots + ".";
+                }
+                else {
+                    return ".";
+                }
+            });
+        }, 500);
+        return () => clearInterval(interval);
+    }, [skipIntro]);
+    useEffect(() => {
+        if (skipIntro)
+            return; // Don't calculate dimensions if skipping intro
+        // calculate the initial 3:2 box size with margins (client-only)
+        const calculateInitialSize = () => {
+            const vw = window.innerWidth;
+            const vh = window.innerHeight;
+            const maxWidth = vw * MAX_DIM_RATIO.width;
+            const maxHeight = vh * MAX_DIM_RATIO.height;
+            // width or height as limiter
+            if (maxWidth / INTRO_ASPECT_RATIO <= maxHeight) {
+                return { width: maxWidth, height: maxWidth / INTRO_ASPECT_RATIO };
+            }
+            else {
+                return { height: maxHeight, width: maxHeight * INTRO_ASPECT_RATIO };
+            }
+        };
+        setDimensions(calculateInitialSize());
+    }, [skipIntro]);
+    // If skipIntro, render children directly without animation wrapper
+    if (skipIntro) {
+        return (_jsx(motion.div, { className: "fixed inset-0 overflow-hidden", style: {
+                touchAction: "none",
+                userSelect: "none",
+                pointerEvents: "none",
+            }, onContextMenu: (e) => e.preventDefault(), children: children }));
+    }
+    return (_jsxs(motion.div, { className: "fixed inset-0 overflow-hidden", style: {
+            backgroundImage: stage1NotFinished ? introBackgroundGradient : undefined,
+            touchAction: "none",
+            userSelect: "none",
+            pointerEvents: "none",
+        }, onContextMenu: (e) => e.preventDefault(), children: [stage1NotFinished && (_jsx(_Fragment, { children: introContent !== undefined ? introContent : _jsx(DefaultIntroContent, {}) })), dimensions && (_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: {
+                            width: dimensions.width,
+                            height: dimensions.height,
+                            opacity: 1,
+                            backgroundImage: canvasBoxGradient,
+                        }, animate: {
+                            opacity: 0,
+                            display: "none",
+                        }, transition: blurTransition, className: "absolute left-1/2 top-1/2 z-20 origin-center -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg" }), _jsx(motion.div, { initial: {
+                            width: dimensions.width,
+                            height: dimensions.height,
+                        }, animate: {
+                            width: "100vw",
+                            height: "100vh",
+                        }, transition: growTransition, onUpdate: (latest) => {
+                            if (completedRef.current)
+                                return;
+                            if (typeof latest.width === "number") {
+                                const w0 = dimensions.width;
+                                const w1 = window.innerWidth;
+                                const progress = w1 === w0 ? 1 : (latest.width - w0) / (w1 - w0);
+                                const clamped = Math.min(Math.max(progress, 0), 1);
+                                introProgress.set(clamped);
+                            }
+                        }, onAnimationComplete: () => {
+                            if (!completedRef.current) {
+                                completedRef.current = true;
+                                introProgress.set(1);
+                                setStage1NotFinished(false);
+                                onIntroGrowComplete?.();
+                            }
+                        }, className: "absolute left-1/2 top-1/2 z-10 origin-center -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg shadow-[0_20px_40px_rgba(103,86,86,0.15)]", children: _jsx("div", { className: "h-full w-full", children: children }) })] })), stage1NotFinished && loadingText && (_jsxs("div", { className: "absolute bottom-24 left-1/2 -translate-x-1/2 text-center font-jetbrains-mono font-semibold text-[#543C5AB2]", children: [loadingText, dots] }))] }));
+};
+//# sourceMappingURL=wrapper.js.map

package/dist/components/canvas/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../src/components/canvas/wrapper.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/FolderIcon.d.ts

@@ -0,0 +1,9 @@
+type FolderIconProps = {
+    className?: string;
+    gradientId?: string;
+    strokeColor?: string;
+    isOpen?: boolean;
+};
+declare const AnimatedFolderIcon: ({ className, gradientId, strokeColor, isOpen, }: FolderIconProps) => import("react/jsx-runtime").JSX.Element;
+export default AnimatedFolderIcon;
+//# sourceMappingURL=FolderIcon.d.ts.map

package/dist/components/ui/FolderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ui/FolderIcon.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,iDAKzB,eAAe,4CAkGjB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/ui/FolderIcon.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import useWindowDimensions from "../../hooks/useWindowDimensions";
+const AnimatedFolderIcon = ({ className = "", gradientId = "defaultGradient", strokeColor = "rgba(119, 103, 128, 0.1)", isOpen = false, }) => {
+    const { width } = useWindowDimensions();
+    return (_jsxs("svg", { viewBox: "0 0 208 163", className: className, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { filter: "url(#folderShadow)", children: [_jsx(motion.g, { initial: false, animate: {
+                            opacity: !isOpen || width < 640 ? 1 : 0,
+                            scale: isOpen ? 1 : 1,
+                            y: isOpen ? 5 : 0,
+                            x: isOpen ? 15 : 15,
+                        }, transition: {
+                            duration: 0.2,
+                            ease: "easeInOut",
+                        }, children: _jsx("path", { d: "M4.34444 14.3331C4.1561 8.68286 8.68546 4 14.3389 4L76.1646 4C80.3832 4 84.4311 5.66604 87.4274 8.63558L98.3226 19.4333C101.319 22.4028 105.367 24.0689 109.585 24.0689H173.601C179.277 24.0689 183.815 28.7881 183.593 34.4601L179.876 129.391C179.666 134.758 175.255 139 169.884 139H18.1722C12.7791 139 8.35744 134.723 8.17777 129.333L4.34444 14.3331Z", fill: `url(#${gradientId})`, stroke: strokeColor, strokeWidth: "0.75", fillOpacity: width < 640 ? "1" : "0.8" }) }), _jsx(motion.g, { initial: false, animate: {
+                            opacity: isOpen ? 1 : 0,
+                            scale: isOpen ? 1.15 : 1.15,
+                            y: isOpen ? 20 : 20,
+                            x: isOpen ? 23 : 23,
+                        }, transition: {
+                            duration: 0.2,
+                            ease: "easeInOut",
+                        }, children: _jsx("path", { d: "M3.72714 12.7562C3.28295 7.78306 7.20051 3.5 12.1934 3.5L67.2044 3.5C70.2086 3.5 73.1283 4.49474 75.5076 6.32893L89.3807 17.0235C91.76 18.8577 94.6797 19.8524 97.6839 19.8524H154.462C159.507 19.8524 163.442 24.2216 162.916 29.2393L154.874 105.887C154.42 110.214 150.772 113.5 146.421 113.5H20.5C16.0986 113.5 12.4253 110.14 12.0337 105.756L3.72714 12.7562Z", fill: `url(#${gradientId})`, stroke: strokeColor, strokeOpacity: "1", strokeWidth: "0.85", fillOpacity: "1" }) })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "red", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(226, 141, 159, 1)" }), _jsx("stop", { offset: "100%", stopColor: "rgba(244, 193, 204, 1)" })] }), _jsxs("linearGradient", { id: "blue", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(90, 149, 208, 1)" }), _jsx("stop", { offset: "100%", stopColor: "rgba(158, 202, 246, 1)" })] }), _jsxs("linearGradient", { id: "green", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(127, 202, 132, 1)" }), _jsx("stop", { offset: "100%", stopColor: "rgba(185, 227, 188, 1)" })] }), _jsxs("linearGradient", { id: "purple", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(143, 87, 173, 1)" }), _jsx("stop", { offset: "100%", stopColor: "rgba(209, 154, 238, 1)" })] }), _jsxs("linearGradient", { id: "orange", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(233, 148, 111, 1)" }), _jsx("stop", { offset: "100%", stopColor: "rgba(246, 185, 158, 1)" })] }), _jsx("filter", { id: "folderShadow", x: "-10", y: "-10", width: "208", height: "163", filterUnits: "userSpaceOnUse", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "3", floodColor: "rgba(119, 115, 149, 0.35)" }) })] })] }));
+};
+export default AnimatedFolderIcon;
+//# sourceMappingURL=FolderIcon.js.map

package/dist/components/ui/FolderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderIcon.js","sourceRoot":"","sources":["../../../src/components/ui/FolderIcon.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "primary" | "secondary" | "tertiary" | "tertiary-arrow" | "ghost" | "apply-ghost" | "apply" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isPending?: boolean;
+    full?: boolean;
+    secondClass?: string;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASlE,eAAO,MAAM,cAAc;;;8EAgCzB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACrD,YAAY,CAAC,OAAO,cAAc,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAoBD,eAAO,MAAM,MAAM,uFAsFlB,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Image from "next/image";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const buttonBase = "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-white font-figtree cursor-pointer";
+const lift = "-translate-y-[3px] group-hover:-translate-y-[4px] group-active:-translate-y-[1px] transition-all duration-100";
+export const buttonVariants = cva(buttonBase, {
+    variants: {
+        variant: {
+            default: "",
+            primary: cn("bg-button-primary shadow-button-primary hover:bg-button-primary-hover active:bg-button-primary-active", lift),
+            secondary: cn("text-[#625679] bg-button-secondary hover:bg-button-secondary-hover active:bg-button-secondary-active active:shadow-button-secondary", lift),
+            tertiary: "bg-transparent text-[#625679] px-4 active:text-[#8F57AD]",
+            "tertiary-arrow": "bg-transparent text-[#625679] px-4 active:text-[#8F57AD] flex items-center gap-2",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-dark",
+            outline: "bg-violet-100 hover:bg-muted border border-[1px] border-muted",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+            "apply-ghost": "bg-[#ebdff7] bg-opacity-50 text-heavy font-semibold hover:bg-[#e6cdff] w-full justify-start",
+            apply: "text-medium hover:bg-[#ebdff7] hover:text-heavy",
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-8 rounded-md px-3",
+            lg: "h-11 rounded-md px-8",
+            icon: "h-10 w-10",
+        },
+    },
+    defaultVariants: { variant: "default", size: "default" },
+});
+const overlays = {
+    primary: { bg: "bg-button-primary-back", border: "border border-white/30" },
+    secondary: {
+        bg: "bg-button-secondary-back",
+        border: "border border-white/50",
+    },
+};
+const pressedByVariant = {
+    primary: "!-translate-y-[1px] shadow-none bg-button-primary-active hover:!bg-button-primary-active",
+    secondary: "!-translate-y-[1px] shadow-button-secondary bg-button-secondary-active hover:!bg-button-secondary-active",
+};
+const noLift = "group-hover:!translate-y-[1px] group-active:!translate-y-[1px] transition-none";
+export const Button = React.forwardRef(({ className, variant = "default", size, isPending = false, full = false, asChild = false, disabled, secondClass = "", children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const lockPressed = isPending && (variant === "primary" || variant === "secondary");
+    const btnClasses = cn(buttonVariants({ variant, size, className }), lockPressed && [pressedByVariant[variant], noLift], full && "w-full");
+    const overlay = overlays[variant];
+    const wrapperClasses = cn("group relative inline-block w-max", full && "block w-full", lockPressed && ["pointer-events-none", noLift]);
+    return (_jsxs("div", { className: wrapperClasses, children: [overlay && (_jsxs(_Fragment, { children: [_jsx("span", { className: cn("pointer-events-none absolute inset-0 h-full w-full rounded-lg", overlay.bg) }), _jsx("span", { className: cn("pointer-events-none absolute inset-0 z-50 h-full w-full rounded-lg", overlay.border, lockPressed ? "-translate-y-[1px] " + noLift : lift) })] })), _jsx(Comp, { ref: ref, ...props, className: cn("flex flex-row gap-2", btnClasses), disabled: disabled ?? isPending, children: variant === "tertiary-arrow" ? (_jsxs("div", { className: "w-full", children: [_jsx(Image, { src: "/arrow-left.svg", alt: "Left Arrow", width: 10, height: 10 }), children] })) : (children) }), (variant === "tertiary" || variant === "tertiary-arrow") && (_jsx("span", { className: cn("block h-0 max-w-0 border-b-2 border-dashed border-[#625679] transition-all duration-200 group-hover:max-w-full group-active:border-[#8F57AD]", secondClass) }))] }));
+});
+Button.displayName = "Button";
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/label.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/components/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,KAAK,4PAUT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/label.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const labelVariants = cva("text-[#5f476c] text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/components/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,aAAa,GAAG,GAAG,CACvB,2GAA2G,CAC5G,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/toast.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { type VariantProps } from "class-variance-authority";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "success" | "cute" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/ui/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAYjB,CAAC;AA4BH,QAAA,MAAM,KAAK;;qHAYT,CAAC;AAGH,QAAA,MAAM,WAAW,kKAYf,CAAC;AAGH,QAAA,MAAM,UAAU,iKAed,CAAC;AAGH,QAAA,MAAM,UAAU,2JASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKASpB,CAAC;AAGH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/components/ui/toast.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed left-1/2 top-4 z-[100] flex max-h-screen w-auto -translate-x-1/2 flex-col p-4 sm:max-w-fit", className), ...props })));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = cva("group pointer-events-auto relative flex w-auto min-w-fit items-center justify-between space-x-4 overflow-hidden rounded-md border px-4 py-3 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+            success: "border-green-200 bg-green-50 text-green-900 shadow-lg",
+            cute: cn("border-purple-200 bg-gradient-to-r from-purple-50 to-pink-50 text-purple-900 shadow-lg rounded-lg", // Base styling
+            "w-[calc(100vw-4rem)]", // Mobile: take (100vw - 4rem) width for near full-bleed with margin
+            "mx-auto", // Center it (viewport already centers, but keep safety)
+            "min-w-0", // Prevent it from shrinking too small if content wraps
+            "sm:w-auto", // On larger screens revert to intrinsic sizing
+            "justify-center text-center space-x-0"),
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return (_jsx(ToastPrimitives.Root, { ref: ref, className: cn(toastVariants({ variant }), className), ...props }));
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className), ...props })));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props, children: _jsx(X, { className: "h-3 w-3" }) })));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold", className), ...props })));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props })));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
+//# sourceMappingURL=toast.js.map