@servicetitan/anvil2 3.11.1 → 3.12.0

package/dist/Stepper-CCKHWlUr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-CCKHWlUr.js","sources":["../src/components/Stepper/base/internal/StepperBaseContext.ts","../src/components/Stepper/base/internal/StepperStepIndexScope.tsx","../src/components/Stepper/base/StepperBaseList.tsx","../src/components/Stepper/base/StepperBaseStep.tsx","../src/components/Stepper/base/StepperBasePanel.tsx","../src/components/Stepper/base/StepperBase.tsx","../src/components/Stepper/StepperList.tsx","../src/components/Stepper/internal/StepperContext.ts","../src/components/Stepper/StepperStep.tsx","../src/components/Stepper/StepperPanel.tsx","../src/components/Stepper/StepperFinalPanel.tsx","../src/components/Stepper/internal/countRegisteredSteps.ts","../src/components/Stepper/StepperNextButton.tsx","../src/components/Stepper/StepperPrevButton.tsx","../src/components/Stepper/internal/StepperWizardBootstrap.tsx","../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { createContext, useContext, useRef, type RefObject } from \"react\";\n\n/** Per-step outcome. Independent of whether the step is current. */\nexport type StepperBaseStepState = \"not started\" | \"started\" | \"complete\";\n\nexport type StepperBaseStepInfo = {\n  index: number;\n  id?: string;\n  label: string;\n  disabled: boolean;\n  node: RefObject<HTMLButtonElement | null>;\n};\n\nexport type StepperBaseContextValue = {\n  currentIndex: number;\n  interactive: boolean;\n  focusIndex: number;\n  setFocusIndex: (index: number) => void;\n  requestIndexChange: (index: number) => void;\n  registerStep: (info: StepperBaseStepInfo) => () => void;\n  getStep: (index: number) => StepperBaseStepInfo | undefined;\n  getCurrentStep: () => StepperBaseStepInfo | undefined;\n  getPanelId: (stepId: string) => string | undefined;\n  registerPanel: (stepId: string, panelId: string) => () => void;\n};\n\nexport const StepperBaseContext = createContext<StepperBaseContextValue>({\n  currentIndex: 0,\n  interactive: false,\n  focusIndex: 0,\n  setFocusIndex: () => undefined,\n  requestIndexChange: () => undefined,\n  registerStep: () => () => undefined,\n  getStep: () => undefined,\n  getCurrentStep: () => undefined,\n  getPanelId: () => undefined,\n  registerPanel: () => () => undefined,\n});\n\n/**\n * Hands out 0-based indices in render order, so steps work inside fragments and\n * wrapper components rather than only as direct List children. Each render of\n * StepperStepIndexScope starts a new pass.\n */\nexport type StepperBaseStepIndexPass = {\n  allocate: () => number;\n};\n\nexport const StepperBaseStepIndexPassContext =\n  createContext<StepperBaseStepIndexPass | null>(null);\n\ntype AllocatedIndex = {\n  pass: StepperBaseStepIndexPass;\n  index: number;\n};\n\n/**\n * Index of the calling step, or undefined when it renders outside a List.\n *\n * A step allocates at most once per pass, so it keeps its index when it\n * re-renders alone and when StrictMode renders it twice.\n */\nexport function useStepperStepIndex() {\n  const pass = useContext(StepperBaseStepIndexPassContext);\n  const allocated = useRef<AllocatedIndex | null>(null);\n\n  if (!pass) return undefined;\n\n  if (allocated.current?.pass !== pass) {\n    allocated.current = { pass, index: pass.allocate() };\n  }\n\n  return allocated.current.index;\n}\n","import type { ReactNode } from \"react\";\n\nimport {\n  StepperBaseStepIndexPassContext,\n  type StepperBaseStepIndexPass,\n} from \"./StepperBaseContext\";\n\nfunction startIndexPass(): StepperBaseStepIndexPass {\n  let nextIndex = 0;\n\n  return {\n    allocate: () => {\n      const index = nextIndex;\n      nextIndex += 1;\n      return index;\n    },\n  };\n}\n\nexport function StepperStepIndexScope({ children }: { children: ReactNode }) {\n  return (\n    <StepperBaseStepIndexPassContext.Provider value={startIndexPass()}>\n      {children}\n    </StepperBaseStepIndexPassContext.Provider>\n  );\n}\n","import { type ComponentPropsWithoutRef, forwardRef, useContext } from \"react\";\nimport cx from \"classnames\";\n\nimport { StepperBaseContext } from \"./internal/StepperBaseContext\";\nimport { StepperStepIndexScope } from \"./internal/StepperStepIndexScope\";\n\nimport styles from \"../StepperList.module.scss\";\n\n/**\n * Props for the StepperBase.List component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type StepperBaseListProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * Container for StepperBase steps.\n *\n * Features:\n * - Groups steps in the track\n * - Shows the current step label on small widths\n * - Accessible tablist\n *\n * @example\n * <StepperBase.List>\n *   <StepperBase.Step>One</StepperBase.Step>\n *   <StepperBase.Step>Two</StepperBase.Step>\n * </StepperBase.List>\n */\nexport const StepperBaseList = forwardRef<HTMLDivElement, StepperBaseListProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n    const { getCurrentStep } = useContext(StepperBaseContext);\n    const currentLabel = getCurrentStep()?.label;\n\n    return (\n      <div\n        {...rest}\n        className={cx(styles[\"stepper-list\"], className)}\n        data-anv=\"stepper-base-list\"\n        ref={ref}\n        role=\"tablist\"\n      >\n        <div className={styles[\"stepper-steps\"]}>\n          <StepperStepIndexScope>{children}</StepperStepIndexScope>\n        </div>\n        <span className={styles.label}>{currentLabel}</span>\n      </div>\n    );\n  },\n);\n\nStepperBaseList.displayName = \"StepperBaseList\";\n","import {\n  forwardRef,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\n\nimport { Icon } from \"../../Icon\";\nimport { useMergeRefs } from \"../../../hooks\";\nimport {\n  StepperBaseContext,\n  useStepperStepIndex,\n  type StepperBaseStepState,\n} from \"./internal/StepperBaseContext\";\n\nimport styles from \"../StepperStep.module.scss\";\n\nexport type { StepperBaseStepState };\n\n/**\n * Props for the StepperBase.Step component\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type StepperBaseStepProps = Omit<\n  ComponentPropsWithoutRef<\"button\">,\n  \"onClick\" | \"disabled\"\n> & {\n  /**\n   * Outcome of this step. Independent of whether it is current (index).\n   * Current + any state is legal.\n   * @default \"not started\"\n   */\n  state?: StepperBaseStepState;\n\n  /**\n   * Stable id. Required when a Panel points at this step.\n   */\n  id?: string;\n\n  /**\n   * When true, this step cannot become current via click or keyboard.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Notify only. Does not replace onIndexChange.\n   * @param e Mouse event\n   * @param index Index of the step in the list\n   */\n  onClick?: (e: MouseEvent<HTMLButtonElement>, index?: number) => void;\n};\n\n/**\n * Individual step for StepperBase.\n *\n * Features:\n * - Outcome independent of the current step\n * - Check icon when complete\n * - Optional id for panel pairing\n *\n * @example\n * <StepperBase.Step id=\"approved\" state=\"complete\">\n *   Approved\n * </StepperBase.Step>\n */\nexport const StepperBaseStep = forwardRef<\n  HTMLButtonElement,\n  StepperBaseStepProps\n>((props, ref) => {\n  const stepRef = useRef<HTMLButtonElement>(null);\n  const index = useStepperStepIndex();\n  const {\n    currentIndex,\n    interactive,\n    focusIndex,\n    setFocusIndex,\n    requestIndexChange,\n    registerStep,\n    getStep,\n    getPanelId,\n  } = useContext(StepperBaseContext);\n  const {\n    state = \"not started\",\n    id,\n    disabled = false,\n    onClick,\n    children,\n    onKeyDown,\n    className,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n\n  const childrenText =\n    typeof children === \"string\"\n      ? children\n      : typeof children === \"number\"\n        ? String(children)\n        : undefined;\n  const label = childrenText || ariaLabel || \"\";\n\n  useLayoutEffect(() => {\n    if (index === undefined) return;\n    return registerStep({\n      index,\n      id,\n      label,\n      disabled,\n      node: stepRef,\n    });\n  }, [disabled, id, index, label, registerStep]);\n\n  const selected = index === currentIndex;\n  const completed = state === \"complete\";\n  const panelId = id ? getPanelId(id) : undefined;\n\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e, index);\n    if (index === undefined) return;\n    requestIndexChange(index);\n  };\n\n  const onKeyDownHandler = (e: KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n    if (!interactive || index === undefined) return;\n\n    const activatable: number[] = [];\n    for (let i = 0; ; i += 1) {\n      const step = getStep(i);\n      if (!step) break;\n      if (!step.disabled) activatable.push(i);\n    }\n    if (activatable.length === 0) return;\n\n    const currentPos = activatable.indexOf(focusIndex);\n    const safePos = currentPos === -1 ? 0 : currentPos;\n\n    switch (e.code) {\n      case \"Enter\":\n      case \"Space\":\n        e.preventDefault();\n        requestIndexChange(focusIndex);\n        break;\n      case \"ArrowRight\": {\n        e.preventDefault();\n        const next = activatable[(safePos + 1) % activatable.length];\n        setFocusIndex(next);\n        getStep(next)?.node.current?.focus();\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        const prev =\n          activatable[(safePos - 1 + activatable.length) % activatable.length];\n        setFocusIndex(prev);\n        getStep(prev)?.node.current?.focus();\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      data-anv=\"stepper-base-step\"\n      data-state={state}\n      data-completed={completed}\n      className={cx(styles[\"stepper-step\"], className, {\n        [styles[\"can-navigate\"]]: interactive,\n      })}\n      aria-selected={selected}\n      aria-controls={panelId}\n      aria-disabled={disabled || undefined}\n      aria-label={childrenText || ariaLabel}\n      tabIndex={interactive && index === focusIndex && !disabled ? 0 : -1}\n      onClick={onClickHandler}\n      onKeyDown={interactive ? onKeyDownHandler : onKeyDown}\n      {...rest}\n      id={id}\n      ref={useMergeRefs([stepRef, ref])}\n    >\n      <span className={styles.bar} />\n      <span className={styles.label}>\n        <span className={styles.circle}>\n          <Icon svg={Check} inherit aria-hidden />\n        </span>\n        {children}\n      </span>\n    </button>\n  );\n});\n\nStepperBaseStep.displayName = \"StepperBaseStep\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useContext,\n  useId,\n  useLayoutEffect,\n} from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { motion } from \"motion/react\";\n\nimport type { LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Overflow } from \"../../Overflow\";\nimport { StepperBaseContext } from \"./internal/StepperBaseContext\";\n\nimport styles from \"../StepperPanel.module.scss\";\n\n/**\n * Props for the StepperBase.Panel component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type StepperBasePanelProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\"\n> &\n  LayoutUtilProps & {\n    /**\n     * id of the controlling Step.\n     */\n    step: string;\n\n    /**\n     * Panel element id. Generated when omitted (used for aria-controls).\n     */\n    id?: string;\n  };\n\n/**\n * Content panel for a StepperBase step.\n *\n * Features:\n * - Shown only when the named step is current\n * - Fade-in animation\n * - Overflow scrolling for long content\n *\n * @example\n * <StepperBase.Panel step=\"approved\">\n *   Details\n * </StepperBase.Panel>\n */\nexport const StepperBasePanel = forwardRef<\n  HTMLDivElement,\n  StepperBasePanelProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    step,\n    id: idProp,\n    className,\n    style,\n    children,\n    ...rest\n  } = componentProps;\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const { getCurrentStep, registerPanel } = useContext(StepperBaseContext);\n  const currentStep = getCurrentStep();\n  const isCurrent = currentStep?.id === step;\n\n  useLayoutEffect(() => {\n    return registerPanel(step, id);\n  }, [id, registerPanel, step]);\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  if (!isCurrent) {\n    return null;\n  }\n\n  return (\n    <motion.div\n      style={styleCombined}\n      className={cx(styles[\"stepper-panel\"], className)}\n      transition={{\n        opacity: {\n          duration: +core.primitive.DurationSlow.value.replace(\"ms\", \"\") / 1000,\n        },\n      }}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      layout\n      {...rest}\n      role=\"tabpanel\"\n      data-anv=\"stepper-base-panel\"\n      id={id}\n      ref={ref}\n    >\n      <Overflow flexGrow={1}>{children}</Overflow>\n    </motion.div>\n  );\n});\n\nStepperBasePanel.displayName = \"StepperBasePanel\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport { motion } from \"motion/react\";\n\nimport { useMergeRefs } from \"../../../hooks\";\nimport type { LayoutUtilProps } from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\n\nimport { StepperBaseList } from \"./StepperBaseList\";\nimport { StepperBaseStep } from \"./StepperBaseStep\";\nimport { StepperBasePanel } from \"./StepperBasePanel\";\nimport {\n  StepperBaseContext,\n  type StepperBaseContextValue,\n  type StepperBaseStepInfo,\n} from \"./internal/StepperBaseContext\";\n\nimport styles from \"../Stepper.module.scss\";\n\n/**\n * Props for the StepperBase component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type StepperBaseProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Controlled current step (0-based). Pair with onIndexChange.\n     */\n    index?: number;\n\n    /**\n     * Uncontrolled start. Ignored when index is set.\n     * @default 0\n     */\n    defaultIndex?: number;\n\n    /**\n     * Fired when a step is activated.\n     * @param index The index of the newly current step\n     */\n    onIndexChange?: (index: number) => void;\n\n    /**\n     * When true, click and keyboard can change the current step.\n     * @default false\n     */\n    interactive?: boolean;\n  };\n\n/**\n * StepperBase is a controllable stepper primitive. The caller sets the current\n * step and each step's outcome. Use Stepper for the linear wizard.\n *\n * Features:\n * - Controlled or uncontrolled current step via index / defaultIndex / onIndexChange\n * - Per-step outcome (not started, started, complete) independent of current\n * - Optional panels; a panel names its step, steps do not require panels\n * - Display-only by default; opt into click/keyboard with interactive\n * - Same track, circle, and compact-label chrome as Stepper\n *\n * @example\n * <StepperBase index={2}>\n *   <StepperBase.List>\n *     <StepperBase.Step state=\"complete\">Approved</StepperBase.Step>\n *     <StepperBase.Step state=\"complete\">Approved & Reconciled</StepperBase.Step>\n *     <StepperBase.Step>Scheduled</StepperBase.Step>\n *   </StepperBase.List>\n * </StepperBase>\n */\nexport const StepperBase = Object.assign(\n  forwardRef<HTMLDivElement, StepperBaseProps>(\n    function StepperBaseInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const {\n        index,\n        defaultIndex = 0,\n        onIndexChange,\n        interactive = false,\n        className,\n        children,\n        style,\n        ...rest\n      } = componentProps;\n\n      const rootRef = useRef<HTMLDivElement>(null);\n      const [currentIndex, setCurrentIndex] = useOptionallyControlledState({\n        controlledValue: index,\n        defaultValue: defaultIndex,\n        onChange: onIndexChange,\n      });\n      const [focusIndex, setFocusIndex] = useState(index ?? defaultIndex);\n\n      useEffect(() => {\n        setFocusIndex(currentIndex);\n      }, [currentIndex]);\n      const stepsRef = useRef<Map<number, StepperBaseStepInfo>>(new Map());\n      const [stepsVersion, setStepsVersion] = useState(0);\n      const panelsRef = useRef<Map<string, string>>(new Map());\n      const [panelsVersion, setPanelsVersion] = useState(0);\n\n      const bumpSteps = useCallback(() => {\n        setStepsVersion((value) => value + 1);\n      }, []);\n\n      const bumpPanels = useCallback(() => {\n        setPanelsVersion((value) => value + 1);\n      }, []);\n\n      const registerStep = useCallback(\n        (info: StepperBaseStepInfo) => {\n          stepsRef.current.set(info.index, info);\n          bumpSteps();\n          return () => {\n            const current = stepsRef.current.get(info.index);\n            if (current === info) {\n              stepsRef.current.delete(info.index);\n              bumpSteps();\n            }\n          };\n        },\n        [bumpSteps],\n      );\n\n      const getStep = useCallback((stepIndex: number) => {\n        return stepsRef.current.get(stepIndex);\n      }, []);\n\n      const getCurrentStep = useCallback(() => {\n        return stepsRef.current.get(currentIndex);\n      }, [currentIndex]);\n\n      const requestIndexChange = useCallback(\n        (nextIndex: number) => {\n          if (!interactive) return;\n          const target = stepsRef.current.get(nextIndex);\n          if (target?.disabled) return;\n          setCurrentIndex(nextIndex);\n          setFocusIndex(nextIndex);\n        },\n        [interactive, setCurrentIndex],\n      );\n\n      const registerPanel = useCallback(\n        (stepId: string, panelId: string) => {\n          panelsRef.current.set(stepId, panelId);\n          bumpPanels();\n          return () => {\n            if (panelsRef.current.get(stepId) === panelId) {\n              panelsRef.current.delete(stepId);\n              bumpPanels();\n            }\n          };\n        },\n        [bumpPanels],\n      );\n\n      const getPanelId = useCallback((stepId: string) => {\n        return panelsRef.current.get(stepId);\n      }, []);\n\n      const value = useMemo<StepperBaseContextValue>(\n        () => ({\n          currentIndex,\n          interactive,\n          focusIndex,\n          setFocusIndex,\n          requestIndexChange,\n          registerStep,\n          getStep,\n          getCurrentStep,\n          getPanelId,\n          registerPanel,\n        }),\n        [\n          currentIndex,\n          interactive,\n          focusIndex,\n          requestIndexChange,\n          registerStep,\n          getStep,\n          getCurrentStep,\n          getPanelId,\n          registerPanel,\n          stepsVersion,\n          panelsVersion,\n        ],\n      );\n\n      const styleCombined = { ...style, ...layoutStyles };\n\n      return (\n        <StepperBaseContext.Provider value={value}>\n          <motion.div\n            transition={{ duration: 0 }}\n            layout\n            className={cx(styles.stepper, className)}\n            data-anv=\"stepper-base\"\n            style={styleCombined}\n            {...rest}\n            ref={useMergeRefs([rootRef, ref])}\n          >\n            {children}\n          </motion.div>\n        </StepperBaseContext.Provider>\n      );\n    },\n  ),\n  {\n    /**\n     * Individual step. Outcome is independent of whether the step is current.\n     *\n     * Features:\n     * - state: not started, started, or complete\n     * - Optional id when a panel points at this step\n     * - Check icon when complete\n     *\n     * @example\n     * <StepperBase.Step state=\"complete\">Approved</StepperBase.Step>\n     */\n    Step: StepperBaseStep,\n\n    /**\n     * Track of steps plus the compact label on small widths.\n     *\n     * Features:\n     * - Lays out StepperBase.Step children\n     * - Shows the current step label when the track is narrow\n     *\n     * @example\n     * <StepperBase.List>\n     *   <StepperBase.Step>Scheduled</StepperBase.Step>\n     * </StepperBase.List>\n     */\n    List: StepperBaseList,\n\n    /**\n     * Content for one step. Visible when that step is current.\n     *\n     * Features:\n     * - step is required and must match a Step id\n     * - id is optional and generated when omitted\n     *\n     * @example\n     * <StepperBase.Panel step=\"approved\">Details</StepperBase.Panel>\n     */\n    Panel: StepperBasePanel,\n  },\n);\nStepperBase.displayName = \"StepperBase\";\n","import { type ComponentPropsWithoutRef, forwardRef, useContext } from \"react\";\nimport cx from \"classnames\";\n\nimport { StepperBaseContext } from \"./base/internal/StepperBaseContext\";\nimport { StepperStepIndexScope } from \"./base/internal/StepperStepIndexScope\";\n\nimport styles from \"./StepperList.module.scss\";\n\n/**\n * Props for the StepperList component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type StepperListProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * Container component for organizing and displaying stepper steps.\n *\n * Features:\n * - Groups multiple stepper steps together\n * - Displays current step label\n * - Responsive design with mobile-friendly layout\n * - Accessible with proper ARIA roles\n * - Automatic step organization\n * - Visual step indicators\n * - Context-based current step display\n * - Flexible layout with CSS Grid/Flexbox\n * - Container queries for responsive behavior\n *\n * @example\n * <Stepper.List>\n *   <Stepper.Step controls=\"step1\">Step 1</Stepper.Step>\n *   <Stepper.Step controls=\"step2\">Step 2</Stepper.Step>\n *   <Stepper.Step controls=\"step3\">Step 3</Stepper.Step>\n * </Stepper.List>\n */\nexport const StepperList = forwardRef<HTMLDivElement, StepperListProps>(\n  (props, ref) => {\n    const { className, children, onKeyDown: _onKeyDown, ...rest } = props;\n    const { getCurrentStep } = useContext(StepperBaseContext);\n    const currentLabel = getCurrentStep()?.label;\n\n    const tabListClassNames = cx(styles[\"stepper-list\"], className);\n\n    return (\n      <div\n        {...rest}\n        className={tabListClassNames}\n        data-anv=\"stepper-list\"\n        ref={ref}\n        role=\"tablist\"\n      >\n        <div className={styles[\"stepper-steps\"]}>\n          <StepperStepIndexScope>{children}</StepperStepIndexScope>\n        </div>\n        <span className={styles.label}>{currentLabel}</span>\n      </div>\n    );\n  },\n);\n\nStepperList.displayName = \"StepperList\";\n","import { type Dispatch, type SetStateAction, createContext } from \"react\";\n\nexport type StepperContextProps = {\n  current: number;\n  setCurrent: Dispatch<SetStateAction<number>>;\n  currentId: string;\n  setCurrentId: Dispatch<SetStateAction<string>>;\n  focus: number;\n  setFocus: Dispatch<SetStateAction<number>>;\n  onComplete?: () => void;\n  allCompleted?: boolean;\n  setAllCompleted?: Dispatch<SetStateAction<boolean>>;\n  allowNavigateToPrevStep?: boolean;\n};\n\nexport const StepperContext = createContext<StepperContextProps>({\n  current: 0,\n  currentId: \"\",\n  focus: 0,\n  setFocus: () => undefined,\n  setCurrent: () => undefined,\n  setCurrentId: () => undefined,\n});\n","import {\n  forwardRef,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\n\nimport { Icon } from \"../Icon\";\nimport { useMergeRefs } from \"../../hooks\";\nimport {\n  StepperBaseContext,\n  useStepperStepIndex,\n} from \"./base/internal/StepperBaseContext\";\nimport { StepperContext } from \"./internal/StepperContext\";\n\nimport styles from \"./StepperStep.module.scss\";\n\n/**\n * Props for the StepperStep component\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type StepperStepProps = Omit<\n  ComponentPropsWithoutRef<\"button\">,\n  \"onClick\" | \"disabled\"\n> & {\n  /**\n   * ID of the panel that this step is controlling.\n   * Must match the id prop of the corresponding Stepper.Panel.\n   */\n  controls: string;\n\n  /**\n   * Called when the step is clicked.\n   * @param e Mouse event object\n   * @param index Index of the step in the stepper\n   */\n  onClick?: (e: MouseEvent<HTMLButtonElement>, index?: number) => void;\n};\n\n/**\n * Individual step component for the Stepper.\n *\n * Features:\n * - Visual progress indicator with animated bar\n * - Check icon for completed steps\n * - Keyboard navigation support\n * - Accessible with proper ARIA attributes\n * - Click handling for step navigation\n * - Visual states for current, completed, and future steps\n * - Responsive design with mobile-friendly layout\n * - Focus management for keyboard users\n * - Custom styling support\n *\n * @example\n * <Stepper.Step controls=\"step1\">\n *   Personal Information\n * </Stepper.Step>\n *\n * @example\n * <Stepper.Step\n *   controls=\"step2\"\n *   onClick={(e, index) => console.log(`Clicked step ${index}`)}\n * >\n *   Contact Details\n * </Stepper.Step>\n */\nexport const StepperStep = forwardRef<HTMLButtonElement, StepperStepProps>(\n  (props, ref) => {\n    const stepRef = useRef<HTMLButtonElement>(null);\n    const index = useStepperStepIndex();\n    const { registerStep, getStep } = useContext(StepperBaseContext);\n    const {\n      current,\n      setCurrent,\n      focus,\n      setFocus,\n      allCompleted,\n      allowNavigateToPrevStep,\n    } = useContext(StepperContext);\n    const {\n      onClick,\n      children,\n      onFocus,\n      onKeyDown,\n      controls,\n      className,\n      \"aria-label\": ariaLabel,\n      ...rest\n    } = props;\n\n    const childrenText =\n      typeof children === \"string\"\n        ? children\n        : typeof children === \"number\"\n          ? String(children)\n          : undefined;\n    const label = childrenText || ariaLabel || \"\";\n\n    useLayoutEffect(() => {\n      if (index === undefined) return;\n      return registerStep({\n        index,\n        id: controls,\n        label,\n        disabled: false,\n        node: stepRef,\n      });\n    }, [controls, index, label, registerStep]);\n\n    const selected = index === current;\n    const completed = index !== undefined && index < current;\n\n    const stepClassNames = cx(styles[\"stepper-step\"], className, {\n      [styles[\"can-navigate\"]]: allowNavigateToPrevStep,\n      [styles[\"all-completed\"]]: allCompleted,\n    });\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e, index);\n      if (\n        !allowNavigateToPrevStep ||\n        selected ||\n        index === undefined ||\n        index > current\n      ) {\n        return;\n      }\n      setCurrent(index);\n      setFocus(index);\n      stepRef.current?.focus();\n    };\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e);\n      const focusableItems: HTMLElement[] = [];\n      for (let i = 0; i <= current; i += 1) {\n        const node = getStep(i)?.node.current;\n        if (node) focusableItems.push(node);\n      }\n      const prevFocus = focus - 1;\n      const nextFocus = focus + 1;\n      switch (e.code) {\n        case \"Enter\":\n        case \"Space\":\n          e.preventDefault();\n          setCurrent(focus);\n          break;\n        case \"ArrowRight\":\n          e.preventDefault();\n          if (nextFocus === focusableItems.length) {\n            setFocus(0);\n            focusableItems[0].focus();\n            return;\n          }\n          setFocus(nextFocus);\n          focusableItems[nextFocus].focus();\n          break;\n        case \"ArrowLeft\":\n          e.preventDefault();\n          if (focus === 0) {\n            const lastItemIndex = focusableItems.length - 1;\n            setFocus(lastItemIndex);\n            focusableItems[lastItemIndex].focus();\n            return;\n          }\n          setFocus(prevFocus);\n          focusableItems[prevFocus].focus();\n          break;\n      }\n    };\n\n    return (\n      <button\n        type=\"button\"\n        role=\"tab\"\n        data-anv=\"stepper-step\"\n        className={stepClassNames}\n        aria-selected={selected}\n        aria-controls={controls}\n        aria-label={childrenText || ariaLabel}\n        tabIndex={\n          allowNavigateToPrevStep && index === focus && !allCompleted ? 0 : -1\n        }\n        data-completed={completed}\n        onClick={onClickHandler}\n        onKeyDown={allowNavigateToPrevStep ? onKeyDownHandler : onKeyDown}\n        {...rest}\n        ref={useMergeRefs([stepRef, ref])}\n      >\n        <span className={styles.bar} />\n        <span className={styles.label}>\n          <span className={styles.circle}>\n            <Icon svg={Check} inherit aria-hidden />\n          </span>\n\n          {children}\n        </span>\n      </button>\n    );\n  },\n);\n\nStepperStep.displayName = \"StepperStep\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useContext,\n  useEffect,\n} from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { motion } from \"motion/react\";\n\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Overflow } from \"../Overflow\";\nimport { StepperBaseContext } from \"./base/internal/StepperBaseContext\";\nimport { StepperContext } from \"./internal/StepperContext\";\n\nimport styles from \"./StepperPanel.module.scss\";\n\n/**\n * Props for the StepperPanel component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type StepperPanelProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Unique identifier for the panel.\n     * Must match the controls prop of the corresponding Stepper.Step.\n     */\n    id: string;\n  };\n\n/**\n * Content panel component for displaying step content in the Stepper.\n *\n * Features:\n * - Displays content for the current step only\n * - Smooth fade-in/fade-out animations\n * - Automatic overflow handling with scroll support\n * - Accessible with proper ARIA roles\n * - Layout utilities for positioning and spacing\n * - Motion animations for smooth transitions\n * - Focus management for keyboard navigation\n * - Responsive design with flexible layout\n * - Context-based visibility control\n *\n * @example\n * <Stepper.Panel id=\"step1\">\n *   <h2>Personal Information</h2>\n *   <form>\n *     <label htmlFor=\"name\">Name:</label>\n *     <input id=\"name\" type=\"text\" />\n *   </form>\n * </Stepper.Panel>\n *\n * @example\n * <Stepper.Panel id=\"step2\" className=\"custom-panel\">\n *   <div className=\"step-content\">\n *     <h2>Contact Details</h2>\n *     <p>Please provide your contact information.</p>\n *   </div>\n * </Stepper.Panel>\n */\nexport const StepperPanel = forwardRef<HTMLDivElement, StepperPanelProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { id, className, style, children, ...rest } = componentProps;\n    const { allCompleted, setCurrentId } = useContext(StepperContext);\n    const { getCurrentStep } = useContext(StepperBaseContext);\n\n    const currentStepId = getCurrentStep()?.id;\n    const isCurrent = currentStepId === id;\n\n    useEffect(() => {\n      if (isCurrent && !allCompleted) {\n        setCurrentId(currentStepId ?? \"\");\n      }\n    }, [allCompleted, isCurrent, currentStepId, setCurrentId]);\n\n    const tabPanelClassNames = cx(styles[\"stepper-panel\"], className);\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    if (isCurrent && !allCompleted) {\n      return (\n        <motion.div\n          style={styleCombined}\n          className={tabPanelClassNames}\n          transition={{\n            opacity: {\n              duration:\n                +core.primitive.DurationSlow.value.replace(\"ms\", \"\") / 1000,\n            },\n          }}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          layout\n          {...rest}\n          role=\"tabpanel\"\n          data-anv=\"stepper-panel\"\n          id={id}\n          ref={ref}\n        >\n          <Overflow flexGrow={1}>{children}</Overflow>\n        </motion.div>\n      );\n    }\n    return <></>;\n  },\n);\n\nStepperPanel.displayName = \"StepperPanel\";\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useContext,\n  useEffect,\n} from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { motion } from \"motion/react\";\n\nimport type { LayoutUtilProps } from \"../../types\";\nimport { Overflow } from \"../Overflow\";\nimport { StepperContext } from \"./internal/StepperContext\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./StepperPanel.module.scss\";\n\n/**\n * Props for the StepperFinalPanel component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type StepperFinalPanelProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\"\n> &\n  LayoutUtilProps;\n\n/**\n * Final panel component displayed when all stepper steps are completed.\n *\n * Features:\n * - Displays only when all steps are completed\n * - Smooth fade-in animation on completion\n * - Automatic overflow handling with scroll support\n * - Accessible with proper ARIA roles\n * - Layout utilities for positioning and spacing\n * - Motion animations for smooth transitions\n * - Focus management for keyboard navigation\n * - Responsive design with flexible layout\n * - Context-based visibility control\n *\n * @example\n * <Stepper.FinalPanel>\n *   <h2>Congratulations!</h2>\n *   <p>You have successfully completed all steps.</p>\n *   <Button onClick={handleSubmit}>Submit</Button>\n * </Stepper.FinalPanel>\n */\nexport const StepperFinalPanel = forwardRef<\n  HTMLDivElement,\n  StepperFinalPanelProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { id, className, style, children, ...rest } = componentProps;\n  const { allCompleted, setCurrentId } = useContext(StepperContext);\n\n  useEffect(() => {\n    if (allCompleted) {\n      setCurrentId(\"final-panel\");\n    }\n  }, [allCompleted, setCurrentId]);\n\n  const tabPanelClassNames = cx(styles[\"stepper-panel\"], className);\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  if (allCompleted) {\n    return (\n      <motion.div\n        style={styleCombined}\n        className={tabPanelClassNames}\n        transition={{\n          opacity: {\n            duration:\n              +core.primitive.DurationSlow.value.replace(\"ms\", \"\") / 1000,\n          },\n        }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n        layout\n        {...rest}\n        role=\"tabpanel\"\n        data-anv=\"stepper-final-panel\"\n        tabIndex={0}\n        ref={ref}\n      >\n        <Overflow>{children}</Overflow>\n      </motion.div>\n    );\n  }\n  return null;\n});\n\nStepperFinalPanel.displayName = \"StepperFinalPanel\";\n","import type { StepperBaseContextValue } from \"../base/internal/StepperBaseContext\";\n\nexport function countRegisteredSteps(\n  getStep: StepperBaseContextValue[\"getStep\"],\n): number {\n  let count = 0;\n  while (getStep(count)) count += 1;\n  return count;\n}\n","import { forwardRef, useContext, type MouseEvent } from \"react\";\n\nimport { Button, type ButtonProps } from \"../Button\";\nimport type { DataTrackingId } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\nimport { StepperBaseContext } from \"./base/internal/StepperBaseContext\";\n\nimport { StepperContext } from \"./internal/StepperContext\";\nimport { countRegisteredSteps } from \"./internal/countRegisteredSteps\";\n\n/**\n * Props for the StepperNextButton component\n * @extends ButtonProps\n */\nexport type StepperNextButtonProps = Omit<ButtonProps, \"children\"> & {\n  /**\n   * Label for the next button.\n   * @default \"Next\"\n   */\n  nextLabel?: string;\n\n  /**\n   * Label for the complete button (shown on the last step).\n   * @default \"Complete\"\n   */\n  completeLabel?: string;\n\n  /**\n   * Called when the \"Next\" button is clicked.\n   * @param e MouseEvent<HTMLButtonElement>\n   * @returns If the function returns `false`, or a Promise that resolves to `false`, the next step will not be executed.\n   */\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement>,\n  ) => void | boolean | Promise<boolean>;\n} & DataTrackingId;\n\n/**\n * Next button component for navigating to the next step in the Stepper.\n *\n * Features:\n * - Automatically advances to the next step\n * - Changes label to \"Complete\" on the final step\n * - Supports async validation with Promise return\n * - Prevents navigation when validation fails\n * - Hides when all steps are completed\n * - Accessible with proper button semantics\n * - Customizable appearance and styling\n * - Integration with stepper context\n * - Automatic completion handling\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Stepper.NextButton\n *   nextLabel=\"Continue\"\n *   completeLabel=\"Finish\"\n * />\n *\n * @example\n * <Stepper.NextButton\n *   onClick={async (e) => {\n *     const isValid = await validateForm();\n *     return isValid;\n *   }}\n *   appearance=\"primary\"\n * />\n */\nexport const StepperNextButton = forwardRef<\n  HTMLButtonElement,\n  StepperNextButtonProps\n>((props, ref) => {\n  const {\n    setAllCompleted,\n    onComplete,\n    setCurrent,\n    setFocus,\n    current,\n    allCompleted,\n  } = useContext(StepperContext);\n  const { getStep } = useContext(StepperBaseContext);\n  const stepCount = countRegisteredSteps(getStep);\n  const isLastStep = stepCount > 0 && current === stepCount - 1;\n  const {\n    onClick,\n    onFocus,\n    nextLabel = \"Next\",\n    completeLabel = \"Complete\",\n    appearance = \"primary\",\n    ...rest\n  } = props;\n\n  const proceedToNextStep = () => {\n    if (isLastStep) {\n      setAllCompleted?.(true);\n      onComplete?.();\n      return;\n    }\n    setCurrent(current + 1);\n    setFocus(current + 1);\n  };\n\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    const onClickResult = onClick?.(e);\n\n    // check if onClick returns a Promise\n    if (\n      onClickResult !== undefined &&\n      onClickResult &&\n      (onClickResult as unknown) instanceof Promise\n    ) {\n      (onClickResult as unknown as Promise<boolean>).then((result) => {\n        if (result === false) return;\n        proceedToNextStep();\n      });\n\n      // otherwise, onClick returns a boolean or void\n    } else {\n      if ((onClickResult as void | boolean) === false) return;\n      proceedToNextStep();\n    }\n  };\n\n  const data = {\n    nextLabel: props.nextLabel,\n    completeLabel: props.completeLabel,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"StepperNextButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  return allCompleted ? null : (\n    <Button\n      data-anv=\"stepper-next-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      appearance={appearance}\n      ref={ref}\n      {...rest}\n    >\n      {isLastStep ? completeLabel : nextLabel}\n    </Button>\n  );\n});\n\nStepperNextButton.displayName = \"StepperNextButton\";\n","import { forwardRef, useContext, type MouseEvent } from \"react\";\n\nimport type { DataTrackingId } from \"../../types\";\nimport { Button, type ButtonProps } from \"../Button\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { StepperContext } from \"./internal/StepperContext\";\n\n/**\n * Props for the StepperPrevButton component\n * @extends ButtonProps\n */\nexport type StepperPrevButtonProps = Omit<ButtonProps, \"children\"> & {\n  /**\n   * Label for the previous button.\n   * @default \"Previous\"\n   */\n  label?: string;\n} & DataTrackingId;\n\n/**\n * Previous button component for navigating to the previous step in the Stepper.\n *\n * Features:\n * - Navigates to the previous step when available\n * - Hides when on the first step\n * - Restores navigation when returning from completion\n * - Accessible with proper button semantics\n * - Customizable label and styling\n * - Integration with stepper context\n * - Automatic focus management\n * - Support for completion state handling\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Stepper.PrevButton label=\"Go Back\" />\n *\n * @example\n * <Stepper.PrevButton\n *   label=\"Previous Step\"\n *   appearance=\"secondary\"\n *   onClick={(e) => console.log('Going back')}\n * />\n */\nexport const StepperPrevButton = forwardRef<\n  HTMLButtonElement,\n  StepperPrevButtonProps\n>((props, ref) => {\n  const { setCurrent, setFocus, allCompleted, setAllCompleted, current } =\n    useContext(StepperContext);\n  const { onClick, label = \"Previous\", onFocus, ...rest } = props;\n\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    if (allCompleted) {\n      setAllCompleted?.(false);\n    } else {\n      setCurrent(current - 1);\n      setFocus(current - 1);\n    }\n\n    onClick?.(e);\n  };\n\n  const data = {\n    label: props.label,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"StepperPrevButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  return current === 0 ? null : (\n    <Button\n      data-anv=\"stepper-prev-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      ref={ref}\n      {...rest}\n    >\n      {label}\n    </Button>\n  );\n});\n\nStepperPrevButton.displayName = \"StepperPrevButton\";\n","import { useContext, useEffect, useRef } from \"react\";\n\nimport { StepperBaseContext } from \"../base/internal/StepperBaseContext\";\n\nimport { countRegisteredSteps } from \"./countRegisteredSteps\";\nimport { StepperContext } from \"./StepperContext\";\n\nexport function StepperWizardBootstrap({\n  defaultIndex,\n}: {\n  defaultIndex?: number;\n}) {\n  const { getStep } = useContext(StepperBaseContext);\n  const { setAllCompleted, setCurrent, setFocus } = useContext(StepperContext);\n  const didBootstrap = useRef(false);\n  const hasSteps = !!getStep(0);\n\n  useEffect(() => {\n    if (didBootstrap.current || !hasSteps) return;\n    didBootstrap.current = true;\n\n    const stepCount = countRegisteredSteps(getStep);\n    if (defaultIndex !== undefined && defaultIndex >= stepCount) {\n      const lastIndex = stepCount - 1;\n      setAllCompleted?.(true);\n      setCurrent(lastIndex);\n      setFocus(lastIndex);\n    }\n  }, [defaultIndex, getStep, hasSteps, setAllCompleted, setCurrent, setFocus]);\n\n  return null;\n}\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport type { LayoutUtilProps } from \"../../types\";\nimport { StepperBase } from \"./base\";\n\nimport { StepperList } from \"./StepperList\";\nimport { StepperStep } from \"./StepperStep\";\nimport { StepperPanel } from \"./StepperPanel\";\nimport { StepperFinalPanel } from \"./StepperFinalPanel\";\nimport { StepperNextButton } from \"./StepperNextButton\";\nimport { StepperPrevButton } from \"./StepperPrevButton\";\nimport { StepperContext } from \"./internal/StepperContext\";\nimport { StepperWizardBootstrap } from \"./internal/StepperWizardBootstrap\";\n\n/**\n * Props for the Stepper component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type StepperProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Default step to start on (0-based index).\n     * To start in the completed state (showing FinalPanel with all steps marked complete),\n     * set this to the total number of steps (e.g. `items.length`).\n     * @default undefined\n     */\n    defaultIndex?: number;\n\n    /**\n     * Allows users to navigate to previous steps.\n     * @default undefined\n     */\n    allowNavigateToPrevStep?: boolean;\n\n    /**\n     * Returns current step data when step changes.\n     * @param data Object containing currentStepId and currentStepIndex\n     * @param data.currentStepId ID given to Stepper.Panel, or \"final-panel\"\n     * @param data.currentStepIndex Index of current step, or undefined on final panel\n     */\n    onChange?: (data: {\n      currentStepId: string | \"final-panel\";\n      currentStepIndex?: number;\n    }) => void;\n\n    /**\n     * Called when all steps are completed.\n     */\n    onComplete?: () => void;\n  };\n\n/**\n * Stepper component for creating multi-step workflows and forms.\n *\n * Features:\n * - Multi-step navigation with visual progress indicators\n * - Keyboard navigation support with arrow keys\n * - Optional navigation to previous steps\n * - Smooth animations and transitions\n * - Accessible with proper ARIA roles and attributes\n * - Customizable step labels and content\n * - Completion state handling\n * - Layout utilities for positioning and spacing\n * - Motion animations for step transitions\n * - Context-based state management\n *\n * @example\n * <Stepper defaultIndex={0} allowNavigateToPrevStep>\n *   <Stepper.List>\n *     <Stepper.Step controls=\"step1\">Step 1</Stepper.Step>\n *     <Stepper.Step controls=\"step2\">Step 2</Stepper.Step>\n *     <Stepper.Step controls=\"step3\">Step 3</Stepper.Step>\n *   </Stepper.List>\n *\n *   <Stepper.Panel id=\"step1\">\n *     <h2>Step 1 Content</h2>\n *     <p>This is the first step content.</p>\n *   </Stepper.Panel>\n *\n *   <Stepper.Panel id=\"step2\">\n *     <h2>Step 2 Content</h2>\n *     <p>This is the second step content.</p>\n *   </Stepper.Panel>\n *\n *   <Stepper.Panel id=\"step3\">\n *     <h2>Step 3 Content</h2>\n *     <p>This is the final step content.</p>\n *   </Stepper.Panel>\n *\n *   <Stepper.FinalPanel>\n *     <h2>Completed!</h2>\n *     <p>All steps have been completed successfully.</p>\n *   </Stepper.FinalPanel>\n *\n *   <Stepper.PrevButton />\n *   <Stepper.NextButton />\n * </Stepper>\n */\nexport const Stepper = Object.assign(\n  forwardRef<HTMLDivElement, StepperProps>(function StepperInner(props, ref) {\n    const {\n      defaultIndex,\n      allowNavigateToPrevStep,\n      children,\n      onChange,\n      onComplete,\n      ...rest\n    } = props;\n    const [allCompleted, setAllCompleted] = useState(false);\n    const [current, setCurrent] = useState<number>(defaultIndex ?? 0);\n    const [currentId, setCurrentId] = useState<string>(\"\");\n    const [focus, setFocus] = useState<number>(defaultIndex ?? 0);\n\n    useEffect(() => {\n      onChange?.({\n        currentStepId: currentId,\n        currentStepIndex: allCompleted ? undefined : current,\n      });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [allCompleted, currentId, onChange]);\n\n    const value = useMemo(\n      () => ({\n        current,\n        setCurrent,\n        currentId,\n        setCurrentId,\n        focus,\n        setFocus,\n        onComplete,\n        allCompleted,\n        setAllCompleted,\n        allowNavigateToPrevStep,\n      }),\n      [\n        current,\n        currentId,\n        focus,\n        onComplete,\n        allCompleted,\n        allowNavigateToPrevStep,\n      ],\n    );\n\n    return (\n      <StepperBase\n        index={current}\n        interactive={false}\n        data-anv=\"stepper\"\n        {...rest}\n        ref={ref}\n      >\n        <StepperContext.Provider value={value}>\n          <StepperWizardBootstrap defaultIndex={defaultIndex} />\n          {children}\n        </StepperContext.Provider>\n      </StepperBase>\n    );\n  }),\n  {\n    /**\n     * Individual step component for the Stepper.\n     *\n     * Features:\n     * - Visual progress indicator with animated bar\n     * - Check icon for completed steps\n     * - Keyboard navigation support\n     * - Accessible with proper ARIA attributes\n     * - Click handling for step navigation\n     * - Visual states for current, completed, and future steps\n     * - Responsive design with mobile-friendly layout\n     * - Focus management for keyboard users\n     * - Custom styling support\n     *\n     * @example\n     * <Stepper.Step controls=\"step1\">\n     *   Personal Information\n     * </Stepper.Step>\n     *\n     * @example\n     * <Stepper.Step\n     *   controls=\"step2\"\n     *   onClick={(e, index) => console.log(`Clicked step ${index}`)}\n     * >\n     *   Contact Details\n     * </Stepper.Step>\n     */\n    Step: StepperStep,\n\n    /**\n     * Container component for organizing and displaying stepper steps.\n     *\n     * Features:\n     * - Groups multiple stepper steps together\n     * - Displays current step label\n     * - Responsive design with mobile-friendly layout\n     * - Accessible with proper ARIA roles\n     * - Automatic step organization\n     * - Visual step indicators\n     * - Context-based current step display\n     * - Flexible layout with CSS Grid/Flexbox\n     * - Container queries for responsive behavior\n     *\n     * @example\n     * <Stepper.List>\n     *   <Stepper.Step controls=\"step1\">Step 1</Stepper.Step>\n     *   <Stepper.Step controls=\"step2\">Step 2</Stepper.Step>\n     *   <Stepper.Step controls=\"step3\">Step 3</Stepper.Step>\n     * </Stepper.List>\n     */\n    List: StepperList,\n\n    /**\n     * Content panel component for displaying step content in the Stepper.\n     *\n     * Features:\n     * - Displays content for the current step only\n     * - Smooth fade-in/fade-out animations\n     * - Automatic overflow handling with scroll support\n     * - Accessible with proper ARIA roles\n     * - Layout utilities for positioning and spacing\n     * - Motion animations for smooth transitions\n     * - Focus management for keyboard navigation\n     * - Responsive design with flexible layout\n     * - Context-based visibility control\n     *\n     * @example\n     * <Stepper.Panel id=\"step1\">\n     *   <h2>Personal Information</h2>\n     *   <form>\n     *     <label htmlFor=\"name\">Name:</label>\n     *     <input id=\"name\" type=\"text\" />\n     *   </form>\n     * </Stepper.Panel>\n     */\n    Panel: StepperPanel,\n\n    /**\n     * Next button component for navigating to the next step in the Stepper.\n     *\n     * Features:\n     * - Automatically advances to the next step\n     * - Changes label to \"Complete\" on the final step\n     * - Supports async validation with Promise return\n     * - Prevents navigation when validation fails\n     * - Hides when all steps are completed\n     * - Accessible with proper button semantics\n     * - Customizable appearance and styling\n     * - Integration with stepper context\n     * - Automatic completion handling\n     *\n     * @example\n     * <Stepper.NextButton\n     *   nextLabel=\"Continue\"\n     *   completeLabel=\"Finish\"\n     * />\n     *\n     * @example\n     * <Stepper.NextButton\n     *   onClick={async (e) => {\n     *     const isValid = await validateForm();\n     *     return isValid;\n     *   }}\n     *   appearance=\"primary\"\n     * />\n     */\n    NextButton: StepperNextButton,\n\n    /**\n     * Previous button component for navigating to the previous step in the Stepper.\n     *\n     * Features:\n     * - Navigates to the previous step when available\n     * - Hides when on the first step\n     * - Restores navigation when returning from completion\n     * - Accessible with proper button semantics\n     * - Customizable label and styling\n     * - Integration with stepper context\n     * - Automatic focus management\n     * - Support for completion state handling\n     *\n     * @example\n     * <Stepper.PrevButton label=\"Go Back\" />\n     *\n     * @example\n     * <Stepper.PrevButton\n     *   label=\"Previous Step\"\n     *   appearance=\"secondary\"\n     *   onClick={(e) => console.log('Going back')}\n     * />\n     */\n    PrevButton: StepperPrevButton,\n\n    /**\n     * Final panel component displayed when all stepper steps are completed.\n     *\n     * Features:\n     * - Displays only when all steps are completed\n     * - Smooth fade-in animation on completion\n     * - Automatic overflow handling with scroll support\n     * - Accessible with proper ARIA roles\n     * - Layout utilities for positioning and spacing\n     * - Motion animations for smooth transitions\n     * - Focus management for keyboard navigation\n     * - Responsive design with flexible layout\n     * - Context-based visibility control\n     *\n     * @example\n     * <Stepper.FinalPanel>\n     *   <h2>Congratulations!</h2>\n     *   <p>You have successfully completed all steps.</p>\n     *   <Button onClick={handleSubmit}>Submit</Button>\n     * </Stepper.FinalPanel>\n     */\n    FinalPanel: StepperFinalPanel,\n  },\n);\nStepper.displayName = \"Stepper\";\n"],"names":["styles","Check","core.primitive.DurationSlow","value"],"mappings":"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"}

