@purpur/library 9.10.1 → 10.0.0

package/dist/drawer-Chx3H8EU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-Chx3H8EU.mjs","sources":["../../../components/drawer/src/drawer.context.ts","../../../components/drawer/src/drawer-container.tsx","../../../components/drawer/src/use-swipe-tracking.hook.ts","../../../components/drawer/src/drawer-handle.tsx","../../../components/drawer/src/drawer-header.tsx","../../../components/drawer/src/drawer-scroll-area.tsx","../../../components/drawer/src/drawer-frame.tsx","../../../components/drawer/src/use-swipe-to-dismiss.hook.ts","../../../components/drawer/src/drawer-content.tsx","../../../components/drawer/src/drawer-trigger.tsx","../../../components/drawer/src/drawer.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { type DrawerVariant, type OpenHandlerFunction } from \"./types\";\n\nexport type DrawerContextValue = {\n  isModal: boolean;\n  onOpenChange: OpenHandlerFunction;\n  noBodyPadding: boolean;\n  noHeaderSeparator: boolean;\n  variant: DrawerVariant;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null);\n","import React, { forwardRef, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-container.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  drawerVariant?: DrawerVariant;\n  stickyFooter: boolean;\n  variant?: \"header\" | \"body\" | \"footer\";\n};\n\nconst rootClassName = \"purpur-drawer-container\";\n\nexport const DrawerContainer = forwardRef<HTMLDivElement, DrawerContainerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-container\",\n      children,\n      className,\n      drawerVariant = \"default\",\n      variant = \"body\",\n      stickyFooter,\n      ...props\n    },\n    ref\n  ) => {\n    const { noHeaderSeparator, noBodyPadding } = useContext(DrawerContext) ?? {};\n\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]:\n          variant &&\n          !(variant === \"header\" && noHeaderSeparator) &&\n          !(variant === \"body\" && noBodyPadding),\n        [`${rootClassName}--sticky`]: stickyFooter,\n        [`${rootClassName}--ai`]: drawerVariant === \"ai\",\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nDrawerContainer.displayName = \"DrawerContainer\";\n","import type { PointerEvent, RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeTracking = {\n  onPointerDown(event: PointerEvent): void;\n  onPointerMove(event: PointerEvent): void;\n  onPointerUp(event: PointerEvent): void;\n};\n\nexport const useSwipeTracking = (\n  pointerStartRef: RefObject<{ y: number } | null>,\n  swipeDeltaRef: RefObject<{ y: number } | null>,\n  onSwipeStart: () => void,\n  onSwipeMove: (event: SwipeEvent) => void,\n  onSwipeCancel: () => void,\n  onSwipeEnd: (event: SwipeEvent) => void\n): UseSwipeTracking => {\n  const onPointerDown = (event: PointerEvent) => {\n    pointerStartRef.current = { y: event.clientY };\n  };\n  const onPointerMove = (event: PointerEvent) => {\n    if (!pointerStartRef.current) {\n      return;\n    }\n    const y = event.clientY - pointerStartRef.current.y;\n    const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n    const clampedY = Math.max(0, y);\n    const moveStartBuffer = event.pointerType === \"touch\" ? 10 : 2;\n    const delta = { y: clampedY };\n    const eventDetail = { originalEvent: event, delta };\n    if (hasSwipeMoveStarted) {\n      swipeDeltaRef.current = delta;\n      onSwipeMove(eventDetail);\n    } else if (isDeltaInDirection(delta, 0)) {\n      swipeDeltaRef.current = delta;\n      onSwipeStart();\n      (event.target as HTMLElement).setPointerCapture(event.pointerId);\n    } else if (Math.abs(y) > moveStartBuffer) {\n      // User is swiping in wrong direction so we disable swipe gesture\n      // for the current pointer down interaction\n      pointerStartRef.current = null;\n    }\n  };\n  const onPointerUp = (event: PointerEvent) => {\n    const delta = swipeDeltaRef.current;\n    const target = event.target as HTMLElement;\n    if (target.hasPointerCapture(event.pointerId)) {\n      target.releasePointerCapture(event.pointerId);\n    }\n    swipeDeltaRef.current = null;\n    pointerStartRef.current = null;\n    if (delta) {\n      const swipeHandle = event.currentTarget;\n      const eventDetail = { originalEvent: event, delta };\n      if (isDeltaInDirection(delta, 0) && delta.y > 200) {\n        onSwipeEnd(eventDetail);\n      } else {\n        onSwipeCancel();\n      }\n      // Prevent click event from triggering on items within the drawer when\n      // pointer up is part of a swipe gesture\n      swipeHandle.addEventListener(\"click\", (event) => event.preventDefault(), {\n        once: true,\n      });\n    }\n  };\n  return {\n    onPointerDown,\n    onPointerMove,\n    onPointerUp,\n  };\n};\n\nconst isDeltaInDirection = (delta: { y: number }, threshold = 0) => {\n  const deltaY = Math.abs(delta.y);\n  return deltaY > threshold;\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-handle.module.scss\";\nimport { type DrawerVariant, type SwipeEvent } from \"./types\";\nimport { useSwipeTracking } from \"./use-swipe-tracking.hook\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHandleProps = Omit<BaseProps, \"children\"> & {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-handle\";\n\nexport const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-handle\",\n      className,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n    const pointerStartRef = React.useRef<{ y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ y: number } | null>(null);\n    const { onPointerDown, onPointerMove, onPointerUp } = useSwipeTracking(\n      swipeDeltaRef,\n      pointerStartRef,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd\n    );\n\n    return (\n      <div\n        className={classes}\n        data-testid={dataTestId}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nDrawerHandle.displayName = \"DrawerHandle\";\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { DisplayVariant, Heading } from \"@purpur/heading\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-header.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHeaderProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  closeButtonAriaLabel: string;\n  headerContent?: React.ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  title: string;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-header\";\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-header\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      className,\n      closeButtonAriaLabel,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      title,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const isAi = variant === \"ai\";\n\n    const CloseButtonWrapper = onCloseClick ? React.Fragment : RadixDialog.Close;\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div\n          className={cx([\n            `${rootClassName}__row`,\n            {\n              [`${rootClassName}__row--with-back-button`]: hasBackButton,\n            },\n          ])}\n          data-testid={`${dataTestId}-row`}\n        >\n          <div className={cx(`${rootClassName}__left`)}>\n            {hasBackButton ? (\n              <Button\n                aria-label={backButtonOnlyIcon ? backButtonText : \"\"}\n                className={cx([\n                  `${rootClassName}__back-button`,\n                  {\n                    [`${rootClassName}__back-button--only-icon`]: backButtonOnlyIcon,\n                  },\n                ])}\n                data-testid={`${dataTestId}-back-button`}\n                iconOnly={backButtonOnlyIcon}\n                negative={isAi}\n                onClick={onBackButtonClick}\n                size=\"sm\"\n                variant={BUTTON_VARIANT.TEXT}\n              >\n                <IconChevronLeft size=\"sm\" />\n                {!backButtonOnlyIcon && backButtonText}\n              </Button>\n            ) : headerContent ? (\n              <>\n                {headerContent}\n                <VisuallyHidden asChild>\n                  <RadixDialog.Title>{title}</RadixDialog.Title>\n                </VisuallyHidden>\n              </>\n            ) : (\n              <RadixDialog.Title asChild>\n                <Heading\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={`${dataTestId}-title`}\n                  negative={isAi}\n                  tag=\"h2\"\n                  variant={DisplayVariant.DISPLAY10}\n                  tabIndex={-1}\n                >\n                  {title}\n                </Heading>\n              </RadixDialog.Title>\n            )}\n          </div>\n\n          <div className={cx(`${rootClassName}__right`)}>\n            <CloseButtonWrapper {...(onCloseClick ? {} : { asChild: true })}>\n              <Button\n                aria-label={closeButtonAriaLabel}\n                className={cx(`${rootClassName}__close-button`)}\n                iconOnly\n                negative={isAi}\n                onClick={onCloseClick}\n                size=\"sm\"\n                variant={BUTTON_VARIANT.TEXT}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            </CloseButtonWrapper>\n          </div>\n        </div>\n        {hasBackButton &&\n          (headerContent ? (\n            <>\n              {headerContent}\n              <VisuallyHidden asChild>\n                <RadixDialog.Title>{title}</RadixDialog.Title>\n              </VisuallyHidden>\n            </>\n          ) : (\n            <RadixDialog.Title asChild>\n              <Heading\n                data-testid={`${dataTestId}-title-with-back-button`}\n                className={cx(`${rootClassName}__title`)}\n                negative={isAi}\n                tag=\"h2\"\n                tabIndex={-1}\n                variant={DisplayVariant.DISPLAY10}\n              >\n                {title}\n              </Heading>\n            </RadixDialog.Title>\n          ))}\n      </div>\n    );\n  }\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-scroll-area.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  drawerVariant?: DrawerVariant;\n  fitToContent?: boolean;\n};\n\nconst rootClassName = \"purpur-drawer-scroll-area\";\n\nexport const DrawerScrollArea = forwardRef<HTMLDivElement, DrawerScrollAreaProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-scroll-area\",\n      children,\n      className,\n      drawerVariant = \"default\",\n      fitToContent = false,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      { [`${rootClassName}--ai`]: drawerVariant === \"ai\" },\n      className,\n    ]);\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <RadixScrollArea.Root\n          className={cx(`${rootClassName}__root`, {\n            [`${rootClassName}__root--fit-to-content`]: fitToContent,\n          })}\n        >\n          <RadixScrollArea.Viewport className={cx(`${rootClassName}__viewport`)}>\n            {children}\n          </RadixScrollArea.Viewport>\n          <RadixScrollArea.Scrollbar\n            className={cx(`${rootClassName}__scrollbar`)}\n            orientation=\"vertical\"\n          >\n            <RadixScrollArea.Thumb className={cx(`${rootClassName}__thumb`)} />\n          </RadixScrollArea.Scrollbar>\n        </RadixScrollArea.Root>\n      </div>\n    );\n  }\n);\n\nDrawerScrollArea.displayName = \"DrawerScrollArea\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContainer } from \"./drawer-container\";\nimport styles from \"./drawer-frame.module.scss\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerScrollArea } from \"./drawer-scroll-area\";\nimport { type DrawerVariant, type Position, type SwipeEvent } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerFrameProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  stickyFooter: boolean;\n  title: string;\n  position?: Position;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-frame\";\n\nexport const DrawerFrame = forwardRef<HTMLDivElement, DrawerFrameProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-frame\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      children,\n      className,\n      closeButtonAriaLabel,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      title,\n      stickyFooter,\n      position = \"right\",\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const isAi = variant === \"ai\";\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--sticky-footer`]: stickyFooter,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--without-back-button`]: !hasBackButton,\n        [`${rootClassName}--with-back-button`]: hasBackButton,\n        [`${rootClassName}--ai`]: isAi,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <DrawerHandle\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n          variant={variant}\n        />\n        <DrawerContainer\n          className={cx(`${rootClassName}__header`)}\n          variant=\"header\"\n          stickyFooter={stickyFooter}\n          drawerVariant={variant}\n        >\n          <DrawerHeader\n            title={title}\n            headerContent={headerContent}\n            backButtonOnlyIcon={backButtonOnlyIcon}\n            backButton={backButton}\n            backButtonText={backButtonText}\n            closeButtonAriaLabel={closeButtonAriaLabel}\n            onBackButtonClick={onBackButtonClick}\n            onCloseClick={onCloseClick}\n            variant={variant}\n          />\n        </DrawerContainer>\n        {stickyFooter ? (\n          <>\n            <DrawerScrollArea\n              className={cx(`${rootClassName}__body`)}\n              data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n              fitToContent={fitToContent}\n              drawerVariant={variant}\n            >\n              <DrawerContainer stickyFooter drawerVariant={variant}>\n                {children}\n              </DrawerContainer>\n            </DrawerScrollArea>\n            {footerContent && (\n              <DrawerContainer\n                className={cx(`${rootClassName}__footer`)}\n                data-testid={`${dataTestId}-sticky-footer`}\n                variant=\"footer\"\n                stickyFooter={stickyFooter}\n                drawerVariant={variant}\n              >\n                {footerContent}\n              </DrawerContainer>\n            )}\n          </>\n        ) : (\n          <DrawerScrollArea\n            className={cx(`${rootClassName}__body`)}\n            data-testid={`${dataTestId}-scroll-area`}\n            fitToContent={fitToContent}\n            drawerVariant={variant}\n          >\n            <div\n              className={cx([\n                `${rootClassName}__content-container`,\n                { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n              ])}\n            >\n              <DrawerContainer stickyFooter={stickyFooter} drawerVariant={variant}>\n                {children}\n              </DrawerContainer>\n              {footerContent && (\n                <DrawerContainer\n                  data-testid={`${dataTestId}-footer`}\n                  stickyFooter={stickyFooter}\n                  variant=\"footer\"\n                  drawerVariant={variant}\n                >\n                  {footerContent}\n                </DrawerContainer>\n              )}\n            </div>\n          </DrawerScrollArea>\n        )}\n      </div>\n    );\n  }\n);\n\nDrawerFrame.displayName = \"DrawerFrame\";\n","import type { RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeToDismiss = {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n};\n\nexport const useSwipeToDismiss = <T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  handleOpenChange: ((open: boolean) => void) | null\n): UseSwipeToDismiss => {\n  const onSwipeStart = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"start\");\n  };\n  const onSwipeMove = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"move\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-move-y\", `${y}px`);\n  };\n  const onSwipeCancel = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"cancel\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-end-y\");\n  };\n  const onSwipeEnd = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"end\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-end-y\", `${y}px`);\n    handleOpenChange?.(false);\n  };\n\n  return {\n    onSwipeStart,\n    onSwipeMove,\n    onSwipeCancel,\n    onSwipeEnd,\n  };\n};\n","import React, { forwardRef, type ReactNode, useContext, useRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-content.module.scss\";\nimport { DrawerFrame } from \"./drawer-frame\";\nimport { type Position } from \"./types\";\nimport { useSwipeToDismiss } from \"./use-swipe-to-dismiss.hook\";\n\nconst cx = c.bind(styles);\n\nexport type WithBackButton = {\n  backButton: boolean;\n  backButtonText: string;\n  backButtonOnlyIcon?: boolean;\n  onBackButtonClick: () => void;\n};\n\nexport type WithoutBackButton = {\n  backButton?: never;\n  backButtonText?: never;\n  backButtonOnlyIcon?: never;\n  onBackButtonClick?: never;\n};\n\nexport type DrawerContentProps = Omit<BaseProps, \"children\"> & {\n  bodyText?: string;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  /**\n   * Optional DOM element to portal the drawer content into. When omitted,\n   * the drawer renders inside the nearest `ThemeProvider` so it inherits\n   * the active color scheme. Pass `document.body` (or any other element) to\n   * override. Pass `null` to fall back to Radix' default (`document.body`).\n   */\n  container?: HTMLElement | null;\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * If true, the drawer height will fit to its content on small screens.\n   */\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onCloseClick?: () => void;\n  stickyFooter?: boolean;\n  title: string;\n  zIndex?: number;\n  position?: Position;\n} & (WithoutBackButton | WithBackButton);\n\nconst rootClassName = \"purpur-drawer-content\";\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-content\",\n      backButton = false,\n      backButtonText,\n      backButtonOnlyIcon = false,\n      bodyText,\n      children,\n      className,\n      closeButtonAriaLabel,\n      container,\n      disableCloseOnClickOutside = false,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      stickyFooter = false,\n      title,\n      zIndex,\n      position = \"right\",\n      ...props\n    },\n    ref\n  ) => {\n    const drawerContext = useContext(DrawerContext);\n    const variant = drawerContext?.variant ?? \"default\";\n    const isModal = drawerContext?.isModal ?? true;\n    const themePortalContainer = useThemePortalContainer();\n    const portalContainer =\n      container === undefined ? themePortalContainer : container ?? undefined;\n\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--ai`]: variant === \"ai\",\n      },\n      className,\n    ]);\n\n    const drawerFrameRef = useRef<HTMLDivElement>(null);\n    const internalDrawerContentRef = useRef<HTMLDivElement>(null);\n\n    const setRef = (node: HTMLDivElement | null) => {\n      internalDrawerContentRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n\n    const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n      internalDrawerContentRef,\n      drawerContext?.onOpenChange ?? null\n    );\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n        return;\n      }\n\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleInitialFocus = () => {\n      const frame = drawerFrameRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const dialogContent = (\n      <RadixDialog.Content\n        onPointerDownOutside={handlePointerDownOutside}\n        onEscapeKeyDown={handleEscapeKeyDown}\n        onOpenAutoFocus={handleInitialFocus}\n        className={classes}\n        data-testid={dataTestId}\n        ref={setRef}\n        {...(!bodyText && { [\"aria-describedby\"]: undefined })}\n        {...props}\n      >\n        <DrawerFrame\n          backButton={backButton}\n          backButtonText={backButtonText}\n          backButtonOnlyIcon={backButtonOnlyIcon}\n          closeButtonAriaLabel={closeButtonAriaLabel}\n          className={cx(`${rootClassName}__drawer-frame`)}\n          fitToContent={fitToContent}\n          footerContent={footerContent}\n          headerContent={headerContent}\n          ref={drawerFrameRef}\n          onBackButtonClick={onBackButtonClick}\n          onCloseClick={onCloseClick}\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n          stickyFooter={stickyFooter}\n          title={title}\n          position={position}\n          variant={variant}\n        >\n          {bodyText ? (\n            <div className={cx(`${rootClassName}__content-container`)}>\n              <RadixDialog.Description\n                className={cx(`${rootClassName}__description`)}\n                data-testid={`${dataTestId}-description`}\n              >\n                {bodyText}\n              </RadixDialog.Description>\n              <div>{children}</div>\n            </div>\n          ) : (\n            children\n          )}\n        </DrawerFrame>\n      </RadixDialog.Content>\n    );\n\n    if (!isModal) {\n      return (\n        <RadixDialog.Portal container={portalContainer}>\n          <div\n            className={cx(\"purpur-drawer-overlay\")}\n            style={zIndex ? { zIndex } : undefined}\n            data-testid={`${dataTestId}-overlay`}\n          >\n            {dialogContent}\n          </div>\n        </RadixDialog.Portal>\n      );\n    }\n\n    return (\n      <RadixDialog.Portal container={portalContainer}>\n        <RadixDialog.Overlay\n          className={cx(\"purpur-drawer-overlay\")}\n          style={zIndex ? { zIndex } : undefined}\n          data-testid={`${dataTestId}-overlay`}\n        >\n          {dialogContent}\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nexport type DrawerTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  ({ [\"data-testid\"]: dataTestId = \"purpur-drawer-trigger\", children, ...props }, ref) => {\n    return (\n      <RadixDialog.Trigger asChild data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </RadixDialog.Trigger>\n    );\n  }\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n","import React, { type ReactNode, useEffect } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { type DrawerVariant } from \"./types\";\n\nexport type { DrawerVariant };\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  /**\n   * Whether the drawer should be modal. When `true` (default), focus is trapped\n   * and pointer events outside the drawer are disabled. Set to `false` when rendering\n   * components that use portals (e.g. DatePicker) inside the drawer.\n   */\n  isModal?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open: boolean;\n  noHeaderSeparator?: boolean;\n  noBodyPadding?: boolean;\n  variant?: DrawerVariant;\n};\n\nexport type DrawerComponent<P> = React.FunctionComponent<P> & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n};\n\nexport const Drawer: DrawerComponent<DrawerProps> = ({\n  [\"data-testid\"]: dataTestId = \"purpur-drawer\",\n  children,\n  className,\n  isModal = true,\n  onOpenChange,\n  open = false,\n  noBodyPadding = false,\n  noHeaderSeparator = false,\n  variant = \"default\",\n  ...props\n}: DrawerProps) => {\n  const [_open, _setOpen] = React.useState(open);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    _setOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n\n  useEffect(() => {\n    _setOpen(open);\n  }, [open]);\n\n  const contextValue = {\n    isModal,\n    onOpenChange: handleOpenChange,\n    variant,\n    noBodyPadding,\n    noHeaderSeparator,\n  };\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <div className={className} data-testid={dataTestId} {...props}>\n        <RadixDialog.Root open={_open} onOpenChange={handleOpenChange} modal={isModal}>\n          {children}\n        </RadixDialog.Root>\n      </div>\n    </DrawerContext.Provider>\n  );\n};\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.displayName = \"Drawer\";\n"],"names":["DrawerContext","createContext","cx","c","styles","rootClassName","DrawerContainer","forwardRef","dataTestId","children","className","drawerVariant","variant","stickyFooter","props","ref","noHeaderSeparator","noBodyPadding","useContext","classes","jsx","useSwipeTracking","pointerStartRef","swipeDeltaRef","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","event","y","hasSwipeMoveStarted","clampedY","moveStartBuffer","delta","eventDetail","isDeltaInDirection","target","swipeHandle","threshold","DrawerHandle","React","onPointerDown","onPointerMove","onPointerUp","DrawerHeader","backButton","backButtonText","backButtonOnlyIcon","closeButtonAriaLabel","headerContent","onBackButtonClick","onCloseClick","title","hasBackButton","isAi","CloseButtonWrapper","RadixDialog.Close","jsxs","Button","BUTTON_VARIANT","IconChevronLeft","Fragment","VisuallyHidden","RadixDialog.Title","Heading","DisplayVariant","IconClose","DrawerScrollArea","fitToContent","RadixScrollArea.Root","RadixScrollArea.Viewport","RadixScrollArea.Scrollbar","RadixScrollArea.Thumb","DrawerFrame","footerContent","position","useSwipeToDismiss","containerRef","handleOpenChange","DrawerContent","bodyText","container","disableCloseOnClickOutside","zIndex","drawerContext","isModal","themePortalContainer","useThemePortalContainer","portalContainer","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","dialogContent","RadixDialog.Content","frame","heading","RadixDialog.Description","RadixDialog.Portal","RadixDialog.Overlay","DrawerTrigger","RadixDialog.Trigger","Drawer","onOpenChange","open","_open","_setOpen","newOpen","useEffect","contextValue","RadixDialog.Root"],"mappings":"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"}

