@once-ui-system/core 1.4.32 → 1.5.0

package/dist/components/Swiper.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Media, Column, Row, IconButton } from ".";
+import { useEffect, useState, useRef, useCallback } from "react";
+import styles from "./Swiper.module.scss";
+const Swiper = ({ items = [], fill = false, controls = true, priority = false, indicator = true, aspectRatio = "16 / 9", sizes, ...rest }) => {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [isDragging, setIsDragging] = useState(false);
+    const scrollContainerRef = useRef(null);
+    const slideRefs = useRef([]);
+    const isScrollingProgrammatically = useRef(false);
+    const dragStartX = useRef(0);
+    const scrollStartLeft = useRef(0);
+    const [scrollSnapType, setScrollSnapType] = useState("x mandatory");
+    // Observe scroll position to update active index
+    useEffect(() => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => {
+            if (isScrollingProgrammatically.current)
+                return;
+            const scrollLeft = container.scrollLeft;
+            const slideWidth = container.clientWidth;
+            const newIndex = Math.round(scrollLeft / slideWidth);
+            if (newIndex !== activeIndex && newIndex >= 0 && newIndex < items.length) {
+                setActiveIndex(newIndex);
+            }
+        };
+        // Use Intersection Observer for more accurate detection
+        const observerOptions = {
+            root: container,
+            threshold: 0.5,
+        };
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const index = slideRefs.current.indexOf(entry.target);
+                    if (index !== -1 && index !== activeIndex) {
+                        setActiveIndex(index);
+                    }
+                }
+            });
+        }, observerOptions);
+        slideRefs.current.forEach((slide) => {
+            if (slide)
+                observer.observe(slide);
+        });
+        container.addEventListener("scroll", handleScroll, { passive: true });
+        return () => {
+            observer.disconnect();
+            container.removeEventListener("scroll", handleScroll);
+        };
+    }, [activeIndex, items.length]);
+    const scrollToIndex = useCallback((index) => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        isScrollingProgrammatically.current = true;
+        const slideWidth = container.clientWidth;
+        container.scrollTo({
+            left: slideWidth * index,
+            behavior: "smooth",
+        });
+        // Reset flag after scroll animation completes
+        setTimeout(() => {
+            isScrollingProgrammatically.current = false;
+            setActiveIndex(index);
+        }, 500);
+    }, []);
+    const handlePrevClick = () => {
+        if (activeIndex > 0) {
+            scrollToIndex(activeIndex - 1);
+        }
+    };
+    const handleNextClick = () => {
+        if (activeIndex < items.length - 1) {
+            scrollToIndex(activeIndex + 1);
+        }
+    };
+    const handleDotClick = (index) => {
+        scrollToIndex(index);
+    };
+    // Drag-to-scroll handlers
+    const handleMouseDown = (e) => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        setIsDragging(true);
+        setScrollSnapType("none"); // Disable snap during drag
+        dragStartX.current = e.pageX;
+        scrollStartLeft.current = container.scrollLeft;
+    };
+    // Use native event listeners for global mouse tracking
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        const handleMouseMove = (e) => {
+            e.preventDefault();
+            const x = e.pageX;
+            const walk = (dragStartX.current - x) * 1.5; // Drag sensitivity
+            container.scrollLeft = scrollStartLeft.current + walk;
+        };
+        const handleMouseUp = () => {
+            // Find the nearest slide and snap to it
+            const slideWidth = container.clientWidth;
+            const currentScroll = container.scrollLeft;
+            const nearestIndex = Math.round(currentScroll / slideWidth);
+            const targetScroll = nearestIndex * slideWidth;
+            // Smooth scroll to nearest slide
+            container.scrollTo({
+                left: targetScroll,
+                behavior: 'smooth'
+            });
+            setActiveIndex(nearestIndex);
+            setIsDragging(false);
+            // Re-enable snap after a brief delay to let smooth scroll complete
+            setTimeout(() => {
+                setScrollSnapType("x mandatory");
+            }, 300);
+        };
+        // Add global listeners to track mouse anywhere
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [isDragging]);
+    if (items.length === 0) {
+        return null;
+    }
+    return (_jsxs(Column, { fillWidth: true, fillHeight: fill, aspectRatio: undefined, style: { isolation: "isolate" }, ...rest, children: [_jsxs(Flex, { fillWidth: true, fillHeight: fill, aspectRatio: aspectRatio === "original" ? undefined : aspectRatio, className: styles.carouselContainer, children: [_jsx(Flex, { fillWidth: true, fillHeight: fill, radius: rest.radius || "l", border: rest.border || "neutral-alpha-weak", overflow: "hidden", children: _jsx(Row, { ref: scrollContainerRef, fillWidth: true, fillHeight: fill, className: styles.scrollContainer, onMouseDown: handleMouseDown, overflowX: "auto", style: {
+                                scrollSnapType: scrollSnapType,
+                                scrollbarWidth: "none",
+                                msOverflowStyle: "none",
+                                WebkitOverflowScrolling: "touch",
+                                cursor: isDragging ? "grabbing" : "grab",
+                                userSelect: "none",
+                            }, children: items.map((item, index) => (_jsx(Flex, { ref: (el) => {
+                                    slideRefs.current[index] = el;
+                                }, fillWidth: true, fillHeight: fill, className: styles.slide, style: {
+                                    scrollSnapAlign: "start",
+                                    scrollSnapStop: "always",
+                                    flexShrink: 0,
+                                }, children: typeof item.slide === "string" ? (_jsx(Media, { fill: fill, sizes: sizes, priority: priority && index === 0, aspectRatio: fill ? undefined : aspectRatio === "auto" ? undefined : aspectRatio, src: item.slide, alt: item.alt || "", onDragStart: (e) => e.preventDefault(), style: {
+                                        userSelect: "none",
+                                    } })) : (_jsx(Flex, { fill: true, aspectRatio: fill ? undefined : aspectRatio === "auto" ? undefined : aspectRatio, onDragStart: (e) => e.preventDefault(), style: {
+                                        userSelect: "none",
+                                    }, children: item.slide })) }, index))) }) }), controls && items.length > 1 && (_jsxs(_Fragment, { children: [activeIndex > 0 && (_jsx(Flex, { position: "absolute", left: "16", zIndex: 1, className: styles.navButton, style: { top: "50%", transform: "translateY(-50%)" }, children: _jsx(Flex, { radius: "l", background: "surface", overflow: "hidden", children: _jsx(IconButton, { onClick: handlePrevClick, variant: "secondary", icon: "chevronLeft", "aria-label": "Previous slide" }) }) })), activeIndex < items.length - 1 && (_jsx(Flex, { position: "absolute", right: "16", zIndex: 1, className: styles.navButton, style: { top: "50%", transform: "translateY(-50%)" }, children: _jsx(Flex, { radius: "l", background: "surface", overflow: "hidden", children: _jsx(IconButton, { onClick: handleNextClick, variant: "secondary", icon: "chevronRight", "aria-label": "Next slide" }) }) }))] }))] }), indicator && items.length > 1 && (_jsx(Row, { gap: "8", fillWidth: true, horizontal: "center", paddingX: "16", paddingTop: controls === "contained" ? undefined : "12", position: controls === "contained" ? "absolute" : "relative", bottom: controls === "contained" ? "16" : undefined, style: {
+                    transform: controls === "contained" ? "translateY(-100%)" : undefined,
+                }, children: items.map((_, index) => (_jsx(Flex, { radius: "full", cursor: "interactive", onClick: () => handleDotClick(index), width: "8", height: "8", style: {
+                        background: activeIndex === index
+                            ? "var(--neutral-on-background-strong)"
+                            : "var(--neutral-alpha-medium)",
+                        transition: "background 0.3s ease, transform 0.3s ease",
+                        transform: activeIndex === index ? "scale(1.2)" : "scale(1)",
+                    }, "aria-label": `Go to slide ${index + 1}`, role: "button", tabIndex: 0, onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            handleDotClick(index);
+                        }
+                    } }, index))) }))] }));
+};
+Swiper.displayName = "Swiper";
+export { Swiper };
+//# sourceMappingURL=Swiper.js.map

