@studio-helga/once-ui-core 1.7.8

package/dist/components/OgCard.d.ts

@@ -0,0 +1,34 @@
+import { CondensedTShirtSizes } from "@/types";
+import { Card } from ".";
+export interface OgServiceConfig {
+    proxyImageUrl?: (url: string) => string;
+    proxyFaviconUrl?: (url: string) => string;
+    fetchOgUrl?: string;
+    proxyOgUrl?: string;
+}
+export interface OgData {
+    title: string;
+    description: string;
+    faviconUrl: string;
+    image: string;
+    url: string;
+}
+interface OgCardProps extends Omit<React.ComponentProps<typeof Card>, "title"> {
+    url?: string;
+    sizes?: string;
+    size?: CondensedTShirtSizes;
+    ogData?: Partial<OgData> | null;
+    direction?: "column" | "row" | "column-reverse" | "row-reverse";
+    serviceConfig?: OgServiceConfig;
+    title?: string | false;
+    description?: string | false;
+    favicon?: string | false;
+    image?: string | false;
+    cardUrl?: string | false;
+}
+declare const OgCard: {
+    ({ url, ogData: providedOgData, direction, sizes, size, serviceConfig, title, description, favicon, image, cardUrl, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { OgCard };
+//# sourceMappingURL=OgCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OgCard.d.ts","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAA4B,IAAI,EAAY,MAAM,GAAG,CAAC;AAI7D,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAChE,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC1B;AAuCD,QAAA,MAAM,MAAM;mIAaT,WAAW;;CAuJb,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/OgCard.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Column, Media, Text, Row, Card, Skeleton } from ".";
+import { useOgData } from "../hooks/useFetchOg";
+import { useMemo } from "react";
+const formatDisplayUrl = (url) => {
+    if (!url)
+        return "";
+    try {
+        const urlObj = new URL(url);
+        let domain = urlObj.hostname;
+        domain = domain.replace(/^www\./, "");
+        return domain;
+    }
+    catch (error) {
+        let formattedUrl = url.replace(/^https?:\/\//, "");
+        formattedUrl = formattedUrl.replace(/^www\./, "");
+        formattedUrl = formattedUrl.split("/")[0];
+        return formattedUrl;
+    }
+};
+const getFaviconUrl = (url, proxyFn) => {
+    if (!url)
+        return "";
+    try {
+        const urlObj = new URL(url);
+        const domain = urlObj.hostname;
+        const faviconSourceUrl = `https://www.google.com/s2/favicons?domain=${domain}&sz=64`;
+        // Use the provided proxy function or return the favicon URL directly
+        return proxyFn ? proxyFn(faviconSourceUrl) : faviconSourceUrl;
+    }
+    catch (error) {
+        return "";
+    }
+};
+const OgCard = ({ url, ogData: providedOgData, direction = "column", sizes = "320px", size = "m", serviceConfig = {}, title, description, favicon, image, cardUrl, ...card }) => {
+    const { ogData: fetchedOgData, loading } = useOgData(url || null, serviceConfig.fetchOgUrl, serviceConfig.proxyOgUrl);
+    const data = providedOgData || fetchedOgData;
+    // Resolve content based on props
+    const resolvedTitle = useMemo(() => {
+        if (title === false)
+            return null;
+        if (typeof title === "string")
+            return title;
+        return data?.title;
+    }, [title, data?.title]);
+    const resolvedDescription = useMemo(() => {
+        if (description === false)
+            return null;
+        if (typeof description === "string")
+            return description;
+        return data?.description;
+    }, [description, data?.description]);
+    const resolvedFavicon = useMemo(() => {
+        if (favicon === false)
+            return null;
+        if (typeof favicon === "string")
+            return favicon;
+        return (data?.faviconUrl || (data?.url ? getFaviconUrl(data.url, serviceConfig.proxyFaviconUrl) : ""));
+    }, [favicon, data?.faviconUrl, data?.url, serviceConfig.proxyFaviconUrl]);
+    const resolvedImage = useMemo(() => {
+        if (image === false)
+            return null;
+        if (typeof image === "string")
+            return image;
+        return data?.image
+            ? serviceConfig.proxyImageUrl
+                ? serviceConfig.proxyImageUrl(data.image)
+                : data.image
+            : "";
+    }, [image, data?.image, serviceConfig.proxyImageUrl]);
+    const resolvedUrl = useMemo(() => {
+        if (cardUrl === false)
+            return null;
+        if (typeof cardUrl === "string")
+            return cardUrl;
+        return data?.url;
+    }, [cardUrl, data?.url]);
+    // With our updated useOgData hook, images are already proxied through the API
+    // We only need additional proxying if a custom proxyImageUrl function is provided
+    const proxiedImageUrl = useMemo(() => {
+        return resolvedImage || "";
+    }, [resolvedImage]);
+    if (!loading && (!data || (!resolvedImage && !resolvedTitle))) {
+        return null;
+    }
+    return (_jsxs(Card, { href: resolvedUrl || undefined, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium", ...card, children: [resolvedImage !== null && (proxiedImageUrl || loading) && (_jsx(Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: sizes, aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), _jsxs(Column, { fillWidth: true, paddingX: size === "s" ? "12" : size === "m" ? "20" : "32", paddingY: size === "s" ? "12" : size === "m" ? "16" : "24", gap: size === "s" || size === "m" ? "8" : "20", children: [resolvedFavicon !== null && (_jsxs(Row, { fillWidth: true, gap: "8", vertical: "center", children: [_jsx(Media, { aspectRatio: "1/1", sizes: "24px", src: resolvedFavicon, loading: loading, minWidth: "16", maxWidth: "16", fillWidth: false, radius: "xs", border: "neutral-alpha-weak" }), resolvedUrl &&
+                                (loading ? (_jsx(Skeleton, { shape: "line", width: "xs", height: "xs" })) : (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(resolvedUrl) })))] })), _jsxs(Column, { fillWidth: true, gap: size === "s" ? "4" : size === "m" ? "8" : "12", children: [resolvedTitle !== null &&
+                                (loading ? (_jsx(Skeleton, { shape: "line", width: "s", height: "s" })) : (resolvedTitle && (_jsx(Text, { variant: size === "s"
+                                        ? "label-default-s"
+                                        : size === "m"
+                                            ? "label-default-m"
+                                            : "label-default-l", children: resolvedTitle })))), resolvedDescription !== null &&
+                                (loading ? (_jsxs(Column, { fillWidth: true, paddingY: "8", gap: "8", children: [_jsx(Skeleton, { shape: "line", width: "xl", height: "xs" }), _jsx(Skeleton, { shape: "line", width: "l", height: "xs" })] })) : resolvedDescription ? (_jsx(Text, { variant: size === "s"
+                                        ? "label-default-s"
+                                        : size === "m"
+                                            ? "label-default-m"
+                                            : "label-default-l", onBackground: "neutral-weak", children: resolvedDescription })) : null)] })] })] }));
+};
+OgCard.displayName = "OgCard";
+export { OgCard };
+//# sourceMappingURL=OgCard.js.map

