@unisane/ui 0.1.0-next.b67ebfd0

package/dist/components/toast.js

@@ -0,0 +1,194 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useRef, useState, useSyncExternalStore, } from 'react';
+import { createPortal } from 'react-dom';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+import { Icon } from './icon.js';
+import { IconButton } from './icon-button.js';
+const toastRecipe = cva('pointer-events-auto flex w-full min-w-0 max-w-100 items-start gap-3 rounded-md border px-4 py-3 shadow-4 transition-all duration-medium ease-emphasized sm:min-w-72', {
+    variants: {
+        tone: {
+            neutral: 'border-transparent bg-inverse-surface text-inverse-on-surface',
+            success: 'border-success bg-success-container text-on-success-container [&_.toast-icon]:text-on-success-container',
+            danger: 'border-error bg-error-container text-on-error-container [&_.toast-icon]:text-on-error-container',
+            warning: 'border-warning bg-warning-container text-on-warning-container [&_.toast-icon]:text-on-warning-container',
+            info: 'border-info bg-info-container text-on-info-container [&_.toast-icon]:text-on-info-container',
+        },
+    },
+    defaultVariants: {
+        tone: 'neutral',
+    },
+});
+const positionClasses = {
+    'bottom-right': 'inset-x-4 bottom-4 items-stretch sm:inset-x-auto sm:right-6 sm:bottom-6 sm:items-end',
+    'bottom-left': 'inset-x-4 bottom-4 items-stretch sm:inset-x-auto sm:bottom-6 sm:left-6 sm:items-start',
+    'bottom-center': 'inset-x-4 bottom-4 items-stretch sm:inset-x-auto sm:bottom-6 sm:left-1/2 sm:-translate-x-1/2 sm:items-center',
+    'top-right': 'inset-x-4 top-4 items-stretch sm:inset-x-auto sm:top-6 sm:right-6 sm:items-end',
+    'top-left': 'inset-x-4 top-4 items-stretch sm:inset-x-auto sm:top-6 sm:left-6 sm:items-start',
+    'top-center': 'inset-x-4 top-4 items-stretch sm:inset-x-auto sm:top-6 sm:left-1/2 sm:-translate-x-1/2 sm:items-center',
+};
+const defaultIcons = {
+    neutral: null,
+    success: _jsx(Icon, { symbol: "check_circle", size: "sm" }),
+    danger: _jsx(Icon, { symbol: "error", size: "sm" }),
+    warning: _jsx(Icon, { symbol: "warning", size: "sm" }),
+    info: _jsx(Icon, { symbol: "info", size: "sm" }),
+};
+const emptySnapshot = [];
+const listeners = new Set();
+let snapshot = emptySnapshot;
+let nextToastId = 0;
+function emitStoreChange() {
+    for (const listener of listeners) {
+        listener();
+    }
+}
+const toastStore = {
+    getSnapshot: () => snapshot,
+    getServerSnapshot: () => emptySnapshot,
+    subscribe(listener) {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+    },
+    show(options) {
+        nextToastId += 1;
+        const id = `toast-${nextToastId}`;
+        snapshot = [...snapshot, { id, ...options }];
+        emitStoreChange();
+        return id;
+    },
+    dismiss(id) {
+        const nextSnapshot = snapshot.filter((item) => item.id !== id);
+        if (nextSnapshot.length === snapshot.length)
+            return;
+        snapshot = nextSnapshot;
+        emitStoreChange();
+    },
+    dismissAll() {
+        if (snapshot.length === 0)
+            return;
+        snapshot = emptySnapshot;
+        emitStoreChange();
+    },
+};
+function useAutoDismiss(duration, onDismiss) {
+    const onDismissRef = useRef(onDismiss);
+    const remainingRef = useRef(duration);
+    const startedAtRef = useRef(0);
+    const timerRef = useRef(null);
+    const pauseReasonsRef = useRef(new Set());
+    onDismissRef.current = onDismiss;
+    const clearTimer = useCallback(() => {
+        if (timerRef.current === null)
+            return;
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+        remainingRef.current = Math.max(0, remainingRef.current - (Date.now() - startedAtRef.current));
+    }, []);
+    const startTimer = useCallback(() => {
+        if (duration <= 0 || pauseReasonsRef.current.size > 0 || timerRef.current !== null)
+            return;
+        if (remainingRef.current <= 0) {
+            onDismissRef.current();
+            return;
+        }
+        startedAtRef.current = Date.now();
+        timerRef.current = setTimeout(() => {
+            timerRef.current = null;
+            remainingRef.current = 0;
+            onDismissRef.current();
+        }, remainingRef.current);
+    }, [duration]);
+    const pause = useCallback((reason) => {
+        pauseReasonsRef.current.add(reason);
+        clearTimer();
+    }, [clearTimer]);
+    const resume = useCallback((reason) => {
+        pauseReasonsRef.current.delete(reason);
+        startTimer();
+    }, [startTimer]);
+    useEffect(() => {
+        remainingRef.current = duration;
+        pauseReasonsRef.current.clear();
+        const handleVisibilityChange = () => {
+            if (document.hidden) {
+                pause('visibility');
+            }
+            else {
+                resume('visibility');
+            }
+        };
+        if (document.hidden) {
+            pauseReasonsRef.current.add('visibility');
+        }
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        startTimer();
+        return () => {
+            clearTimer();
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, [clearTimer, duration, pause, resume, startTimer]);
+    return { pause, resume };
+}
+export const Toast = forwardRef(({ message, description, tone = 'neutral', priority = tone === 'danger' ? 'assertive' : 'polite', icon, action, duration = 5000, dismissible = true, onDismiss, className, onPointerEnter, onPointerLeave, onFocusCapture, onBlurCapture, ...props }, ref) => {
+    const dismiss = onDismiss ?? (() => undefined);
+    const { pause, resume } = useAutoDismiss(duration, dismiss);
+    const displayIcon = icon ?? defaultIcons[tone];
+    const isNeutral = tone === 'neutral';
+    const handlePointerEnter = (event) => {
+        onPointerEnter?.(event);
+        if (!event.defaultPrevented)
+            pause('pointer');
+    };
+    const handlePointerLeave = (event) => {
+        onPointerLeave?.(event);
+        if (!event.defaultPrevented)
+            resume('pointer');
+    };
+    const handleFocusCapture = (event) => {
+        onFocusCapture?.(event);
+        if (!event.defaultPrevented)
+            pause('focus');
+    };
+    const handleBlurCapture = (event) => {
+        onBlurCapture?.(event);
+        if (!event.defaultPrevented &&
+            !(event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget))) {
+            resume('focus');
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn(toastRecipe({ tone }), 'animate-toast-enter motion-reduce:animate-none', className), role: priority === 'assertive' ? 'alert' : 'status', "aria-live": priority, "aria-atomic": "true", onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onFocusCapture: handleFocusCapture, onBlurCapture: handleBlurCapture, ...props, children: [displayIcon && (_jsx("div", { className: "toast-icon size-icon-sm flex shrink-0 items-center justify-center", children: displayIcon })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: cn('text-body-medium leading-tight font-medium', isNeutral ? 'text-inverse-on-surface' : 'text-inherit'), children: message }), description && (_jsx("p", { className: cn('text-body-small mt-1 leading-snug', isNeutral ? 'text-inverse-on-surface opacity-70' : 'text-inherit opacity-80'), children: description }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [action && (_jsx(Button, { variant: "text", size: "sm", onClick: () => {
+                            action.onClick();
+                            dismiss();
+                        }, className: cn('h-8 px-3 font-medium', isNeutral
+                            ? 'text-inverse-primary hover:bg-state-focus'
+                            : 'hover:bg-state-hover text-inherit'), children: action.label })), dismissible && onDismiss && (_jsx(IconButton, { "aria-label": "Dismiss notification", icon: _jsx(Icon, { symbol: "close" }), size: "sm", onClick: dismiss, className: cn(isNeutral
+                            ? 'text-inverse-on-surface opacity-70 hover:opacity-100'
+                            : 'text-inherit opacity-70 hover:opacity-100') }))] })] }));
+});
+Toast.displayName = 'Toast';
+export function Toaster({ position = 'bottom-right', maxToasts = 5, className }) {
+    const toasts = useSyncExternalStore(toastStore.subscribe, toastStore.getSnapshot, toastStore.getServerSnapshot);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted)
+        return null;
+    const visibleCount = Math.max(0, Math.floor(maxToasts));
+    const visibleToasts = visibleCount === 0 ? [] : toasts.slice(-visibleCount);
+    const orderedToasts = position.startsWith('top') ? [...visibleToasts].reverse() : visibleToasts;
+    return createPortal(_jsx("div", { role: "region", "aria-label": "Notifications", className: cn('pointer-events-none fixed z-5000 flex flex-col gap-2', positionClasses[position], className), children: orderedToasts.map((item) => (_jsx(Toast, { ...item, onDismiss: () => toastStore.dismiss(item.id) }, item.id))) }), document.body);
+}
+export const toast = {
+    show: (options) => toastStore.show(options),
+    success: (message, options) => toastStore.show({ message, tone: 'success', ...options }),
+    error: (message, options) => toastStore.show({ message, tone: 'danger', ...options }),
+    warning: (message, options) => toastStore.show({ message, tone: 'warning', ...options }),
+    info: (message, options) => toastStore.show({ message, tone: 'info', ...options }),
+    dismiss: (id) => toastStore.dismiss(id),
+    dismissAll: () => toastStore.dismissAll(),
+};
+//# 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":"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"}

