silver-ui 0.5.0 → 0.6.0

package/dist/chunk-VK7DXUGH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useIsomorphicLayoutEffect.ts","../src/internal/useLatest.ts","../src/internal/useLayer.tsx","../src/internal/useHoverLayer.ts","../src/internal/HoverLayerTrigger.tsx"],"names":["useLayoutEffect","useEffect","useRef","css","useId","useState","useCallback","cx","createElement","useMemo","mergeRefs","styles","jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-VK7DXUGH.cjs","sourcesContent":["import {useEffect, useLayoutEffect} from 'react';\n\nexport const useIsomorphicLayoutEffect =\n  typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n","import {useRef} from 'react';\n\nconst useLatest = <T>(value: T): {readonly current: T} => {\n  const ref = useRef(value);\n  // eslint-disable-next-line @eslint-react/refs -- intentional latest-value ref kept in sync during render\n  ref.current = value;\n  return ref;\n};\n\nexport default useLatest;\n","import {\n  createElement,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type LayerPlacement = 'above' | 'below' | 'start' | 'end';\nexport type LayerAlignment = 'start' | 'center' | 'end';\n\nexport interface ContextRenderProps {\n  /**\n   * How the layer aligns along the edge it is placed against. Defaults to\n   * `'center'`.\n   */\n  alignment?: LayerAlignment;\n  /**\n   * Additional class name merged onto the layer element.\n   */\n  className?: string;\n  /**\n   * Gap in pixels along the inline axis, applied as a margin on the edge facing\n   * the trigger (for `start`/`end` placements). Flips with the layer when\n   * `position-try` reflects it, so the gap stays between the layer and trigger.\n   */\n  offsetX?: number;\n  /**\n   * Gap in pixels along the block axis, applied as a margin on the edge facing\n   * the trigger (for `above`/`below` placements). Flips with the layer when\n   * `position-try` reflects it, so the gap stays between the layer and trigger.\n   */\n  offsetY?: number;\n  /**\n   * Which side of the anchor the layer is placed on. Defaults to `'above'`.\n   */\n  placement?: LayerPlacement;\n  /**\n   * ARIA role applied to the layer element.\n   */\n  role?: string;\n  /**\n   * Additional inline styles merged onto the layer element.\n   */\n  style?: React.CSSProperties;\n}\n\ninterface LayerOptions {\n  /**\n   * Id applied to the layer element. Falls back to a generated id. Supply this\n   * when another element needs a stable `aria-controls` reference to the layer.\n   */\n  id?: string;\n  /**\n   * When `true`, the layer can be dismissed by clicking outside or pressing\n   * Escape (the native `auto` popover behavior). When `false`, it uses `manual`\n   * mode and must be hidden programmatically. Defaults to `false`.\n   */\n  isDismissable?: boolean;\n  /**\n   * Called after the layer is hidden, including via light dismiss.\n   */\n  onHide?: () => void;\n  /**\n   * Called after the layer is shown.\n   */\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  /**\n   * CSS anchor name tying the layer to the trigger for positioning.\n   */\n  anchorId: string;\n  /**\n   * Hides the layer.\n   */\n  hide: () => void;\n  /**\n   * Id of the layer element, matching the value to use for `aria-controls`.\n   */\n  id: string;\n  /**\n   * Whether the layer is currently open.\n   */\n  isOpen: boolean;\n  /**\n   * Ref callback to attach to the trigger element for anchor positioning.\n   */\n  ref: RefCallback<HTMLElement>;\n  /**\n   * Renders the given children inside the layer element.\n   */\n  render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n  /**\n   * Shows the layer.\n   */\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\n/**\n * Applies the offset as a logical margin on the edge that faces the anchor for\n * the given placement. Using logical margins (rather than `translate`) means the\n * `position-try` flip tactics flip the gap along with the layer, so it stays on\n * the correct side after a flip.\n */\nfunction getOffsetStyle(\n  placement: LayerPlacement,\n  offsetX?: number,\n  offsetY?: number,\n): React.CSSProperties {\n  const style: React.CSSProperties = {};\n  if (offsetY != null) {\n    if (placement === 'above') {\n      style.marginBlockEnd = `${offsetY}px`;\n    } else {\n      style.marginBlockStart = `${offsetY}px`;\n    }\n  }\n  if (offsetX != null) {\n    if (placement === 'start') {\n      style.marginInlineEnd = `${offsetX}px`;\n    } else {\n      style.marginInlineStart = `${offsetX}px`;\n    }\n  }\n  return style;\n}\n\nexport function useLayer({\n  onShow,\n  onHide,\n  isDismissable = false,\n  id: providedId,\n}: LayerOptions = {}): LayerReturn {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\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 {offsetX, offsetY} = props ?? {};\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      const offsetStyle = getOffsetStyle(placement, offsetX, offsetY);\n\n      const layerProps: LayerElementProps = {\n        ref: popoverRefCallback,\n        id,\n        role: props?.role,\n        popover: isDismissable ? 'auto' : 'manual',\n        className: cx(styles.layer, props?.className),\n        style: {...anchorStyle, ...offsetStyle, ...props?.style},\n      };\n\n      return createElement('div', layerProps, children);\n    },\n    [anchorId, isDismissable, id, popoverRefCallback],\n  );\n\n  return useMemo(\n    () => ({\n      ref,\n      anchorId,\n      show,\n      hide,\n      isOpen,\n      id,\n      render,\n    }),\n    [ref, anchorId, show, hide, isOpen, id, render],\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type RefCallback,\n  type RefObject,\n} from 'react';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport useLatest from 'internal/useLatest';\nimport {useLayer, type LayerReturn} from 'internal/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 = useLatest({\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 hasTriggerEscape = onTriggerEscape != null;\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 (hasTriggerEscape) {\n          element.addEventListener('keydown', stableKeyDown);\n        }\n      }\n\n      triggerRef.current = element;\n    },\n    [\n      focusTrigger,\n      hasTriggerEscape,\n      stableFocusIn,\n      stableFocusOut,\n      stableKeyDown,\n      stableMouseEnter,\n      stableMouseLeave,\n    ],\n  );\n\n  const ref = useMemo(\n    () => mergeRefs(layer.ref, interactionRef),\n    [layer.ref, interactionRef],\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","import {\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport {css} from 'styled-system/css';\n\nexport interface HoverLayerTriggerProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  describedBy: string;\n  hoverIndication?: 'always' | 'auto' | 'never';\n  isNonTextWrapperPropsForwarded?: boolean;\n  layer: ReactNode;\n  nonTextWrapperElement?: 'div' | 'span';\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  hoverIndication = 'auto',\n  isNonTextWrapperPropsForwarded = true,\n  layer,\n  nonTextWrapperElement = 'span',\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    hoverIndication === 'always' || (hoverIndication === '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 = isNonTextWrapperPropsForwarded\n    ? mergeRefs(ownWrapperRef, wrapperRef)\n    : ownWrapperRef;\n  const nonTextWrapperClassName = cx(\n    styles.wrapperContents,\n    isNonTextWrapperPropsForwarded ? className : undefined,\n  );\n  const nonTextWrapperTestId = isNonTextWrapperPropsForwarded\n    ? dataTestId\n    : undefined;\n  const nonTextWrapperStyle = isNonTextWrapperPropsForwarded\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"]}

package/dist/chunk-VPWNRWNO.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Link/useLinkComponent.ts
+var LinkContext = react.createContext(null);
+LinkContext.displayName = "LinkContext";
+
+// src/components/Link/useLinkComponent.ts
+function useLinkComponent(as) {
+  const context = react.use(LinkContext);
+  return as ?? context?.component ?? "a";
+}
+function ActionElement({
+  as,
+  children,
+  isDisabled,
+  form,
+  href,
+  name,
+  onClick,
+  onKeyDown,
+  ref,
+  rel,
+  isLink = href != null,
+  role: roleFromProps,
+  style,
+  tabIndex,
+  target,
+  type = "button",
+  value,
+  ...props
+}) {
+  const LinkComponent = useLinkComponent(as);
+  const role = roleFromProps ?? (isLink && href == null ? "link" : void 0);
+  if (isLink) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      LinkComponent,
+      {
+        ...props,
+        href,
+        onClick,
+        onKeyDown,
+        ref,
+        rel,
+        role,
+        style,
+        tabIndex,
+        target,
+        to: href == null || LinkComponent === "a" ? void 0 : href,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ...props,
+      disabled: isDisabled,
+      form,
+      name,
+      onClick,
+      onKeyDown,
+      ref,
+      role,
+      style,
+      tabIndex,
+      type,
+      value,
+      children
+    }
+  );
+}
+ActionElement.displayName = "ActionElement";
+
+exports.ActionElement = ActionElement;
+exports.LinkContext = LinkContext;
+exports.useLinkComponent = useLinkComponent;
+//# sourceMappingURL=chunk-VPWNRWNO.cjs.map
+//# sourceMappingURL=chunk-VPWNRWNO.cjs.map