package/dist/components/OgCard.js.map

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

package/dist/components/Option.d.ts

@@ -0,0 +1,21 @@
+import { Row } from ".";
+import React from "react";
+export interface OptionProps extends Omit<React.ComponentProps<typeof Row>, "onClick"> {
+    label?: React.ReactNode;
+    href?: string;
+    value: string;
+    hasPrefix?: React.ReactNode;
+    hasSuffix?: React.ReactNode;
+    description?: React.ReactNode;
+    danger?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    highlighted?: boolean;
+    tabIndex?: number;
+    children?: React.ReactNode;
+    onClick?: (value: string) => void;
+    onLinkClick?: () => void;
+}
+declare const Option: React.ForwardRefExoticComponent<Omit<OptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Option };
+//# sourceMappingURL=Option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6B,GAAG,EAAE,MAAM,GAAG,CAAC;AAEnD,OAAO,KAAiE,MAAM,OAAO,CAAC;AAEtF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,CAAC;IACpF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,iGAqKX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Option.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { Text, ElementType, Column, Row } from ".";
+import styles from "./Option.module.scss";
+import { forwardRef, useRef, useEffect, useState } from "react";
+const Option = forwardRef(({ label, value, href, hasPrefix, hasSuffix, description, danger, selected, disabled = false, highlighted, tabIndex, onClick, onLinkClick, children, ...flex }, ref) => {
+    // Track if the element has the highlighted class applied by ArrowNavigation
+    const [isHighlightedByClass, setIsHighlightedByClass] = useState(false);
+    // Use a more generic type that works with ElementType
+    const elementRef = useRef(null);
+    // Check for highlighted class applied by ArrowNavigation
+    useEffect(() => {
+        if (!elementRef.current)
+            return;
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === "attributes" &&
+                    (mutation.attributeName === "class" || mutation.attributeName === "data-highlighted")) {
+                    if (mutation.target instanceof HTMLElement) {
+                        const element = mutation.target;
+                        const hasHighlighted = element.classList.contains("highlighted") ||
+                            element.getAttribute("data-highlighted") === "true";
+                        // If highlighted class was just added but element is being hovered, remove it immediately
+                        if (hasHighlighted && element.matches(':hover')) {
+                            element.classList.remove('highlighted');
+                            element.removeAttribute('data-highlighted');
+                            setIsHighlightedByClass(false);
+                        }
+                        else {
+                            setIsHighlightedByClass(hasHighlighted);
+                        }
+                    }
+                }
+            });
+        });
+        observer.observe(elementRef.current, {
+            attributes: true,
+            attributeFilter: ["class", "data-highlighted"],
+        });
+        // Initial check
+        const hasHighlighted = elementRef.current.classList.contains("highlighted") ||
+            elementRef.current.getAttribute("data-highlighted") === "true";
+        // Check if element is being hovered on initial check too
+        if (hasHighlighted && elementRef.current.matches(':hover')) {
+            elementRef.current.classList.remove('highlighted');
+            elementRef.current.removeAttribute('data-highlighted');
+            setIsHighlightedByClass(false);
+        }
+        else {
+            setIsHighlightedByClass(hasHighlighted);
+        }
+        return () => observer.disconnect();
+    }, []);
+    // Sync hover state with keyboard navigation by removing highlight from ALL options including self
+    const handleMouseEnter = () => {
+        if (!disabled) {
+            // Remove highlighted class from ALL options (including self) to let CSS :hover take over
+            if (elementRef.current?.parentElement) {
+                const allOptions = elementRef.current.parentElement.querySelectorAll('[role="option"]');
+                allOptions.forEach((option) => {
+                    option.classList.remove('highlighted');
+                    option.removeAttribute('data-highlighted');
+                });
+            }
+        }
+    };
+    return (_jsx(ElementType, { tabIndex: tabIndex, ref: (el) => {
+            // Forward the ref
+            if (typeof ref === "function") {
+                ref(el);
+            }
+            else if (ref) {
+                ref.current = el;
+            }
+            // Store our own ref
+            elementRef.current = el;
+        }, href: href, disabled: disabled, className: "reset-button-styles fill-width", onLinkClick: onLinkClick, onClick: () => onClick?.(value), onMouseEnter: handleMouseEnter, "data-value": value, role: "option", "aria-selected": selected, "aria-disabled": disabled, onKeyDown: (e) => {
+            if ((e.key === "Enter" || e.key === " ") && !disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+                elementRef.current?.click();
+            }
+        }, children: _jsxs(Row, { fillWidth: true, vertical: "center", paddingX: "12", paddingY: "8", gap: "12", radius: "m", tabIndex: -1, borderWidth: 1, borderStyle: "solid", cursor: disabled ? "not-allowed" : "interactive", transition: "micro-medium", onBackground: "neutral-strong", className: classNames(styles.option, {
+                [styles.danger]: danger,
+                [styles.selected]: selected,
+                [styles.highlighted]: highlighted || isHighlightedByClass,
+                [styles.disabled]: disabled,
+            }), ...flex, children: [hasPrefix && _jsx(Row, { className: styles.prefix, children: hasPrefix }), _jsxs(Column, { fillWidth: true, align: "left", children: [_jsx(Text, { onBackground: "neutral-strong", variant: "label-default-s", truncate: true, children: label || children }), description && (_jsx(Text, { variant: "body-default-xs", onBackground: "neutral-weak", truncate: true, children: description }))] }), hasSuffix && _jsx(Row, { className: styles.suffix, children: hasSuffix })] }) }));
+});
+Option.displayName = "Option";
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/components/Option.js.map

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