package/dist/components/token-field.d.ts

@@ -0,0 +1,48 @@
+import React, { type InputHTMLAttributes } from 'react';
+import { type FieldSize } from '../lib/field-size.js';
+import { type FieldShellVariant } from '../lib/field-shell.js';
+type TokenFieldInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'value' | 'onChange' | 'size'>;
+export type TokenFieldProps = TokenFieldInputProps & {
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: string[]) => void;
+    label: string;
+    variant?: FieldShellVariant;
+    size?: FieldSize;
+    error?: boolean;
+    helperText?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    maxTokens?: number;
+    allowDuplicates?: boolean;
+    separators?: readonly string[];
+    validateToken?: (token: string, values: readonly string[]) => string | null | undefined;
+    normalizeToken?: (token: string) => string;
+    labelClassName?: string;
+    labelBg?: string;
+    inputClassName?: string;
+};
+export declare const TokenField: React.ForwardRefExoticComponent<TokenFieldInputProps & {
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: string[]) => void;
+    label: string;
+    variant?: FieldShellVariant;
+    size?: FieldSize;
+    error?: boolean;
+    helperText?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    maxTokens?: number;
+    allowDuplicates?: boolean;
+    separators?: readonly string[];
+    validateToken?: (token: string, values: readonly string[]) => string | null | undefined;
+    normalizeToken?: (token: string) => string;
+    labelClassName?: string;
+    labelBg?: string;
+    inputClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare function normalizeTokenFieldToken(token: string): string;
+export declare function splitTokenFieldInput(value: string): string[];
+export {};
+//# sourceMappingURL=token-field.d.ts.map