package/dist/drawer-oFJcxW58.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),_=require("react"),y=require("./index-2cFVyGXq.js");require("./ThemeProvider-BJGm3zai.js");const wr=require("./useThemePortalContainer-CUcqV327.js"),k=require("./bind-DeUYJ6m9.js"),H=require("./button-C5CYysw5.js"),M=require("./heading-BPeRwNYu.js"),fr=require("./chevron-left.es-B0vPg5XM.js"),hr=require("./close.es-VL3lKi1O.js"),J=require("./visually-hidden-C2CKovZx.js"),L=require("./index-CoR7YA3H.js"),I=_.createContext(null),mr="_slideUp_9zrj7_1",jr="_slideDown_9zrj7_1",yr="_slideInRight_9zrj7_1",$r="_slideInLeft_9zrj7_1",xr="_slideOutRight_9zrj7_1",vr="_slideOutLeft_9zrj7_1",gr="_fadeIn_9zrj7_1",br="_fadeOut_9zrj7_1",Nr={"purpur-drawer-content":"_purpur-drawer-content_9zrj7_1",slideUp:mr,slideDown:jr,"purpur-drawer-content--left":"_purpur-drawer-content--left_9zrj7_21","purpur-drawer-content--right":"_purpur-drawer-content--right_9zrj7_24","purpur-drawer-content--fit-to-content":"_purpur-drawer-content--fit-to-content_9zrj7_27",slideInRight:yr,slideInLeft:$r,slideOutRight:xr,slideOutLeft:vr,"purpur-drawer-content__content-container":"_purpur-drawer-content__content-container_9zrj7_63","purpur-drawer-content__description":"_purpur-drawer-content__description_9zrj7_68","purpur-drawer-content--ai":"_purpur-drawer-content--ai_9zrj7_78","purpur-drawer-overlay":"_purpur-drawer-overlay_9zrj7_82",fadeIn:gr,fadeOut:br},Dr={"purpur-drawer-container--header":"_purpur-drawer-container--header_1csed_1","purpur-drawer-container--ai":"_purpur-drawer-container--ai_1csed_4","purpur-drawer-container--body":"_purpur-drawer-container--body_1csed_7","purpur-drawer-container--sticky":"_purpur-drawer-container--sticky_1csed_15","purpur-drawer-container--footer":"_purpur-drawer-container--footer_1csed_23"},Pr=k.c.bind(Dr),R="purpur-drawer-container",O=_.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:a,className:s,drawerVariant:o="default",variant:u="body",stickyFooter:l,...i},c)=>{const{noHeaderSeparator:p,noBodyPadding:t}=_.useContext(I)??{},d=Pr([R,{[`${R}--${u}`]:u&&!(u==="header"&&p)&&!(u==="body"&&t),[`${R}--sticky`]:l,[`${R}--ai`]:o==="ai"},s]);return r.jsx("div",{className:d,"data-testid":e,ref:c,...i,children:a})});O.displayName="DrawerContainer";const zr={"purpur-drawer-frame":"_purpur-drawer-frame_vjt35_1","purpur-drawer-frame--ai":"_purpur-drawer-frame--ai_vjt35_11","purpur-drawer-frame--without-back-button":"_purpur-drawer-frame--without-back-button_vjt35_14","purpur-drawer-frame__header":"_purpur-drawer-frame__header_vjt35_14","purpur-drawer-frame--with-back-button":"_purpur-drawer-frame--with-back-button_vjt35_17","purpur-drawer-frame--left":"_purpur-drawer-frame--left_vjt35_21","purpur-drawer-frame--right":"_purpur-drawer-frame--right_vjt35_25","purpur-drawer-frame--sticky-footer":"_purpur-drawer-frame--sticky-footer_vjt35_36","purpur-drawer-frame__body":"_purpur-drawer-frame__body_vjt35_42","purpur-drawer-frame--fit-to-content":"_purpur-drawer-frame--fit-to-content_vjt35_46","purpur-drawer-frame__footer":"_purpur-drawer-frame__footer_vjt35_55","purpur-drawer-frame__content-container":"_purpur-drawer-frame__content-container_vjt35_58","purpur-drawer-frame__content-container--no-footer":"_purpur-drawer-frame__content-container--no-footer_vjt35_63"},Sr={"purpur-drawer-handle":"_purpur-drawer-handle_lz3ca_1","purpur-drawer-handle--ai":"_purpur-drawer-handle--ai_lz3ca_22"},Cr=(e,a,s,o,u,l)=>({onPointerDown:t=>{e.current={y:t.clientY}},onPointerMove:t=>{if(!e.current)return;const d=t.clientY-e.current.y,w=!!a.current,f=Math.max(0,d),m=t.pointerType==="touch"?10:2,n={y:f},g={originalEvent:t,delta:n};w?(a.current=n,o(g)):Q(n,0)?(a.current=n,s(),t.target.setPointerCapture(t.pointerId)):Math.abs(d)>m&&(e.current=null)},onPointerUp:t=>{const d=a.current,w=t.target;if(w.hasPointerCapture(t.pointerId)&&w.releasePointerCapture(t.pointerId),a.current=null,e.current=null,d){const f=t.currentTarget,m={originalEvent:t,delta:d};Q(d,0)&&d.y>200?l(m):u(),f.addEventListener("click",n=>n.preventDefault(),{once:!0})}}}),Q=(e,a=0)=>Math.abs(e.y)>a,Or=k.c.bind(Sr),Z="purpur-drawer-handle",rr=_.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:a,onSwipeStart:s,onSwipeMove:o,onSwipeCancel:u,onSwipeEnd:l,variant:i="default",...c},p)=>{const t=Or([Z,{[`${Z}--ai`]:i==="ai"},a]),d=_.useRef(null),w=_.useRef(null),{onPointerDown:f,onPointerMove:m,onPointerUp:n}=Cr(w,d,s,o,u,l);return r.jsx("div",{className:t,"data-testid":e,onPointerDown:f,onPointerMove:m,onPointerUp:n,ref:p,...c})});rr.displayName="DrawerHandle";const kr={"purpur-drawer-header":"_purpur-drawer-header_1dlfk_1","purpur-drawer-header__row":"_purpur-drawer-header__row_1dlfk_4","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1dlfk_7","purpur-drawer-header__left":"_purpur-drawer-header__left_1dlfk_10","purpur-drawer-header__right":"_purpur-drawer-header__right_1dlfk_13","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1dlfk_16","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1dlfk_27","purpur-drawer-header__title":"_purpur-drawer-header__title_1dlfk_30"},b=k.c.bind(kr),v="purpur-drawer-header",er=_.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:a,backButtonText:s,backButtonOnlyIcon:o,className:u,closeButtonAriaLabel:l,headerContent:i,onBackButtonClick:c,onCloseClick:p,title:t,variant:d="default",...w},f)=>{const m=b([v,{[`${v}--ai`]:d==="ai"},u]),n=!!(a&&s&&c),g=d==="ai",A=p?_.Fragment:y.Close;return r.jsxs("div",{className:m,"data-testid":e,ref:f,...w,children:[r.jsxs("div",{className:b([`${v}__row`,{[`${v}__row--with-back-button`]:n}]),"data-testid":`${e}-row`,children:[r.jsx("div",{className:b(`${v}__left`),children:n?r.jsxs(H.Button,{"aria-label":o?s:"",className:b([`${v}__back-button`,{[`${v}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,negative:g,onClick:c,size:"sm",variant:H.BUTTON_VARIANT.TEXT,children:[r.jsx(fr.l,{size:"sm"}),!o&&s]}):i?r.jsxs(r.Fragment,{children:[i,r.jsx(J.VisuallyHidden,{asChild:!0,children:r.jsx(y.Title,{children:t})})]}):r.jsx(y.Title,{asChild:!0,children:r.jsx(M.Heading,{className:b(`${v}__title`),"data-testid":`${e}-title`,negative:g,tag:"h2",variant:M.DisplayVariant.DISPLAY10,tabIndex:-1,children:t})})}),r.jsx("div",{className:b(`${v}__right`),children:r.jsx(A,{...p?{}:{asChild:!0},children:r.jsx(H.Button,{"aria-label":l,className:b(`${v}__close-button`),iconOnly:!0,negative:g,onClick:p,size:"sm",variant:H.BUTTON_VARIANT.TEXT,children:r.jsx(hr.r,{size:"sm"})})})})]}),n&&(i?r.jsxs(r.Fragment,{children:[i,r.jsx(J.VisuallyHidden,{asChild:!0,children:r.jsx(y.Title,{children:t})})]}):r.jsx(y.Title,{asChild:!0,children:r.jsx(M.Heading,{"data-testid":`${e}-title-with-back-button`,className:b(`${v}__title`),negative:g,tag:"h2",tabIndex:-1,variant:M.DisplayVariant.DISPLAY10,children:t})}))]})});er.displayName="DrawerHeader";const Ar={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_vzgxi_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_vzgxi_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_vzgxi_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_vzgxi_14","purpur-drawer-scroll-area--ai":"_purpur-drawer-scroll-area--ai_vzgxi_25","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_vzgxi_29"},E=k.c.bind(Ar),D="purpur-drawer-scroll-area",F=_.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:a,className:s,drawerVariant:o="default",fitToContent:u=!1,...l},i)=>{const c=E([D,{[`${D}--ai`]:o==="ai"},s]);return r.jsx("div",{className:c,"data-testid":e,ref:i,...l,children:r.jsxs(L.Root,{className:E(`${D}__root`,{[`${D}__root--fit-to-content`]:u}),children:[r.jsx(L.Viewport,{className:E(`${D}__viewport`),children:a}),r.jsx(L.Scrollbar,{className:E(`${D}__scrollbar`),orientation:"vertical",children:r.jsx(L.Thumb,{className:E(`${D}__thumb`)})})]})})});F.displayName="DrawerScrollArea";const S=k.c.bind(zr),h="purpur-drawer-frame",tr=_.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:a,backButtonText:s,backButtonOnlyIcon:o,children:u,className:l,closeButtonAriaLabel:i,fitToContent:c=!1,footerContent:p,headerContent:t,onBackButtonClick:d,onCloseClick:w,onSwipeStart:f,onSwipeMove:m,onSwipeCancel:n,onSwipeEnd:g,title:A,stickyFooter:$,position:P="right",variant:j="default",...z},V)=>{const q=!!(a&&s&&d),T=j==="ai",Y=S([h,{[`${h}--fit-to-content`]:c,[`${h}--sticky-footer`]:$,[`${h}--left`]:P==="left",[`${h}--right`]:P==="right",[`${h}--without-back-button`]:!q,[`${h}--with-back-button`]:q,[`${h}--ai`]:T},l]);return r.jsxs("div",{className:Y,"data-testid":e,ref:V,...z,children:[r.jsx(rr,{onSwipeStart:f,onSwipeMove:m,onSwipeCancel:n,onSwipeEnd:g,variant:j}),r.jsx(O,{className:S(`${h}__header`),variant:"header",stickyFooter:$,drawerVariant:j,children:r.jsx(er,{title:A,headerContent:t,backButtonOnlyIcon:o,backButton:a,backButtonText:s,closeButtonAriaLabel:i,onBackButtonClick:d,onCloseClick:w,variant:j})}),$?r.jsxs(r.Fragment,{children:[r.jsx(F,{className:S(`${h}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:c,drawerVariant:j,children:r.jsx(O,{stickyFooter:!0,drawerVariant:j,children:u})}),p&&r.jsx(O,{className:S(`${h}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:$,drawerVariant:j,children:p})]}):r.jsx(F,{className:S(`${h}__body`),"data-testid":`${e}-scroll-area`,fitToContent:c,drawerVariant:j,children:r.jsxs("div",{className:S([`${h}__content-container`,{[`${h}__content-container--no-footer`]:!p}]),children:[r.jsx(O,{stickyFooter:$,drawerVariant:j,children:u}),p&&r.jsx(O,{"data-testid":`${e}-footer`,stickyFooter:$,variant:"footer",drawerVariant:j,children:p})]})})]})});tr.displayName="DrawerFrame";const Vr=(e,a)=>({onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:i=>{if(!e.current)return;const{y:c}=i.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${c}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:i=>{if(!e.current)return;const{y:c}=i.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${c}px`),a?.(!1)}}),C=k.c.bind(Nr),N="purpur-drawer-content",ar=_.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:a=!1,backButtonText:s,backButtonOnlyIcon:o=!1,bodyText:u,children:l,className:i,closeButtonAriaLabel:c,container:p,disableCloseOnClickOutside:t=!1,fitToContent:d=!1,footerContent:w,headerContent:f,onBackButtonClick:m,onCloseClick:n,stickyFooter:g=!1,title:A,zIndex:$,position:P="right",...j},z)=>{const V=_.useContext(I),q=V?.variant??"default",T=V?.isModal??!0,Y=wr.useThemePortalContainer(),K=p===void 0?Y:p??void 0,sr=C([N,{[`${N}--fit-to-content`]:d,[`${N}--left`]:P==="left",[`${N}--right`]:P==="right",[`${N}--ai`]:q==="ai"},i]),X=_.useRef(null),B=_.useRef(null),or=x=>{B.current=x,typeof z=="function"?z(x):z&&(z.current=x)},{onSwipeStart:ur,onSwipeMove:dr,onSwipeCancel:ir,onSwipeEnd:cr}=Vr(B,V?.onOpenChange??null),lr=x=>{if(t){x.preventDefault();return}n&&(x.preventDefault(),n())},pr=x=>{n&&(x.preventDefault(),n())},_r=()=>{const x=X.current;if(x){const G=x.querySelector("h2");G&&setTimeout(()=>{G.focus()})}},W=r.jsx(y.Content,{onPointerDownOutside:lr,onEscapeKeyDown:pr,onOpenAutoFocus:_r,className:sr,"data-testid":e,ref:or,...!u&&{"aria-describedby":void 0},...j,children:r.jsx(tr,{backButton:a,backButtonText:s,backButtonOnlyIcon:o,closeButtonAriaLabel:c,className:C(`${N}__drawer-frame`),fitToContent:d,footerContent:w,headerContent:f,ref:X,onBackButtonClick:m,onCloseClick:n,onSwipeStart:ur,onSwipeMove:dr,onSwipeCancel:ir,onSwipeEnd:cr,stickyFooter:g,title:A,position:P,variant:q,children:u?r.jsxs("div",{className:C(`${N}__content-container`),children:[r.jsx(y.Description,{className:C(`${N}__description`),"data-testid":`${e}-description`,children:u}),r.jsx("div",{children:l})]}):l})});return T?r.jsx(y.Portal,{container:K,children:r.jsx(y.Overlay,{className:C("purpur-drawer-overlay"),style:$?{zIndex:$}:void 0,"data-testid":`${e}-overlay`,children:W})}):r.jsx(y.Portal,{container:K,children:r.jsx("div",{className:C("purpur-drawer-overlay"),style:$?{zIndex:$}:void 0,"data-testid":`${e}-overlay`,children:W})})});ar.displayName="DrawerContent";const nr=_.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:a,...s},o)=>r.jsx(y.Trigger,{asChild:!0,"data-testid":e,ref:o,...s,children:a}));nr.displayName="DrawerTrigger";const U=({["data-testid"]:e="purpur-drawer",children:a,className:s,isModal:o=!0,onOpenChange:u,open:l=!1,noBodyPadding:i=!1,noHeaderSeparator:c=!1,variant:p="default",...t})=>{const[d,w]=_.useState(l),f=n=>{w(n),u?.(n)};_.useEffect(()=>{w(l)},[l]);const m={isModal:o,onOpenChange:f,variant:p,noBodyPadding:i,noHeaderSeparator:c};return r.jsx(I.Provider,{value:m,children:r.jsx("div",{className:s,"data-testid":e,...t,children:r.jsx(y.Root,{open:d,onOpenChange:f,modal:o,children:a})})})};U.Trigger=nr;U.Content=ar;U.displayName="Drawer";exports.Drawer=U;
+//# sourceMappingURL=drawer-oFJcxW58.js.map

package/dist/drawer-oFJcxW58.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-oFJcxW58.js","sources":["../../../components/drawer/src/drawer.context.ts","../../../components/drawer/src/drawer-container.tsx","../../../components/drawer/src/use-swipe-tracking.hook.ts","../../../components/drawer/src/drawer-handle.tsx","../../../components/drawer/src/drawer-header.tsx","../../../components/drawer/src/drawer-scroll-area.tsx","../../../components/drawer/src/drawer-frame.tsx","../../../components/drawer/src/use-swipe-to-dismiss.hook.ts","../../../components/drawer/src/drawer-content.tsx","../../../components/drawer/src/drawer-trigger.tsx","../../../components/drawer/src/drawer.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { type DrawerVariant, type OpenHandlerFunction } from \"./types\";\n\nexport type DrawerContextValue = {\n  isModal: boolean;\n  onOpenChange: OpenHandlerFunction;\n  noBodyPadding: boolean;\n  noHeaderSeparator: boolean;\n  variant: DrawerVariant;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null);\n","import React, { forwardRef, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-container.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  drawerVariant?: DrawerVariant;\n  stickyFooter: boolean;\n  variant?: \"header\" | \"body\" | \"footer\";\n};\n\nconst rootClassName = \"purpur-drawer-container\";\n\nexport const DrawerContainer = forwardRef<HTMLDivElement, DrawerContainerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-container\",\n      children,\n      className,\n      drawerVariant = \"default\",\n      variant = \"body\",\n      stickyFooter,\n      ...props\n    },\n    ref\n  ) => {\n    const { noHeaderSeparator, noBodyPadding } = useContext(DrawerContext) ?? {};\n\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]:\n          variant &&\n          !(variant === \"header\" && noHeaderSeparator) &&\n          !(variant === \"body\" && noBodyPadding),\n        [`${rootClassName}--sticky`]: stickyFooter,\n        [`${rootClassName}--ai`]: drawerVariant === \"ai\",\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nDrawerContainer.displayName = \"DrawerContainer\";\n","import type { PointerEvent, RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeTracking = {\n  onPointerDown(event: PointerEvent): void;\n  onPointerMove(event: PointerEvent): void;\n  onPointerUp(event: PointerEvent): void;\n};\n\nexport const useSwipeTracking = (\n  pointerStartRef: RefObject<{ y: number } | null>,\n  swipeDeltaRef: RefObject<{ y: number } | null>,\n  onSwipeStart: () => void,\n  onSwipeMove: (event: SwipeEvent) => void,\n  onSwipeCancel: () => void,\n  onSwipeEnd: (event: SwipeEvent) => void\n): UseSwipeTracking => {\n  const onPointerDown = (event: PointerEvent) => {\n    pointerStartRef.current = { y: event.clientY };\n  };\n  const onPointerMove = (event: PointerEvent) => {\n    if (!pointerStartRef.current) {\n      return;\n    }\n    const y = event.clientY - pointerStartRef.current.y;\n    const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n    const clampedY = Math.max(0, y);\n    const moveStartBuffer = event.pointerType === \"touch\" ? 10 : 2;\n    const delta = { y: clampedY };\n    const eventDetail = { originalEvent: event, delta };\n    if (hasSwipeMoveStarted) {\n      swipeDeltaRef.current = delta;\n      onSwipeMove(eventDetail);\n    } else if (isDeltaInDirection(delta, 0)) {\n      swipeDeltaRef.current = delta;\n      onSwipeStart();\n      (event.target as HTMLElement).setPointerCapture(event.pointerId);\n    } else if (Math.abs(y) > moveStartBuffer) {\n      // User is swiping in wrong direction so we disable swipe gesture\n      // for the current pointer down interaction\n      pointerStartRef.current = null;\n    }\n  };\n  const onPointerUp = (event: PointerEvent) => {\n    const delta = swipeDeltaRef.current;\n    const target = event.target as HTMLElement;\n    if (target.hasPointerCapture(event.pointerId)) {\n      target.releasePointerCapture(event.pointerId);\n    }\n    swipeDeltaRef.current = null;\n    pointerStartRef.current = null;\n    if (delta) {\n      const swipeHandle = event.currentTarget;\n      const eventDetail = { originalEvent: event, delta };\n      if (isDeltaInDirection(delta, 0) && delta.y > 200) {\n        onSwipeEnd(eventDetail);\n      } else {\n        onSwipeCancel();\n      }\n      // Prevent click event from triggering on items within the drawer when\n      // pointer up is part of a swipe gesture\n      swipeHandle.addEventListener(\"click\", (event) => event.preventDefault(), {\n        once: true,\n      });\n    }\n  };\n  return {\n    onPointerDown,\n    onPointerMove,\n    onPointerUp,\n  };\n};\n\nconst isDeltaInDirection = (delta: { y: number }, threshold = 0) => {\n  const deltaY = Math.abs(delta.y);\n  return deltaY > threshold;\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-handle.module.scss\";\nimport { type DrawerVariant, type SwipeEvent } from \"./types\";\nimport { useSwipeTracking } from \"./use-swipe-tracking.hook\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHandleProps = Omit<BaseProps, \"children\"> & {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-handle\";\n\nexport const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-handle\",\n      className,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n    const pointerStartRef = React.useRef<{ y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ y: number } | null>(null);\n    const { onPointerDown, onPointerMove, onPointerUp } = useSwipeTracking(\n      swipeDeltaRef,\n      pointerStartRef,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd\n    );\n\n    return (\n      <div\n        className={classes}\n        data-testid={dataTestId}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nDrawerHandle.displayName = \"DrawerHandle\";\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { DisplayVariant, Heading } from \"@purpur/heading\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-header.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHeaderProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  closeButtonAriaLabel: string;\n  headerContent?: React.ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  title: string;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-header\";\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-header\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      className,\n      closeButtonAriaLabel,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      title,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const isAi = variant === \"ai\";\n\n    const CloseButtonWrapper = onCloseClick ? React.Fragment : RadixDialog.Close;\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div\n          className={cx([\n            `${rootClassName}__row`,\n            {\n              [`${rootClassName}__row--with-back-button`]: hasBackButton,\n            },\n          ])}\n          data-testid={`${dataTestId}-row`}\n        >\n          <div className={cx(`${rootClassName}__left`)}>\n            {hasBackButton ? (\n              <Button\n                aria-label={backButtonOnlyIcon ? backButtonText : \"\"}\n                className={cx([\n                  `${rootClassName}__back-button`,\n                  {\n                    [`${rootClassName}__back-button--only-icon`]: backButtonOnlyIcon,\n                  },\n                ])}\n                data-testid={`${dataTestId}-back-button`}\n                iconOnly={backButtonOnlyIcon}\n                negative={isAi}\n                onClick={onBackButtonClick}\n                size=\"sm\"\n                variant={BUTTON_VARIANT.TEXT}\n              >\n                <IconChevronLeft size=\"sm\" />\n                {!backButtonOnlyIcon && backButtonText}\n              </Button>\n            ) : headerContent ? (\n              <>\n                {headerContent}\n                <VisuallyHidden asChild>\n                  <RadixDialog.Title>{title}</RadixDialog.Title>\n                </VisuallyHidden>\n              </>\n            ) : (\n              <RadixDialog.Title asChild>\n                <Heading\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={`${dataTestId}-title`}\n                  negative={isAi}\n                  tag=\"h2\"\n                  variant={DisplayVariant.DISPLAY10}\n                  tabIndex={-1}\n                >\n                  {title}\n                </Heading>\n              </RadixDialog.Title>\n            )}\n          </div>\n\n          <div className={cx(`${rootClassName}__right`)}>\n            <CloseButtonWrapper {...(onCloseClick ? {} : { asChild: true })}>\n              <Button\n                aria-label={closeButtonAriaLabel}\n                className={cx(`${rootClassName}__close-button`)}\n                iconOnly\n                negative={isAi}\n                onClick={onCloseClick}\n                size=\"sm\"\n                variant={BUTTON_VARIANT.TEXT}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            </CloseButtonWrapper>\n          </div>\n        </div>\n        {hasBackButton &&\n          (headerContent ? (\n            <>\n              {headerContent}\n              <VisuallyHidden asChild>\n                <RadixDialog.Title>{title}</RadixDialog.Title>\n              </VisuallyHidden>\n            </>\n          ) : (\n            <RadixDialog.Title asChild>\n              <Heading\n                data-testid={`${dataTestId}-title-with-back-button`}\n                className={cx(`${rootClassName}__title`)}\n                negative={isAi}\n                tag=\"h2\"\n                tabIndex={-1}\n                variant={DisplayVariant.DISPLAY10}\n              >\n                {title}\n              </Heading>\n            </RadixDialog.Title>\n          ))}\n      </div>\n    );\n  }\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-scroll-area.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  drawerVariant?: DrawerVariant;\n  fitToContent?: boolean;\n};\n\nconst rootClassName = \"purpur-drawer-scroll-area\";\n\nexport const DrawerScrollArea = forwardRef<HTMLDivElement, DrawerScrollAreaProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-scroll-area\",\n      children,\n      className,\n      drawerVariant = \"default\",\n      fitToContent = false,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      { [`${rootClassName}--ai`]: drawerVariant === \"ai\" },\n      className,\n    ]);\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <RadixScrollArea.Root\n          className={cx(`${rootClassName}__root`, {\n            [`${rootClassName}__root--fit-to-content`]: fitToContent,\n          })}\n        >\n          <RadixScrollArea.Viewport className={cx(`${rootClassName}__viewport`)}>\n            {children}\n          </RadixScrollArea.Viewport>\n          <RadixScrollArea.Scrollbar\n            className={cx(`${rootClassName}__scrollbar`)}\n            orientation=\"vertical\"\n          >\n            <RadixScrollArea.Thumb className={cx(`${rootClassName}__thumb`)} />\n          </RadixScrollArea.Scrollbar>\n        </RadixScrollArea.Root>\n      </div>\n    );\n  }\n);\n\nDrawerScrollArea.displayName = \"DrawerScrollArea\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContainer } from \"./drawer-container\";\nimport styles from \"./drawer-frame.module.scss\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerScrollArea } from \"./drawer-scroll-area\";\nimport { type DrawerVariant, type Position, type SwipeEvent } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerFrameProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  stickyFooter: boolean;\n  title: string;\n  position?: Position;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-frame\";\n\nexport const DrawerFrame = forwardRef<HTMLDivElement, DrawerFrameProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-frame\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      children,\n      className,\n      closeButtonAriaLabel,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      title,\n      stickyFooter,\n      position = \"right\",\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const isAi = variant === \"ai\";\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--sticky-footer`]: stickyFooter,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--without-back-button`]: !hasBackButton,\n        [`${rootClassName}--with-back-button`]: hasBackButton,\n        [`${rootClassName}--ai`]: isAi,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <DrawerHandle\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n          variant={variant}\n        />\n        <DrawerContainer\n          className={cx(`${rootClassName}__header`)}\n          variant=\"header\"\n          stickyFooter={stickyFooter}\n          drawerVariant={variant}\n        >\n          <DrawerHeader\n            title={title}\n            headerContent={headerContent}\n            backButtonOnlyIcon={backButtonOnlyIcon}\n            backButton={backButton}\n            backButtonText={backButtonText}\n            closeButtonAriaLabel={closeButtonAriaLabel}\n            onBackButtonClick={onBackButtonClick}\n            onCloseClick={onCloseClick}\n            variant={variant}\n          />\n        </DrawerContainer>\n        {stickyFooter ? (\n          <>\n            <DrawerScrollArea\n              className={cx(`${rootClassName}__body`)}\n              data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n              fitToContent={fitToContent}\n              drawerVariant={variant}\n            >\n              <DrawerContainer stickyFooter drawerVariant={variant}>\n                {children}\n              </DrawerContainer>\n            </DrawerScrollArea>\n            {footerContent && (\n              <DrawerContainer\n                className={cx(`${rootClassName}__footer`)}\n                data-testid={`${dataTestId}-sticky-footer`}\n                variant=\"footer\"\n                stickyFooter={stickyFooter}\n                drawerVariant={variant}\n              >\n                {footerContent}\n              </DrawerContainer>\n            )}\n          </>\n        ) : (\n          <DrawerScrollArea\n            className={cx(`${rootClassName}__body`)}\n            data-testid={`${dataTestId}-scroll-area`}\n            fitToContent={fitToContent}\n            drawerVariant={variant}\n          >\n            <div\n              className={cx([\n                `${rootClassName}__content-container`,\n                { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n              ])}\n            >\n              <DrawerContainer stickyFooter={stickyFooter} drawerVariant={variant}>\n                {children}\n              </DrawerContainer>\n              {footerContent && (\n                <DrawerContainer\n                  data-testid={`${dataTestId}-footer`}\n                  stickyFooter={stickyFooter}\n                  variant=\"footer\"\n                  drawerVariant={variant}\n                >\n                  {footerContent}\n                </DrawerContainer>\n              )}\n            </div>\n          </DrawerScrollArea>\n        )}\n      </div>\n    );\n  }\n);\n\nDrawerFrame.displayName = \"DrawerFrame\";\n","import type { RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeToDismiss = {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n};\n\nexport const useSwipeToDismiss = <T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  handleOpenChange: ((open: boolean) => void) | null\n): UseSwipeToDismiss => {\n  const onSwipeStart = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"start\");\n  };\n  const onSwipeMove = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"move\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-move-y\", `${y}px`);\n  };\n  const onSwipeCancel = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"cancel\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-end-y\");\n  };\n  const onSwipeEnd = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"end\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-end-y\", `${y}px`);\n    handleOpenChange?.(false);\n  };\n\n  return {\n    onSwipeStart,\n    onSwipeMove,\n    onSwipeCancel,\n    onSwipeEnd,\n  };\n};\n","import React, { forwardRef, type ReactNode, useContext, useRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-content.module.scss\";\nimport { DrawerFrame } from \"./drawer-frame\";\nimport { type Position } from \"./types\";\nimport { useSwipeToDismiss } from \"./use-swipe-to-dismiss.hook\";\n\nconst cx = c.bind(styles);\n\nexport type WithBackButton = {\n  backButton: boolean;\n  backButtonText: string;\n  backButtonOnlyIcon?: boolean;\n  onBackButtonClick: () => void;\n};\n\nexport type WithoutBackButton = {\n  backButton?: never;\n  backButtonText?: never;\n  backButtonOnlyIcon?: never;\n  onBackButtonClick?: never;\n};\n\nexport type DrawerContentProps = Omit<BaseProps, \"children\"> & {\n  bodyText?: string;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  /**\n   * Optional DOM element to portal the drawer content into. When omitted,\n   * the drawer renders inside the nearest `ThemeProvider` so it inherits\n   * the active color scheme. Pass `document.body` (or any other element) to\n   * override. Pass `null` to fall back to Radix' default (`document.body`).\n   */\n  container?: HTMLElement | null;\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * If true, the drawer height will fit to its content on small screens.\n   */\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onCloseClick?: () => void;\n  stickyFooter?: boolean;\n  title: string;\n  zIndex?: number;\n  position?: Position;\n} & (WithoutBackButton | WithBackButton);\n\nconst rootClassName = \"purpur-drawer-content\";\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-content\",\n      backButton = false,\n      backButtonText,\n      backButtonOnlyIcon = false,\n      bodyText,\n      children,\n      className,\n      closeButtonAriaLabel,\n      container,\n      disableCloseOnClickOutside = false,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      stickyFooter = false,\n      title,\n      zIndex,\n      position = \"right\",\n      ...props\n    },\n    ref\n  ) => {\n    const drawerContext = useContext(DrawerContext);\n    const variant = drawerContext?.variant ?? \"default\";\n    const isModal = drawerContext?.isModal ?? true;\n    const themePortalContainer = useThemePortalContainer();\n    const portalContainer =\n      container === undefined ? themePortalContainer : container ?? undefined;\n\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--ai`]: variant === \"ai\",\n      },\n      className,\n    ]);\n\n    const drawerFrameRef = useRef<HTMLDivElement>(null);\n    const internalDrawerContentRef = useRef<HTMLDivElement>(null);\n\n    const setRef = (node: HTMLDivElement | null) => {\n      internalDrawerContentRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n\n    const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n      internalDrawerContentRef,\n      drawerContext?.onOpenChange ?? null\n    );\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n        return;\n      }\n\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleInitialFocus = () => {\n      const frame = drawerFrameRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const dialogContent = (\n      <RadixDialog.Content\n        onPointerDownOutside={handlePointerDownOutside}\n        onEscapeKeyDown={handleEscapeKeyDown}\n        onOpenAutoFocus={handleInitialFocus}\n        className={classes}\n        data-testid={dataTestId}\n        ref={setRef}\n        {...(!bodyText && { [\"aria-describedby\"]: undefined })}\n        {...props}\n      >\n        <DrawerFrame\n          backButton={backButton}\n          backButtonText={backButtonText}\n          backButtonOnlyIcon={backButtonOnlyIcon}\n          closeButtonAriaLabel={closeButtonAriaLabel}\n          className={cx(`${rootClassName}__drawer-frame`)}\n          fitToContent={fitToContent}\n          footerContent={footerContent}\n          headerContent={headerContent}\n          ref={drawerFrameRef}\n          onBackButtonClick={onBackButtonClick}\n          onCloseClick={onCloseClick}\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n          stickyFooter={stickyFooter}\n          title={title}\n          position={position}\n          variant={variant}\n        >\n          {bodyText ? (\n            <div className={cx(`${rootClassName}__content-container`)}>\n              <RadixDialog.Description\n                className={cx(`${rootClassName}__description`)}\n                data-testid={`${dataTestId}-description`}\n              >\n                {bodyText}\n              </RadixDialog.Description>\n              <div>{children}</div>\n            </div>\n          ) : (\n            children\n          )}\n        </DrawerFrame>\n      </RadixDialog.Content>\n    );\n\n    if (!isModal) {\n      return (\n        <RadixDialog.Portal container={portalContainer}>\n          <div\n            className={cx(\"purpur-drawer-overlay\")}\n            style={zIndex ? { zIndex } : undefined}\n            data-testid={`${dataTestId}-overlay`}\n          >\n            {dialogContent}\n          </div>\n        </RadixDialog.Portal>\n      );\n    }\n\n    return (\n      <RadixDialog.Portal container={portalContainer}>\n        <RadixDialog.Overlay\n          className={cx(\"purpur-drawer-overlay\")}\n          style={zIndex ? { zIndex } : undefined}\n          data-testid={`${dataTestId}-overlay`}\n        >\n          {dialogContent}\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nexport type DrawerTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  ({ [\"data-testid\"]: dataTestId = \"purpur-drawer-trigger\", children, ...props }, ref) => {\n    return (\n      <RadixDialog.Trigger asChild data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </RadixDialog.Trigger>\n    );\n  }\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n","import React, { type ReactNode, useEffect } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { type DrawerVariant } from \"./types\";\n\nexport type { DrawerVariant };\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  /**\n   * Whether the drawer should be modal. When `true` (default), focus is trapped\n   * and pointer events outside the drawer are disabled. Set to `false` when rendering\n   * components that use portals (e.g. DatePicker) inside the drawer.\n   */\n  isModal?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open: boolean;\n  noHeaderSeparator?: boolean;\n  noBodyPadding?: boolean;\n  variant?: DrawerVariant;\n};\n\nexport type DrawerComponent<P> = React.FunctionComponent<P> & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n};\n\nexport const Drawer: DrawerComponent<DrawerProps> = ({\n  [\"data-testid\"]: dataTestId = \"purpur-drawer\",\n  children,\n  className,\n  isModal = true,\n  onOpenChange,\n  open = false,\n  noBodyPadding = false,\n  noHeaderSeparator = false,\n  variant = \"default\",\n  ...props\n}: DrawerProps) => {\n  const [_open, _setOpen] = React.useState(open);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    _setOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n\n  useEffect(() => {\n    _setOpen(open);\n  }, [open]);\n\n  const contextValue = {\n    isModal,\n    onOpenChange: handleOpenChange,\n    variant,\n    noBodyPadding,\n    noHeaderSeparator,\n  };\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <div className={className} data-testid={dataTestId} {...props}>\n        <RadixDialog.Root open={_open} onOpenChange={handleOpenChange} modal={isModal}>\n          {children}\n        </RadixDialog.Root>\n      </div>\n    </DrawerContext.Provider>\n  );\n};\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.displayName = \"Drawer\";\n"],"names":["DrawerContext","createContext","cx","c","styles","rootClassName","DrawerContainer","forwardRef","dataTestId","children","className","drawerVariant","variant","stickyFooter","props","ref","noHeaderSeparator","noBodyPadding","useContext","classes","jsx","useSwipeTracking","pointerStartRef","swipeDeltaRef","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","event","y","hasSwipeMoveStarted","clampedY","moveStartBuffer","delta","eventDetail","isDeltaInDirection","target","swipeHandle","threshold","DrawerHandle","React","onPointerDown","onPointerMove","onPointerUp","DrawerHeader","backButton","backButtonText","backButtonOnlyIcon","closeButtonAriaLabel","headerContent","onBackButtonClick","onCloseClick","title","hasBackButton","isAi","CloseButtonWrapper","RadixDialog.Close","jsxs","Button","BUTTON_VARIANT","IconChevronLeft","Fragment","VisuallyHidden","RadixDialog.Title","Heading","DisplayVariant","IconClose","DrawerScrollArea","fitToContent","RadixScrollArea.Root","RadixScrollArea.Viewport","RadixScrollArea.Scrollbar","RadixScrollArea.Thumb","DrawerFrame","footerContent","position","useSwipeToDismiss","containerRef","handleOpenChange","DrawerContent","bodyText","container","disableCloseOnClickOutside","zIndex","drawerContext","isModal","themePortalContainer","useThemePortalContainer","portalContainer","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","handlePointerDownOutside","handleEscapeKeyDown","handleInitialFocus","frame","heading","dialogContent","RadixDialog.Content","RadixDialog.Description","RadixDialog.Portal","RadixDialog.Overlay","DrawerTrigger","RadixDialog.Trigger","Drawer","onOpenChange","open","_open","_setOpen","newOpen","useEffect","contextValue","RadixDialog.Root"],"mappings":"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"}

package/dist/drawer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./drawer-BnqxUIPM.js");exports.Drawer=e.Drawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./drawer-oFJcxW58.js");exports.Drawer=e.Drawer;
 //# sourceMappingURL=drawer.cjs.js.map

package/dist/drawer.es.js

@@ -1,4 +1,4 @@
-import { D as e } from "./drawer-Cnk2OKgi.mjs";
+import { D as e } from "./drawer-Chx3H8EU.mjs";
 export {
   e as Drawer
 };

package/dist/dropdown-Bn7WvsL2.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),C=require("react"),ue=require("./listbox-lXO21cJV.js"),Ee=require("./use-autocomplete.es-BwAzMcau.js"),me=require("./checkbox-qjWQEoa5.js"),ve=require("./dismissable-chip-group-5ALErhD2.js"),Te=require("./field-error-text-FhQulSV5.js"),Be=require("./field-helper-text-DSKO-Tce.js"),Fe=require("./check-circle-filled.es-5-GXE9l4.js"),Pe=require("./chevron-down.es-BMjgiS3F.js"),qe=require("./label-yHK80hhV.js"),Ke=require("./spinner-tKunS_o-.js"),He=require("./bind-DeUYJ6m9.js"),ie=e=>typeof e.label=="string"?e.label:e.value??"",Ve={"purpur-dropdown":"_purpur-dropdown_1solp_1","purpur-dropdown--negative":"_purpur-dropdown--negative_1solp_14","purpur-dropdown__label":"_purpur-dropdown__label_1solp_17","purpur-dropdown__field-row":"_purpur-dropdown__field-row_1solp_22","purpur-dropdown__frame":"_purpur-dropdown__frame_1solp_26","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_1solp_33","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_1solp_36","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_1solp_48","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_1solp_52","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_1solp_55","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_1solp_55","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_1solp_62","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_1solp_65","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_1solp_68","purpur-dropdown__input":"_purpur-dropdown__input_1solp_71","purpur-dropdown__trigger":"_purpur-dropdown__trigger_1solp_36","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_1solp_119","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_1solp_122","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_1solp_125","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_1solp_129","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_1solp_133","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_1solp_146","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_1solp_152","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_1solp_162","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_1solp_169","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_1solp_176","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_1solp_179","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_1solp_182","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_1solp_221","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_1solp_244","purpur-dropdown__chip-group-more":"_purpur-dropdown__chip-group-more_1solp_250","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_1solp_261","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_1solp_272","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_1solp_277","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_1solp_280","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_1solp_283","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_1solp_286","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_1solp_289","purpur-dropdown__listbox":"_purpur-dropdown__listbox_1solp_292","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_1solp_302","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_1solp_305","purpur-dropdown__checkbox-container--disabled":"_purpur-dropdown__checkbox-container--disabled_1solp_312","purpur-dropdown__select-all-child":"_purpur-dropdown__select-all-child_1solp_315"},x=He.c.bind(Ve),r="purpur-dropdown",ye=({fieldId:e,htmlForSuffix:n,label:s,getTestId:l,disabled:i,negative:u,required:h})=>s?o.jsxs(qe.Label,{htmlFor:n?`${e}-${n}`:e,className:x(`${r}__label`),"data-testid":l("label"),disabled:i,negative:u,children:[h&&o.jsx("span",{"aria-hidden":!0,children:"*"}),s]}):null,Se=({getTestId:e,loading:n,disabled:s,negative:l,isValid:i,isOpen:u,readOnly:h,showChevronOpen:w})=>o.jsx("span",{className:x(`${r}__end-adornments`),children:n?o.jsx(Ke.Spinner,{disabled:s,size:"xxs",negative:l,"data-testid":e("spinner")}):o.jsxs(o.Fragment,{children:[i&&o.jsx(Fe.r,{"data-testid":e("valid-icon"),className:x(`${r}__valid-icon`)}),o.jsx(Pe.l,{className:x(`${r}__chevron-icon`,{[`${r}__chevron-icon--open`]:w&&u,[`${r}__chevron-icon--disabled`]:s,[`${r}__chevron-icon--readonly`]:h&&!s,[`${r}__chevron-icon--is-valid`]:i,[`${r}__chevron-icon--negative`]:l}),"data-testid":e("dropdown-icon"),size:"sm"})]})}),$e=6,Ie=({selectedItems:e,getTestId:n,disabled:s,negative:l,onRemove:i,isSelect:u,moreOptionsText:h,removeOptionAriaLabel:w})=>{if(!e.length)return null;const p=h!==void 0&&e.length>$e?e.slice(-$e):e,b=e.length-p.length;return o.jsxs(ve.DismissableChipGroup,{className:x(`${r}__chip-group`,{[`${r}__chip-group--select`]:u}),negative:l,"data-testid":n("tags"),size:"sm",children:[p.map(d=>o.jsx(ve.DismissableChipGroup.Item,{id:d.id,"data-testid":n(`tag-${d.id}`),"aria-label":w?`${w} ${ie(d)}`:ie(d),onDismiss:()=>{i(d)},disabled:s||d.disabled,children:d.label},d.id)),b>0&&o.jsx("li",{className:x(`${r}__chip-group-more`),"data-testid":n("tags-more"),children:`+${b} ${h}`})]})},Ce=({errorText:e,helperText:n,helperTextId:s,negative:l})=>o.jsxs(o.Fragment,{children:[e&&o.jsx(Te.FieldErrorText,{negative:l,children:e}),n&&!e&&o.jsx(Be.FieldHelperText,{id:s,negative:l,children:n})]}),ne="__purpur-dropdown-select-all__",ke=({selectAllLabel:e,multiple:n,options:s,selectedItems:l})=>!e||!n||s.filter(w=>!w.disabled).length===0?!1:!s.filter(w=>w.disabled).some(w=>!l.some(k=>k.id===w.id)),Oe=({optionsToShow:e,getListboxItemProps:n,multiple:s,negative:l,fieldId:i,noOptionsText:u,selectAllLabel:h,selectedItems:w=[]})=>{if(u!==void 0&&!e.length)return o.jsx(ue.Listbox.Item,{noninteractive:!0,children:u});const k=e[0]?.id===ne;let p=!1;if(k){const d=e.filter(c=>c.id!==ne).filter(c=>!c.disabled),_=d.filter(c=>w.some(y=>y.id===c.id)).length,$=d.length>0&&_===d.length,f=w.length>0;p=$?!0:f?"indeterminate":!1}return e.map((b,d)=>{const{key:_,selected:$,...f}=n(b,d);return b.id===ne?o.jsx(ue.Listbox.Item,{...f,"aria-selected":p===!0,className:x(`${r}__checkbox-item-multiple`,`${r}__select-all-item`),hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${r}__checkbox-container`),children:o.jsx(me.Checkbox,{id:`${i}-checkbox-select-all`,checked:p,label:h,negative:l,"aria-hidden":!0})})},_):s?o.jsx(ue.Listbox.Item,{...f,className:x(`${r}__checkbox-item-multiple`,{[`${r}__select-all-child`]:k}),selected:!!$,hideSelectedIcon:!0,children:o.jsx("span",{className:x(`${r}__checkbox-container`,{[`${r}__checkbox-container--disabled`]:b.disabled}),children:o.jsx(me.Checkbox,{id:`${i}-checkbox-${b.id}`,checked:!!$,label:b.label,negative:l,"aria-hidden":!0,disabled:b.disabled})})},_):o.jsx(ue.Listbox.Item,{...f,selected:!!$,children:o.jsx("div",{children:b.label})},_)})},Me=(e,n,s)=>{if(s)return e.filter(i=>s(n,i));if(!n)return e;const l=n.toUpperCase().split(" ");return e.filter(i=>l.every(u=>(i.value||(typeof i.label=="string"?i.label:"")).toUpperCase().includes(u)))},je=({options:e,searchTerm:n,filterOption:s,selectedOption:l,multiple:i})=>!i&&l&&ie(l)===n?e:Me(e,n,s),De=({controlledInputValue:e,defaultInputValue:n,selectedOption:s,onInputChange:l})=>{const[i,u]=C.useState((typeof e=="string"?e:n??(s?ie(s):void 0))??"");return{displayInputValue:typeof e=="string"?e:i,populateInputField:k=>{l?.(k),u(k)}}},Re=C.forwardRef((e,n)=>{const{id:s,label:l,options:i,className:u,errorText:h,helperText:w,placeholder:k,negative:p=!1,readOnly:b=!1,disabled:d=!1,required:_=!1,valid:$,loading:f,multiple:c=!1,selectedOption:y,selectedOptions:R=[],onSelect:S,openOnFocus:se=!1,listboxMaxHeight:N,listboxLabel:_e,filterOption:F,inputValue:re,defaultInputValue:M,onInputChange:g,noOptionsText:te,highlightFirstOption:P=!1,selectAllLabel:O,moreOptionsText:J,removeOptionAriaLabel:A,["data-testid"]:I}=e,U=C.useId(),q=s??U,j=a=>I?`${I}-${a}`:void 0,Y=!!$&&!h,G=`${q}-helper-text`,v=c?R:y?[y]:[],{displayInputValue:z,populateInputField:Q}=De({controlledInputValue:re,defaultInputValue:M,selectedOption:y,onInputChange:g}),le=je({options:i,searchTerm:z,filterOption:F,selectedOption:y,multiple:c}),de=ke({selectAllLabel:O,multiple:c,options:i,selectedItems:v}),oe=de&&(de&&!z)?[{id:ne,label:O},...le]:le,K=()=>{const a=i.filter(D=>!D.disabled);if(a.every(D=>v.some(B=>B.id===D.id))){const D=v.filter(B=>B.disabled);S?.(void 0,D)}else{const B=[...v.filter(we=>we.disabled),...a];S?.(void 0,B)}Q("")},ge=a=>{if(a.id===ne){K();return}if(c){const D=v.some(B=>B.id===a.id)?v.filter(B=>B.id!==a.id):[...v,a];S?.(a,D),Q("")}else S?.(a,[a]),Q(ie(a))},{rootRef:Z,inputRef:ee,inputProps:W,listboxProps:ce,getListboxItemProps:he,isOpen:m,openListbox:V,anchorStyle:E}=Ee.te({id:q,options:oe,listboxLabel:_e||l||"Options",selectedOption:c?void 0:y,disabled:d,readOnly:b,openOnFocus:se,listboxMaxHeight:N,highlightFirstOption:P,closeOnSelect:!c,noOptionsText:te,negative:p,onSelect:ge,"data-testid":I}),X=a=>{Z.current=a,typeof n=="function"?n(a):n&&(n.current=a)},be=(a,L)=>{const D=he(a,L);if(c){const B=v.some(we=>we.id===a.id);return{...D,selected:B,"aria-selected":B}}return D},t=a=>{const L=v.filter(D=>D.id!==a.id);S?.(a,L)},T=a=>{if(c&&a.key==="Backspace"&&a.currentTarget.value===""&&v.length>0){for(let L=v.length-1;L>=0;L--)if(!v[L].disabled){t(v[L]);break}}W?.onKeyDown?.(a)},ae=a=>{Q(a.target.value),m||V()},H=a=>{if(d||b)return;const L=a.target;if(L===ee.current||L.closest("button"))return;const D=ee.current;D?.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0})),D?.focus()},xe=c&&!!O&&i.length>0&&i.every(a=>v.some(L=>L.id===a.id)),pe=x(r,u,{[`${r}--negative`]:p});return o.jsxs("div",{ref:X,className:pe,children:[o.jsx(ye,{fieldId:q,htmlForSuffix:"input",label:l,getTestId:j,disabled:d,negative:p,required:_}),o.jsx("div",{className:x(`${r}__field-row`),children:o.jsxs("div",{className:x(`${r}__combobox-container`,{[`${r}__combobox-container--error`]:!!h,[`${r}__combobox-container--is-valid`]:Y,[`${r}__combobox-container--negative`]:p,[`${r}__combobox-container--disabled`]:d,[`${r}__combobox-container--readonly`]:b&&!d}),style:E,onClick:H,children:[c&&!xe&&o.jsx(Ie,{selectedItems:v,getTestId:j,disabled:d,negative:p,onRemove:t,moreOptionsText:J,removeOptionAriaLabel:A}),o.jsx("input",{...W,ref:ee,id:`${q}-input`,"data-testid":j("input"),onKeyDown:T,onChange:ae,value:xe&&!z?O:z,placeholder:k,className:x(`${r}__input`,{[`${r}__input--negative`]:p}),"aria-describedby":G,"aria-invalid":!!h,disabled:d,readOnly:b}),o.jsx(Se,{getTestId:j,loading:f,disabled:d,negative:p,isValid:Y,isOpen:m,showChevronOpen:!0}),o.jsx("span",{className:x(`${r}__frame`,{[`${r}__frame--negative`]:p})})]})}),m&&o.jsx(ue.Listbox,{...ce,className:x(`${r}__listbox`),children:Oe({optionsToShow:oe,getListboxItemProps:be,multiple:c,negative:p,fieldId:q,noOptionsText:te,selectAllLabel:O,selectedItems:v})}),o.jsx(Ce,{errorText:h,helperText:w,helperTextId:G,negative:p})]})});Re.displayName="DropdownCombobox";const Ue=({options:e,highlightFirstOption:n})=>{const s=C.useRef(null),l=C.useRef({}),[i,u]=C.useState(n?e[0]:void 0),h=_=>{if(_){const $=_.getBoundingClientRect(),f=s.current?.getBoundingClientRect()||{top:0,bottom:0};($.top<f.top||$.bottom>f.bottom)&&_.scrollIntoView({block:"nearest"})}};return{highlightedOption:i,listboxRef:s,optionRefs:l,findNextOption:(_,$)=>{const f=$.filter(y=>!y.disabled);if(!f.length)return;const c=i?f.findIndex(y=>y.id===i.id):-1;return _==="ArrowDown"?f[(c+1)%f.length]:f[(c-1+f.length)%f.length]},highlightOption:_=>{u(_?{..._}:void 0),_&&h(l.current[_.id])},highlightByClick:_=>{_.id!==i?.id&&u({..._,isSetByClickEvent:!0})},highlightSelected:(_,$)=>{requestAnimationFrame(()=>{u({..._,isSetByClickEvent:$==="CLICK"}),h(l.current[_.id])})},resetHighlight:()=>{u(void 0)}}},Ye=(e,n)=>{const s=C.useCallback(l=>{e&&!e.contains(l.target)&&n()},[n,e]);C.useEffect(()=>(document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}),[s])},Le=({id:e,variant:n,options:s,listboxLabel:l,multiple:i=!1,selectedOption:u,selectedOptions:h=[],onSelect:w,filterOption:k,inputValue:p,defaultInputValue:b,onInputChange:d,noOptionsText:_,highlightFirstOption:$=!1,openOnFocus:f=!1,listboxMaxHeight:c,negative:y,disabled:R=!1,readOnly:S=!1,["data-testid"]:se})=>{const N=n==="combobox",_e=C.useId(),F=C.useRef(null),re=C.useRef(null),M=C.useRef(null),g=Ue({options:s,highlightFirstOption:$}),{displayInputValue:te,populateInputField:P}=De({controlledInputValue:p,defaultInputValue:b,selectedOption:u,onInputChange:d}),[O,J]=C.useState(!1),A=()=>{J(!1),g.resetHighlight()};Ye(F.current,A);const I=({eventType:t})=>{J(!0);const T=i?void 0:u;T&&g.highlightSelected(T,t)},U=i?h:u?[u]:[],q=N?je({options:s,searchTerm:te,filterOption:k,selectedOption:u,multiple:i}):s,j=O&&(!!q.length||!!_),Y=t=>se?`${se}-${t}`:void 0,G=t=>{if(!(!t||t.disabled))if(i){const ae=U.some(H=>H.id===t.id)?U.filter(H=>H.id!==t.id):[...U,t];w?.(t,ae),N&&(P(""),M.current?.focus())}else w?.(t,[t]),N&&P(ie(t)),A(),(N?M:re).current?.focus()},v=t=>{j||I({eventType:"KEYBOARD"});const T=g.findNextOption(t,q);g.highlightOption(T)},z=t=>{if(!(R||S))switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault(),v(t.key);break;case"Enter":{t.preventDefault(),j&&g.highlightedOption?G(g.highlightedOption):j||I({eventType:"KEYBOARD"});break}case" ":{N||(t.preventDefault(),j&&g.highlightedOption?G(g.highlightedOption):j||I({eventType:"KEYBOARD"}));break}case"Escape":t.preventDefault(),A();break;case"Tab":A();break;case"Home":case"End":N&&A();break}},Q=t=>{P(t.target.value),g.resetHighlight(),O||I({eventType:"KEYBOARD"})},le=()=>{R||S||(O?A():I({eventType:"CLICK"}))},de=()=>{!O&&f&&!R&&!S&&I({eventType:"KEYBOARD"}),M.current?.select()},fe=()=>{setTimeout(()=>{const t=document.activeElement;t!==document.body&&!M.current?.contains(t)&&!g.listboxRef.current?.contains(t)&&!F.current?.contains(t)&&(A(),N&&!i&&P(u?ie(u):""))})},oe=()=>{R||S||(O?A():I({eventType:"CLICK"}))},K=t=>{if(R||S)return;const T=t.target.closest("button");T&&T!==re.current||oe()},ge=()=>{!O&&f&&!R&&!S&&I({eventType:"KEYBOARD"})},Z=`${e}-listbox`,ee=t=>`${e}-listbox-item-${t.id}`,W=`--purpur-dropdown-${_e.replace(/:/g,"")}`,ce={anchorName:W},he=N?null:{onClick:K},m=C.useCallback(t=>{if(g.listboxRef.current=t,t&&typeof t.showPopover=="function")try{t.showPopover()}catch{}},[g.listboxRef]),V={"aria-label":l,"aria-expanded":j,"data-testid":Y("listbox"),id:Z,ref:m,onMouseLeave:()=>g.resetHighlight(),popover:"manual",negative:y,style:{...c?{maxHeight:typeof c=="number"?`${c}px`:c}:{},positionAnchor:W}},E=(t,T)=>{const ae=U.some(pe=>pe.id===t.id),{highlightedOption:H}=g,xe=(t.id===H?.id||$&&!H&&T===0)&&!H?.isSetByClickEvent;return{"data-testid":Y(`listbox-item-${t.id}`),id:ee(t),key:t.id,onMouseMove:()=>g.highlightByClick(t),onMouseUp:()=>G(t),ref:pe=>{pe&&(g.optionRefs.current[t.id]=pe)},tabIndex:-1,selected:ae,disabled:t.disabled,highlighted:xe,hovered:t.id===H?.id&&!!H?.isSetByClickEvent,"aria-selected":ae}},X=N?{}:{ref:re,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":j,"aria-controls":Z,"aria-disabled":R,"data-testid":Y("trigger"),id:`${e}-trigger`,onKeyDown:z,onFocus:ge,disabled:R,tabIndex:R?-1:0,style:ce},be=N?{ref:M,role:"combobox","aria-autocomplete":"list","aria-expanded":j,"aria-controls":Z,"aria-activedescendant":g.highlightedOption?ee(g.highlightedOption):void 0,"data-testid":Y("input"),autoComplete:"off",id:`${e}-input`,type:"text",value:te,onChange:Q,onMouseDown:le,onFocus:de,onBlur:fe,onKeyDown:z,disabled:R,readOnly:S}:null;return{rootRef:F,triggerContainerProps:he,triggerProps:X,inputProps:be,listboxProps:V,getListboxItemProps:E,optionsToShow:q,isOpen:j,highlightedOption:g.highlightedOption,selectedItems:U,anchorStyle:ce}},Ne=C.forwardRef((e,n)=>{const{id:s,label:l,options:i,className:u,errorText:h,helperText:w,placeholder:k,negative:p=!1,readOnly:b=!1,disabled:d=!1,required:_=!1,valid:$=!1,loading:f=!1,multiple:c=!1,selectedOption:y,selectedOptions:R=[],onSelect:S,openOnFocus:se=!1,listboxMaxHeight:N,listboxLabel:_e,selectAllLabel:F,moreOptionsText:re,removeOptionAriaLabel:M,["data-testid"]:g}=e,te=C.useId(),P=s??te,O=m=>g?`${g}-${m}`:void 0,J=!!$&&!h,A=`${P}-helper-text`,I=c?R:y?[y]:[],U=ke({selectAllLabel:F,multiple:c,options:i,selectedItems:I}),q=()=>{const m=i.filter(E=>!E.disabled);if(m.every(E=>I.some(X=>X.id===E.id))){const E=I.filter(X=>X.disabled);S?.(void 0,E)}else{const X=[...I.filter(be=>be.disabled),...m];S?.(void 0,X)}},j=(m,V)=>{if(m?.id===ne){q();return}S?.(m,V)},Y=U?[{id:ne,label:F},...i]:i,G=Le({id:P,variant:"select",options:Y,listboxLabel:_e||l||"Options",multiple:c,negative:p,selectedOption:y,selectedOptions:R,onSelect:j,openOnFocus:se,listboxMaxHeight:N,disabled:d,readOnly:b,"data-testid":g}),v=m=>{G.rootRef.current=m,typeof n=="function"?n(m):n&&(n.current=m)},{triggerContainerProps:z,triggerProps:Q,listboxProps:le,getListboxItemProps:de,optionsToShow:fe,isOpen:oe,selectedItems:K,anchorStyle:ge}=G,Z={...Q};delete Z.style;const ee=m=>{const V=K.filter(E=>E.id!==m.id);S?.(m,V)},W=c&&!!F&&i.length>0&&i.every(m=>K.some(V=>V.id===m.id)),ce=c?W?F:K.length===0&&k||"":y?.label||k||"",he=x(r,u,{[`${r}--negative`]:p});return o.jsxs("div",{ref:v,className:he,children:[o.jsx(ye,{fieldId:P,htmlForSuffix:"trigger",label:l,getTestId:O,disabled:d,negative:p,required:_}),o.jsx("div",{className:x(`${r}__field-row`),children:o.jsxs("div",{...z,className:x(`${r}__trigger-container`,{[`${r}__trigger-container--error`]:!!h,[`${r}__trigger-container--is-valid`]:J,[`${r}__trigger-container--negative`]:p,[`${r}__trigger-container--disabled`]:d,[`${r}__trigger-container--readonly`]:b&&!d,[`${r}__trigger-container--has-tags`]:c&&K.length>0&&!W}),style:ge,children:[c&&!W&&o.jsx(Ie,{selectedItems:K,getTestId:O,disabled:d,negative:p,onRemove:ee,moreOptionsText:re,removeOptionAriaLabel:M,isSelect:!0}),o.jsx("button",{...Z,className:x(`${r}__trigger`,{[`${r}__trigger--is-valid`]:J,[`${r}__trigger--negative`]:p,[`${r}__trigger--disabled`]:d,[`${r}__trigger--readonly`]:b&&!d,[`${r}__trigger--placeholder`]:!K.length}),"aria-describedby":A,children:o.jsx("span",{className:x(`${r}__trigger-text`),children:ce})}),o.jsx(Se,{getTestId:O,loading:f,disabled:d,negative:p,isValid:J,isOpen:oe,readOnly:b,showChevronOpen:!0}),o.jsx("span",{className:x(`${r}__frame`,{[`${r}__frame--negative`]:p})})]})}),oe&&o.jsx(ue.Listbox,{...le,className:x(`${r}__listbox`),children:Oe({optionsToShow:fe,getListboxItemProps:de,multiple:c,negative:p,fieldId:P,selectAllLabel:F,selectedItems:K})}),o.jsx(Ce,{errorText:h,helperText:w,helperTextId:A,negative:p})]})});Ne.displayName="DropdownSelect";const Ae=C.forwardRef((e,n)=>e.combobox?o.jsx(Re,{ref:n,...e}):o.jsx(Ne,{ref:n,...e}));Ae.displayName="Dropdown";exports.Dropdown=Ae;exports.useDropdown=Le;
+//# sourceMappingURL=dropdown-Bn7WvsL2.js.map

package/dist/dropdown-Bn7WvsL2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-Bn7WvsL2.js","sources":["../../../components/dropdown/src/dropdown.types.ts","../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["export type DropdownOption = {\n  /**\n   * Content rendered for this option in the trigger and listbox. Accepts any `ReactNode`.\n   * For `combobox` mode, text-input syncing and the default search filter require a plain\n   * `string` — non-string labels fall back to `value` for those, so provide `value`\n   * (or a custom `filterOption`) when using a non-string label with `combobox`.\n   */\n  label: React.ReactNode;\n  id: string;\n  value?: string;\n  disabled?: boolean;\n};\n\n/** Plain-text form of an option's label, for text inputs, search filtering, and ARIA strings. */\nexport const getOptionLabelText = (option: Pick<DropdownOption, \"label\" | \"value\">): string =>\n  typeof option.label === \"string\" ? option.label : option.value ?? \"\";\n\n/** Shared props across all variants */\ntype DropdownBaseProps = {\n  /** Unique id used to prefix all sub-element ids. */\n  id?: string;\n  /** Visible label rendered above the field. */\n  label?: string;\n  /** Accessible label for the listbox popup (required for select/combobox). */\n  listboxLabel?: string;\n  /** Placeholder text shown when no value is selected. */\n  placeholder?: string;\n  /** Helper text rendered below the field. */\n  helperText?: string;\n  /** Error text rendered below the field. Puts the field in an error state. */\n  errorText?: string;\n  /** Render the field with a valid (success) appearance. */\n  valid?: boolean;\n  /** Show a loading spinner inside the field. */\n  loading?: boolean;\n  /** Render on dark backgrounds. */\n  negative?: boolean;\n  /** Mark the field as required. */\n  required?: boolean;\n  /** Disable the field. */\n  disabled?: boolean;\n  /** Make the field read-only. */\n  readOnly?: boolean;\n  /**\n   * Label for the \"Select all\" option. Only effective when `multiple` is `true`.\n   * The option is hidden automatically when any disabled option is **not** selected.\n   */\n  selectAllLabel?: string;\n  /** Text appended after the hidden chip count (e.g. `\"+4 more\"`). Only effective when `multiple` is `true`. */\n  moreOptionsText?: string;\n  className?: string;\n  [\"data-testid\"]?: string;\n};\n\n// ── Multi-select variant (moreOptionsText required) ──────────────────\n\ntype DropdownMultipleProps = DropdownBaseProps & {\n  multiple: true;\n  /** The accessible label for each chip's remove button. */\n  moreOptionsText: string;\n  removeOptionAriaLabel: string;\n};\n\n// ── Single-select variant (moreOptionsText optional) ─────────────────\n\ntype DropdownSingleProps = DropdownBaseProps & {\n  multiple?: false | undefined;\n  moreOptionsText?: string;\n  removeOptionAriaLabel?: never;\n};\n\n// ── Shared props for select variant ──────────────────────────────────\n\ntype DropdownSelectSharedProps = {\n  combobox?: false;\n  options: DropdownOption[];\n  /** Currently selected option (single-select, controlled). */\n  selectedOption?: DropdownOption;\n  /** Currently selected options (multi-select, controlled). */\n  selectedOptions?: DropdownOption[];\n  /** Fired when an option is selected or deselected. */\n  onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n  /** Open the listbox when the trigger receives focus. */\n  openOnFocus?: boolean;\n  /** Maximum height of the listbox popup. */\n  listboxMaxHeight?: string | number;\n  filterOption?: never;\n  onInputChange?: never;\n  inputValue?: never;\n  defaultInputValue?: never;\n  noOptionsText?: never;\n  highlightFirstOption?: never;\n};\n\n// ── Shared props for combobox variant ────────────────────────────────\n\ntype DropdownComboboxSharedProps = {\n  combobox: true;\n  options: DropdownOption[];\n  /** Currently selected option (single-select, controlled). */\n  selectedOption?: DropdownOption;\n  /** Currently selected options (multi-select, controlled). */\n  selectedOptions?: DropdownOption[];\n  /** Fired when an option is selected or deselected. */\n  onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n  /** Custom filter for autocomplete results. */\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  /** Controlled input value. */\n  inputValue?: string;\n  /** Default input value (uncontrolled). */\n  defaultInputValue?: string;\n  /** Fired when the text-input value changes. */\n  onInputChange?: (value: string) => void;\n  /** Text shown when filtering yields no results. */\n  noOptionsText?: React.ReactNode;\n  /** Highlight the first option automatically. */\n  highlightFirstOption?: boolean;\n  /** Open the listbox when the input receives focus. */\n  openOnFocus?: boolean;\n  /** Maximum height of the listbox popup. */\n  listboxMaxHeight?: string | number;\n};\n\n// ── Custom select (single & multi) ────────────────────────────────────\n\nexport type DropdownSelectProps =\n  | (DropdownMultipleProps & DropdownSelectSharedProps)\n  | (DropdownSingleProps & DropdownSelectSharedProps);\n\n// ── Combobox / autocomplete ──────────────────────────────────────────\n\nexport type DropdownComboboxProps =\n  | (DropdownMultipleProps & DropdownComboboxSharedProps)\n  | (DropdownSingleProps & DropdownComboboxSharedProps);\n\nexport type DropdownProps = DropdownSelectProps | DropdownComboboxProps;\n","import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n  fieldId: string;\n  htmlForSuffix?: string;\n  label?: string;\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  required: boolean;\n};\n\nexport const DropdownLabel = ({\n  fieldId,\n  htmlForSuffix,\n  label,\n  getTestId,\n  disabled,\n  negative,\n  required,\n}: DropdownLabelProps) => {\n  if (!label) return null;\n\n  return (\n    <Label\n      htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n      className={cx(`${rootClassName}__label`)}\n      data-testid={getTestId(\"label\")}\n      disabled={disabled}\n      negative={negative}\n    >\n      {required && <span aria-hidden>*</span>}\n      {label}\n    </Label>\n  );\n};\n\ntype DropdownEndAdornmentsProps = {\n  getTestId: GetTestId;\n  loading?: boolean;\n  disabled: boolean;\n  negative: boolean;\n  isValid: boolean;\n  isOpen?: boolean;\n  readOnly?: boolean;\n  showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n  getTestId,\n  loading,\n  disabled,\n  negative,\n  isValid,\n  isOpen,\n  readOnly,\n  showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n  <span className={cx(`${rootClassName}__end-adornments`)}>\n    {loading ? (\n      <Spinner\n        disabled={disabled}\n        size=\"xxs\"\n        negative={negative}\n        data-testid={getTestId(\"spinner\")}\n      />\n    ) : (\n      <>\n        {isValid && (\n          <IconCheckCircleFilled\n            data-testid={getTestId(\"valid-icon\")}\n            className={cx(`${rootClassName}__valid-icon`)}\n          />\n        )}\n        <IconChevronDown\n          className={cx(`${rootClassName}__chevron-icon`, {\n            [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n            [`${rootClassName}__chevron-icon--disabled`]: disabled,\n            [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n            [`${rootClassName}__chevron-icon--negative`]: negative,\n          })}\n          data-testid={getTestId(\"dropdown-icon\")}\n          size=\"sm\"\n        />\n      </>\n    )}\n  </span>\n);\n\nconst MAX_VISIBLE_TAGS = 6;\n\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n  moreOptionsText?: string;\n  removeOptionAriaLabel?: string;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  negative,\n  onRemove,\n  isSelect,\n  moreOptionsText,\n  removeOptionAriaLabel,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  const capEnabled = moreOptionsText !== undefined && selectedItems.length > MAX_VISIBLE_TAGS;\n  const visibleItems = capEnabled ? selectedItems.slice(-MAX_VISIBLE_TAGS) : selectedItems;\n  const hiddenCount = selectedItems.length - visibleItems.length;\n\n  return (\n    <DismissableChipGroup\n      className={cx(`${rootClassName}__chip-group`, {\n        [`${rootClassName}__chip-group--select`]: isSelect,\n      })}\n      negative={negative}\n      data-testid={getTestId(\"tags\")}\n      size=\"sm\"\n    >\n      {visibleItems.map((item) => (\n        <DismissableChipGroup.Item\n          key={item.id}\n          id={item.id}\n          data-testid={getTestId(`tag-${item.id}`)}\n          aria-label={\n            removeOptionAriaLabel\n              ? `${removeOptionAriaLabel} ${getOptionLabelText(item)}`\n              : getOptionLabelText(item)\n          }\n          onDismiss={() => {\n            onRemove(item);\n          }}\n          disabled={disabled || item.disabled}\n        >\n          {item.label}\n        </DismissableChipGroup.Item>\n      ))}\n      {hiddenCount > 0 && (\n        <li\n          className={cx(`${rootClassName}__chip-group-more`)}\n          data-testid={getTestId(\"tags-more\")}\n        >\n          {`+${hiddenCount} ${moreOptionsText}`}\n        </li>\n      )}\n    </DismissableChipGroup>\n  );\n};\n\ntype DropdownFooterProps = {\n  errorText?: string;\n  helperText?: string;\n  helperTextId: string;\n  negative: boolean;\n};\n\nexport const DropdownFooter = ({\n  errorText,\n  helperText,\n  helperTextId,\n  negative,\n}: DropdownFooterProps) => (\n  <>\n    {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n    {helperText && !errorText && (\n      <FieldHelperText id={helperTextId} negative={negative}>\n        {helperText}\n      </FieldHelperText>\n    )}\n  </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n  selectAllLabel?: string;\n  multiple?: boolean;\n  options: DropdownOption[];\n  selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n  selectAllLabel,\n  multiple,\n  options,\n  selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n  if (!selectAllLabel || !multiple) return false;\n  const enabledOptions = options.filter((o) => !o.disabled);\n  if (enabledOptions.length === 0) return false;\n  const disabledOptions = options.filter((o) => o.disabled);\n  const hasDisabledUnselected = disabledOptions.some(\n    (o) => !selectedItems.some((s) => s.id === o.id)\n  );\n  // Hide \"All\" when a disabled option is not selected (can't select everything)\n  return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n  optionsToShow: DropdownOption[];\n  getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n  multiple?: boolean;\n  negative: boolean;\n  fieldId: string;\n  noOptionsText?: React.ReactNode;\n  selectAllLabel?: string;\n  selectedItems?: DropdownOption[];\n};\n\nexport const DropdownListboxItems = ({\n  optionsToShow,\n  getListboxItemProps,\n  multiple,\n  negative,\n  fieldId,\n  noOptionsText,\n  selectAllLabel,\n  selectedItems = [],\n}: DropdownListboxItemsProps) => {\n  if (noOptionsText !== undefined && !optionsToShow.length) {\n    return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n  }\n\n  const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n  let selectAllCheckedState: CheckedState = false;\n  if (hasSelectAll) {\n    const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n    const enabledOptions = realOptions.filter((o) => !o.disabled);\n    const enabledSelectedCount = enabledOptions.filter((o) =>\n      selectedItems.some((s) => s.id === o.id)\n    ).length;\n    const allEnabledSelected =\n      enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n    const someSelected = selectedItems.length > 0;\n    selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n  }\n\n  return optionsToShow.map((option, index) => {\n    const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n    if (option.id === SELECT_ALL_OPTION_ID) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          aria-selected={selectAllCheckedState === true}\n          className={cx(\n            `${rootClassName}__checkbox-item-multiple`,\n            `${rootClassName}__select-all-item`\n          )}\n          hideSelectedIcon\n        >\n          <span className={cx(`${rootClassName}__checkbox-container`)}>\n            <Checkbox\n              id={`${fieldId}-checkbox-select-all`}\n              checked={selectAllCheckedState}\n              label={selectAllLabel}\n              negative={negative}\n              aria-hidden\n            />\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    if (multiple) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          className={cx(`${rootClassName}__checkbox-item-multiple`, {\n            [`${rootClassName}__select-all-child`]: hasSelectAll,\n          })}\n          selected={!!selected}\n          hideSelectedIcon\n        >\n          <span\n            className={cx(`${rootClassName}__checkbox-container`, {\n              [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n            })}\n          >\n            <Checkbox\n              id={`${fieldId}-checkbox-${option.id}`}\n              checked={!!selected}\n              label={option.label}\n              negative={negative}\n              aria-hidden\n              disabled={option.disabled}\n            />\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    return (\n      <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n        <div>{option.label}</div>\n      </Listbox.Item>\n    );\n  });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nconst filterOptions = (\n  options: DropdownOption[],\n  searchTerm: string | undefined,\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n  if (filterOption) {\n    return options.filter((option) => filterOption(searchTerm, option));\n  }\n  if (!searchTerm) return options;\n  const chunks = searchTerm.toUpperCase().split(\" \");\n  return options.filter((option) =>\n    chunks.every((chunk) =>\n      (option.value || (typeof option.label === \"string\" ? option.label : \"\"))\n        .toUpperCase()\n        .includes(chunk)\n    )\n  );\n};\n\nexport const getFilteredOptions = ({\n  options,\n  searchTerm,\n  filterOption,\n  selectedOption,\n  multiple,\n}: {\n  options: DropdownOption[];\n  searchTerm: string | undefined;\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  selectedOption?: DropdownOption;\n  multiple: boolean;\n}): DropdownOption[] => {\n  if (!multiple && selectedOption && getOptionLabelText(selectedOption) === searchTerm) {\n    return options;\n  }\n  return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n  controlledInputValue?: string;\n  defaultInputValue?: string;\n  selectedOption?: DropdownOption;\n  onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n  controlledInputValue,\n  defaultInputValue,\n  selectedOption,\n  onInputChange,\n}: UseDropdownInputParams) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    (typeof controlledInputValue === \"string\"\n      ? controlledInputValue\n      : defaultInputValue ?? (selectedOption ? getOptionLabelText(selectedOption) : undefined)) ??\n      \"\"\n  );\n\n  const displayInputValue =\n    typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  return {\n    displayInputValue,\n    populateInputField,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n  SELECT_ALL_OPTION_ID,\n  shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid,\n    loading,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    filterOption,\n    inputValue,\n    defaultInputValue,\n    onInputChange,\n    noOptionsText,\n    highlightFirstOption = false,\n    selectAllLabel,\n    moreOptionsText,\n    removeOptionAriaLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue: inputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  const optionsToShow = getFilteredOptions({\n    options,\n    searchTerm: displayInputValue,\n    filterOption,\n    selectedOption,\n    multiple,\n  });\n\n  const showSelectAll = shouldShowSelectAll({\n    selectAllLabel,\n    multiple,\n    options,\n    selectedItems,\n  });\n\n  // Hide \"Select all\" when the user is actively searching/filtering.\n  const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n  // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n  const optionsWithSelectAll =\n    showSelectAll && selectAllMatchesSearch\n      ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n      : optionsToShow;\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((o) => !o.disabled);\n    const allEnabledSelected = enabledOptions.every((o) =>\n      selectedItems.some((s) => s.id === o.id)\n    );\n    if (allEnabledSelected) {\n      const next = selectedItems.filter((o) => o.disabled);\n      onSelect?.(undefined, next);\n    } else {\n      const disabledSelected = selectedItems.filter((o) => o.disabled);\n      const next = [...disabledSelected, ...enabledOptions];\n      onSelect?.(undefined, next);\n    }\n    populateInputField(\"\");\n  };\n\n  const handleAutocompleteSelect = (option: DropdownOption) => {\n    if (option.id === SELECT_ALL_OPTION_ID) {\n      handleSelectAll();\n      return;\n    }\n    if (multiple) {\n      const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? selectedItems.filter((o) => o.id !== option.id)\n        : [...selectedItems, option];\n      onSelect?.(option, next);\n      populateInputField(\"\");\n    } else {\n      onSelect?.(option, [option]);\n      populateInputField(getOptionLabelText(option));\n    }\n  };\n\n  const {\n    rootRef,\n    inputRef,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    isOpen,\n    openListbox,\n    anchorStyle,\n  } = useAutocomplete({\n    id: fieldId,\n    // useAutocomplete only reads id/disabled, never label's value, so this is safe even though\n    // DropdownOption.label can be a ReactNode instead of the string it's typed to require.\n    options: optionsWithSelectAll as (DropdownOption & { label: string })[],\n    listboxLabel: listboxLabel || label || \"Options\",\n    selectedOption: (multiple ? undefined : selectedOption) as\n      | (DropdownOption & { label: string })\n      | undefined,\n    disabled,\n    readOnly,\n    openOnFocus,\n    listboxMaxHeight,\n    highlightFirstOption,\n    closeOnSelect: !multiple,\n    noOptionsText,\n    negative,\n    onSelect: handleAutocompleteSelect,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  // For multi-select the hook doesn't know about selectedOptions, so inject\n  // the correct `selected` state here based on selectedItems.\n  const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n    const props = getListboxItemProps(option as DropdownOption & { label: string }, index);\n    if (multiple) {\n      const isSelected = selectedItems.some((o) => o.id === option.id);\n      return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n    }\n    return props;\n  };\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (\n      multiple &&\n      event.key === \"Backspace\" &&\n      event.currentTarget.value === \"\" &&\n      selectedItems.length > 0\n    ) {\n      // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n      for (let i = selectedItems.length - 1; i >= 0; i--) {\n        if (!selectedItems[i].disabled) {\n          handleRemoveTag(selectedItems[i]);\n          break;\n        }\n      }\n    }\n    (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    if (!isOpen) {\n      openListbox();\n    }\n  };\n\n  const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const target = event.target as HTMLElement;\n    // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n    if (\n      target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n      target.closest(\"button\")\n    ) {\n      return;\n    }\n\n    const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n    input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n    input?.focus();\n  };\n\n  // True when every option (enabled and disabled) is currently selected and a\n  // `selectAllLabel` is configured. In that case the field shows the label\n  // text instead of a list of chips.\n  const allEnabledSelected =\n    multiple &&\n    !!selectAllLabel &&\n    options.length > 0 &&\n    options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"input\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className={cx(`${rootClassName}__combobox-container`, {\n            [`${rootClassName}__combobox-container--error`]: !!errorText,\n            [`${rootClassName}__combobox-container--is-valid`]: isValid,\n            [`${rootClassName}__combobox-container--negative`]: negative,\n            [`${rootClassName}__combobox-container--disabled`]: disabled,\n            [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n          })}\n          style={anchorStyle}\n          onClick={handleContainerClick}\n        >\n          {multiple && !allEnabledSelected && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              negative={negative}\n              onRemove={handleRemoveTag}\n              moreOptionsText={moreOptionsText}\n              removeOptionAriaLabel={removeOptionAriaLabel}\n            />\n          )}\n          <input\n            {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n            ref={inputRef as React.RefObject<HTMLInputElement>}\n            id={`${fieldId}-input`}\n            data-testid={getTestId(\"input\")}\n            onKeyDown={handleInputKeyDown}\n            onChange={handleInputChange}\n            value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n            placeholder={placeholder}\n            className={cx(`${rootClassName}__input`, {\n              [`${rootClassName}__input--negative`]: negative,\n            })}\n            aria-describedby={helperTextId}\n            aria-invalid={!!errorText}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow: optionsWithSelectAll,\n            getListboxItemProps: getListboxItemPropsWithSelection,\n            multiple,\n            negative,\n            fieldId,\n            noOptionsText,\n            selectAllLabel,\n            selectedItems,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n  options: DropdownOption[];\n  highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n  options,\n  highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n  const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n    highlightFirstOption ? options[0] : undefined\n  );\n\n  const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n    if (optionEl) {\n      const optionRect = optionEl.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOutside) {\n        optionEl.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const findNextOption = (\n    direction: \"ArrowUp\" | \"ArrowDown\",\n    optionsToShow: DropdownOption[]\n  ): DropdownOption | undefined => {\n    const enabledList = optionsToShow.filter((o) => !o.disabled);\n    if (!enabledList.length) return undefined;\n\n    const currentIndex = highlightedOption\n      ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n      : -1;\n\n    if (direction === \"ArrowDown\") {\n      return enabledList[(currentIndex + 1) % enabledList.length];\n    }\n    return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n  };\n\n  const highlightOption = (option: DropdownOption | undefined) => {\n    setHighlightedOption(option ? { ...option } : undefined);\n    if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n  };\n\n  const highlightByClick = (option: DropdownOption) => {\n    if (option.id !== highlightedOption?.id) {\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n    }\n  };\n\n  const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n    requestAnimationFrame(() => {\n      const isSetByClickEvent = eventType === \"CLICK\";\n      setHighlightedOption({ ...option, isSetByClickEvent });\n      scrollOptionIntoView(optionRefs.current[option.id]);\n    });\n  };\n\n  const resetHighlight = () => {\n    setHighlightedOption(undefined);\n  };\n\n  return {\n    highlightedOption,\n    listboxRef,\n    optionRefs,\n    findNextOption,\n    highlightOption,\n    highlightByClick,\n    highlightSelected,\n    resetHighlight,\n  };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getOptionLabelText } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n  id: string;\n  variant: \"select\" | \"combobox\";\n  options: DropdownOption[];\n  listboxLabel: string;\n  multiple?: boolean;\n\n  // Selection\n  selectedOption?: DropdownOption;\n  selectedOptions?: DropdownOption[];\n  onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n  // Combobox-specific\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  noOptionsText?: React.ReactNode;\n  highlightFirstOption?: boolean;\n\n  // Shared behaviour\n  negative: boolean;\n  openOnFocus?: boolean;\n  listboxMaxHeight?: string | number;\n  disabled?: boolean;\n  readOnly?: boolean;\n\n  [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  triggerContainerProps: Record<string, unknown> | null;\n  triggerProps: Record<string, unknown>;\n  inputProps: Record<string, unknown> | null;\n  listboxProps: ListboxProps;\n  getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n  optionsToShow: DropdownOption[];\n  isOpen: boolean;\n  highlightedOption: DropdownOption | undefined;\n  selectedItems: DropdownOption[];\n  anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n  id,\n  variant,\n  options,\n  listboxLabel,\n  multiple = false,\n  selectedOption,\n  selectedOptions = [],\n  onSelect,\n  filterOption,\n  inputValue: controlledInputValue,\n  defaultInputValue,\n  onInputChange,\n  noOptionsText,\n  highlightFirstOption = false,\n  openOnFocus = false,\n  listboxMaxHeight,\n  negative,\n  disabled = false,\n  readOnly = false,\n  [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n  const isCombobox = variant === \"combobox\";\n  const uniqueId = useId();\n\n  // ── Refs ─────────────────────────────────────────────────────────────\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // ── Sub-hooks ────────────────────────────────────────────────────────\n  const highlight = useDropdownHighlight({ options, highlightFirstOption });\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  // ── Open / close ────────────────────────────────────────────────────\n  const [isOpen, setIsOpen] = useState(false);\n\n  const closeListbox = () => {\n    setIsOpen(false);\n    highlight.resetHighlight();\n  };\n\n  useOnClickOutside(rootRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setIsOpen(true);\n    const current = multiple ? undefined : selectedOption;\n    if (current) {\n      highlight.highlightSelected(current, eventType);\n    }\n  };\n\n  // ── Derived state ───────────────────────────────────────────────────\n  const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const optionsToShow = isCombobox\n    ? getFilteredOptions({\n        options,\n        searchTerm: displayInputValue,\n        filterOption,\n        selectedOption,\n        multiple,\n      })\n    : options;\n\n  const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  // ── Helpers ──────────────────────────────────────────────────────────\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n  // ── Selection ────────────────────────────────────────────────────────\n  const selectOption = (option: DropdownOption | undefined) => {\n    if (!option || option.disabled) return;\n\n    if (multiple) {\n      const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? resolvedSelected.filter((o) => o.id !== option.id)\n        : [...resolvedSelected, option];\n      onSelect?.(option, next);\n      if (isCombobox) {\n        populateInputField(\"\");\n        inputRef.current?.focus();\n      }\n    } else {\n      onSelect?.(option, [option]);\n      if (isCombobox) {\n        populateInputField(getOptionLabelText(option));\n      }\n      closeListbox();\n      (isCombobox ? inputRef : triggerRef).current?.focus();\n    }\n  };\n\n  // ── Navigation ───────────────────────────────────────────────────────\n  const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n    if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n    const next = highlight.findNextOption(direction, optionsToShow);\n    highlight.highlightOption(next);\n  };\n\n  // ── Keyboard ─────────────────────────────────────────────────────────\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled || readOnly) return;\n\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        if (showListbox && highlight.highlightedOption) {\n          selectOption(highlight.highlightedOption);\n        } else if (!showListbox) {\n          openListbox({ eventType: \"KEYBOARD\" });\n        }\n        break;\n      }\n      case \" \": {\n        if (!isCombobox) {\n          event.preventDefault();\n          if (showListbox && highlight.highlightedOption) {\n            selectOption(highlight.highlightedOption);\n          } else if (!showListbox) {\n            openListbox({ eventType: \"KEYBOARD\" });\n          }\n        }\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        closeListbox();\n        break;\n      case \"Tab\":\n        closeListbox();\n        break;\n      case \"Home\":\n      case \"End\":\n        if (isCombobox) closeListbox();\n        break;\n    }\n  };\n\n  // ── Combobox input handlers ─────────────────────────────────────────\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    highlight.resetHighlight();\n    if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n  };\n\n  const handleInputMouseDown = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleInputFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n    inputRef.current?.select();\n  };\n\n  const handleInputBlur = () => {\n    setTimeout(() => {\n      const activeEl = document.activeElement;\n      // Only close when focus has moved to a real element outside the dropdown.\n      // Guarding against document.body prevents a false-positive close when a\n      // screen reader navigates with its virtual cursor: the input blurs but no\n      // DOM element receives physical focus (activeElement falls back to body).\n      if (\n        activeEl !== document.body &&\n        !inputRef.current?.contains(activeEl) &&\n        !highlight.listboxRef.current?.contains(activeEl) &&\n        !rootRef.current?.contains(activeEl)\n      ) {\n        closeListbox();\n        if (isCombobox && !multiple) {\n          populateInputField(selectedOption ? getOptionLabelText(selectedOption) : \"\");\n        }\n      }\n    });\n  };\n\n  // ── Select trigger handlers ─────────────────────────────────────────\n  const handleTriggerClick = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const clickedButton = (event.target as HTMLElement).closest(\"button\");\n    if (clickedButton && clickedButton !== triggerRef.current) {\n      return;\n    }\n\n    handleTriggerClick();\n  };\n\n  const handleTriggerFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n  };\n\n  // ── Build props ──────────────────────────────────────────────────────\n  const listboxId = `${id}-listbox`;\n  const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n  const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n  const anchorStyle = { anchorName } as CSSProperties;\n  const triggerContainerProps: Record<string, unknown> | null = isCombobox\n    ? null\n    : {\n        onClick: handleTriggerContainerClick,\n      };\n\n  // ── Popover sync ────────────────────────────────────────────────────\n  const listboxCallbackRef = useCallback(\n    (node: HTMLUListElement | null) => {\n      (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n      if (node && typeof node.showPopover === \"function\") {\n        try {\n          node.showPopover();\n        } catch {\n          // Popover not supported or already open\n        }\n      }\n    },\n    [highlight.listboxRef]\n  );\n\n  const listboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: listboxId,\n    ref: listboxCallbackRef,\n    onMouseLeave: () => highlight.resetHighlight(),\n    popover: \"manual\",\n    negative,\n    style: {\n      ...(listboxMaxHeight\n        ? {\n            maxHeight:\n              typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n          }\n        : {}),\n      positionAnchor: anchorName,\n    } as CSSProperties,\n  } as ListboxProps;\n\n  const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n    const isSelected = resolvedSelected.some((o) => o.id === option.id);\n    const { highlightedOption } = highlight;\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: () => highlight.highlightByClick(option),\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) highlight.optionRefs.current[option.id] = el;\n      },\n      tabIndex: -1,\n      selected: isSelected,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n      \"aria-selected\": isSelected,\n    };\n  };\n\n  const triggerProps: Record<string, unknown> = isCombobox\n    ? {}\n    : {\n        ref: triggerRef,\n        type: \"button\" as const,\n        role: \"combobox\",\n        \"aria-haspopup\": \"listbox\",\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-disabled\": disabled,\n        \"data-testid\": getTestId(\"trigger\"),\n        id: `${id}-trigger`,\n        onKeyDown: handleKeyDown,\n        onFocus: handleTriggerFocus,\n        disabled,\n        tabIndex: disabled ? -1 : 0,\n        style: anchorStyle,\n      };\n\n  const inputProps: Record<string, unknown> | null = isCombobox\n    ? {\n        ref: inputRef,\n        role: \"combobox\",\n        \"aria-autocomplete\": \"list\" as const,\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-activedescendant\": highlight.highlightedOption\n          ? createListboxItemId(highlight.highlightedOption)\n          : undefined,\n        \"data-testid\": getTestId(\"input\"),\n        autoComplete: \"off\",\n        id: `${id}-input`,\n        type: \"text\",\n        value: displayInputValue,\n        onChange: handleInputChange,\n        onMouseDown: handleInputMouseDown,\n        onFocus: handleInputFocus,\n        onBlur: handleInputBlur,\n        onKeyDown: handleKeyDown,\n        disabled,\n        readOnly,\n      }\n    : null;\n\n  return {\n    rootRef,\n    triggerContainerProps,\n    triggerProps,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen: showListbox,\n    highlightedOption: highlight.highlightedOption,\n    selectedItems: resolvedSelected,\n    anchorStyle,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n  SELECT_ALL_OPTION_ID,\n  shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid = false,\n    loading = false,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    selectAllLabel,\n    moreOptionsText,\n    removeOptionAriaLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  // Resolve selected items up-front so we can decide whether to show the\n  // virtual \"Select all\" option.\n  const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const showSelectAll = shouldShowSelectAll({\n    selectAllLabel,\n    multiple,\n    options,\n    selectedItems: resolvedSelectedItems,\n  });\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((o) => !o.disabled);\n    const allEnabledSelected = enabledOptions.every((o) =>\n      resolvedSelectedItems.some((s) => s.id === o.id)\n    );\n    if (allEnabledSelected) {\n      // Deselect all enabled options, keep disabled+selected as-is\n      const next = resolvedSelectedItems.filter((o) => o.disabled);\n      onSelect?.(undefined, next);\n    } else {\n      // Select all enabled, keep disabled+selected as-is\n      const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n      const next = [...disabledSelected, ...enabledOptions];\n      onSelect?.(undefined, next);\n    }\n  };\n\n  // Intercept selection of the virtual \"Select all\" option routed through the\n  // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n  const handleHookSelect = (\n    toggledOption: DropdownOption | undefined,\n    nextSelected: DropdownOption[]\n  ) => {\n    if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n      handleSelectAll();\n      return;\n    }\n    onSelect?.(toggledOption, nextSelected);\n  };\n\n  const hookOptions = showSelectAll\n    ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n    : options;\n\n  const dropdown = useDropdown({\n    id: fieldId,\n    variant: \"select\",\n    options: hookOptions,\n    listboxLabel: listboxLabel || label || \"Options\",\n    multiple,\n    negative,\n    selectedOption,\n    selectedOptions,\n    onSelect: handleHookSelect,\n    openOnFocus,\n    listboxMaxHeight,\n    disabled,\n    readOnly,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  const {\n    triggerContainerProps,\n    triggerProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen,\n    selectedItems,\n    anchorStyle,\n  } = dropdown;\n\n  const triggerButtonProps = {\n    ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n  };\n  delete triggerButtonProps.style;\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  // True when every option (enabled and disabled) is currently selected and a\n  // `selectAllLabel` is configured. In that case the field shows the label\n  // text instead of a list of chips.\n  const allEnabledSelected =\n    multiple &&\n    !!selectAllLabel &&\n    options.length > 0 &&\n    options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n  const displayLabel = multiple\n    ? allEnabledSelected\n      ? selectAllLabel\n      : selectedItems.length === 0\n      ? placeholder || \"\"\n      : \"\"\n    : selectedOption?.label || placeholder || \"\";\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"trigger\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        <div\n          {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n          className={cx(`${rootClassName}__trigger-container`, {\n            [`${rootClassName}__trigger-container--error`]: !!errorText,\n            [`${rootClassName}__trigger-container--is-valid`]: isValid,\n            [`${rootClassName}__trigger-container--negative`]: negative,\n            [`${rootClassName}__trigger-container--disabled`]: disabled,\n            [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__trigger-container--has-tags`]:\n              multiple && selectedItems.length > 0 && !allEnabledSelected,\n          })}\n          style={anchorStyle}\n        >\n          {multiple && !allEnabledSelected && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              negative={negative}\n              onRemove={handleRemoveTag}\n              moreOptionsText={moreOptionsText}\n              removeOptionAriaLabel={removeOptionAriaLabel}\n              isSelect\n            />\n          )}\n          <button\n            {...triggerButtonProps}\n            className={cx(`${rootClassName}__trigger`, {\n              [`${rootClassName}__trigger--is-valid`]: isValid,\n              [`${rootClassName}__trigger--negative`]: negative,\n              [`${rootClassName}__trigger--disabled`]: disabled,\n              [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n              [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n            })}\n            aria-describedby={helperTextId}\n          >\n            <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n          </button>\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            readOnly={readOnly}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow,\n            getListboxItemProps,\n            multiple,\n            negative,\n            fieldId,\n            selectAllLabel,\n            selectedItems,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n  if (props.combobox) {\n    return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n  }\n\n  return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n  DropdownComboboxProps,\n  DropdownOption,\n  DropdownProps,\n  DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["getOptionLabelText","option","cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","MAX_VISIBLE_TAGS","DropdownTags","selectedItems","onRemove","isSelect","moreOptionsText","removeOptionAriaLabel","visibleItems","hiddenCount","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}