@studio-helga/once-ui-core 1.7.8

package/dist/components/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../src/components/Arrow.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAUzB,MAAM,KAAK,GAAyB,CAAC,EACnC,OAAO,EACP,KAAK,GAAG,GAAG,EACX,KAAK,GAAG,cAAc,EACtB,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAEvD,IAAI,cAAc,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAClC,MAAM,eAAe,GAAG,GAAG,EAAE;gBAC3B,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC5C,CAAC,CAAC;YAEF,MAAM,cAAc,GAAG,GAAG,EAAE;gBAC1B,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC/C,CAAC,CAAC;YAEF,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;YAC/D,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;YAE9D,OAAO,GAAG,EAAE;gBACV,cAAc,CAAC,mBAAmB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;gBAClE,cAAc,CAAC,mBAAmB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;YACnE,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,MAAM,QACN,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,KAAK,GAAG;YAC5B,GAAG,KAAK;SACT,KACG,IAAI,aAER,KAAC,IAAI,IACH,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EACtD,MAAM,EAAE,MAAM,GACd,EACF,KAAC,IAAI,IACH,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EACtD,MAAM,EAAE,MAAM,GACd,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Arrow.module.scss

@@ -0,0 +1,39 @@
+.arrowContainer {
+    transition: var(--transition-micro-medium);
+    height: var(--static-space-16);
+    width: var(--static-space-0);
+    visibility: hidden;
+}
+
+.arrowHead {
+    transition: var(--transition-micro-medium);
+    width: var(--static-space-0);
+    right: 0;
+    transform-origin: right center;
+    transform: rotate(0);
+}
+
+.active {
+    width: var(--static-space-16);
+    visibility: visible;
+
+    .arrowHead {
+        width: var(--static-space-8);
+    }
+
+    .arrowHead:nth-child(1) {
+        transform: rotate(45deg);
+    }
+
+    .arrowHead:nth-child(2) {
+        transform: rotate(-45deg);
+    }
+}
+
+.onSolid {
+    background: var(--brand-on-solid-strong);
+}
+
+.onBackground {
+    background: var(--brand-on-background-strong);
+}

package/dist/components/ArrowNavigationContext.d.ts

@@ -0,0 +1,33 @@
+import React, { ReactNode } from "react";
+import { ArrowNavigationOptions } from "../hooks/useArrowNavigation";
+interface ArrowNavigationContextType {
+    focusedIndex: number;
+    setFocusedIndex: (index: number) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+    applyHighlightedState: () => void;
+}
+export interface ArrowNavigationProps extends Omit<ArrowNavigationOptions, "containerRef"> {
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    role?: string;
+    "aria-label"?: string;
+    trapFocus?: boolean;
+    focusTrapActive?: boolean;
+    onEscape?: () => void;
+    autoFocusTrap?: boolean;
+    restoreFocus?: boolean;
+}
+export declare const ArrowNavigation: React.FC<ArrowNavigationProps>;
+/**
+ * Hook to access the ArrowNavigation context
+ */
+export declare const useArrowNavigationContext: () => ArrowNavigationContextType;
+/**
+ * Higher-order component to make a component navigable with arrow keys
+ */
+export declare function withArrowNavigation<P extends object>(Component: React.ComponentType<P>, options: Omit<ArrowNavigationProps, "children">): React.FC<P & {
+    children?: ReactNode;
+}>;
+export default ArrowNavigation;
+//# sourceMappingURL=ArrowNavigationContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationContext.d.ts","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqC,SAAS,EAAa,MAAM,OAAO,CAAC;AACvF,OAAO,EAAsB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIzF,UAAU,0BAA0B;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAID,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuF1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,kCAMrC,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAClD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAMxC;AAED,eAAe,eAAe,CAAC"}

