entangle-ui 0.8.2 → 0.10.0

package/dist/esm/components/primitives/HoverCard/HoverCard.js

@@ -0,0 +1,171 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useFloating, autoUpdate, offset, flip, shift, useHover, safePolygon, useFocus, useInteractions } from '@floating-ui/react';
+import React, { useId, useRef, useState, useCallback, useMemo, useEffect, createContext, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { cx } from '../../../utils/cx.js';
+import { hoverCardContentRecipe } from './HoverCard.css.js';
+
+const HoverCardContext = 
+/*#__PURE__*/ createContext(null);
+function useHoverCardContext() {
+    const ctx = useContext(HoverCardContext);
+    if (!ctx) {
+        throw new Error('HoverCard compound components must be used within <HoverCard>');
+    }
+    return ctx;
+}
+/**
+ * A floating content container anchored to a trigger and shown on hover.
+ * Cursor can move from the trigger onto the content without closing
+ * (safe-polygon based). Also opens on keyboard focus for accessibility.
+ *
+ * @example
+ * ```tsx
+ * <HoverCard>
+ *   <HoverCard.Trigger>
+ *     <Link>@octocat</Link>
+ *   </HoverCard.Trigger>
+ *   <HoverCard.Content width={280}>
+ *     <UserPreview user={...} />
+ *   </HoverCard.Content>
+ * </HoverCard>
+ * ```
+ */
+const HoverCardRoot = ({ open: openProp, defaultOpen = false, placement = 'bottom-start', offset: offset$1 = 8, openDelay = 400, closeDelay = 150, portal = true, disableSafePolygon = false, disabled = false, onOpenChange, children, }) => {
+    const autoId = useId();
+    const triggerRef = useRef(null);
+    const contentRef = useRef(null);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isControlled = openProp !== undefined;
+    const isOpen = disabled ? false : isControlled ? openProp : internalOpen;
+    const handleOpenChange = useCallback((nextOpen) => {
+        if (disabled && nextOpen)
+            return;
+        if (!isControlled) {
+            setInternalOpen(nextOpen);
+        }
+        onOpenChange?.(nextOpen);
+    }, [disabled, isControlled, onOpenChange]);
+    const { refs, floatingStyles, context } = useFloating({
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        placement: placement,
+        middleware: [offset(offset$1), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    const hover = useHover(context, {
+        enabled: !disabled,
+        delay: { open: openDelay, close: closeDelay },
+        handleClose: disableSafePolygon ? null : safePolygon(),
+        move: false,
+    });
+    const focus = useFocus(context, { enabled: !disabled });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        hover,
+        focus,
+    ]);
+    const contextValue = useMemo(() => ({
+        isOpen,
+        hoverCardId: autoId,
+        portal,
+        triggerRef,
+        contentRef,
+        floatingRefs: refs,
+        floatingStyles,
+        floatingContext: context,
+        getReferenceProps,
+        getFloatingProps,
+    }), [
+        isOpen,
+        autoId,
+        portal,
+        refs,
+        floatingStyles,
+        context,
+        getReferenceProps,
+        getFloatingProps,
+    ]);
+    return (jsx(HoverCardContext.Provider, { value: contextValue, children: children }));
+};
+HoverCardRoot.displayName = 'HoverCard';
+const HoverCardTrigger = ({ children }) => {
+    const { isOpen, hoverCardId, triggerRef, floatingRefs, getReferenceProps } = useHoverCardContext();
+    const contentId = `hovercard-${hoverCardId}-content`;
+    const setRef = useCallback((node) => {
+        triggerRef.current = node;
+        floatingRefs.setReference(node);
+    }, [triggerRef, floatingRefs]);
+    if (!React.isValidElement(children))
+        return null;
+    const referenceProps = getReferenceProps();
+    return React.cloneElement(children, {
+        ref: setRef,
+        ...referenceProps,
+        'aria-describedby': isOpen ? contentId : undefined,
+    });
+};
+HoverCardTrigger.displayName = 'HoverCard.Trigger';
+const HoverCardContent = ({ children, width, maxHeight, padding = 'md', className, style, testId, ref: externalRef, ...rest }) => {
+    const { isOpen, contentRef, portal, hoverCardId, floatingRefs, floatingStyles, getFloatingProps, } = useHoverCardContext();
+    const [visible, setVisible] = useState(false);
+    const contentId = `hovercard-${hoverCardId}-content`;
+    const setRef = useCallback((node) => {
+        contentRef.current = node;
+        floatingRefs.setFloating(node);
+        if (typeof externalRef === 'function') {
+            externalRef(node);
+        }
+        else if (externalRef && typeof externalRef === 'object') {
+            externalRef.current = node;
+        }
+    }, [contentRef, floatingRefs, externalRef]);
+    useEffect(() => {
+        if (isOpen) {
+            const handle = requestAnimationFrame(() => {
+                setVisible(true);
+            });
+            return () => {
+                cancelAnimationFrame(handle);
+            };
+        }
+        // Reset enter-animation state on close; gated by the `isOpen` prop, so this
+        // is a one-shot transition rather than continuous state synchronization.
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setVisible(false);
+        return undefined;
+    }, [isOpen]);
+    if (!isOpen)
+        return null;
+    const dimensionStyles = {};
+    if (width != null) {
+        dimensionStyles.width =
+            typeof width === 'number' ? `${String(width)}px` : width;
+    }
+    if (maxHeight != null) {
+        dimensionStyles.maxHeight =
+            typeof maxHeight === 'number' ? `${String(maxHeight)}px` : maxHeight;
+        dimensionStyles.overflowY = 'auto';
+    }
+    const floatingProps = getFloatingProps();
+    const element = (jsx("div", { ref: setRef, role: "tooltip", id: contentId, className: cx(hoverCardContentRecipe({
+            padding,
+            visible: visible || undefined,
+        }), className), style: {
+            ...floatingStyles,
+            ...dimensionStyles,
+            ...style,
+        }, "data-testid": testId, ...floatingProps, ...rest, children: children }));
+    if (portal && typeof document !== 'undefined') {
+        return createPortal(element, document.body);
+    }
+    return element;
+};
+HoverCardContent.displayName = 'HoverCard.Content';
+const HoverCard = Object.assign(HoverCardRoot, {
+    Trigger: HoverCardTrigger,
+    Content: HoverCardContent,
+});
+
+export { HoverCard };
+//# sourceMappingURL=HoverCard.js.map

package/dist/esm/components/primitives/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../../../../../../src/components/primitives/HoverCard/HoverCard.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAoCA;AACE;AAEF;AACE;;AAEE;;AAIF;AACF;AAEA;;;;;;;;;;;;;;;;AAgBG;AACH;AAaE;AACA;AACA;;AAGA;AACA;AAEA;;;;;;AAMI;;;AAMF;AACA;AACA;AACA;AACA;AACD;AAED;;;;AAIE;AACD;AACD;AAEA;;;AAGC;AAED;;AAGI;;;;AAIA;;AAEA;;;AAGD;;;;;;;;;AAUA;AAGH;AAKF;AAEA;AAEA;AACE;AAEA;AAEA;AAEI;AACA;AACF;AAIF;AAAqC;AAErC;AAEA;AAGI;AACA;;AAED;AAEL;AAEA;AAEA;AAWE;;AAWA;AAEA;AAEI;AACA;AACA;;;AAEO;AACL;;;;;AAQF;;AAEA;AACA;;AAEA;;;;;;AAMF;AACF;AAEA;AAAa;;AAGb;AACE;AACE;;AAEJ;AACE;AACE;AACF;;AAGF;;;;AAWO;AAID;AACA;AACA;;AAUN;;;AAGA;AACF;AAEA;;AAQE;AACA;AACD;;"}

package/dist/esm/components/primitives/Icon/Icon.js

@@ -16,14 +16,28 @@ const STANDARD_COLORS = new Set([
     'warning',
     'error',
 ]);
+const STANDARD_SIZES = new Set(['sm', 'md', 'lg']);
 const Icon = /*#__PURE__*/ React.memo(({ children, size = 'md', color = 'primary', className, title, decorative = false, testId, ref, ...props }) => {
     const isStandardColor = STANDARD_COLORS.has(color);
+    const isStandardSize = typeof size === 'string' && STANDARD_SIZES.has(size);
+    const resolvedSize = isStandardSize
+        ? undefined
+        : typeof size === 'number'
+            ? `${size}px`
+            : size;
+    const inlineStyle = {};
+    if (!isStandardColor)
+        inlineStyle.color = color;
+    if (resolvedSize !== undefined) {
+        inlineStyle.width = resolvedSize;
+        inlineStyle.height = resolvedSize;
+    }
     return (jsxs("svg", { ref: ref, className: cx(iconRecipe({
-            size,
+            size: isStandardSize ? size : undefined,
             color: isStandardColor
                 ? color
                 : undefined,
-        }), className), style: !isStandardColor ? { color } : undefined, viewBox: "0 0 24 24", fill: "none", "aria-hidden": decorative, role: decorative ? 'presentation' : 'img', "data-testid": testId, ...props, children: [title && !decorative && jsx("title", { children: title }), children] }));
+        }), className), style: Object.keys(inlineStyle).length > 0 ? inlineStyle : undefined, viewBox: "0 0 24 24", fill: "none", "aria-hidden": decorative, role: decorative ? 'presentation' : 'img', "data-testid": testId, ...props, children: [title && !decorative && jsx("title", { children: title }), children] }));
 });
 Icon.displayName = 'Icon';
 

