@studio-helga/once-ui-core 1.7.8

package/dist/components/Timeline.js

@@ -0,0 +1,72 @@
+"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)";
+        }
+    };
+    const dimensionSize = size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48";
+    const topOffset = size === "xs" ? "20" : size === "s" ? "12" : size === "m" ? "8" : size === "l" ? "4" : "0";
+    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 ? topOffset : undefined, paddingLeft: isHorizontal && index === 0 ? "20" : undefined, paddingRight: isHorizontal && index === items.length - 1 ? "20" : undefined, vertical: isHorizontal ? "center" : undefined, direction: isHorizontal ? "row" : "column", minWidth: !isHorizontal ? dimensionSize : undefined, maxWidth: !isHorizontal ? dimensionSize : 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: isHorizontal ? undefined : topOffset, maxHeight: isHorizontal ? undefined : topOffset })), _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: dimensionSize, maxHeight: dimensionSize, minWidth: dimensionSize, maxWidth: dimensionSize, 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/Toast.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ToastProps {
+    className?: string;
+    variant: "success" | "danger";
+    icon?: boolean;
+    onClose?: () => void;
+    action?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export { Toast };
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAOD,QAAA,MAAM,KAAK,mFAmDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Toast.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, forwardRef } from "react";
+import { IconButton, Icon, Flex, Row } from ".";
+import classNames from "classnames";
+import styles from "./Toast.module.scss";
+const iconMap = {
+    success: "check",
+    danger: "danger",
+};
+const Toast = forwardRef(({ variant, className, icon = true, onClose, action, children }, ref) => {
+    const [visible, setVisible] = useState(true);
+    useEffect(() => {
+        const timer = setTimeout(() => setVisible(false), 6000);
+        return () => clearTimeout(timer);
+    }, []);
+    useEffect(() => {
+        if (!visible && onClose) {
+            onClose();
+        }
+    }, [visible, onClose]);
+    return (_jsx(Flex, { ref: ref, fillWidth: true, background: "surface", radius: "l", paddingY: "12", paddingX: "20", border: "neutral-medium", role: "alert", "aria-live": "assertive", className: classNames(className, styles.toast, styles[variant], {
+            [styles.visible]: visible,
+            [styles.hidden]: !visible,
+        }), children: _jsxs(Flex, { fillWidth: true, vertical: "center", gap: "8", children: [icon && _jsx(Icon, { size: "s", onBackground: `${variant}-medium`, name: iconMap[variant] }), _jsx(Row, { fillWidth: true, textVariant: "body-default-s", children: children }), action && action, onClose && (_jsx(IconButton, { variant: "ghost", icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", onClick: () => setVisible(false) }))] }) }));
+});
+Toast.displayName = "Toast";
+export { Toast };
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAYzC,MAAM,OAAO,GAAiD;IAC5D,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAC9D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;YACzB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO;SAC1B,CAAC,YAEF,MAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACtC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,EAAE,GAAG,OAAO,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,GAAI,EACrF,KAAC,GAAG,IAAC,SAAS,QAAC,WAAW,EAAC,gBAAgB,YACxC,QAAQ,GACL,EACL,MAAM,IAAI,MAAM,EAChB,OAAO,IAAI,CACV,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAChC,CACH,IACI,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Toast.module.scss

@@ -0,0 +1,11 @@
+.toast {
+    transition: opacity 0.3s, transform 0.3s;
+}
+
+.visible {
+    opacity: 1;
+}
+
+.hidden {
+    opacity: 0;
+}

package/dist/components/Toaster.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ToastPosition } from "../types";
+interface ToasterProps {
+    toasts: {
+        id: string;
+        variant: "success" | "danger";
+        message: React.ReactNode;
+        action?: React.ReactNode;
+    }[];
+    removeToast: (id: string) => void;
+    xl?: ToastPosition;
+    l?: ToastPosition;
+    m?: ToastPosition;
+    s?: ToastPosition;
+    xs?: ToastPosition;
+}
+declare const Toaster: React.FC<ToasterProps>;
+export { Toaster };
+//# sourceMappingURL=Toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,YAAY;IACpB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B,EAAE,CAAC;IACJ,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,EAAE,CAAC,EAAE,aAAa,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwEnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Toaster.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { Column, Row, Toast } from ".";
+import styles from "./Toaster.module.scss";
+import { useLayout } from "../contexts";
+import classNames from "classnames";
+const Toaster = ({ toasts, removeToast, xl, l, m, s, xs }) => {
+    const [mounted, setMounted] = useState(false);
+    const { currentBreakpoint } = useLayout();
+    useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    if (!mounted)
+        return null;
+    const getCascadedPosition = () => {
+        const breakpointOrder = ["xl", "l", "m", "s", "xs"];
+        const breakpointProps = { xl, l, m, s, xs };
+        const currentIndex = breakpointOrder.indexOf(currentBreakpoint);
+        let activePosition = "bottom";
+        if (currentIndex === -1)
+            return activePosition;
+        for (let i = 0; i <= currentIndex; i++) {
+            const bp = breakpointOrder[i];
+            if (breakpointProps[bp]) {
+                activePosition = breakpointProps[bp];
+            }
+        }
+        return activePosition;
+    };
+    const actualPosition = getCascadedPosition();
+    const isTop = actualPosition === "top";
+    return createPortal(_jsx(Column, { zIndex: 10, fillWidth: true, maxWidth: 32, position: "fixed", className: classNames(styles.toastContainer, styles[actualPosition]), children: toasts.map((toast, index, array) => {
+            const reverseIndex = array.length - 1 - index;
+            const yDirection = isTop ? -1 : 1;
+            return (_jsx(Row, { padding: "4", fillWidth: true, position: "absolute", className: classNames(styles.toastWrapper, styles[actualPosition]), style: {
+                    transformOrigin: isTop ? "top center" : "bottom center",
+                    transform: `scale(${1 - reverseIndex * 0.05}) translateY(${yDirection * (1 - reverseIndex * 10)}%)`,
+                    opacity: reverseIndex === 0 ? 1 : 0.9,
+                }, children: _jsx(Toast, { className: classNames(styles.toastAnimation, styles[`animation-${actualPosition}`]), variant: toast.variant, onClose: () => removeToast(toast.id), action: toast.action, children: toast.message }) }, toast.id));
+        }) }), document.body);
+};
+Toaster.displayName = "Toaster";
+export { Toaster };
+//# sourceMappingURL=Toaster.js.map

package/dist/components/Toaster.js.map

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

package/dist/components/Toaster.module.scss

@@ -0,0 +1,58 @@
+@import '../styles/breakpoints.scss';
+
+.toastContainer {
+    left: 50%;
+    transform: translateX(-50%);
+
+    &.bottom {
+        bottom: var(--responsive-space-l, 2rem);
+    }
+
+    &.top {
+        top: var(--responsive-space-l, 2rem);
+    }
+}
+
+.toastWrapper {
+    transition: transform 0.3s, opacity 0.3s;
+
+    &.bottom {
+        bottom: 0;
+    }
+
+    &.top {
+        top: 0;
+    }
+}
+
+.toastAnimation {
+    &.animation-bottom {
+        animation: fadeInBottom 0.3s ease-out forwards;
+    }
+
+    &.animation-top {
+        animation: fadeInTop 0.3s ease-out forwards;
+    }
+}
+
+@keyframes fadeInBottom {
+    from {
+        opacity: 0;
+        transform: translateY(4rem);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes fadeInTop {
+    from {
+        opacity: 0;
+        transform: translateY(-4rem);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}

package/dist/components/ToggleButton.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    label?: ReactNode;
+    selected?: boolean;
+    variant?: "ghost" | "outline";
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    rounded?: boolean;
+    horizontal?: "start" | "center" | "end" | "between";
+    fillWidth?: boolean;
+    weight?: "default" | "strong";
+    truncate?: boolean;
+    disabled?: boolean;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: ReactNode;
+    href?: string;
+}
+export type ToggleButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const ToggleButton: React.ForwardRefExoticComponent<CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLElement>>;
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5F,QAAA,MAAM,YAAY,iIAwEjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ToggleButton.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Flex, Icon, ElementType } from ".";
+import styles from "./ToggleButton.module.scss";
+const ToggleButton = forwardRef(({ label, selected = false, variant = "ghost", size = "m", radius, rounded = false, horizontal = "center", fillWidth = false, weight = "default", truncate = false, disabled = false, prefixIcon, suffixIcon, className, style, children, href, ...props }, ref) => {
+    return (_jsxs(ElementType, { ref: ref, href: href, disabled: disabled, "data-disabled": disabled ? true : undefined, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], selected && styles.selected, radius === "none"
+            ? "radius-none"
+            : radius
+                ? `radius-${size}-${radius}`
+                : `radius-${size}`, "text-decoration-none", "button", disabled ? "cursor-not-allowed" : "cursor-interactive", {
+            ["fill-width"]: fillWidth,
+            ["fit-width"]: !fillWidth,
+            ["justify-" + horizontal]: horizontal,
+        }, className), style: style, ...props, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: size === "xl" ? "m" : size === "l" ? "s" : "xs" }), (label || children) && (_jsx(Flex, { fillWidth: fillWidth, horizontal: horizontal, textWeight: weight, paddingX: size === "xl" ? "12" : size === "l" ? "8" : size === "s" ? "4" : "2", textSize: size === "xl" ? "l" : size === "l" ? "m" : "s", className: "font-label", position: "static", children: label || children })), suffixIcon && _jsx(Icon, { name: suffixIcon, size: size === "xl" ? "m" : size === "l" ? "s" : "xs" })] }));
+});
+ToggleButton.displayName = "ToggleButton";
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.js.map

package/dist/components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAkChD,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,mBACH,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,iBAC7B,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,OAAO,CAAC,EACf,MAAM,CAAC,IAAI,CAAC,EACZ,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,UAAU,IAAI,IAAI,MAAM,EAAE;gBAC5B,CAAC,CAAC,UAAU,IAAI,EAAE,EACtB,sBAAsB,EACtB,QAAQ,EACR,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,EACtD;YACE,CAAC,YAAY,CAAC,EAAE,SAAS;YACzB,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS;YACzB,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,UAAU;SACtC,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KACR,KAAK,aAER,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,EAC/F,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAC9E,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACxD,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,QAAQ,YAEhB,KAAK,IAAI,QAAQ,GACb,CACR,EACA,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,IACpF,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ToggleButton.module.scss

@@ -0,0 +1,73 @@
+.button {
+    display: flex;
+    align-items: center;
+    gap: var(--static-space-8);
+    border-width: 1px;
+    border-style: solid;
+    background: var(--static-transparent);
+    color: var(--neutral-on-background-strong);
+    transition: var(--transition-micro-medium);
+    user-select: none;
+    white-space: nowrap;
+
+    &:focus-visible {
+        background: var(--neutral-alpha-weak);
+        border-color: var(--neutral-alpha-weak);
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover:not([data-disabled]) {
+            background: var(--neutral-alpha-weak);
+            border-color: var(--neutral-alpha-weak);
+        }
+    }
+
+    &.selected {
+        background-color: var(--neutral-alpha-medium);
+        border-color: var(--neutral-alpha-weak);
+    }
+
+    &[data-disabled] {
+        background: var(--neutral-background-medium);
+        color: var(--neutral-on-background-weak);
+        border-color: transparent;
+    }
+}
+
+.xs {
+    height: var(--static-space-20);
+    min-height: var(--static-space-20);
+    padding: var(--static-space-2) var(--static-space-8);
+}
+
+.s {
+    height: var(--static-space-24);
+    min-height: var(--static-space-24);
+    padding: var(--static-space-2) var(--static-space-8);
+}
+
+.m {
+    height: var(--static-space-32);
+    min-height: var(--static-space-32);
+    padding: var(--static-space-4) var(--static-space-8);
+}
+
+.l {
+    height: var(--static-space-40);
+    min-height: var(--static-space-40);
+    padding: var(--static-space-8) var(--static-space-16);
+}
+
+.xl {
+    height: var(--static-space-48);
+    min-height: var(--static-space-48);
+    padding: var(--static-space-12) var(--static-space-20);
+}
+
+.ghost {
+    border-color: var(--static-transparent);
+}
+
+.outline {
+    border-color: var(--neutral-alpha-weak);
+}

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { Row } from ".";
+import { IconName } from "../icons";
+interface TooltipProps extends React.ComponentProps<typeof Row> {
+    label: ReactNode;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip };
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Icon, Row } from ".";
+import styles from "./Tooltip.module.scss";
+const Tooltip = forwardRef(({ label, prefixIcon, suffixIcon, className, style, ...flex }, ref) => {
+    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(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 };
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +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,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,KAAsC,MAAM,OAAO,CAAC;AAC3D,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,CAwGjC,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/TypeFx.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } 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 [triggered, setTriggered] = useState(trigger === "instant");
+    const timeoutRef = useRef(null);
+    const wordsHash = JSON.stringify(Array.isArray(words) ? words : [words]);
+    useEffect(() => {
+        if (trigger === "instant")
+            setTriggered(true);
+    }, [trigger]);
+    useEffect(() => {
+        if (trigger === "custom" && onTrigger) {
+            onTrigger(() => setTriggered(true));
+        }
+    }, [trigger, onTrigger]);
+    useEffect(() => {
+        if (!triggered)
+            return;
+        let active = true;
+        let pendingResolve = null;
+        setDisplayText("");
+        setIsComplete(false);
+        const sleep = (ms) => new Promise((resolve) => {
+            pendingResolve = resolve;
+            timeoutRef.current = window.setTimeout(resolve, ms);
+        });
+        const run = async () => {
+            const wordsArray = JSON.parse(wordsHash);
+            const isSingleWord = wordsArray.length === 1;
+            if (delay > 0) {
+                await sleep(delay);
+                if (!active)
+                    return;
+            }
+            let currentIndex = 0;
+            while (active) {
+                const currentWord = wordsArray[currentIndex];
+                for (let i = 0; i <= currentWord.length; i++) {
+                    if (!active)
+                        return;
+                    setDisplayText(currentWord.substring(0, i));
+                    await sleep(speed);
+                }
+                if (isSingleWord) {
+                    if (active)
+                        setIsComplete(true);
+                    return;
+                }
+                if (!active)
+                    return;
+                await sleep(hold);
+                for (let i = currentWord.length; i >= 0; i--) {
+                    if (!active)
+                        return;
+                    setDisplayText(currentWord.substring(0, i));
+                    await sleep(speed / 2);
+                }
+                currentIndex = (currentIndex + 1) % wordsArray.length;
+                if (!loop && currentIndex === 0)
+                    return;
+                if (!active)
+                    return;
+                await sleep(speed);
+            }
+        };
+        run();
+        return () => {
+            active = false;
+            if (timeoutRef.current !== null) {
+                clearTimeout(timeoutRef.current);
+            }
+            if (pendingResolve)
+                pendingResolve();
+        };
+    }, [triggered, wordsHash, speed, delay, hold, loop]);
+    return (_jsxs(Text, { ...text, children: [children, displayText, !isComplete && _jsx("span", { style: { opacity: 0.5 }, children: "|" })] }));
+};
+TypeFx.displayName = "TypeFx";
+export { TypeFx };
+//# sourceMappingURL=TypeFx.js.map

package/dist/components/TypeFx.js.map

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

package/dist/components/User.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { TagProps, AvatarProps } from ".";
+interface UserProps {
+    name?: string;
+    children?: React.ReactNode;
+    subline?: React.ReactNode;
+    tag?: string;
+    tagProps?: TagProps;
+    loading?: boolean;
+    avatarProps?: AvatarProps;
+    className?: string;
+}
+declare const User: React.ForwardRefExoticComponent<UserProps & React.RefAttributes<HTMLDivElement>>;
+export { User };
+export type { UserProps };
+//# sourceMappingURL=User.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAA6B,QAAQ,EAAU,WAAW,EAAU,MAAM,GAAG,CAAC;AAErF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAmDT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/User.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Flex, Text, Skeleton, Tag, Avatar, Column } from ".";
+const User = forwardRef(({ name, children, subline, tagProps = {}, loading = false, avatarProps = {}, className }, ref) => {
+    const { src, value, empty, ...restAvatarProps } = avatarProps;
+    const isEmpty = empty || (!src && !value);
+    return (_jsxs(Flex, { ref: ref, vertical: "center", gap: "8", className: classNames(className), children: [_jsx(Avatar, { size: "m", src: src, value: value, empty: isEmpty, loading: loading, ...restAvatarProps }), children, name && (_jsxs(Column, { paddingLeft: "4", paddingRight: "12", children: [loading ? (_jsx(Flex, { minWidth: 6, paddingY: "4", children: _jsx(Skeleton, { width: "xl", height: "m", shape: "line", "aria-label": "Loading name" }) })) : (_jsxs(Flex, { gap: "8", vertical: "center", children: [_jsx(Text, { variant: "label-default-m", onBackground: "neutral-strong", children: name }), tagProps.label && (_jsx(Tag, { size: "s", ...tagProps, children: tagProps.label }))] })), loading ? (_jsx(Flex, { paddingY: "2", children: _jsx(Skeleton, { width: "l", height: "xs", shape: "line", "aria-label": "Loading subline" }) })) : (_jsx(Text, { wrap: "nowrap", variant: "body-default-xs", onBackground: "neutral-weak", children: subline }))] }))] }));
+});
+User.displayName = "User";
+export { User };
+//# sourceMappingURL=User.js.map