package/dist/Stepper.css

@@ -28,7 +28,7 @@
     display: none;
   }
 }
-}.anvil2 {._stepper-step_1p8ur_1 {
+}.anvil2 {._stepper-step_rf27i_1 {
   --a2-mod-stepper-step-circle-foreground-color: var(--a2-stepper-step-default-circle-icon-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-stepper-step-fill-color: var(--a2-stepper-step-default-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-focus-ring-color: var(--a2-stepper-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
@@ -55,7 +55,7 @@
   line-height: normal;
   text-align: start;
   transition: background-color var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._bar_1p8ur_30 {
+}._bar_rf27i_30 {
   background-color: var(--a2-mod-stepper-step-track-color);
   border-radius: var(--a2-mod-stepper-step-bar-border-radius, var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem)));
   flex-shrink: 0;
@@ -64,14 +64,14 @@
   outline: var(--a2-mod-stepper-step-bar-outline, none);
   outline-offset: var(--a2-mod-stepper-step-bar-outline-offset, 0);
   overflow: hidden;
-}._bar_1p8ur_30::before {
+}._bar_rf27i_30::before {
   background-color: var(--a2-mod-stepper-step-fill-color);
   content: "";
   display: block;
   height: 100%;
   transition: width var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)) var(--a2-mod-stepper-step-bar-transition-delay, 0s);
   width: var(--a2-mod-stepper-step-bar-width, 0);
-}._label_1p8ur_49 {
+}._label_rf27i_49 {
   border-radius: var(--a2-mod-stepper-step-label-border-radius, 0);
   color: var(--a2-mod-stepper-step-label-color, inherit);
   display: var(--a2-mod-stepper-step-label-display, none);
@@ -82,7 +82,7 @@
   outline-offset: var(--a2-mod-stepper-step-label-outline-offset, 0);
   position: static;
   text-decoration: var(--a2-mod-stepper-step-label-text-decoration, none);
-}._circle_1p8ur_62 {
+}._circle_rf27i_62 {
   align-items: center;
   background-color: var(--a2-mod-stepper-step-circle-background-color, var(--a2-stepper-step-default-circle-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))));
   border: var(--a2-size-quarter, 0.0625rem) var(--a2-mod-stepper-step-circle-border-style, dashed) var(--a2-mod-stepper-step-circle-border-color, var(--a2-stepper-step-default-circle-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))));
