@studio-helga/once-ui-core 1.7.8

package/dist/components/Column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,qHAMV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Column.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Flex } from ".";
+const Column = forwardRef(({ children, ...rest }, ref) => {
+    return (_jsx(Flex, { direction: "column", ref: ref, ...rest, children: children }));
+});
+Column.displayName = "Column";
+export { Column };
+//# sourceMappingURL=Column.js.map

package/dist/components/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,MAAM,GAAG,UAAU,CAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACxC,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/CompareImage.d.ts

@@ -0,0 +1,16 @@
+import { Flex } from ".";
+interface SideContent {
+    src: string | React.ReactNode;
+    alt?: string;
+}
+interface CompareImageProps extends React.ComponentProps<typeof Flex> {
+    leftContent: SideContent;
+    rightContent: SideContent;
+    aspectRatio?: string;
+}
+declare const CompareImage: {
+    ({ leftContent, rightContent, aspectRatio, ...rest }: CompareImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CompareImage };
+//# sourceMappingURL=CompareImage.d.ts.map

package/dist/components/CompareImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuBD,QAAA,MAAM,YAAY;0DAAyD,iBAAiB;;CAqF3F,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/CompareImage.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { Flex, Media, IconButton } from ".";
+import styles from "./CompareImage.module.scss";
+const renderContent = (content, clipPath, aspectRatio) => {
+    if (typeof content.src === "string") {
+        return (_jsx(Media, { src: content.src, alt: content.alt || "", fill: true, aspectRatio: aspectRatio || "16/9", position: "absolute", style: { clipPath } }));
+    }
+    return (_jsx(Flex, { fill: true, position: "absolute", style: { clipPath }, children: content.src }));
+};
+const CompareImage = ({ leftContent, rightContent, aspectRatio, ...rest }) => {
+    const [position, setPosition] = useState(50);
+    const containerRef = useRef(null);
+    const isDragging = useRef(false);
+    const handleMouseDown = () => {
+        isDragging.current = true;
+    };
+    const handleMouseUp = () => {
+        isDragging.current = false;
+    };
+    const updatePosition = (clientX) => {
+        if (!isDragging.current || !containerRef.current)
+            return;
+        const rect = containerRef.current.getBoundingClientRect();
+        const x = clientX - rect.left;
+        const containerWidth = rect.width;
+        // Calculate percentage (constrained between 0 and 100)
+        const newPosition = Math.max(0, Math.min(100, (x / containerWidth) * 100));
+        setPosition(newPosition);
+    };
+    const handleMouseMove = (e) => {
+        updatePosition(e.clientX);
+    };
+    const handleTouchMove = (e) => {
+        updatePosition(e.touches[0].clientX);
+    };
+    useEffect(() => {
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+        document.addEventListener("touchmove", handleTouchMove);
+        document.addEventListener("touchend", handleMouseUp);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+            document.removeEventListener("touchmove", handleTouchMove);
+            document.removeEventListener("touchend", handleMouseUp);
+        };
+    }, []);
+    return (_jsxs(Flex, { ref: containerRef, aspectRatio: aspectRatio || "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`, aspectRatio), renderContent(rightContent, `inset(0 0 0 ${position}%)`, aspectRatio), _jsx(Flex, { position: "absolute", horizontal: "center", width: 3, className: styles.hitArea, top: "0", bottom: "0", style: {
+                    left: `${position}%`,
+                }, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(Flex, { radius: "l", background: "surface", fitHeight: true, className: styles.dragIcon, style: {
+                    left: `${position}%`,
+                }, children: _jsx(IconButton, { icon: "chevronsLeftRight", variant: "secondary", onMouseDown: handleMouseDown, onTouchStart: handleMouseDown }) })] }));
+};
+CompareImage.displayName = "CompareImage";
+export { CompareImage };
+//# sourceMappingURL=CompareImage.js.map

package/dist/components/CompareImage.js.map

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

package/dist/components/CompareImage.module.scss