package/dist/esm/components/primitives/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../src/components/primitives/Icon/Icon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAgCA;;AAEG;AACH;;;;;;;;AAQC;AAEM;;;;AAoBK;AACE;AAQA;;AAgBZ;AAGF;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../src/components/primitives/Icon/Icon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAgDA;;AAEG;AACH;;;;;;;;AAQC;AAED;AAEO;;AAaH;;AAGE;AACA;;;;AAKF;AAAsB;AACtB;AACE;AACA;;;;AASM;AACE;AAQA;AACH;AAeT;AAGF;;"}

package/dist/esm/components/primitives/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/primitives/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CG;AACI;;;;;;;AA4CL;AAGF;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/primitives/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CG;AACI;;;;;;;AA4CL;AAGF;;"}

package/dist/esm/components/primitives/Input/Input.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { inputWrapperRecipe } from '../../form/InputWrapper.css.js';
 import { cx } from '../../../utils/cx.js';
-import React from 'react';
 import { labelRecipe, iconStartStyle, inputRecipe, iconEndStyle, helperTextRecipe, inputContainerStyle } from './Input.css.js';
 
 /**

package/dist/esm/components/primitives/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../src/components/primitives/Input/Input.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAiJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;AACI;AAyBL;AACA;AAEA;;AAEE;AACF;AAEA;;AAEE;AACF;AAEA;;AAEA;;;;;;AAoBO;AAiCT;AAEA;;"}
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/primitives/Input/Input.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAoJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;AACI;AAyBL;AACA;AAEA;;AAEE;AACF;AAEA;;AAEE;AACF;AAEA;;AAEA;;;;;;AAoBO;AAiCT;AAEA;;"}

package/dist/esm/components/primitives/Kbd/Kbd.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useState, useEffect, useMemo } from 'react';
-import { getPlatform, parseShortcut, getKeyGlyph } from '../../../utils/platform.js';
 import { cx } from '../../../utils/cx.js';
+import { getPlatform, parseShortcut, getKeyGlyph } from '../../../utils/platform.js';
 import { separatorStyle, keycapRecipe, kbdRoot } from './Kbd.css.js';
 
 function getKeys(children) {

package/dist/esm/components/primitives/Kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../../../../../src/components/primitives/Kbd/Kbd.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AASA;AACE;AACE;;;AAIJ;AAEA;;;;;;;;;;;AAWG;;;;AAmBG;AACE;;AAEJ;AAEA;AACA;AAEA;AACE;AACE;;AAGF;AACF;;AA0BF;AAGF;;"}
+{"version":3,"file":"Kbd.js","sources":["../../../../../../src/components/primitives/Kbd/Kbd.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAYA;AACE;AACE;;;AAIJ;AAEA;;;;;;;;;;;AAWG;;;;AAmBG;AACE;;AAEJ;AAEA;AACA;AAEA;AACE;AACE;;AAGF;AACF;;AA0BF;AAGF;;"}

package/dist/esm/components/primitives/Link/Link.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { ExternalLinkIcon } from '../../Icons/ExternalLinkIcon.js';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
-import { linkHoverColorVar, linkColorVar, linkRecipe, srOnlyStyle, externalIconStyle } from './Link.css.js';
+import { linkHoverColorVar, linkColorVar, linkRecipe, externalIconStyle, srOnlyStyle } from './Link.css.js';
 
 const EXTERNAL_PROTOCOL_RE = /^https?:\/\//i;
 /**
@@ -78,7 +79,6 @@ function stripNavProps(props) {
     }
     return cleaned;
 }
-const ExternalIcon = () => (jsxs("svg", { className: externalIconStyle, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", focusable: "false", children: [jsx("path", { d: "M4 2h6v6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M10 2L5 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M9 7v3H2V3h3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 /**
  * Styled anchor primitive.
  *
@@ -151,7 +151,7 @@ function LinkImpl(props) {
         size: resolvedSize,
         disabled: isDisabled || undefined,
     }), className);
-    return (jsxs(Component, { ...cleanedRest, ...hrefProp, ...externalAttrs, ...ariaLabelProp, ref: ref, className: linkClassName, style: { ...inlineVars, ...style }, "data-testid": testId, "data-disabled": isDisabled || undefined, "aria-disabled": isDisabled || undefined, children: [children, isExternal && (jsxs(Fragment, { children: [jsx(ExternalIcon, {}), !ariaLabel && (jsx("span", { className: srOnlyStyle, children: " (opens in new tab)" }))] }))] }));
+    return (jsxs(Component, { ...cleanedRest, ...hrefProp, ...externalAttrs, ...ariaLabelProp, ref: ref, className: linkClassName, style: { ...inlineVars, ...style }, "data-testid": testId, "data-disabled": isDisabled || undefined, "aria-disabled": isDisabled || undefined, children: [children, isExternal && (jsxs(Fragment, { children: [jsx(ExternalLinkIcon, { className: externalIconStyle, size: "0.75em", decorative: true }), !ariaLabel && (jsx("span", { className: srOnlyStyle, children: " (opens in new tab)" }))] }))] }));
 }
 const Link = LinkImpl;
 Link.displayName = 'Link';

package/dist/esm/components/primitives/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../src/components/primitives/Link/Link.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAeA;AAEA;;;AAGG;AACH;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;;AAGH;AACE;AACA;AAAW;;AAEb;AAEA;;;;;;;AAOG;AACH;;;;;;;;;;;;;;;;;;;;AAqBA;;AAIE;AACE;;;AAGA;;AAEF;AACF;AAEA;AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACH;AAGE;AAkBA;AACA;AACA;;;;;;;;AAWE;;;;;AAMD;;;;;AAMD;;AAGE;;;;;;;;;;AAcA;AACI;;AAEE;AACH;;AAGL;AAEI;AACA;AACA;;;AAMJ;AAwBF;AAiBO;AACP;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../../src/components/primitives/Link/Link.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAmBA;AAEA;;;AAGG;AACH;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;;AAGH;AACE;AACA;AAAW;;AAEb;AAEA;;;;;;;AAOG;AACH;;;;;;;;;;;;;;;;;;;;AAqBA;;AAIE;AACE;;;AAGA;;AAEF;AACF;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACH;AAGE;AAkBA;AACA;AACA;;;;;;;;AAWE;;;;;AAMD;;;;;AAMD;;AAGE;;;;;;;;;;AAcA;AACI;;AAEE;AACH;;AAGL;AAEI;AACA;AACA;;;AAMJ;AA4BF;AAiBO;AACP;;"}

package/dist/esm/components/primitives/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","sources":["../../../../../../src/components/primitives/Paper/Paper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CG;;AAgBC;AAEI;AACI;;AAGI;AACL;;;;;;;;;AAuBT;AAGF;;"}
+{"version":3,"file":"Paper.js","sources":["../../../../../../src/components/primitives/Paper/Paper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAwGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CG;;AAgBC;AAEI;AACI;;AAGI;AACL;;;;;;;;;AAuBT;AAGF;;"}

package/dist/esm/components/primitives/Popover/Popover.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useId, useRef, useState, useCallback, useMemo, createContext, useContext } from 'react';
 import { useFloating, autoUpdate, offset, flip, shift, useClick, useDismiss, useInteractions } from '@floating-ui/react';
+import { useId, useRef, useState, useCallback, useMemo, createContext, useContext } from 'react';
 
 // --- Context ---
 const PopoverContext = /*#__PURE__*/ createContext(null);