package/dist/components/token-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-field.d.ts","sourceRoot":"","sources":["../../src/components/token-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAGZ,KAAK,mBAAmB,EAKzB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAG5B,KAAK,oBAAoB,GAAG,IAAI,CAC9B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAC/C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,oBAAoB,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,MAAM,EAAE,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,UAAU;YAtBb,SAAS,MAAM,EAAE;mBACV,SAAS,MAAM,EAAE;oBAChB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;WAClC,MAAM;cACH,iBAAiB;WACpB,SAAS;YACR,OAAO;iBACF,MAAM;kBACL,KAAK,CAAC,SAAS;mBACd,KAAK,CAAC,SAAS;gBAClB,MAAM;sBACA,OAAO;iBACZ,SAAS,MAAM,EAAE;oBACd,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,MAAM,EAAE,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS;qBACtE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;qBACzB,MAAM;cACb,MAAM;qBACC,MAAM;wCAqWxB,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,UAErD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,YAKjD"}

package/dist/components/token-field.js

@@ -0,0 +1,244 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState, } from 'react';
+import { Chip } from './chip.js';
+import { cn } from '../lib/utils.js';
+import { getFieldSizeStyles } from '../lib/field-size.js';
+import { fieldContainerVariants, getFieldAffixClasses, getFieldHelperTextClasses, getFieldLabelClasses, } from '../lib/field-shell.js';
+import { useFieldState } from '../lib/use-field-state.js';
+const DEFAULT_SEPARATORS = ['Enter', ',', ';'];
+export const TokenField = React.forwardRef(({ value, defaultValue, onValueChange, label, variant = 'outlined', size = 'md', error, helperText, leadingIcon, trailingIcon, maxTokens, allowDuplicates = false, separators = DEFAULT_SEPARATORS, validateToken, normalizeToken = normalizeTokenFieldToken, labelClassName, labelBg, inputClassName, className, id, disabled, placeholder, onFocus, onBlur, onKeyDown, onPaste, ...props }, ref) => {
+    const rootRef = useRef(null);
+    const inputRef = useRef(null);
+    const tokenRefs = useRef([]);
+    const fieldSize = getFieldSizeStyles(size);
+    const isControlled = value !== undefined;
+    const [uncontrolledValue, setUncontrolledValue] = useState(() => [
+        ...(defaultValue ?? []),
+    ]);
+    const tokens = [...(isControlled ? value : uncontrolledValue)];
+    const [draft, setDraft] = useState('');
+    const [activeTokenIndex, setActiveTokenIndex] = useState(null);
+    const [isFocused, setIsFocused] = useState(false);
+    const [validationMessage, setValidationMessage] = useState(null);
+    const atTokenLimit = maxTokens !== undefined && tokens.length >= maxTokens;
+    const effectiveError = Boolean(error || validationMessage);
+    const effectiveHelperText = validationMessage ?? helperText;
+    const hasValue = tokens.length > 0 || draft.length > 0;
+    const { fieldId, helperId, isFloating } = useFieldState({
+        id,
+        idPrefix: 'tokenfield',
+        helperText: effectiveHelperText,
+        active: isFocused,
+        hasValue,
+    });
+    useEffect(() => {
+        if (isControlled)
+            return;
+        setUncontrolledValue([...(defaultValue ?? [])]);
+    }, [defaultValue, isControlled]);
+    const commitTokens = (nextTokens) => {
+        if (!isControlled) {
+            setUncontrolledValue(nextTokens);
+        }
+        onValueChange?.(nextTokens);
+    };
+    const addTokens = (rawTokens) => {
+        setValidationMessage(null);
+        const nextTokens = [...tokens];
+        for (const rawToken of rawTokens) {
+            const token = normalizeToken(rawToken);
+            if (!token)
+                continue;
+            if (maxTokens !== undefined && nextTokens.length >= maxTokens) {
+                setValidationMessage(`Add up to ${maxTokens} ${maxTokens === 1 ? 'item' : 'items'}.`);
+                break;
+            }
+            if (!allowDuplicates && includesToken(nextTokens, token)) {
+                continue;
+            }
+            const tokenError = validateToken?.(token, nextTokens);
+            if (tokenError) {
+                setValidationMessage(tokenError);
+                continue;
+            }
+            nextTokens.push(token);
+        }
+        if (!arraysEqual(tokens, nextTokens)) {
+            commitTokens(nextTokens);
+        }
+    };
+    const commitDraft = () => {
+        if (!draft.trim())
+            return;
+        addTokens(splitTokenFieldInput(draft));
+        setDraft('');
+    };
+    const setRootRef = (node) => {
+        rootRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    };
+    const focusInput = () => {
+        setActiveTokenIndex(null);
+        if (!disabled)
+            inputRef.current?.focus();
+    };
+    const focusToken = (index) => {
+        if (disabled || tokens.length === 0)
+            return;
+        const boundedIndex = Math.max(0, Math.min(index, tokens.length - 1));
+        setActiveTokenIndex(boundedIndex);
+        window.requestAnimationFrame(() => tokenRefs.current[boundedIndex]?.focus());
+    };
+    const removeToken = (index, nextFocus = 'input') => {
+        setValidationMessage(null);
+        const nextTokens = tokens.filter((_, tokenIndex) => tokenIndex !== index);
+        commitTokens(nextTokens);
+        if (nextFocus === 'previous' && nextTokens.length > 0) {
+            const nextIndex = Math.min(index, nextTokens.length - 1);
+            setActiveTokenIndex(nextIndex);
+            window.requestAnimationFrame(() => tokenRefs.current[nextIndex]?.focus());
+            return;
+        }
+        window.requestAnimationFrame(focusInput);
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (separators.includes(event.key)) {
+            event.preventDefault();
+            commitDraft();
+            return;
+        }
+        if (event.key === 'Backspace' && draft.length === 0 && tokens.length > 0) {
+            event.preventDefault();
+            removeToken(tokens.length - 1);
+            return;
+        }
+        if (event.key === 'ArrowLeft' && draft.length === 0 && tokens.length > 0) {
+            event.preventDefault();
+            focusToken(tokens.length - 1);
+        }
+    };
+    const handleTokenKeyDown = (event, index) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (event.key === 'Backspace' || event.key === 'Delete') {
+            event.preventDefault();
+            removeToken(index, 'previous');
+            return;
+        }
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            focusToken(index - 1);
+            return;
+        }
+        if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            if (index >= tokens.length - 1) {
+                focusInput();
+                return;
+            }
+            focusToken(index + 1);
+            return;
+        }
+        if (event.key === 'Home') {
+            event.preventDefault();
+            focusToken(0);
+            return;
+        }
+        if (event.key === 'End' || event.key === 'Escape') {
+            event.preventDefault();
+            focusInput();
+        }
+    };
+    const handleRootBlur = (event) => {
+        if (!rootRef.current?.contains(event.relatedTarget)) {
+            setActiveTokenIndex(null);
+        }
+    };
+    const handlePaste = (event) => {
+        onPaste?.(event);
+        if (event.defaultPrevented)
+            return;
+        const pastedText = event.clipboardData.getData('text');
+        const pastedTokens = splitTokenFieldInput(pastedText);
+        if (pastedTokens.length <= 1)
+            return;
+        event.preventDefault();
+        addTokens(pastedTokens);
+        setDraft('');
+    };
+    return (_jsxs("div", { ref: setRootRef, className: cn('relative inline-flex w-full flex-col', className), onBlur: handleRootBlur, children: [_jsxs("div", { className: cn(fieldContainerVariants({ variant, error: effectiveError, disabled }), 'min-h-10 items-start py-0', size === 'sm' && 'min-h-8', size === 'lg' && 'min-h-12'), onClick: focusInput, children: [leadingIcon && (_jsx("span", { className: getFieldAffixClasses({
+                            size,
+                            error: effectiveError,
+                            active: isFocused,
+                            multiline: true,
+                            side: 'leading',
+                        }), children: _jsx("div", { className: cn(fieldSize.iconSize, 'flex items-center justify-center'), children: leadingIcon }) })), _jsxs("div", { className: "relative min-h-full min-w-0 flex-1", children: [_jsxs("div", { className: cn('flex min-h-full w-full flex-wrap items-center gap-1.5', fieldSize.horizontalPadding, getTokenFieldContentPadding(size, variant)), children: [tokens.length ? (_jsx("span", { className: "contents", role: "list", "aria-label": `${label} values`, children: tokens.map((token, index) => (_jsx("span", { role: "listitem", children: _jsx(Chip, { ref: (node) => {
+                                                    tokenRefs.current[index] = node;
+                                                }, "aria-label": `${token}. Press Delete to remove.`, deleteButtonTabIndex: -1, disabled: disabled, label: token, tabIndex: activeTokenIndex === index ? 0 : -1, variant: "input", onDelete: () => removeToken(index), onFocus: () => setActiveTokenIndex(index), onKeyDown: (event) => handleTokenKeyDown(event, index) }) }, `${token}:${index}`))) })) : null, _jsx("input", { ref: inputRef, id: fieldId, value: draft, disabled: disabled || atTokenLimit, placeholder: isFloating ? placeholder : ' ', "aria-describedby": helperId, "aria-invalid": effectiveError || undefined, className: cn('unisane-text-field-control text-on-surface caret-primary placeholder:text-on-surface-variant min-w-24 flex-1 border-none bg-transparent outline-none focus:ring-0 disabled:cursor-not-allowed', fieldSize.valueText, inputClassName), onFocus: (event) => {
+                                            setIsFocused(true);
+                                            onFocus?.(event);
+                                        }, onBlur: (event) => {
+                                            setIsFocused(false);
+                                            commitDraft();
+                                            onBlur?.(event);
+                                        }, onChange: (event) => {
+                                            setValidationMessage(null);
+                                            setDraft(event.currentTarget.value);
+                                        }, onKeyDown: handleKeyDown, onPaste: handlePaste, ...props })] }), _jsx("label", { htmlFor: fieldId, className: getFieldLabelClasses({
+                                    size,
+                                    variant,
+                                    floating: isFloating,
+                                    error: effectiveError,
+                                    active: isFocused,
+                                    multiline: true,
+                                    labelBg,
+                                    labelClassName,
+                                }), children: label })] }), trailingIcon && (_jsx("span", { className: getFieldAffixClasses({
+                            size,
+                            error: effectiveError,
+                            multiline: true,
+                            side: 'trailing',
+                        }), children: _jsx("div", { className: cn(fieldSize.iconSize, 'flex items-center justify-center'), children: trailingIcon }) }))] }), effectiveHelperText && (_jsx("span", { id: helperId, className: getFieldHelperTextClasses(size, effectiveError), children: effectiveHelperText }))] }));
+});
+TokenField.displayName = 'TokenField';
+export function normalizeTokenFieldToken(token) {
+    return token.trim().replace(/\s+/g, ' ');
+}
+export function splitTokenFieldInput(value) {
+    return value
+        .split(/[\n,;]+/)
+        .map(normalizeTokenFieldToken)
+        .filter(Boolean);
+}
+function includesToken(tokens, token) {
+    const normalized = token.toLocaleLowerCase();
+    return tokens.some((item) => item.toLocaleLowerCase() === normalized);
+}
+function arraysEqual(left, right) {
+    return left.length === right.length && left.every((item, index) => item === right[index]);
+}
+function getTokenFieldContentPadding(size, variant) {
+    if (variant === 'filled') {
+        if (size === 'sm')
+            return 'pt-5 pb-1.5';
+        if (size === 'lg')
+            return 'pt-7 pb-3';
+        return 'pt-6 pb-2';
+    }
+    if (size === 'sm')
+        return 'py-0';
+    if (size === 'lg')
+        return 'py-2';
+    return 'py-1';
+}
+//# sourceMappingURL=token-field.js.map