package/dist/components/Swiper.js.map

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

package/dist/components/Swiper.module.scss

@@ -0,0 +1,31 @@
+.scrollContainer {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+.slide {
+  flex-shrink: 0;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+.carouselContainer {
+  @media (hover: hover) and (pointer: fine) {
+    &:hover .navButton,
+    &:focus-within .navButton {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+}
+
+.navButton {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  pointer-events: none;
+
+  @media (hover: none) {
+    display: none;
+  }
+}

package/dist/components/Switch.module.scss

@@ -78,7 +78,7 @@
 }
 
 .container:hover .element::before,
-.element:focus-within::before {
+.element:focus-visible::before {
     content: '';
     position: absolute;
     top: 50%;

package/dist/components/Textarea.d.ts

@@ -11,6 +11,7 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     className?: string;
     hasPrefix?: ReactNode;
     hasSuffix?: ReactNode;
+    characterCount?: boolean;
     resize?: "horizontal" | "vertical" | "both" | "none";
     validate?: (value: ReactNode) => ReactNode | null;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;CACnD;AAED,QAAA,MAAM,QAAQ,2FA8Lb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;CACnD;AAED,QAAA,MAAM,QAAQ,2FA+Mb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Textarea.js

@@ -5,7 +5,7 @@ import classNames from "classnames";
 import { Column, Row, Text } from ".";
 import styles from "./Input.module.scss";
 import { useDebounce } from "../hooks/useDebounce";
-const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, resize = "vertical", validate, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
+const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, characterCount, resize = "vertical", validate, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
     const [isFocused, setIsFocused] = useState(false);
     const [isFilled, setIsFilled] = useState(!!props.value);
     const [validationError, setValidationError] = useState(null);
@@ -88,7 +88,11 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
                                     height: height ? `${height}rem` : "auto",
                                 }, onChange: handleChange }), !placeholder && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
                                     [styles.floating]: isFocused || isFilled,
-                                }), children: label })), children] }), hasSuffix && (_jsx(Row, { paddingRight: "12", className: styles.suffix, children: hasSuffix }))] }), displayError && errorMessage !== false && (_jsx(Row, { paddingX: "16", id: `${id}-error`, textVariant: "body-default-s", onBackground: "danger-weak", children: displayError })), description && (_jsx(Row, { paddingX: "16", id: `${id}-description`, textVariant: "body-default-s", onBackground: "neutral-weak", children: description }))] }));
+                                }), children: label })), children, characterCount && props.maxLength && (_jsx(Row, { fillWidth: true, paddingLeft: "16", paddingY: "8", className: styles.suffix, children: _jsx(Text, { variant: "label-default-s", onBackground: props.maxLength - String(props.value || '').length <= 5
+                                        ? "danger-weak"
+                                        : props.maxLength - String(props.value || '').length <= 10
+                                            ? "warning-weak"
+                                            : "neutral-weak", children: props.maxLength - String(props.value || '').length }) }))] }), hasSuffix && (_jsx(Row, { paddingRight: "12", className: styles.suffix, children: hasSuffix }))] }), displayError && errorMessage !== false && (_jsx(Row, { paddingX: "16", id: `${id}-error`, textVariant: "body-default-s", onBackground: "danger-weak", children: displayError })), description && (_jsx(Row, { paddingX: "16", id: `${id}-description`, textVariant: "body-default-s", onBackground: "neutral-weak", children: description }))] }));
 });
 Textarea.displayName = "Textarea";
 export { Textarea };