package/dist/components/Option.module.scss

@@ -0,0 +1,47 @@
+.option {
+    border-color: var(--static-transparent);
+  
+    // Keyboard navigation highlight (lowest priority)
+    &.highlighted:not(:hover):not(:focus) {
+        background: var(--static-transparent);
+        border-color: var(--neutral-alpha-medium);
+    }
+    
+    // Selected state (medium priority)
+    &.selected:not(:hover):not(:focus) {
+        background: var(--neutral-alpha-medium);
+        border-color: var(--neutral-alpha-medium);
+    }
+  
+    // Hover/Focus state (highest priority - always overrides highlighted and selected)
+    &:hover, &:focus {
+        background: var(--neutral-alpha-weak);
+        border-color: var(--neutral-alpha-medium);
+        outline: none;
+
+        &:disabled {
+            background: var(--neutral-alpha-weak);
+            color: var(--neutral-on-background-weak);
+        }
+    }
+  
+    &.danger {
+        color: var(--danger-on-background-medium);
+  
+        &:hover, &:focus {
+            background: var(--danger-solid-strong);
+            color: var(--danger-on-solid-strong);
+            border-color: var(--danger-border-strong);
+        }
+    }
+}
+  
+.focused {
+    background: var(--neutral-background-strong);
+}
+
+.disabled {
+    background: var(--neutral-alpha-weak);
+    color: var(--neutral-on-background-weak);
+    border: none;
+}

