@persona/design-system 0.7.1 → 0.8.0

package/dist/Toggle-Dcn2Rqgm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle-Dcn2Rqgm.mjs","names":[],"sources":["../components/Toggle/Toggle.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, useCallback, useRef } from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport { Label } from 'design-system/components/Text';\nimport { isDisabled, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport { semanticColor, semanticTokens } from 'design-system/lib/semanticColor';\nimport useToggle from 'design-system/lib/useToggle';\nimport { focusOutlineControlled } from 'design-system/mixins/focus';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ntype ToggleSize = 'md' | 'sm';\n\ninterface SwitchSizes {\n  width: number;\n  height: number;\n}\n\nconst SWITCH_SIZES: Record<ToggleSize, SwitchSizes> = {\n  md: { width: 32, height: 18 },\n  sm: { width: 28, height: parseInt(Spacing[4], 10) }, // 16px height from tokens\n};\n\ninterface SliderSizes {\n  diameter: number;\n  offset: number;\n}\n\nconst SLIDER_SIZES: Record<ToggleSize, SliderSizes> = {\n  md: { diameter: 14, offset: 2 },\n  sm: { diameter: parseInt(Spacing[3], 10), offset: 2 }, // 12px diameter from tokens\n};\n\nconst Container = styled.div`\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n`;\n\ntype SwitchProps = Pick<ToggleProps, 'disabled'> & {\n  checked: boolean;\n  focused: boolean;\n  size: ToggleSize;\n};\nconst Switch = styled.div<SwitchProps>`\n  transition: box-shadow ${TransitionDuration.Fast};\n  position: relative;\n  display: inline-flex;\n  height: ${({ size }) => SWITCH_SIZES[size].height}px;\n  width: ${({ size }) => SWITCH_SIZES[size].width}px;\n  border-radius: 1000px;\n  cursor: pointer;\n  &${isDisabled} {\n    cursor: not-allowed;\n  }\n\n  ${focusOutlineControlled}\n\n  /* Background */\n  &:before {\n    position: absolute;\n    content: '';\n    height: ${({ size }) => SWITCH_SIZES[size].height}px;\n    width: ${({ size }) => SWITCH_SIZES[size].width}px;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background-color: ${({ theme, checked, disabled }) => {\n      const tokens = semanticTokens(theme);\n      if (tokens) {\n        if (disabled) {\n          return checked ? tokens.InputSurfaceAccentDisabled : tokens.InputSurfaceDisabled;\n        }\n        return checked ? tokens.InputSurfaceAccent : tokens.InputBorderStrong;\n      }\n      if (disabled) {\n        return checked ? Color.BackgroundInputActiveDisabled : Color.BackgroundInputDisabled;\n      }\n      return checked ? Color.BackgroundInputActive : Color.BackgroundInputToggle;\n    }};\n\n    transition: ${TransitionDuration.Medium};\n    border-radius: 1000px;\n  }\n\n  &${isHovered}${isNotDisabled}:before {\n    background-color: ${({ theme, checked }) =>\n      checked\n        ? semanticColor(theme, 'InputSurfaceAccentHover', Color.BackgroundInputActiveHover)\n        : semanticColor(theme, 'InputBorderHoverStrong', Color.BackgroundInputToggleHover)};\n  }\n\n  /* Slider thumb */\n  &:after {\n    position: absolute;\n    content: '';\n    height: ${({ size }) => SLIDER_SIZES[size].diameter}px;\n    width: ${({ size }) => SLIDER_SIZES[size].diameter}px;\n    bottom: ${({ size }) => SLIDER_SIZES[size].offset}px;\n    background-color: ${({ theme }) => semanticColor(theme, 'InputSurfaceInverseStatic', Color.BackgroundInputDefault)};\n    transition: ${TransitionDuration.Medium};\n    border-radius: 1000px;\n\n    right: ${({ size }) => SLIDER_SIZES[size].offset}px;\n\n    ${({ checked, size }) =>\n      !checked &&\n      css`\n        transform: translateX(-${getSlideDistance(size)}px);\n      `}\n  }\n`;\n\nconst ToggleLabel = styled(Label)<Pick<ToggleProps, 'disabled' | 'size'>>`\n  cursor: ${({ disabled }) => (disabled ? 'initial' : 'pointer')};\n  color: ${({ theme }) => semanticColor(theme, 'FgSecondary', Color.TextSecondary)};\n\n  padding: 0 ${Spacing[2]};\n  white-space: nowrap;\n  line-height: ${({ size = 'md' }) => `${SWITCH_SIZES[size].height}px`};\n\n  ${({ theme, disabled }) =>\n    disabled &&\n    css`\n      color: ${semanticColor(theme, 'FgDisabled', theme.color.text.disabled)};\n    `}\n`;\n\nfunction getSlideDistance(size: ToggleSize) {\n  const switchSize = SWITCH_SIZES[size];\n  const sliderSize = SLIDER_SIZES[size];\n  return switchSize.width - sliderSize.diameter - sliderSize.offset * 2;\n}\n\nconst HiddenInput = styled.input`\n  height: 0;\n  width: 0;\n  margin: -1px;\n  border: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n`;\n\nexport interface ToggleProps {\n  className?: string;\n  /** Disables interaction and renders the toggle in a muted style. */\n  disabled?: boolean;\n  /**\n   * Tooltip / title shown on the root element when the toggle is off.\n   * @defaultValue 'Off'\n   */\n  titleOff?: string;\n  /**\n   * Tooltip / title shown on the root element when the toggle is on.\n   * @defaultValue 'On'\n   */\n  titleOn?: string;\n  /**\n   * Called with the new boolean value when the user clicks the toggle.\n   * The component is fully controlled — you must update `value` in response.\n   */\n  onChange?: (value: boolean) => void;\n  /**\n   * Current on/off state. Falsy values (`false`, `null`, `undefined`, `''`)\n   * are treated as off; `true` is treated as on.\n   */\n  value: boolean | null | undefined | '';\n  /** `id` forwarded to the visible switch element. */\n  id?: string;\n  /** Label node rendered to the left of the switch when the toggle is on. */\n  labelOn?: ReactNode;\n  /**\n   * Label node rendered to the left of the switch when the toggle is off.\n   * Falls back to `labelOn` when not provided.\n   */\n  labelOff?: ReactNode;\n  'data-test'?: string;\n  /**\n   * Accessible label for the hidden `<input role=\"switch\">`.\n   * Required when no visible label is provided via `labelOn` / `labelOff`.\n   */\n  'aria-label'?: string;\n  /**\n   * Size of the toggle switch.\n   * @defaultValue 'md'\n   */\n  size?: ToggleSize;\n}\n\nexport const Toggle = forwardRef<HTMLDivElement, ToggleProps>(function Toggle(\n  {\n    className,\n    disabled,\n    titleOff = 'Off',\n    titleOn = 'On',\n    onChange = () => undefined,\n    value,\n    id,\n    labelOn,\n    labelOff,\n    'data-test': dataTest,\n    'aria-label': ariaLabel,\n    size = 'md',\n  },\n  ref,\n) {\n  const field = useFormField({ disabled });\n  const generatedId = useId();\n  const label = value ? labelOn : labelOff || labelOn;\n\n  const [focused, { enable: setFocus, disable: clearFocus }] = useToggle();\n\n  const handleChange = useCallback(() => {\n    onChange(!value);\n    inputRef.current?.focus();\n  }, [onChange, value]);\n\n  const inputRef = useRef<HTMLInputElement>();\n\n  return (\n    <Container\n      className={className}\n      data-test={dataTest}\n      title={value ? titleOn : titleOff}\n      ref={ref}\n    >\n      {label != null && (\n        <ToggleLabel htmlFor={generatedId} disabled={field.disabled} size={size}>\n          {label}\n        </ToggleLabel>\n      )}\n      <Switch\n        id={id}\n        checked={!!value}\n        disabled={field.disabled}\n        focused={focused}\n        onClick={field.disabled ? undefined : handleChange}\n        size={size}\n      />\n      <HiddenInput\n        id={generatedId}\n        /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n        ref={inputRef}\n        data-test-toggle-status={value ? 'on' : 'off'}\n        disabled={field.disabled}\n        type='checkbox'\n        checked={!!value}\n        readOnly={true}\n        onChange={disabled ? undefined : handleChange}\n        onFocus={setFocus}\n        onBlur={clearFocus}\n        aria-checked={!!value}\n        role='switch'\n        aria-readonly={field.disabled}\n        {...(label\n          ? { 'aria-labelledby': generatedId }\n          : { 'aria-label': ariaLabel ?? (value ? 'Toggle on' : 'Toggle off') })}\n      />\n    </Container>\n  );\n});\n\nexport default Toggle;\n"],"mappings":"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"}

package/dist/components/Grid/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/Grid/Grid.tsx","../../../components/Grid/GridItem.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  type RefObject,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nexport const GRID_BREAKPOINTS = { sm: 768, md: 1024, lg: 1408 } as const;\n\ntype Breakpoint = 'xs' | 'sm' | 'md' | 'lg';\n\nconst getBreakpoint = (width: number): Breakpoint => {\n  if (width >= GRID_BREAKPOINTS.lg) {\n    return 'lg';\n  }\n  if (width >= GRID_BREAKPOINTS.md) {\n    return 'md';\n  }\n  if (width >= GRID_BREAKPOINTS.sm) {\n    return 'sm';\n  }\n  return 'xs';\n};\n\nconst useGridBreakpoint = (ref: RefObject<HTMLDivElement>) => {\n  const [breakpoint, setBreakpoint] = useState<Breakpoint>('md');\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) {\n      return;\n    }\n    const update = () => setBreakpoint(getBreakpoint(node.offsetWidth));\n    update();\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [ref]);\n  return breakpoint;\n};\n\nconst Root = styled.div<{ $mode: GridProps['mode']; $breakpoint: Breakpoint }>`\n  display: grid;\n  width: 100%;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  box-sizing: border-box;\n\n  ${({ $breakpoint }) =>\n    $breakpoint === 'xs' &&\n    css`\n      min-width: ${GRID_BREAKPOINTS.sm - 1}px;\n    `}\n\n  ${({ $breakpoint }) =>\n    $breakpoint === 'xs' || $breakpoint === 'sm'\n      ? css`\n          gap: ${Spacing[3]};\n          padding-inline: ${Spacing[5]};\n        `\n      : css`\n          gap: ${Spacing[4]};\n          padding-inline: ${Spacing[6]};\n        `}\n\n  // max-width equals the lg threshold; offsetWidth reads the clamped border-box width and getBreakpoint uses >=, so the clamp stays 'lg'\n  ${({ $mode, $breakpoint }) =>\n    $mode === 'fixed' &&\n    $breakpoint === 'lg' &&\n    css`\n      max-width: ${GRID_BREAKPOINTS.lg}px;\n      margin-inline: auto;\n    `}\n`;\n\nexport interface GridProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Selects the grid width behavior at the large breakpoint. `fixed` centers the grid at a\n   * maximum width of 1408px, while `fluid` fills the available width.\n   *\n   * Breakpoints:\n   * - ≤767px: 12 columns, 24px margins, 12px gutters, and a 767px minimum width.\n   * - 768–1023px: 12 columns, 24px margins, 12px gutters, and 100% width.\n   * - 1024–1407px: 12 columns, 32px margins, 16px gutters, and 100% width.\n   * - ≥1408px: 12 columns, 32px margins, 16px gutters, and either fixed or fluid width.\n   */\n  mode: 'fixed' | 'fluid';\n  children: ReactNode;\n}\n\n/**\n * Provides a 12-column CSS grid that measures its own width with a ResizeObserver for responsive\n * horizontal margins and gutters. Vertical spacing is left to the consumer.\n *\n * The grid measures breakpoints against its own width rather than the viewport. Use `fixed` to\n * center the grid at its large-screen maximum width, or `fluid` to keep it at 100% width.\n */\nexport const Grid = ({ mode, children, ...rest }: GridProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const breakpoint = useGridBreakpoint(ref);\n  return (\n    <Root ref={ref} $mode={mode} $breakpoint={breakpoint} {...rest}>\n      {children}\n    </Root>\n  );\n};\n\nexport default Grid;\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport interface GridItemProps extends ComponentPropsWithoutRef<'div'> {\n  span: GridSpan;\n  children: ReactNode;\n}\n\nconst Item = styled.div<{ $span: GridSpan }>`\n  grid-column: span ${({ $span }) => $span};\n  min-width: 0;\n`;\n\nexport const GridItem = ({ span, children, ...rest }: GridItemProps) => (\n  <Item $span={span} {...rest}>\n    {children}\n  </Item>\n);\n\nexport default GridItem;\n"],"mappings":";;;;;AAYA,MAAa,mBAAmB;CAAE,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAI/D,MAAM,iBAAiB,UAA8B;AACnD,KAAI,SAAS,iBAAiB,GAC5B,QAAO;AAET,KAAI,SAAS,iBAAiB,GAC5B,QAAO;AAET,KAAI,SAAS,iBAAiB,GAC5B,QAAO;AAET,QAAO;;AAGT,MAAM,qBAAqB,QAAmC;CAC5D,MAAM,CAAC,YAAY,iBAAiB,SAAqB,KAAK;AAC9D,uBAAsB;EACpB,MAAM,OAAO,IAAI;AACjB,MAAI,CAAC,KACH;EAEF,MAAM,eAAe,cAAc,cAAc,KAAK,YAAY,CAAC;AACnE,UAAQ;EACR,MAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,WAAS,QAAQ,KAAK;AACtB,eAAa,SAAS,YAAY;IACjC,CAAC,IAAI,CAAC;AACT,QAAO;;AAGT,MAAM,OAAO,OAAO,GAA0D;;;;;;KAMzE,EAAE,kBACH,gBAAgB,QAChB,GAAG;mBACY,iBAAiB,KAAK,EAAE;MACrC;;KAED,EAAE,kBACH,gBAAgB,QAAQ,gBAAgB,OACpC,GAAG;iBACM,QAAQ,GAAG;4BACA,QAAQ,GAAG;YAE/B,GAAG;iBACM,QAAQ,GAAG;4BACA,QAAQ,GAAG;UAC7B;;;KAGL,EAAE,OAAO,kBACV,UAAU,WACV,gBAAgB,QAChB,GAAG;mBACY,iBAAiB,GAAG;;MAEjC;;;;;;;;;AAyBN,MAAa,QAAQ,EAAE,MAAM,UAAU,GAAG,WAAsB;CAC9D,MAAM,MAAM,OAAuB,KAAK;AAExC,QACE,oBAAC,MAAD;EAAW;EAAK,OAAO;EAAM,aAFZ,kBAAkB,IAEiB;EAAE,GAAI;EACvD;EACI,CAAA;;;;AChGX,MAAM,OAAO,OAAO,GAAwB;uBACrB,EAAE,YAAY,MAAM;;;AAI3C,MAAa,YAAY,EAAE,MAAM,UAAU,GAAG,WAC5C,oBAAC,MAAD;CAAM,OAAO;CAAM,GAAI;CACpB;CACI,CAAA"}