package/dist/chunk-VPWNRWNO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/LinkContext.ts","../src/components/Link/useLinkComponent.ts","../src/internal/ActionElement.tsx"],"names":["createContext","use","jsx"],"mappings":";;;;;;AAOO,IAAM,WAAA,GAAcA,oBAAuC,IAAI;AACtE,WAAA,CAAY,WAAA,GAAc,aAAA;;;ACJnB,SAAS,iBAAiB,EAAA,EAAmC;AAClE,EAAA,MAAM,OAAA,GAAUC,UAAI,WAAW,CAAA;AAC/B,EAAA,OAAO,EAAA,IAAM,SAAS,SAAA,IAAa,GAAA;AACrC;AC6CO,SAAS,aAAA,CAAc;AAAA,EAC5B,EAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAS,IAAA,IAAQ,IAAA;AAAA,EACjB,IAAA,EAAM,aAAA;AAAA,EACN,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,EAAE,CAAA;AACzC,EAAA,MAAM,IAAA,GAAO,aAAA,KAAkB,MAAA,IAAU,IAAA,IAAQ,OAAO,MAAA,GAAS,MAAA,CAAA;AAEjE,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACEC,cAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA;AAAA,QACA,EAAA,EAAI,IAAA,IAAQ,IAAA,IAAQ,aAAA,KAAkB,MAAM,MAAA,GAAY,IAAA;AAAA,QACvD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,UAAA;AAAA,MACV,IAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-VPWNRWNO.cjs","sourcesContent":["import {createContext} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport interface LinkContextValue {\n  component: LinkComponent;\n}\n\nexport const LinkContext = createContext<LinkContextValue | null>(null);\nLinkContext.displayName = 'LinkContext';\n","import {use} from 'react';\nimport {LinkContext} from 'components/Link/LinkContext';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport function useLinkComponent(as?: LinkComponent): LinkComponent {\n  const context = use(LinkContext);\n  return as ?? context?.component ?? 'a';\n}\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {\n  AriaAttributes,\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\nimport {useLinkComponent} from 'components/Link/useLinkComponent';\n\nexport interface ActionElementProps {\n  'aria-busy'?: AriaAttributes['aria-busy'];\n  'aria-controls'?: AriaAttributes['aria-controls'];\n  'aria-current'?: AriaAttributes['aria-current'];\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n  'aria-description'?: AriaAttributes['aria-description'];\n  'aria-details'?: AriaAttributes['aria-details'];\n  'aria-disabled'?: AriaAttributes['aria-disabled'];\n  'aria-expanded'?: AriaAttributes['aria-expanded'];\n  'aria-haspopup'?: AriaAttributes['aria-haspopup'];\n  'aria-hidden'?: AriaAttributes['aria-hidden'];\n  'aria-keyshortcuts'?: AriaAttributes['aria-keyshortcuts'];\n  'aria-label'?: AriaAttributes['aria-label'];\n  'aria-labelledby'?: AriaAttributes['aria-labelledby'];\n  'aria-owns'?: AriaAttributes['aria-owns'];\n  'aria-pressed'?: AriaAttributes['aria-pressed'];\n  'aria-roledescription'?: AriaAttributes['aria-roledescription'];\n  as?: LinkComponent;\n  children?: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  form?: string;\n  href?: string;\n  id?: string;\n  isDisabled?: boolean;\n  isLink?: boolean;\n  name?: string;\n  onClick?: MouseEventHandler<HTMLElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  ref?: Ref<HTMLElement>;\n  rel?: string;\n  role?: string;\n  style?: CSSProperties;\n  tabIndex?: number;\n  target?: string;\n  type?: 'button' | 'submit' | 'reset';\n  value?: string;\n}\n\nexport function ActionElement({\n  as,\n  children,\n  isDisabled,\n  form,\n  href,\n  name,\n  onClick,\n  onKeyDown,\n  ref,\n  rel,\n  isLink = href != null,\n  role: roleFromProps,\n  style,\n  tabIndex,\n  target,\n  type = 'button',\n  value,\n  ...props\n}: ActionElementProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const role = roleFromProps ?? (isLink && href == null ? 'link' : undefined);\n\n  if (isLink) {\n    return (\n      <LinkComponent\n        {...props}\n        href={href}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        ref={ref as Ref<HTMLAnchorElement>}\n        rel={rel}\n        role={role}\n        style={style}\n        tabIndex={tabIndex}\n        target={target}\n        to={href == null || LinkComponent === 'a' ? undefined : href}>\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      {...props}\n      disabled={isDisabled}\n      form={form}\n      name={name}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      role={role}\n      style={style}\n      tabIndex={tabIndex}\n      type={type}\n      value={value}>\n      {children}\n    </button>\n  );\n}\n\nActionElement.displayName = 'ActionElement';\n"]}

package/dist/{chunk-K4K4FU3D.cjs → chunk-VREW3BK6.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
+var chunkR3ZS6FU6_cjs = require('./chunk-R3ZS6FU6.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
 var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
@@ -319,9 +319,9 @@ function FileInput({
       }
     }
   } : {};
-  const necessity = chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkR3ZS6FU6_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFFF57VHO_cjs.Field,
+    chunkR3ZS6FU6_cjs.Field,
     {
       description,
       descriptionID,
@@ -361,9 +361,9 @@ function FileInput({
                 type: "file"
               }
             ) }),
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: isDropzone ? "md" : "sm" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.Upload, size: isDropzone ? "md" : "sm" }) }),
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGU65FGY6_cjs.Spinner, { size: isDropzone ? "md" : "sm" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.Upload, size: isDropzone ? "md" : "sm" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3Z5PF75J_cjs.Text,
+              chunkMHAXS4GO_cjs.Text,
               {
                 as: "span",
                 className: classes.fileName,
@@ -372,7 +372,7 @@ function FileInput({
               }
             ),
             fileNames != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5XMWGK3O_cjs.Button,
+              chunkVXOIOPGZ_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -395,5 +395,5 @@ function FileInput({
 FileInput.displayName = "FileInput";
 
 exports.FileInput = FileInput;
-//# sourceMappingURL=chunk-K4K4FU3D.cjs.map
-//# sourceMappingURL=chunk-K4K4FU3D.cjs.map
+//# sourceMappingURL=chunk-VREW3BK6.cjs.map
+//# sourceMappingURL=chunk-VREW3BK6.cjs.map

package/dist/{chunk-K4K4FU3D.cjs.map → chunk-VREW3BK6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FileInput/FileInput.recipe.ts","../src/internal/formatFileSize.ts","../src/components/FileInput/FileInput.tsx"],"names":["sva","useId","useRef","useState","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsx","Field","jsxs","cx","VisuallyHidden","mergeRefs","Spinner","Icon","Upload","Text","Button","X","getStatusIcon"],"mappings":"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","file":"chunk-K4K4FU3D.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const fileInputRecipe = sva({\n  slots: ['surface', 'icon', 'fileName'],\n  base: {\n    surface: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'md',\n      bg: 'bg',\n      cursor: 'pointer',\n      _hover: {borderColor: 'fg.muted'},\n    },\n    icon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    fileName: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    mode: {\n      input: {\n        surface: {\n          position: 'relative',\n          zIndex: 1,\n          transitionProperty: 'border-color, box-shadow, opacity',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _focusWithin: {\n            borderColor: 'primary',\n            boxShadow: 'focus',\n          },\n        },\n      },\n      dropzone: {\n        surface: {\n          minH: '32',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          borderStyle: 'dashed',\n          textAlign: 'center',\n          '& > *': {flex: 'none'},\n          // Focus lives on the visually-hidden file input, so the surface\n          // reflects it via :focus-within (the input mode uses boxShadow).\n          _focusWithin: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n    // Size only affects the input mode's height; the dropzone has a fixed\n    // height, so the real styling lives in compoundVariants below.\n    size: {\n      sm: {},\n      md: {},\n      lg: {},\n    },\n    // Status border/focus colors only apply in input mode (the dropzone\n    // surface keeps its dashed border), so they live in compoundVariants.\n    status: {\n      warning: {},\n      error: {},\n      success: {},\n    },\n    isDisabled: {\n      true: {\n        surface: {cursor: 'not-allowed', opacity: 0.55},\n      },\n      false: {},\n    },\n    isDragOver: {\n      true: {\n        surface: {borderColor: 'primary', bg: 'bg.selected'},\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {mode: 'input', size: 'sm', css: {surface: {minH: 'component.sm'}}},\n    {mode: 'input', size: 'md', css: {surface: {minH: 'component.md'}}},\n    {mode: 'input', size: 'lg', css: {surface: {minH: 'component.lg'}}},\n    {\n      mode: 'input',\n      status: 'warning',\n      css: {\n        surface: {\n          borderColor: 'status.warning.border',\n          _hover: {borderColor: 'status.warning.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.warning.border',\n            boxShadow: 'focus.warning',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'error',\n      css: {\n        surface: {\n          borderColor: 'status.error.border',\n          _hover: {borderColor: 'status.error.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.error.border',\n            boxShadow: 'focus.error',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'success',\n      css: {\n        surface: {\n          borderColor: 'status.success.border',\n          _hover: {borderColor: 'status.success.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.success.border',\n            boxShadow: 'focus.success',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    mode: 'input',\n    size: 'md',\n    isDisabled: false,\n    isDragOver: false,\n  },\n});\n\nexport type FileInputVariants = RecipeVariantProps<typeof fileInputRecipe>;\n","export function formatFileSize(bytes: number): string {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n\n  if (bytes < 1024 * 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`;\n  }\n\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n","import {Upload, X} from 'lucide-react';\nimport {\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type DragEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {fileInputRecipe} from 'components/FileInput/FileInput.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport {formatFileSize} from 'internal/formatFileSize';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport type FileInputMode = 'dropzone' | 'input';\n\ninterface FileInputBaseProps {\n  /**\n   * Comma-separated MIME types or file extensions the input accepts.\n   */\n  accept?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the hidden file input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum file size in bytes.\n   */\n  maxSize?: number;\n  /**\n   * Display mode: inline input or drag-and-drop dropzone.\n   * @default 'input'\n   */\n  mode?: FileInputMode;\n  /**\n   * Placeholder text shown when no file is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the hidden file input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ninterface FileInputSingleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple?: false;\n  /**\n   * Maximum number of files allowed. Only applicable when isMultiple is true.\n   */\n  maxFiles?: undefined;\n  /**\n   * Called when the selected file changes.\n   */\n  onChange: (file: File | null) => void;\n  /**\n   * Currently selected file.\n   */\n  value: File | null;\n}\n\ninterface FileInputMultipleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple: true;\n  /**\n   * Maximum number of files allowed.\n   */\n  maxFiles?: number;\n  /**\n   * Called when the selected files change.\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Currently selected files.\n   */\n  value: File[];\n}\n\nexport type FileInputProps = (FileInputMultipleProps | FileInputSingleProps) &\n  FieldNecessity;\n\nfunction validateFiles(\n  files: File[],\n  options: {\n    accept?: string;\n    isMultiple: boolean;\n    maxFiles?: number;\n    maxSize?: number;\n  },\n): {error: string | null; files: File[]} {\n  let validFiles = files;\n  if (options.accept != null) {\n    const acceptedTypes = options.accept\n      .split(',')\n      .map(type => type.trim().toLowerCase());\n    validFiles = validFiles.filter(file =>\n      acceptedTypes.some(type => {\n        if (type.startsWith('.')) {\n          return file.name.toLowerCase().endsWith(type);\n        }\n        if (type.endsWith('/*')) {\n          return file.type.startsWith(type.slice(0, -1));\n        }\n        return file.type.toLowerCase() === type;\n      }),\n    );\n    if (validFiles.length !== files.length) {\n      return {\n        files: validFiles,\n        error: 'One or more files are not an accepted type.',\n      };\n    }\n  }\n  if (options.maxSize != null) {\n    const maxSize = options.maxSize;\n    const oversized = validFiles.find(file => file.size > maxSize);\n    if (oversized != null) {\n      return {\n        error: `\"${oversized.name}\" exceeds ${formatFileSize(maxSize)}.`,\n        files: validFiles.filter(file => file.size <= maxSize),\n      };\n    }\n  }\n  if (\n    options.isMultiple &&\n    options.maxFiles != null &&\n    validFiles.length > options.maxFiles\n  ) {\n    return {\n      files: validFiles.slice(0, options.maxFiles),\n      error: `Maximum ${options.maxFiles} files allowed.`,\n    };\n  }\n  return {files: validFiles, error: null};\n}\n\nfunction getFileNames(value: File | File[] | null): string | null {\n  if (value == null) {\n    return null;\n  }\n  if (Array.isArray(value)) {\n    return value.length === 0 ? null : value.map(file => file.name).join(', ');\n  }\n  return value.name;\n}\n\n/**\n * A file input supporting both inline and drag-and-drop dropzone modes.\n */\nexport function FileInput({\n  label,\n  value,\n  onChange,\n  accept,\n  isMultiple = false,\n  maxSize,\n  maxFiles,\n  mode = 'input',\n  placeholder,\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  size = 'md',\n  status: statusFromProps,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FileInputProps): React.JSX.Element {\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n  // A validation error from the user's most recent selection is immediate,\n  // actionable feedback about what they just tried to do (wrong type, too\n  // large, too many), so it takes precedence over a consumer-provided `status`\n  // such as a form-level \"required\". Once there is no validation error (a valid\n  // selection or a cleared field), the external status surfaces again.\n  const status =\n    validationError == null\n      ? statusFromProps\n      : {type: 'error' as const, message: validationError};\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const fileNames = getFileNames(value);\n  const displayText =\n    fileNames ?? placeholder ?? (isMultiple ? 'Choose files' : 'Choose file');\n  const isDropzone = mode === 'dropzone';\n  const classes = fileInputRecipe({\n    mode,\n    size,\n    status: status?.type,\n    isDisabled,\n    isDragOver,\n  });\n\n  const handleFiles = (files: File[]) => {\n    if (isDisabled) {\n      return;\n    }\n    const result = validateFiles(files, {\n      accept,\n      isMultiple,\n      maxFiles,\n      maxSize,\n    });\n    setValidationError(result.error);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)(result.files);\n    } else if (result.files.length === 0) {\n      (onChange as (file: File | null) => void)(null);\n    } else {\n      (onChange as (file: File | null) => void)(result.files[0]);\n    }\n  };\n\n  const handleClear = () => {\n    setValidationError(null);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)([]);\n    } else {\n      (onChange as (file: File | null) => void)(null);\n    }\n  };\n\n  const openFilePicker = () => {\n    if (!isDisabled) {\n      inputRef.current?.click();\n    }\n  };\n\n  const dragProps = isDropzone\n    ? {\n        onDragEnter: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDragLeave: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n        },\n        onDragOver: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDrop: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n          if (!isDisabled) {\n            handleFiles(Array.from(event.dataTransfer.files));\n          }\n        },\n      }\n    : {};\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }>\n      {/*\n        The visually-hidden <input> is the real, focusable, labeled control\n        (the Field label targets it via htmlFor), so it owns the accessible\n        name, description, focus, and keyboard activation. The surface is only\n        a presentational mouse/drop target — it intentionally has no role or\n        keyboard handler, because that would create a redundant second control\n        with the same name. Hence the scoped a11y disables below.\n      */}\n      {/* eslint-disable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n      <div\n        aria-busy={isLoading || undefined}\n        className={cx(classes.surface, className)}\n        onClick={openFilePicker}\n        style={style}\n        {...dragProps}>\n        <VisuallyHidden>\n          <input\n            accept={accept}\n            aria-describedby={describedBy}\n            aria-invalid={status?.type === 'error' || undefined}\n            data-testid={dataTestId}\n            disabled={isDisabled}\n            id={inputId}\n            multiple={isMultiple}\n            onChange={event => {\n              handleFiles(Array.from(event.target.files ?? []));\n              event.currentTarget.value = '';\n            }}\n            ref={mergeRefs(ref, inputRef)}\n            required={isRequired}\n            type=\"file\"\n          />\n        </VisuallyHidden>\n        {isLoading ? (\n          <Spinner size={isDropzone ? 'md' : 'sm'} />\n        ) : (\n          <span className={classes.icon}>\n            <Icon icon={Upload} size={isDropzone ? 'md' : 'sm'} />\n          </span>\n        )}\n        <Text\n          as=\"span\"\n          className={classes.fileName}\n          color={fileNames == null ? 'secondary' : 'primary'}>\n          {isDragOver ? 'Drop files here' : displayText}\n        </Text>\n        {fileNames != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              handleClear();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {status != null && !isDropzone ? (\n          <span className={classes.icon}>{getStatusIcon(status.type)}</span>\n        ) : null}\n      </div>\n      {/* eslint-enable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n    </Field>\n  );\n}\n\nFileInput.displayName = 'FileInput';\n"]}
+{"version":3,"sources":["../src/components/FileInput/FileInput.recipe.ts","../src/internal/formatFileSize.ts","../src/components/FileInput/FileInput.tsx"],"names":["sva","useId","useRef","useState","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsx","Field","jsxs","cx","VisuallyHidden","mergeRefs","Spinner","Icon","Upload","Text","Button","X","getStatusIcon"],"mappings":"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","file":"chunk-VREW3BK6.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const fileInputRecipe = sva({\n  slots: ['surface', 'icon', 'fileName'],\n  base: {\n    surface: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'md',\n      bg: 'bg',\n      cursor: 'pointer',\n      _hover: {borderColor: 'fg.muted'},\n    },\n    icon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    fileName: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    mode: {\n      input: {\n        surface: {\n          position: 'relative',\n          zIndex: 1,\n          transitionProperty: 'border-color, box-shadow, opacity',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _focusWithin: {\n            borderColor: 'primary',\n            boxShadow: 'focus',\n          },\n        },\n      },\n      dropzone: {\n        surface: {\n          minH: '32',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          borderStyle: 'dashed',\n          textAlign: 'center',\n          '& > *': {flex: 'none'},\n          // Focus lives on the visually-hidden file input, so the surface\n          // reflects it via :focus-within (the input mode uses boxShadow).\n          _focusWithin: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n    // Size only affects the input mode's height; the dropzone has a fixed\n    // height, so the real styling lives in compoundVariants below.\n    size: {\n      sm: {},\n      md: {},\n      lg: {},\n    },\n    // Status border/focus colors only apply in input mode (the dropzone\n    // surface keeps its dashed border), so they live in compoundVariants.\n    status: {\n      warning: {},\n      error: {},\n      success: {},\n    },\n    isDisabled: {\n      true: {\n        surface: {cursor: 'not-allowed', opacity: 0.55},\n      },\n      false: {},\n    },\n    isDragOver: {\n      true: {\n        surface: {borderColor: 'primary', bg: 'bg.selected'},\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {mode: 'input', size: 'sm', css: {surface: {minH: 'component.sm'}}},\n    {mode: 'input', size: 'md', css: {surface: {minH: 'component.md'}}},\n    {mode: 'input', size: 'lg', css: {surface: {minH: 'component.lg'}}},\n    {\n      mode: 'input',\n      status: 'warning',\n      css: {\n        surface: {\n          borderColor: 'status.warning.border',\n          _hover: {borderColor: 'status.warning.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.warning.border',\n            boxShadow: 'focus.warning',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'error',\n      css: {\n        surface: {\n          borderColor: 'status.error.border',\n          _hover: {borderColor: 'status.error.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.error.border',\n            boxShadow: 'focus.error',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'success',\n      css: {\n        surface: {\n          borderColor: 'status.success.border',\n          _hover: {borderColor: 'status.success.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.success.border',\n            boxShadow: 'focus.success',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    mode: 'input',\n    size: 'md',\n    isDisabled: false,\n    isDragOver: false,\n  },\n});\n\nexport type FileInputVariants = RecipeVariantProps<typeof fileInputRecipe>;\n","export function formatFileSize(bytes: number): string {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n\n  if (bytes < 1024 * 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`;\n  }\n\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n","import {Upload, X} from 'lucide-react';\nimport {\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type DragEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {fileInputRecipe} from 'components/FileInput/FileInput.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport {formatFileSize} from 'internal/formatFileSize';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport type FileInputMode = 'dropzone' | 'input';\n\ninterface FileInputBaseProps {\n  /**\n   * Comma-separated MIME types or file extensions the input accepts.\n   */\n  accept?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the hidden file input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum file size in bytes.\n   */\n  maxSize?: number;\n  /**\n   * Display mode: inline input or drag-and-drop dropzone.\n   * @default 'input'\n   */\n  mode?: FileInputMode;\n  /**\n   * Placeholder text shown when no file is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the hidden file input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ninterface FileInputSingleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple?: false;\n  /**\n   * Maximum number of files allowed. Only applicable when isMultiple is true.\n   */\n  maxFiles?: undefined;\n  /**\n   * Called when the selected file changes.\n   */\n  onChange: (file: File | null) => void;\n  /**\n   * Currently selected file.\n   */\n  value: File | null;\n}\n\ninterface FileInputMultipleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple: true;\n  /**\n   * Maximum number of files allowed.\n   */\n  maxFiles?: number;\n  /**\n   * Called when the selected files change.\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Currently selected files.\n   */\n  value: File[];\n}\n\nexport type FileInputProps = (FileInputMultipleProps | FileInputSingleProps) &\n  FieldNecessity;\n\nfunction validateFiles(\n  files: File[],\n  options: {\n    accept?: string;\n    isMultiple: boolean;\n    maxFiles?: number;\n    maxSize?: number;\n  },\n): {error: string | null; files: File[]} {\n  let validFiles = files;\n  if (options.accept != null) {\n    const acceptedTypes = options.accept\n      .split(',')\n      .map(type => type.trim().toLowerCase());\n    validFiles = validFiles.filter(file =>\n      acceptedTypes.some(type => {\n        if (type.startsWith('.')) {\n          return file.name.toLowerCase().endsWith(type);\n        }\n        if (type.endsWith('/*')) {\n          return file.type.startsWith(type.slice(0, -1));\n        }\n        return file.type.toLowerCase() === type;\n      }),\n    );\n    if (validFiles.length !== files.length) {\n      return {\n        files: validFiles,\n        error: 'One or more files are not an accepted type.',\n      };\n    }\n  }\n  if (options.maxSize != null) {\n    const maxSize = options.maxSize;\n    const oversized = validFiles.find(file => file.size > maxSize);\n    if (oversized != null) {\n      return {\n        error: `\"${oversized.name}\" exceeds ${formatFileSize(maxSize)}.`,\n        files: validFiles.filter(file => file.size <= maxSize),\n      };\n    }\n  }\n  if (\n    options.isMultiple &&\n    options.maxFiles != null &&\n    validFiles.length > options.maxFiles\n  ) {\n    return {\n      files: validFiles.slice(0, options.maxFiles),\n      error: `Maximum ${options.maxFiles} files allowed.`,\n    };\n  }\n  return {files: validFiles, error: null};\n}\n\nfunction getFileNames(value: File | File[] | null): string | null {\n  if (value == null) {\n    return null;\n  }\n  if (Array.isArray(value)) {\n    return value.length === 0 ? null : value.map(file => file.name).join(', ');\n  }\n  return value.name;\n}\n\n/**\n * A file input supporting both inline and drag-and-drop dropzone modes.\n */\nexport function FileInput({\n  label,\n  value,\n  onChange,\n  accept,\n  isMultiple = false,\n  maxSize,\n  maxFiles,\n  mode = 'input',\n  placeholder,\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  size = 'md',\n  status: statusFromProps,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FileInputProps): React.JSX.Element {\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n  // A validation error from the user's most recent selection is immediate,\n  // actionable feedback about what they just tried to do (wrong type, too\n  // large, too many), so it takes precedence over a consumer-provided `status`\n  // such as a form-level \"required\". Once there is no validation error (a valid\n  // selection or a cleared field), the external status surfaces again.\n  const status =\n    validationError == null\n      ? statusFromProps\n      : {type: 'error' as const, message: validationError};\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const fileNames = getFileNames(value);\n  const displayText =\n    fileNames ?? placeholder ?? (isMultiple ? 'Choose files' : 'Choose file');\n  const isDropzone = mode === 'dropzone';\n  const classes = fileInputRecipe({\n    mode,\n    size,\n    status: status?.type,\n    isDisabled,\n    isDragOver,\n  });\n\n  const handleFiles = (files: File[]) => {\n    if (isDisabled) {\n      return;\n    }\n    const result = validateFiles(files, {\n      accept,\n      isMultiple,\n      maxFiles,\n      maxSize,\n    });\n    setValidationError(result.error);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)(result.files);\n    } else if (result.files.length === 0) {\n      (onChange as (file: File | null) => void)(null);\n    } else {\n      (onChange as (file: File | null) => void)(result.files[0]);\n    }\n  };\n\n  const handleClear = () => {\n    setValidationError(null);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)([]);\n    } else {\n      (onChange as (file: File | null) => void)(null);\n    }\n  };\n\n  const openFilePicker = () => {\n    if (!isDisabled) {\n      inputRef.current?.click();\n    }\n  };\n\n  const dragProps = isDropzone\n    ? {\n        onDragEnter: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDragLeave: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n        },\n        onDragOver: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDrop: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n          if (!isDisabled) {\n            handleFiles(Array.from(event.dataTransfer.files));\n          }\n        },\n      }\n    : {};\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }>\n      {/*\n        The visually-hidden <input> is the real, focusable, labeled control\n        (the Field label targets it via htmlFor), so it owns the accessible\n        name, description, focus, and keyboard activation. The surface is only\n        a presentational mouse/drop target — it intentionally has no role or\n        keyboard handler, because that would create a redundant second control\n        with the same name. Hence the scoped a11y disables below.\n      */}\n      {/* eslint-disable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n      <div\n        aria-busy={isLoading || undefined}\n        className={cx(classes.surface, className)}\n        onClick={openFilePicker}\n        style={style}\n        {...dragProps}>\n        <VisuallyHidden>\n          <input\n            accept={accept}\n            aria-describedby={describedBy}\n            aria-invalid={status?.type === 'error' || undefined}\n            data-testid={dataTestId}\n            disabled={isDisabled}\n            id={inputId}\n            multiple={isMultiple}\n            onChange={event => {\n              handleFiles(Array.from(event.target.files ?? []));\n              event.currentTarget.value = '';\n            }}\n            ref={mergeRefs(ref, inputRef)}\n            required={isRequired}\n            type=\"file\"\n          />\n        </VisuallyHidden>\n        {isLoading ? (\n          <Spinner size={isDropzone ? 'md' : 'sm'} />\n        ) : (\n          <span className={classes.icon}>\n            <Icon icon={Upload} size={isDropzone ? 'md' : 'sm'} />\n          </span>\n        )}\n        <Text\n          as=\"span\"\n          className={classes.fileName}\n          color={fileNames == null ? 'secondary' : 'primary'}>\n          {isDragOver ? 'Drop files here' : displayText}\n        </Text>\n        {fileNames != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              handleClear();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {status != null && !isDropzone ? (\n          <span className={classes.icon}>{getStatusIcon(status.type)}</span>\n        ) : null}\n      </div>\n      {/* eslint-enable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n    </Field>\n  );\n}\n\nFileInput.displayName = 'FileInput';\n"]}

package/dist/{chunk-ANACERIO.cjs → chunk-VRQ66IBW.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkHWD4HDQ5_cjs = require('./chunk-HWD4HDQ5.cjs');
+var chunkDFEAB7Z3_cjs = require('./chunk-DFEAB7Z3.cjs');
 var chunkKVJ27734_cjs = require('./chunk-KVJ27734.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -38,7 +38,7 @@ function SplitButton({
       style,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5XMWGK3O_cjs.Button,
+          chunkVXOIOPGZ_cjs.Button,
           {
             "data-testid": dataTestId,
             endContent,
@@ -52,7 +52,7 @@ function SplitButton({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHWD4HDQ5_cjs.DropdownMenu,
+          chunkDFEAB7Z3_cjs.DropdownMenu,
           {
             button: {
               icon: lucideReact.ChevronDown,
@@ -76,5 +76,5 @@ function SplitButton({
 SplitButton.displayName = "SplitButton";
 
 exports.SplitButton = SplitButton;
-//# sourceMappingURL=chunk-ANACERIO.cjs.map
-//# sourceMappingURL=chunk-ANACERIO.cjs.map
+//# sourceMappingURL=chunk-VRQ66IBW.cjs.map
+//# sourceMappingURL=chunk-VRQ66IBW.cjs.map

package/dist/{chunk-ANACERIO.cjs.map → chunk-VRQ66IBW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":["jsxs","ButtonGroup","jsx","Button","DropdownMenu","ChevronDown"],"mappings":";;;;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACEA,eAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,wBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACAD,cAAA;AAAA,UAACE,8BAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAMC,uBAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-ANACERIO.cjs","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":["jsxs","ButtonGroup","jsx","Button","DropdownMenu","ChevronDown"],"mappings":";;;;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACEA,eAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,wBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACAD,cAAA;AAAA,UAACE,8BAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAMC,uBAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-VRQ66IBW.cjs","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}

package/dist/{chunk-HXIU3SIQ.cjs → chunk-VW52NVGM.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
@@ -260,9 +260,9 @@ function Step({
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: classes.indicator, children: indicatorContent });
   const labelNode = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.labelRow, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", className: classes.label, color: "inherit", type: "label", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { as: "span", className: classes.label, color: "inherit", type: "label", children: label }),
     description != null ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3Z5PF75J_cjs.Text,
+      chunkMHAXS4GO_cjs.Text,
       {
         as: "span",
         className: classes.description,
@@ -387,5 +387,5 @@ function Stepper({
 Stepper.displayName = "Stepper";
 
 exports.Stepper = Stepper;
-//# sourceMappingURL=chunk-HXIU3SIQ.cjs.map
-//# sourceMappingURL=chunk-HXIU3SIQ.cjs.map
+//# sourceMappingURL=chunk-VW52NVGM.cjs.map
+//# sourceMappingURL=chunk-VW52NVGM.cjs.map

package/dist/{chunk-HXIU3SIQ.cjs.map → chunk-VW52NVGM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stepper/internal/Step.recipe.ts","../src/components/Stepper/internal/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["sva","jsx","Icon","Check","TriangleAlert","jsxs","Text","isReactNode","css","cx"],"mappings":"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","file":"chunk-HXIU3SIQ.cjs","sourcesContent":["import type {StepState} from 'components/Stepper/internal/Step';\nimport {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stepRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'indicatorColumn',\n    'indicator',\n    'labelRow',\n    'label',\n    'description',\n    'connectorWrapper',\n    'connector',\n    'childrenContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      position: 'relative',\n      '&:last-child [data-step-connector]': {\n        display: 'none',\n      },\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    indicatorColumn: {},\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '7',\n      h: '7',\n      borderRadius: 'full',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      lineHeight: 'none',\n      transitionProperty: 'background-color, color, border-color, opacity',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      flexShrink: 0,\n      userSelect: 'none',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n    },\n    labelRow: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    label: {\n      textAlign: 'center',\n    },\n    description: {},\n    connectorWrapper: {\n      flex: 1,\n      display: 'flex',\n    },\n    connector: {\n      borderRadius: 'full',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContent: {\n      pt: '3',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n          flex: 1,\n          _last: {flex: 'none'},\n        },\n        content: {\n          alignItems: 'center',\n          position: 'relative',\n          zIndex: 1,\n        },\n        labelRow: {\n          alignItems: 'center',\n          pt: '1',\n          maxW: '120px',\n        },\n        description: {textAlign: 'center'},\n        connectorWrapper: {\n          alignItems: 'center',\n          px: '2',\n          minW: '6',\n          h: '7',\n        },\n        connector: {h: '0.5', w: 'full'},\n      },\n      vertical: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'stretch',\n          minH: '12',\n        },\n        content: {\n          ps: '3',\n          pb: '6',\n          flex: 1,\n        },\n        indicatorColumn: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          w: '7',\n          flexShrink: 0,\n        },\n        labelRow: {\n          alignItems: 'flex-start',\n          pt: '0.5',\n        },\n        label: {textAlign: 'start'},\n        description: {textAlign: 'start'},\n        connectorWrapper: {\n          justifyContent: 'center',\n          py: '1',\n        },\n        connector: {w: '0.5', h: 'full'},\n      },\n    },\n    state: {\n      active: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg', fontWeight: 'semibold'},\n      },\n      completed: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg'},\n      },\n      upcoming: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border.emphasized',\n          color: 'fg.muted',\n        },\n        label: {color: 'fg.muted'},\n      },\n      disabled: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border',\n          color: 'fg.disabled',\n        },\n        label: {color: 'fg.disabled'},\n      },\n      error: {\n        indicator: {\n          bg: 'status.error.solid',\n          borderColor: 'status.error.solid',\n          color: 'status.error.solidFg',\n        },\n        label: {color: 'status.error.fg'},\n        description: {color: 'status.error.fg'},\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        indicator: {\n          cursor: 'pointer',\n          m: 0,\n          p: 0,\n          _hover: {opacity: 0.85},\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isCompleted: {\n      true: {connector: {bg: 'primary'}},\n      false: {connector: {bg: 'track.emphasized'}},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    state: 'upcoming',\n    isClickable: false,\n    isCompleted: false,\n  },\n});\n\nexport type StepVariants = RecipeVariantProps<typeof stepRecipe>;\n","import {Check, TriangleAlert} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from 'components/Icon';\nimport type {StepperOrientation} from 'components/Stepper/Stepper';\nimport {stepRecipe} from 'components/Stepper/internal/Step.recipe';\nimport {Text} from 'components/Text';\nimport isReactNode from 'internal/isReactNode';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\n/**\n * Resolved props for a single rendered step. Computed by `Stepper`; not part of\n * the public API.\n */\nexport interface StepProps {\n  content?: ReactNode;\n  'data-testid'?: string;\n  description?: string;\n  hasError: boolean;\n  icon?: ReactNode;\n  /**\n   * Zero-based position of this step within the stepper.\n   */\n  index: number;\n  isActive: boolean;\n  isClickable: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  label: string;\n  /**\n   * Invoked when a clickable indicator is activated.\n   */\n  onClick: () => void;\n  orientation: StepperOrientation;\n}\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`. Rendered internally by `Stepper`.\n */\nexport function Step({\n  content,\n  'data-testid': dataTestId,\n  description,\n  hasError,\n  icon,\n  index,\n  isActive,\n  isClickable,\n  isCompleted,\n  isDisabled,\n  label,\n  onClick,\n  orientation,\n}: StepProps): React.JSX.Element {\n  const isVertical = orientation === 'vertical';\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const classes = stepRecipe({orientation, state, isClickable, isCompleted});\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{index + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const stepLabel = hasError\n    ? `Go to step ${index + 1}: ${label} (error)`\n    : `Go to step ${index + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={classes.indicator}\n      onClick={onClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div aria-hidden=\"true\" className={classes.indicator}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div className={classes.labelRow}>\n      <Text as=\"span\" className={classes.label} color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={classes.description}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={classes.root}\n        data-testid={dataTestId}>\n        <div className={classes.indicatorColumn}>\n          {indicator}\n          <div className={classes.connectorWrapper} data-step-connector=\"\">\n            <div className={classes.connector} />\n          </div>\n        </div>\n        <div className={classes.content}>\n          {labelNode}\n          {isReactNode(content) ? (\n            <div className={classes.childrenContent}>{content}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={classes.root}\n      data-testid={dataTestId}>\n      <div className={classes.content}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={classes.connectorWrapper} data-step-connector=\"\">\n        <div className={classes.connector} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Step} from 'components/Stepper/internal/Step';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepConfig {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the step's list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Stable identifier for the step. Referenced by `activeStep` and passed to\n   * `onStepClick`, and used as the React key when rendering.\n   */\n  id: string;\n  /**\n   * Override the automatically computed completed state. By default a step is\n   * completed when it appears before the active step.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n}\n\nexport interface StepperProps {\n  /**\n   * `id` of the active step. A step is completed when it appears before the\n   * active step in `steps`; pass an `id` that is not in `steps` (or mark steps\n   * `isCompleted`) to represent a fully finished sequence.\n   */\n  activeStep: string;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called with the step `id` when a completed or active step indicator is\n   * clicked.\n   */\n  onStepClick?: (id: string) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Ordered list of steps to render.\n   */\n  steps: StepConfig[];\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  steps,\n  style,\n}: StepperProps): React.JSX.Element {\n  const isNonLinear = onStepClick != null;\n  const activeIndex = steps.findIndex(step => step.id === activeStep);\n\n  return (\n    <nav\n      aria-label={label}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ol\n        className={cx(\n          styles.root,\n          orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        )}>\n        {steps.map((step, index) => {\n          const isActive = index === activeIndex;\n          const isDisabled = step.isDisabled ?? false;\n          const hasError = step.hasError ?? false;\n          const isCompleted =\n            step.isCompleted ?? (activeIndex !== -1 && index < activeIndex);\n          const isClickable =\n            isNonLinear && !isDisabled && (isCompleted || isActive);\n\n          return (\n            <Step\n              content={step.content}\n              data-testid={step['data-testid']}\n              description={step.description}\n              hasError={hasError}\n              icon={step.icon}\n              index={index}\n              isActive={isActive}\n              isClickable={isClickable}\n              isCompleted={isCompleted}\n              isDisabled={isDisabled}\n              key={step.id}\n              label={step.label}\n              onClick={() => onStepClick?.(step.id)}\n              orientation={orientation}\n            />\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}
+{"version":3,"sources":["../src/components/Stepper/internal/Step.recipe.ts","../src/components/Stepper/internal/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["sva","jsx","Icon","Check","TriangleAlert","jsxs","Text","isReactNode","css","cx"],"mappings":";;;;;;;;;;;;AAGO,IAAM,aAAaA,qBAAA,CAAI;AAAA,EAC5B,KAAA,EAAO;AAAA,IACL,MAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,QAAA,EAAU,UAAA;AAAA,MACV,oCAAA,EAAsC;AAAA,QACpC,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,iBAAiB,EAAC;AAAA,IAClB,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,CAAA,EAAG,GAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAY,MAAA;AAAA,MACZ,kBAAA,EAAoB,gDAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,UAAA,EAAY,CAAA;AAAA,MACZ,UAAA,EAAY,MAAA;AAAA,MACZ,WAAA,EAAa,YAAA;AAAA,MACb,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,KAAA,EAAO;AAAA,MACL,SAAA,EAAW;AAAA,KACb;AAAA,IACA,aAAa,EAAC;AAAA,IACd,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM,CAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc,MAAA;AAAA,MACd,kBAAA,EAAoB,kBAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B;AAAA,KAC5B;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,YAAA;AAAA,UACZ,IAAA,EAAM,CAAA;AAAA,UACN,KAAA,EAAO,EAAC,IAAA,EAAM,MAAA;AAAM,SACtB;AAAA,QACA,OAAA,EAAS;AAAA,UACP,UAAA,EAAY,QAAA;AAAA,UACZ,QAAA,EAAU,UAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,QAAA,EAAU;AAAA,UACR,UAAA,EAAY,QAAA;AAAA,UACZ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,WAAA,EAAa,EAAC,SAAA,EAAW,QAAA,EAAQ;AAAA,QACjC,gBAAA,EAAkB;AAAA,UAChB,UAAA,EAAY,QAAA;AAAA,UACZ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM,GAAA;AAAA,UACN,CAAA,EAAG;AAAA,SACL;AAAA,QACA,SAAA,EAAW,EAAC,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA;AAAM,OACjC;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM;AAAA,UACJ,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,SAAA;AAAA,UACZ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,GAAA;AAAA,UACJ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,OAAA,EAAS,MAAA;AAAA,UACT,aAAA,EAAe,QAAA;AAAA,UACf,UAAA,EAAY,QAAA;AAAA,UACZ,CAAA,EAAG,GAAA;AAAA,UACH,UAAA,EAAY;AAAA,SACd;AAAA,QACA,QAAA,EAAU;AAAA,UACR,UAAA,EAAY,YAAA;AAAA,UACZ,EAAA,EAAI;AAAA,SACN;AAAA,QACA,KAAA,EAAO,EAAC,SAAA,EAAW,OAAA,EAAO;AAAA,QAC1B,WAAA,EAAa,EAAC,SAAA,EAAW,OAAA,EAAO;AAAA,QAChC,gBAAA,EAAkB;AAAA,UAChB,cAAA,EAAgB,QAAA;AAAA,UAChB,EAAA,EAAI;AAAA,SACN;AAAA,QACA,SAAA,EAAW,EAAC,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA;AAAM;AACjC,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,SAAA;AAAA,UACJ,WAAA,EAAa,SAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,IAAA,EAAM,YAAY,UAAA;AAAU,OAC7C;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,SAAA;AAAA,UACJ,WAAA,EAAa,SAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,IAAA;AAAI,OACrB;AAAA,MACA,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,aAAA;AAAA,UACJ,WAAA,EAAa,mBAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,UAAA;AAAU,OAC3B;AAAA,MACA,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,aAAA;AAAA,UACJ,WAAA,EAAa,QAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,aAAA;AAAa,OAC9B;AAAA,MACA,KAAA,EAAO;AAAA,QACL,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,oBAAA;AAAA,UACJ,WAAA,EAAa,oBAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,iBAAA,EAAiB;AAAA,QAChC,WAAA,EAAa,EAAC,KAAA,EAAO,iBAAA;AAAiB;AACxC,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,UACT,MAAA,EAAQ,SAAA;AAAA,UACR,CAAA,EAAG,CAAA;AAAA,UACH,CAAA,EAAG,CAAA;AAAA,UACH,MAAA,EAAQ,EAAC,OAAA,EAAS,IAAA,EAAI;AAAA,UACtB,aAAA,EAAe;AAAA,YACb,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,SAAA;AAAA,YACd,aAAA,EAAe;AAAA;AACjB;AACF,OACF;AAAA,MACA,OAAO;AAAC,KACV;AAAA,IACA,WAAA,EAAa;AAAA,MACX,MAAM,EAAC,SAAA,EAAW,EAAC,EAAA,EAAI,WAAS,EAAC;AAAA,MACjC,OAAO,EAAC,SAAA,EAAW,EAAC,EAAA,EAAI,oBAAkB;AAAC;AAC7C,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EAAa,KAAA;AAAA,IACb,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AC/JD,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAKc;AACZ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,OAAA;AAAA,EACT;AACA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,UAAA;AAAA,EACT;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,OAAO,WAAA;AAAA,EACT;AACA,EAAA,OAAO,UAAA;AACT;AAKO,SAAS,IAAA,CAAK;AAAA,EACnB,OAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAa,WAAA,KAAgB,UAAA;AACnC,EAAA,MAAM,QAAQ,YAAA,CAAa,EAAC,UAAU,QAAA,EAAU,WAAA,EAAa,YAAW,CAAA;AAExE,EAAA,MAAM,UAAU,UAAA,CAAW,EAAC,aAAa,KAAA,EAAO,WAAA,EAAa,aAAY,CAAA;AAEzE,EAAA,MAAM,uBAAA,GAA0B,WAAA,mBAC9BC,cAAA,CAACC,sBAAA,EAAA,EAAK,OAAM,SAAA,EAAU,IAAA,EAAMC,iBAAA,EAAO,IAAA,EAAK,IAAA,EAAK,CAAA,mBAE7CF,cAAA,CAAC,MAAA,EAAA,EAAM,kBAAQ,CAAA,EAAE,CAAA;AAEnB,EAAA,MAAM,gBAAA,GAAmB,QAAA,mBACvBA,cAAA,CAACC,sBAAA,EAAA,EAAK,KAAA,EAAM,SAAA,EAAU,IAAA,EAAME,yBAAA,EAAe,IAAA,EAAK,IAAA,EAAK,CAAA,GAEpD,IAAA,IAAQ,uBAAA;AAGX,EAAA,MAAM,SAAA,GAAY,QAAA,GACd,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,QAAA,CAAA,GACjC,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA;AAErC,EAAA,MAAM,YAAY,WAAA,mBAChBH,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,WAAW,OAAA,CAAQ,SAAA;AAAA,MACnB,OAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH,kCAEC,KAAA,EAAA,EAAI,aAAA,EAAY,QAAO,SAAA,EAAW,OAAA,CAAQ,WACxC,QAAA,EAAA,gBAAA,EACH,CAAA;AAGF,EAAA,MAAM,SAAA,mBACJI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACK,sBAAA,EAAA,EAAK,EAAA,EAAG,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,OAAO,KAAA,EAAM,SAAA,EAAU,IAAA,EAAK,OAAA,EAC5D,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,eAAe,IAAA,mBACdL,cAAA;AAAA,MAACK,sBAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,MAAA;AAAA,QACH,WAAW,OAAA,CAAQ,WAAA;AAAA,QACnB,KAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAK,YAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA,KACH,GACE;AAAA,GAAA,EACN,CAAA;AAGF,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACED,eAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,QAClC,WAAW,OAAA,CAAQ,IAAA;AAAA,QACnB,aAAA,EAAa,UAAA;AAAA,QACb,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EACrB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,4BACDJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA,EACrC;AAAA,WAAA,EACF,CAAA;AAAA,0BACAI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACAE,6BAAA,CAAY,OAAO,CAAA,mBAClBN,cAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EAAkB,QAAA,EAAA,OAAA,EAAQ,CAAA,GAChD;AAAA,WAAA,EACN;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACEI,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,MAClC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,aAAA,EAAa,UAAA;AAAA,MACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,wBACAJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA,EACrC;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;AChFnB,IAAM,MAAA,GAAS;AAAA,EACb,MAAMO,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,GAChB,CAAA;AAAA,EACD,YAAYA,qBAAA,CAAI;AAAA,IACd,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,aAAA,EAAe;AAAA,GAChB;AACH,CAAA;AAKO,SAAS,OAAA,CAAQ;AAAA,EACtB,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA,GAAQ,UAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,cAAc,WAAA,IAAe,IAAA;AACnC,EAAA,MAAM,cAAc,KAAA,CAAM,SAAA,CAAU,CAAA,IAAA,KAAQ,IAAA,CAAK,OAAO,UAAU,CAAA;AAElE,EAAA,uBACEP,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,kBAAAA,cAAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWQ,oBAAA;AAAA,YACT,MAAA,CAAO,IAAA;AAAA,YACP,WAAA,KAAgB,YAAA,GAAe,MAAA,CAAO,UAAA,GAAa,MAAA,CAAO;AAAA,WAC5D;AAAA,UACC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,YAAA,MAAM,WAAW,KAAA,KAAU,WAAA;AAC3B,YAAA,MAAM,UAAA,GAAa,KAAK,UAAA,IAAc,KAAA;AACtC,YAAA,MAAM,QAAA,GAAW,KAAK,QAAA,IAAY,KAAA;AAClC,YAAA,MAAM,WAAA,GACJ,IAAA,CAAK,WAAA,KAAgB,WAAA,KAAgB,MAAM,KAAA,GAAQ,WAAA,CAAA;AACrD,YAAA,MAAM,WAAA,GACJ,WAAA,IAAe,CAAC,UAAA,KAAe,WAAA,IAAe,QAAA,CAAA;AAEhD,YAAA,uBACER,cAAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,aAAA,EAAa,KAAK,aAAa,CAAA;AAAA,gBAC/B,aAAa,IAAA,CAAK,WAAA;AAAA,gBAClB,QAAA;AAAA,gBACA,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,KAAA;AAAA,gBACA,QAAA;AAAA,gBACA,WAAA;AAAA,gBACA,WAAA;AAAA,gBACA,UAAA;AAAA,gBAEA,OAAO,IAAA,CAAK,KAAA;AAAA,gBACZ,OAAA,EAAS,MAAM,WAAA,GAAc,IAAA,CAAK,EAAE,CAAA;AAAA,gBACpC;AAAA,eAAA;AAAA,cAHK,IAAA,CAAK;AAAA,aAIZ;AAAA,UAEJ,CAAC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-VW52NVGM.cjs","sourcesContent":["import type {StepState} from 'components/Stepper/internal/Step';\nimport {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stepRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'indicatorColumn',\n    'indicator',\n    'labelRow',\n    'label',\n    'description',\n    'connectorWrapper',\n    'connector',\n    'childrenContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      position: 'relative',\n      '&:last-child [data-step-connector]': {\n        display: 'none',\n      },\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    indicatorColumn: {},\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '7',\n      h: '7',\n      borderRadius: 'full',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      lineHeight: 'none',\n      transitionProperty: 'background-color, color, border-color, opacity',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      flexShrink: 0,\n      userSelect: 'none',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n    },\n    labelRow: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    label: {\n      textAlign: 'center',\n    },\n    description: {},\n    connectorWrapper: {\n      flex: 1,\n      display: 'flex',\n    },\n    connector: {\n      borderRadius: 'full',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContent: {\n      pt: '3',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n          flex: 1,\n          _last: {flex: 'none'},\n        },\n        content: {\n          alignItems: 'center',\n          position: 'relative',\n          zIndex: 1,\n        },\n        labelRow: {\n          alignItems: 'center',\n          pt: '1',\n          maxW: '120px',\n        },\n        description: {textAlign: 'center'},\n        connectorWrapper: {\n          alignItems: 'center',\n          px: '2',\n          minW: '6',\n          h: '7',\n        },\n        connector: {h: '0.5', w: 'full'},\n      },\n      vertical: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'stretch',\n          minH: '12',\n        },\n        content: {\n          ps: '3',\n          pb: '6',\n          flex: 1,\n        },\n        indicatorColumn: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          w: '7',\n          flexShrink: 0,\n        },\n        labelRow: {\n          alignItems: 'flex-start',\n          pt: '0.5',\n        },\n        label: {textAlign: 'start'},\n        description: {textAlign: 'start'},\n        connectorWrapper: {\n          justifyContent: 'center',\n          py: '1',\n        },\n        connector: {w: '0.5', h: 'full'},\n      },\n    },\n    state: {\n      active: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg', fontWeight: 'semibold'},\n      },\n      completed: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg'},\n      },\n      upcoming: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border.emphasized',\n          color: 'fg.muted',\n        },\n        label: {color: 'fg.muted'},\n      },\n      disabled: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border',\n          color: 'fg.disabled',\n        },\n        label: {color: 'fg.disabled'},\n      },\n      error: {\n        indicator: {\n          bg: 'status.error.solid',\n          borderColor: 'status.error.solid',\n          color: 'status.error.solidFg',\n        },\n        label: {color: 'status.error.fg'},\n        description: {color: 'status.error.fg'},\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        indicator: {\n          cursor: 'pointer',\n          m: 0,\n          p: 0,\n          _hover: {opacity: 0.85},\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isCompleted: {\n      true: {connector: {bg: 'primary'}},\n      false: {connector: {bg: 'track.emphasized'}},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    state: 'upcoming',\n    isClickable: false,\n    isCompleted: false,\n  },\n});\n\nexport type StepVariants = RecipeVariantProps<typeof stepRecipe>;\n","import {Check, TriangleAlert} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from 'components/Icon';\nimport type {StepperOrientation} from 'components/Stepper/Stepper';\nimport {stepRecipe} from 'components/Stepper/internal/Step.recipe';\nimport {Text} from 'components/Text';\nimport isReactNode from 'internal/isReactNode';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\n/**\n * Resolved props for a single rendered step. Computed by `Stepper`; not part of\n * the public API.\n */\nexport interface StepProps {\n  content?: ReactNode;\n  'data-testid'?: string;\n  description?: string;\n  hasError: boolean;\n  icon?: ReactNode;\n  /**\n   * Zero-based position of this step within the stepper.\n   */\n  index: number;\n  isActive: boolean;\n  isClickable: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  label: string;\n  /**\n   * Invoked when a clickable indicator is activated.\n   */\n  onClick: () => void;\n  orientation: StepperOrientation;\n}\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`. Rendered internally by `Stepper`.\n */\nexport function Step({\n  content,\n  'data-testid': dataTestId,\n  description,\n  hasError,\n  icon,\n  index,\n  isActive,\n  isClickable,\n  isCompleted,\n  isDisabled,\n  label,\n  onClick,\n  orientation,\n}: StepProps): React.JSX.Element {\n  const isVertical = orientation === 'vertical';\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const classes = stepRecipe({orientation, state, isClickable, isCompleted});\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{index + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const stepLabel = hasError\n    ? `Go to step ${index + 1}: ${label} (error)`\n    : `Go to step ${index + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={classes.indicator}\n      onClick={onClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div aria-hidden=\"true\" className={classes.indicator}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div className={classes.labelRow}>\n      <Text as=\"span\" className={classes.label} color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={classes.description}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={classes.root}\n        data-testid={dataTestId}>\n        <div className={classes.indicatorColumn}>\n          {indicator}\n          <div className={classes.connectorWrapper} data-step-connector=\"\">\n            <div className={classes.connector} />\n          </div>\n        </div>\n        <div className={classes.content}>\n          {labelNode}\n          {isReactNode(content) ? (\n            <div className={classes.childrenContent}>{content}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={classes.root}\n      data-testid={dataTestId}>\n      <div className={classes.content}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={classes.connectorWrapper} data-step-connector=\"\">\n        <div className={classes.connector} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Step} from 'components/Stepper/internal/Step';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepConfig {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the step's list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Stable identifier for the step. Referenced by `activeStep` and passed to\n   * `onStepClick`, and used as the React key when rendering.\n   */\n  id: string;\n  /**\n   * Override the automatically computed completed state. By default a step is\n   * completed when it appears before the active step.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n}\n\nexport interface StepperProps {\n  /**\n   * `id` of the active step. A step is completed when it appears before the\n   * active step in `steps`; pass an `id` that is not in `steps` (or mark steps\n   * `isCompleted`) to represent a fully finished sequence.\n   */\n  activeStep: string;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called with the step `id` when a completed or active step indicator is\n   * clicked.\n   */\n  onStepClick?: (id: string) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Ordered list of steps to render.\n   */\n  steps: StepConfig[];\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  steps,\n  style,\n}: StepperProps): React.JSX.Element {\n  const isNonLinear = onStepClick != null;\n  const activeIndex = steps.findIndex(step => step.id === activeStep);\n\n  return (\n    <nav\n      aria-label={label}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ol\n        className={cx(\n          styles.root,\n          orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        )}>\n        {steps.map((step, index) => {\n          const isActive = index === activeIndex;\n          const isDisabled = step.isDisabled ?? false;\n          const hasError = step.hasError ?? false;\n          const isCompleted =\n            step.isCompleted ?? (activeIndex !== -1 && index < activeIndex);\n          const isClickable =\n            isNonLinear && !isDisabled && (isCompleted || isActive);\n\n          return (\n            <Step\n              content={step.content}\n              data-testid={step['data-testid']}\n              description={step.description}\n              hasError={hasError}\n              icon={step.icon}\n              index={index}\n              isActive={isActive}\n              isClickable={isClickable}\n              isCompleted={isCompleted}\n              isDisabled={isDisabled}\n              key={step.id}\n              label={step.label}\n              onClick={() => onStepClick?.(step.id)}\n              orientation={orientation}\n            />\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}