package/dist/components/Particle.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { SpacingToken } from "../types";
+import { DisplayProps } from "../interfaces";
+import { Flex } from ".";
+interface ParticleProps extends React.ComponentProps<typeof Flex> {
+    density?: number;
+    color?: string;
+    size?: SpacingToken;
+    speed?: number;
+    interactive?: boolean;
+    mode?: "repel" | "attract";
+    intensity?: number;
+    opacity?: DisplayProps["opacity"];
+    reducedMotion?: boolean | "auto";
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const Particle: React.ForwardRefExoticComponent<Omit<ParticleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Particle };
+//# sourceMappingURL=Particle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Particle.d.ts","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,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,QAAQ,mGA0Lb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Particle.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef } from "react";
+import { Flex } from ".";
+import { useInViewport } from "../hooks/useInViewport";
+import { useReducedMotion } from "../hooks/useReducedMotion";
+const Particle = React.forwardRef(({ density = 100, color = "brand-on-background-weak", size = "2", speed = 0.3, interactive = false, mode = "repel", intensity = 20, opacity = 100, reducedMotion = "auto", children, className, style, ...rest }, forwardedRef) => {
+    const containerRef = useRef(null);
+    const isInViewport = useInViewport(containerRef);
+    const { shouldAnimate } = useReducedMotion(reducedMotion);
+    useEffect(() => {
+        if (forwardedRef && "current" in forwardedRef) {
+            forwardedRef.current = containerRef.current;
+        }
+        else if (typeof forwardedRef === "function") {
+            forwardedRef(containerRef.current);
+        }
+    }, [forwardedRef]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        // If reduced motion, render static particles with no animation loop
+        const effectiveDensity = shouldAnimate ? density : Math.min(density, 30);
+        const particleEls = [];
+        // Flat arrays for fast iteration — no Map lookups or style parsing per frame
+        const currentX = new Float32Array(effectiveDensity);
+        const currentY = new Float32Array(effectiveDensity);
+        const initialX = new Float32Array(effectiveDensity);
+        const initialY = new Float32Array(effectiveDensity);
+        const targetX = new Float32Array(effectiveDensity);
+        const targetY = new Float32Array(effectiveDensity);
+        let mousePosition = { x: -1000, y: -1000 };
+        let animationFrameId = null;
+        const parsedSize = `var(--static-space-${size})`;
+        const parsedOpacity = `${opacity}%`;
+        const movementSpeed = speed * 0.08;
+        const repulsionStrength = 0.15 * (speed || 1);
+        const handleMouseMove = (e) => {
+            const rect = container.getBoundingClientRect();
+            mousePosition = {
+                x: ((e.clientX - rect.left) / rect.width) * 100,
+                y: ((e.clientY - rect.top) / rect.height) * 100,
+            };
+        };
+        // Create particles using translate3d instead of left/top
+        for (let i = 0; i < effectiveDensity; i++) {
+            const el = document.createElement("div");
+            el.style.cssText = `
+          position:absolute;left:0;top:0;
+          width:${parsedSize};height:${parsedSize};
+          background:var(--${color});
+          border-radius:50%;
+          pointer-events:none;
+          opacity:${parsedOpacity};
+          will-change:transform;
+        `;
+            const ix = 10 + Math.random() * 80;
+            const iy = 10 + Math.random() * 80;
+            initialX[i] = ix;
+            initialY[i] = iy;
+            currentX[i] = ix;
+            currentY[i] = iy;
+            targetX[i] = ix;
+            targetY[i] = iy;
+            el.style.transform = `translate3d(${ix}cqw, ${iy}cqh, 0)`;
+            container.appendChild(el);
+            particleEls.push(el);
+        }
+        // If reduced motion or not in viewport initially, just place them statically
+        if (!shouldAnimate)
+            return () => cleanup();
+        const updateParticles = () => {
+            const time = Date.now() * 0.001 * speed;
+            for (let i = 0; i < effectiveDensity; i++) {
+                const cx = currentX[i];
+                const cy = currentY[i];
+                const baseNoiseX = Math.sin(time + i) * 0.5;
+                const baseNoiseY = Math.cos(time + i * 1.2) * 0.5;
+                let tx = initialX[i] + baseNoiseX;
+                let ty = initialY[i] + baseNoiseY;
+                if (interactive) {
+                    const dx = mousePosition.x - cx;
+                    const dy = mousePosition.y - cy;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    if (distance < intensity) {
+                        const angle = Math.atan2(dy, dx);
+                        if (mode === "attract") {
+                            const minDistance = 8;
+                            if (distance <= minDistance) {
+                                tx = mousePosition.x;
+                                ty = mousePosition.y;
+                            }
+                            else {
+                                const normalizedDistance = Math.min(distance / intensity, 1);
+                                const force = distance * repulsionStrength * normalizedDistance * 0.3;
+                                tx = cx + Math.cos(angle) * force;
+                                ty = cy + Math.sin(angle) * force;
+                            }
+                        }
+                        else {
+                            const force = (intensity - distance) * repulsionStrength;
+                            tx -= Math.cos(angle) * force;
+                            ty -= Math.sin(angle) * force;
+                        }
+                    }
+                }
+                tx = Math.max(5, Math.min(95, tx));
+                ty = Math.max(5, Math.min(95, ty));
+                targetX[i] = tx;
+                targetY[i] = ty;
+                const nx = cx + (tx - cx) * movementSpeed;
+                const ny = cy + (ty - cy) * movementSpeed;
+                currentX[i] = nx;
+                currentY[i] = ny;
+                particleEls[i].style.transform = `translate3d(${nx}cqw, ${ny}cqh, 0)`;
+            }
+            animationFrameId = requestAnimationFrame(updateParticles);
+        };
+        if (interactive) {
+            container.addEventListener("mousemove", handleMouseMove, { passive: true });
+        }
+        // Start animation only if in viewport
+        if (isInViewport) {
+            animationFrameId = requestAnimationFrame(updateParticles);
+        }
+        function cleanup() {
+            container.removeEventListener("mousemove", handleMouseMove);
+            if (animationFrameId != null) {
+                cancelAnimationFrame(animationFrameId);
+            }
+            particleEls.forEach((el) => el.remove());
+        }
+        return () => cleanup();
+    }, [color, size, speed, interactive, intensity, opacity, density, mode, shouldAnimate, isInViewport]);
+    return (_jsx(Flex, { ref: containerRef, fill: true, position: "relative", pointerEvents: interactive ? "auto" : "none", className: className, style: { containerType: "size", ...style }, ...rest, children: children }));
+});
+Particle.displayName = "Particle";
+export { Particle };
+//# sourceMappingURL=Particle.js.map

