@studio-helga/once-ui-core 1.7.8

package/dist/components/Pulse.module.scss

@@ -0,0 +1,22 @@
+.position {
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+}
+
+.dot {
+  animation: pulse 2s infinite ease-out;
+  transform-origin: center;
+  pointer-events: none;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(0);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}

package/dist/components/RadioButton.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { InteractiveDetailsProps } from ".";
+interface RadioButtonProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
+    style?: React.CSSProperties;
+    className?: string;
+    isChecked?: boolean;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    onToggle?: () => void;
+}
+declare const RadioButton: React.FC<RadioButtonProps>;
+export { RadioButton };
+export type { RadioButtonProps };
+//# sourceMappingURL=RadioButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAA4B,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAGtE,UAAU,gBACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuF3C,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/RadioButton.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef } from "react";
+import classNames from "classnames";
+import { Flex, InteractiveDetails } from ".";
+import styles from "./SharedInteractiveStyles.module.scss";
+const generateId = () => `radio-${Math.random().toString(36).substring(2, 9)}`;
+const RadioButton = forwardRef(({ style, className, isChecked: controlledIsChecked, name, value, onToggle, disabled, ...props }, ref) => {
+    const [isChecked, setIsChecked] = useState(controlledIsChecked || false);
+    const [radioId] = useState(generateId());
+    useEffect(() => {
+        if (controlledIsChecked !== undefined) {
+            setIsChecked(controlledIsChecked);
+        }
+    }, [controlledIsChecked]);
+    const toggleItem = () => {
+        if (disabled)
+            return;
+        if (onToggle) {
+            onToggle();
+        }
+        else {
+            setIsChecked(!isChecked);
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (disabled)
+            return;
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            toggleItem();
+        }
+    };
+    return (_jsxs(Flex, { vertical: "center", gap: "16", zIndex: 1, className: classNames(styles.container, className, {
+            [styles.disabled]: disabled,
+        }), style: style, children: [_jsx("input", { type: "radio", ref: ref, name: name, value: value, checked: controlledIsChecked !== undefined ? controlledIsChecked : isChecked, onChange: toggleItem, disabled: disabled, className: styles.hidden, tabIndex: -1 }), _jsx(Flex, { role: "radio", "aria-checked": controlledIsChecked !== undefined ? controlledIsChecked : isChecked, "aria-labelledby": radioId, "aria-disabled": disabled, horizontal: "center", vertical: "center", radius: "full", onClick: toggleItem, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, cursor: disabled ? "not-allowed" : undefined, className: classNames(styles.element, {
+                    [styles.checked]: controlledIsChecked !== undefined ? controlledIsChecked : isChecked,
+                    [styles.disabled]: disabled,
+                }), children: (controlledIsChecked !== undefined ? controlledIsChecked : isChecked) && (_jsx(Flex, { style: {
+                        backgroundColor: "var(--neutral-on-solid-strong)",
+                    }, radius: "full", width: "12", height: "12", className: styles.icon })) }), props.label && (_jsx(InteractiveDetails, { disabled: disabled, id: radioId, ...props, onClick: toggleItem }))] }));
+});
+RadioButton.displayName = "RadioButton";
+export { RadioButton };
+//# sourceMappingURL=RadioButton.js.map

package/dist/components/RadioButton.js.map

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

