@dust-tt/sparkle 0.2.509 → 0.2.510

package/dist/esm/components/Hover3D.js

@@ -0,0 +1,102 @@
+import { __read } from "tslib";
+import React, { createContext, useContext, useEffect, useRef, useState, } from "react";
+// Context to share hover state
+var Hover3DContext = createContext({ isHovered: false, isTouchDevice: false });
+// Custom hook to use the context
+export var useHover3D = function () { return useContext(Hover3DContext); };
+// Function to detect touch devices
+var isTouchDevice = function () {
+    if (typeof window === "undefined") {
+        return false;
+    }
+    return "ontouchstart" in window || navigator.maxTouchPoints > 0;
+};
+function Hover3D(_a) {
+    var children = _a.children, _b = _a.xOffset, xOffset = _b === void 0 ? 10 : _b, _c = _a.yOffset, yOffset = _c === void 0 ? 10 : _c, _d = _a.attack, attack = _d === void 0 ? 0.1 : _d, _e = _a.release, release = _e === void 0 ? 0.5 : _e, _f = _a.perspective, perspective = _f === void 0 ? 500 : _f, _g = _a.depth, depth = _g === void 0 ? -10 : _g, _h = _a.className, className = _h === void 0 ? "" : _h, _j = _a.range, range = _j === void 0 ? 3 : _j, _k = _a.fullscreenSensible, fullscreenSensible = _k === void 0 ? false : _k, _l = _a.reference, reference = _l === void 0 ? "object" : _l;
+    var elementRef = useRef(null);
+    var _m = __read(useState(fullscreenSensible), 2), isHovered = _m[0], setHovered = _m[1];
+    var _o = __read(useState(false), 2), isTouch = _o[0], setIsTouch = _o[1];
+    var _p = __read(useState("perspective(".concat(perspective, "px) translateZ(").concat(fullscreenSensible ? depth : 0, "px)")), 2), transform = _p[0], setTransform = _p[1];
+    var _q = __read(useState(""), 2), transition = _q[0], setTransition = _q[1];
+    var clamp = function (value, min, max) {
+        return Math.min(Math.max(value, min), max);
+    };
+    var map = function (value, istart, istop, ostart, ostop) {
+        return ostart + (ostop - ostart) * ((value - istart) / (istop - istart));
+    };
+    // Detect touch device on mount
+    useEffect(function () {
+        setIsTouch(isTouchDevice());
+    }, []);
+    useEffect(function () {
+        // Skip 3D effect setup if on a touch device
+        if (isTouch) {
+            return;
+        }
+        var element = elementRef.current;
+        var handleMouseEnter = function () {
+            setTransition("transform ".concat(attack, "s"));
+            setHovered(true);
+        };
+        var handleMouseMove = function (e) {
+            if (element) {
+                var rect = reference === "object"
+                    ? element.getBoundingClientRect()
+                    : document.body.getBoundingClientRect();
+                var dx = e.clientX - rect.left;
+                var dy = e.clientY - rect.top;
+                var xRot = clamp(map(dx, 0, rect.width, -xOffset, xOffset), -xOffset, xOffset);
+                var yRot = clamp(map(dy, 0, rect.height, yOffset, -yOffset), -range * yOffset, range * yOffset);
+                setTransform("perspective(".concat(perspective, "px) rotateX(").concat(yRot, "deg) rotateY(").concat(xRot, "deg) translateZ(").concat(depth, "px)"));
+            }
+        };
+        if (fullscreenSensible) {
+            window.addEventListener("mousemove", handleMouseMove);
+        }
+        else {
+            var handleMouseLeave_1 = function () {
+                setTransition("transform ".concat(release, "s"));
+                setTransform("perspective(".concat(perspective, "px) rotateX(0deg) rotateY(0deg)"));
+                setHovered(false);
+            };
+            element === null || element === void 0 ? void 0 : element.addEventListener("mouseenter", handleMouseEnter);
+            element === null || element === void 0 ? void 0 : element.addEventListener("mousemove", handleMouseMove);
+            element === null || element === void 0 ? void 0 : element.addEventListener("mouseleave", handleMouseLeave_1);
+            return function () {
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mouseenter", handleMouseEnter);
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mousemove", handleMouseMove);
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mouseleave", handleMouseLeave_1);
+            };
+        }
+    }, [
+        attack,
+        release,
+        perspective,
+        xOffset,
+        yOffset,
+        isTouch,
+        fullscreenSensible,
+        reference,
+        depth,
+        range,
+    ]);
+    return (React.createElement(Hover3DContext.Provider, { value: { isHovered: isHovered, setHovered: setHovered, isTouchDevice: isTouch } },
+        React.createElement("div", { ref: elementRef, style: {
+                transform: isTouch ? "none" : transform,
+                transition: isTouch ? "none" : transition,
+                transformStyle: isTouch ? "flat" : "preserve-3d",
+            }, className: className }, children)));
+}
+var Div3D = function (_a) {
+    var depth = _a.depth, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var _c = useHover3D(), isHovered = _c.isHovered, isTouchDevice = _c.isTouchDevice;
+    var style = {
+        transform: isTouchDevice
+            ? "none"
+            : "translateZ(".concat(isHovered ? depth : 0, "px)"),
+        transition: isTouchDevice ? "none" : "transform 0.5s",
+    };
+    return (React.createElement("div", { style: style, className: className }, children));
+};
+export { Div3D, Hover3D };
+//# sourceMappingURL=Hover3D.js.map