package/dist/components/Link/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { LinkExternalIcon } from '@persona/icons';\nimport { RouterLink, type RouterLinkComponentProps } from 'design-system/lib/router';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { focusOutline } from 'design-system/mixins/focus';\nimport { paragraphMixins } from 'design-system/mixins/text';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ntype Target = '_blank' | '_self' | '_parent' | '_top';\n\ninterface BaseLinkProps {\n  /**\n   * The content to display inside the link.\n   *\n   */\n  children?: ReactNode;\n  /**\n   * Provides an accessible name for the link when the visible text alone\n   * isn't descriptive enough for screen reader users\n   */\n  'aria-label'?: string;\n}\n\ninterface ExternalLinkProps extends BaseLinkProps, AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The URL to navigate to. Can be internal (e.g., \"/settings\") or external (e.g., \"https://example.com\").\n   */\n  url: string;\n\n  /**\n   * Where to open the link. Use \"_blank\" for external links to open in a new tab.\n   */\n  target?: Target;\n}\n\ninterface InternalLinkProps extends BaseLinkProps, Omit<RouterLinkComponentProps, 'to' | 'children'> {\n  /**\n   * The URL to navigate to. Should be an internal route (e.g., \"/settings\").\n   */\n  url: string;\n}\n\nexport type LinkProps = ExternalLinkProps | InternalLinkProps;\n\nconst IconContainer = styled.span`\n  display: inline-block;\n  vertical-align: middle;\n  /* Uses padding here since we can't define flex on the element for multiline support */\n  padding-left: 2px;\n  /* Needed to reset the height of the container for SVG */\n  line-height: 0;\n  position: relative;\n  /* Optical alignment adjustments */\n  bottom: 1px;\n`;\n\nconst baseLinkStyles = css`\n  ${paragraphMixins.md};\n  color: ${({ theme }) => semanticColor(theme, 'FgAccent', Color.CorePurple600)};\n  width: fit-content;\n  position: relative;\n  overflow: hidden;\n  text-decoration: underline;\n\n  transition:\n    color ${TransitionDuration.ExtraFast} ease-out,\n    text-underline-offset ${TransitionDuration.ExtraFast} ease-out;\n  text-underline-offset: 2px;\n\n  &:hover {\n    color: ${({ theme }) => semanticColor(theme, 'FgAccentHover', Color.CorePurple800)};\n    text-underline-offset: ${Spacing[1]};\n  }\n\n  border-radius: ${({ theme }) => theme.button.borderRadius};\n  ${focusOutline}\n\n  &:active {\n    color: ${({ theme }) => semanticColor(theme, 'FgAccentActive', Color.CorePurple900)};\n  }\n`;\n\nconst StyledAnchor = styled.a`\n  ${baseLinkStyles}\n`;\n\nconst StyledRouterLink = styled(RouterLink)`\n  ${baseLinkStyles}\n`;\n\nexport const Link = ({ children, url, ...props }: LinkProps) => {\n  // Check if the URL is external by looking at the protocol or if target is _blank\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url);\n  const hasBlankTarget = props.target === '_blank';\n  const isExternal = isAbsoluteUrl || hasBlankTarget;\n\n  if (isExternal) {\n    const { 'aria-label': ariaLabel, ...anchorProps } = props;\n    const externalProps = {\n      href: url,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      'aria-label': ariaLabel,\n      // Automatically inform screen readers that link opens in new window\n      title: ariaLabel ? undefined : 'Opens in new window',\n      ...anchorProps,\n    };\n\n    return (\n      <StyledAnchor {...externalProps}>\n        {children}\n        <IconContainer>\n          <LinkExternalIcon size={12} />\n        </IconContainer>\n      </StyledAnchor>\n    );\n  }\n\n  const { 'aria-label': ariaLabel, ...routerProps } = props;\n  const internalProps = {\n    to: url,\n    'aria-label': ariaLabel,\n\n    ...routerProps,\n  };\n\n  return <StyledRouterLink {...internalProps}>{children}</StyledRouterLink>;\n};\n\nexport default Link;\n"],"mappings":";;;;;;;;;;AA+CA,MAAM,gBAAgB,OAAO,IAAI;;;;;;;;;;;AAYjC,MAAM,iBAAiB,GAAG;IACtB,gBAAgB,GAAG;YACX,EAAE,YAAY,cAAc,OAAO,YAAY,MAAM,cAAc,CAAC;;;;;;;oBAOvC;oCACgB;;;;cAI3C,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,cAAc,CAAC;6BAC1D,QAAQ,GAAG;;;oBAGpB,EAAE,YAAY,MAAM,OAAO,aAAa;IACxD,aAAa;;;cAGH,EAAE,YAAY,cAAc,OAAO,kBAAkB,MAAM,cAAc,CAAC;;;AAIxF,MAAM,eAAe,OAAO,CAAC;IACzB,eAAe;;AAGnB,MAAM,mBAAmB,OAAO,WAAW;IACvC,eAAe;;AAGnB,MAAa,QAAQ,EAAE,UAAU,KAAK,GAAG,YAAuB;CAE9D,MAAM,gBAAgB,eAAe,KAAK,IAAI;CAC9C,MAAM,iBAAiB,MAAM,WAAW;AAGxC,KAFmB,iBAAiB,gBAEpB;EACd,MAAM,EAAE,cAAc,WAAW,GAAG,gBAAgB;AAWpD,SACE,qBAAC,cAAD;GAVA,MAAM;GACN,QAAQ;GACR,KAAK;GACL,cAAc;GAEd,OAAO,YAAY,KAAA,IAAY;GAC/B,GAAG;aAIH,CACG,UACD,oBAAC,eAAD,EAAA,UACE,oBAAC,kBAAD,EAAkB,MAAM,IAAM,CAAA,EAChB,CAAA,CACH;;;CAInB,MAAM,EAAE,cAAc,WAAW,GAAG,gBAAgB;AAQpD,QAAO,oBAAC,kBAAD;EANL,IAAI;EACJ,cAAc;EAEd,GAAG;EAGwC;EAA4B,CAAA"}