package/dist/components/RevealFx.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { SpacingToken } from "../types";
+import { Flex } from ".";
+interface RevealFxProps extends React.ComponentProps<typeof Flex> {
+    children: React.ReactNode;
+    speed?: "slow" | "medium" | "fast" | number;
+    delay?: number;
+    revealedByDefault?: boolean;
+    translateY?: number | SpacingToken;
+    trigger?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const RevealFx: React.ForwardRefExoticComponent<Omit<RevealFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { RevealFx };
+//# sourceMappingURL=RevealFx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RevealFx.d.ts","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,mGA2Hb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/RevealFx.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, useRef } from "react";
+import styles from "./RevealFx.module.scss";
+import { Flex } from ".";
+const RevealFx = forwardRef(({ children, speed = "medium", delay = 0, revealedByDefault = false, translateY, trigger, style, className, ...rest }, ref) => {
+    const [isRevealed, setIsRevealed] = useState(revealedByDefault);
+    const [maskRemoved, setMaskRemoved] = useState(false);
+    const transitionTimeoutRef = useRef(null);
+    const getSpeedDurationMs = () => {
+        if (typeof speed === "number") {
+            return speed;
+        }
+        switch (speed) {
+            case "fast":
+                return 1000;
+            case "medium":
+                return 2000;
+            case "slow":
+                return 3000;
+            default:
+                return 2000;
+        }
+    };
+    const getSpeedDuration = () => {
+        const ms = getSpeedDurationMs();
+        return `${ms / 1000}s`;
+    };
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setIsRevealed(true);
+            // Always set a timeout to remove the mask after transition completes
+            transitionTimeoutRef.current = setTimeout(() => {
+                setMaskRemoved(true);
+            }, getSpeedDurationMs());
+        }, delay * 1000);
+        return () => {
+            clearTimeout(timer);
+            if (transitionTimeoutRef.current) {
+                clearTimeout(transitionTimeoutRef.current);
+            }
+        };
+    }, [delay]);
+    useEffect(() => {
+        if (trigger !== undefined) {
+            setIsRevealed(trigger);
+            // Reset mask removal state when trigger changes
+            setMaskRemoved(false);
+            // If trigger is true, set timeout to remove mask after transition
+            if (trigger) {
+                if (transitionTimeoutRef.current) {
+                    clearTimeout(transitionTimeoutRef.current);
+                }
+                transitionTimeoutRef.current = setTimeout(() => {
+                    setMaskRemoved(true);
+                }, getSpeedDurationMs());
+            }
+        }
+    }, [trigger]);
+    const getTranslateYValue = () => {
+        if (typeof translateY === "number") {
+            return `${translateY}rem`;
+        }
+        else if (typeof translateY === "string") {
+            return `var(--static-space-${translateY})`;
+        }
+        return undefined;
+    };
+    const translateValue = getTranslateYValue();
+    const revealStyle = {
+        transitionDuration: getSpeedDuration(),
+        transform: isRevealed ? "translateY(0)" : `translateY(${translateValue})`,
+        ...style,
+    };
+    // If mask is removed after transition, use the no-mask classes
+    if (maskRemoved) {
+        return (_jsx(Flex, { fillWidth: true, ref: ref, style: revealStyle, className: `${styles.revealedNoMask} ${className || ""}`, ...rest, children: children }));
+    }
+    return (_jsx(Flex, { fillWidth: true, ref: ref, style: revealStyle, className: `${styles.revealFx} ${isRevealed ? styles.revealed : styles.hidden} ${className || ""}`, ...rest, children: children }));
+});
+RevealFx.displayName = "RevealFx";
+export { RevealFx };
+//# sourceMappingURL=RevealFx.js.map

package/dist/components/RevealFx.js.map

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

package/dist/components/RevealFx.module.scss

@@ -0,0 +1,27 @@
+.revealFx {
+    mask-size: 400% 100%;
+    transition: all ease-in-out;
+    mask-image: linear-gradient(to right, black 0%, black 25%, transparent 50%);
+  
+    &.hidden {
+      mask-position: 100% 0;
+      filter: blur(1rem);
+    }
+  
+    &.revealed {
+      mask-position: 0 0;
+      filter: blur(0);
+    }
+}
+
+.hiddenNoMask {
+  transition: all ease-in-out;
+  filter: blur(0.5rem);
+  opacity: 0;
+}
+
+.revealedNoMask {
+  transition: all ease-in-out;
+  filter: blur(0);
+  opacity: 1;
+}

package/dist/components/Row.d.ts