@@ -95,41 +95,44 @@
   justify-content: center;
   margin-block-start: var(--a2-size-half, 0.125rem);
   width: var(--a2-size-4, 1rem);
-}._circle_1p8ur_62 svg {
+}._circle_rf27i_62 svg {
   display: var(--a2-mod-stepper-step-check-icon-display, none);
-}._stepper-step_1p8ur_1[aria-selected=true] {
+}._stepper-step_rf27i_1[aria-selected=true] {
   --a2-mod-stepper-step-bar-transition-delay: var(--a2-duration-fast, 100ms);
   --a2-mod-stepper-step-bar-width: var(--a2-size-6, 1.5rem);
   --a2-mod-stepper-step-circle-border-color: var(--a2-stepper-step-current-circle-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-circle-border-style: solid;
-}._stepper-step_1p8ur_1[aria-selected=true]:not(._all-completed_1p8ur_87) {
+}._stepper-step_rf27i_1[aria-selected=true]:not(._all-completed_rf27i_87) {
   font-weight: var(--a2-mod-stepper-step-selected-font-weight, var(--a2-font-weight-bold));
-}._can-navigate_1p8ur_91[data-completed=true]:not(._all-completed_1p8ur_87):not([aria-selected=true]) {
+}._can-navigate_rf27i_91[data-completed=true]:not(._all-completed_rf27i_87):not([aria-selected=true]) {
   --a2-mod-stepper-step-label-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
   --a2-mod-stepper-step-label-text-decoration: underline;
   cursor: pointer;
-}._stepper-step_1p8ur_1[data-completed=true],
-._stepper-step_1p8ur_1._all-completed_1p8ur_87 {
+}._stepper-step_rf27i_1[data-state=started]:not([aria-selected=true]) {
+  --a2-mod-stepper-step-bar-width: var(--a2-size-6, 1.5rem);
+  --a2-mod-stepper-step-circle-border-style: solid;
+}._stepper-step_rf27i_1[data-completed=true],
+._stepper-step_rf27i_1._all-completed_rf27i_87 {
   --a2-mod-stepper-step-bar-transition-delay: 0s;
   --a2-mod-stepper-step-bar-width: 100%;
   --a2-mod-stepper-step-check-icon-display: block;
   --a2-mod-stepper-step-circle-background-color: var(--a2-stepper-step-complete-circle-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-circle-border-color: var(--a2-stepper-step-complete-circle-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-stepper-step-circle-border-style: solid;
-}._stepper-step_1p8ur_1:focus-visible,
-._stepper-step_1p8ur_1[data-interactive=focus-visible] {
+}._stepper-step_rf27i_1:focus-visible,
+._stepper-step_rf27i_1[data-interactive=focus-visible] {
   --a2-mod-stepper-step-bar-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
   --a2-mod-stepper-step-bar-outline: var(--a2-size-half, 0.125rem) solid
     var(--a2-mod-stepper-step-focus-ring-color);
   --a2-mod-stepper-step-bar-outline-offset: var(--a2-size-half, 0.125rem);
 }@container stepper (width > 768px) {
-  ._stepper-step_1p8ur_1 {
+  ._stepper-step_rf27i_1 {
     --a2-mod-stepper-step-bar-height: var(--a2-size-1, 0.25rem);
     --a2-mod-stepper-step-circle-display: inline-flex;
     --a2-mod-stepper-step-label-display: flex;
   }
-  ._stepper-step_1p8ur_1:focus-visible,
-  ._stepper-step_1p8ur_1[data-interactive=focus-visible] {
+  ._stepper-step_rf27i_1:focus-visible,
+  ._stepper-step_rf27i_1[data-interactive=focus-visible] {
     --a2-mod-stepper-step-bar-border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
     --a2-mod-stepper-step-bar-outline: none;
     --a2-mod-stepper-step-bar-outline-offset: 0;

package/dist/Stepper.js

@@ -1,2 +1,2 @@
-export { S as Stepper, S as default } from './Stepper-z1y9AfaJ.js';
+export { S as Stepper, a as StepperBase, S as default } from './Stepper-CCKHWlUr.js';
 //# sourceMappingURL=Stepper.js.map

package/dist/index.js

@@ -60,7 +60,7 @@ export { S as SideNav } from './SideNav-BLXgM918.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-B7tTWcP6.js';
 export { S as SrOnly } from './SrOnly-pnf8ajnh.js';
-export { S as Stepper } from './Stepper-z1y9AfaJ.js';
+export { S as Stepper, a as StepperBase } from './Stepper-CCKHWlUr.js';
 export { S as Switch } from './Switch-MfbL3JVk.js';
 export { T as Tab } from './Tab-Bqfvg8Ce.js';
 export { T as Text } from './Text-CEJHoh0p.js';

package/dist/src/components/Stepper/base/StepperBase.d.ts

@@ -0,0 +1,114 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../../types';
+/**
+ * Props for the StepperBase component
+ * @extends ComponentPropsWithoutRef<"div">
+ * @extends LayoutUtilProps
+ */
+export type StepperBaseProps = Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag"> & LayoutUtilProps & {
+    /**
+     * Controlled current step (0-based). Pair with onIndexChange.
+     */
+    index?: number;
+    /**
+     * Uncontrolled start. Ignored when index is set.
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * Fired when a step is activated.
+     * @param index The index of the newly current step
+     */
+    onIndexChange?: (index: number) => void;
+    /**
+     * When true, click and keyboard can change the current step.
+     * @default false
+     */
+    interactive?: boolean;
+};
+/**
+ * StepperBase is a controllable stepper primitive. The caller sets the current
+ * step and each step's outcome. Use Stepper for the linear wizard.
+ *
+ * Features:
+ * - Controlled or uncontrolled current step via index / defaultIndex / onIndexChange
+ * - Per-step outcome (not started, started, complete) independent of current
+ * - Optional panels; a panel names its step, steps do not require panels
+ * - Display-only by default; opt into click/keyboard with interactive
+ * - Same track, circle, and compact-label chrome as Stepper
+ *
+ * @example
+ * <StepperBase index={2}>
+ *   <StepperBase.List>
+ *     <StepperBase.Step state="complete">Approved</StepperBase.Step>
+ *     <StepperBase.Step state="complete">Approved & Reconciled</StepperBase.Step>
+ *     <StepperBase.Step>Scheduled</StepperBase.Step>
+ *   </StepperBase.List>
+ * </StepperBase>
+ */
+export declare const StepperBase: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & LayoutUtilProps & {
+    /**
+     * Controlled current step (0-based). Pair with onIndexChange.
+     */
+    index?: number;
+    /**
+     * Uncontrolled start. Ignored when index is set.
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * Fired when a step is activated.
+     * @param index The index of the newly current step
+     */
+    onIndexChange?: (index: number) => void;
+    /**
+     * When true, click and keyboard can change the current step.
+     * @default false
+     */
+    interactive?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Individual step. Outcome is independent of whether the step is current.
+     *
+     * Features:
+     * - state: not started, started, or complete
+     * - Optional id when a panel points at this step
+     * - Check icon when complete
+     *
+     * @example
+     * <StepperBase.Step state="complete">Approved</StepperBase.Step>
+     */
+    Step: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+        state?: import('./StepperBaseStep').StepperBaseStepState;
+        id?: string;
+        disabled?: boolean;
+        onClick?: (e: import('react').MouseEvent<HTMLButtonElement>, index?: number) => void;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    /**
+     * Track of steps plus the compact label on small widths.
+     *
+     * Features:
+     * - Lays out StepperBase.Step children
+     * - Shows the current step label when the track is narrow
+     *
+     * @example
+     * <StepperBase.List>
+     *   <StepperBase.Step>Scheduled</StepperBase.Step>
+     * </StepperBase.List>
+     */
+    List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    /**
+     * Content for one step. Visible when that step is current.
+     *
+     * Features:
+     * - step is required and must match a Step id
+     * - id is optional and generated when omitted
+     *
+     * @example
+     * <StepperBase.Panel step="approved">Details</StepperBase.Panel>
+     */
+    Panel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & LayoutUtilProps & {
+        step: string;
+        id?: string;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/src/components/Stepper/base/StepperBaseList.d.ts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the StepperBase.List component
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type StepperBaseListProps = ComponentPropsWithoutRef<"div">;
+/**
+ * Container for StepperBase steps.
+ *
+ * Features:
+ * - Groups steps in the track
+ * - Shows the current step label on small widths
+ * - Accessible tablist
+ *
+ * @example
+ * <StepperBase.List>
+ *   <StepperBase.Step>One</StepperBase.Step>
+ *   <StepperBase.Step>Two</StepperBase.Step>
+ * </StepperBase.List>
+ */
+export declare const StepperBaseList: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Stepper/base/StepperBasePanel.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../../types';
+/**
+ * Props for the StepperBase.Panel component
+ * @extends ComponentPropsWithoutRef<"div">
+ * @extends LayoutUtilProps
+ */
+export type StepperBasePanelProps = Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag"> & LayoutUtilProps & {
+    /**
+     * id of the controlling Step.
+     */
+    step: string;
+    /**
+     * Panel element id. Generated when omitted (used for aria-controls).
+     */
+    id?: string;
+};
+/**
+ * Content panel for a StepperBase step.
+ *
+ * Features:
+ * - Shown only when the named step is current
+ * - Fade-in animation
+ * - Overflow scrolling for long content
+ *
+ * @example
+ * <StepperBase.Panel step="approved">
+ *   Details
+ * </StepperBase.Panel>
+ */
+export declare const StepperBasePanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & LayoutUtilProps & {
+    /**
+     * id of the controlling Step.
+     */
+    step: string;
+    /**
+     * Panel element id. Generated when omitted (used for aria-controls).
+     */
+    id?: string;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Stepper/base/StepperBaseStep.d.ts

@@ -0,0 +1,66 @@
+import { MouseEvent, ComponentPropsWithoutRef } from 'react';
+import { StepperBaseStepState } from './internal/StepperBaseContext';
+export type { StepperBaseStepState };
+/**
+ * Props for the StepperBase.Step component
+ * @extends ComponentPropsWithoutRef<"button">
+ */
+export type StepperBaseStepProps = Omit<ComponentPropsWithoutRef<"button">, "onClick" | "disabled"> & {
+    /**
+     * Outcome of this step. Independent of whether it is current (index).
+     * Current + any state is legal.
+     * @default "not started"
+     */
+    state?: StepperBaseStepState;
+    /**
+     * Stable id. Required when a Panel points at this step.
+     */
+    id?: string;
+    /**
+     * When true, this step cannot become current via click or keyboard.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Notify only. Does not replace onIndexChange.
+     * @param e Mouse event
+     * @param index Index of the step in the list
+     */
+    onClick?: (e: MouseEvent<HTMLButtonElement>, index?: number) => void;
+};
+/**
+ * Individual step for StepperBase.
+ *
+ * Features:
+ * - Outcome independent of the current step
+ * - Check icon when complete
+ * - Optional id for panel pairing
+ *
+ * @example
+ * <StepperBase.Step id="approved" state="complete">
+ *   Approved
+ * </StepperBase.Step>
+ */
+export declare const StepperBaseStep: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
+    /**
+     * Outcome of this step. Independent of whether it is current (index).
+     * Current + any state is legal.
+     * @default "not started"
+     */
+    state?: StepperBaseStepState;
+    /**
+     * Stable id. Required when a Panel points at this step.
+     */
+    id?: string;
+    /**
+     * When true, this step cannot become current via click or keyboard.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Notify only. Does not replace onIndexChange.
+     * @param e Mouse event
+     * @param index Index of the step in the list
+     */
+    onClick?: (e: MouseEvent<HTMLButtonElement>, index?: number) => void;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Stepper/base/index.d.ts

@@ -0,0 +1,5 @@
+export * from './StepperBase';
+export type { StepperBaseListProps } from './StepperBaseList';
+export type { StepperBaseStepProps, StepperBaseStepState, } from './StepperBaseStep';
+export type { StepperBasePanelProps } from './StepperBasePanel';
+export { StepperBase as default } from './StepperBase';

package/dist/src/components/Stepper/base/internal/StepperBaseContext.d.ts

@@ -0,0 +1,39 @@
+import { RefObject } from 'react';
+/** Per-step outcome. Independent of whether the step is current. */
+export type StepperBaseStepState = "not started" | "started" | "complete";
+export type StepperBaseStepInfo = {
+    index: number;
+    id?: string;
+    label: string;
+    disabled: boolean;
+    node: RefObject<HTMLButtonElement | null>;
+};
+export type StepperBaseContextValue = {
+    currentIndex: number;
+    interactive: boolean;
+    focusIndex: number;
+    setFocusIndex: (index: number) => void;
+    requestIndexChange: (index: number) => void;
+    registerStep: (info: StepperBaseStepInfo) => () => void;
+    getStep: (index: number) => StepperBaseStepInfo | undefined;
+    getCurrentStep: () => StepperBaseStepInfo | undefined;
+    getPanelId: (stepId: string) => string | undefined;
+    registerPanel: (stepId: string, panelId: string) => () => void;
+};
+export declare const StepperBaseContext: import('react').Context<StepperBaseContextValue>;
+/**
+ * Hands out 0-based indices in render order, so steps work inside fragments and
+ * wrapper components rather than only as direct List children. Each render of
+ * StepperStepIndexScope starts a new pass.
+ */
+export type StepperBaseStepIndexPass = {
+    allocate: () => number;
+};
+export declare const StepperBaseStepIndexPassContext: import('react').Context<StepperBaseStepIndexPass | null>;
+/**
+ * Index of the calling step, or undefined when it renders outside a List.
+ *
+ * A step allocates at most once per pass, so it keeps its index when it
+ * re-renders alone and when StrictMode renders it twice.
+ */
+export declare function useStepperStepIndex(): number | undefined;

package/dist/src/components/Stepper/base/internal/StepperStepIndexScope.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function StepperStepIndexScope({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Stepper/index.d.ts

@@ -6,3 +6,4 @@ export type { StepperPanelProps } from './StepperPanel';
 export type { StepperPrevButtonProps } from './StepperPrevButton';
 export type { StepperStepProps } from './StepperStep';
 export { Stepper as default } from './Stepper';
+export * from './base';

package/dist/src/components/Stepper/internal/StepperContext.d.ts

@@ -7,7 +7,6 @@ export type StepperContextProps = {
     focus: number;
     setFocus: Dispatch<SetStateAction<number>>;
     onComplete?: () => void;
-    items?: NodeListOf<HTMLElement>;
     allCompleted?: boolean;
     setAllCompleted?: Dispatch<SetStateAction<boolean>>;
     allowNavigateToPrevStep?: boolean;

package/dist/src/components/Stepper/internal/StepperWizardBootstrap.d.ts

@@ -0,0 +1,3 @@
+export declare function StepperWizardBootstrap({ defaultIndex, }: {
+    defaultIndex?: number;
+}): null;

package/dist/src/components/Stepper/internal/countRegisteredSteps.d.ts

@@ -0,0 +1,2 @@
+import { StepperBaseContextValue } from '../base/internal/StepperBaseContext';
+export declare function countRegisteredSteps(getStep: StepperBaseContextValue["getStep"]): number;