silver-ui 0.3.0 → 0.4.0

package/dist/chunk-JJ324PSZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useIsomorphicLayoutEffect.ts","../src/internal/HoverLayerTrigger.tsx","../src/internal/useLayer.tsx","../src/internal/useHoverLayer.ts"],"names":["useLayoutEffect","useEffect","css","useRef","jsxs","Fragment","jsx","cx","mergeRefs","styles","useId","useState","useCallback","createElement","useMemo"],"mappings":"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","file":"chunk-JJ324PSZ.cjs","sourcesContent":["import {useEffect, useLayoutEffect} from 'react';\n\nexport const useIsomorphicLayoutEffect =\n  typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n","import {\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from './cx';\nimport {mergeRefs} from './mergeRefs';\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport type HoverLayerTriggerIndication = 'auto' | boolean;\n\nexport interface HoverLayerTriggerProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  describedBy: string;\n  hasHoverIndication?: HoverLayerTriggerIndication;\n  layer: ReactNode;\n  nonTextWrapperElement?: 'div' | 'span';\n  shouldForwardNonTextWrapperProps?: boolean;\n  style?: CSSProperties;\n  triggerRef: RefCallback<HTMLElement>;\n  wrapperRef?: Ref<HTMLElement>;\n}\n\nconst styles = {\n  wrapperContents: css({\n    display: 'contents',\n  }),\n  wrapperInline: css({\n    display: 'inline',\n  }),\n  hoverIndication: css({\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'dashed',\n    textDecorationColor: 'fg.muted',\n    textUnderlineOffset: '2px',\n  }),\n} as const;\n\nfunction isTextOnly(children: ReactNode): boolean {\n  return typeof children === 'string' || typeof children === 'number';\n}\n\nfunction mergeIds(...ids: (string | undefined | null)[]): string | undefined {\n  const filtered = ids.filter(Boolean);\n  return filtered.length > 0 ? filtered.join(' ') : undefined;\n}\n\nexport function HoverLayerTrigger({\n  children,\n  className,\n  'data-testid': dataTestId,\n  describedBy,\n  hasHoverIndication = 'auto',\n  layer,\n  nonTextWrapperElement = 'span',\n  shouldForwardNonTextWrapperProps = true,\n  style,\n  triggerRef,\n  wrapperRef,\n}: HoverLayerTriggerProps): React.JSX.Element {\n  const ownWrapperRef = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const textOnly = isTextOnly(children);\n  const showHoverIndication =\n    hasHoverIndication === true || (hasHoverIndication === 'auto' && textOnly);\n\n  useIsomorphicLayoutEffect(() => {\n    if (textOnly) {\n      return;\n    }\n\n    const firstChild = ownWrapperRef.current?.firstElementChild;\n    if (!(firstChild instanceof HTMLElement)) {\n      return;\n    }\n\n    triggerRef(firstChild);\n    const existingDescribedBy = firstChild.getAttribute('aria-describedby');\n    firstChild.setAttribute(\n      'aria-describedby',\n      mergeIds(existingDescribedBy, describedBy) ?? '',\n    );\n\n    return () => {\n      triggerRef(null);\n      if (existingDescribedBy != null) {\n        firstChild.setAttribute('aria-describedby', existingDescribedBy);\n        return;\n      }\n\n      firstChild.removeAttribute('aria-describedby');\n    };\n  }, [describedBy, textOnly, triggerRef]);\n\n  if (textOnly) {\n    return (\n      <>\n        <span\n          aria-describedby={describedBy}\n          className={cx(\n            styles.wrapperInline,\n            showHoverIndication ? styles.hoverIndication : undefined,\n            className,\n          )}\n          data-testid={dataTestId}\n          ref={mergeRefs(triggerRef as Ref<HTMLSpanElement>, wrapperRef)}\n          style={style}\n          tabIndex={0}>\n          {children}\n        </span>\n        {layer}\n      </>\n    );\n  }\n\n  const nonTextWrapperRef = shouldForwardNonTextWrapperProps\n    ? mergeRefs(ownWrapperRef, wrapperRef)\n    : ownWrapperRef;\n  const nonTextWrapperClassName = cx(\n    styles.wrapperContents,\n    shouldForwardNonTextWrapperProps ? className : undefined,\n  );\n  const nonTextWrapperTestId = shouldForwardNonTextWrapperProps\n    ? dataTestId\n    : undefined;\n  const nonTextWrapperStyle = shouldForwardNonTextWrapperProps\n    ? style\n    : undefined;\n  const wrappedChildren =\n    nonTextWrapperElement === 'div' ? (\n      <div\n        className={nonTextWrapperClassName}\n        data-testid={nonTextWrapperTestId}\n        ref={nonTextWrapperRef as Ref<HTMLDivElement>}\n        style={nonTextWrapperStyle}>\n        {children}\n      </div>\n    ) : (\n      <span\n        className={nonTextWrapperClassName}\n        data-testid={nonTextWrapperTestId}\n        ref={nonTextWrapperRef}\n        style={nonTextWrapperStyle}>\n        {children}\n      </span>\n    );\n\n  return (\n    <>\n      {wrappedChildren}\n      {layer}\n    </>\n  );\n}\n","import {\n  createElement,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from './cx';\n\nexport type LayerPlacement = 'above' | 'below' | 'start' | 'end';\nexport type LayerAlignment = 'start' | 'center' | 'end';\n\nexport interface ContextRenderProps {\n  alignment?: LayerAlignment;\n  className?: string;\n  placement?: LayerPlacement;\n  role?: string;\n  style?: React.CSSProperties;\n}\n\ninterface LayerOptions {\n  hasLightDismiss?: boolean;\n  onHide?: () => void;\n  onShow?: () => void;\n}\n\ntype PopoverValue = 'auto' | 'manual' | 'hint' | '';\n\ntype LayerElementProps = React.HTMLAttributes<HTMLDivElement> & {\n  popover: PopoverValue;\n  ref: RefCallback<HTMLElement>;\n};\n\nexport interface LayerReturn {\n  anchorId: string;\n  hide: () => void;\n  id: string;\n  isOpen: boolean;\n  ref: RefCallback<HTMLElement>;\n  render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n  show: () => void;\n}\n\nconst styles = {\n  layer: css({\n    m: 0,\n    p: 0,\n    borderWidth: 0,\n    borderStyle: 'none',\n    borderColor: 'transparent',\n    overflow: 'visible',\n    bg: 'transparent',\n  }),\n};\n\nfunction getPositionArea(\n  placement: LayerPlacement = 'above',\n  alignment: LayerAlignment = 'center',\n): string {\n  const placementMap: Record<LayerPlacement, string> = {\n    above: 'top',\n    below: 'bottom',\n    start: 'left',\n    end: 'right',\n  };\n\n  const cssPlacement = placementMap[placement];\n\n  if (placement === 'above' || placement === 'below') {\n    if (alignment === 'start') {\n      return `${cssPlacement} span-right`;\n    }\n    if (alignment === 'end') {\n      return `${cssPlacement} span-left`;\n    }\n    return cssPlacement;\n  }\n\n  if (alignment === 'start') {\n    return `${cssPlacement} span-bottom`;\n  }\n  if (alignment === 'end') {\n    return `${cssPlacement} span-top`;\n  }\n  return `${cssPlacement} center`;\n}\n\nexport function useLayer({\n  onShow,\n  onHide,\n  hasLightDismiss = false,\n}: LayerOptions = {}): LayerReturn {\n  const id = useId();\n  const anchorId = `--silver-layer-${id.replace(/:/g, '')}`;\n  const [isOpen, setIsOpen] = useState(false);\n  const popoverRef = useRef<HTMLElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const isOpenRef = useRef(false);\n\n  const show = useCallback(() => {\n    if (popoverRef.current == null || isOpenRef.current) {\n      return;\n    }\n\n    popoverRef.current.showPopover();\n    isOpenRef.current = true;\n    setIsOpen(true);\n    onShow?.();\n  }, [onShow]);\n\n  const hide = useCallback(() => {\n    if (!isOpenRef.current) {\n      return;\n    }\n\n    popoverRef.current?.hidePopover();\n    isOpenRef.current = false;\n    setIsOpen(false);\n    onHide?.();\n  }, [onHide]);\n\n  const ref: RefCallback<HTMLElement> = useCallback(\n    element => {\n      if (triggerRef.current != null) {\n        (\n          triggerRef.current.style as unknown as Record<string, string>\n        ).anchorName = '';\n      }\n\n      if (element != null) {\n        (element.style as unknown as Record<string, string>).anchorName =\n          anchorId;\n      }\n\n      triggerRef.current = element;\n    },\n    [anchorId],\n  );\n\n  const handleToggle = useCallback(\n    (event: Event) => {\n      const toggleEvent = event as ToggleEvent;\n      if (toggleEvent.newState === 'closed' && isOpenRef.current) {\n        isOpenRef.current = false;\n        setIsOpen(false);\n        onHide?.();\n      }\n    },\n    [onHide],\n  );\n\n  const popoverRefCallback = useCallback(\n    (element: HTMLElement | null) => {\n      if (popoverRef.current != null) {\n        popoverRef.current.removeEventListener('toggle', handleToggle);\n      }\n\n      popoverRef.current = element;\n\n      if (element != null) {\n        element.addEventListener('toggle', handleToggle);\n      }\n    },\n    [handleToggle],\n  );\n\n  const render = useCallback(\n    (children: ReactNode, props?: ContextRenderProps) => {\n      const placement = props?.placement ?? 'above';\n      const alignment = props?.alignment ?? 'center';\n      const anchorStyle: React.CSSProperties = {\n        border: 'none',\n        positionAnchor: anchorId,\n        positionArea: getPositionArea(placement, alignment),\n        positionTryFallbacks: 'flip-block, flip-inline, flip-block flip-inline',\n      };\n\n      const layerProps: LayerElementProps = {\n        ref: popoverRefCallback,\n        id,\n        role: props?.role,\n        popover: hasLightDismiss ? 'auto' : 'manual',\n        className: cx(styles.layer, props?.className),\n        style: {...anchorStyle, ...props?.style},\n      };\n\n      return createElement('div', layerProps, children);\n    },\n    [anchorId, hasLightDismiss, id, popoverRefCallback],\n  );\n\n  return {\n    ref,\n    anchorId,\n    show,\n    hide,\n    isOpen,\n    id,\n    render,\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type RefCallback,\n  type RefObject,\n} from 'react';\nimport {useLayer, type LayerReturn} from './useLayer';\n\nexport type HoverLayerFocusTrigger = 'auto' | 'always' | 'never';\n\nexport interface UseHoverLayerOptions {\n  delay?: number;\n  focusTrigger?: HoverLayerFocusTrigger;\n  hideDelay?: number;\n  isEnabled?: boolean;\n  onFocusIn?: (event: FocusEvent) => boolean;\n  onFocusOut?: (event: FocusEvent) => boolean;\n  onHide?: () => void;\n  onShow?: () => void;\n  onTriggerEscape?: (event: KeyboardEvent) => void;\n  shouldHide?: () => boolean;\n}\n\nexport interface UseHoverLayerReturn {\n  anchorId: string;\n  clearTimeouts: () => void;\n  describedBy: string;\n  hide: () => void;\n  interactionRef: RefCallback<HTMLElement>;\n  layer: LayerReturn;\n  positionRef: RefCallback<HTMLElement>;\n  ref: RefCallback<HTMLElement>;\n  scheduleHide: () => void;\n  show: () => void;\n  triggerRef: RefObject<HTMLElement | null>;\n}\n\nfunction isFocusable(element: HTMLElement): boolean {\n  if (element.hasAttribute('tabindex')) {\n    return element.tabIndex >= 0;\n  }\n\n  if (\n    ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName)\n  ) {\n    return !(element as HTMLButtonElement).disabled;\n  }\n\n  return element.isContentEditable;\n}\n\nfunction isTouchDevice(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(hover: none)').matches\n  );\n}\n\nexport function useHoverLayer({\n  delay = 200,\n  focusTrigger = 'auto',\n  hideDelay = 0,\n  isEnabled = true,\n  onFocusIn,\n  onFocusOut,\n  onHide,\n  onShow,\n  onTriggerEscape,\n  shouldHide,\n}: UseHoverLayerOptions = {}): UseHoverLayerReturn {\n  const layer = useLayer({onShow, onHide});\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const clearTimeouts = useCallback(() => {\n    if (showTimeoutRef.current != null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n\n    if (hideTimeoutRef.current != null) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleShow = useCallback(() => {\n    if (!isEnabled) {\n      return;\n    }\n\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => layer.show(), delay);\n  }, [clearTimeouts, delay, isEnabled, layer]);\n\n  const hideIfAllowed = useCallback(() => {\n    if (shouldHide?.() === false) {\n      return;\n    }\n\n    layer.hide();\n  }, [layer, shouldHide]);\n\n  const scheduleHide = useCallback(() => {\n    clearTimeouts();\n\n    if (hideDelay > 0) {\n      hideTimeoutRef.current = setTimeout(hideIfAllowed, hideDelay);\n      return;\n    }\n\n    hideIfAllowed();\n  }, [clearTimeouts, hideDelay, hideIfAllowed]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (isTouchDevice()) {\n      return;\n    }\n\n    scheduleShow();\n  }, [scheduleShow]);\n\n  const handleMouseLeave = useCallback(() => {\n    scheduleHide();\n  }, [scheduleHide]);\n\n  const handleFocusIn = useCallback(\n    (event: FocusEvent) => {\n      if (!isEnabled || onFocusIn?.(event) === false) {\n        return;\n      }\n\n      clearTimeouts();\n      layer.show();\n    },\n    [clearTimeouts, isEnabled, layer, onFocusIn],\n  );\n\n  const handleFocusOut = useCallback(\n    (event: FocusEvent) => {\n      if (onFocusOut?.(event) === false) {\n        return;\n      }\n\n      scheduleHide();\n    },\n    [onFocusOut, scheduleHide],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && layer.isOpen) {\n        onTriggerEscape?.(event);\n      }\n    },\n    [layer.isOpen, onTriggerEscape],\n  );\n\n  const handlersRef = useRef({\n    focusIn: handleFocusIn,\n    focusOut: handleFocusOut,\n    keyDown: handleKeyDown,\n    mouseEnter: handleMouseEnter,\n    mouseLeave: handleMouseLeave,\n  });\n  // eslint-disable-next-line @eslint-react/refs -- latest-ref pattern for stable DOM listeners\n  handlersRef.current = {\n    focusIn: handleFocusIn,\n    focusOut: handleFocusOut,\n    keyDown: handleKeyDown,\n    mouseEnter: handleMouseEnter,\n    mouseLeave: handleMouseLeave,\n  };\n\n  const stableMouseEnter = useCallback(() => {\n    handlersRef.current.mouseEnter();\n  }, []);\n  const stableMouseLeave = useCallback(() => {\n    handlersRef.current.mouseLeave();\n  }, []);\n  const stableFocusIn = useCallback((event: Event) => {\n    handlersRef.current.focusIn(event as FocusEvent);\n  }, []);\n  const stableFocusOut = useCallback((event: Event) => {\n    handlersRef.current.focusOut(event as FocusEvent);\n  }, []);\n  const stableKeyDown = useCallback((event: Event) => {\n    handlersRef.current.keyDown(event as KeyboardEvent);\n  }, []);\n\n  const interactionRef: RefCallback<HTMLElement> = useCallback(\n    element => {\n      if (triggerRef.current != null) {\n        triggerRef.current.removeEventListener('mouseenter', stableMouseEnter);\n        triggerRef.current.removeEventListener('mouseleave', stableMouseLeave);\n        triggerRef.current.removeEventListener('focusin', stableFocusIn);\n        triggerRef.current.removeEventListener('focusout', stableFocusOut);\n        triggerRef.current.removeEventListener('keydown', stableKeyDown);\n      }\n\n      if (element != null) {\n        element.addEventListener('mouseenter', stableMouseEnter);\n        element.addEventListener('mouseleave', stableMouseLeave);\n\n        const shouldAttachFocus =\n          focusTrigger === 'always' ||\n          (focusTrigger === 'auto' && isFocusable(element));\n\n        if (shouldAttachFocus) {\n          element.addEventListener('focusin', stableFocusIn);\n          element.addEventListener('focusout', stableFocusOut);\n        }\n\n        if (onTriggerEscape != null) {\n          element.addEventListener('keydown', stableKeyDown);\n        }\n      }\n\n      triggerRef.current = element;\n    },\n    [\n      focusTrigger,\n      onTriggerEscape,\n      stableFocusIn,\n      stableFocusOut,\n      stableKeyDown,\n      stableMouseEnter,\n      stableMouseLeave,\n    ],\n  );\n\n  const ref: RefCallback<HTMLElement> = useCallback(\n    element => {\n      layer.ref(element);\n      interactionRef(element);\n    },\n    [interactionRef, layer],\n  );\n\n  useEffect(() => {\n    return () => clearTimeouts();\n  }, [clearTimeouts]);\n\n  return useMemo(\n    () => ({\n      anchorId: layer.anchorId,\n      clearTimeouts,\n      describedBy: layer.id,\n      hide: layer.hide,\n      interactionRef,\n      layer,\n      positionRef: layer.ref,\n      ref,\n      scheduleHide,\n      show: layer.show,\n      triggerRef,\n    }),\n    [clearTimeouts, interactionRef, layer, ref, scheduleHide],\n  );\n}\n"]}

package/dist/{chunk-WWB4NSEY.cjs → chunk-JSINCF2R.cjs}

@@ -1,18 +1,18 @@
 'use strict';
 
 var chunkWGCGHFXE_cjs = require('./chunk-WGCGHFXE.cjs');
-var chunkYBPG5RPR_cjs = require('./chunk-YBPG5RPR.cjs');
-var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
-var chunk7GN6YTSS_cjs = require('./chunk-7GN6YTSS.cjs');
-var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
+var chunkSBS7U7CN_cjs = require('./chunk-SBS7U7CN.cjs');
+var chunk7CCXHH6Y_cjs = require('./chunk-7CCXHH6Y.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/Thumbnail/Thumbnail.recipe.ts
-var thumbnailRecipe = chunk5QPM5LUS_cjs.sva({
+var thumbnailRecipe = chunkZ6RT3WPE_cjs.sva({
   slots: [
     "root",
     "imageContainer",
@@ -159,9 +159,9 @@ function ThumbnailImageArea({
       }
     ) : imageContent,
     hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.insetBorder }) : null,
-    isLoading && hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size: "sm", variant: "onMedia" }) }) : null,
+    isLoading && hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSBS7U7CN_cjs.Spinner, { size: "sm", variant: "onMedia" }) }) : null,
     onRemove != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.remove, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYBPG5RPR_cjs.Button,