@@ -0,0 +1,7 @@
+import { Flex } from ".";
+export interface RowProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+}
+declare const Row: import("react").ForwardRefExoticComponent<Omit<RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Row };
+//# sourceMappingURL=Row.d.ts.map

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

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

package/dist/components/Row.js

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

package/dist/components/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,GAAG,GAAG,UAAU,CAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACrB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/ScrollContainer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Row } from ".";
+export interface ScrollContainerProps extends React.ComponentProps<typeof Row> {
+    items: React.ReactNode[];
+    controlPlacement?: "top-start" | "top-center" | "top-end" | "top-between" | "bottom-start" | "bottom-center" | "bottom-end" | "bottom-between";
+}
+declare const ScrollContainer: React.FC<ScrollContainerProps>;
+export { ScrollContainer };
+//# sourceMappingURL=ScrollContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../src/components/ScrollContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAU,GAAG,EAAc,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAC5E,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,GAAG,YAAY,GAAG,gBAAgB,CAAC;CAChJ;AAUD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgGnD,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ScrollContainer.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useCallback } from "react";
+import { Column, Row, IconButton } from ".";
+const getHorizontalAlignment = (placement) => {
+    if (placement === "top-start" || placement === "bottom-start")
+        return "start";
+    if (placement === "top-end" || placement === "bottom-end")
+        return "end";
+    if (placement === "top-center" || placement === "bottom-center")
+        return "center";
+    if (placement === "top-between" || placement === "bottom-between")
+        return "between";
+    return "start";
+};
+const ScrollContainer = ({ items, controlPlacement = "top-start", ...flex }) => {
+    const scrollRef = useRef(null);
+    const [canScrollLeft, setCanScrollLeft] = useState(false);
+    const [canScrollRight, setCanScrollRight] = useState(true);
+    const checkScrollPosition = useCallback(() => {
+        const element = scrollRef.current;
+        if (!element)
+            return;
+        const { scrollLeft, scrollWidth, clientWidth } = element;
+        setCanScrollLeft(scrollLeft > 0);
+        setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 1);
+    }, []);
+    useEffect(() => {
+        const element = scrollRef.current;
+        if (!element)
+            return;
+        checkScrollPosition();
+        element.addEventListener("scroll", checkScrollPosition);
+        window.addEventListener("resize", checkScrollPosition);
+        return () => {
+            element.removeEventListener("scroll", checkScrollPosition);
+            window.removeEventListener("resize", checkScrollPosition);
+        };
+    }, [checkScrollPosition]);
+    const scroll = (direction) => {
+        const element = scrollRef.current;
+        if (!element)
+            return;
+        const firstChild = element.firstElementChild;
+        if (!firstChild)
+            return;
+        const gap = parseFloat(getComputedStyle(element).gap) || 0;
+        const tileWidth = firstChild.offsetWidth + gap;
+        const targetScroll = element.scrollLeft + (direction === "right" ? tileWidth : -tileWidth);
+        element.scrollTo({
+            left: targetScroll,
+            behavior: "smooth",
+        });
+    };
+    const isTopPlacement = controlPlacement.startsWith("top");
+    const horizontalAlignment = getHorizontalAlignment(controlPlacement);
+    return (_jsxs(Column, { fillWidth: true, gap: "8", direction: isTopPlacement ? "column" : "column-reverse", children: [_jsxs(Row, { fillWidth: true, gap: "8", paddingX: "24", horizontal: horizontalAlignment, children: [_jsx(IconButton, { icon: "chevronLeft", onClick: () => scroll("left"), disabled: !canScrollLeft, style: { border: "none" } }), _jsx(IconButton, { icon: "chevronRight", onClick: () => scroll("right"), disabled: !canScrollRight, style: { border: "none" } })] }), _jsx(Row, { ref: scrollRef, gap: "8", overflowX: "auto", style: {
+                    scrollSnapType: "x mandatory",
+                    scrollbarWidth: "none",
+                }, children: items.map((item, index) => (_jsx(Column, { maxWidth: 48, minWidth: 28, border: true, radius: "xl", overflow: "hidden", gap: "8", aspectRatio: "3/4", style: {
+                        scrollSnapAlign: "start",
+                        flexShrink: 0,
+                    }, ...flex, children: item }, index))) })] }));
+};
+ScrollContainer.displayName = "ScrollContainer";
+export { ScrollContainer };
+//# sourceMappingURL=ScrollContainer.js.map