package/dist/esm/components/Hover3D.js.map

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

package/dist/esm/components/Hoverable.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from "class-variance-authority";
+import React from "react";
+import { LinkWrapperProps } from "../components/LinkWrapper";
+export declare const HOVERABLE_VARIANTS: readonly ["invisible", "primary", "highlight"];
+export type HoverableVariantType = (typeof HOVERABLE_VARIANTS)[number];
+declare const variantStyle: (props?: ({
+    variant?: "primary" | "highlight" | "invisible" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface MetaHoverableProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof variantStyle> {
+    asChild?: boolean;
+}
+export interface HoverableProps extends MetaHoverableProps, Omit<LinkWrapperProps, "children"> {
+}
+declare const Hoverable: React.ForwardRefExoticComponent<HoverableProps & React.RefAttributes<HTMLElement>>;
+export { Hoverable };
+//# sourceMappingURL=Hoverable.d.ts.map

package/dist/esm/components/Hoverable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hoverable.d.ts","sourceRoot":"","sources":["../../../src/components/Hoverable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGhF,eAAO,MAAM,kBAAkB,gDAIrB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAkBvE,QAAA,MAAM,YAAY;;mFAUjB,CAAC;AAEF,UAAU,kBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,MAAM,WAAW,cACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;CAAG;AAEzC,QAAA,MAAM,SAAS,oFAqBd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/Hoverable.js

@@ -0,0 +1,38 @@
+import { __assign, __rest } from "tslib";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import React from "react";
+import { LinkWrapper } from "../components/LinkWrapper";
+import { cn } from "../lib/utils";
+export var HOVERABLE_VARIANTS = [
+    "invisible",
+    "primary",
+    "highlight",
+];
+var hoverableVariants = {
+    invisible: cn("hover:s-text-highlight-light", "active:s-text-highlight-dark"),
+    primary: cn("s-font-semibold", "s-text-foreground dark:s-text-foreground-night", "hover:s-text-highlight-light dark:hover:s-text-highlight-light-night", "active:s-text-highlight-dark dark:active:s-text-highlight-dark-night"),
+    highlight: cn("s-font-semibold", "s-text-highlight dark:s-text-highlight-night", "hover:s-text-highlight-light dark:hover:s-text-highlight-light-night", "active:s-text-highlight-dark dark:active:s-text-highlight-dark-night"),
+};
+var variantStyle = cva("s-cursor-pointer s-duration-200 hover:s-underline hover:s-underline-offset-2", {
+    variants: {
+        variant: hoverableVariants,
+    },
+    defaultVariants: {
+        variant: "invisible",
+    },
+});
+var MetaHoverable = React.forwardRef(function (_a, ref) {
+    var className = _a.className, variant = _a.variant, _b = _a.asChild, asChild = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["className", "variant", "asChild", "children"]);
+    var Comp = asChild ? Slot : "span";
+    return (React.createElement(Comp, __assign({ className: cn(variant && variantStyle({ variant: variant }), className), ref: ref }, props), children));
+});
+MetaHoverable.displayName = "MetaHoverable";
+var Hoverable = React.forwardRef(function (_a, ref) {
+    var href = _a.href, target = _a.target, rel = _a.rel, children = _a.children, variant = _a.variant, className = _a.className, props = __rest(_a, ["href", "target", "rel", "children", "variant", "className"]);
+    var innerElement = (React.createElement(MetaHoverable, __assign({ ref: ref, variant: variant, className: className }, props), children));
+    return href ? (React.createElement(LinkWrapper, { href: href, target: target, rel: rel }, innerElement)) : (innerElement);
+});
+Hoverable.displayName = "Hoverable";
+export { Hoverable };
+//# sourceMappingURL=Hoverable.js.map

package/dist/esm/components/Hoverable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hoverable.js","sourceRoot":"","sources":["../../../src/components/Hoverable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAoB,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,WAAW;IACX,SAAS;IACT,WAAW;CACH,CAAC;AAIX,IAAM,iBAAiB,GAAyC;IAC9D,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,8BAA8B,CAAC;IAC7E,OAAO,EAAE,EAAE,CACT,iBAAiB,EACjB,gDAAgD,EAChD,sEAAsE,EACtE,sEAAsE,CACvE;IACD,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,8CAA8C,EAC9C,sEAAsE,EACtE,sEAAsE,CACvE;CACF,CAAC;AAEF,IAAM,YAAY,GAAG,GAAG,CACtB,8EAA8E,EAC9E;IACE,QAAQ,EAAE;QACR,OAAO,EAAE,iBAAiB;KAC3B;IACD,eAAe,EAAE;QACf,OAAO,EAAE,WAAW;KACrB;CACF,CACF,CAAC;AAQF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,UAAC,EAA2D,EAAE,GAAG;IAA9D,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzD,+CAA2D,CAAF;IACxD,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACrC,OAAO,CACL,oBAAC,IAAI,aACH,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,YAAY,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,EAAE,SAAS,CAAC,EAC9D,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAM5C,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,UAAC,EAA6D,EAAE,GAAG;IAAhE,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA3D,6DAA6D,CAAF;IAC1D,IAAM,YAAY,GAAG,CACnB,oBAAC,aAAa,aACZ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,KAAK,GAER,QAAQ,CACK,CACjB,CAAC;IAEF,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAC9C,YAAY,CACD,CACf,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/Icon.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+import React, { ComponentType } from "react";
+export interface IconProps {
+    visual?: ComponentType<{
+        className?: string;
+    }>;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    className?: string;
+}
+export declare function Icon({ visual: IconComponent, size, className, }: IconProps): React.JSX.Element | null;
+declare const sizeVariants: (props?: ({
+    size?: "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface DoubleIconProps extends VariantProps<typeof sizeVariants> {
+    mainIcon: React.ComponentType;
+    secondaryIcon: React.ComponentType;
+    size?: "md" | "lg" | "xl";
+    className?: string;
+}
+export declare const DoubleIcon: ({ mainIcon, secondaryIcon, className, size, }: DoubleIconProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/esm/components/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,aAAa,EACrB,IAAW,EACX,SAAc,GACf,EAAE,SAAS,4BAIX;AAED,QAAA,MAAM,YAAY;;mFAWhB,CAAC;AAeH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,kDAKpB,eAAe,sBAejB,CAAC"}

package/dist/esm/components/Icon.js

@@ -0,0 +1,46 @@
+import { cva } from "class-variance-authority";
+import React from "react";
+import { cn } from "../lib/utils";
+var IconSizes = {
+    xs: "s-h-4 s-w-4",
+    sm: "s-h-5 s-w-5",
+    md: "s-h-6 s-w-6",
+    lg: "s-h-8 s-w-8",
+    xl: "s-h-12 s-w-12",
+    "2xl": "s-h-20 s-w-20",
+};
+export function Icon(_a) {
+    var IconComponent = _a.visual, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
+    return IconComponent ? (React.createElement(IconComponent, { className: cn(className, "s-shrink-0", IconSizes[size]) })) : null;
+}
+var sizeVariants = cva("s-relative", {
+    variants: {
+        size: {
+            md: "s-h-6 s-w-6",
+            lg: "s-h-8 s-w-8 s-p-0.5",
+            xl: "s-h-10 s-w-10",
+        },
+    },
+    defaultVariants: {
+        size: "lg",
+    },
+});
+var iconSizeVariants = cva("s-absolute", {
+    variants: {
+        size: {
+            md: "s-bottom-0 s-right-0",
+            lg: "s-bottom-0 s-right-0",
+            xl: "s-bottom-0 s-right-0",
+        },
+    },
+    defaultVariants: {
+        size: "lg",
+    },
+});
+export var DoubleIcon = function (_a) {
+    var mainIcon = _a.mainIcon, secondaryIcon = _a.secondaryIcon, className = _a.className, _b = _a.size, size = _b === void 0 ? "lg" : _b;
+    return (React.createElement("div", { className: cn(sizeVariants({ size: size }), className) },
+        React.createElement(Icon, { className: "s-text-foreground dark:s-text-foreground-night", size: size === "md" ? "sm" : size === "lg" ? "md" : "lg", visual: mainIcon }),
+        React.createElement(Icon, { size: size === "md" ? "xs" : size === "lg" ? "xs" : "md", visual: secondaryIcon, className: cn("s-absolute", iconSizeVariants({ size: size })) })));
+};
+//# sourceMappingURL=Icon.js.map

package/dist/esm/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,IAAM,SAAS,GAAG;IAChB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,eAAe;IACnB,KAAK,EAAE,eAAe;CACvB,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAIT;QAHF,aAAa,YAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,GAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,IAAM,YAAY,GAAG,GAAG,CAAC,YAAY,EAAE;IACrC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,eAAe;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAG,GAAG,CAAC,YAAY,EAAE;IACzC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;SAC3B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AASH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKT;QAJhB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,SAAS,CAAC;QACnD,oBAAC,IAAI,IACH,SAAS,EAAC,gDAAgD,EAC1D,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACxD,MAAM,EAAE,QAAQ,GAChB;QACF,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACxD,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC,GACvD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/IconButton.d.ts

@@ -0,0 +1,16 @@
+import React, { ComponentType, MouseEventHandler } from "react";
+import { Tooltip } from "../components";
+import { Button } from "../components/Button";
+type IconButtonProps = {
+    variant?: React.ComponentProps<typeof Button>["variant"];
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    size?: React.ComponentProps<typeof Button>["size"];
+    tooltip?: string;
+    tooltipPosition?: React.ComponentProps<typeof Tooltip>["side"];
+    icon: ComponentType;
+    className?: string;
+    disabled?: boolean;
+};
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton };
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/esm/components/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAqB,MAAM,4BAA4B,CAAC;AAGvE,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4DF,QAAA,MAAM,UAAU,2FA0Bf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/IconButton.js

@@ -0,0 +1,31 @@
+import { __assign, __rest } from "tslib";
+import { cva } from "class-variance-authority";
+import React from "react";
+import { Button } from "../components/Button";
+import { cn } from "../lib/utils";
+var styleVariants = {
+    primary: cn("s-text-highlight-500 dark:s-text-highlight-500-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
+    warning: cn("s-text-warning-500 dark:s-text-warning-500-night", "hover:s-text-warning-400 dark:hover:s-text-warning-500-night", "active:s-text-warning-600 dark:active:s-text-warning-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
+    highlight: cn("s-text-foreground dark:s-text-foreground-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
+    outline: cn("s-text-primary-700 dark:s-text-primary-700-night", "hover:s-text-primary-400 dark:hover:s-text-primary-400-night", "active:s-text-highlight-600 dark:active:s-text-highlight-600-night", "s-text-primary-500 dark:s-text-primary-500-night"),
+    ghost: cn("s-text-white dark:s-text-primary-950", "hover:s-text-primary-100 dark:hover:s-text-primary-100-night", "active:s-text-primary-200 dark:active:s-text-primary-200-night", "s-text-white/50 dark:s-text-primary-950/50"),
+    "ghost-secondary": cn("s-text-white", "hover:s-text-primary-100 dark:hover:s-text-primary-100-night", "active:s-text-primary-200 dark:active:s-text-primary-200-night", "s-text-white/50 dark:s-text-primary-950/50"),
+};
+var iconButtonVariants = cva("s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110", {
+    variants: {
+        variant: styleVariants,
+        disabled: {
+            true: cn("s-text-primary-500 dark:s-text-primary-500-night", "s-cursor-default hover:s-scale-100"),
+        },
+    },
+    defaultVariants: {
+        variant: "outline",
+        disabled: false,
+    },
+});
+var IconButton = React.forwardRef(function (_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? "outline" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, icon = _a.icon, className = _a.className, _d = _a.size, size = _d === void 0 ? "sm" : _d, props = __rest(_a, ["variant", "onClick", "disabled", "tooltip", "icon", "className", "size"]);
+    return (React.createElement(Button, __assign({ tooltip: tooltip, className: cn(iconButtonVariants({ variant: variant, disabled: disabled }), className), onClick: onClick, disabled: disabled, ref: ref, size: size, icon: icon, variant: null }, props)));
+});
+export { IconButton };
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/components/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,MAAM,EAAqB,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAaxC,IAAM,aAAa,GAAsC;IACvD,OAAO,EAAE,EAAE,CACT,sDAAsD,EACtD,kEAAkE,EAClE,oEAAoE,EACpE,kDAAkD,CACnD;IACD,OAAO,EAAE,EAAE,CACT,kDAAkD,EAClD,8DAA8D,EAC9D,gEAAgE,EAChE,kDAAkD,CACnD;IACD,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,kEAAkE,EAClE,oEAAoE,EACpE,kDAAkD,CACnD;IACD,OAAO,EAAE,EAAE,CACT,kDAAkD,EAClD,8DAA8D,EAC9D,oEAAoE,EACpE,kDAAkD,CACnD;IACD,KAAK,EAAE,EAAE,CACP,sCAAsC,EACtC,8DAA8D,EAC9D,gEAAgE,EAChE,4CAA4C,CAC7C;IACD,iBAAiB,EAAE,EAAE,CACnB,cAAc,EACd,8DAA8D,EAC9D,gEAAgE,EAChE,4CAA4C,CAC7C;CACF,CAAC;AAEF,IAAM,kBAAkB,GAAG,GAAG,CAC5B,+EAA+E,EAC/E;IACE,QAAQ,EAAE;QACR,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,CACN,kDAAkD,EAClD,oCAAoC,CACrC;SACF;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,UACE,EASC,EACD,GAAG;IATD,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,KAAK,cARV,0EASC,CADS;IAGP,OAAA,CACH,oBAAC,MAAM,aACL,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAE,SAAS,CAAC,EACnE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,IACT,KAAK,EACT,CACH,CAAA;CAAA,CACF,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/Input.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+declare const MESSAGE_STATUS: readonly ["info", "default", "error"];
+type MessageStatus = (typeof MESSAGE_STATUS)[number];
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value"> {
+    message?: string | null;
+    messageStatus?: MessageStatus;
+    value?: string | null;
+    isError?: boolean;
+    className?: string;
+    label?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/esm/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,QAAA,MAAM,cAAc,uCAAwC,CAAC;AAE7D,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAClE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8DD,eAAO,MAAM,KAAK,qFAuDjB,CAAC"}

package/dist/esm/components/Input.js

@@ -0,0 +1,51 @@
+import { __assign, __rest } from "tslib";
+import { cva } from "class-variance-authority";
+import React, { forwardRef } from "react";
+import { Icon } from "../components/Icon";
+import { InformationCircleIcon } from "../icons/app";
+import { cn } from "../lib/utils";
+import { Label } from "./Label";
+var MESSAGE_STATUS = ["info", "default", "error"];
+var INPUT_STATES = ["error", "disabled", "default"];
+var messageVariantStyles = {
+    info: "s-text-muted-foreground dark:s-text-muted-foreground-night",
+    default: "s-text-muted-foreground dark:s-text-muted-foreground-night",
+    error: "s-text-foreground-warning dark:s-text-foreground-warning-night",
+};
+var stateVariantStyles = {
+    default: cn("s-border-border dark:s-border-border-night", "s-ring-highlight/0 dark:s-ring-highlight-night/0", "focus-visible:s-border-border-focus dark:focus-visible:s-border-border-focus-night", "focus-visible:s-outline-none focus-visible:s-ring-2", "focus-visible:s-ring-highlight/20 dark:focus-visible:s-ring-highlight/50"),
+    disabled: cn("disabled:s-cursor-not-allowed", "disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night", "disabled:s-border-border dark:disabled:s-border-border-night"),
+    error: cn("s-border-border-warning/40 dark:s-border-border-warning-night/60", "s-ring-warning/0 dark:s-ring-warning-night/0", "focus-visible:s-border-border-warning dark:focus-visible:s-border-border-warning-night", "focus-visible:s-outline-none focus-visible:s-ring-2", "focus-visible:s-ring-warning/10 dark:focus-visible:s-ring-warning/30"),
+};
+var messageVariant = cva("", {
+    variants: {
+        status: messageVariantStyles,
+    },
+    defaultVariants: {
+        status: "info",
+    },
+});
+var inputStyleClasses = cva(cn("dark:s-text-primary-50", "s-text-sm s-rounded-xl s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ", "s-bg-muted-background dark:s-bg-muted-background-night", "s-border focus-visible:s-ring", "file:s-border-0 file:s-bg-transparent file:s-text-sm file:s-font-medium file:s-text-foreground", "placeholder:s-text-muted-foreground placeholder:s-italic dark:placeholder:s-text-muted-foreground-night"), {
+    variants: {
+        state: stateVariantStyles,
+    },
+    defaultVariants: {
+        state: "default",
+    },
+});
+export var Input = forwardRef(function (_a, ref) {
+    var className = _a.className, message = _a.message, messageStatus = _a.messageStatus, value = _a.value, label = _a.label, isError = _a.isError, disabled = _a.disabled, props = __rest(_a, ["className", "message", "messageStatus", "value", "label", "isError", "disabled"]);
+    var state = isError || (message && messageStatus === "error")
+        ? "error"
+        : disabled
+            ? "disabled"
+            : "default";
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
+        label && (React.createElement(Label, { htmlFor: props.name, className: "s-mb-1" }, label)),
+        React.createElement("input", __assign({ ref: ref, className: cn("s-ring-inset", inputStyleClasses({ state: state }), className), "data-1p-ignore": props.type !== "password", value: value !== null && value !== void 0 ? value : undefined, disabled: disabled }, props)),
+        message && (React.createElement("div", { className: cn("s-ml-3.5 s-flex s-items-center s-gap-1 s-text-xs", messageVariant({ status: messageStatus })) },
+            messageStatus === "info" && (React.createElement(Icon, { visual: InformationCircleIcon, size: "xs" })),
+            message))));
+});
+Input.displayName = "Input";
+//# sourceMappingURL=Input.js.map

package/dist/esm/components/Input.js.map

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

package/dist/esm/components/InteractiveImageGrid.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface InteractiveImageGridProps {
+    className?: string;
+    images: {
+        alt: string;
+        downloadUrl?: string;
+        imageUrl?: string;
+        isLoading?: boolean;
+        title: string;
+    }[];
+}
+declare function InteractiveImageGrid({ className, images, }: InteractiveImageGridProps): React.JSX.Element;
+declare namespace InteractiveImageGrid {
+    var displayName: string;
+}
+export { InteractiveImageGrid };
+//# sourceMappingURL=InteractiveImageGrid.d.ts.map

package/dist/esm/components/InteractiveImageGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveImageGrid.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveImageGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8G1B,UAAU,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,MAAM,GACP,EAAE,yBAAyB,qBAkL3B;kBArLQ,oBAAoB;;;AAyL7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/esm/components/InteractiveImageGrid.js

@@ -0,0 +1,127 @@
+import { __awaiter, __generator, __read } from "tslib";
+import React from "react";
+import { Button, Dialog, DialogContent, DialogHeader, DialogTrigger, Spinner, } from "../components";
+import { ArrowDownOnSquareIcon, ChevronLeftIcon, ChevronRightIcon, } from "../icons/app";
+import { cn } from "../lib/utils";
+var ImageLoadingState = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "lg" : _b;
+    return (React.createElement("div", { ref: ref, className: cn("s-mx-auto s-flex s-aspect-square s-w-full s-min-w-[50vh]", "s-max-w-[80vh] s-items-center s-justify-center", "s-bg-muted-background dark:s-bg-muted-background-night", className) },
+        React.createElement(Spinner, { variant: "dark", size: size })));
+});
+ImageLoadingState.displayName = "ImageLoadingState";
+var ImagePreview = React.forwardRef(function (_a, ref) {
+    var image = _a.image, onClick = _a.onClick, onDownload = _a.onDownload;
+    return (React.createElement("div", { ref: ref, onClick: onClick, className: cn("s-group/preview s-relative s-aspect-square", "s-cursor-pointer s-overflow-hidden s-rounded-2xl", "s-bg-muted-background dark:s-bg-muted-background-night") }, image.isLoading ? (React.createElement("div", { className: "s-flex s-h-full s-w-full s-items-center s-justify-center" },
+        React.createElement(Spinner, { variant: "dark", size: "md" }))) : (React.createElement(React.Fragment, null,
+        React.createElement("img", { src: image.imageUrl, alt: image.alt, className: "s-h-full s-w-full s-rounded-2xl s-object-cover" }),
+        React.createElement("div", { className: cn("s-absolute s-inset-0 s-bg-gradient-to-b", "s-from-black/40 s-via-transparent s-to-black/40", "s-opacity-0 s-transition-opacity s-duration-200", "group-hover/preview:s-opacity-100") }),
+        React.createElement("div", { className: cn("s-absolute s-right-3 s-top-3 s-z-10 s-flex", "s-opacity-0 s-transition-opacity s-duration-200", "group-hover/preview:s-opacity-100") },
+            React.createElement(Button, { variant: "ghost", size: "xs", icon: ArrowDownOnSquareIcon, className: "s-text-white dark:s-text-white", tooltip: "Download", onClick: onDownload }))))));
+});
+ImagePreview.displayName = "ImagePreview";
+function InteractiveImageGrid(_a) {
+    var _this = this;
+    var className = _a.className, images = _a.images;
+    var _b = __read(React.useState(null), 2), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
+    var _c = __read(React.useState(false), 2), imageLoaded = _c[0], setImageLoaded = _c[1];
+    var handleNext = React.useCallback(function () {
+        if (currentImageIndex === null) {
+            return;
+        }
+        setCurrentImageIndex((currentImageIndex + 1) % images.length);
+    }, [currentImageIndex, images.length]);
+    var handlePrevious = React.useCallback(function () {
+        if (currentImageIndex === null) {
+            return;
+        }
+        setCurrentImageIndex((currentImageIndex - 1 + images.length) % images.length);
+    }, [currentImageIndex, images.length]);
+    var handleDownload = React.useCallback(function (downloadUrl, title) { return __awaiter(_this, void 0, void 0, function () {
+        var link;
+        return __generator(this, function (_a) {
+            if (!downloadUrl || !title) {
+                return [2 /*return*/];
+            }
+            link = document.createElement("a");
+            link.href = downloadUrl;
+            link.download = title;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            return [2 /*return*/];
+        });
+    }); }, []);
+    React.useEffect(function () {
+        if (currentImageIndex === null) {
+            return;
+        }
+        // Only handle keyboard events if the image is zoomed.
+        var handleKeyDown = function (e) {
+            if (e.key === "ArrowRight") {
+                handleNext();
+            }
+            else if (e.key === "ArrowLeft") {
+                handlePrevious();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return function () { return window.removeEventListener("keydown", handleKeyDown); };
+    }, [currentImageIndex, handleNext, handlePrevious]);
+    return (React.createElement(Dialog, { open: currentImageIndex !== null, onOpenChange: function (open) { return !open && setCurrentImageIndex(null); } },
+        React.createElement(DialogTrigger, { asChild: true },
+            React.createElement("div", { className: cn("s-@container", className) }, images.length === 1 ? (React.createElement("div", { className: "s-h-80 s-w-80" },
+                React.createElement(ImagePreview, { image: images[0], onClick: function () {
+                        setCurrentImageIndex(0);
+                    }, onDownload: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    e.stopPropagation();
+                                    return [4 /*yield*/, handleDownload(images[0].downloadUrl, images[0].title)];
+                                case 1:
+                                    _a.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); } }))) : (React.createElement("div", { className: "s-grid s-grid-cols-2 s-gap-2 @xxs:s-grid-cols-3 @xs:s-grid-cols-4" }, images.map(function (image, idx) { return (React.createElement(ImagePreview, { key: idx, image: image, onClick: function () {
+                    setCurrentImageIndex(idx);
+                }, onDownload: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                e.stopPropagation();
+                                return [4 /*yield*/, handleDownload(image.downloadUrl, image.title)];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); } })); }))))),
+        React.createElement(DialogContent, { size: "full", className: "s-rounded-none s-border-0 s-bg-white/95 s-p-0 s-shadow-none s-outline-none s-ring-0 dark:s-bg-gray-900/95" }, currentImageIndex !== null && (React.createElement("div", { className: "s-relative s-flex s-h-full s-w-full s-flex-col" },
+            React.createElement(DialogHeader, { buttonVariant: "outline", buttonSize: "md", className: "s-h-6" }),
+            React.createElement("div", { className: "s-flex s-flex-1 s-items-center s-justify-center" },
+                React.createElement("div", { className: "s-relative s-flex s-items-center s-gap-4" },
+                    images.length > 1 && (React.createElement(Button, { variant: "ghost", size: "md", icon: ChevronLeftIcon, onClick: function (e) {
+                            e.stopPropagation();
+                            handlePrevious();
+                        } })),
+                    images[currentImageIndex].isLoading ? (React.createElement(ImageLoadingState, { size: "lg" })) : (React.createElement("img", { src: images[currentImageIndex].imageUrl, alt: images[currentImageIndex].alt, className: cn("s-max-h-[90vh] s-min-h-[50vh] s-w-auto s-min-w-[50vh]", "s-checkerboard s-object-contain"), onLoad: function () { return setImageLoaded(true); } })),
+                    images.length > 1 && (React.createElement(Button, { variant: "ghost", size: "md", icon: ChevronRightIcon, onClick: function (e) {
+                            e.stopPropagation();
+                            handleNext();
+                        } })))),
+            !images[currentImageIndex].isLoading && (React.createElement(React.Fragment, null, imageLoaded ? (React.createElement("div", { className: "s-absolute s-bottom-3 s-right-3 s-z-10" },
+                React.createElement(Button, { variant: "outline", size: "md", icon: ArrowDownOnSquareIcon, tooltip: "Download", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, handleDownload(images[currentImageIndex].downloadUrl, images[currentImageIndex].title)];
+                                case 1:
+                                    _a.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); } }))) : (React.createElement(ImageLoadingState, { size: "lg" })))))))));
+}
+InteractiveImageGrid.displayName = "InteractiveImageGrid";
+export { InteractiveImageGrid };
+//# sourceMappingURL=InteractiveImageGrid.js.map