package/dist/components/ArrowNavigationContext.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef, useEffect } from "react";
+import { useArrowNavigation } from "../hooks/useArrowNavigation";
+import { FocusTrap } from "./FocusTrap";
+import { Column } from "./Column";
+const ArrowNavigationContext = createContext(null);
+export const ArrowNavigation = ({ layout, itemCount, columns, onSelect, onFocusChange, wrap, initialFocusedIndex, itemSelector, autoFocus, disabled, children, className, style, role, "aria-label": ariaLabel, trapFocus = false, focusTrapActive = true, onEscape, autoFocusTrap = true, restoreFocus = true, }) => {
+    const containerRef = useRef(null);
+    const navigation = useArrowNavigation({
+        layout,
+        itemCount,
+        columns,
+        containerRef,
+        onSelect,
+        onFocusChange,
+        wrap,
+        initialFocusedIndex,
+        itemSelector,
+        autoFocus,
+        disabled,
+    });
+    // Focus the container when autoFocus is enabled
+    useEffect(() => {
+        if (autoFocus && containerRef.current && !disabled) {
+            // Small delay to ensure the component is fully mounted
+            const timer = setTimeout(() => {
+                if (containerRef.current) {
+                    containerRef.current.focus({ preventScroll: true });
+                }
+            }, 0);
+            return () => clearTimeout(timer);
+        }
+    }, [autoFocus, disabled]);
+    // Determine the appropriate role based on layout if not provided
+    const defaultRole = layout === "grid" ? "grid" : "listbox";
+    // Create the navigation container
+    const navigationContainer = (_jsx(Column, { ref: containerRef, className: className, style: { ...style, maxHeight: "100%", outline: "none" }, onKeyDown: (e) => {
+            navigation.handleKeyDown(e);
+        }, role: role || defaultRole, "aria-label": ariaLabel, tabIndex: -1, children: children }));
+    return (_jsx(ArrowNavigationContext.Provider, { value: navigation, children: trapFocus ? (_jsx(FocusTrap, { active: focusTrapActive, onEscape: onEscape, autoFocus: autoFocusTrap, restoreFocus: restoreFocus, children: navigationContainer })) : (navigationContainer) }));
+};
+/**
+ * Hook to access the ArrowNavigation context
+ */
+export const useArrowNavigationContext = () => {
+    const context = useContext(ArrowNavigationContext);
+    if (!context) {
+        throw new Error("useArrowNavigationContext must be used within an ArrowNavigation component");
+    }
+    return context;
+};
+/**
+ * Higher-order component to make a component navigable with arrow keys
+ */
+export function withArrowNavigation(Component, options) {
+    return ({ children, ...props }) => (_jsx(ArrowNavigation, { ...options, children: _jsx(Component, { ...props, children: children }) }));
+}
+export default ArrowNavigation;
+//# sourceMappingURL=ArrowNavigationContext.js.map

package/dist/components/ArrowNavigationContext.js.map

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

package/dist/components/AutoScroll.d.ts

@@ -0,0 +1,14 @@
+import { Row } from ".";
+import React from "react";
+interface AutoScrollProps extends React.ComponentProps<typeof Row> {
+    children: React.ReactNode;
+    speed?: "slow" | "medium" | "fast";
+    hover?: "slow" | "pause" | "none";
+    reverse?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    scrollGap?: number | string;
+}
+declare const AutoScroll: React.ForwardRefExoticComponent<Omit<AutoScrollProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AutoScroll };
+//# sourceMappingURL=AutoScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoScroll.d.ts","sourceRoot":"","sources":["../../src/components/AutoScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAExB,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAQD,QAAA,MAAM,UAAU,qGAyOf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/AutoScroll.js