package/dist/components/ScrollContainer.js.map

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

package/dist/components/ScrollLock.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from "react";
+interface ScrollLockProps {
+    enabled: boolean;
+    allowScrollInElement?: RefObject<HTMLElement | null>;
+}
+export declare const ScrollLock: ({ enabled, allowScrollInElement }: ScrollLockProps) => null;
+export {};
+//# sourceMappingURL=ScrollLock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollLock.d.ts","sourceRoot":"","sources":["../../src/components/ScrollLock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,GAAI,mCAAmC,eAAe,SAwH5E,CAAC"}

package/dist/components/ScrollLock.js

@@ -0,0 +1,112 @@
+"use client";
+import { useLayoutEffect, useRef } from "react";
+export const ScrollLock = ({ enabled, allowScrollInElement }) => {
+    const scrollPositionRef = useRef({ x: 0, y: 0 });
+    useLayoutEffect(() => {
+        if (!enabled)
+            return;
+        // Store current scroll position immediately
+        const scrollX = window.scrollX;
+        const scrollY = window.scrollY;
+        scrollPositionRef.current = { x: scrollX, y: scrollY };
+        // Restore scroll position after a microtask to catch any scroll that happens during mount
+        queueMicrotask(() => {
+            window.scrollTo(scrollX, scrollY);
+        });
+        // Check if an element can scroll in a given direction
+        const canScroll = (el, deltaY) => {
+            const style = window.getComputedStyle(el);
+            const overflowY = style.overflowY;
+            // Element must have scrollable overflow
+            if (overflowY !== 'auto' && overflowY !== 'scroll') {
+                return false;
+            }
+            const { scrollTop, scrollHeight, clientHeight } = el;
+            const hasOverflow = scrollHeight > clientHeight;
+            if (!hasOverflow)
+                return false;
+            // Check if we can scroll in the direction of the wheel
+            if (deltaY > 0) {
+                // Scrolling down - can we scroll more?
+                return scrollTop + clientHeight < scrollHeight;
+            }
+            else {
+                // Scrolling up - are we not at the top?
+                return scrollTop > 0;
+            }
+        };
+        // Find the scrollable parent of a target element within the allowed container
+        const findScrollableParent = (target, container, deltaY) => {
+            let current = target;
+            while (current && container.contains(current)) {
+                if (canScroll(current, deltaY)) {
+                    return current;
+                }
+                current = current.parentElement;
+            }
+            // Check the container itself
+            if (canScroll(container, deltaY)) {
+                return container;
+            }
+            return null;
+        };
+        // Prevent wheel scroll
+        const preventWheel = (e) => {
+            // Allow scroll if it's inside the allowed element AND that element can scroll
+            if (allowScrollInElement?.current) {
+                const target = e.target;
+                if (allowScrollInElement.current.contains(target)) {
+                    const scrollable = findScrollableParent(target, allowScrollInElement.current, e.deltaY);
+                    if (scrollable) {
+                        return; // Allow scroll within the scrollable element
+                    }
+                }
+            }
+            e.preventDefault();
+        };
+        // Prevent touch scroll
+        let touchStartY = 0;
+        const handleTouchStart = (e) => {
+            touchStartY = e.touches[0].clientY;
+        };
+        const preventTouch = (e) => {
+            if (allowScrollInElement?.current) {
+                const target = e.target;
+                if (allowScrollInElement.current.contains(target)) {
+                    const deltaY = touchStartY - e.touches[0].clientY;
+                    const scrollable = findScrollableParent(target, allowScrollInElement.current, deltaY);
+                    if (scrollable) {
+                        return;
+                    }
+                }
+            }
+            e.preventDefault();
+        };
+        // Prevent keyboard scrolling
+        const preventKeyScroll = (e) => {
+            const scrollKeys = ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "];
+            if (scrollKeys.includes(e.key)) {
+                if (allowScrollInElement?.current) {
+                    const target = e.target;
+                    if (allowScrollInElement.current.contains(target)) {
+                        return;
+                    }
+                }
+                e.preventDefault();
+            }
+        };
+        // Use capture phase to intercept events before they reach targets
+        window.addEventListener("wheel", preventWheel, { passive: false, capture: true });
+        window.addEventListener("touchstart", handleTouchStart, { passive: true, capture: true });
+        window.addEventListener("touchmove", preventTouch, { passive: false, capture: true });
+        window.addEventListener("keydown", preventKeyScroll, { capture: true });
+        return () => {
+            window.removeEventListener("wheel", preventWheel, { capture: true });
+            window.removeEventListener("touchstart", handleTouchStart, { capture: true });
+            window.removeEventListener("touchmove", preventTouch, { capture: true });
+            window.removeEventListener("keydown", preventKeyScroll, { capture: true });
+        };
+    }, [enabled, allowScrollInElement]);
+    return null;
+};
+//# sourceMappingURL=ScrollLock.js.map