@@ -0,0 +1,14 @@
+.hitArea {
+  cursor: col-resize;
+  transform: translateX(-50%);
+}
+
+.dragIcon {
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  cursor: col-resize;
+  z-index: 2;
+  transition: none;
+  pointer-events: auto;
+}

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+import { Placement } from "@floating-ui/react-dom";
+export interface ContextMenuProps {
+    children: ReactNode;
+    dropdown: ReactNode;
+    placement?: Placement;
+    fillWidth?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    style?: React.CSSProperties;
+    className?: string;
+    onSelect?: (value: string) => void;
+    closeAfterClick?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    selectedOption?: string;
+    disabled?: boolean;
+}
+declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { ContextMenu };
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/components/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,yFA4UhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ContextMenu.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, forwardRef, useCallback, useEffect, } from "react";
+import { createPortal } from "react-dom";
+import { Flex, Dropdown, ScrollLock } from ".";
+import styles from "./ContextMenu.module.scss";
+const ContextMenu = forwardRef(({ children, dropdown, minHeight, onSelect, closeAfterClick = true, isOpen, onOpenChange, minWidth = 12, maxWidth, fillWidth = false, placement = "bottom-end", disabled = false, className, style, ...rest }, ref) => {
+    const [contextPosition, setContextPosition] = useState({ x: 0, y: 0 });
+    const [internalIsOpen, setInternalIsOpen] = useState(false);
+    const [isBrowser, setIsBrowser] = useState(false);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
+    const containerRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const previouslyFocusedElement = useRef(null);
+    // Control open state internally if not provided
+    const isControlled = isOpen !== undefined;
+    const isDropdownOpen = isControlled ? isOpen : internalIsOpen;
+    // Handle open state changes
+    const handleOpenChange = useCallback((open) => {
+        if (!isControlled) {
+            setInternalIsOpen(open);
+        }
+        onOpenChange?.(open);
+    }, [isControlled, onOpenChange]);
+    // Set browser state for portal rendering
+    useEffect(() => {
+        setIsBrowser(true);
+    }, []);
+    const handleContextMenu = useCallback((e) => {
+        if (disabled)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        // Set the position to the mouse position
+        setContextPosition({ x: e.clientX, y: e.clientY });
+        // Open the dropdown
+        handleOpenChange(true);
+    }, [disabled, handleOpenChange]);
+    // Handle click events for MacBook support (Control+click)
+    const handleClick = useCallback((e) => {
+        if (disabled)
+            return;
+        // Check if it's a control+click (common right-click equivalent on Mac)
+        if (e.ctrlKey || e.metaKey) {
+            e.preventDefault();
+            e.stopPropagation();
+            // Set the position to the mouse position
+            setContextPosition({ x: e.clientX, y: e.clientY });
+            // Open the dropdown
+            handleOpenChange(true);
+        }
+    }, [disabled, handleOpenChange]);
+    // Close dropdown when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (isDropdownOpen &&
+                dropdownRef.current &&
+                !dropdownRef.current.contains(e.target)) {
+                handleOpenChange(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isDropdownOpen, handleOpenChange]);
+    // Focus management
+    useEffect(() => {
+        if (isDropdownOpen) {
+            // Store the currently focused element before focusing the dropdown
+            previouslyFocusedElement.current = document.activeElement;
+            // Reset focus index when opening
+            setFocusedIndex(-1);
+            // Store current scroll position
+            const scrollX = window.scrollX;
+            const scrollY = window.scrollY;
+            // Focus the dropdown after a small delay to ensure it's rendered
+            setTimeout(() => {
+                if (dropdownRef.current) {
+                    // Force focus on the dropdown container first
+                    dropdownRef.current.focus();
+                    // Find all option elements
+                    const optionElements = Array.from(dropdownRef.current.querySelectorAll('.option, [role="option"], [data-value]'));
+                    if (optionElements.length > 0) {
+                        // Set focus index to first option
+                        setFocusedIndex(0);
+                        // Focus and highlight the first option
+                        optionElements[0].focus({ preventScroll: true });
+                        optionElements[0].classList.add("highlighted");
+                        // Remove highlight from other options
+                        for (let i = 1; i < optionElements.length; i++) {
+                            optionElements[i].classList.remove("highlighted");
+                        }
+                    }
+                    else {
+                        // If no options, focus any focusable element
+                        const focusableElements = dropdownRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                        if (focusableElements.length > 0) {
+                            focusableElements[0].focus({ preventScroll: true });
+                        }
+                    }
+                    // Restore scroll position that might have been changed by focus
+                    window.scrollTo(scrollX, scrollY);
+                }
+            }, 50); // Small delay to ensure DOM is ready
+        }
+        else if (!isDropdownOpen && previouslyFocusedElement.current) {
+            // Restore focus when closing
+            previouslyFocusedElement.current.focus();
+        }
+    }, [isDropdownOpen]);
+    // Handle keyboard navigation
+    const handleKeyDown = useCallback((e) => {
+        if (!isDropdownOpen)
+            return;
+        if (e.key === "Escape") {
+            e.preventDefault();
+            handleOpenChange(false);
+            return;
+        }
+        // Handle tab key for focus trapping
+        if (e.key === "Tab" && dropdownRef.current) {
+            // Find all focusable elements in the dropdown
+            const focusableElements = Array.from(dropdownRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+            if (focusableElements.length === 0)
+                return;
+            // Get the first and last focusable elements
+            const firstElement = focusableElements[0];
+            const lastElement = focusableElements[focusableElements.length - 1];
+            // Handle tab and shift+tab to cycle through focusable elements
+            if (e.shiftKey) {
+                // Shift+Tab
+                if (document.activeElement === firstElement) {
+                    e.preventDefault();
+                    lastElement.focus();
+                }
+            }
+            else {
+                // Tab
+                if (document.activeElement === lastElement) {
+                    e.preventDefault();
+                    firstElement.focus();
+                }
+            }
+            return;
+        }
+        if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+            e.preventDefault();
+            // Find all Option components in the dropdown
+            const optionElements = dropdownRef.current
+                ? Array.from(dropdownRef.current.querySelectorAll('.option, [role="option"], [data-value]'))
+                : [];
+            if (optionElements.length === 0)
+                return;
+            let newIndex = focusedIndex;
+            if (e.key === "ArrowDown") {
+                newIndex = focusedIndex < optionElements.length - 1 ? focusedIndex + 1 : 0;
+            }
+            else {
+                newIndex = focusedIndex > 0 ? focusedIndex - 1 : optionElements.length - 1;
+            }
+            setFocusedIndex(newIndex);
+            // Highlight the element visually
+            optionElements.forEach((el, i) => {
+                if (i === newIndex) {
+                    el.classList.add("highlighted");
+                    // Scroll into view if needed
+                    el.scrollIntoView({ block: "nearest" });
+                    // Focus the element
+                    el.focus();
+                }
+                else {
+                    el.classList.remove("highlighted");
+                }
+            });
+        }
+        else if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            // Find all Option components
+            const optionElements = dropdownRef.current
+                ? Array.from(dropdownRef.current.querySelectorAll('.option, [role="option"], [data-value]'))
+                : [];
+            // Click the focused option
+            if (focusedIndex >= 0 && focusedIndex < optionElements.length) {
+                optionElements[focusedIndex].click();
+                if (closeAfterClick) {
+                    handleOpenChange(false);
+                }
+            }
+        }
+    }, [isDropdownOpen, focusedIndex, handleOpenChange, closeAfterClick]);
+    return (_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isDropdownOpen, allowScrollInElement: dropdownRef }), _jsxs(Flex, { ref: containerRef, onContextMenu: handleContextMenu, onClick: handleClick, className: className || "", style: { ...style, opacity: disabled ? 0.6 : undefined }, "aria-disabled": disabled, children: [children, isDropdownOpen &&
+                        isBrowser &&
+                        createPortal(_jsx(Flex, { position: "fixed", zIndex: 10, tabIndex: 0, ref: (node) => {
+                                dropdownRef.current = node;
+                                if (typeof ref === "function") {
+                                    ref(node);
+                                }
+                                else if (ref) {
+                                    ref.current = node;
+                                }
+                            }, className: styles.fadeIn, style: {
+                                top: contextPosition.y,
+                                left: contextPosition.x,
+                            }, role: "menu", onKeyDown: handleKeyDown, onClick: (e) => {
+                                const el = e.target;
+                                const isSelectable = el.closest(".option") ||
+                                    el.closest("[role='option']") ||
+                                    el.closest("[data-value]");
+                                if (isSelectable && closeAfterClick) {
+                                    setTimeout(() => {
+                                        handleOpenChange(false);
+                                    }, 50);
+                                }
+                            }, children: _jsx(Dropdown, { minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, radius: "l", onSelect: (value) => {
+                                    onSelect?.(value);
+                                    if (closeAfterClick) {
+                                        handleOpenChange(false);
+                                    }
+                                }, ...rest, children: dropdown }) }), document.body)] })] }));
+});
+ContextMenu.displayName = "ContextMenu";
+export { ContextMenu };
+//# sourceMappingURL=ContextMenu.js.map