package/dist/components/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EAEV,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA2BnD,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,WAAW,EACX,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAC/E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1C,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,CAAC,uBAAuB;QACrG,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA6C,EAAE,EAAE;QACrE,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,YAAY,EAAE,CAAC;QACjB,CAAC;QACD,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAA4C,EAAE,EAAE;QACnE,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAA4C,EAAE,EAAE;QAClE,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;YACvC,IAAI,KAAK,EAAE,CAAC;gBACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,kBAAkB,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,eAAe,IAAI,YAAY,CAAC;IAErD,MAAM,kBAAkB,GAAG,UAAU,CACnC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,QAAQ,EACf,WAAW,EACX,cAAc,EACd,QAAQ,EACR;QACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;QACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS;QAC3B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS;QAC9B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS;QAC9B,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW;QACjC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,QAAQ;KAC/B,CACF,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,GAAG,EAAC,GAAG,EACP,SAAS,QACT,SAAS,QACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,YAAY,IAAI,cAAc,KAAK,EAAE;SACtD,CAAC,aAEF,MAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpC,UAAU,EAAC,cAAc,EACzB,MAAM,EAAC,gBAAgB,EACvB,UAAU,EAAC,oBAAoB,EAC/B,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,CAAC,YAAY,EAC5D,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,MAAM,EAAE,CAAC,CAAC,CAAC,UAAU,CAC/E,aAEA,SAAS,IAAI,CACZ,KAAC,GAAG,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3C,SAAS,GACN,CACP,EACD,MAAC,MAAM,IAAC,SAAS,mBACf,sBACM,KAAK,EACT,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;wCAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;oCACZ,CAAC;yCAAM,IAAI,GAAG,EAAE,CAAC;wCACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;oCACrB,CAAC;oCACD,aAAa;oCACb,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;gCAC7B,CAAC,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC3C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,kBAAkB,sBACX,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,kBAC5C,CAAC,CAAC,YAAY,EAC5B,KAAK,EAAE;oCACL,GAAG,KAAK;oCACR,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;oCAC1C,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,MAAM;iCACzC,EACD,QAAQ,EAAE,YAAY,GACtB,EACD,CAAC,WAAW,IAAI,CACf,KAAC,IAAI,IACH,EAAE,EAAC,OAAO,EACV,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE;oCACxD,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,IAAI,QAAQ;iCACzC,CAAC,YAED,KAAK,GACD,CACR,EACA,QAAQ,IACF,EACR,SAAS,IAAI,CACZ,KAAC,GAAG,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC5C,SAAS,GACN,CACP,IACG,EACL,YAAY,IAAI,YAAY,KAAK,KAAK,IAAI,CACzC,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,aAAa,YAC1F,YAAY,GACT,CACP,EACA,WAAW,IAAI,CACd,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,YACjG,WAAW,GACR,CACP,IACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}