package/dist/components/ScrollLock.js.map

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

package/dist/components/ScrollToTop.d.ts

@@ -0,0 +1,7 @@
+import { Flex } from ".";
+interface ScrollToTopProps extends React.ComponentProps<typeof Flex> {
+    offset?: number;
+}
+export declare const ScrollToTop: ({ children, offset, className, ...rest }: ScrollToTopProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ScrollToTop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,0CAAgD,gBAAgB,4CAoC3F,CAAC"}

package/dist/components/ScrollToTop.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Flex } from ".";
+import styles from "./ScrollToTop.module.scss";
+import classNames from "classnames";
+export const ScrollToTop = ({ children, offset = 300, className, ...rest }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const handleScroll = () => {
+        setIsVisible(window.scrollY > offset);
+    };
+    const scrollToTop = () => {
+        window.scrollTo({
+            top: 0,
+            behavior: "smooth",
+        });
+    };
+    useEffect(() => {
+        window.addEventListener("scroll", handleScroll);
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, []);
+    return (_jsx(Flex, { onClick: scrollToTop, "aria-hidden": !isVisible, position: "fixed", bottom: "16", right: "16", className: classNames(styles.scrollToTop, className), "data-visible": isVisible, tabIndex: isVisible ? 0 : -1, zIndex: isVisible ? 8 : 0, cursor: "pointer", ...rest, children: children }));
+};
+//# sourceMappingURL=ScrollToTop.js.map

package/dist/components/ScrollToTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE;IAC9F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,WAAW,iBACP,CAAC,SAAS,EACvB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,kBACtC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,MAAM,EAAC,SAAS,KACZ,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ScrollToTop.module.scss

@@ -0,0 +1,11 @@
+.scrollToTop {
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 200ms ease-in-out, visibility 0ms linear 200ms;
+
+  &[data-visible="true"] {
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 200ms ease-in-out, visibility 0ms linear;
+  }
+}

package/dist/components/Scroller.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Flex, BaseColor } from ".";
+import { RadiusSize } from "@/types";
+interface ScrollerProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+    direction?: "row" | "column";
+    fadeColor?: BaseColor;
+    onItemClick?: (index: number) => void;
+    radius?: RadiusSize;
+}
+declare const Scroller: React.FC<ScrollerProps>;
+export { Scroller };
+export type { ScrollerProps };
+//# sourceMappingURL=Scroller.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scroller.d.ts","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAc,SAAS,EAAQ,MAAM,GAAG,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAOD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoLrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}