@@ -0,0 +1,178 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Row } from ".";
+import styles from "./AutoScroll.module.scss";
+import { forwardRef, useState, useRef, useEffect, useMemo } from "react";
+const DURATIONS = {
+    slow: 40000,
+    medium: 20000,
+    fast: 10000,
+};
+const AutoScroll = forwardRef(({ children, speed = "medium", hover = "slow", reverse = false, className, style, scrollGap, ...flex }, ref) => {
+    const [isHovering, setIsHovering] = useState(false);
+    const wrapperRef = useRef(null);
+    const contentRef = useRef(null);
+    const animationRef = useRef(null);
+    const animationStateRef = useRef({
+        currentTime: null,
+        playbackRate: 1,
+        playing: true,
+    });
+    const [contentWidth, setContentWidth] = useState(0);
+    const previousReverseRef = useRef(reverse);
+    // Stable reference to children to prevent unnecessary re-renders
+    const childrenStable = useMemo(() => children, []);
+    // Measure the content width to calculate proper animation distance
+    useEffect(() => {
+        if (!contentRef.current)
+            return;
+        const observer = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const newWidth = entry.contentRect.width;
+                if (newWidth !== contentWidth && newWidth > 0) {
+                    setContentWidth(newWidth);
+                }
+            }
+        });
+        observer.observe(contentRef.current);
+        return () => observer.disconnect();
+    }, []);
+    // Save animation state before updates
+    const saveAnimationState = () => {
+        if (animationRef.current) {
+            const animation = animationRef.current;
+            const currentTime = animation.currentTime;
+            animationStateRef.current = {
+                currentTime: typeof currentTime === "number" ? currentTime : null,
+                playbackRate: animation.playbackRate,
+                playing: animation.playState === "running",
+            };
+        }
+    };
+    // Restore animation state after updates
+    const restoreAnimationState = (animation) => {
+        const state = animationStateRef.current;
+        if (state.currentTime !== null) {
+            animation.currentTime = state.currentTime;
+        }
+        animation.updatePlaybackRate(state.playbackRate);
+        if (state.playing) {
+            animation.play();
+        }
+        else {
+            animation.pause();
+        }
+    };
+    // Create or update animation
+    const setupAnimation = () => {
+        if (!wrapperRef.current || contentWidth <= 0)
+            return;
+        const element = wrapperRef.current;
+        const duration = DURATIONS[speed];
+        const parentWidth = element.parentElement?.clientWidth || 0;
+        // Save current animation state if it exists
+        saveAnimationState();
+        // Cancel existing animation
+        if (animationRef.current) {
+            animationRef.current.cancel();
+            animationRef.current = null;
+        }
+        // Always animate, even if content is not wider than container
+        // If content is not wider than container, we'll use the content width as the animation distance
+        // This ensures there's always some movement
+        // Use the maximum of content width and parent width to ensure smooth animation
+        // This ensures that even with small content, we have enough distance to create a visible animation
+        const distance = Math.max(contentWidth, parentWidth);
+        // Check if reverse direction changed
+        const directionChanged = reverse !== previousReverseRef.current;
+        previousReverseRef.current = reverse;
+        // Set initial position to prevent jump
+        if (directionChanged) {
+            // Reset animation state when direction changes
+            animationStateRef.current.currentTime = null;
+        }
+        // Use pixel-based animations instead of percentage-based for more precise control
+        // For reverse direction (left-to-right), we need to move content in the opposite direction
+        const keyframes = reverse
+            ? [{ transform: `translateX(${-distance}px)` }, { transform: "translateX(0)" }]
+            : [{ transform: "translateX(0)" }, { transform: `translateX(${-distance}px)` }];
+        const animation = element.animate(keyframes, {
+            duration,
+            iterations: Infinity,
+            easing: "linear",
+        });
+        animationRef.current = animation;
+        // Restore previous animation state if available
+        restoreAnimationState(animation);
+    };
+    // Setup animation when parameters change
+    useEffect(() => {
+        setupAnimation();
+        return () => {
+            if (animationRef.current) {
+                animationRef.current.cancel();
+                animationRef.current = null;
+            }
+        };
+    }, [speed, reverse, contentWidth]);
+    // Handle hover effects
+    useEffect(() => {
+        const animation = animationRef.current;
+        if (!animation)
+            return;
+        if (isHovering) {
+            if (hover === "pause") {
+                animation.pause();
+            }
+            else if (hover === "slow") {
+                const playbackRate = 0.25;
+                animation.updatePlaybackRate(playbackRate);
+            }
+        }
+        else {
+            animation.updatePlaybackRate(1);
+            if (animation.playState === "paused" && hover !== "pause") {
+                animation.play();
+            }
+        }
+    }, [isHovering, hover]);
+    // Handle window resize events
+    useEffect(() => {
+        const handleResize = () => {
+            if (contentRef.current) {
+                const newWidth = contentRef.current.offsetWidth;
+                if (newWidth !== contentWidth && newWidth > 0) {
+                    setContentWidth(newWidth);
+                }
+            }
+        };
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, [contentWidth]);
+    // Prevent animation from restarting when other components open/close
+    useEffect(() => {
+        const observer = new MutationObserver(() => {
+            // Don't restart animation when DOM changes elsewhere
+            // Just check if we need to recalculate width
+            if (contentRef.current) {
+                const newWidth = contentRef.current.offsetWidth;
+                if (Math.abs(newWidth - contentWidth) > 5 && newWidth > 0) {
+                    setContentWidth(newWidth);
+                }
+            }
+        });
+        // Observe the entire document for changes that might affect layout
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["style", "class"],
+        });
+        return () => observer.disconnect();
+    }, [contentWidth]);
+    const gapStyle = typeof scrollGap === "number" ? `${scrollGap}px` : scrollGap;
+    return (_jsx(Row, { overflow: "hidden", fillWidth: true, ref: ref, className: className, style: style, ...flex, children: _jsxs(Row, { fillWidth: true, ref: wrapperRef, className: styles.marqueeWrapper, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), children: [_jsx(Row, { fitWidth: true, horizontal: "around", className: styles.marqueeContent, ref: contentRef, style: { marginRight: gapStyle }, children: children || childrenStable }), _jsx(Row, { fitWidth: true, horizontal: "around", className: styles.marqueeContent, style: { marginRight: gapStyle }, children: children || childrenStable })] }) }));
+});
+AutoScroll.displayName = "AutoScroll";
+export { AutoScroll };
+//# sourceMappingURL=AutoScroll.js.map