+      chunkQOKEU3DC_cjs.Button,
       {
         icon: lucideReact.X,
         isIconOnly: true,
@@ -217,10 +217,10 @@ function Thumbnail({
       )
     }
   );
-  return label != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk7GN6YTSS_cjs.Tooltip, { content: label, children: thumbnail }) : thumbnail;
+  return label != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk7CCXHH6Y_cjs.Tooltip, { content: label, children: thumbnail }) : thumbnail;
 }
 Thumbnail.displayName = "Thumbnail";
 
 exports.Thumbnail = Thumbnail;
-//# sourceMappingURL=chunk-WWB4NSEY.cjs.map
-//# sourceMappingURL=chunk-WWB4NSEY.cjs.map
+//# sourceMappingURL=chunk-JSINCF2R.cjs.map
+//# sourceMappingURL=chunk-JSINCF2R.cjs.map

package/dist/{chunk-WWB4NSEY.cjs.map → chunk-JSINCF2R.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":["sva","useState","Skeleton","jsx","Icon","ImageIcon","jsxs","Spinner","Button","X","cx","Tooltip"],"mappings":"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","file":"chunk-WWB4NSEY.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","import {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport {Skeleton} from '../Skeleton';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {thumbnailRecipe} from './Thumbnail.recipe';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}
+{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":["sva","useState","Skeleton","jsx","Icon","ImageIcon","jsxs","Spinner","Button","X","cx","Tooltip"],"mappings":"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","file":"chunk-JSINCF2R.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","import {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport {Skeleton} from '../Skeleton';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {thumbnailRecipe} from './Thumbnail.recipe';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}

package/dist/{chunk-BJD32VBQ.cjs → chunk-JTFNNEWR.cjs}

@@ -1,56 +1,78 @@
 'use strict';
 
 var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
-var chunkYBPG5RPR_cjs = require('./chunk-YBPG5RPR.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
+var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var styles = {
-  root: chunkRU6JG3FS_cjs.css({
-    width: "25rem",
-    maxW: "calc(100vw - 32px)",
-    p: "4",
-    borderRadius: "lg",
-    boxShadow: "xl",
-    fontFamily: "body",
-    transitionProperty: "opacity, transform",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    "@starting-style": {
-      opacity: 0,
-      transform: "translateY(8px)"
+// src/components/Toast/Toast.recipe.ts
+var toastRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: ["root", "inner", "content", "end"],
+  base: {
+    root: {
+      width: "25rem",
+      maxW: "calc(100vw - 32px)",
+      p: "4",
+      borderRadius: "lg",
+      boxShadow: "xl",
+      fontFamily: "body",
+      transitionProperty: "opacity, transform",
+      transitionDuration: "fast",
+      transitionTimingFunction: "default",
+      "@starting-style": {
+        opacity: 0,
+        transform: "translateY(8px)"
+      },
+      "@media (prefers-reduced-motion: reduce)": {
+        transitionDuration: "0.01ms"
+      }
     },
-    "@media (prefers-reduced-motion: reduce)": {
-      transitionDuration: "0.01ms"
+    inner: {
+      display: "flex",
+      alignItems: "center",
+      gap: "3"
+    },
+    content: {
+      flex: 1,
+      minW: 0
+    },
+    end: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      flexShrink: 0
     }
-  }),
-  info: chunkRU6JG3FS_cjs.css({ bg: "status.info.solid", color: "status.info.solidFg" }),
-  error: chunkRU6JG3FS_cjs.css({ bg: "status.error.solid", color: "status.error.solidFg" }),
-  success: chunkRU6JG3FS_cjs.css({ bg: "status.success.solid", color: "status.success.solidFg" }),
-  warning: chunkRU6JG3FS_cjs.css({ bg: "status.warning.solid", color: "status.warning.solidFg" }),
-  exiting: chunkRU6JG3FS_cjs.css({
-    opacity: 0,
-    transform: "translateY(-8px)"
-  }),
-  inner: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    gap: "3"
-  }),
-  content: chunkRU6JG3FS_cjs.css({
-    flex: 1,
-    minW: 0
-  }),
-  end: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    gap: "2",
-    flexShrink: 0
-  })
-};
+  },
+  variants: {
+    type: {
+      info: { root: { bg: "status.info.solid", color: "status.info.solidFg" } },
+      error: { root: { bg: "status.error.solid", color: "status.error.solidFg" } },
+      success: {
+        root: { bg: "status.success.solid", color: "status.success.solidFg" }
+      },
+      warning: {
+        root: { bg: "status.warning.solid", color: "status.warning.solidFg" }
+      }
+    },
+    isExiting: {
+      true: {
+        root: {
+          opacity: 0,
+          transform: "translateY(-8px)"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    type: "info",
+    isExiting: false
+  }
+});
 var assertiveTypes = {
   error: true,
   warning: true
@@ -72,6 +94,10 @@ function Toast({
   const startedAtRef = react.useRef(null);
   const remainingRef = react.useRef(autoHideDuration);
   const isPausedRef = react.useRef(false);
+  const onDismissRef = react.useRef(onDismiss);
+  react.useEffect(() => {
+    onDismissRef.current = onDismiss;
+  });
   const startTimer = react.useCallback(() => {
     if (!isAutoHide) {
       return;
@@ -81,10 +107,10 @@ function Toast({
     }
     startedAtRef.current = chunkR37R7DEV_cjs.nowMonotonicMilliseconds();
     timerRef.current = setTimeout(
-      () => onDismiss("auto"),
+      () => onDismissRef.current("auto"),
       remainingRef.current
     );
-  }, [isAutoHide, onDismiss]);
+  }, [isAutoHide]);
   const pauseTimer = react.useCallback(() => {
     if (!isAutoHide || isPausedRef.current) {
       return;
@@ -117,17 +143,13 @@ function Toast({
       }
     };
   }, [autoHideDuration, startTimer]);
+  const classes = toastRecipe({ type, isExiting });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-atomic": "true",
       "aria-live": assertiveTypes[type] ? "assertive" : "polite",
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles.root,
-        styles[type],
-        isExiting ? styles.exiting : void 0,
-        className
-      ),
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
       "data-testid": dataTestId,
       onBlurCapture: resumeTimer,
       onFocusCapture: pauseTimer,
@@ -136,12 +158,12 @@ function Toast({
       ref,
       role: assertiveTypes[type] ? "alert" : "status",
       style,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.inner, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, children: body }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.end, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inner, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.content, children: body }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.end, children: [
           endContent,
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYBPG5RPR_cjs.Button,
+            chunkQOKEU3DC_cjs.Button,
             {
               icon: lucideReact.X,
               isIconOnly: true,
@@ -159,7 +181,7 @@ function Toast({
 Toast.displayName = "Toast";
 var ToastContext = react.createContext(null);
 ToastContext.displayName = "ToastContext";
-var styles2 = {
+var styles = {
   viewport: chunkRU6JG3FS_cjs.css({
     position: "fixed",
     zIndex: 500,
@@ -213,10 +235,10 @@ var styles2 = {
     topStart: ""
   }
 };
-styles2.position.bottomEnd = styles2.bottomEnd;
-styles2.position.bottomStart = styles2.bottomStart;
-styles2.position.topEnd = styles2.topEnd;
-styles2.position.topStart = styles2.topStart;
+styles.position.bottomEnd = styles.bottomEnd;
+styles.position.bottomStart = styles.bottomStart;
+styles.position.topEnd = styles.topEnd;
+styles.position.topStart = styles.topStart;
 function ToastViewport({
   children,
   className,
@@ -258,7 +280,7 @@ function ToastViewport({
     const entry = toastsRef.current.find((toast) => toast.id === id);
     entry?.options.onHide?.(reason);
     setExitingIds((previous) => new Set(previous).add(id));
-    window.setTimeout(() => {
+    globalThis.setTimeout(() => {
       setExitingIds((previous) => {
         const next = new Set(previous);
         next.delete(id);
@@ -297,17 +319,10 @@ function ToastViewport({
       "div",
       {
         "aria-label": "Notifications",
-        className: chunkSPDVNY2Z_cjs.cx(styles2.viewport, styles2.position[position], className),
+        className: chunkSPDVNY2Z_cjs.cx(styles.viewport, styles.position[position], className),
         "data-testid": dataTestId,
         popover: isTopLayer ? "manual" : void 0,
-        ref: (node) => {
-          viewportRef.current = node;
-          if (typeof ref === "function") {
-            ref(node);
-          } else if (ref != null) {
-            ref.current = node;
-          }
-        },
+        ref: chunk6SHL7FYO_cjs.mergeRefs(viewportRef, ref),
         role: "region",
         style: insetStyle,
         children: visibleToasts.map((entry) => {
@@ -317,10 +332,10 @@ function ToastViewport({
             "div",
             {
               className: chunkSPDVNY2Z_cjs.cx(
-                styles2.wrapper,
-                exitingIds.has(entry.id) ? styles2.wrapperExiting : void 0
+                styles.wrapper,
+                exitingIds.has(entry.id) ? styles.wrapperExiting : void 0
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.wrapperInner, children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.wrapperInner, children: /* @__PURE__ */ jsxRuntime.jsx(
                 Toast,
                 {
                   autoHideDuration: entry.options.autoHideDuration ?? 5e3,
@@ -371,5 +386,5 @@ function useToast() {
 exports.Toast = Toast;
 exports.ToastViewport = ToastViewport;
 exports.useToast = useToast;
-//# sourceMappingURL=chunk-BJD32VBQ.cjs.map
-//# sourceMappingURL=chunk-BJD32VBQ.cjs.map
+//# sourceMappingURL=chunk-JTFNNEWR.cjs.map
+//# sourceMappingURL=chunk-JTFNNEWR.cjs.map

package/dist/chunk-JTFNNEWR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/Toast.recipe.ts","../src/components/Toast/Toast.tsx","../src/components/Toast/ToastContext.ts","../src/components/Toast/ToastViewport.tsx","../src/components/Toast/useToast.tsx"],"names":["sva","useRef","useEffect","useCallback","nowMonotonicMilliseconds","jsx","cx","jsxs","Button","X","createContext","css","useState","useMemo","mergeRefs","use","nowEpochMilliseconds"],"mappings":"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","file":"chunk-JTFNNEWR.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const toastRecipe = sva({\n  slots: ['root', 'inner', 'content', 'end'],\n  base: {\n    root: {\n      width: '25rem',\n      maxW: 'calc(100vw - 32px)',\n      p: '4',\n      borderRadius: 'lg',\n      boxShadow: 'xl',\n      fontFamily: 'body',\n      transitionProperty: 'opacity, transform',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      '@starting-style': {\n        opacity: 0,\n        transform: 'translateY(8px)',\n      },\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01ms',\n      },\n    },\n    inner: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '3',\n    },\n    content: {\n      flex: 1,\n      minW: 0,\n    },\n    end: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    type: {\n      info: {root: {bg: 'status.info.solid', color: 'status.info.solidFg'}},\n      error: {root: {bg: 'status.error.solid', color: 'status.error.solidFg'}},\n      success: {\n        root: {bg: 'status.success.solid', color: 'status.success.solidFg'},\n      },\n      warning: {\n        root: {bg: 'status.warning.solid', color: 'status.warning.solidFg'},\n      },\n    },\n    isExiting: {\n      true: {\n        root: {\n          opacity: 0,\n          transform: 'translateY(-8px)',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    type: 'info',\n    isExiting: false,\n  },\n});\n\nexport type ToastVariants = RecipeVariantProps<typeof toastRecipe>;\n","/* eslint-disable jsx-a11y-x/no-static-element-interactions */\nimport {X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {nowMonotonicMilliseconds} from '../../internal/time';\nimport {Button} from '../Button';\nimport {toastRecipe} from './Toast.recipe';\nimport type {ToastDismissReason, ToastType} from './types';\n\nexport interface ToastProps {\n  /**\n   * Auto-dismiss duration in milliseconds.\n   */\n  autoHideDuration: number;\n  /**\n   * Toast message content.\n   */\n  body: ReactNode;\n  /**\n   * Additional CSS class names applied to the toast.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toast.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered before the dismiss button.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether the toast auto-dismisses.\n   */\n  isAutoHide: boolean;\n  /**\n   * Whether the toast is exiting.\n   * @default false\n   */\n  isExiting?: boolean;\n  /**\n   * Called when the toast should be dismissed.\n   */\n  onDismiss: (reason: ToastDismissReason) => void;\n  /**\n   * Ref forwarded to the toast element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the toast.\n   */\n  style?: CSSProperties;\n  /**\n   * Toast tone.\n   */\n  type: ToastType;\n}\n\nconst assertiveTypes: Partial<Record<ToastType, true>> = {\n  error: true,\n  warning: true,\n};\n\n/**\n * An individual toast notification.\n */\nexport function Toast({\n  autoHideDuration,\n  body,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  isAutoHide,\n  isExiting = false,\n  onDismiss,\n  ref,\n  style,\n  type,\n}: ToastProps): React.JSX.Element {\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const startedAtRef = useRef<number | null>(null);\n  const remainingRef = useRef(autoHideDuration);\n  const isPausedRef = useRef(false);\n  const onDismissRef = useRef(onDismiss);\n  useEffect(() => {\n    onDismissRef.current = onDismiss;\n  });\n\n  const startTimer = useCallback(() => {\n    if (!isAutoHide) {\n      return;\n    }\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n    }\n    startedAtRef.current = nowMonotonicMilliseconds();\n    timerRef.current = setTimeout(\n      () => onDismissRef.current('auto'),\n      remainingRef.current,\n    );\n  }, [isAutoHide]);\n\n  const pauseTimer = useCallback(() => {\n    if (!isAutoHide || isPausedRef.current) {\n      return;\n    }\n    isPausedRef.current = true;\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n    if (startedAtRef.current != null) {\n      remainingRef.current = Math.max(\n        remainingRef.current -\n          (nowMonotonicMilliseconds() - startedAtRef.current),\n        1000,\n      );\n    }\n  }, [isAutoHide]);\n\n  const resumeTimer = useCallback(() => {\n    if (!isAutoHide || !isPausedRef.current) {\n      return;\n    }\n    isPausedRef.current = false;\n    startTimer();\n  }, [isAutoHide, startTimer]);\n\n  useEffect(() => {\n    remainingRef.current = autoHideDuration;\n    startTimer();\n    return () => {\n      if (timerRef.current != null) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, [autoHideDuration, startTimer]);\n\n  const classes = toastRecipe({type, isExiting});\n\n  return (\n    <div\n      aria-atomic=\"true\"\n      aria-live={assertiveTypes[type] ? 'assertive' : 'polite'}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onBlurCapture={resumeTimer}\n      onFocusCapture={pauseTimer}\n      onMouseEnter={pauseTimer}\n      onMouseLeave={resumeTimer}\n      ref={ref}\n      role={assertiveTypes[type] ? 'alert' : 'status'}\n      style={style}>\n      <div className={classes.inner}>\n        <div className={classes.content}>{body}</div>\n        <div className={classes.end}>\n          {endContent}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Dismiss notification\"\n            onClick={() => onDismiss('manual')}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nToast.displayName = 'Toast';\n","import {createContext} from 'react';\nimport type {ToastDismissReason, ToastEntry} from './types';\n\nexport interface ToastContextValue {\n  addToast: (entry: ToastEntry) => void;\n  findByUniqueID: (uniqueID: string) => ToastEntry | undefined;\n  removeToast: (id: string, reason: ToastDismissReason) => void;\n}\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\nToastContext.displayName = 'ToastContext';\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {Toast} from './Toast';\nimport {ToastContext, type ToastContextValue} from './ToastContext';\nimport type {ToastDismissReason, ToastEntry, ToastPosition} from './types';\n\nexport interface ToastViewportInset {\n  bottom?: number;\n  end?: number;\n  start?: number;\n  top?: number;\n}\n\nexport interface ToastViewportProps {\n  /**\n   * App content that should receive the toast context.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the viewport.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the viewport.\n   */\n  'data-testid'?: string;\n  /**\n   * Custom viewport inset.\n   */\n  inset?: Readonly<ToastViewportInset>;\n  /**\n   * Whether to promote the viewport to the CSS top layer using popover.\n   * @default true\n   */\n  isTopLayer?: boolean;\n  /**\n   * Maximum visible toast count.\n   * @default 5\n   */\n  maxVisible?: number;\n  /**\n   * Toast stack position.\n   * @default 'bottomEnd'\n   */\n  position?: ToastPosition;\n  /**\n   * Ref forwarded to the viewport element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the viewport.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  viewport: css({\n    position: 'fixed',\n    zIndex: 500,\n    display: 'flex',\n    flexDirection: 'column',\n    p: '4',\n    pointerEvents: 'none',\n    inset: 'unset',\n    m: 0,\n    borderWidth: 0,\n    bg: 'transparent',\n    overflow: 'visible',\n  }),\n  bottomEnd: css({bottom: 0, insetInlineEnd: 0, alignItems: 'flex-end'}),\n  bottomStart: css({bottom: 0, insetInlineStart: 0, alignItems: 'flex-start'}),\n  topEnd: css({\n    top: 0,\n    insetInlineEnd: 0,\n    alignItems: 'flex-end',\n    flexDirection: 'column-reverse',\n  }),\n  topStart: css({\n    top: 0,\n    insetInlineStart: 0,\n    alignItems: 'flex-start',\n    flexDirection: 'column-reverse',\n  }),\n  wrapper: css({\n    pointerEvents: 'auto',\n    display: 'grid',\n    gridTemplateRows: '1fr',\n    pb: '3',\n    transitionProperty: 'grid-template-rows, padding',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  }),\n  wrapperExiting: css({\n    gridTemplateRows: '0fr',\n    pb: 0,\n  }),\n  wrapperInner: css({\n    overflow: 'hidden',\n  }),\n  position: {\n    bottomEnd: '',\n    bottomStart: '',\n    topEnd: '',\n    topStart: '',\n  } satisfies Record<ToastPosition, string>,\n} as const;\n\nstyles.position.bottomEnd = styles.bottomEnd;\nstyles.position.bottomStart = styles.bottomStart;\nstyles.position.topEnd = styles.topEnd;\nstyles.position.topStart = styles.topStart;\n\n/**\n * Toast provider and viewport. Mount once near the app root to enable\n * toast notifications. Components below this provider can call `useToast()`\n * to show toasts.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ToastViewport>\n *       <MyRoutes />\n *     </ToastViewport>\n *   );\n * }\n * ```\n */\nexport function ToastViewport({\n  children,\n  className,\n  'data-testid': dataTestId,\n  inset,\n  isTopLayer = true,\n  maxVisible = 5,\n  position = 'bottomEnd',\n  ref,\n  style,\n}: ToastViewportProps): React.JSX.Element {\n  const [toasts, setToasts] = useState<ToastEntry[]>([]);\n  const [exitingIds, setExitingIds] = useState<Set<string>>(() => new Set());\n  const toastsRef = useRef(toasts);\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    toastsRef.current = toasts;\n  }, [toasts]);\n\n  const addToast = useCallback((entry: ToastEntry) => {\n    setToasts(previous => {\n      const {uniqueID, collisionBehavior = 'overwrite'} = entry.options;\n      if (uniqueID != null) {\n        const existing = previous.find(\n          toast => toast.options.uniqueID === uniqueID,\n        );\n        if (existing != null) {\n          if (collisionBehavior === 'ignore') {\n            return previous;\n          }\n          return previous.map(toast =>\n            toast.options.uniqueID === uniqueID ? entry : toast,\n          );\n        }\n      }\n      return [...previous, entry];\n    });\n  }, []);\n\n  const removeToast = useCallback((id: string, reason: ToastDismissReason) => {\n    const entry = toastsRef.current.find(toast => toast.id === id);\n    entry?.options.onHide?.(reason);\n    setExitingIds(previous => new Set(previous).add(id));\n    globalThis.setTimeout(() => {\n      setExitingIds(previous => {\n        const next = new Set(previous);\n        next.delete(id);\n        return next;\n      });\n      setToasts(previous => previous.filter(toast => toast.id !== id));\n    }, 180);\n  }, []);\n\n  const findByUniqueID = useCallback((uniqueID: string) => {\n    return toastsRef.current.find(toast => toast.options.uniqueID === uniqueID);\n  }, []);\n\n  const contextValue = useMemo<ToastContextValue>(\n    () => ({addToast, findByUniqueID, removeToast}),\n    [addToast, findByUniqueID, removeToast],\n  );\n\n  useEffect(() => {\n    if (!isTopLayer) {\n      return;\n    }\n    try {\n      viewportRef.current?.showPopover();\n    } catch {\n      // Already showing.\n    }\n  }, [isTopLayer]);\n\n  const insetStyle: CSSProperties = {\n    ...(inset?.top != null ? {top: inset.top} : null),\n    ...(inset?.bottom != null ? {bottom: inset.bottom} : null),\n    ...(inset?.start != null ? {insetInlineStart: inset.start} : null),\n    ...(inset?.end != null ? {insetInlineEnd: inset.end} : null),\n    ...style,\n  };\n  const visibleToasts = toasts.slice(-maxVisible);\n\n  return (\n    <ToastContext value={contextValue}>\n      {children}\n      <div\n        aria-label=\"Notifications\"\n        className={cx(styles.viewport, styles.position[position], className)}\n        data-testid={dataTestId}\n        popover={isTopLayer ? 'manual' : undefined}\n        ref={mergeRefs(viewportRef, ref)}\n        role=\"region\"\n        style={insetStyle}>\n        {visibleToasts.map(entry => {\n          const type = entry.options.type ?? 'info';\n          const isAutoHide =\n            entry.options.isAutoHide ?? (type === 'error' ? false : true);\n          return (\n            <div\n              className={cx(\n                styles.wrapper,\n                exitingIds.has(entry.id) ? styles.wrapperExiting : undefined,\n              )}\n              key={entry.id}>\n              <div className={styles.wrapperInner}>\n                <Toast\n                  autoHideDuration={entry.options.autoHideDuration ?? 5000}\n                  body={entry.options.body}\n                  endContent={entry.options.endContent}\n                  isAutoHide={isAutoHide}\n                  isExiting={exitingIds.has(entry.id)}\n                  onDismiss={reason => removeToast(entry.id, reason)}\n                  type={type}\n                />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </ToastContext>\n  );\n}\n\nToastViewport.displayName = 'ToastViewport';\n","import {use, useCallback} from 'react';\nimport {nowEpochMilliseconds} from '../../internal/time';\nimport {ToastContext} from './ToastContext';\nimport type {\n  ShowToastFn,\n  ToastDismissFn,\n  ToastEntry,\n  ToastOptions,\n} from './types';\n\nlet toastIdCounter = 0;\n\nfunction generateToastId(): string {\n  toastIdCounter += 1;\n  return `silver-toast-${toastIdCounter}`;\n}\n\n/**\n * Returns a function that shows a toast notification.\n * Must be called within a `ToastViewport` provider.\n * The returned function accepts `ToastOptions` and returns a dismiss callback.\n */\nexport function useToast(): ShowToastFn {\n  const context = use(ToastContext);\n\n  if (context == null) {\n    throw new Error(\n      'useToast must be used within a ToastViewport. Add <ToastViewport> near your app root to enable toast notifications.',\n    );\n  }\n\n  return useCallback(\n    (options: ToastOptions): ToastDismissFn => {\n      const id = generateToastId();\n      const entry: ToastEntry = {\n        createdAt: nowEpochMilliseconds(),\n        id,\n        options,\n      };\n      context.addToast(entry);\n      return () => context.removeToast(id, 'manual');\n    },\n    [context],\n  );\n}\n"]}

package/dist/{chunk-YAYINZT2.cjs → chunk-JYVYCU22.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var styles = {
@@ -38,5 +38,5 @@ function NavIcon({
 NavIcon.displayName = "NavIcon";
 
 exports.NavIcon = NavIcon;
-//# sourceMappingURL=chunk-YAYINZT2.cjs.map
-//# sourceMappingURL=chunk-YAYINZT2.cjs.map
+//# sourceMappingURL=chunk-JYVYCU22.cjs.map
+//# sourceMappingURL=chunk-JYVYCU22.cjs.map

package/dist/{chunk-YAYINZT2.cjs.map → chunk-JYVYCU22.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavIcon/NavIcon.tsx"],"names":["css","jsx","cx"],"mappings":";;;;;;AA2BA,IAAM,MAAA,GAAS;AAAA,EACb,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,cAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAMO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-YAYINZT2.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\n\nexport interface NavIconProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * The icon element to render inside the circular background.\n   */\n  icon: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  base: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    bg: 'primary',\n    color: 'fg.onPrimary',\n    flexShrink: 0,\n    w: 'component.sm',\n    h: 'component.sm',\n  }),\n};\n\n/**\n * Circular icon container for navigation headers.\n * Wraps an icon with a circular accent-colored background.\n */\nexport function NavIcon({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  ref,\n  style,\n}: NavIconProps): React.JSX.Element {\n  return (\n    <span\n      className={cx(styles.base, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon}\n    </span>\n  );\n}\n\nNavIcon.displayName = 'NavIcon';\n"]}
+{"version":3,"sources":["../src/components/NavIcon/NavIcon.tsx"],"names":["css","jsx","cx"],"mappings":";;;;;;AA2BA,IAAM,MAAA,GAAS;AAAA,EACb,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,cAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAMO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-JYVYCU22.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\n\nexport interface NavIconProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * The icon element to render inside the circular background.\n   */\n  icon: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  base: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    bg: 'primary',\n    color: 'fg.onPrimary',\n    flexShrink: 0,\n    w: 'component.sm',\n    h: 'component.sm',\n  }),\n};\n\n/**\n * Circular icon container for navigation headers.\n * Wraps an icon with a circular accent-colored background.\n */\nexport function NavIcon({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  ref,\n  style,\n}: NavIconProps): React.JSX.Element {\n  return (\n    <span\n      className={cx(styles.base, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon}\n    </span>\n  );\n}\n\nNavIcon.displayName = 'NavIcon';\n"]}