package/dist/components/Modal/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["AriaModal","Button","AriaButton","Heading","AriaHeading","Card","Modal"],"sources":["../../../components/Modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Button as AriaButton,\n  Dialog,\n  DialogTrigger,\n  Heading as AriaHeading,\n  Modal as AriaModal,\n  ModalOverlay,\n  type ModalOverlayProps,\n  OverlayTriggerStateContext,\n  Pressable,\n} from 'react-aria-components';\nimport styled from 'styled-components';\n\nimport Button, { type ButtonProps } from '@persona/design-system/components/Button';\nimport Card from '@persona/design-system/components/Card';\nimport Stack, { HStack } from '@persona/design-system/components/Stack';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { Heading } from '@persona/design-system/components/Text';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\nimport { semanticColor, semanticOnly } from 'design-system/lib/semanticColor';\nimport useEmbeddedSurface, {\n  useEmbeddedSurfaceGate,\n  useEmbeddedSurfaceId,\n} from 'design-system/lib/useEmbeddedSurface';\nimport useModalInsetRight, {\n  SIDEBAR_CLOSE_TRANSITION_MS,\n  SIDEBAR_OPEN_TRANSITION_MS,\n} from 'design-system/lib/useModalInsetRight';\n\nconst StyledModalOverlay = styled(ModalOverlay)<{\n  $hostPending: boolean;\n  $animationDelayMs: number;\n  $insetRight: string;\n  $transitionMs: number;\n}>`\n  @keyframes overlayShow {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  background-color: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: ${({ $insetRight }) => $insetRight};\n  transition: right ${({ $transitionMs }) => $transitionMs}ms ease-out;\n  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  animation-delay: ${({ $animationDelayMs }) => $animationDelayMs}ms;\n  animation-fill-mode: both;\n  ${({ $hostPending }) =>\n    $hostPending &&\n    `\n    animation-play-state: paused;\n  `}\n  @media (prefers-reduced-motion: reduce) {\n    animation-duration: 0ms;\n    animation-delay: 0ms;\n    animation-play-state: running;\n  }\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst StyledModal = styled(AriaModal)`\n  z-index: 10001;\n  outline: none;\n  width: fit-content;\n  max-width: 100%;\n  ${semanticOnly((tokens) => `color: ${tokens.FgPrimary};`)}\n`;\n\n/**\n * React Aria keeps the overlay mounted through the exit animation, so announcing the surface from\n * here — rather than from the persistent gate below — releases the host's backdrop exactly when the\n * modal stops being painted.\n */\nconst EmbeddedSurfaceModal = forwardRef<HTMLDivElement, { children: ReactNode; surfaceId: string }>(\n  function EmbeddedSurfaceModal({ children, surfaceId }, ref) {\n    useEmbeddedSurface(surfaceId);\n    return <StyledModal ref={ref}>{children}</StyledModal>;\n  },\n);\n\ntype EmbeddedSurfaceOverlayProps = ModalOverlayProps & {\n  $insetRight: string;\n  $transitionMs: number;\n  surfaceId: string;\n};\n\nconst EmbeddedSurfaceOverlay = ({ surfaceId, ...props }: EmbeddedSurfaceOverlayProps) => {\n  const state = useContext(OverlayTriggerStateContext);\n  const isOpen = state?.isOpen ?? false;\n  const { ready, animationDelayMs } = useEmbeddedSurfaceGate(surfaceId, isOpen);\n\n  const { $insetRight, $transitionMs, ...overlayProps } = props;\n  return (\n    <StyledModalOverlay\n      {...overlayProps}\n      $insetRight={$insetRight}\n      $transitionMs={$transitionMs}\n      $animationDelayMs={animationDelayMs}\n      $hostPending={isOpen && !ready}\n    />\n  );\n};\n\nconst ModalCloseButton = styled(Button)`\n  display: inline-flex;\n  padding: ${Spacing[2]};\n  border-radius: ${Spacing[1]};\n  width: fit-content;\n  min-width: unset;\n`;\n\nconst ModalFooter = styled(HStack).attrs({\n  justify: 'flex-end',\n  align: 'center',\n  spacing: Spacing[2],\n})`\n  padding: ${Spacing[3]} ${Spacing[4]};\n  border-top: 1px solid ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst ModalHeaderTitle = styled.div`\n  flex: 1;\n`;\n\nexport const ModalTrigger = DialogTrigger;\nexport const ModalContent = StyledModal;\n\nexport const ModalClose = (props: ButtonProps) => {\n  return (\n    <AriaButton slot='close' style={{ all: 'unset', display: 'contents' }}>\n      <ModalCloseButton variant='text' width='icon' size='md' {...props}>\n        <XIcon />\n      </ModalCloseButton>\n    </AriaButton>\n  );\n};\n\nexport interface ModalTitleProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/** Props passed to modal content render functions. */\nexport interface ModalRenderProps {\n  /** Element that floating content should use as its portal container. */\n  portalContainer: HTMLDivElement | null;\n}\n\ntype ModalRenderable = ReactNode | ((props: ModalRenderProps) => ReactNode);\n\nconst ModalTitle = ({ children, ...props }: ModalTitleProps) => {\n  return (\n    <Heading size='sm' color='primary' as={AriaHeading} slot='title' {...props}>\n      {children}\n    </Heading>\n  );\n};\n\nconst ModalHeader = styled(HStack)<{ $hasTabs: boolean }>`\n  border-bottom: ${({ $hasTabs, theme }) =>\n    $hasTabs ? 'none' : `1px solid ${semanticColor(theme, 'BorderSubtle', Color.BorderDivider)}`};\n  padding: ${({ $hasTabs }) =>\n    $hasTabs\n      ? `${Spacing[3]} ${Spacing[2]} ${Spacing[1]} ${Spacing[4]}`\n      : `${Spacing[3]} ${Spacing[2]} ${Spacing[3]} ${Spacing[4]}`};\n`;\n\nconst ModalTabBar = styled(TabBar)`\n  padding-left: ${Spacing[4]};\n`;\n\nconst StyledDialog = styled(Dialog)`\n  outline: none;\n`;\n\nconst StyledCard = styled(Card)<{ $size?: 'auto' | 'md' | 'lg' | 'xl' | 'full' }>`\n  position: relative;\n  width: ${({ $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100vw - 160px)';\n      default:\n        return '90vw';\n    }\n  }};\n  max-width: ${({ theme, $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100vw - 160px)';\n      default:\n        return theme.modal.width[$size];\n    }\n  }};\n  /* TODO: Use breakpoints to make this responsive */\n  max-height: ${({ $size }) => ($size === 'full' ? 'calc(100vh - 160px)' : '85vh')};\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${({ $size }) =>\n    $size === 'full' &&\n    `\n    height: calc(100vh - 160px);\n  `}\n  margin-bottom: 0;\n`;\n\ninterface ModalCardProps extends ComponentPropsWithoutRef<typeof Dialog> {\n  /**\n   * Display X button to close popover\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Max width of the modal\n   */\n  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * Footer content\n   */\n  footer?: ReactNode;\n\n  /**\n   * Renders tabs within the modal.\n   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.\n   * Overrides `children`.\n   * Tab contents can be render functions that receive the modal portal container.\n   */\n  tabs?: TabView[];\n\n  /**\n   * Title of the modal\n   */\n  title?: ReactNode;\n\n  /**\n   * Children content\n   */\n  children?: ReactNode;\n\n  /**\n   * When true, removes horizontal and vertical padding from the body. Defaults to false.\n   */\n  noBodyPadding?: boolean;\n\n  /**\n   * Additional props for the Dialog element\n   */\n  className?: string;\n}\n\ninterface ModalCardInternalProps extends ModalCardProps {\n  portalContainer: HTMLDivElement | null;\n}\n\nconst StyledModalCardBody = styled(Card.Body)<{\n  $noPadding?: boolean;\n  $hidden?: boolean;\n}>`\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n  ${({ $noPadding }) =>\n    $noPadding\n      ? 'padding: 0;'\n      : `\n    padding-left: ${Spacing[4]};\n    padding-right: ${Spacing[4]};\n  `}\n  ${({ $hidden }) => $hidden && 'display: none;'}\n`;\n\n/**\n * Card to be used in Modal contexts. Inherits props from react-aria-components Dialog.\n */\nconst ModalCard = forwardRef<HTMLDivElement, ModalCardInternalProps>(function ModalCard(\n  {\n    title,\n    children,\n    showCloseButton = true,\n    size,\n    footer,\n    tabs,\n    noBodyPadding = false,\n    portalContainer,\n    ...props\n  },\n  ref,\n) {\n  const [selectedTabIdx, setSelectedTabIdx] = useState(0);\n  const tabCount = tabs?.length ?? 0;\n\n  useEffect(() => {\n    setSelectedTabIdx(0);\n  }, [tabCount]);\n\n  const titleAndClose = (\n    <ModalHeader justify='flex-start' align='center' spacing={Spacing[2]} $hasTabs={Boolean(tabs)}>\n      <ModalHeaderTitle>{title ? <ModalTitle>{title}</ModalTitle> : null}</ModalHeaderTitle>\n      {showCloseButton && <ModalClose aria-label='Close' />}\n    </ModalHeader>\n  );\n\n  const modalHeader = tabs ? (\n    <Stack>\n      {titleAndClose}\n      <ModalTabBar>\n        {tabs.map((tab, idx) => (\n          <Tab\n            key={tab.name}\n            selected={selectedTabIdx === idx}\n            id={`pds-modal_tab-${idx}`}\n            onClick={() => setSelectedTabIdx(idx)}\n            aria-controls={`pds-modal_tab-panel-${idx}`}\n          >\n            {tab.name}\n          </Tab>\n        ))}\n      </ModalTabBar>\n    </Stack>\n  ) : (\n    titleAndClose\n  );\n\n  return (\n    <StyledDialog {...props} ref={ref}>\n      <StyledCard elevated $size={size}>\n        {(showCloseButton || title) && modalHeader}\n        {tabs ? (\n          tabs.map((tab, idx) => (\n            <StyledModalCardBody\n              key={tab.name}\n              $noPadding={noBodyPadding}\n              $hidden={selectedTabIdx !== idx}\n              role={tabs ? 'tabpanel' : undefined}\n              id={`pds-modal_tab-panel-${tab.name}`}\n              aria-labelledby={`pds-modal_tab-${tab.name}`}\n            >\n              {typeof tab.contents === 'function'\n                ? tab.contents({ portalContainer })\n                : tab.contents}\n            </StyledModalCardBody>\n          ))\n        ) : (\n          <StyledModalCardBody\n            $noPadding={noBodyPadding}\n            role={tabs ? 'tabpanel' : undefined}\n            id={`pds-modal_tab-panel-${selectedTabIdx}`}\n            aria-labelledby={`pds-modal_tab-${selectedTabIdx}`}\n          >\n            {children}\n          </StyledModalCardBody>\n        )}\n\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </StyledCard>\n    </StyledDialog>\n  );\n});\n\ninterface TabView {\n  name: string;\n  contents: ModalRenderable;\n  badge?: React.ReactElement;\n  disabled?: boolean;\n  'data-tour-target'?: string;\n}\n\nexport interface ModalProps {\n  /**\n   * Title of the Card\n   */\n  title?: string;\n\n  /**\n   * Component to use as trigger. React Aria trigger props will be merged with this element.\n   */\n  trigger?: ComponentProps<typeof Pressable>['children'];\n\n  /**\n   * Props to apply to Modal.Card within\n   */\n  contentProps?: ModalCardProps;\n\n  /**\n   * Max width of the modal\n   */\n  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * Footer section intended for actions.\n   * You can pass in Buttons directly and they will render in a HStack.\n   */\n  footer?: ReactNode;\n\n  /**\n   * Renders tabs within the modal.\n   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.\n   * Overrides `children`.\n   */\n  tabs?: TabView[];\n\n  /**\n   * Children content\n   */\n  children?: ModalRenderable;\n\n  /**\n   * When true, removes horizontal and vertical padding from the body. Defaults to false.\n   * Can also be set via contentProps.noBodyPadding.\n   */\n  noBodyPadding?: boolean;\n\n  /**\n   * Controls whether the modal is open (controlled)\n   */\n  open?: boolean;\n\n  /**\n   * Default open state (uncontrolled)\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Handler called when open state changes\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n\n  /**\n   * Whether the modal can be dismissed by clicking outside or pressing escape\n   */\n  isDismissable?: boolean;\n\n  /**\n   * Whether pressing the escape key closes the modal\n   */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nconst Modal = ({\n  children,\n  trigger,\n  contentProps,\n  noBodyPadding = false,\n  size = 'md',\n  title,\n  footer,\n  tabs,\n  defaultOpen,\n  onOpenChange,\n  isDismissable = false,\n  isKeyboardDismissDisabled = false,\n  open,\n}: ModalProps) => {\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null);\n  const surfaceId = useEmbeddedSurfaceId();\n  const { insetRight: modalInsetRight, panelState } = useModalInsetRight();\n  const transitionMs =\n    panelState === 'opening'\n      ? SIDEBAR_OPEN_TRANSITION_MS\n      : panelState === 'closing'\n        ? SIDEBAR_CLOSE_TRANSITION_MS\n        : 0;\n\n  const content = (\n    <ModalCard\n      size={size}\n      title={title}\n      footer={footer}\n      tabs={tabs}\n      noBodyPadding={noBodyPadding}\n      {...contentProps}\n      portalContainer={portalContainer}\n    >\n      {typeof children === 'function' ? children({ portalContainer }) : children}\n    </ModalCard>\n  );\n\n  // Wrap trigger element to ensure it works with react-aria-components\n  const wrappedTrigger = trigger ? <Pressable>{trigger}</Pressable> : null;\n\n  return (\n    <DialogTrigger isOpen={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {wrappedTrigger}\n      <EmbeddedSurfaceOverlay\n        surfaceId={surfaceId}\n        $insetRight={modalInsetRight}\n        $transitionMs={transitionMs}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        shouldCloseOnInteractOutside={(element) => !element.closest('[data-react-aria-top-layer]')}\n      >\n        <EmbeddedSurfaceModal ref={setPortalContainer} surfaceId={surfaceId}>\n          {content}\n        </EmbeddedSurfaceModal>\n      </EmbeddedSurfaceOverlay>\n    </DialogTrigger>\n  );\n};\n\nexport default Object.assign(Modal, {\n  Title: ModalTitle,\n});\n"],"mappings":"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"}