package/dist/components/TiltFx.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { Flex } from ".";
 interface TiltFxProps extends React.ComponentProps<typeof Flex> {
     children: React.ReactNode;
+    intensity?: number;
 }
 declare const TiltFx: React.FC<TiltFxProps>;
 export { TiltFx };

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

@@ -1 +1 @@
-{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4DjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/TiltFx.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import styles from "./TiltFx.module.scss";
 import { Flex } from ".";
-const TiltFx = ({ children, ...rest }) => {
+const TiltFx = ({ children, intensity = 1, ...rest }) => {
     const ref = useRef(null);
     let lastCall = 0;
     let resetTimeout;
@@ -25,10 +25,11 @@ const TiltFx = ({ children, ...rest }) => {
         const centerY = rect.height / 2;
         const deltaX = (offsetX - centerX) / centerX;
         const deltaY = (offsetY - centerY) / centerY;
-        const rotateX = -deltaY * 2;
-        const rotateY = -deltaX * 2;
+        const rotateX = -deltaY * 2 * intensity;
+        const rotateY = -deltaX * 2 * intensity;
+        const translateZ = 30 * intensity;
         window.requestAnimationFrame(() => {
-            element.style.transform = `perspective(1000px) translate3d(0, 0, 30px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+            element.style.transform = `perspective(1000px) translate3d(0, 0, ${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
         });
     };
     const handleMouseLeave = () => {

package/dist/components/TiltFx.js.map

@@ -1 +1 @@
-{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,YAA4B,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,QAAQ,GAAG,EAAE;YAAE,OAAO;QAChC,QAAQ,GAAG,GAAG,CAAC;QAEf,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAE7C,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5B,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAE5B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,uDAAuD,OAAO,gBAAgB,OAAO,MAAM,CAAC;QACxH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,sEAAsE,CAAC;YAC3E,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,KAC1B,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAOzB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7E,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,YAA4B,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,QAAQ,GAAG,EAAE;YAAE,OAAO;QAChC,QAAQ,GAAG,GAAG,CAAC;QAEf,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAE7C,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;QACxC,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;QACxC,MAAM,UAAU,GAAG,EAAE,GAAG,SAAS,CAAC;QAElC,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,yCAAyC,UAAU,eAAe,OAAO,gBAAgB,OAAO,MAAM,CAAC;QACnI,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,sEAAsE,CAAC;YAC3E,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,KAC1B,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/Timeline.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Flex } from ".";
+import { TShirtSizes } from "@/types";
+export interface TimelineItem {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    state?: "default" | "active" | "success" | "danger";
+    marker?: React.ReactNode;
+    children?: React.ReactNode;
+}
+interface TimelineProps extends Omit<React.ComponentProps<typeof Flex>, 'children'> {
+    items: TimelineItem[];
+    alignment?: "left" | "right";
+    size?: TShirtSizes;
+}
+declare const Timeline: React.FC<TimelineProps>;
+export { Timeline };
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAc,MAAM,GAAG,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4GrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Timeline.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Column, Flex, Line, Text } from ".";
+const Timeline = ({ items, alignment = "left", size = "m", ...flex }) => {
+    // Helper to get color variable for state
+    const getStateColor = (state) => {
+        switch (state) {
+            case "active": return "var(--brand-solid-strong)";
+            case "success": return "var(--success-solid-strong)";
+            case "danger": return "var(--danger-solid-strong)";
+            default: return "var(--neutral-solid-strong)";
+        }
+    };
+    return (_jsx(Column, { ...flex, children: items.map((item, index) => {
+            const state = item.state || "default";
+            const nextState = index < items.length - 1 ? (items[index + 1].state || "default") : state;
+            const currentColor = getStateColor(state);
+            const nextColor = getStateColor(nextState);
+            const isHorizontal = flex.direction === "row";
+            const gradientToNext = isHorizontal
+                ? `linear-gradient(to right, ${currentColor}, ${nextColor})`
+                : `linear-gradient(to bottom, ${currentColor}, ${nextColor})`;
+            return (_jsxs(Flex, { direction: isHorizontal ? "column" : alignment === "right" ? "row-reverse" : undefined, fillWidth: true, children: [_jsxs(Column, { fillWidth: true, horizontal: "center", marginTop: isHorizontal ? undefined : index === 0 ? (size === "xl" ? "8" : size === "l" ? "12" : size === "m" ? "16" : size === "s" ? "20" : "16") : undefined, vertical: isHorizontal ? "center" : undefined, direction: isHorizontal ? "row" : "column", minWidth: !isHorizontal ? (size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48") : undefined, maxWidth: !isHorizontal ? (size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48") : undefined, children: [index !== 0 && (_jsx(Line, { vert: !isHorizontal, background: undefined, solid: state === "active" ? "brand-strong" : state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : "neutral-strong", minHeight: flex.direction === "row" ? undefined : "8", maxHeight: flex.direction === "row" ? undefined : "8" })), _jsx(Flex, { fillWidth: true, center: true, radius: "full", solid: state === "active" ? "brand-strong" : state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : undefined, background: state === "default" ? "neutral-weak" : undefined, border: state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : state === "active" ? "brand-strong" : "neutral-strong", minHeight: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", maxHeight: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", minWidth: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", maxWidth: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", children: item.marker && (_jsx(Flex, { center: true, onSolid: state === "active" ? "brand-strong" : state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : undefined, onBackground: state === "default" ? "neutral-weak" : undefined, textVariant: "label-default-m", children: item.marker })) }), index !== items.length - 1 && (_jsx(Line, { vert: !isHorizontal, background: undefined, style: { background: gradientToNext } }))] }), _jsx(Column, { fillWidth: true, paddingX: "20", paddingTop: "12", paddingBottom: "24", horizontal: isHorizontal && index === 0 ? "start" : isHorizontal && index === items.length - 1 ? "end" : isHorizontal ? "center" : undefined, align: isHorizontal && index === 0 ? "left" : isHorizontal && index === items.length - 1 ? "right" : isHorizontal ? "center" : alignment === "right" ? "right" : undefined, gap: "2", children: _jsxs(_Fragment, { children: [item.label && (_jsx(Text, { variant: "label-default-m", onBackground: state === "danger" ? "danger-weak" : undefined, children: item.label })), item.description && (_jsx(Text, { variant: "body-default-s", onBackground: state === "danger" ? "danger-weak" : "neutral-weak", children: item.description })), item.children] }) })] }, index));
+        }) }));
+};
+Timeline.displayName = "Timeline";
+export { Timeline };
+//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline.js.map

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

package/dist/components/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
-import { Flex } from ".";
+import { Row } from ".";
 import { IconName } from "../icons";
-interface TooltipProps extends React.ComponentProps<typeof Flex> {
+interface TooltipProps extends React.ComponentProps<typeof Row> {
     label: ReactNode;
     prefixIcon?: IconName;
     suffixIcon?: IconName;

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAQ,MAAM,GAAG,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,kGAoCZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAQ,GAAG,EAAE,MAAM,GAAG,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,kGAoCZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Tooltip.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames";
-import { Flex, Icon } from ".";
+import { Icon, Row } from ".";
+import styles from "./Tooltip.module.scss";
 const Tooltip = forwardRef(({ label, prefixIcon, suffixIcon, className, style, ...flex }, ref) => {
-    return (_jsxs(Flex, { m: { hide: true }, ref: ref, style: {
+    return (_jsxs(Row, { m: { hide: true }, ref: ref, style: {
             whiteSpace: "nowrap",
             userSelect: "none",
             ...style,
-        }, vertical: "center", gap: "4", zIndex: 1, background: "surface", paddingY: "4", paddingX: "8", radius: "s", border: "neutral-medium", role: "tooltip", className: classNames(className), ...flex, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: "xs" }), _jsx(Flex, { paddingX: "2", vertical: "center", textVariant: "body-default-xs", onBackground: "neutral-strong", children: label }), suffixIcon && _jsx(Icon, { name: suffixIcon, size: "xs" })] }));
+        }, vertical: "center", gap: "4", zIndex: 1, background: "surface", paddingY: "4", paddingX: "8", radius: "s", border: "neutral-medium", role: "tooltip", className: classNames(styles.fadeIn, className), ...flex, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: "xs" }), _jsx(Row, { paddingX: "2", vertical: "center", textVariant: "body-default-xs", onBackground: "neutral-strong", children: label }), suffixIcon && _jsx(Icon, { name: suffixIcon, size: "xs" })] }));
 });
 Tooltip.displayName = "Tooltip";
 export { Tooltip };

package/dist/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAW/B,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,OAAO,CACL,MAAC,IAAI,IACH,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,GAAG,KAAK;SACT,EACD,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,EACP,MAAM,EAAE,CAAC,EACT,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAC5B,IAAI,aAEP,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,EACnD,KAAC,IAAI,IACH,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAC,gBAAgB,YAE5B,KAAK,GACD,EACN,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,IAC9C,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAE9B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,OAAO,CACL,MAAC,GAAG,IACF,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,GAAG,KAAK;SACT,EACD,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,EACP,MAAM,EAAE,CAAC,EACT,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,KAC3C,IAAI,aAEP,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,EACnD,KAAC,GAAG,IACF,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAC,gBAAgB,YAE5B,KAAK,GACF,EACL,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,IAC/C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Tooltip.module.scss

@@ -0,0 +1,14 @@
+@keyframes tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.fadeIn {
+  animation: tooltipFadeIn 0.15s ease-in;
+}

package/dist/components/TypeFx.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Text } from ".";
+export interface TypeFxProps extends Omit<React.ComponentProps<typeof Text>, 'children'> {
+    words: string | string[];
+    speed?: number;
+    delay?: number;
+    hold?: number;
+    trigger?: "instant" | "custom";
+    onTrigger?: (triggerFn: () => void) => void;
+    loop?: boolean;
+    children?: React.ReactNode;
+}
+declare const TypeFx: React.FC<TypeFxProps>;
+export { TypeFx };
+//# sourceMappingURL=TypeFx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeFx.d.ts","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACtF,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiIjC,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/TypeFx.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import { Text } from ".";
+const TypeFx = ({ words, speed = 100, delay = 0, hold = 2000, trigger = "instant", onTrigger, loop = true, children, ...text }) => {
+    const [displayText, setDisplayText] = useState("");
+    const [isComplete, setIsComplete] = useState(false);
+    const isRunningRef = useRef(false);
+    const timeoutRef = useRef(null);
+    const hasTriggeredRef = useRef(false);
+    const prevWordsRef = useRef(words);
+    // Store config in refs to avoid re-creating typeText on every prop change
+    const configRef = useRef({ speed, delay, hold, loop });
+    configRef.current = { speed, delay, hold, loop };
+    const wordsRef = useRef(Array.isArray(words) ? words : [words]);
+    wordsRef.current = Array.isArray(words) ? words : [words];
+    const typeText = useCallback(async () => {
+        if (isRunningRef.current)
+            return;
+        hasTriggeredRef.current = true;
+        isRunningRef.current = true;
+        const wordsArray = wordsRef.current;
+        const isSingleWord = wordsArray.length === 1;
+        const { speed, delay, hold, loop } = configRef.current;
+        // Initial delay
+        if (delay > 0) {
+            await new Promise((resolve) => {
+                timeoutRef.current = window.setTimeout(resolve, delay);
+            });
+        }
+        let currentIndex = 0;
+        while (true) {
+            const currentWord = wordsArray[currentIndex];
+            // Type out the word
+            for (let i = 0; i <= currentWord.length; i++) {
+                if (!isRunningRef.current)
+                    return;
+                setDisplayText(currentWord.substring(0, i));
+                await new Promise((resolve) => {
+                    timeoutRef.current = window.setTimeout(resolve, speed);
+                });
+            }
+            // If single word, stop here
+            if (isSingleWord) {
+                setIsComplete(true);
+                isRunningRef.current = false;
+                return;
+            }
+            // Hold the complete text
+            await new Promise((resolve) => {
+                timeoutRef.current = window.setTimeout(resolve, hold);
+            });
+            // Delete the word
+            for (let i = currentWord.length; i >= 0; i--) {
+                if (!isRunningRef.current)
+                    return;
+                setDisplayText(currentWord.substring(0, i));
+                await new Promise((resolve) => {
+                    timeoutRef.current = window.setTimeout(resolve, speed / 2); // Delete faster
+                });
+            }
+            // Move to next word
+            currentIndex = (currentIndex + 1) % wordsArray.length;
+            // If not looping and we're back at the start, stop
+            if (!loop && currentIndex === 0) {
+                isRunningRef.current = false;
+                return;
+            }
+            // Small pause before typing next word
+            await new Promise((resolve) => {
+                timeoutRef.current = window.setTimeout(resolve, speed);
+            });
+        }
+    }, []); // Empty deps since all values are in refs
+    useEffect(() => {
+        if (trigger === "instant" && !hasTriggeredRef.current) {
+            hasTriggeredRef.current = true;
+            typeText();
+        }
+        else if (trigger === "custom" && onTrigger && !hasTriggeredRef.current) {
+            hasTriggeredRef.current = true;
+            onTrigger(typeText);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // Only run on mount - typeText is stable via useCallback
+    // Reset when words actually change
+    useEffect(() => {
+        // Check if words actually changed
+        const wordsChanged = prevWordsRef.current !== words;
+        if (!wordsChanged)
+            return;
+        prevWordsRef.current = words;
+        isRunningRef.current = false;
+        hasTriggeredRef.current = false;
+        if (timeoutRef.current !== null) {
+            clearTimeout(timeoutRef.current);
+        }
+        setDisplayText("");
+        setIsComplete(false);
+    }, [words]);
+    return (_jsxs(Text, { ...text, children: [children, displayText, !isComplete && _jsx("span", { style: { opacity: 0.5 }, children: "|" })] }));
+};
+TypeFx.displayName = "TypeFx";
+export { TypeFx };
+//# sourceMappingURL=TypeFx.js.map