package/dist/components/AutoScroll.js.map

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

package/dist/components/AutoScroll.module.scss

@@ -0,0 +1,9 @@
+.marqueeWrapper {
+  will-change: transform;
+}
+
+.marqueeContent {
+  white-space: nowrap;
+  flex-shrink: 0;
+  min-width: 100%;
+}

package/dist/components/Avatar.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { Flex } from ".";
+import { IconName } from "@/icons";
+interface AvatarProps extends React.ComponentProps<typeof Flex> {
+    size?: "xs" | "s" | "m" | "l" | "xl" | number;
+    value?: string;
+    src?: string;
+    unoptimized?: boolean;
+    loading?: boolean;
+    empty?: boolean;
+    icon?: IconName;
+    statusIndicator?: {
+        color: "green" | "yellow" | "red" | "gray";
+    };
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Avatar };
+export type { AvatarProps };
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAyC,IAAI,EAAS,MAAM,GAAG,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAC5C,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,MAAM,iGA4GX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Avatar.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Skeleton, Icon, Text, StatusIndicator, Flex, Media } from ".";
+import styles from "./Avatar.module.scss";
+const sizeMapping = {
+    xs: 20,
+    s: 24,
+    m: 32,
+    l: 48,
+    xl: 160,
+};
+const statusIndicatorSizeMapping = {
+    xs: "s",
+    s: "s",
+    m: "m",
+    l: "m",
+    xl: "l",
+};
+const Avatar = forwardRef(({ size = "m", value, src, unoptimized, loading, empty, icon, statusIndicator, className, style = {}, ...rest }, ref) => {
+    const sizeInRem = typeof size === "number" ? `${size}rem` : undefined;
+    const sizeStyle = sizeInRem
+        ? {
+            width: sizeInRem,
+            height: sizeInRem,
+            minWidth: sizeInRem,
+            minHeight: sizeInRem,
+            ...style,
+        }
+        : style;
+    const isEmpty = empty || (!src && !value);
+    if (value && src) {
+        throw new Error("Avatar cannot have both 'value' and 'src' props.");
+    }
+    if (loading) {
+        return (_jsx(Skeleton, { ...rest, border: "neutral-medium", shape: "circle", width: typeof size === "number" ? "m" : size, height: typeof size === "number" ? "m" : size, className: `${styles.avatar} ${className}`, "aria-busy": "true", "aria-label": "Loading avatar" }));
+    }
+    const renderContent = () => {
+        if (isEmpty) {
+            return (_jsx(Icon, { onBackground: "neutral-medium", name: icon || "person", size: "m", style: typeof size === "number" ? { fontSize: `${size / 3}rem` } : undefined, className: styles.icon, "aria-label": "Empty avatar" }));
+        }
+        if (src) {
+            return (_jsx(Media, { radius: "full", src: src, fill: true, alt: "Avatar", aspectRatio: "1", sizes: typeof size === "string" ? `${sizeMapping[size]}px` : `${size * 16}px`, unoptimized: unoptimized, className: styles.image }));
+        }
+        if (value) {
+            return (_jsx(Text, { as: "span", onBackground: "neutral-weak", variant: `body-default-${typeof size === "string" ? size : "m"}`, className: styles.value, "aria-label": `Avatar with initials ${value}`, children: value }));
+        }
+        return null;
+    };
+    return (_jsxs(Flex, { ref: ref, role: "img", horizontal: "center", vertical: "center", radius: "full", border: "neutral-strong", background: "surface", style: sizeStyle, className: `${styles.avatar} ${typeof size === "string" ? styles[size] : ""} ${className || ""}`, ...rest, children: [renderContent(), statusIndicator && (_jsx(StatusIndicator, { position: "absolute", size: typeof size === "string" ? statusIndicatorSizeMapping[size] : "l", color: statusIndicator.color, className: `${styles.className || ""} ${styles.indicator} ${size === "xl" || (typeof size === "number" && size >= 10) ? styles.position : ""}`, "aria-label": `Status: ${statusIndicator.color}` }))] }));
+});
+Avatar.displayName = "Avatar";
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

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

package/dist/components/Avatar.module.scss