package/dist/components/Particle.js.map

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

package/dist/components/PasswordInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { InputProps } from ".";
+export declare const PasswordInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=PasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../src/components/PasswordInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,UAAU,EAAc,MAAM,GAAG,CAAC;AAElD,eAAO,MAAM,aAAa,qFAqBxB,CAAC"}

package/dist/components/PasswordInput.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, forwardRef } from "react";
+import { Input, IconButton } from ".";
+export const PasswordInput = forwardRef((props, ref) => {
+    const [showPassword, setShowPassword] = useState(false);
+    return (_jsx(Input, { ...props, ref: ref, type: showPassword ? "text" : "password", hasSuffix: _jsx(IconButton, { onClick: () => {
+                setShowPassword(!showPassword);
+            }, variant: "ghost", icon: showPassword ? "eyeOff" : "eye", size: "s", type: "button" }) }));
+});
+PasswordInput.displayName = "PasswordInput";
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/components/PasswordInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EACP,KAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;YACjC,CAAC,EACD,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,GACb,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Flex } from ".";
+import { StyleProps } from "@/interfaces";
+interface ProgressBarProps extends React.ComponentProps<typeof Flex> {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: boolean;
+    barBackground?: StyleProps["solid"];
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ProgressBar };
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmB,IAAI,EAAQ,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,sGAoDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ProgressBar.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Column, CountFx, Flex, Text } from ".";
+const ProgressBar = forwardRef(({ value, min = 0, max = 100, label = true, barBackground = "brand-strong", className, style, ...rest }, ref) => {
+    const percent = Math.max(0, Math.min(100, ((value - min) / (max - min)) * 100));
+    return (_jsxs(Column, { horizontal: "center", gap: "16", fillWidth: true, ref: ref, style: style, className: classNames(className), ...rest, children: [_jsx(Flex, { background: "neutral-medium", border: "neutral-alpha-weak", fillWidth: true, radius: "full", overflow: "hidden", height: "8", role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, children: _jsx(Flex, { style: { width: `${percent}%`, transition: "width 1000ms ease-in-out" }, fillHeight: true, solid: barBackground, radius: "full" }) }), label && (_jsxs(Text, { align: "center", children: [_jsx(CountFx, { value: value, speed: 1000, duration: 1000, easing: "ease-in-out" }), "%"] }))] }));
+});
+ProgressBar.displayName = "ProgressBar";
+export { ProgressBar };
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAahD,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EACE,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,IAAI,EACZ,aAAa,GAAG,cAAc,EAC9B,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAChF,OAAO,CACL,MAAC,MAAM,IACL,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,IAAI,EACR,SAAS,QACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAC5B,IAAI,aAER,KAAC,IAAI,IACH,UAAU,EAAC,gBAAgB,EAC3B,MAAM,EAAC,oBAAoB,EAC3B,SAAS,QACT,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,GAAG,mBACH,GAAG,YAElB,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,UAAU,EAAE,0BAA0B,EAAE,EACvE,UAAU,QACV,KAAK,EAAE,aAAa,EACpB,MAAM,EAAC,MAAM,GACb,GACG,EACN,KAAK,IAAI,CACR,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAClB,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,aAAa,GAAG,SACtE,CACR,IACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Pulse.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { Row } from ".";
+import { CondensedTShirtSizes, ColorScheme } from "../types";
+interface PulseProps extends React.ComponentProps<typeof Row> {
+    variant?: ColorScheme;
+    size?: CondensedTShirtSizes;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Pulse: import("react").ForwardRefExoticComponent<Omit<PulseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Pulse };
+//# sourceMappingURL=Pulse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../src/components/Pulse.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE7D,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAC3D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,oHAsBV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Pulse.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Row } from ".";
+import styles from "./Pulse.module.scss";
+const Pulse = forwardRef(({ children, className, style, size = "m", variant = "brand", ...flex }, ref) => {
+    return (_jsxs(Row, { ref: ref, minWidth: size === "s" ? "16" : size === "m" ? "24" : "32", minHeight: size === "s" ? "16" : size === "m" ? "24" : "32", center: true, "data-solid": "color", className: className, style: style, ...flex, children: [_jsx(Row, { position: "absolute", className: styles.position, children: _jsx(Row, { solid: `${variant}-medium`, radius: "full", className: styles.dot, width: size === "s" ? "32" : size === "m" ? "48" : "64", height: size === "s" ? "32" : size === "m" ? "48" : "64" }) }), _jsx(Row, { solid: `${variant}-strong`, minWidth: size === "s" ? "4" : size === "m" ? "8" : "12", minHeight: size === "s" ? "4" : size === "m" ? "8" : "12", radius: "full" })] }));
+});
+Pulse.displayName = "Pulse";
+export { Pulse };
+//# sourceMappingURL=Pulse.js.map

package/dist/components/Pulse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../src/components/Pulse.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AACxB,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAWzC,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,EAAc,EAAE,GAAG,EAAE,EAAE;IAC1F,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,sBAAY,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,IAAI,aAC5M,KAAC,GAAG,IAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,YACjD,KAAC,GAAG,IACF,KAAK,EAAE,GAAG,OAAO,SAAS,EAC1B,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,KAAK,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACvD,MAAM,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GACxD,GACE,EACN,KAAC,GAAG,IACF,KAAK,EAAE,GAAG,OAAO,SAAS,EAC1B,QAAQ,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EACxD,SAAS,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EACzD,MAAM,EAAC,MAAM,GACb,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}