package/dist/esm/components/primitives/Popover/PopoverClose.js

@@ -1,12 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { usePopoverContext } from './Popover.js';
+import { CloseIcon } from '../../Icons/CloseIcon.js';
 import { cx } from '../../../utils/cx.js';
+import { usePopoverContext } from './Popover.js';
 import { closeButtonStyle } from './Popover.css.js';
 
-// --- Close icon ---
-const CloseIcon = () => (jsx("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M1.5 1.5L8.5 8.5M8.5 1.5L1.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
 // --- Component ---
 const PopoverClose = ({ children, className, style, testId, ref, ...rest }) => {
     const { close } = usePopoverContext();
@@ -14,7 +13,7 @@ const PopoverClose = ({ children, className, style, testId, ref, ...rest }) => {
         e.stopPropagation();
         close();
     }, [close]);
-    return (jsx("button", { ref: ref, type: "button", "aria-label": "Close", onClick: handleClick, className: cx(closeButtonStyle, className), style: style, "data-testid": testId, ...rest, children: children ?? jsx(CloseIcon, {}) }));
+    return (jsx("button", { ref: ref, type: "button", "aria-label": "Close", onClick: handleClick, className: cx(closeButtonStyle, className), style: style, "data-testid": testId, ...rest, children: children ?? jsx(CloseIcon, { size: "sm", decorative: true }) }));
 };
 PopoverClose.displayName = 'PopoverClose';
 

package/dist/esm/components/primitives/Popover/PopoverClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverClose.js","sources":["../../../../../../src/components/primitives/Popover/PopoverClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA;AAEA;AAiBA;;AAUE;AAEA;;AAGI;AACF;AAIF;AAcF;AAEA;;"}
+{"version":3,"file":"PopoverClose.js","sources":["../../../../../../src/components/primitives/Popover/PopoverClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAYA;;AAUE;AAEA;;AAGI;AACF;;AAkBJ;AAEA;;"}

package/dist/esm/components/primitives/Popover/PopoverContent.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { FloatingFocusManager } from '@floating-ui/react';
 import { useState, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { FloatingFocusManager } from '@floating-ui/react';
-import { usePopoverContext } from './Popover.js';
 import { cx } from '../../../utils/cx.js';
+import { usePopoverContext } from './Popover.js';
 import { contentPanelRecipe } from './Popover.css.js';
 
 // --- Component ---
@@ -20,8 +20,7 @@ const PopoverContent = ({ children, width, maxHeight, padding = 'md', className,
             externalRef(node);
         }
         else if (externalRef && typeof externalRef === 'object') {
-            externalRef.current =
-                node;
+            externalRef.current = node;
         }
     }, [contentRef, floatingRefs, externalRef]);
     // Trigger enter animation on next frame after open
@@ -32,6 +31,9 @@ const PopoverContent = ({ children, width, maxHeight, padding = 'md', className,
             });
         }
         else {
+            // Reset enter-animation state on close; gated by the `isOpen` prop, so
+            // this is a one-shot transition rather than continuous state sync.
+            // eslint-disable-next-line react-hooks/set-state-in-effect
             setVisible(false);
         }
     }, [isOpen]);