package/dist/components/ContextMenu.js.map

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

package/dist/components/ContextMenu.module.scss

@@ -0,0 +1,15 @@
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.fadeIn {
+  transform-origin: top left;
+  animation: fadeIn var(--transition-duration-micro-medium) var(--transition-eased);
+}

package/dist/components/CountFx.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Text } from ".";
+export interface CountFxProps extends React.ComponentProps<typeof Text> {
+    value: number;
+    speed?: number;
+    easing?: "linear" | "ease-out" | "ease-in-out";
+    format?: (value: number) => string;
+    separator?: string;
+    decimals?: number;
+    effect?: "simple" | "wheel" | "smooth";
+    children?: React.ReactNode;
+}
+declare const CountFx: React.FC<CountFxProps>;
+export { CountFx };
+//# sourceMappingURL=CountFx.d.ts.map

package/dist/components/CountFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountFx.d.ts","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAO,IAAI,EAAE,MAAM,GAAG,CAAC;AAE9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmTnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/CountFx.js

@@ -0,0 +1,203 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from "react";
+import { Row, Text } from ".";
+const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator, decimals, effect = "simple", children, ...text }) => {
+    const [displayValue, setDisplayValue] = useState(value);
+    const [animationProgress, setAnimationProgress] = useState(1);
+    const animationRef = useRef(undefined);
+    const previousValueRef = useRef(value);
+    // Default format function with separator and decimals support
+    const defaultFormat = (val) => {
+        let formattedValue = decimals !== undefined ? val.toFixed(decimals) : val.toString();
+        if (separator) {
+            const parts = formattedValue.split('.');
+            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, separator);
+            formattedValue = parts.join('.');
+        }
+        return formattedValue;
+    };
+    const formatValue = format || defaultFormat;
+    // Easing functions
+    const getEasing = (progress) => {
+        switch (easing) {
+            case "linear":
+                return progress;
+            case "ease-out":
+                return 1 - Math.pow(1 - progress, 3);
+            case "ease-in-out":
+                return progress < 0.5 ? 2 * progress * progress : 1 - Math.pow(-2 * progress + 2, 2) / 2;
+            default:
+                return 1 - Math.pow(1 - progress, 3);
+        }
+    };
+    // Wheel animation: create digit wheels
+    const renderWheelDigits = (currentValue, targetValue) => {
+        const currentStr = currentValue.toString().padStart(targetValue.toString().length, "0");
+        const targetStr = targetValue.toString();
+        const maxLength = Math.max(currentStr.length, targetStr.length);
+        return Array.from({ length: maxLength }, (_, index) => {
+            const currentDigit = parseInt(currentStr[maxLength - 1 - index] || "0");
+            const targetDigit = parseInt(targetStr[maxLength - 1 - index] || "0");
+            // Calculate progress for this specific digit
+            const digitDifference = targetDigit - currentDigit;
+            const digitProgress = Math.abs(digitDifference) > 0 ? Math.min(Math.abs(digitDifference) / 10, 1) : 1; // Progress based on how close to target
+            // Create wheel effect for this digit
+            const wheelDigits = [];
+            for (let i = 0; i <= 9; i++) {
+                const isActive = i === currentDigit;
+                // Calculate transition speed based on progress (slower as it approaches target)
+                const transitionDuration = 0.1 + digitProgress * 0.2; // 0.1s to 0.3s
+                // Calculate position for wheel effect
+                let position = 0;
+                if (isActive) {
+                    position = 0; // Current digit is centered
+                }
+                else if (i < currentDigit) {
+                    position = -100; // Digits below current are above
+                }
+                else {
+                    position = 100; // Digits above current are below
+                }
+                wheelDigits.push(_jsx(Row, { center: true, position: "absolute", top: "0", left: "0", right: "0", bottom: "0", style: {
+                        height: "1em",
+                        width: "100%",
+                        transform: `translateY(${position * 2}%)`,
+                        transition: `all ${transitionDuration}s ease-out`,
+                        pointerEvents: "none",
+                    }, children: i }, i));
+            }
+            return (_jsx(Row, { align: "center", overflow: "hidden", inline: true, style: {
+                    height: "1em",
+                    width: "0.8em",
+                    marginLeft: "-0.125em",
+                    marginRight: "-0.125em",
+                    position: "relative",
+                    isolation: "isolate",
+                }, children: wheelDigits }, index));
+        }).reverse();
+    };
+    // Smooth animation: animate each digit independently from start to target
+    const renderSmoothDigits = (startValue, targetValue, progress) => {
+        const startStr = startValue.toString().padStart(targetValue.toString().length, "0");
+        const targetStr = targetValue.toString();
+        const maxLength = Math.max(startStr.length, targetStr.length);
+        return Array.from({ length: maxLength }, (_, index) => {
+            const startDigit = parseInt(startStr[maxLength - 1 - index] || "0");
+            const targetDigit = parseInt(targetStr[maxLength - 1 - index] || "0");
+            // Calculate the shortest path between digits (handles wrapping around 0-9)
+            let digitDifference = targetDigit - startDigit;
+            if (Math.abs(digitDifference) > 5) {
+                // Take the shorter path around the wheel
+                digitDifference = digitDifference > 0 ? digitDifference - 10 : digitDifference + 10;
+            }
+            // Calculate the current digit position based on progress
+            const currentDigitPosition = startDigit + digitDifference * progress;
+            // Create wheel effect for this digit
+            const wheelDigits = [];
+            for (let i = 0; i <= 9; i++) {
+                // Calculate the position of each digit in the wheel
+                let position = 0;
+                // Calculate the relative position of this digit to the current position
+                let relativePosition = i - currentDigitPosition;
+                // Handle wrapping around the wheel
+                if (relativePosition > 5)
+                    relativePosition -= 10;
+                if (relativePosition < -5)
+                    relativePosition += 10;
+                // Convert to percentage position
+                position = relativePosition * 200; // 200% for full wheel height
+                const opacity = Math.max(0, 1 - Math.abs(relativePosition) * 2);
+                wheelDigits.push(_jsx(Row, { center: true, position: "absolute", top: "0", left: "0", right: "0", bottom: "0", pointerEvents: "none", fillWidth: true, style: {
+                        height: '1em',
+                        transform: `translateY(${position}%)`,
+                        transition: 'none',
+                        opacity: opacity,
+                    }, children: i }, i));
+            }
+            return (_jsx(Row, { style: {
+                    height: '1em',
+                    marginLeft: '-0.125em',
+                    marginRight: '-0.125em',
+                }, children: _jsx(Row, { align: "center", inline: true, overflow: "hidden", style: {
+                        opacity: 1,
+                        height: '2em',
+                        width: '0.8em',
+                        isolation: 'isolate',
+                    }, children: wheelDigits }) }, index));
+        }).reverse();
+    };
+    useEffect(() => {
+        if (value === previousValueRef.current)
+            return;
+        const startValue = previousValueRef.current;
+        const endValue = value;
+        const difference = endValue - startValue;
+        let startTime;
+        const animate = (timestamp) => {
+            if (!startTime)
+                startTime = timestamp;
+            const elapsed = timestamp - startTime;
+            const progress = Math.min(elapsed / speed, 1);
+            const easedProgress = getEasing(progress);
+            if (effect === "wheel") {
+                // For wheel animation, we animate each digit independently
+                const currentValue = decimals !== undefined
+                    ? parseFloat((startValue + difference * easedProgress).toFixed(decimals))
+                    : Math.floor(startValue + difference * easedProgress);
+                setDisplayValue(currentValue);
+            }
+            else if (effect === "smooth") {
+                // For smooth animation, we track progress and animate digits independently
+                setAnimationProgress(easedProgress);
+                const currentValue = decimals !== undefined
+                    ? parseFloat((startValue + difference * easedProgress).toFixed(decimals))
+                    : Math.floor(startValue + difference * easedProgress);
+                setDisplayValue(currentValue);
+            }
+            else {
+                // Simple animation
+                const currentValue = startValue + difference * easedProgress;
+                const currentStepValue = decimals !== undefined
+                    ? parseFloat(currentValue.toFixed(decimals))
+                    : Math.floor(currentValue);
+                setDisplayValue(currentStepValue);
+            }
+            if (progress < 1) {
+                animationRef.current = requestAnimationFrame(animate);
+            }
+            else {
+                setDisplayValue(endValue);
+                setAnimationProgress(1);
+                previousValueRef.current = endValue;
+            }
+        };
+        if (animationRef.current) {
+            cancelAnimationFrame(animationRef.current);
+        }
+        animationRef.current = requestAnimationFrame(animate);
+        return () => {
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+            }
+        };
+    }, [value, speed, easing, effect]);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+            }
+        };
+    }, []);
+    if (effect === "wheel") {
+        return (_jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderWheelDigits(displayValue, value), children] }));
+    }
+    if (effect === "smooth") {
+        return (_jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderSmoothDigits(previousValueRef.current, value, animationProgress), children] }));
+    }
+    return (_jsxs(Text, { ...text, children: [formatValue(displayValue), children] }));
+};
+CountFx.displayName = "CountFx";
+export { CountFx };
+//# sourceMappingURL=CountFx.js.map