package/dist/esm/components/InteractiveImageGrid.js.map

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

package/dist/esm/components/Label.d.ts

@@ -0,0 +1,8 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    isMuted?: boolean;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

package/dist/esm/components/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,qFAmBT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/Label.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+import { cn } from "../lib/utils";
+var Label = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.isMuted, isMuted = _b === void 0 ? false : _b, props = __rest(_a, ["className", "isMuted"]);
+    var labelVariants = cn("s-heading-sm", isMuted
+        ? "s-text-muted-foreground dark:s-text-muted-foreground-night"
+        : "s-text-foreground dark:s-text-foreground-night", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70");
+    return (React.createElement(LabelPrimitive.Root, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };
+//# sourceMappingURL=Label.js.map

package/dist/esm/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAOxC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,UAAC,EAAwC,EAAE,GAAG;IAA3C,IAAA,SAAS,eAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtC,wBAAwC,CAAF;IACvC,IAAM,aAAa,GAAG,EAAE,CACtB,cAAc,EACd,OAAO;QACL,CAAC,CAAC,4DAA4D;QAC9D,CAAC,CAAC,gDAAgD,EACpD,+DAA+D,CAChE,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,CAAC,IAAI,aAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,IACnC,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/LinkWrapper.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface LinkWrapperProps {
+    children: React.ReactNode;
+    href?: string;
+    rel?: string;
+    replace?: boolean;
+    shallow?: boolean;
+    target?: string;
+    prefetch?: boolean;
+}
+export declare const LinkWrapper: React.ForwardRefExoticComponent<LinkWrapperProps & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=LinkWrapper.d.ts.map