package/dist/components/ProgressIndicator/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport styled, { css, useTheme } from 'styled-components';\n\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport {\n  CircleCheckFillIcon,\n  CircleFillIcon,\n  CircleNullIcon,\n  CircleWarningFillIcon,\n  WarningFillIcon,\n} from '@persona/icons';\nimport type { PDSIconComponent } from '@persona/icons/types';\nimport { withAlpha } from 'design-system/lib/color';\nimport {\n  type MaybeSemanticTheme,\n  semanticColor,\n  semanticTokens,\n} from 'design-system/lib/semanticColor';\n\nexport type StepStatus = 'uncompleted' | 'completed' | 'warning' | 'error';\n\nexport interface ProgressIndicatorStep {\n  id: string;\n  label: string;\n  /** @default 'uncompleted' */\n  status?: StepStatus;\n  disabled?: boolean;\n}\n\nexport interface ProgressIndicatorProps extends ComponentPropsWithoutRef<'ol'> {\n  steps: ProgressIndicatorStep[];\n  /** id of the step that should receive the active visual state */\n  activeStepId?: string;\n  /** @default 'vertical' */\n  layout?: 'vertical' | 'horizontal';\n  /**\n   * Called when a clickable step is activated via click or keyboard.\n   *\n   * Clickability rules:\n   * - `completed`, `warning`, and `error` steps are clickable (navigate back to review/edit)\n   * - The active step is not clickable (user is already there)\n   * - Upcoming `uncompleted` steps are not clickable (sequential progression required)\n   */\n  onStepClick?: (stepId: string) => void;\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\n/**\n * Completed, warning, and error steps can be navigated back to.\n * The current step (first uncompleted or error) is also clickable so the user can\n * return to it after navigating back to an earlier step.\n * Active and upcoming steps (beyond the current) are not clickable.\n */\nfunction resolveClickable(\n  status: StepStatus,\n  isActive: boolean,\n  isDisabled: boolean,\n  isCurrent: boolean,\n): boolean {\n  if (isDisabled || isActive) {\n    return false;\n  }\n  return status === 'completed' || status === 'warning' || status === 'error' || isCurrent;\n}\n\nfunction resolveIcon(status: StepStatus, isCurrent: boolean): PDSIconComponent {\n  if (status === 'completed') {\n    return CircleCheckFillIcon;\n  }\n  if (status === 'warning') {\n    return WarningFillIcon;\n  }\n  if (status === 'error') {\n    return CircleWarningFillIcon;\n  }\n  if (isCurrent) {\n    return CircleFillIcon;\n  }\n  return CircleNullIcon;\n}\n\nfunction resolveIconColor(\n  theme: MaybeSemanticTheme,\n  status: StepStatus,\n  isActive: boolean,\n  isDisabled: boolean,\n) {\n  if (isDisabled) {\n    return semanticColor(theme, 'FgDisabled', Color.BorderIconDisabled);\n  }\n  if (status === 'completed') {\n    return semanticColor(theme, 'FgSuccess', Color.BorderIconSuccess);\n  }\n  if (status === 'warning') {\n    return semanticColor(theme, 'FgWarning1', Color.BorderIconWarning);\n  }\n  if (status === 'error') {\n    return semanticColor(theme, 'FgDanger1', Color.BorderIconDanger);\n  }\n  return isActive\n    ? semanticColor(theme, 'FgAccent', Color.BorderIconActive)\n    : semanticColor(theme, 'FgSecondary', Color.BorderIconSecondary);\n}\n\nfunction resolveTextColor(\n  theme: MaybeSemanticTheme,\n  status: StepStatus,\n  isActive: boolean,\n  isDisabled: boolean,\n) {\n  if (isDisabled) {\n    return semanticColor(theme, 'FgDisabled', Color.TextDisabled);\n  }\n  if (isActive) {\n    return semanticColor(theme, 'FgAccent', Color.TextActive);\n  }\n  if (status === 'uncompleted') {\n    return semanticColor(theme, 'FgSecondary', Color.TextSecondary);\n  }\n  return semanticColor(theme, 'FgPrimary', Color.TextPrimary);\n}\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst StepList = styled.ol<{ $layout: 'vertical' | 'horizontal' }>`\n  display: flex;\n  flex-direction: ${({ $layout }) => ($layout === 'horizontal' ? 'row' : 'column')};\n  gap: ${({ $layout }) => ($layout === 'horizontal' ? Spacing[2] : '0px')};\n  list-style: none;\n  margin: 0;\n  padding: 0;\n`;\n\nconst StepItem = styled.li<{ $layout: 'vertical' | 'horizontal' }>`\n  display: flex;\n  align-items: center;\n\n  ${({ $layout }) =>\n    $layout === 'horizontal' &&\n    css`\n      width: fit-content;\n      white-space: nowrap;\n    `}\n`;\n\nconst StepContent = styled.button<{\n  $isActive: boolean;\n  $isClickable: boolean;\n  $interactive: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  width: 100%;\n  padding: ${Spacing[2]};\n  border-radius: ${BorderRadius.Md};\n  border: none;\n  margin: 0;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  outline: none;\n  cursor: ${({ $isClickable, $interactive }) => ($interactive && $isClickable ? 'pointer' : 'default')};\n\n  ${({ theme, $isActive, $isClickable, $interactive }) => {\n    const tokens = semanticTokens(theme);\n    if ($isActive) {\n      return css`\n        background-color: ${\n          tokens\n            ? withAlpha(tokens.SurfaceAccent, tokens.Opacity25)\n            : Color.BackgroundInteractiveActive\n        };\n      `;\n    }\n    if ($interactive && $isClickable) {\n      return css`\n        background-color: ${tokens ? 'transparent' : Color.BackgroundInteractiveDefault};\n        &:hover {\n          background-color: ${semanticColor(theme, 'SurfaceSecondary', Color.BackgroundInteractiveHover)};\n        }\n      `;\n    }\n    return css`\n      background-color: transparent;\n    `;\n  }}\n\n  ${focusOutline}\n\n  &:focus-visible {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nconst IconWrapper = styled.span<{ $color: string }>`\n  display: inline-flex;\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: ${({ $color }) => $color};\n  line-height: 0;\n`;\n\nconst StepLabel = styled.span<{ $isActive: boolean; $color: string }>`\n  ${({ $isActive }) => ($isActive ? paragraphMixins.mdBold : paragraphMixins.md)};\n  color: ${({ $color }) => $color};\n`;\n\n// ─── Step ─────────────────────────────────────────────────────────────────────\n\ninterface StepProps {\n  step: ProgressIndicatorStep;\n  isActive: boolean;\n  isCurrent: boolean;\n  layout: 'vertical' | 'horizontal';\n  onStepClick?: (stepId: string) => void;\n}\n\nconst Step = ({ step, isActive, isCurrent, layout, onStepClick }: StepProps) => {\n  const { id, label, status = 'uncompleted', disabled = false } = step;\n\n  const interactive = Boolean(onStepClick);\n  const isClickable = resolveClickable(status, isActive, disabled, isCurrent);\n  const isInteractionDisabled = disabled || (!isActive && !isCurrent && status === 'uncompleted');\n  const theme = useTheme();\n  const iconColor = resolveIconColor(theme, status, isActive, disabled);\n  const textColor = resolveTextColor(theme, status, isActive, disabled);\n\n  const Icon = resolveIcon(status, isCurrent);\n\n  return (\n    <StepItem\n      $layout={layout}\n      aria-current={!interactive && isActive ? 'step' : undefined}\n      aria-disabled={!interactive && isInteractionDisabled ? true : undefined}\n    >\n      <StepContent\n        {...(interactive && isClickable\n          ? { type: 'button' as const, onClick: () => onStepClick?.(id) }\n          : { as: 'div' as const })}\n        aria-current={interactive && isActive ? 'step' : undefined}\n        aria-disabled={interactive && isInteractionDisabled ? true : undefined}\n        $isActive={isActive}\n        $isClickable={isClickable}\n        $interactive={interactive}\n      >\n        <IconWrapper $color={iconColor} aria-hidden='true'>\n          <Icon />\n        </IconWrapper>\n        <StepLabel $isActive={isActive} $color={textColor}>\n          {label}\n        </StepLabel>\n      </StepContent>\n    </StepItem>\n  );\n};\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * ProgressIndicator guides users through a sequence of steps.\n *\n * Interaction rules:\n * - **Completed / warning / error** steps are clickable — navigate back to review or fix.\n * - **Warning** does not block forward progression; later uncompleted steps remain reachable.\n * - **Error** blocks forward progression — treat it as the terminal step in the sequence.\n * - **Active** step is not clickable — the user is already there.\n * - **Upcoming (uncompleted)** steps are not clickable — sequential progression required.\n *\n * Navigation does not clear later steps. If a change on an earlier step\n * invalidates later data, the affected steps should be flagged and require\n * re-confirmation before submission — this logic lives in the consuming component.\n *\n * @example\n * ```tsx\n * <ProgressIndicator\n *   steps={[\n *     { id: 'identity', label: 'Identity', status: 'completed' },\n *     { id: 'address',  label: 'Address',  status: 'uncompleted' },\n *     { id: 'review',   label: 'Review',   status: 'uncompleted' },\n *   ]}\n *   activeStepId=\"address\"\n *   onStepClick={(id) => navigate(id)}\n * />\n * ```\n */\nexport const ProgressIndicator = ({\n  steps,\n  activeStepId,\n  layout = 'vertical',\n  onStepClick,\n  'aria-label': ariaLabel = 'Progress',\n  ...rest\n}: ProgressIndicatorProps) => {\n  // The \"current\" step is the first uncompleted or error step — where the user should work next.\n  // Warning steps are skipped so forward progression is not blocked.\n  // This is independent of activeStepId, which only controls the visual highlight.\n  const currentStepId = steps.find(\n    ({ status = 'uncompleted' }) => status === 'uncompleted' || status === 'error',\n  )?.id;\n\n  return (\n    <StepList $layout={layout} role='list' aria-label={ariaLabel} {...rest}>\n      {steps.map((step) => (\n        <Step\n          key={step.id}\n          step={step}\n          isActive={step.id === activeStepId}\n          isCurrent={step.id === currentStepId}\n          layout={layout}\n          onStepClick={onStepClick}\n        />\n      ))}\n    </StepList>\n  );\n};\n\nexport default ProgressIndicator;\n"],"mappings":"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"}

package/dist/components/StatusIndicator/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/StatusIndicator/StatusIndicator.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport {\n  CircleCheckFillIcon,\n  CircleFillIcon,\n  CircleHalfIcon,\n  CircleNullIcon,\n  CircleSlashIcon,\n  WarningFillIcon,\n} from '@persona/icons/12px';\nimport { withAlpha } from 'design-system/lib/color';\nimport { type MaybeSemanticTheme, semanticTokens } from 'design-system/lib/semanticColor';\nimport { TruncatedText } from 'design-system/lib/TruncatedText';\nimport { paragraphMixins } from 'design-system/mixins/text';\nimport type { SemanticTokens } from 'design-system/variables/semantic';\n\nexport type StatusType =\n  | 'neutral'\n  | 'attention'\n  | 'warning'\n  | 'critical'\n  | 'success'\n  | 'feature'\n  | 'informational'\n  | 'miscellaneous';\nexport type BackgroundType = 'filled' | 'none';\n\n/**\n * Narrow set of status presets — one value per type+icon combination.\n * Override color with `type` or icon with `leadingIcon` when needed.\n */\nexport type Status =\n  | 'open'\n  | 'pending'\n  | 'completed'\n  | 'active'\n  | 'failed'\n  | 'needs_review'\n  | 'canceled'\n  | 'archived';\n\nconst STATUS_CONFIG: Record<Status, { type: StatusType; icon: ReactNode }> = {\n  open: { type: 'neutral', icon: <CircleNullIcon /> },\n  pending: { type: 'neutral', icon: <CircleHalfIcon /> },\n  completed: { type: 'success', icon: <CircleFillIcon /> },\n  active: { type: 'success', icon: <CircleCheckFillIcon /> },\n  failed: { type: 'critical', icon: <CircleSlashIcon /> },\n  needs_review: { type: 'warning', icon: <WarningFillIcon /> },\n  canceled: { type: 'attention', icon: <CircleSlashIcon /> },\n  archived: { type: 'informational', icon: <CircleSlashIcon /> },\n};\n\n/** All supported `status` preset keys, derived from the config map. */\nexport const STATUSES = Object.keys(STATUS_CONFIG) as Status[];\n\nexport interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Preset that sets a default semantic type and icon.\n   * Explicit `type` and `leadingIcon` override the preset.\n   */\n  status?: Status;\n\n  /**\n   * The semantic status type to display. Overrides `status` when both are set.\n   */\n  type?: StatusType;\n\n  /**\n   * Whether to show filled background or transparent\n   */\n  background?: BackgroundType;\n\n  /**\n   * Whether to show the icon. When false, displays label-only variant\n   * @default true\n   */\n  showIcon?: boolean;\n\n  /**\n   * Optional custom icon to replace the default icon indicator (12px recommended)\n   * - undefined (default): Uses `status` icon when set, otherwise CircleNullIcon\n   * - null: Hides the icon completely\n   * - ReactNode: Shows the provided custom icon\n   * Note: showIcon must be true for this to take effect\n   */\n  leadingIcon?: ReactNode | null;\n\n  /**\n   * Truncate the label with an ellipsis instead of letting it overflow its container. Adds a\n   * title tooltip with the full text when it doesn't fit.\n   * @default false\n   */\n  truncate?: boolean;\n\n  /**\n   * Render the label exactly as given instead of capitalizing each word. Use for labels that are\n   * authored outside the product, where the casing is not ours to change.\n   * @default false\n   */\n  preserveCase?: boolean;\n\n  /**\n   * The text label to display\n   */\n  children?: ReactNode;\n}\n\ninterface StatusColors {\n  background: string;\n  text: string;\n  icon: string;\n}\n\nconst FILLED_STATUS_COLORS: Record<StatusType, StatusColors> = {\n  neutral: {\n    background: Color.BackgroundStatusIndicatorDefault,\n    text: Color.TextStatusIndicatorDefault,\n    icon: Color.BorderIconLabelGrey,\n  },\n  attention: {\n    background: Color.BackgroundStatusIndicatorAttention,\n    text: Color.TextStatusIndicatorAttention,\n    icon: Color.BorderIconLabelYellow,\n  },\n  warning: {\n    background: Color.BackgroundStatusIndicatorWarning,\n    text: Color.TextStatusIndicatorWarning,\n    icon: Color.BorderIconLabelOrange,\n  },\n  critical: {\n    background: Color.BackgroundStatusIndicatorCritical,\n    text: Color.TextStatusIndicatorCritical,\n    icon: Color.BorderIconLabelRed,\n  },\n  success: {\n    background: Color.BackgroundStatusIndicatorSuccess,\n    text: Color.TextStatusIndicatorSuccess,\n    icon: Color.BorderIconLabelGreen,\n  },\n  feature: {\n    background: Color.BackgroundStatusIndicatorFeature,\n    text: Color.TextStatusIndicatorFeature,\n    icon: Color.BorderIconLabelPurple,\n  },\n  informational: {\n    background: Color.BackgroundStatusIndicatorInformational,\n    text: Color.TextStatusIndicatorInformational,\n    icon: Color.BorderIconLabelBlue,\n  },\n  miscellaneous: {\n    background: Color.BackgroundStatusIndicatorMiscellaneous,\n    text: Color.TextStatusIndicatorMiscellaneous,\n    icon: Color.BorderIconLabelTeal,\n  },\n};\n\nconst TRANSPARENT_STATUS_COLORS: Record<StatusType, StatusColors> = {\n  neutral: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconSecondary,\n  },\n  attention: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconWarning,\n  },\n  warning: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconWarning,\n  },\n  critical: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconDanger,\n  },\n  success: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconSuccess,\n  },\n  feature: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconActive,\n  },\n  informational: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconLabelBlue,\n  },\n  miscellaneous: {\n    background: 'transparent',\n    text: Color.TextPrimary,\n    icon: Color.BorderIconLabelTeal,\n  },\n};\n\nconst semanticFilledStatusColors = (t: SemanticTokens): Record<StatusType, StatusColors> => ({\n  neutral: { background: t.StatusNeutral, text: t.FgPrimary, icon: t.FgPrimary },\n  attention: {\n    background: withAlpha(t.StatusHighlight, t.Opacity15),\n    text: t.FgHighlight,\n    icon: t.FgHighlight,\n  },\n  warning: {\n    background: withAlpha(t.StatusWarning, t.Opacity15),\n    text: t.FgWarning2,\n    icon: t.FgWarning2,\n  },\n  critical: {\n    background: withAlpha(t.StatusDanger3, t.Opacity15),\n    text: t.FgDanger2,\n    icon: t.FgDanger2,\n  },\n  success: {\n    background: withAlpha(t.StatusSuccess2, t.Opacity15),\n    text: t.FgSuccess,\n    icon: t.FgSuccess,\n  },\n  feature: {\n    background: withAlpha(t.StatusFeature, t.Opacity25),\n    text: t.FgFeature,\n    icon: t.FgFeature,\n  },\n  informational: {\n    background: withAlpha(t.StatusInfo2, t.Opacity25),\n    text: t.FgInfo,\n    icon: t.FgInfo,\n  },\n  miscellaneous: {\n    background: withAlpha(t.StatusMisc, t.Opacity15),\n    text: t.FgMisc,\n    icon: t.FgMisc,\n  },\n});\n\nconst semanticTransparentStatusColors = (t: SemanticTokens): Record<StatusType, StatusColors> => ({\n  neutral: { background: 'transparent', text: t.FgPrimary, icon: t.FgSecondary },\n  // Transparent attention intentionally shares warning orange; yellow is reserved for filled attention.\n  attention: { background: 'transparent', text: t.FgPrimary, icon: t.FgWarning1 },\n  warning: { background: 'transparent', text: t.FgPrimary, icon: t.FgWarning1 },\n  critical: { background: 'transparent', text: t.FgPrimary, icon: t.FgDanger1 },\n  success: { background: 'transparent', text: t.FgPrimary, icon: t.FgSuccess },\n  feature: { background: 'transparent', text: t.FgPrimary, icon: t.FgAccent },\n  informational: { background: 'transparent', text: t.FgPrimary, icon: t.FgInfo },\n  miscellaneous: { background: 'transparent', text: t.FgPrimary, icon: t.FgMisc },\n});\n\nconst semanticStatusColorCache = new WeakMap<\n  SemanticTokens,\n  Record<BackgroundType, Record<StatusType, StatusColors>>\n>();\n\nconst semanticStatusColors = (tokens: SemanticTokens) => {\n  let colors = semanticStatusColorCache.get(tokens);\n  if (!colors) {\n    colors = {\n      filled: semanticFilledStatusColors(tokens),\n      none: semanticTransparentStatusColors(tokens),\n    };\n    semanticStatusColorCache.set(tokens, colors);\n  }\n  return colors;\n};\n\nconst statusColors = (theme: MaybeSemanticTheme, background: BackgroundType) => {\n  const tokens = semanticTokens(theme);\n  if (tokens) {\n    return semanticStatusColors(tokens)[background];\n  }\n  return background === 'filled' ? FILLED_STATUS_COLORS : TRANSPARENT_STATUS_COLORS;\n};\n\nconst Label = styled.div<{\n  $type: StatusType;\n  $background: BackgroundType;\n  $truncate: boolean;\n  $preserveCase: boolean;\n}>`\n  ${paragraphMixins.sm}\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-shrink: ${({ $truncate }) => ($truncate ? 1 : 0)};\n  min-width: ${({ $truncate }) => ($truncate ? '0' : 'auto')};\n  /* Line box hugs the font so pill height is driven by padding alone, and clipping an overflowing\n     label can't cut into descenders. Matches Sticker. */\n  line-height: 1;\n  white-space: nowrap;\n  text-transform: ${({ $preserveCase }) => ($preserveCase ? 'none' : 'capitalize')};\n  /* Slight optical centering adjustment */\n  transform: translateY(0.5px);\n  color: ${({ theme, $type, $background }) => statusColors(theme, $background)[$type].text};\n`;\n\nconst IconContainer = styled.span<{ $type: StatusType; $background: BackgroundType }>`\n  line-height: 0;\n  color: ${({ theme, $type, $background }) => statusColors(theme, $background)[$type].icon};\n`;\n\nconst LabelContainer = styled.div<{ $hasIcon: boolean; $truncate: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[1]};\n  padding: ${({ $hasIcon }) =>\n    `${Spacing[1]} ${Spacing[2]} ${Spacing[1]} ${$hasIcon ? Spacing[1] : Spacing[2]}`};\n  position: relative;\n  flex-shrink: ${({ $truncate }) => ($truncate ? 1 : 0)};\n  min-width: ${({ $truncate }) => ($truncate ? '0' : 'auto')};\n`;\n\nconst StyledStatusIndicator = styled.div<{\n  $type: StatusType;\n  $background: BackgroundType;\n  $truncate: boolean;\n}>`\n  display: inline-flex;\n  align-items: center;\n  border-radius: ${BorderRadius.Xl};\n  width: fit-content;\n  max-width: ${({ $truncate }) => ($truncate ? '100%' : 'none')};\n\n  ${({ theme, $type, $background }) => css`\n    background-color: ${statusColors(theme, $background)[$type].background};\n  `}\n`;\n\n/**\n * StatusIndicator displays semantic status information with a colored icon and label.\n * Supports both filled backgrounds and transparent styles.\n *\n * @example\n * ```tsx\n * <StatusIndicator status=\"active\">Active</StatusIndicator>\n * <StatusIndicator type=\"success\" background=\"filled\">Approved</StatusIndicator>\n * <StatusIndicator type=\"critical\" background=\"none\">Failed</StatusIndicator>\n * ```\n */\nexport const StatusIndicator = ({\n  status,\n  type,\n  background = 'filled',\n  showIcon = true,\n  leadingIcon,\n  truncate = false,\n  preserveCase = false,\n  children,\n  ...props\n}: StatusIndicatorProps) => {\n  const resolvedType = type ?? (status != null ? STATUS_CONFIG[status].type : 'neutral');\n\n  // Determine which icon to show:\n  // - showIcon=false with background='filled': label-only variant (no icon)\n  // - leadingIcon set (including null): explicit override\n  // - status set: use preset icon\n  // - otherwise: default CircleNullIcon\n  // - background='none' always shows icon (showIcon is ignored for none background)\n  let iconToRender;\n  if (!showIcon && background === 'filled') {\n    iconToRender = null;\n  } else if (typeof leadingIcon !== 'undefined') {\n    iconToRender = leadingIcon;\n  } else if (status != null) {\n    iconToRender = STATUS_CONFIG[status].icon;\n  } else {\n    iconToRender = <CircleNullIcon />;\n  }\n  const hasIcon = iconToRender != null;\n\n  return (\n    <StyledStatusIndicator\n      $type={resolvedType}\n      $background={background}\n      $truncate={truncate}\n      {...props}\n    >\n      <LabelContainer $hasIcon={hasIcon} $truncate={truncate}>\n        {hasIcon && (\n          <IconContainer $type={resolvedType} $background={background}>\n            {iconToRender}\n          </IconContainer>\n        )}\n        <Label\n          $type={resolvedType}\n          $background={background}\n          $truncate={truncate}\n          $preserveCase={preserveCase}\n        >\n          {truncate ? <TruncatedText>{children}</TruncatedText> : children}\n        </Label>\n      </LabelContainer>\n    </StyledStatusIndicator>\n  );\n};\n\nexport default StatusIndicator;\n"],"mappings":"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"}

package/dist/fieldSchemaTypes-BVYSm74B.d.mts

@@ -1,39 +0,0 @@
-//#region lib/fieldSchemaTypes.d.ts
-/**
- * Enum describing the schema-level field types shared across form and JSON schema utilities.
- * Keep this module free of runtime dependencies so it can be safely imported in both directions.
- */
-declare enum FieldSchemaType {
-  Alias = "alias",
-  Array = "array",
-  Boolean = "boolean",
-  Calculated = "calculated",
-  Choices = "choices",
-  Date = "date",
-  Datetime = "datetime",
-  EmailAddress = "email-address",
-  File = "file",
-  Hash = "hash",
-  Integer = "integer",
-  Json = "json",
-  MultiChoices = "multi-choices",
-  Number = "number",
-  String = "string",
-  /**
-   * NOTE: please also add all relation fields to the RELATION_FIELDS constant.
-   */
-  Relation = "Field::Relation",
-  /**
-   * Not ideal because 'generic' is not very descriptive. Should migrate
-   * fields serialization to not demodulize. But that's a breaking change.
-   */
-  DocumentGeneric = "Field::Relation::Document::Generic",
-  GovernmentId = "Field::Relation::Document::GovernmentId",
-  GovernmentIdNfc = "Field::Relation::Document::GovernmentIdNfc",
-  Mdoc = "Field::Relation::Document::Mdoc",
-  QrCode = "Field::Relation::Document::QrCode",
-  Selfie = "Field::Relation::Selfie"
-}
-//#endregion
-export { FieldSchemaType as t };
-//# sourceMappingURL=fieldSchemaTypes-BVYSm74B.d.mts.map

package/dist/lib/fieldSchemaTypes.d.mts

@@ -1,2 +0,0 @@
-import { t as FieldSchemaType } from "../fieldSchemaTypes-BVYSm74B.mjs";
-export { FieldSchemaType };

package/dist/lib/fieldSchemaTypes.mjs

@@ -1,41 +0,0 @@
-//#region lib/fieldSchemaTypes.ts
-/**
-* Enum describing the schema-level field types shared across form and JSON schema utilities.
-* Keep this module free of runtime dependencies so it can be safely imported in both directions.
-*/
-let FieldSchemaType = /* @__PURE__ */ function(FieldSchemaType) {
-	FieldSchemaType["Alias"] = "alias";
-	FieldSchemaType["Array"] = "array";
-	FieldSchemaType["Boolean"] = "boolean";
-	FieldSchemaType["Calculated"] = "calculated";
-	FieldSchemaType["Choices"] = "choices";
-	FieldSchemaType["Date"] = "date";
-	FieldSchemaType["Datetime"] = "datetime";
-	FieldSchemaType["EmailAddress"] = "email-address";
-	FieldSchemaType["File"] = "file";
-	FieldSchemaType["Hash"] = "hash";
-	FieldSchemaType["Integer"] = "integer";
-	FieldSchemaType["Json"] = "json";
-	FieldSchemaType["MultiChoices"] = "multi-choices";
-	FieldSchemaType["Number"] = "number";
-	FieldSchemaType["String"] = "string";
-	/**
-	* NOTE: please also add all relation fields to the RELATION_FIELDS constant.
-	*/
-	FieldSchemaType["Relation"] = "Field::Relation";
-	/**
-	* Not ideal because 'generic' is not very descriptive. Should migrate
-	* fields serialization to not demodulize. But that's a breaking change.
-	*/
-	FieldSchemaType["DocumentGeneric"] = "Field::Relation::Document::Generic";
-	FieldSchemaType["GovernmentId"] = "Field::Relation::Document::GovernmentId";
-	FieldSchemaType["GovernmentIdNfc"] = "Field::Relation::Document::GovernmentIdNfc";
-	FieldSchemaType["Mdoc"] = "Field::Relation::Document::Mdoc";
-	FieldSchemaType["QrCode"] = "Field::Relation::Document::QrCode";
-	FieldSchemaType["Selfie"] = "Field::Relation::Selfie";
-	return FieldSchemaType;
-}({});
-//#endregion
-export { FieldSchemaType };
-
-//# sourceMappingURL=fieldSchemaTypes.mjs.map

package/dist/lib/fieldSchemaTypes.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldSchemaTypes.mjs","names":[],"sources":["../../lib/fieldSchemaTypes.ts"],"sourcesContent":["/**\n * Enum describing the schema-level field types shared across form and JSON schema utilities.\n * Keep this module free of runtime dependencies so it can be safely imported in both directions.\n */\nexport enum FieldSchemaType {\n  Alias = 'alias',\n  Array = 'array',\n  Boolean = 'boolean',\n  Calculated = 'calculated',\n  Choices = 'choices',\n  Date = 'date',\n  Datetime = 'datetime',\n  EmailAddress = 'email-address',\n  File = 'file',\n  Hash = 'hash',\n  Integer = 'integer',\n  Json = 'json',\n  MultiChoices = 'multi-choices',\n  Number = 'number',\n  String = 'string',\n  /**\n   * NOTE: please also add all relation fields to the RELATION_FIELDS constant.\n   */\n  Relation = 'Field::Relation',\n  /**\n   * Not ideal because 'generic' is not very descriptive. Should migrate\n   * fields serialization to not demodulize. But that's a breaking change.\n   */\n  DocumentGeneric = 'Field::Relation::Document::Generic',\n  GovernmentId = 'Field::Relation::Document::GovernmentId',\n  GovernmentIdNfc = 'Field::Relation::Document::GovernmentIdNfc',\n  Mdoc = 'Field::Relation::Document::Mdoc',\n  QrCode = 'Field::Relation::Document::QrCode',\n  Selfie = 'Field::Relation::Selfie',\n}\n"],"mappings":";;;;;AAIA,IAAY,kBAAL,yBAAA,iBAAA;AACL,iBAAA,WAAA;AACA,iBAAA,WAAA;AACA,iBAAA,aAAA;AACA,iBAAA,gBAAA;AACA,iBAAA,aAAA;AACA,iBAAA,UAAA;AACA,iBAAA,cAAA;AACA,iBAAA,kBAAA;AACA,iBAAA,UAAA;AACA,iBAAA,UAAA;AACA,iBAAA,aAAA;AACA,iBAAA,UAAA;AACA,iBAAA,kBAAA;AACA,iBAAA,YAAA;AACA,iBAAA,YAAA;;;;AAIA,iBAAA,cAAA;;;;;AAKA,iBAAA,qBAAA;AACA,iBAAA,kBAAA;AACA,iBAAA,qBAAA;AACA,iBAAA,UAAA;AACA,iBAAA,YAAA;AACA,iBAAA,YAAA;;KACD"}

package/dist/lib/methodChain.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"methodChain.mjs","names":["updatedParse","UpdatedSyntaxError"],"sources":["../../lib/methodChain.ts"],"sourcesContent":["import { last } from 'lodash-es';\n\nimport {\n  parse as updatedParse,\n  SyntaxError as UpdatedSyntaxError,\n} from '@persona/design-system/components/SmartTextInput/parser/method-chain/parser';\nimport { ASTNodeType } from '@persona/design-system/components/SmartTextInput/parser/method-chain/types';\n\nimport { reportError } from './errorReporter';\nimport { type JsonSchema, JsonSchemaTypes } from './jsonSchema';\nimport { normalizeChain } from './methodChainNormalize';\nimport type {\n  Chain,\n  FunctionNode,\n  CustomFunctionNode,\n  IdentifierNode,\n  StringNode,\n  NumberNode,\n  ArrayNode,\n  FunctionParamType,\n  MethodChainNode,\n} from './methodChainTypes';\n\n// @ts-expect-error Returns never so the compiler checks exhaustiveness, but doesn't throw so a malformed\n// chain degrades instead of breaking render.\nfunction assertNever(value: never): never {\n  const dump = typeof value === 'object' ? JSON.stringify(value) : value;\n  reportError(new TypeError(`assertNever non-exhaustive match: ${dump}`));\n}\n\n// Re-export types for backward compatibility\nexport {\n  Chain,\n  FunctionNode,\n  CustomFunctionNode,\n  IdentifierNode,\n  StringNode,\n  NumberNode,\n  ArrayNode,\n  FunctionParamType,\n  MethodChainNode,\n};\n\nexport const methodChainCache: { [key: string]: Chain } = {};\n\nexport const MethodChainNodeTypes = {\n  Chain: ASTNodeType.Chain,\n  String: ASTNodeType.String,\n  Number: ASTNodeType.Number,\n  Identifier: ASTNodeType.Identifier,\n  Function: ASTNodeType.Function,\n  CustomFunction: ASTNodeType.CustomFunction,\n  Array: ASTNodeType.Array,\n} as const;\n\nexport const EMPTY_METHOD_CHAIN: Chain = {\n  type: MethodChainNodeTypes.Chain,\n  links: [],\n};\n\ntype MethodChainLiteral = string | number | (string | number)[];\n\nexport const isFunctionNode = (node: MethodChainNode): node is FunctionNode =>\n  node.type === MethodChainNodeTypes.Function;\n\nexport const isCustomFunctionNode = (node: MethodChainNode): node is CustomFunctionNode =>\n  node.type === MethodChainNodeTypes.CustomFunction;\n\nexport const isIdentifierNode = (node: MethodChainNode): node is IdentifierNode =>\n  node.type === MethodChainNodeTypes.Identifier;\n\nexport const isStringNode = (node: FunctionParamType): node is StringNode =>\n  node.type === MethodChainNodeTypes.String;\n\nexport const isArrayNode = (node: FunctionParamType): node is ArrayNode =>\n  node.type === MethodChainNodeTypes.Array;\n\nexport const containsFunctionNode = (methodChain: Chain, ...functionNames: string[]): boolean =>\n  methodChain.links.some((link) => isFunctionNode(link) && functionNames.includes(link.name));\n\n/**\n * Returns true if the string contains any function node (e.g. `.at(...)`) when parsed\n * as a method chain. Use this to detect whether a field path must be treated as an\n * opaque key rather than split on `.` for Lodash set/get operations.\n */\nexport const pathContainsFunctionNode = (path: string): boolean => {\n  try {\n    const chain = parseMethodChain(path);\n    return chain.links.some(\n      (link) =>\n        link.type === MethodChainNodeTypes.Function ||\n        link.type === MethodChainNodeTypes.CustomFunction,\n    );\n  } catch {\n    return false;\n  }\n};\n\nexport const isEmpty = (methodChain: Chain): boolean => methodChain.links.length === 0;\n\nexport const getFunctionParams = (\n  methodChain: Chain,\n  ...functionNames: string[]\n): Record<string, MethodChainLiteral[]> => {\n  return Object.fromEntries(\n    methodChain.links\n      .filter((link) => isFunctionNode(link))\n      .filter((link) => functionNames.includes(link.name))\n      .map((link) => [link.name, flattenParamsToString(link.params)]),\n  );\n};\n\nexport const removeFunctionNode = (methodChain: Chain, functionName: string): Chain => {\n  return {\n    type: MethodChainNodeTypes.Chain,\n    links: methodChain.links.filter(\n      (link) => link.type !== MethodChainNodeTypes.Function || link.name !== functionName,\n    ),\n  };\n};\n\nconst flattenParamsToString = (params: FunctionParamType[]): MethodChainLiteral[] => {\n  const result: MethodChainLiteral[] = [];\n\n  for (const param of params) {\n    switch (param.type) {\n      case MethodChainNodeTypes.Chain:\n        result.push(...flattenChainToString(param));\n        break;\n      case MethodChainNodeTypes.String:\n      case MethodChainNodeTypes.Number:\n        result.push(param.value);\n        break;\n      case MethodChainNodeTypes.Array:\n        result.push(param.items.map((item) => item.value));\n        break;\n    }\n  }\n\n  return result;\n};\n\nconst flattenChainToString = (methodChain: Chain): MethodChainLiteral[] =>\n  methodChain.links\n    .map((link) => {\n      switch (link.type) {\n        case MethodChainNodeTypes.Function:\n        case MethodChainNodeTypes.CustomFunction:\n          return flattenParamsToString(link.params);\n        case MethodChainNodeTypes.Identifier:\n          return link.name;\n      }\n    })\n    .flat();\n\nexport const isValid = (methodChain: string): boolean => {\n  try {\n    parseMethodChain(methodChain);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * The parsed chain, or undefined when it will not parse. Callers that read a chain while it is being\n * authored hold half-typed input, where a throw is noise rather than an error.\n */\nexport const tryParseMethodChain = (methodChain: string): Chain | undefined => {\n  try {\n    return parseMethodChain(methodChain);\n  } catch {\n    return undefined;\n  }\n};\n\n/** The object a chain is rooted at: `current_case.inquiries` -> `current_case`. */\nexport const methodChainRootName = (methodChain: string): string | undefined => {\n  const [root] = tryParseMethodChain(methodChain)?.links ?? [];\n  return root && isIdentifierNode(root) ? root.name : undefined;\n};\n\nexport const parseMethodChain = (methodChain: string): Chain => {\n  if (!methodChain || methodChain === '') {\n    return EMPTY_METHOD_CHAIN;\n  }\n\n  if (!methodChainCache[methodChain]) {\n    methodChainCache[methodChain] = normalizeChain(updatedParse(methodChain, { strict: true }));\n  }\n  return methodChainCache[methodChain];\n};\n\nconst memberToString = (value: string): string => {\n  return `'${value.replace(/'/g, \"\\\\'\")}'`;\n};\n\n// Number#toString gives the shortest decimal string that round-trips back to the same\n// float64, but for magnitudes below 1e-6 (or above 1e21) it switches to exponential\n// notation (e.g. `0.0000001` -> \"1e-7\"), which the method chain grammar's plain-decimal\n// literal can't parse. Expand that exponential form back into plain decimal by shifting\n// its digits, rather than capping fraction digits (e.g. via toLocaleString), which silently\n// rounds magnitudes below the cap to \"0\" instead of reproducing them.\nconst expandExponentialNotation = (str: string): string => {\n  const match = /^(-?)(\\d)(?:\\.(\\d+))?e([+-]\\d+)$/.exec(str);\n  if (!match) {\n    return str;\n  }\n  const [, sign, leadingDigit, fractionDigits = '', exponentStr] = match;\n  const digits = leadingDigit + fractionDigits;\n  const exponent = Number(exponentStr);\n\n  if (exponent < 0) {\n    return `${sign}0.${'0'.repeat(-exponent - 1)}${digits}`;\n  }\n  // Positive exponential notation only appears at exponent >= 21 (Number#toString's own\n  // threshold), while a double's mantissa never carries more than 17 significant digits,\n  // so the exponent always reaches past the end of `digits` — there's no case where the\n  // decimal point lands inside them.\n  return `${sign}${digits}${'0'.repeat(exponent - fractionDigits.length)}`;\n};\n\nconst numberLiteralToString = (value: number): string => {\n  // The grammar has no literal for Infinity/NaN; render/label call sites have no way to\n  // recover from a throw, so fall back to JS's own string form instead of crashing them.\n  if (!Number.isFinite(value)) {\n    return `${value}`;\n  }\n\n  const str = value.toString();\n  return /e/i.test(str) ? expandExponentialNotation(str) : str;\n};\n\nexport const methodChainToString = (\n  methodChain: Chain | StringNode | NumberNode | ArrayNode,\n): string => {\n  switch (methodChain.type) {\n    case MethodChainNodeTypes.String:\n      return methodChain.value;\n    case MethodChainNodeTypes.Number:\n      return numberLiteralToString(methodChain.value);\n    case MethodChainNodeTypes.Array:\n      return `[${methodChain.items\n        .map((item) =>\n          item.type === MethodChainNodeTypes.String\n            ? memberToString(item.value)\n            : `#${numberLiteralToString(item.value)}`,\n        )\n        .join(', ')}]`;\n    default: {\n      const regex = new RegExp('^@?[a-zA-Z0-9_-]+$');\n      return methodChain.links\n        .map((link, index) => {\n          switch (link.type) {\n            case MethodChainNodeTypes.Identifier: {\n              const fullName = `${link.prefix ?? ''}${link.name}`;\n              return index === 0\n                ? fullName\n                : regex.test(fullName)\n                  ? `.${fullName}`\n                  : `['${fullName.replace(/'/g, \"\\\\'\")}']`;\n            }\n            case MethodChainNodeTypes.Function: {\n              return `.${link.name}(${link.params\n                .map((param) => {\n                  switch (param.type) {\n                    case MethodChainNodeTypes.String:\n                      return memberToString(param.value);\n                    case MethodChainNodeTypes.Number:\n                      return `#${numberLiteralToString(param.value)}`;\n                    case MethodChainNodeTypes.Chain:\n                    case MethodChainNodeTypes.Array:\n                      return methodChainToString(param);\n                  }\n                })\n                .join(', ')})`;\n            }\n            case MethodChainNodeTypes.CustomFunction: {\n              const paramStr = link.params\n                .map((param) => {\n                  switch (param.type) {\n                    case MethodChainNodeTypes.String:\n                      return memberToString(param.value);\n                    case MethodChainNodeTypes.Number:\n                      return `#${numberLiteralToString(param.value)}`;\n                    case MethodChainNodeTypes.Chain:\n                    case MethodChainNodeTypes.Array:\n                      return methodChainToString(param);\n                  }\n                })\n                .join(', ');\n              return [\n                index === 0 ? '' : '.',\n                `@${link.name}`,\n                link.params.length === 0 ? '' : `(${paramStr})`,\n              ].join('');\n            }\n            default:\n              assertNever(link);\n          }\n        })\n        .join('');\n    }\n  }\n};\n\nexport const appendedMethodChain = (\n  parentChain: Chain,\n  appended: string | MethodChainNode,\n): Chain => {\n  const buildNode = (name: string): MethodChainNode => {\n    if (name.startsWith('@')) {\n      return { type: MethodChainNodeTypes.CustomFunction, name: name.slice(1), params: [] };\n    }\n    return { type: MethodChainNodeTypes.Identifier, name };\n  };\n\n  return {\n    type: MethodChainNodeTypes.Chain,\n    links: [...parentChain.links, typeof appended === 'string' ? buildNode(appended) : appended],\n  };\n};\n\nexport const parseWithPartialOption = (\n  path: string,\n): { methodChain: Chain; partial: string; valid: boolean } => {\n  if (isValid(path)) {\n    const methodChain = parseMethodChain(path);\n\n    return {\n      methodChain: {\n        type: MethodChainNodeTypes.Chain,\n        links: methodChain.links.slice(0, methodChain.links.length - 1),\n      },\n      partial: last(methodChain.links)?.name || '',\n      valid: true,\n    };\n  }\n\n  const rawParse = (input: string): Chain => {\n    return normalizeChain(updatedParse(input, { strict: true }));\n  };\n\n  try {\n    if (path.endsWith('.')) {\n      return {\n        methodChain: rawParse(path.slice(0, -1)),\n        partial: '',\n        valid: true,\n      };\n    }\n\n    if (path.lastIndexOf('[') > path.lastIndexOf(']')) {\n      const partialString = path.slice(path.lastIndexOf('[') + 2);\n      const partialValue = partialString.endsWith(\"'\") ? partialString.slice(0, -1) : partialString;\n      return {\n        methodChain: rawParse(path.slice(0, path.lastIndexOf('['))),\n        partial: partialValue,\n        valid: true,\n      };\n    }\n  } catch {\n    /* empty */\n  }\n\n  return {\n    methodChain: EMPTY_METHOD_CHAIN,\n    partial: path,\n    valid: false,\n  };\n};\n\n// Check if the path can be parsed as legacy method chain format.\n// Normative means all the name parts are\n// 1. delimited by only dots and\n// 2. only contain alphanumeric characters, underscores, and hyphens.\nexport const pathIsNormative = (path: string): boolean => {\n  return path.split('.').every((part) => /^[a-zA-Z0-9_-]+$/.test(part));\n};\nexport const getSyntaxError = (): typeof UpdatedSyntaxError => UpdatedSyntaxError;\n\nexport const methodChainNodeToJsonSchema = (\n  node: StringNode | NumberNode | ArrayNode,\n): JsonSchema | null => {\n  if (node.type === MethodChainNodeTypes.String) {\n    return {\n      type: JsonSchemaTypes.String,\n    };\n  } else if (node.type === MethodChainNodeTypes.Number) {\n    return {\n      type: JsonSchemaTypes.Number,\n    };\n  } else if (node.type === MethodChainNodeTypes.Array) {\n    // Determine the items schema based on the first item type\n    // For simplicity, assume all items are the same type\n    if (node.items.length > 0) {\n      const firstItem = node.items[0];\n      const itemSchema: JsonSchema =\n        firstItem.type === MethodChainNodeTypes.String\n          ? { type: JsonSchemaTypes.String }\n          : { type: JsonSchemaTypes.Number };\n\n      return {\n        type: JsonSchemaTypes.Array,\n        items: itemSchema,\n      };\n    } else {\n      return {\n        type: JsonSchemaTypes.Array,\n        items: { type: JsonSchemaTypes.String },\n      };\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}

package/dist/useFormField-DsvC5dOb.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormField-DsvC5dOb.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}