@@ -0,0 +1,56 @@
+.xs {
+    width: var(--static-space-20);
+    height: var(--static-space-20);
+    min-width: var(--static-space-20);
+    min-height: var(--static-space-20);
+}
+
+.s {
+    width: var(--static-space-24);
+    height: var(--static-space-24);
+    min-width: var(--static-space-24);
+    min-height: var(--static-space-24);
+}
+
+.m {
+    width: var(--static-space-32);
+    height: var(--static-space-32);
+    min-width: var(--static-space-32);
+    min-height: var(--static-space-32);
+}
+
+.l {
+    width: var(--static-space-48);
+    height: var(--static-space-48);
+    min-width: var(--static-space-48);
+    min-height: var(--static-space-48);
+}
+
+.xl {
+    width: var(--static-space-160);
+    height: var(--static-space-160);
+    min-width: var(--static-space-160);
+    min-height: var(--static-space-160);
+
+    .position {
+        bottom: var(--static-space-16);
+        right: var(--static-space-16);
+    }
+}
+
+.value {
+    white-space: nowrap;
+    overflow: hidden;
+    user-select: none;
+}
+
+.indicator {
+    box-sizing: content-box;
+    bottom: 0;
+    right: 0;
+    transform: translateX(var(--static-space-2)) translateY(var(--static-space-2));
+}
+
+.image {
+    object-position: center;
+}

package/dist/components/AvatarGroup.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { AvatarProps, Flex } from ".";
+interface AvatarGroupProps extends React.ComponentProps<typeof Flex> {
+    avatars: AvatarProps[];
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    reverse?: boolean;
+    limit?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AvatarGroup };
+export type { AvatarGroupProps };
+//# sourceMappingURL=AvatarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/components/AvatarGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAI9C,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,sGAwChB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/AvatarGroup.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Avatar, Flex } from ".";
+import styles from "./AvatarGroup.module.scss";
+import classNames from "classnames";
+const AvatarGroup = forwardRef(({ avatars, size = "m", reverse = false, limit, className, style, ...rest }, ref) => {
+    const displayedAvatars = limit ? avatars.slice(0, limit) : avatars;
+    const remainingCount = limit && avatars.length > limit ? avatars.length - limit : 0;
+    return (_jsxs(Flex, { vertical: "center", ref: ref, className: classNames(styles.avatarGroup, className), style: style, zIndex: 0, ...rest, children: [displayedAvatars.map((avatarProps, index) => (_jsx(Avatar, { size: size, ...avatarProps, className: styles.avatar, style: {
+                    ...avatarProps.style,
+                    zIndex: reverse ? displayedAvatars.length - index : index + 1,
+                } }, index))), remainingCount > 0 && (_jsx(Avatar, { value: `+${remainingCount}`, className: styles.avatar, size: size, style: {
+                    ...style,
+                    zIndex: reverse ? -1 : displayedAvatars.length + 1,
+                } }))] }));
+});
+AvatarGroup.displayName = "AvatarGroup";
+export { AvatarGroup };
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../src/components/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAe,IAAI,EAAE,MAAM,GAAG,CAAC;AAC9C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACnE,MAAM,cAAc,GAAG,KAAK,IAAI,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,MAAC,IAAI,IACH,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EACpD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,KACL,IAAI,aAEP,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,KACN,WAAW,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE;oBACL,GAAG,WAAW,CAAC,KAAK;oBACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;iBAC9D,IAPI,KAAK,CAQV,CACH,CAAC,EACD,cAAc,GAAG,CAAC,IAAI,CACrB,KAAC,MAAM,IACL,KAAK,EAAE,IAAI,cAAc,EAAE,EAC3B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;oBACL,GAAG,KAAK;oBACR,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC;iBACnD,GACD,CACH,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/AvatarGroup.module.scss

@@ -0,0 +1,11 @@
+.avatarGroup {
+    z-index: 0;
+}
+
+.avatar {
+    margin-left: calc(-1 * var(--static-space-8));
+
+    &:first-child {
+        margin-left: 0;
+    }
+}

package/dist/components/Background.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { Flex, MaskProps } from ".";
+import { DisplayProps } from "../interfaces";
+import { SpacingToken } from "../types";
+interface GradientProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    tilt?: number;
+    colorStart?: string;
+    colorEnd?: string;
+}
+interface DotsProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    color?: string;
+    size?: SpacingToken;
+}
+interface GridProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    color?: string;
+    width?: string;
+    height?: string;
+}
+interface LinesProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    size?: SpacingToken;
+    thickness?: number;
+    angle?: number;
+    color?: string;
+}
+interface BackgroundProps extends React.ComponentProps<typeof Flex> {
+    gradient?: GradientProps;
+    dots?: DotsProps;
+    grid?: GridProps;
+    lines?: LinesProps;
+    mask?: MaskProps;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const Background: React.ForwardRefExoticComponent<Omit<BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Background };
+//# sourceMappingURL=Background.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUxC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,qGAuJf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}