package/dist/esm/components/primitives/Popover/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/primitives/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAUA;AAEO;;;AAwBL;;AAGA;AAEI;AACA;AACA;;;AAEO;AACJ;AACC;;;;;;;;AAWJ;;;;;AAIJ;;AAGE;;;;AAKA;AACE;AACA;;;AAKJ;;;AAIA;AACE;AACE;;AAEJ;AACE;AACE;AACF;;AAGF;;;AAWS;AAID;AACA;AACA;;;;;AAeR;AACF;AAEA;;"}
+{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/primitives/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAaA;AAEO;;;AAwBL;;AAGA;AAEI;AACA;AACA;;;AAEO;AACL;;;;;;;;AAWF;;;;;;;;AAOJ;;AAGE;;;;AAKA;AACE;AACA;;;AAKJ;;;AAIA;AACE;AACE;;AAEJ;AACE;AACE;AACF;;AAGF;;;AAWS;AAID;AACA;AACA;;;;;AAeR;AACF;AAEA;;"}

package/dist/esm/components/primitives/Popover/PopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/primitives/Popover/PopoverTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAMA;;;AAGG;;AAED;AAQA;AAEA;;AAGI;AACF;AAIF;AAEI;AACA;AACF;;;AAMA;;;AAIA;AACD;AAED;AAGI;AACA;AACA;AACA;;AAED;AAEL;AAEA;;"}
+{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/primitives/Popover/PopoverTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQA;;;AAGG;;AAED;AAQA;AAEA;;AAGI;AACF;AAIF;AAEI;AACA;AACF;;;AAMA;;;AAIA;AACD;AAED;AAGI;AACA;AACA;AACA;;AAED;AAEL;AAEA;;"}

package/dist/esm/components/primitives/Radio/Radio.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useContext, useId, useState, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React, { useContext, useId, useState, useCallback } from 'react';
 import { FormHelperText } from '../../form/FormHelperText.js';
 import { cx } from '../../../utils/cx.js';
-import { RadioGroupContext } from './RadioGroup.js';
 import { innerSizeVar, outerSizeVar, visuallyHiddenInputStyle, radioDotRecipe, radioOuterRecipe, radioLabelTextStyle, radioLabelRecipe, radioContainerStyle } from './Radio.css.js';
+import { RadioGroupContext } from './RadioGroup.js';
 
 const OUTER_SIZES = {
     sm: 12,
@@ -14,7 +14,7 @@ const OUTER_SIZES = {
 };
 const INNER_SIZES = {
     sm: 6,
-    md: 7,
+    md: 6,
     lg: 8,
 };
 /**
@@ -87,7 +87,7 @@ const Radio = /*#__PURE__*/ React.memo(({ value, checked: checkedProp, defaultCh
             labelPosition,
             size,
             disabled: disabled || undefined,
-        }), children: [jsx("input", { ref: ref, type: "radio", role: "radio", id: radioId, name: name, value: value, checked: resolvedChecked, disabled: disabled, "aria-checked": resolvedChecked, "aria-disabled": disabled || undefined, "aria-invalid": error || undefined, "aria-describedby": showHelperText ? helperId : undefined, onChange: handleChange, className: visuallyHiddenInputStyle, "data-testid": testId, ...rest }), jsx("span", { "aria-hidden": "true", className: radioOuterRecipe({
+        }), children: [jsx("input", { ref: ref, type: "radio", id: radioId, name: name, value: value, checked: resolvedChecked, disabled: disabled, "aria-checked": resolvedChecked, "aria-disabled": disabled || undefined, "aria-invalid": error || undefined, "aria-describedby": showHelperText ? helperId : undefined, onChange: handleChange, className: visuallyHiddenInputStyle, "data-testid": testId, ...rest }), jsx("span", { "aria-hidden": "true", className: radioOuterRecipe({
                     checked: resolvedChecked || undefined,
                     disabled: disabled || undefined,
                     error: error || undefined,

package/dist/esm/components/primitives/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/primitives/Radio/Radio.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAmBA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AAqBH;AACA;AACA;AACA;;AAGA;AACA;;AAGA;;;AAGE;AACF;AACA;AAEA;;AAEE;;;;;;;;AAOF;AAEI;;;AAGE;;;;;;AAQF;AACF;AAIF;AAEI;;AAEE;;;;;AAML;AAED;;;;AAMK;;;;;;;AAiCI;;AAQP;AACE;;AAMF;;AAGF;AAQF;AAGF;;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/primitives/Radio/Radio.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAsBA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AAqBH;AACA;AACA;AACA;;AAGA;AACA;;AAGA;;;AAGE;AACF;AACA;AAEA;;AAEE;;;;;;;;AAOF;AAEI;;;AAGE;;;;;;AAQF;AACF;AAIF;AAEI;;AAEE;;;;;AAML;AAED;;;;AAMK;;;;;;;AAoCI;;AAQP;AACE;;AAMF;;AAGF;AAQF;AAGF;;"}

package/dist/esm/components/primitives/Radio/RadioGroup.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId, useState, useCallback, useMemo, createContext } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { FormLabel } from '../../form/FormLabel.js';
+import React, { useId, useState, useCallback, useMemo, createContext } from 'react';
 import { FormHelperText } from '../../form/FormHelperText.js';
+import { FormLabel } from '../../form/FormLabel.js';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { groupItemsStyle, groupSpacingVar, groupOrientationVar, groupContainerStyle } from './Radio.css.js';

package/dist/esm/components/primitives/Radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/primitives/Radio/RadioGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAuBE;AAEF;;;;;;;;;;AAWA;;AACmC;;;;AAInC;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AAuBH;AACA;AACA;AACA;;AAKA;;AAGA;;;;AAKI;AACF;AAIF;AAEI;;;;;AAKA;AACD;AAIH;AAEA;;;AA2BU;;AAaZ;AAGF;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/primitives/Radio/RadioGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AA0BE;AAEF;;;;;;;;;;AAWA;;AACmC;;;;AAInC;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AAuBH;AACA;AACA;AACA;;AAKA;;AAGA;;;;AAKI;AACF;AAIF;AAEI;;;;;AAKA;AACD;AAIH;AAEA;;;AA2BU;;AAaZ;AAGF;;"}

package/dist/esm/components/primitives/Switch/Switch.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useId, useState, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { useId, useState, useCallback } from 'react';
 import { FormHelperText } from '../../form/FormHelperText.js';
 import { cx } from '../../../utils/cx.js';
 import { trackHeightVar, trackWidthVar, thumbTranslateVar, thumbDiameterVar, thumbRecipe, trackRecipe, labelTextStyle, switchRowRecipe, switchContainerStyle } from './Switch.css.js';

package/dist/esm/components/primitives/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/primitives/Switch/Switch.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA+GA;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;AAYG;AACI;AAmBL;AACA;AACA;;AAGA;;AAGA;AACE;;AAEA;;;;AAMA;;AAGF;AAEA;AACA;;AAGE;AACA;AACD;;AAGC;AACA;AACD;;;;AAMD;;;;AAcK;;AAQE;AASP;AACE;;AAGF;;;;AAuBF;AAEA;;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/primitives/Switch/Switch.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAkHA;AACE;AACA;AACA;;AAGF;;;;;;;;;;;;AAYG;AACI;AAmBL;AACA;AACA;;AAGA;;AAGA;AACE;;AAEA;;;;AAMA;;AAGF;AAEA;AACA;;AAGE;AACA;AACD;;AAGC;AACA;AACD;;;;AAMD;;;;AAcK;;AAQE;AASP;AACE;;AAGF;;;;AAuBF;AAEA;;"}

package/dist/esm/components/primitives/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../src/components/primitives/Text/Text.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAiLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI;;AAqBH;AACA;AACA;AAGA;AAGA;;;AAOQ;AACA;AACA;;;AAGA;;AAED;AAYT;AAGF;;"}
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/primitives/Text/Text.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAoLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI;;AAqBH;AACA;AACA;AAGA;AAGA;;;AAOQ;AACA;AACA;;;AAGA;;AAED;AAYT;AAGF;;"}

package/dist/esm/components/primitives/TextArea/TextArea.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useId, useCallback, useEffect } from 'react';
-import { cx } from '../../../utils/cx.js';
 import { FormHelperText } from '../../form/FormHelperText.js';
 import { FormLabel } from '../../form/FormLabel.js';
+import { cx } from '../../../utils/cx.js';
 import { textAreaRecipe, textAreaWrapperRecipe, textAreaFooterStyle, textAreaContainerStyle } from './TextArea.css.js';
 
 /**
@@ -41,8 +41,7 @@ const TextArea = ({ value, defaultValue, placeholder, size = 'md', disabled = fa
         if (typeof ref === 'function')
             ref(node);
         else if (ref)
-            ref.current =
-                node;
+            ref.current = node;
     }, [ref]);
     const autoResize = useCallback(() => {
         if (!autoSizeEnabled)
@@ -79,7 +78,7 @@ const TextArea = ({ value, defaultValue, placeholder, size = 'md', disabled = fa
         onChange?.(next);
     };
     const effectiveHelper = error && errorMessage ? errorMessage : helperText;
-    const count = currentValue?.length ?? 0;
+    const count = currentValue.length;
     return (jsxs("div", { className: cx(textAreaContainerStyle, className), style: style, children: [label && (jsx(FormLabel, { htmlFor: inputId, disabled: disabled, required: required, children: label })), jsx("div", { className: textAreaWrapperRecipe({ size, error, disabled, focused }), children: jsx("textarea", { ref: setRef, id: inputId, name: name, placeholder: placeholder, disabled: disabled, required: required, readOnly: readOnly, value: isControlled ? value : undefined, defaultValue: isControlled ? undefined : defaultValue, rows: autoSizeEnabled ? (minRows ?? rows) : rows, maxLength: maxLength, className: textAreaRecipe({
                         size,
                         monospace: monospace || undefined,

package/dist/esm/components/primitives/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../../src/components/primitives/TextArea/TextArea.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAcA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AA+BL;AACA;AACA;AACA;AACA;AAEA;;;;AAMA;AAEI;;;AAEK;AACF;AACC;AACN;AAIF;AACE;;AACA;AACA;;AAEA;;AAGA;AACE;;;AAGF;AAEA;;AAEA;;;AAIA;AACF;AAEA;;AAEE;AACF;AACA;;AAEE;AACF;AACA;AACE;AACA;;AACA;AACF;AAEA;AACA;AAEA;;;AA0BS;AAaL;AAGM;AACA;AACA;AACA;AACD;AAgBX;AAEA;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../../../../src/components/primitives/TextArea/TextArea.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAiBA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AA+BL;AACA;AACA;AACA;AACA;AAEA;;;;AAMA;AAEI;;;AAEK;AAAS;AAChB;AAIF;AACE;;AACA;AACA;;AAEA;;AAGA;AACE;;;AAGF;AAEA;;AAEA;;;AAIA;AACF;AAEA;;AAEE;AACF;AACA;;AAEE;AACF;AACA;AACE;AACA;;AACA;AACF;AAEA;AACA;AAEA;;;AA0BS;AAaL;AAGM;AACA;AACA;AACA;AACD;AAgBX;AAEA;;"}

package/dist/esm/components/primitives/Tooltip/Arrow.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
 import { Tooltip } from '@base-ui/react/tooltip';
+import React from 'react';
 import { cx } from '../../../utils/cx.js';
 import { tooltipArrowStyle, arrowFillStyle } from './Tooltip.css.js';
 

package/dist/esm/components/primitives/Tooltip/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../../../src/components/primitives/Tooltip/Arrow.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQO;AACL;;AAQM;AACA;AACD;AASP;AAEO;AAcP;;"}
+{"version":3,"file":"Arrow.js","sources":["../../../../../../src/components/primitives/Tooltip/Arrow.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AASO;AACL;;AAQM;AACA;AACD;AASP;AAEO;AAcP;;"}

package/dist/esm/components/primitives/Tooltip/Tooltip.js

@@ -3,8 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import { cx } from '../../../utils/cx.js';
 import { StyledTooltipArrow, ArrowSvg } from './Arrow.js';
-import { parsePlacement, parseCollisionStrategy } from './utils.js';
 import { tooltipTriggerStyle, tooltipContentStyle } from './Tooltip.css.js';
+import { parsePlacement, parseCollisionStrategy } from './utils.js';
 
 /**
  * A tooltip component that displays contextual information on hover.
@@ -135,9 +135,11 @@ const Tooltip = ({ children, title, placement = 'top', collision = 'smart', coll
             finalPositionerProps.collisionBoundary = boundary;
         }
     }
-    // Handle cursor tracking
+    // Handle cursor tracking. Copy into a local object instead of mutating the
+    // caller-owned `rootProps` prop.
+    const finalRootProps = { ...rootProps };
     if (trackCursor) {
-        rootProps.trackCursorAxis = trackCursor;
+        finalRootProps.trackCursorAxis = trackCursor;
     }
     // Build animation transition style. Honors `prefers-reduced-motion: reduce`
     // by collapsing to `transition: none` regardless of caller-passed config —
@@ -145,15 +147,15 @@ const Tooltip = ({ children, title, placement = 'top', collision = 'smart', coll
     const prefersReducedMotion = typeof window !== 'undefined' &&
         typeof window.matchMedia === 'function' &&
         window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    const animated = animation?.animated !== false && !prefersReducedMotion;
-    const duration = animation?.duration ?? 200;
-    const easing = animation?.easing ?? 'ease-out';
+    const animated = animation.animated !== false && !prefersReducedMotion;
+    const duration = animation.duration ?? 200;
+    const easing = animation.easing ?? 'ease-out';
     const animationStyle = animated
         ? {
             transition: `opacity ${duration}ms ${easing}, transform ${duration}ms ${easing}`,
         }
         : { transition: 'none' };
-    return (jsx(Tooltip$1.Provider, { delay: delay, closeDelay: closeDelay, ...rootProps, children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { render: props => (jsx("div", { ...props, className: cx(tooltipTriggerStyle, props.className) })), children: children }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Positioner, { ...finalPositionerProps, children: jsx(Tooltip$1.Popup, { render: props => (jsxs("div", { ...props, className: cx(tooltipContentStyle, className, props.className), "data-testid": testId, id: id, style: {
+    return (jsx(Tooltip$1.Provider, { delay: delay, closeDelay: closeDelay, ...finalRootProps, children: jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { render: props => (jsx("div", { ...props, className: cx(tooltipTriggerStyle, props.className) })), children: children }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Positioner, { ...finalPositionerProps, children: jsx(Tooltip$1.Popup, { render: props => (jsxs("div", { ...props, className: cx(tooltipContentStyle, className, props.className), "data-testid": testId, id: id, style: {
                                     ...animationStyle,
                                     ...style,
                                     ...props.style,

package/dist/esm/components/primitives/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA8HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFG;AACI;;;AAuBH;;;;;;AAQA;AACI;AACE;AACA;AACA;AACqB;AACxB;AACH;;AAGF;;AASA;;;AAGE;AACA;;;AAGA;;;;AAKA;;;AAGI;;;;AAGF;;;;;AAMF;;;;;AAMF;AAEE;AACA;;AAEF;AACA;;AAGE;;AAEG;AACH;;AA8BgB;AACA;;;AAoBpB;AAEA;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA8HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFG;AACI;;;AAuBH;;;;;;AAQA;AACI;AACE;AACA;AACA;AACqB;AACxB;AACH;;AAGF;;AASA;;;AAGE;AACA;;;AAGA;;;;AAKA;;;AAGI;;;;AAGF;;;;;AAMJ;;AAEE;;;;;AAMF;AAEE;AACA;;AAEF;AACA;;AAGE;;AAEG;AACH;;AAkCgB;AACA;;;AAoBpB;AAEA;;"}

package/dist/esm/components/primitives/Tooltip/utils.js

@@ -3,7 +3,7 @@
  */
 const parsePlacement = (placement) => {
     const [side, align = 'center'] = placement.split('-');
-    return { side, align: align || 'center' };
+    return { side, align };
 };
 /**
  * Convert collision strategy to Base UI CollisionAvoidance config

package/dist/esm/components/primitives/Tooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/primitives/Tooltip/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOA;;AAEG;AACI,MAAM,cAAc,GAAG,CAAC,SAA2B,KAAI;AAC5D,IAAA,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAGnD;IACD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE;AAC3C;AAEA;;AAEG;AACI,MAAM,sBAAsB,GAAG,CACpC,QAAkC,KAIhC;IACF,QAAQ,QAAQ;AACd,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;AAC7B,gBAAA,gBAAgB,EAAE,IAAI;aACvB;AAEH,QAAA,KAAK,YAAY;YACf,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;aAC9B;AAEH,QAAA;YACE,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;;AAEP;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/primitives/Tooltip/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAOA;;AAEG;AACI,MAAM,cAAc,GAAG,CAAC,SAA2B,KAAI;AAC5D,IAAA,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAGnD;AACD,IAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE;AACxB;AAEA;;AAEG;AACI,MAAM,sBAAsB,GAAG,CACpC,QAAkC,KAIhC;IACF,QAAQ,QAAQ;AACd,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;AAC7B,gBAAA,gBAAgB,EAAE,IAAI;aACvB;AAEH,QAAA,KAAK,YAAY;YACf,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,MAAM;AACzB,iBAAA;aACF;AAEH,QAAA,KAAK,OAAO;YACV,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;AAEH,QAAA,KAAK,MAAM;YACT,OAAO;AACL,gBAAA,kBAAkB,EAAE,SAAS;aAC9B;AAEH,QAAA;YACE,OAAO;AACL,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,gBAAgB,EAAE,OAAO;AAC1B,iBAAA;aACF;;AAEP;;;;"}

package/dist/esm/components/primitives/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../src/components/primitives/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI;AAWH;AAcF;AAGF;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../src/components/primitives/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAaA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI;AAWH;AAcF;AAGF;;"}

package/dist/esm/components/primitives/canvas/CanvasContainer.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { useRef } from 'react';
 import { canvasRecipe, ariaLiveRegionStyle, canvasContainerHeightVar, canvasContainerRecipe } from './CanvasContainer.css.js';
 
 /**

package/dist/esm/components/primitives/canvas/CanvasContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasContainer.js","sources":["../../../../../../src/components/primitives/canvas/CanvasContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAYA;;;;;;;;;;;AAWG;AACI;AAeL;AAEA;AAKM;AACA;AACE;;;AAGH;AAsBP;AAEA;;"}
+{"version":3,"file":"CanvasContainer.js","sources":["../../../../../../src/components/primitives/canvas/CanvasContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA;;;;;;;;;;;AAWG;AACI;AAeL;AAEA;AAKM;AACA;AACE;;;AAGH;AAsBP;AAEA;;"}

package/dist/esm/components/primitives/canvas/canvasDrawing.js

@@ -1,5 +1,5 @@
-import { domainToCanvas } from './canvasCoords.js';
 import { clamp } from '../../../utils/mathUtils.js';
+import { domainToCanvas } from './canvasCoords.js';
 
 /**
  * Format a number for axis labels.