package/dist/components/token-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-field.js","sourceRoot":"","sources":["../../src/components/token-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAKZ,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAkB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,yBAAyB,EACzB,oBAAoB,GAErB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AA4BvD,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,kBAAkB,EAC/B,aAAa,EACb,cAAc,GAAG,wBAAwB,EACzC,cAAc,EACd,OAAO,EACP,cAAc,EACd,SAAS,EACT,EAAE,EACF,QAAQ,EACR,WAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,MAAM,CAAmD,EAAE,CAAC,CAAC;IAC/E,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAW,GAAG,EAAE,CAAC;QACzE,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC;KACxB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC;IAC3E,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,IAAI,iBAAiB,CAAC,CAAC;IAC3D,MAAM,mBAAmB,GAAG,iBAAiB,IAAI,UAAU,CAAC;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;QACtD,EAAE;QACF,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE,mBAAmB;QAC/B,MAAM,EAAE,SAAS;QACjB,QAAQ;KACT,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY;YAAE,OAAO;QACzB,oBAAoB,CAAC,CAAC,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,MAAM,YAAY,GAAG,CAAC,UAAoB,EAAE,EAAE;QAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,oBAAoB,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;QACD,aAAa,EAAE,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,SAA4B,EAAE,EAAE;QACjD,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE/B,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YACvC,IAAI,CAAC,KAAK;gBAAE,SAAS;YAErB,IAAI,SAAS,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;gBAC9D,oBAAoB,CAAC,aAAa,SAAS,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC;gBACtF,MAAM;YACR,CAAC;YAED,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;gBACzD,SAAS;YACX,CAAC;YAED,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YACtD,IAAI,UAAU,EAAE,CAAC;gBACf,oBAAoB,CAAC,UAAU,CAAC,CAAC;gBACjC,SAAS;YACX,CAAC;YAED,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC;YACrC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,OAAO;QAC1B,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC;QACvC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAA2B,EAAE,EAAE;QACjD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ;YAAE,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,IAAI,QAAQ,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC5C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACrE,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAClC,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,YAAkC,OAAO,EAAE,EAAE;QAC/E,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC;QAC1E,YAAY,CAAC,UAAU,CAAC,CAAC;QAEzB,IAAI,SAAS,KAAK,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACzD,mBAAmB,CAAC,SAAS,CAAC,CAAC;YAC/B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC1E,OAAO;QACT,CAAC;QAED,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC/D,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QAEnC,IAAI,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAiC,EAAE,KAAa,EAAE,EAAE;QAC9E,SAAS,EAAE,CAAC,KAAwC,CAAC,CAAC;QACtD,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QAEnC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACxD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,KAAK,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC/B,UAAU,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YACD,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YACzB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,CAAC,CAAC,CAAC,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAClD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAiC,EAAE,EAAE;QAC3D,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC,EAAE,CAAC;YACnE,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC9D,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvD,MAAM,YAAY,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;QACtD,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QAErC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,SAAS,CAAC,YAAY,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,EAChE,MAAM,EAAE,cAAc,aAEtB,eACE,SAAS,EAAE,EAAE,CACX,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EACpE,2BAA2B,EAC3B,IAAI,KAAK,IAAI,IAAI,SAAS,EAC1B,IAAI,KAAK,IAAI,IAAI,UAAU,CAC5B,EACD,OAAO,EAAE,UAAU,aAElB,WAAW,IAAI,CACd,eACE,SAAS,EAAE,oBAAoB,CAAC;4BAC9B,IAAI;4BACJ,KAAK,EAAE,cAAc;4BACrB,MAAM,EAAE,SAAS;4BACjB,SAAS,EAAE,IAAI;4BACf,IAAI,EAAE,SAAS;yBAChB,CAAC,YAEF,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,kCAAkC,CAAC,YACvE,WAAW,GACR,GACD,CACR,EACD,eAAK,SAAS,EAAC,oCAAoC,aACjD,eACE,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CAAC,iBAAiB,EAC3B,2BAA2B,CAAC,IAAI,EAAE,OAAO,CAAC,CAC3C,aAEA,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,eAAM,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,gBAAa,GAAG,KAAK,SAAS,YACjE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,eAAgC,IAAI,EAAC,UAAU,YAC7C,KAAC,IAAI,IACH,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oDACZ,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gDAClC,CAAC,gBACW,GAAG,KAAK,2BAA2B,EAC/C,oBAAoB,EAAE,CAAC,CAAC,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,GACtD,IAdO,GAAG,KAAK,IAAI,KAAK,EAAE,CAevB,CACR,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,sBACzB,QAAQ,kBACZ,cAAc,IAAI,SAAS,EACzC,SAAS,EAAE,EAAE,CACX,+LAA+L,EAC/L,SAAS,CAAC,SAAS,EACnB,cAAc,CACf,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;4CACjB,YAAY,CAAC,IAAI,CAAC,CAAC;4CACnB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;wCACnB,CAAC,EACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;4CAChB,YAAY,CAAC,KAAK,CAAC,CAAC;4CACpB,WAAW,EAAE,CAAC;4CACd,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;wCAClB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4CAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;4CAC3B,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wCACtC,CAAC,EACD,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,KAChB,KAAK,GACT,IACE,EACN,gBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,CAAC;oCAC9B,IAAI;oCACJ,OAAO;oCACP,QAAQ,EAAE,UAAU;oCACpB,KAAK,EAAE,cAAc;oCACrB,MAAM,EAAE,SAAS;oCACjB,SAAS,EAAE,IAAI;oCACf,OAAO;oCACP,cAAc;iCACf,CAAC,YAED,KAAK,GACA,IACJ,EACL,YAAY,IAAI,CACf,eACE,SAAS,EAAE,oBAAoB,CAAC;4BAC9B,IAAI;4BACJ,KAAK,EAAE,cAAc;4BACrB,SAAS,EAAE,IAAI;4BACf,IAAI,EAAE,UAAU;yBACjB,CAAC,YAEF,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,kCAAkC,CAAC,YACvE,YAAY,GACT,GACD,CACR,IACG,EACL,mBAAmB,IAAI,CACtB,eAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAyB,CAAC,IAAI,EAAE,cAAc,CAAC,YAC3E,mBAAmB,GACf,CACR,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,UAAU,wBAAwB,CAAC,KAAa;IACpD,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAa;IAChD,OAAO,KAAK;SACT,KAAK,CAAC,SAAS,CAAC;SAChB,GAAG,CAAC,wBAAwB,CAAC;SAC7B,MAAM,CAAC,OAAO,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,aAAa,CAAC,MAAyB,EAAE,KAAa;IAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,UAAU,CAAC,CAAC;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,IAAuB,EAAE,KAAwB;IACpE,OAAO,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5F,CAAC;AAED,SAAS,2BAA2B,CAAC,IAAe,EAAE,OAA0B;IAC9E,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,aAAa,CAAC;QACxC,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,WAAW,CAAC;QACtC,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACjC,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACjC,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TooltipProps {
+    label: string;
+    subhead?: string;
+    children: React.ReactNode;
+    variant?: 'plain' | 'rich';
+    className?: string;
+    triggerClassName?: string;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+//# 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":"AAEA,OAAO,KAUN,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsH1C,CAAC"}

package/dist/components/tooltip.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, cloneElement, isValidElement, useCallback, useEffect, useId, useLayoutEffect, useRef, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../lib/utils.js';
+const VIEWPORT_MARGIN = 8;
+const TOOLTIP_GAP = 8;
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+export const Tooltip = ({ label, subhead, children, variant = 'plain', className, triggerClassName, side = 'top', }) => {
+    const tooltipId = useId();
+    const triggerRef = useRef(null);
+    const tooltipRef = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const updatePosition = useCallback(() => {
+        if (typeof window === 'undefined')
+            return;
+        const trigger = triggerRef.current;
+        const tooltip = tooltipRef.current;
+        if (!trigger || !tooltip)
+            return;
+        const triggerRect = trigger.getBoundingClientRect();
+        const tooltipRect = tooltip.getBoundingClientRect();
+        const width = tooltipRect.width;
+        const height = tooltipRect.height;
+        let top = triggerRect.top - height - TOOLTIP_GAP;
+        let left = triggerRect.left + triggerRect.width / 2 - width / 2;
+        if (side === 'bottom') {
+            top = triggerRect.bottom + TOOLTIP_GAP;
+        }
+        else if (side === 'left') {
+            top = triggerRect.top + triggerRect.height / 2 - height / 2;
+            left = triggerRect.left - width - TOOLTIP_GAP;
+        }
+        else if (side === 'right') {
+            top = triggerRect.top + triggerRect.height / 2 - height / 2;
+            left = triggerRect.right + TOOLTIP_GAP;
+        }
+        setPosition({
+            top: Math.max(VIEWPORT_MARGIN, Math.min(top, window.innerHeight - height - VIEWPORT_MARGIN)),
+            left: Math.max(VIEWPORT_MARGIN, Math.min(left, window.innerWidth - width - VIEWPORT_MARGIN)),
+        });
+    }, [side]);
+    useIsomorphicLayoutEffect(() => {
+        if (!mounted)
+            return;
+        updatePosition();
+    }, [mounted, label, subhead, side, variant, updatePosition]);
+    useEffect(() => {
+        if (!open)
+            return;
+        updatePosition();
+        window.addEventListener('resize', updatePosition);
+        window.addEventListener('scroll', updatePosition, { capture: true, passive: true });
+        return () => {
+            window.removeEventListener('resize', updatePosition);
+            window.removeEventListener('scroll', updatePosition, { capture: true });
+        };
+    }, [open, updatePosition]);
+    const trigger = isValidElement(children) && children.type !== Fragment ? (cloneElement(children, {
+        'aria-describedby': [children.props['aria-describedby'], tooltipId]
+            .filter(Boolean)
+            .join(' '),
+    })) : (_jsx("span", { "aria-describedby": tooltipId, children: children }));
+    const tooltip = (_jsxs("div", { ref: tooltipRef, id: tooltipId, role: "tooltip", "data-side": side, className: cn('duration-snappy ease-emphasized pointer-events-none fixed z-[var(--z-popover,2000)] max-w-[min(22rem,calc(100vw-1rem))] scale-95 opacity-0 transition-all', open && 'scale-100 opacity-100', variant === 'plain'
+            ? 'bg-inverse-surface text-inverse-on-surface text-label-medium shadow-2 rounded-sm px-2 py-1.5 font-medium whitespace-normal'
+            : 'bg-surface-container text-on-surface shadow-2 border-outline-soft flex min-w-50 flex-col gap-1 rounded-sm border p-4 whitespace-normal', className), style: {
+            top: position.top,
+            left: position.left,
+        }, children: [variant === 'rich' && subhead && (_jsx("span", { className: "text-primary text-label-small font-medium opacity-70", children: subhead })), _jsx("span", { className: cn(variant === 'rich' ? 'text-body-small font-medium' : ''), children: label })] }));
+    return (_jsxs("div", { ref: triggerRef, className: cn('relative inline-flex', triggerClassName), onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: (event) => {
+            if (event.currentTarget.contains(event.relatedTarget))
+                return;
+            setOpen(false);
+        }, children: [trigger, mounted ? createPortal(tooltip, document.body) : null] }));
+};
+//# 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":"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"}