@purpur/library 9.2.3 → 9.3.0

package/dist/comparison-table-B8w65g43.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"comparison-table-B8w65g43.js","sources":["../../../components/comparison-table/src/components/Cell/cell.tsx","../../../components/comparison-table/src/components/LeadCell/lead-cell.tsx","../../../components/comparison-table/src/components/OptionCard/option-card.tsx","../../../components/comparison-table/src/components/ScrollProgress/scroll-progress.tsx","../../../components/comparison-table/src/comparison-table.tsx"],"sourcesContent":["import React, { isValidElement, type ReactNode } from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { IconMinus } from \"@purpur/icon/minus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./cell.module.scss\";\n\ntype CellProps = {\n  value: boolean | ReactNode;\n};\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table-cell\";\n\nexport const Cell = ({ value }: CellProps) => {\n  const isReactNode = isValidElement(value) || [\"string\", \"number\"].includes(typeof value);\n\n  const getClassName = () => {\n    if (isReactNode) return \"\";\n    return `${rootClassName}--${value ? \"check\" : \"minus\"}`;\n  };\n\n  const classes = cx(rootClassName, [getClassName()]);\n\n  const Icon = value ? IconCheckmark : IconMinus;\n\n  return (\n    <span className={cx(classes)}>\n      {isReactNode ? value : <Icon size=\"xs\" className={cx(`${rootClassName}__icon`)} />}\n    </span>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./lead-cell.module.scss\";\n\ntype LeadCellProps = {\n  title: string;\n  description?: ReactNode;\n};\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table-lead-cell\";\n\nexport const LeadCell = ({ title, description }: LeadCellProps) => {\n  const isExpandable = typeof description === \"string\";\n  const classes = cx(rootClassName);\n\n  return (\n    <details className={classes} data-is-expandable={isExpandable}>\n      <summary className={cx(`${rootClassName}__summary`)} tabIndex={isExpandable ? 0 : -1}>\n        <Paragraph className={cx(`${rootClassName}__summary-title`)} variant=\"paragraph-100-bold\">\n          {title}\n        </Paragraph>\n        <IconChevronDown className={cx(`${rootClassName}__summary-icon`)} size=\"sm\" />\n      </summary>\n      {description && (\n        <Paragraph variant=\"paragraph-100\" className={cx(`${rootClassName}__description`)}>\n          {description}\n        </Paragraph>\n      )}\n    </details>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport { Badge, type BadgeProps } from \"@purpur/badge\";\nimport { Button } from \"@purpur/button\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { type ComparisonTableProps } from \"../../comparison-table\";\nimport styles from \"./option-card.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table-option-card\";\n\nexport type OptionCardProps = {\n  image: {\n    src: string;\n    alt: string;\n  };\n\n  title: string;\n  description: string;\n  variablePriceText: string;\n  price: string;\n\n  actions: ReactNode;\n\n  badge?: BadgeProps;\n  isHighlighted?: boolean;\n};\n\ntype OptionCardPropsAdditions = {\n  id: string;\n  isFirstCard: boolean;\n  ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n\n  showFullDescriptions: boolean;\n  toggleShowFullDescriptions: () => void;\n};\n\nexport const OptionCard = ({\n  id,\n  description,\n  variablePriceText,\n  price,\n  isHighlighted,\n  ariaLabels,\n  badge,\n  actions,\n  isFirstCard,\n  image,\n  title,\n  showFullDescriptions,\n  toggleShowFullDescriptions,\n}: OptionCardProps & OptionCardPropsAdditions) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--highlighted`]: isHighlighted,\n    [`${rootClassName}--first-card`]: isFirstCard,\n    [`${rootClassName}--show-full-descriptions`]: showFullDescriptions,\n  });\n\n  const renderDescription = () => {\n    if (!description) return null;\n\n    const longThreshold = 50;\n    const longDescription = description.length > longThreshold;\n\n    return (\n      <div className={cx(`${rootClassName}__description`)}>\n        <Paragraph variant=\"paragraph-100\" className={cx(`${rootClassName}__description-text`)}>\n          {description}\n        </Paragraph>\n        {longDescription && (\n          <Button\n            variant=\"text\"\n            size=\"xs\"\n            className={cx(`${rootClassName}__read-more`)}\n            onClick={toggleShowFullDescriptions}\n          >\n            <span className={cx(`${rootClassName}__read-more-text`)}>\n              {showFullDescriptions ? ariaLabels.readLess : ariaLabels.readMore}\n            </span>\n            <IconChevronDown className={cx(`${rootClassName}__read-more-icon`)} size=\"xs\" />\n          </Button>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <article className={classes} data-card-id={id}>\n      {badge && <Badge {...badge} className={cx(`${rootClassName}__badge`)} />}\n\n      <section className={cx(`${rootClassName}__main-content`)}>\n        <img src={image.src} alt={image.alt} className={cx(`${rootClassName}__image`)} />\n\n        <div className={cx(`${rootClassName}__body`)}>\n          <Heading tag=\"h3\" variant=\"title-200\" className={cx(`${rootClassName}__title`)}>\n            {title}\n          </Heading>\n          {renderDescription()}\n        </div>\n      </section>\n\n      <footer className={cx(`${rootClassName}__footer`)}>\n        <span className={cx(`${rootClassName}__price`)} id={id}>\n          <Paragraph variant=\"paragraph-100\">{variablePriceText}</Paragraph>\n          <Paragraph variant=\"paragraph-100-bold\">{price}</Paragraph>\n        </span>\n\n        {actions}\n      </footer>\n    </article>\n  );\n};\n","import React, { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconArrowLeft } from \"@purpur/icon/arrow-left\";\nimport { IconArrowRight } from \"@purpur/icon/arrow-right\";\nimport c from \"classnames/bind\";\n\nimport { type ComparisonTableProps, type Features, type Item } from \"../../comparison-table\";\nimport styles from \"./scroll-progress.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-comparison-table-scroll-progress\";\n\ntype ScrollProgressProps = {\n  items: Array<Item<Features>>;\n  container: RefObject<HTMLUListElement | null>;\n  parentId: string;\n  ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n};\n\nexport const ScrollProgress = ({ items, container, parentId, ariaLabels }: ScrollProgressProps) => {\n  const [inViewSet, setInViewSet] = useState<Set<number>>(new Set());\n\n  const scrollToCard = useCallback(\n    (index: number) => {\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n      const card = document.querySelector(\n        `[data-card-id=\"${index}-${parentId}\"]`\n      ) as HTMLElement | null;\n      card?.scrollIntoView({ behavior: reduceMotion ? \"instant\" : \"smooth\", block: \"nearest\" });\n    },\n    [parentId]\n  );\n\n  const previousCard = useCallback(() => {\n    if (inViewSet.size === 0) return;\n\n    const leftmostactiveIndex = Math.min(...Array.from(inViewSet));\n    const targetIndex = leftmostactiveIndex - 1;\n\n    if (targetIndex < 0) return;\n\n    scrollToCard(targetIndex);\n  }, [inViewSet, scrollToCard]);\n\n  const nextCard = useCallback(() => {\n    if (inViewSet.size === 0) return;\n\n    const rightmostactiveIndex = Math.max(...Array.from(inViewSet));\n    const targetIndex = rightmostactiveIndex + 1;\n\n    if (targetIndex >= items.length) return;\n\n    scrollToCard(targetIndex);\n  }, [inViewSet, items.length, scrollToCard]);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n        e.preventDefault();\n\n        if (e.key === \"ArrowRight\") nextCard();\n        else if (e.key === \"ArrowLeft\") previousCard();\n      }\n    },\n    [nextCard, previousCard]\n  );\n\n  useEffect(() => {\n    const root = container.current;\n\n    if (!root) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        setInViewSet((prev) => {\n          const next = new Set(prev);\n\n          entries.forEach((entry) => {\n            let index: number | string | undefined = entry.target\n              .getAttribute(\"data-card-id\")\n              ?.match(new RegExp(`(\\\\d+)-${parentId}`))?.[1];\n\n            if (!index) return;\n\n            index = parseInt(index, 10);\n\n            if (entry.isIntersecting) {\n              next.add(index);\n            } else {\n              next.delete(index);\n            }\n          });\n          return next;\n        });\n      },\n      { root, threshold: 0.5 }\n    );\n\n    items.forEach((_, index) => {\n      const card = document.querySelector(\n        `[data-card-id=\"${index}-${parentId}\"]`\n      ) as HTMLElement | null;\n\n      if (card) observer.observe(card);\n    });\n\n    return () => observer.disconnect();\n  }, [container, items, parentId]);\n\n  useEffect(() => {\n    const root = container.current;\n\n    if (!root) return;\n\n    root.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => root.removeEventListener(\"keydown\", handleKeyDown);\n  }, [container, handleKeyDown]);\n\n  const renderIndicators = () => {\n    if (inViewSet.size === 0) return;\n\n    const indicators = [];\n    const viewCapacity = inViewSet.size;\n    const leftmostActiveIndex = Math.min(...Array.from(inViewSet));\n    const head = items.slice(0, leftmostActiveIndex).length;\n    const trail = items.slice(leftmostActiveIndex + viewCapacity).length;\n\n    let key = 0;\n\n    for (let i = 0; i < items.length; i++) {\n      if (head + 1 !== i && head <= i && i < items.length - trail) continue;\n\n      let status = \"active\";\n\n      if (i < head || i > items.length - 1 - trail) status = \"\";\n\n      indicators.push(\n        <li key={`indicator-${key++}`} className={cx(`${rootClassName}__indicator`, status)} />\n      );\n    }\n\n    if (indicators.length < 2) return null;\n\n    return indicators;\n  };\n\n  return (\n    <li className={cx(rootClassName)}>\n      <ul className={cx(`${rootClassName}__indicators`)}>{renderIndicators()}</ul>\n\n      <div className={cx(`${rootClassName}__buttons`)}>\n        <Button\n          aria-label={ariaLabels.previous}\n          variant=\"secondary\"\n          iconOnly\n          className={cx(`${rootClassName}__button`)}\n          disabled={inViewSet.has(0)}\n          onClick={previousCard}\n        >\n          <IconArrowLeft className={cx(`${rootClassName}__button-icon`)} size=\"xs\" />\n        </Button>\n        <Button\n          aria-label={ariaLabels.next}\n          variant=\"secondary\"\n          iconOnly\n          className={cx(`${rootClassName}__button`)}\n          disabled={inViewSet.has(items.length - 1)}\n          onClick={nextCard}\n        >\n          <IconArrowRight className={cx(`${rootClassName}__button-icon`)} size=\"xs\" />\n        </Button>\n      </div>\n    </li>\n  );\n};\n","import React, { type ReactNode, type UIEvent, useCallback, useId, useRef, useState } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./comparison-table.module.scss\";\nimport { Cell } from \"./components/Cell/cell\";\nimport { LeadCell } from \"./components/LeadCell/lead-cell\";\nimport { OptionCard, type OptionCardProps } from \"./components/OptionCard/option-card\";\nimport { ScrollProgress } from \"./components/ScrollProgress/scroll-progress\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table\";\n\nexport type Features = Record<string, ReactNode | null>;\n\nexport type Item<TFeatures extends Features = Features> = OptionCardProps & {\n  features: Partial<Record<keyof TFeatures, string | boolean>>;\n};\n\nexport type ComparisonTableProps<TFeatures extends Features = Features> = {\n  /** List of features that can be supported by the comparison table\n   *\n   * string = description of the feature that can be viewed by expanding cell.\n   *\n   * null = no description\n   *\n    {\n      [featureName]: ReactNode | null\n    }\n  */\n  features: TFeatures;\n\n  /** List of items to be displayed in the comparison table\n   *\n   *\n    Item = {\n      image: {\n        src: string;\n        alt: string;\n      };\n\n      title: string;\n      description: string;\n      variablePriceText: string;\n      price: string;\n      actions: ReactNode;\n      badge?: BadgeProps;\n      isHighlighted?: boolean;\n\n      features: {\n        [featureName in keyof Features]?: string | boolean;\n      };\n    }\n  */\n  items: Array<Item<TFeatures>>;\n\n  /** Aria labels for the comparison table and various components\n   *\n    {\n      previous: string;\n      next: string;\n      readMore: string;\n      readLess: string;\n    }\n  */\n  ariaLabels: {\n    previous: string;\n    next: string;\n    readMore: string;\n    readLess: string;\n  };\n  variant?: \"primary\" | \"secondary\";\n  classname?: string;\n};\n\nexport const ComparisonTable = <TFeatures extends Features>({\n  classname,\n  features,\n  items,\n  ariaLabels,\n  variant = \"primary\",\n}: ComparisonTableProps<TFeatures>) => {\n  const id = useId();\n  const classes = cx(classname, rootClassName, `${rootClassName}--${variant}`);\n  const containerRef = useRef<HTMLUListElement>(null);\n  const [showFullDescriptions, setShowFullDescriptions] = useState(false);\n\n  const handleToggleShowFullDescriptions = useCallback(() => {\n    setShowFullDescriptions((prev) => !prev);\n  }, []);\n\n  const renderCards = () => {\n    return (\n      <li className={cx(`${rootClassName}__cards`)}>\n        <div className={cx(`${rootClassName}__separator`)} />\n        {items.map((item, index) => (\n          <OptionCard\n            {...item}\n            showFullDescriptions={showFullDescriptions}\n            toggleShowFullDescriptions={handleToggleShowFullDescriptions}\n            key={index}\n            isFirstCard={index === 0}\n            ariaLabels={ariaLabels}\n            id={`${index}-${id}`}\n          />\n        ))}\n      </li>\n    );\n  };\n\n  const renderFeatures = () => {\n    return Object.entries(features).map(([title, description], i) => (\n      <li key={i} className={cx(`${rootClassName}__feature-row`)}>\n        <LeadCell title={title} description={description} />\n        {items.map((item, index) => (\n          <Cell key={index} value={item.features[title as keyof TFeatures] ?? false} />\n        ))}\n      </li>\n    ));\n  };\n\n  const deltaTime = useRef(0);\n\n  const handleScrollEnd = (e: UIEvent<HTMLUListElement>) => {\n    /**\n     * This function makes sure that the scroll position is never stuck between two cards, since scroll snap is not fully reliable.\n     */\n\n    const target = e.currentTarget;\n    const cardwidth = target.querySelector(\"[data-card-id]\")?.clientWidth ?? 0;\n    const cardPos = Math.round(target.scrollLeft / cardwidth);\n    const scrollTarget = cardPos * cardwidth + cardPos;\n    const timeDiff = e.timeStamp - deltaTime.current;\n    const scrollDiff = Math.abs(target.scrollLeft - scrollTarget);\n\n    if (deltaTime.current && timeDiff < 200) return;\n    if (scrollDiff < 10) return;\n\n    deltaTime.current = e.timeStamp;\n\n    target.scrollTo({ left: scrollTarget, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className={cx(rootClassName + \"__wrapper\")}>\n      <ul\n        id={rootClassName + `-${id}`}\n        ref={containerRef}\n        className={classes}\n        // eslint-disable-next-line react/no-unknown-property\n        onScrollEnd={handleScrollEnd}\n        style={{\n          // @ts-expect-error | Typescript doesn't recognize the CSS variable, but it works as intended\n          [\"--initial-columns\"]: items.length + 1,\n        }}\n      >\n        <ScrollProgress\n          items={items}\n          container={containerRef}\n          ariaLabels={ariaLabels}\n          parentId={CSS.escape(id)}\n        />\n        {renderCards()}\n        {renderFeatures()}\n      </ul>\n    </div>\n  );\n};\n\nComparisonTable.displayName = \"ComparisonTable\";\n"],"names":["cx","c","styles","rootClassName","Cell","value","isReactNode","isValidElement","classes","Icon","IconCheckmark","IconMinus","jsx","LeadCell","title","description","isExpandable","jsxs","Paragraph","IconChevronDown","OptionCard","id","variablePriceText","price","isHighlighted","ariaLabels","badge","actions","isFirstCard","image","showFullDescriptions","toggleShowFullDescriptions","renderDescription","longDescription","Button","Badge","Heading","ScrollProgress","items","container","parentId","inViewSet","setInViewSet","useState","scrollToCard","useCallback","index","reduceMotion","previousCard","targetIndex","nextCard","handleKeyDown","useEffect","root","observer","entries","prev","next","entry","_","card","renderIndicators","indicators","viewCapacity","leftmostActiveIndex","head","trail","key","i","status","IconArrowLeft","IconArrowRight","ComparisonTable","classname","features","variant","useId","containerRef","useRef","setShowFullDescriptions","handleToggleShowFullDescriptions","renderCards","item","createElement","renderFeatures","deltaTime","handleScrollEnd","e","target","cardwidth","cardPos","scrollTarget","timeDiff","scrollDiff"],"mappings":"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"}

package/dist/comparison-table-D1zJpdLL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"comparison-table-D1zJpdLL.mjs","sources":["../../../components/comparison-table/src/components/Cell/cell.tsx","../../../components/comparison-table/src/components/LeadCell/lead-cell.tsx","../../../components/comparison-table/src/components/OptionCard/option-card.tsx","../../../components/comparison-table/src/components/ScrollProgress/scroll-progress.tsx","../../../components/comparison-table/src/comparison-table.tsx"],"sourcesContent":["import React, { isValidElement, type ReactNode } from \"react\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport { IconMinus } from \"@purpur/icon/minus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./cell.module.scss\";\n\ntype CellProps = {\n  value: boolean | ReactNode;\n};\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table-cell\";\n\nexport const Cell = ({ value }: CellProps) => {\n  const isReactNode = isValidElement(value) || [\"string\", \"number\"].includes(typeof value);\n\n  const getClassName = () => {\n    if (isReactNode) return \"\";\n    return `${rootClassName}--${value ? \"check\" : \"minus\"}`;\n  };\n\n  const classes = cx(rootClassName, [getClassName()]);\n\n  const Icon = value ? IconCheckmark : IconMinus;\n\n  return (\n    <span className={cx(classes)}>\n      {isReactNode ? value : <Icon size=\"xs\" className={cx(`${rootClassName}__icon`)} />}\n    </span>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./lead-cell.module.scss\";\n\ntype LeadCellProps = {\n  title: string;\n  description?: ReactNode;\n};\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table-lead-cell\";\n\nexport const LeadCell = ({ title, description }: LeadCellProps) => {\n  const isExpandable = typeof description === \"string\";\n  const classes = cx(rootClassName);\n\n  return (\n    <details className={classes} data-is-expandable={isExpandable}>\n      <summary className={cx(`${rootClassName}__summary`)} tabIndex={isExpandable ? 0 : -1}>\n        <Paragraph className={cx(`${rootClassName}__summary-title`)} variant=\"paragraph-100-bold\">\n          {title}\n        </Paragraph>\n        <IconChevronDown className={cx(`${rootClassName}__summary-icon`)} size=\"sm\" />\n      </summary>\n      {description && (\n        <Paragraph variant=\"paragraph-100\" className={cx(`${rootClassName}__description`)}>\n          {description}\n        </Paragraph>\n      )}\n    </details>\n  );\n};\n","import React, { type ReactNode } from \"react\";\nimport { Badge, type BadgeProps } from \"@purpur/badge\";\nimport { Button } from \"@purpur/button\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { type ComparisonTableProps } from \"../../comparison-table\";\nimport styles from \"./option-card.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table-option-card\";\n\nexport type OptionCardProps = {\n  image: {\n    src: string;\n    alt: string;\n  };\n\n  title: string;\n  description: string;\n  variablePriceText: string;\n  price: string;\n\n  actions: ReactNode;\n\n  badge?: BadgeProps;\n  isHighlighted?: boolean;\n};\n\ntype OptionCardPropsAdditions = {\n  id: string;\n  isFirstCard: boolean;\n  ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n\n  showFullDescriptions: boolean;\n  toggleShowFullDescriptions: () => void;\n};\n\nexport const OptionCard = ({\n  id,\n  description,\n  variablePriceText,\n  price,\n  isHighlighted,\n  ariaLabels,\n  badge,\n  actions,\n  isFirstCard,\n  image,\n  title,\n  showFullDescriptions,\n  toggleShowFullDescriptions,\n}: OptionCardProps & OptionCardPropsAdditions) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--highlighted`]: isHighlighted,\n    [`${rootClassName}--first-card`]: isFirstCard,\n    [`${rootClassName}--show-full-descriptions`]: showFullDescriptions,\n  });\n\n  const renderDescription = () => {\n    if (!description) return null;\n\n    const longThreshold = 50;\n    const longDescription = description.length > longThreshold;\n\n    return (\n      <div className={cx(`${rootClassName}__description`)}>\n        <Paragraph variant=\"paragraph-100\" className={cx(`${rootClassName}__description-text`)}>\n          {description}\n        </Paragraph>\n        {longDescription && (\n          <Button\n            variant=\"text\"\n            size=\"xs\"\n            className={cx(`${rootClassName}__read-more`)}\n            onClick={toggleShowFullDescriptions}\n          >\n            <span className={cx(`${rootClassName}__read-more-text`)}>\n              {showFullDescriptions ? ariaLabels.readLess : ariaLabels.readMore}\n            </span>\n            <IconChevronDown className={cx(`${rootClassName}__read-more-icon`)} size=\"xs\" />\n          </Button>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <article className={classes} data-card-id={id}>\n      {badge && <Badge {...badge} className={cx(`${rootClassName}__badge`)} />}\n\n      <section className={cx(`${rootClassName}__main-content`)}>\n        <img src={image.src} alt={image.alt} className={cx(`${rootClassName}__image`)} />\n\n        <div className={cx(`${rootClassName}__body`)}>\n          <Heading tag=\"h3\" variant=\"title-200\" className={cx(`${rootClassName}__title`)}>\n            {title}\n          </Heading>\n          {renderDescription()}\n        </div>\n      </section>\n\n      <footer className={cx(`${rootClassName}__footer`)}>\n        <span className={cx(`${rootClassName}__price`)} id={id}>\n          <Paragraph variant=\"paragraph-100\">{variablePriceText}</Paragraph>\n          <Paragraph variant=\"paragraph-100-bold\">{price}</Paragraph>\n        </span>\n\n        {actions}\n      </footer>\n    </article>\n  );\n};\n","import React, { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconArrowLeft } from \"@purpur/icon/arrow-left\";\nimport { IconArrowRight } from \"@purpur/icon/arrow-right\";\nimport c from \"classnames/bind\";\n\nimport { type ComparisonTableProps, type Features, type Item } from \"../../comparison-table\";\nimport styles from \"./scroll-progress.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-comparison-table-scroll-progress\";\n\ntype ScrollProgressProps = {\n  items: Array<Item<Features>>;\n  container: RefObject<HTMLUListElement | null>;\n  parentId: string;\n  ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n};\n\nexport const ScrollProgress = ({ items, container, parentId, ariaLabels }: ScrollProgressProps) => {\n  const [inViewSet, setInViewSet] = useState<Set<number>>(new Set());\n\n  const scrollToCard = useCallback(\n    (index: number) => {\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n      const card = document.querySelector(\n        `[data-card-id=\"${index}-${parentId}\"]`\n      ) as HTMLElement | null;\n      card?.scrollIntoView({ behavior: reduceMotion ? \"instant\" : \"smooth\", block: \"nearest\" });\n    },\n    [parentId]\n  );\n\n  const previousCard = useCallback(() => {\n    if (inViewSet.size === 0) return;\n\n    const leftmostactiveIndex = Math.min(...Array.from(inViewSet));\n    const targetIndex = leftmostactiveIndex - 1;\n\n    if (targetIndex < 0) return;\n\n    scrollToCard(targetIndex);\n  }, [inViewSet, scrollToCard]);\n\n  const nextCard = useCallback(() => {\n    if (inViewSet.size === 0) return;\n\n    const rightmostactiveIndex = Math.max(...Array.from(inViewSet));\n    const targetIndex = rightmostactiveIndex + 1;\n\n    if (targetIndex >= items.length) return;\n\n    scrollToCard(targetIndex);\n  }, [inViewSet, items.length, scrollToCard]);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n        e.preventDefault();\n\n        if (e.key === \"ArrowRight\") nextCard();\n        else if (e.key === \"ArrowLeft\") previousCard();\n      }\n    },\n    [nextCard, previousCard]\n  );\n\n  useEffect(() => {\n    const root = container.current;\n\n    if (!root) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        setInViewSet((prev) => {\n          const next = new Set(prev);\n\n          entries.forEach((entry) => {\n            let index: number | string | undefined = entry.target\n              .getAttribute(\"data-card-id\")\n              ?.match(new RegExp(`(\\\\d+)-${parentId}`))?.[1];\n\n            if (!index) return;\n\n            index = parseInt(index, 10);\n\n            if (entry.isIntersecting) {\n              next.add(index);\n            } else {\n              next.delete(index);\n            }\n          });\n          return next;\n        });\n      },\n      { root, threshold: 0.5 }\n    );\n\n    items.forEach((_, index) => {\n      const card = document.querySelector(\n        `[data-card-id=\"${index}-${parentId}\"]`\n      ) as HTMLElement | null;\n\n      if (card) observer.observe(card);\n    });\n\n    return () => observer.disconnect();\n  }, [container, items, parentId]);\n\n  useEffect(() => {\n    const root = container.current;\n\n    if (!root) return;\n\n    root.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => root.removeEventListener(\"keydown\", handleKeyDown);\n  }, [container, handleKeyDown]);\n\n  const renderIndicators = () => {\n    if (inViewSet.size === 0) return;\n\n    const indicators = [];\n    const viewCapacity = inViewSet.size;\n    const leftmostActiveIndex = Math.min(...Array.from(inViewSet));\n    const head = items.slice(0, leftmostActiveIndex).length;\n    const trail = items.slice(leftmostActiveIndex + viewCapacity).length;\n\n    let key = 0;\n\n    for (let i = 0; i < items.length; i++) {\n      if (head + 1 !== i && head <= i && i < items.length - trail) continue;\n\n      let status = \"active\";\n\n      if (i < head || i > items.length - 1 - trail) status = \"\";\n\n      indicators.push(\n        <li key={`indicator-${key++}`} className={cx(`${rootClassName}__indicator`, status)} />\n      );\n    }\n\n    if (indicators.length < 2) return null;\n\n    return indicators;\n  };\n\n  return (\n    <li className={cx(rootClassName)}>\n      <ul className={cx(`${rootClassName}__indicators`)}>{renderIndicators()}</ul>\n\n      <div className={cx(`${rootClassName}__buttons`)}>\n        <Button\n          aria-label={ariaLabels.previous}\n          variant=\"secondary\"\n          iconOnly\n          className={cx(`${rootClassName}__button`)}\n          disabled={inViewSet.has(0)}\n          onClick={previousCard}\n        >\n          <IconArrowLeft className={cx(`${rootClassName}__button-icon`)} size=\"xs\" />\n        </Button>\n        <Button\n          aria-label={ariaLabels.next}\n          variant=\"secondary\"\n          iconOnly\n          className={cx(`${rootClassName}__button`)}\n          disabled={inViewSet.has(items.length - 1)}\n          onClick={nextCard}\n        >\n          <IconArrowRight className={cx(`${rootClassName}__button-icon`)} size=\"xs\" />\n        </Button>\n      </div>\n    </li>\n  );\n};\n","import React, { type ReactNode, type UIEvent, useCallback, useId, useRef, useState } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./comparison-table.module.scss\";\nimport { Cell } from \"./components/Cell/cell\";\nimport { LeadCell } from \"./components/LeadCell/lead-cell\";\nimport { OptionCard, type OptionCardProps } from \"./components/OptionCard/option-card\";\nimport { ScrollProgress } from \"./components/ScrollProgress/scroll-progress\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-comparison-table\";\n\nexport type Features = Record<string, ReactNode | null>;\n\nexport type Item<TFeatures extends Features = Features> = OptionCardProps & {\n  features: Partial<Record<keyof TFeatures, string | boolean>>;\n};\n\nexport type ComparisonTableProps<TFeatures extends Features = Features> = {\n  /** List of features that can be supported by the comparison table\n   *\n   * string = description of the feature that can be viewed by expanding cell.\n   *\n   * null = no description\n   *\n    {\n      [featureName]: ReactNode | null\n    }\n  */\n  features: TFeatures;\n\n  /** List of items to be displayed in the comparison table\n   *\n   *\n    Item = {\n      image: {\n        src: string;\n        alt: string;\n      };\n\n      title: string;\n      description: string;\n      variablePriceText: string;\n      price: string;\n      actions: ReactNode;\n      badge?: BadgeProps;\n      isHighlighted?: boolean;\n\n      features: {\n        [featureName in keyof Features]?: string | boolean;\n      };\n    }\n  */\n  items: Array<Item<TFeatures>>;\n\n  /** Aria labels for the comparison table and various components\n   *\n    {\n      previous: string;\n      next: string;\n      readMore: string;\n      readLess: string;\n    }\n  */\n  ariaLabels: {\n    previous: string;\n    next: string;\n    readMore: string;\n    readLess: string;\n  };\n  variant?: \"primary\" | \"secondary\";\n  classname?: string;\n};\n\nexport const ComparisonTable = <TFeatures extends Features>({\n  classname,\n  features,\n  items,\n  ariaLabels,\n  variant = \"primary\",\n}: ComparisonTableProps<TFeatures>) => {\n  const id = useId();\n  const classes = cx(classname, rootClassName, `${rootClassName}--${variant}`);\n  const containerRef = useRef<HTMLUListElement>(null);\n  const [showFullDescriptions, setShowFullDescriptions] = useState(false);\n\n  const handleToggleShowFullDescriptions = useCallback(() => {\n    setShowFullDescriptions((prev) => !prev);\n  }, []);\n\n  const renderCards = () => {\n    return (\n      <li className={cx(`${rootClassName}__cards`)}>\n        <div className={cx(`${rootClassName}__separator`)} />\n        {items.map((item, index) => (\n          <OptionCard\n            {...item}\n            showFullDescriptions={showFullDescriptions}\n            toggleShowFullDescriptions={handleToggleShowFullDescriptions}\n            key={index}\n            isFirstCard={index === 0}\n            ariaLabels={ariaLabels}\n            id={`${index}-${id}`}\n          />\n        ))}\n      </li>\n    );\n  };\n\n  const renderFeatures = () => {\n    return Object.entries(features).map(([title, description], i) => (\n      <li key={i} className={cx(`${rootClassName}__feature-row`)}>\n        <LeadCell title={title} description={description} />\n        {items.map((item, index) => (\n          <Cell key={index} value={item.features[title as keyof TFeatures] ?? false} />\n        ))}\n      </li>\n    ));\n  };\n\n  const deltaTime = useRef(0);\n\n  const handleScrollEnd = (e: UIEvent<HTMLUListElement>) => {\n    /**\n     * This function makes sure that the scroll position is never stuck between two cards, since scroll snap is not fully reliable.\n     */\n\n    const target = e.currentTarget;\n    const cardwidth = target.querySelector(\"[data-card-id]\")?.clientWidth ?? 0;\n    const cardPos = Math.round(target.scrollLeft / cardwidth);\n    const scrollTarget = cardPos * cardwidth + cardPos;\n    const timeDiff = e.timeStamp - deltaTime.current;\n    const scrollDiff = Math.abs(target.scrollLeft - scrollTarget);\n\n    if (deltaTime.current && timeDiff < 200) return;\n    if (scrollDiff < 10) return;\n\n    deltaTime.current = e.timeStamp;\n\n    target.scrollTo({ left: scrollTarget, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className={cx(rootClassName + \"__wrapper\")}>\n      <ul\n        id={rootClassName + `-${id}`}\n        ref={containerRef}\n        className={classes}\n        // eslint-disable-next-line react/no-unknown-property\n        onScrollEnd={handleScrollEnd}\n        style={{\n          // @ts-expect-error | Typescript doesn't recognize the CSS variable, but it works as intended\n          [\"--initial-columns\"]: items.length + 1,\n        }}\n      >\n        <ScrollProgress\n          items={items}\n          container={containerRef}\n          ariaLabels={ariaLabels}\n          parentId={CSS.escape(id)}\n        />\n        {renderCards()}\n        {renderFeatures()}\n      </ul>\n    </div>\n  );\n};\n\nComparisonTable.displayName = \"ComparisonTable\";\n"],"names":["cx","c","styles","rootClassName","Cell","value","isReactNode","isValidElement","classes","Icon","IconCheckmark","IconMinus","jsx","LeadCell","title","description","isExpandable","jsxs","Paragraph","IconChevronDown","OptionCard","id","variablePriceText","price","isHighlighted","ariaLabels","badge","actions","isFirstCard","image","showFullDescriptions","toggleShowFullDescriptions","renderDescription","longDescription","Button","Badge","Heading","ScrollProgress","items","container","parentId","inViewSet","setInViewSet","useState","scrollToCard","useCallback","index","reduceMotion","previousCard","targetIndex","nextCard","handleKeyDown","e","useEffect","root","observer","entries","prev","next","entry","_","card","renderIndicators","indicators","viewCapacity","leftmostActiveIndex","head","trail","key","i","status","IconArrowLeft","IconArrowRight","ComparisonTable","classname","features","variant","useId","containerRef","useRef","setShowFullDescriptions","handleToggleShowFullDescriptions","renderCards","item","createElement","renderFeatures","deltaTime","handleScrollEnd","target","cardwidth","cardPos","scrollTarget","timeDiff","scrollDiff"],"mappings":"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"}

package/dist/dismissable-chip-group-Cd23yjBa.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),$=require("./heading-drD5ugCC.js"),g=require("./bind-DeUYJ6m9.js"),v=require("./close.es-VL3lKi1O.js"),q={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_po1qg_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_po1qg_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_po1qg_13","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_po1qg_16","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_po1qg_16","purpur-dismissable-chip-group__container--sm":"_purpur-dismissable-chip-group__container--sm_po1qg_22","purpur-dismissable-chip-group__container--md":"_purpur-dismissable-chip-group__container--md_po1qg_25","purpur-dismissable-chip-group-item--sm":"_purpur-dismissable-chip-group-item--sm_po1qg_41","purpur-dismissable-chip-group-item--md":"_purpur-dismissable-chip-group-item--md_po1qg_50","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_po1qg_59"},h=g.c.bind(q),u="purpur-dismissable-chip-group-item",x=({children:t,id:e,onDismiss:c,disabled:s,...r})=>{const p=o.useContext(_),l=n=>{s?n.preventDefault():c?.(e)};return i.jsx("li",{className:h(`${u}-wrapper`),children:o.createElement("button",{...r,className:h(`${u}`,{[`${u}--disabled`]:s,[`${u}--${p}`]:p}),key:e,disabled:s,"aria-disabled":s,onClick:l},t,i.jsx(v.r,{size:p==="sm"?"xs":"sm"}))},e)};x.displayName="DismissableChipGroupItem";const b=g.c.bind(q),D=["sm","md"],m="md",_=o.createContext(m),a="purpur-dismissable-chip-group",d=({children:t,className:e,fullWidth:c=!1,size:s=m,title:r,titleTag:p,...l})=>{const n=o.useId(),C=b(a,e);return i.jsxs("div",{...l,"aria-labelledby":r?`${n}-label`:void 0,className:C,role:"group",children:[r&&i.jsx($.Heading,{tag:p??"h2",variant:"subsection-100",children:r}),i.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:b(`${a}__container`,{[`${a}__container--full-width`]:c,[`${a}__container--${s}`]:s}),"aria-live":"polite","aria-relevant":"additions removals",children:i.jsx(_.Provider,{value:s,children:t})})]})};d.Item=x;d.displayName="DismissableChipGroup";exports.DEFAULT_SIZE=m;exports.DismissableChipGroup=d;exports.SizeContext=_;exports.sizes=D;
-//# sourceMappingURL=dismissable-chip-group-Cd23yjBa.js.map

package/dist/dismissable-chip-group-Cd23yjBa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dismissable-chip-group-Cd23yjBa.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport { SizeContext } from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const size = useContext(SizeContext);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--${size}`]: size,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size={size === \"sm\" ? \"xs\" : \"sm\"} />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  size?: Size;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nexport const SizeContext = createContext<Size>(DEFAULT_SIZE);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  size = DEFAULT_SIZE,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx(rootClassName, className);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n          [`${rootClassName}__container--${size}`]: size,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        <SizeContext.Provider value={size}>{children}</SizeContext.Provider>\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","SizeContext","handleClick","e","createElement","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading","jsx"],"mappings":"wnCAQMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAOC,EAAAA,WAAWC,CAAW,EAE7BC,EAAeC,GAAqC,CACpDN,EACFM,EAAE,eAAA,EAEFP,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAY,EAAAA,cAAC,SAAA,CACE,GAAGN,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,EAChC,CAAC,GAAGL,CAAa,KAAKO,CAAI,EAAE,EAAGA,CAAA,CAChC,EACD,IAAKJ,EACL,SAAAE,EACA,gBAAeA,EACf,QAASK,CAAA,EAERR,QACAW,EAAAA,EAAA,CAAU,KAAMN,IAAS,KAAO,KAAO,IAAA,CAAM,CAAA,GAbzCJ,CAeT,CAEJ,EAEAF,EAAyB,YAAc,2BC/CvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAEXe,EAAQ,CAAC,KAAM,IAAI,EACnBC,EAAe,KAYfN,EAAcO,EAAAA,cAAoBD,CAAY,EAErDf,EAAgB,gCAETiB,EAAuB,CAAC,CACnC,SAAAf,EACA,UAAAgB,EACA,UAAAC,EAAY,GACZ,KAAAZ,EAAOQ,EACP,MAAAK,EACA,SAAAC,EACA,GAAGf,CACL,IAAiC,CAC/B,MAAMH,EAAKmB,EAAAA,MAAA,EACLC,EAAU1B,EAAGG,EAAekB,CAAS,EAE3C,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGlB,EACJ,kBAAiBc,EAAQ,GAAGjB,CAAE,SAAW,OACzC,UAAWoB,EACX,KAAK,QAEJ,SAAA,CAAAH,SACEK,UAAA,CAAQ,IAAKJ,GAAY,KAAM,QAAQ,iBACrC,SAAAD,CAAA,CACH,EAEFM,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAW7B,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGmB,EAC7C,CAAC,GAAGnB,CAAa,gBAAgBO,CAAI,EAAE,EAAGA,CAAA,CAC3C,EACD,YAAU,SACV,gBAAc,qBAEd,eAACE,EAAY,SAAZ,CAAqB,MAAOF,EAAO,SAAAL,CAAA,CAAS,CAAA,CAAA,CAC/C,CAAA,CAAA,CAGN,EAEAe,EAAqB,KAAOhB,EAE5BgB,EAAqB,YAAc"}

package/dist/dismissable-chip-group-D-gD93ON.mjs

@@ -1,89 +0,0 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { useContext as q, createElement as v, createContext as x, useId as N } from "react";
-import { H as D } from "./heading-xwBuT_-9.mjs";
-import { c as _ } from "./bind-CU-R61T-.mjs";
-import { r as w } from "./close.es-BPmk2wkU.mjs";
-const d = {
-  "purpur-dismissable-chip-group": "_purpur-dismissable-chip-group_po1qg_1",
-  "purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-group__container_po1qg_7",
-  "purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-width_po1qg_13",
-  "purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-wrapper_po1qg_16",
-  "purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-item_po1qg_16",
-  "purpur-dismissable-chip-group__container--sm": "_purpur-dismissable-chip-group__container--sm_po1qg_22",
-  "purpur-dismissable-chip-group__container--md": "_purpur-dismissable-chip-group__container--md_po1qg_25",
-  "purpur-dismissable-chip-group-item--sm": "_purpur-dismissable-chip-group-item--sm_po1qg_41",
-  "purpur-dismissable-chip-group-item--md": "_purpur-dismissable-chip-group-item--md_po1qg_50",
-  "purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--disabled_po1qg_59"
-}, l = _.bind(d), a = "purpur-dismissable-chip-group-item", g = ({
-  children: u,
-  id: i,
-  onDismiss: m,
-  disabled: s,
-  ...p
-}) => {
-  const r = q(b), t = (c) => {
-    s ? c.preventDefault() : m?.(i);
-  };
-  return /* @__PURE__ */ e("li", { className: l(`${a}-wrapper`), children: /* @__PURE__ */ v(
-    "button",
-    {
-      ...p,
-      className: l(`${a}`, {
-        [`${a}--disabled`]: s,
-        [`${a}--${r}`]: r
-      }),
-      key: i,
-      disabled: s,
-      "aria-disabled": s,
-      onClick: t
-    },
-    u,
-    /* @__PURE__ */ e(w, { size: r === "sm" ? "xs" : "sm" })
-  ) }, i);
-};
-g.displayName = "DismissableChipGroupItem";
-const n = _.bind(d), S = ["sm", "md"], h = "md", b = x(h), o = "purpur-dismissable-chip-group", $ = ({
-  children: u,
-  className: i,
-  fullWidth: m = !1,
-  size: s = h,
-  title: p,
-  titleTag: r,
-  ...t
-}) => {
-  const c = N(), f = n(o, i);
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      ...t,
-      "aria-labelledby": p ? `${c}-label` : void 0,
-      className: f,
-      role: "group",
-      children: [
-        p && /* @__PURE__ */ e(D, { tag: r ?? "h2", variant: "subsection-100", children: p }),
-        /* @__PURE__ */ e(
-          "ul",
-          {
-            "data-testid": "dismissable-chip-group-container",
-            className: n(`${o}__container`, {
-              [`${o}__container--full-width`]: m,
-              [`${o}__container--${s}`]: s
-            }),
-            "aria-live": "polite",
-            "aria-relevant": "additions removals",
-            children: /* @__PURE__ */ e(b.Provider, { value: s, children: u })
-          }
-        )
-      ]
-    }
-  );
-};
-$.Item = g;
-$.displayName = "DismissableChipGroup";
-export {
-  h as D,
-  b as S,
-  $ as a,
-  S as s
-};
-//# sourceMappingURL=dismissable-chip-group-D-gD93ON.mjs.map

package/dist/dismissable-chip-group-D-gD93ON.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dismissable-chip-group-D-gD93ON.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport { SizeContext } from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const size = useContext(SizeContext);\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n          [`${rootClassName}--${size}`]: size,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size={size === \"sm\" ? \"xs\" : \"sm\"} />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  size?: Size;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nexport const SizeContext = createContext<Size>(DEFAULT_SIZE);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  size = DEFAULT_SIZE,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx(rootClassName, className);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n          [`${rootClassName}__container--${size}`]: size,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        <SizeContext.Provider value={size}>{children}</SizeContext.Provider>\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","SizeContext","handleClick","e","createElement","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading","jsx"],"mappings":";;;;;;;;;;;;;;;;GAQMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAOC,EAAWC,CAAW,GAE7BC,IAAc,CAACC,MAAqC;AACxD,IAAIN,IACFM,EAAE,eAAA,IAEFP,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,QAChC,CAAC,GAAGL,CAAa,KAAKO,CAAI,EAAE,GAAGA;AAAA,MAAA,CAChC;AAAA,MACD,KAAKJ;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASK;AAAA,IAAA;AAAA,IAERR;AAAA,sBACAW,GAAA,EAAU,MAAMN,MAAS,OAAO,OAAO,KAAA,CAAM;AAAA,EAAA,KAbzCJ,CAeT;AAEJ;AAEAF,EAAyB,cAAc;AC/CvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GAEXe,IAAQ,CAAC,MAAM,IAAI,GACnBC,IAAe,MAYfN,IAAcO,EAAoBD,CAAY,GAErDf,IAAgB,iCAETiB,IAAuB,CAAC;AAAA,EACnC,UAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAZ,IAAOQ;AAAA,EACP,OAAAK;AAAA,EACA,UAAAC;AAAA,EACA,GAAGf;AACL,MAAiC;AAC/B,QAAMH,IAAKmB,EAAA,GACLC,IAAU1B,EAAGG,GAAekB,CAAS;AAE3C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,mBAAiBc,IAAQ,GAAGjB,CAAE,WAAW;AAAA,MACzC,WAAWoB;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,uBACEK,GAAA,EAAQ,KAAKJ,KAAY,MAAM,SAAQ,kBACrC,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW7B,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGmB;AAAA,cAC7C,CAAC,GAAGnB,CAAa,gBAAgBO,CAAI,EAAE,GAAGA;AAAA,YAAA,CAC3C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEd,4BAACE,EAAY,UAAZ,EAAqB,OAAOF,GAAO,UAAAL,EAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAe,EAAqB,OAAOhB;AAE5BgB,EAAqB,cAAc;"}

package/dist/dropdown-BsqVnd7z.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),I=require("react"),ce=require("./listbox-COBHLRtB.js"),Re=require("./use-autocomplete.es-BHDgQLae.js"),me=require("./checkbox-Dk3bZkZ3.js"),fe=require("./dismissable-chip-group-Cd23yjBa.js"),Le=require("./field-error-text-FhQulSV5.js"),Ne=require("./field-helper-text-DSKO-Tce.js"),Ae=require("./check-circle-filled.es-5-GXE9l4.js"),Ee=require("./chevron-down.es-BMjgiS3F.js"),Te=require("./label-yHK80hhV.js"),Be=require("./spinner-tKunS_o-.js"),Fe=require("./bind-DeUYJ6m9.js"),Pe={"purpur-dropdown":"_purpur-dropdown_1murn_1","purpur-dropdown--negative":"_purpur-dropdown--negative_1murn_11","purpur-dropdown__label":"_purpur-dropdown__label_1murn_14","purpur-dropdown__field-row":"_purpur-dropdown__field-row_1murn_19","purpur-dropdown__frame":"_purpur-dropdown__frame_1murn_23","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_1murn_30","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_1murn_33","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_1murn_45","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_1murn_50","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_1murn_53","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_1murn_53","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_1murn_60","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_1murn_63","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_1murn_66","purpur-dropdown__input":"_purpur-dropdown__input_1murn_69","purpur-dropdown__trigger":"_purpur-dropdown__trigger_1murn_33","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_1murn_117","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_1murn_120","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_1murn_123","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_1murn_127","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_1murn_131","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_1murn_144","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_1murn_150","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_1murn_160","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_1murn_167","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_1murn_174","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_1murn_177","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_1murn_180","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_1murn_219","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_1murn_236","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_1murn_242","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_1murn_253","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_1murn_258","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_1murn_261","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_1murn_264","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_1murn_267","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_1murn_270","purpur-dropdown__listbox":"_purpur-dropdown__listbox_1murn_273","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_1murn_283","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_1murn_286","purpur-dropdown__checkbox-container--disabled":"_purpur-dropdown__checkbox-container--disabled_1murn_293","purpur-dropdown__select-all-item":"_purpur-dropdown__select-all-item_1murn_297","purpur-dropdown__select-all-child":"_purpur-dropdown__select-all-child_1murn_300"},w=Fe.c.bind(Pe),e="purpur-dropdown",xe=({fieldId:r,htmlForSuffix:o,label:d,getTestId:l,disabled:i,negative:c,required:m})=>d?n.jsxs(Te.Label,{htmlFor:o?`${r}-${o}`:r,className:w(`${e}__label`),"data-testid":l("label"),disabled:i,negative:c,children:[m&&n.jsx("span",{"aria-hidden":!0,children:"*"}),d]}):null,we=({getTestId:r,loading:o,disabled:d,negative:l,isValid:i,isOpen:c,readOnly:m,showChevronOpen:v})=>n.jsx("span",{className:w(`${e}__end-adornments`),children:o?n.jsx(Be.Spinner,{disabled:d,size:"xxs",negative:l,"data-testid":r("spinner")}):n.jsxs(n.Fragment,{children:[i&&n.jsx(Ae.r,{"data-testid":r("valid-icon"),className:w(`${e}__valid-icon`)}),n.jsx(Ee.l,{className:w(`${e}__chevron-icon`,{[`${e}__chevron-icon--open`]:v&&c,[`${e}__chevron-icon--disabled`]:d,[`${e}__chevron-icon--readonly`]:m&&!d,[`${e}__chevron-icon--is-valid`]:i,[`${e}__chevron-icon--negative`]:l}),"data-testid":r("dropdown-icon"),size:"sm"})]})}),ve=({selectedItems:r,getTestId:o,disabled:d,onRemove:l,isSelect:i})=>r.length?n.jsx(fe.DismissableChipGroup,{className:w(`${e}__chip-group`,{[`${e}__chip-group--select`]:i}),"data-testid":o("tags"),size:"sm",children:r.map(c=>n.jsx(fe.DismissableChipGroup.Item,{id:c.id,"data-testid":o(`tag-${c.id}`),"aria-label":`Remove ${c.label}`,onDismiss:()=>{l(c)},disabled:d||c.disabled,children:c.label},c.id))}):null,ye=({errorText:r,helperText:o,helperTextId:d,negative:l})=>n.jsxs(n.Fragment,{children:[r&&n.jsx(Le.FieldErrorText,{negative:l,children:r}),o&&!r&&n.jsx(Ne.FieldHelperText,{id:d,negative:l,children:o})]}),te="__purpur-dropdown-select-all__",$e=({selectAllLabel:r,multiple:o,options:d,selectedItems:l})=>!r||!o||d.filter(v=>!v.disabled).length===0?!1:!d.filter(v=>v.disabled).some(v=>!l.some(k=>k.id===v.id)),Se=({optionsToShow:r,getListboxItemProps:o,multiple:d,fieldId:l,noOptionsText:i,selectAllLabel:c,selectedItems:m=[]})=>{if(i!==void 0&&!r.length)return n.jsx(ce.Listbox.Item,{noninteractive:!0,children:i});const v=r[0]?.id===te;let k=!1;if(v){const $=r.filter(h=>h.id!==te).filter(h=>!h.disabled),_=$.filter(h=>m.some(a=>a.id===h.id)).length,p=$.length>0&&_===$.length,y=m.length>0;k=p?!0:y?"indeterminate":!1}return r.map((u,$)=>{const{key:_,selected:p,...y}=o(u,$);return u.id===te?n.jsx(ce.Listbox.Item,{...y,"aria-selected":k===!0,className:w(`${e}__checkbox-item-multiple`,`${e}__select-all-item`),hideSelectedIcon:!0,children:n.jsxs("span",{className:w(`${e}__checkbox-container`),children:[n.jsx(me.Checkbox,{id:`${l}-checkbox-select-all`,checked:k,"aria-hidden":!0}),c]})},_):d?n.jsx(ce.Listbox.Item,{...y,className:w(`${e}__checkbox-item-multiple`,{[`${e}__select-all-child`]:v}),selected:!!p,hideSelectedIcon:!0,children:n.jsxs("span",{className:w(`${e}__checkbox-container`,{[`${e}__checkbox-container--disabled`]:u.disabled}),children:[n.jsx(me.Checkbox,{id:`${l}-checkbox-${u.id}`,checked:!!p,"aria-hidden":!0,disabled:u.disabled}),u.label]})},_):n.jsx(ce.Listbox.Item,{...y,selected:!!p,children:n.jsx("span",{children:u.label})},_)})},qe=(r,o,d)=>{if(d)return r.filter(i=>d(o,i));if(!o)return r;const l=o.toUpperCase().split(" ");return r.filter(i=>l.every(c=>(i.value||i.label).toUpperCase().includes(c)))},Ie=({options:r,searchTerm:o,filterOption:d,selectedOption:l,multiple:i})=>!i&&l&&l.label===o?r:qe(r,o,d),ke=({controlledInputValue:r,defaultInputValue:o,selectedOption:d,onInputChange:l})=>{const[i,c]=I.useState((typeof r=="string"?r:o??d?.label)??"");return{displayInputValue:typeof r=="string"?r:i,populateInputField:k=>{l?.(k),c(k)}}},Ce=I.forwardRef((r,o)=>{const{id:d,label:l,options:i,className:c,errorText:m,helperText:v,placeholder:k,negative:u=!1,readOnly:$=!1,disabled:_=!1,required:p=!1,valid:y,loading:h,multiple:a=!1,selectedOption:g,selectedOptions:N=[],onSelect:R,openOnFocus:j=!1,listboxMaxHeight:ae,listboxLabel:ee,filterOption:q,inputValue:K,defaultInputValue:b,onInputChange:G,noOptionsText:H,highlightFirstOption:A=!1,selectAllLabel:V,["data-testid"]:S}=r,E=I.useId(),L=d??E,U=s=>S?`${S}-${s}`:void 0,D=!!y&&!m,Y=`${L}-helper-text`,f=a?N:g?[g]:[],{displayInputValue:Z,populateInputField:W}=ke({controlledInputValue:K,defaultInputValue:b,selectedOption:g,onInputChange:G}),ne=Ie({options:i,searchTerm:Z,filterOption:q,selectedOption:g,multiple:a}),oe=$e({selectAllLabel:V,multiple:a,options:i,selectedItems:f}),re=oe&&(oe&&!Z)?[{id:te,label:V},...ne]:ne,M=()=>{const s=i.filter(C=>!C.disabled);if(s.every(C=>f.some(P=>P.id===C.id))){const C=f.filter(P=>P.disabled);R?.(void 0,C)}else{const P=[...f.filter(be=>be.disabled),...s];R?.(void 0,P)}W("")},ue=s=>{if(s.id===te){M();return}if(a){const C=f.some(P=>P.id===s.id)?f.filter(P=>P.id!==s.id):[...f,s];R?.(s,C),W("")}else R?.(s,[s]),W(s.label)},{rootRef:ie,inputRef:J,inputProps:Q,listboxProps:se,getListboxItemProps:de,isOpen:x,openListbox:z,anchorStyle:T}=Re.ee({id:L,options:re,listboxLabel:ee||l||"Options",selectedOption:a?void 0:g,disabled:_,readOnly:$,openOnFocus:j,listboxMaxHeight:ae,highlightFirstOption:A,closeOnSelect:!a,noOptionsText:H,onSelect:ue,"data-testid":S}),X=s=>{ie.current=s,typeof o=="function"?o(s):o&&(o.current=s)},pe=(s,O)=>{const C=de(s,O);if(a){const P=f.some(be=>be.id===s.id);return{...C,selected:P,"aria-selected":P}}return C},ge=s=>{const O=f.filter(C=>C.id!==s.id);R?.(s,O)},t=s=>{if(a&&s.key==="Backspace"&&s.currentTarget.value===""&&f.length>0){for(let O=f.length-1;O>=0;O--)if(!f[O].disabled){ge(f[O]);break}}Q?.onKeyDown?.(s)},B=s=>{W(s.target.value),x||z()},le=s=>{if(_||$)return;const O=s.target;if(O===J.current||O.closest("button"))return;const C=J.current;C?.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0})),C?.focus()},F=a&&!!V&&i.length>0&&i.every(s=>f.some(O=>O.id===s.id)),he=w(e,c,{[`${e}--negative`]:u});return n.jsxs("div",{ref:X,className:he,children:[n.jsx(xe,{fieldId:L,htmlForSuffix:"input",label:l,getTestId:U,disabled:_,negative:u,required:p}),n.jsx("div",{className:w(`${e}__field-row`),children:n.jsxs("div",{className:w(`${e}__combobox-container`,{[`${e}__combobox-container--error`]:!!m,[`${e}__combobox-container--is-valid`]:D,[`${e}__combobox-container--negative`]:u,[`${e}__combobox-container--disabled`]:_,[`${e}__combobox-container--readonly`]:$&&!_}),style:T,onClick:le,children:[a&&!F&&n.jsx(ve,{selectedItems:f,getTestId:U,disabled:_,negative:u,onRemove:ge}),n.jsx("input",{...Q,ref:J,id:`${L}-input`,"data-testid":U("input"),onKeyDown:t,onChange:B,value:F&&!Z?V:Z,placeholder:k,className:w(`${e}__input`,{[`${e}__input--negative`]:u}),"aria-describedby":Y,"aria-invalid":!!m,disabled:_,readOnly:$}),n.jsx(we,{getTestId:U,loading:h,disabled:_,negative:u,isValid:D,isOpen:x,showChevronOpen:!0}),n.jsx("span",{className:w(`${e}__frame`,{[`${e}__frame--negative`]:u})})]})}),x&&n.jsx(ce.Listbox,{...se,className:w(`${e}__listbox`),children:Se({optionsToShow:re,getListboxItemProps:pe,multiple:a,fieldId:L,noOptionsText:H,selectAllLabel:V,selectedItems:f})}),n.jsx(ye,{errorText:m,helperText:v,helperTextId:Y,negative:u})]})});Ce.displayName="DropdownCombobox";const Ke=({options:r,highlightFirstOption:o})=>{const d=I.useRef(null),l=I.useRef({}),[i,c]=I.useState(o?r[0]:void 0),m=p=>{if(p){const y=p.getBoundingClientRect(),h=d.current?.getBoundingClientRect()||{top:0,bottom:0};(y.top<h.top||y.bottom>h.bottom)&&p.scrollIntoView({block:"nearest"})}};return{highlightedOption:i,listboxRef:d,optionRefs:l,findNextOption:(p,y)=>{const h=y.filter(g=>!g.disabled);if(!h.length)return;const a=i?h.findIndex(g=>g.id===i.id):-1;return p==="ArrowDown"?h[(a+1)%h.length]:h[(a-1+h.length)%h.length]},highlightOption:p=>{c(p?{...p}:void 0),p&&m(l.current[p.id])},highlightByClick:p=>{p.id!==i?.id&&c({...p,isSetByClickEvent:!0})},highlightSelected:(p,y)=>{requestAnimationFrame(()=>{c({...p,isSetByClickEvent:y==="CLICK"}),m(l.current[p.id])})},resetHighlight:()=>{c(void 0)}}},He=(r,o)=>{const d=I.useCallback(l=>{r&&!r.contains(l.target)&&o()},[o,r]);I.useEffect(()=>(document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}),[d])},Oe=({id:r,variant:o,options:d,listboxLabel:l,multiple:i=!1,selectedOption:c,selectedOptions:m=[],onSelect:v,filterOption:k,inputValue:u,defaultInputValue:$,onInputChange:_,noOptionsText:p,highlightFirstOption:y=!1,openOnFocus:h=!1,listboxMaxHeight:a,disabled:g=!1,readOnly:N=!1,["data-testid"]:R})=>{const j=o==="combobox",ae=I.useId(),ee=I.useRef(null),q=I.useRef(null),K=I.useRef(null),b=Ke({options:d,highlightFirstOption:y}),{displayInputValue:G,populateInputField:H}=ke({controlledInputValue:u,defaultInputValue:$,selectedOption:c,onInputChange:_}),[A,V]=I.useState(!1),S=()=>{V(!1),b.resetHighlight()};He(ee.current,S);const E=({eventType:t})=>{V(!0);const B=i?void 0:c;B&&b.highlightSelected(B,t)},L=i?m:c?[c]:[],U=j?Ie({options:d,searchTerm:G,filterOption:k,selectedOption:c,multiple:i}):d,D=A&&(!!U.length||!!p),Y=t=>R?`${R}-${t}`:void 0,f=t=>{if(!(!t||t.disabled))if(i){const le=L.some(F=>F.id===t.id)?L.filter(F=>F.id!==t.id):[...L,t];v?.(t,le),j&&(H(""),K.current?.focus())}else v?.(t,[t]),j&&H(t.label),S(),(j?K:q).current?.focus()},Z=t=>{D||E({eventType:"KEYBOARD"});const B=b.findNextOption(t,U);b.highlightOption(B)},W=t=>{if(!(g||N))switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault(),Z(t.key);break;case"Enter":{t.preventDefault(),D&&b.highlightedOption?f(b.highlightedOption):D||E({eventType:"KEYBOARD"});break}case" ":{j||(t.preventDefault(),D&&b.highlightedOption?f(b.highlightedOption):D||E({eventType:"KEYBOARD"}));break}case"Escape":t.preventDefault(),S();break;case"Tab":S();break;case"Home":case"End":j&&S();break}},ne=t=>{H(t.target.value),b.resetHighlight(),A||E({eventType:"KEYBOARD"})},oe=()=>{g||N||(A?S():E({eventType:"CLICK"}))},_e=()=>{!A&&h&&!g&&!N&&E({eventType:"KEYBOARD"}),K.current?.select()},re=()=>{setTimeout(()=>{const t=document.activeElement;t!==document.body&&!K.current?.contains(t)&&!b.listboxRef.current?.contains(t)&&!ee.current?.contains(t)&&(S(),j&&!i&&H(c?c.label:""))})},M=()=>{g||N||(A?S():E({eventType:"CLICK"}))},ue=t=>{if(g||N)return;const B=t.target.closest("button");B&&B!==q.current||M()},ie=()=>{!A&&h&&!g&&!N&&E({eventType:"KEYBOARD"})},J=`${r}-listbox`,Q=t=>`${r}-listbox-item-${t.id}`,se=`--purpur-dropdown-${ae.replace(/:/g,"")}`,de={anchorName:se},x=j?null:{onClick:ue},z=I.useCallback(t=>{if(b.listboxRef.current=t,t&&typeof t.showPopover=="function")try{t.showPopover()}catch{}},[b.listboxRef]),T={"aria-label":l,"aria-expanded":D,"data-testid":Y("listbox"),id:J,ref:z,onMouseLeave:()=>b.resetHighlight(),popover:"manual",style:{...a?{maxHeight:typeof a=="number"?`${a}px`:a}:{},positionAnchor:se}},X=(t,B)=>{const le=L.some(s=>s.id===t.id),{highlightedOption:F}=b,he=(t.id===F?.id||y&&!F&&B===0)&&!F?.isSetByClickEvent;return{"data-testid":Y(`listbox-item-${t.id}`),id:Q(t),key:t.id,onMouseMove:()=>b.highlightByClick(t),onMouseUp:()=>f(t),ref:s=>{s&&(b.optionRefs.current[t.id]=s)},tabIndex:-1,selected:le,disabled:t.disabled,highlighted:he,hovered:t.id===F?.id&&!!F?.isSetByClickEvent,"aria-selected":le}},pe=j?{}:{ref:q,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":D,"aria-controls":J,"aria-disabled":g,"data-testid":Y("trigger"),id:`${r}-trigger`,onKeyDown:W,onFocus:ie,disabled:g,tabIndex:g?-1:0,style:de},ge=j?{ref:K,role:"combobox","aria-autocomplete":"list","aria-expanded":D,"aria-controls":J,"aria-activedescendant":b.highlightedOption?Q(b.highlightedOption):void 0,"data-testid":Y("input"),autoComplete:"off",id:`${r}-input`,type:"text",value:G,onChange:ne,onMouseDown:oe,onFocus:_e,onBlur:re,onKeyDown:W,disabled:g,readOnly:N}:null;return{rootRef:ee,triggerContainerProps:x,triggerProps:pe,inputProps:ge,listboxProps:T,getListboxItemProps:X,optionsToShow:U,isOpen:D,highlightedOption:b.highlightedOption,selectedItems:L,anchorStyle:de}},je=I.forwardRef((r,o)=>{const{id:d,label:l,options:i,className:c,errorText:m,helperText:v,placeholder:k,negative:u=!1,readOnly:$=!1,disabled:_=!1,required:p=!1,valid:y=!1,loading:h=!1,multiple:a=!1,selectedOption:g,selectedOptions:N=[],onSelect:R,openOnFocus:j=!1,listboxMaxHeight:ae,listboxLabel:ee,selectAllLabel:q,["data-testid"]:K}=r,b=I.useId(),G=d??b,H=x=>K?`${K}-${x}`:void 0,A=!!y&&!m,V=`${G}-helper-text`,S=a?N:g?[g]:[],E=$e({selectAllLabel:q,multiple:a,options:i,selectedItems:S}),L=()=>{const x=i.filter(T=>!T.disabled);if(x.every(T=>S.some(X=>X.id===T.id))){const T=S.filter(X=>X.disabled);R?.(void 0,T)}else{const X=[...S.filter(pe=>pe.disabled),...x];R?.(void 0,X)}},U=(x,z)=>{if(x?.id===te){L();return}R?.(x,z)},D=E?[{id:te,label:q},...i]:i,Y=Oe({id:G,variant:"select",options:D,listboxLabel:ee||l||"Options",multiple:a,selectedOption:g,selectedOptions:N,onSelect:U,openOnFocus:j,listboxMaxHeight:ae,disabled:_,readOnly:$,"data-testid":K}),f=x=>{Y.rootRef.current=x,typeof o=="function"?o(x):o&&(o.current=x)},{triggerContainerProps:Z,triggerProps:W,listboxProps:ne,getListboxItemProps:oe,optionsToShow:_e,isOpen:re,selectedItems:M,anchorStyle:ue}=Y,ie={...W};delete ie.style;const J=x=>{const z=M.filter(T=>T.id!==x.id);R?.(x,z)},Q=a&&!!q&&i.length>0&&i.every(x=>M.some(z=>z.id===x.id)),se=a?Q?q:M.length===0&&k||"":g?.label||k||"",de=w(e,c,{[`${e}--negative`]:u});return n.jsxs("div",{ref:f,className:de,children:[n.jsx(xe,{fieldId:G,htmlForSuffix:"trigger",label:l,getTestId:H,disabled:_,negative:u,required:p}),n.jsx("div",{className:w(`${e}__field-row`),children:n.jsxs("div",{...Z,className:w(`${e}__trigger-container`,{[`${e}__trigger-container--error`]:!!m,[`${e}__trigger-container--is-valid`]:A,[`${e}__trigger-container--negative`]:u,[`${e}__trigger-container--disabled`]:_,[`${e}__trigger-container--readonly`]:$&&!_,[`${e}__trigger-container--has-tags`]:a&&M.length>0&&!Q}),style:ue,children:[a&&!Q&&n.jsx(ve,{selectedItems:M,getTestId:H,disabled:_,negative:u,onRemove:J,isSelect:!0}),n.jsx("button",{...ie,className:w(`${e}__trigger`,{[`${e}__trigger--is-valid`]:A,[`${e}__trigger--negative`]:u,[`${e}__trigger--disabled`]:_,[`${e}__trigger--readonly`]:$&&!_,[`${e}__trigger--placeholder`]:!M.length}),"aria-describedby":V,children:n.jsx("span",{className:w(`${e}__trigger-text`),children:se})}),n.jsx(we,{getTestId:H,loading:h,disabled:_,negative:u,isValid:A,isOpen:re,readOnly:$,showChevronOpen:!0}),n.jsx("span",{className:w(`${e}__frame`,{[`${e}__frame--negative`]:u})})]})}),re&&n.jsx(ce.Listbox,{...ne,className:w(`${e}__listbox`),children:Se({optionsToShow:_e,getListboxItemProps:oe,multiple:a,fieldId:G,selectAllLabel:q,selectedItems:M})}),n.jsx(ye,{errorText:m,helperText:v,helperTextId:V,negative:u})]})});je.displayName="DropdownSelect";const De=I.forwardRef((r,o)=>r.combobox?n.jsx(Ce,{ref:o,...r}):n.jsx(je,{ref:o,...r}));De.displayName="Dropdown";exports.Dropdown=De;exports.useDropdown=Oe;
-//# sourceMappingURL=dropdown-BsqVnd7z.js.map

package/dist/dropdown-BsqVnd7z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-BsqVnd7z.js","sources":["../../../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":["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\";\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\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  onRemove,\n  isSelect,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  return (\n    <DismissableChipGroup\n      className={cx(`${rootClassName}__chip-group`, {\n        [`${rootClassName}__chip-group--select`]: isSelect,\n      })}\n      data-testid={getTestId(\"tags\")}\n      size=\"sm\"\n    >\n      {selectedItems.map((item) => (\n        <DismissableChipGroup.Item\n          key={item.id}\n          id={item.id}\n          data-testid={getTestId(`tag-${item.id}`)}\n          aria-label={`Remove ${item.label}`}\n          onDismiss={() => {\n            onRemove(item);\n          }}\n          disabled={disabled || item.disabled}\n        >\n          {item.label}\n        </DismissableChipGroup.Item>\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  fieldId: string;\n  noOptionsText?: React.ReactNode;\n  selectAllLabel?: string;\n  selectedItems?: DropdownOption[];\n};\n\nexport const DropdownListboxItems = ({\n  optionsToShow,\n  getListboxItemProps,\n  multiple,\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              aria-hidden\n            />\n            {selectAllLabel}\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              aria-hidden\n              disabled={option.disabled}\n            />\n            {option.label}\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    return (\n      <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n        <span>{option.label}</span>\n      </Listbox.Item>\n    );\n  });\n};\n\nexport { cx };\n","import type { DropdownOption } 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) => (option.value || option.label).toUpperCase().includes(chunk))\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 && selectedOption.label === searchTerm) {\n    return options;\n  }\n  return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } 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?.label) ?? \"\"\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 {\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    [\"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(option.label);\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    options: optionsWithSelectAll,\n    listboxLabel: listboxLabel || label || \"Options\",\n    selectedOption: multiple ? undefined : selectedOption,\n    disabled,\n    readOnly,\n    openOnFocus,\n    listboxMaxHeight,\n    highlightFirstOption,\n    closeOnSelect: !multiple,\n    noOptionsText,\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, 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            />\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            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 { 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  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  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(option.label);\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 ? selectedOption.label : \"\");\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    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    [\"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    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              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            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":["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","DropdownTags","selectedItems","onRemove","isSelect","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","option","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":"unIAgBMA,EAAKC,GAAAA,EAAE,KAAKC,EAAM,EACXC,EAAgB,kBAchBC,GAAgB,CAAC,CAC5B,QAAAC,EACA,cAAAC,EAAA,MACAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CACF,IACOJ,EAGHK,EAAAA,KAACC,GAAAA,MAAA,CACC,QAASP,EAAgB,GAAGD,CAAO,IAAIC,CAAa,GAAKD,EACzD,UAAWL,EAAG,GAAGG,CAAa,SAAS,EACvC,cAAaK,EAAU,OAAO,EAC9B,SAAAC,EACA,SAAAC,EAEC,SAAA,CAAAC,GAAYG,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAC,SAAA,IAAC,EAC/BP,CAAA,CAAA,CAAA,EAXc,KA2BRQ,GAAwB,CAAC,CACpC,UAAAP,EACA,QAAAQ,EACA,SAAAP,EACA,SAAAC,EACA,QAAAO,EACA,OAAAC,EACA,SAAAC,EACA,gBAAAC,CACF,IACEN,MAAC,QAAK,UAAWd,EAAG,GAAGG,CAAa,kBAAkB,EACnD,SAAAa,EACCF,EAAAA,IAACO,GAAAA,QAAA,CACC,SAAAZ,EACA,KAAK,MACL,SAAAC,EACA,cAAaF,EAAU,SAAS,CAAA,CAClC,EAEAI,EAAAA,KAAAU,WAAA,CACG,SAAA,CAAAL,GACCH,EAAAA,IAACS,GAAAA,EAAA,CACC,cAAaf,EAAU,YAAY,EACnC,UAAWR,EAAG,GAAGG,CAAa,cAAc,CAAA,CAAA,EAGhDW,EAAAA,IAACU,GAAAA,EAAA,CACC,UAAWxB,EAAG,GAAGG,CAAa,iBAAkB,CAC9C,CAAC,GAAGA,CAAa,sBAAsB,EAAGiB,GAAmBF,EAC7D,CAAC,GAAGf,CAAa,0BAA0B,EAAGM,EAC9C,CAAC,GAAGN,CAAa,0BAA0B,EAAGgB,GAAY,CAACV,EAC3D,CAAC,GAAGN,CAAa,0BAA0B,EAAGc,EAC9C,CAAC,GAAGd,CAAa,0BAA0B,EAAGO,CAAA,CAC/C,EACD,cAAaF,EAAU,eAAe,EACtC,KAAK,IAAA,CAAA,CACP,CAAA,CACF,CAAA,CAEJ,EAYWiB,GAAe,CAAC,CAC3B,cAAAC,EACA,UAAAlB,EACA,SAAAC,EACA,SAAAkB,EACA,SAAAC,CACF,IACOF,EAAc,OAGjBZ,EAAAA,IAACe,GAAAA,qBAAA,CACC,UAAW7B,EAAG,GAAGG,CAAa,eAAgB,CAC5C,CAAC,GAAGA,CAAa,sBAAsB,EAAGyB,CAAA,CAC3C,EACD,cAAapB,EAAU,MAAM,EAC7B,KAAK,KAEJ,SAAAkB,EAAc,IAAKI,GAClBhB,EAAAA,IAACe,GAAAA,qBAAqB,KAArB,CAEC,GAAIC,EAAK,GACT,cAAatB,EAAU,OAAOsB,EAAK,EAAE,EAAE,EACvC,aAAY,UAAUA,EAAK,KAAK,GAChC,UAAW,IAAM,CACfH,EAASG,CAAI,CACf,EACA,SAAUrB,GAAYqB,EAAK,SAE1B,SAAAA,EAAK,KAAA,EATDA,EAAK,EAAA,CAWb,CAAA,CAAA,EAvB6B,KAmCvBC,GAAiB,CAAC,CAC7B,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAxB,CACF,IACEE,EAAAA,KAAAU,WAAA,CACG,SAAA,CAAAU,GAAalB,EAAAA,IAACqB,GAAAA,eAAA,CAAe,SAAAzB,EAAqB,SAAAsB,EAAU,EAC5DC,GAAc,CAACD,GACdlB,EAAAA,IAACsB,GAAAA,iBAAgB,GAAIF,EAAc,SAAAxB,EAChC,SAAAuB,CAAA,CACH,CAAA,EAEJ,EAGWI,GAAuB,iCASvBC,GAAsB,CAAC,CAClC,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAAf,CACF,IACM,CAACa,GAAkB,CAACC,GACDC,EAAQ,OAAQC,GAAM,CAACA,EAAE,QAAQ,EACrC,SAAW,EAAU,GAMjC,CALiBD,EAAQ,OAAQC,GAAMA,EAAE,QAAQ,EACV,KAC3CA,GAAM,CAAChB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EAgBtCE,GAAuB,CAAC,CACnC,cAAAC,EACA,oBAAAC,EACA,SAAAN,EACA,QAAAnC,EACA,cAAA0C,EACA,eAAAR,EACA,cAAAb,EAAgB,CAAA,CAClB,IAAiC,CAC/B,GAAIqB,IAAkB,QAAa,CAACF,EAAc,OAChD,aAAQG,GAAAA,QAAQ,KAAR,CAAa,eAAc,GAAE,SAAAD,EAAc,EAGrD,MAAME,EAAeJ,EAAc,CAAC,GAAG,KAAOR,GAE9C,IAAIa,EAAsC,GAC1C,GAAID,EAAc,CAEhB,MAAME,EADcN,EAAc,OAAQH,GAAMA,EAAE,KAAOL,EAAoB,EAC1C,OAAQK,GAAM,CAACA,EAAE,QAAQ,EACtDU,EAAuBD,EAAe,OAAQT,GAClDhB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EACvC,OACIW,EACJF,EAAe,OAAS,GAAKC,IAAyBD,EAAe,OACjEG,EAAe5B,EAAc,OAAS,EAC5CwB,EAAwBG,EAAqB,GAAOC,EAAe,gBAAkB,EACvF,CAEA,OAAOT,EAAc,IAAI,CAACU,EAAQC,IAAU,CAC1C,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAAcb,EAAoBS,EAAQC,CAAK,EAEzE,OAAID,EAAO,KAAOlB,GAEdvB,EAAAA,IAACkC,GAAAA,QAAQ,KAAR,CAEE,GAAGW,EACJ,gBAAeT,IAA0B,GACzC,UAAWlD,EACT,GAAGG,CAAa,2BAChB,GAAGA,CAAa,mBAAA,EAElB,iBAAgB,GAEhB,gBAAC,OAAA,CAAK,UAAWH,EAAG,GAAGG,CAAa,sBAAsB,EACxD,SAAA,CAAAW,EAAAA,IAAC8C,GAAAA,SAAA,CACC,GAAI,GAAGvD,CAAO,uBACd,QAAS6C,EACT,cAAW,EAAA,CAAA,EAEZX,CAAA,CAAA,CACH,CAAA,EAhBKkB,CAAA,EAqBPjB,EAEA1B,EAAAA,IAACkC,GAAAA,QAAQ,KAAR,CAEE,GAAGW,EACJ,UAAW3D,EAAG,GAAGG,CAAa,2BAA4B,CACxD,CAAC,GAAGA,CAAa,oBAAoB,EAAG8C,CAAA,CACzC,EACD,SAAU,CAAC,CAACS,EACZ,iBAAgB,GAEhB,SAAA9C,EAAAA,KAAC,OAAA,CACC,UAAWZ,EAAG,GAAGG,CAAa,uBAAwB,CACpD,CAAC,GAAGA,CAAa,gCAAgC,EAAGoD,EAAO,QAAA,CAC5D,EAED,SAAA,CAAAzC,EAAAA,IAAC8C,GAAAA,SAAA,CACC,GAAI,GAAGvD,CAAO,aAAakD,EAAO,EAAE,GACpC,QAAS,CAAC,CAACG,EACX,cAAW,GACX,SAAUH,EAAO,QAAA,CAAA,EAElBA,EAAO,KAAA,CAAA,CAAA,CACV,EApBKE,CAAA,EA0BT3C,EAAAA,IAACkC,GAAAA,QAAQ,KAAR,CAAkC,GAAGW,EAAW,SAAU,CAAC,CAACD,EAC3D,SAAA5C,EAAAA,IAAC,OAAA,CAAM,SAAAyC,EAAO,KAAA,CAAM,GADHE,CAEnB,CAEJ,CAAC,CACH,EC3SMI,GAAgB,CACpBpB,EACAqB,EACAC,IACqB,CACrB,GAAIA,EACF,OAAOtB,EAAQ,OAAQc,GAAWQ,EAAaD,EAAYP,CAAM,CAAC,EAEpE,GAAI,CAACO,EAAY,OAAOrB,EACxB,MAAMuB,EAASF,EAAW,YAAA,EAAc,MAAM,GAAG,EACjD,OAAOrB,EAAQ,OAAQc,GACrBS,EAAO,MAAOC,IAAWV,EAAO,OAASA,EAAO,OAAO,YAAA,EAAc,SAASU,CAAK,CAAC,CAAA,CAExF,EAEaC,GAAqB,CAAC,CACjC,QAAAzB,EACA,WAAAqB,EACA,aAAAC,EACA,eAAAI,EACA,SAAA3B,CACF,IAOM,CAACA,GAAY2B,GAAkBA,EAAe,QAAUL,EACnDrB,EAEFoB,GAAcpB,EAASqB,EAAYC,CAAY,ECtB3CK,GAAmB,CAAC,CAC/B,qBAAAC,EACA,kBAAAC,EACA,eAAAH,EACA,cAAAI,CACF,IAA8B,CAC5B,KAAM,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,UACjD,OAAOL,GAAyB,SAC7BA,EACAC,GAAqBH,GAAgB,QAAU,EAAA,EAWrD,MAAO,CACL,kBARA,OAAOE,GAAyB,SAAWA,EAAuBG,EASlE,mBAP0BG,GAAkB,CAC5CJ,IAAgBI,CAAK,EACrBF,EAAsBE,CAAK,CAC7B,CAIE,CAEJ,EChBaC,GAAmBC,EAAAA,WAAkD,CAACC,EAAOC,IAAQ,CAChG,KAAM,CACJ,GAAIC,EACJ,MAAAzE,EACA,QAAAkC,EACA,UAAAwC,EACA,UAAAjD,EACA,WAAAC,EACA,YAAAiD,EACA,SAAAxE,EAAW,GACX,SAAAS,EAAW,GACX,SAAAV,EAAW,GACX,SAAAE,EAAW,GACX,MAAAwE,EACA,QAAAnE,EACA,SAAAwB,EAAW,GACX,eAAA2B,EACA,gBAAAiB,EAAkB,CAAA,EAClB,SAAAC,EACA,YAAAC,EAAc,GACd,iBAAAC,GACA,aAAAC,GACA,aAAAzB,EACA,WAAA0B,EACA,kBAAAnB,EACA,cAAAC,EACA,cAAAxB,EACA,qBAAA2C,EAAuB,GACvB,eAAAnD,EACA,CAAC,aAAa,EAAGoD,CAAA,EACfb,EAEEc,EAAWC,EAAAA,MAAA,EACXxF,EAAU2E,GAAUY,EACpBpF,EAAasF,GAAkBH,EAAa,GAAGA,CAAU,IAAIG,CAAI,GAAK,OACtE7E,EAAU,CAAC,CAACkE,GAAS,CAACnD,EACtBE,EAAe,GAAG7B,CAAO,eAEzBqB,EAAgBc,EAAW4C,EAAkBjB,EAAiB,CAACA,CAAc,EAAI,CAAA,EAEjF,CAAE,kBAAA4B,EAAmB,mBAAAC,CAAA,EAAuB5B,GAAiB,CACjE,qBAAsBqB,EACtB,kBAAAnB,EACA,eAAAH,EACA,cAAAI,CAAA,CACD,EAEK1B,GAAgBqB,GAAmB,CACvC,QAAAzB,EACA,WAAYsD,EACZ,aAAAhC,EACA,eAAAI,EACA,SAAA3B,CAAA,CACD,EAEKyD,GAAgB3D,GAAoB,CACxC,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAAf,CAAA,CACD,EAMKwE,GACJD,KAJ6BA,IAAiB,CAACF,GAK3C,CAAC,CAAE,GAAI1D,GAAsB,MAAOE,CAAA,EAA4B,GAAGM,EAAa,EAChFA,GAEAsD,EAAkB,IAAM,CAC5B,MAAMhD,EAAiBV,EAAQ,OAAQC,GAAM,CAACA,EAAE,QAAQ,EAIxD,GAH2BS,EAAe,MAAOT,GAC/ChB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EAEjB,CACtB,MAAM0D,EAAO1E,EAAc,OAAQgB,GAAMA,EAAE,QAAQ,EACnD2C,IAAW,OAAWe,CAAI,CAC5B,KAAO,CAEL,MAAMA,EAAO,CAAC,GADW1E,EAAc,OAAQgB,IAAMA,GAAE,QAAQ,EAC5B,GAAGS,CAAc,EACpDkC,IAAW,OAAWe,CAAI,CAC5B,CACAJ,EAAmB,EAAE,CACvB,EAEMK,GAA4B9C,GAA2B,CAC3D,GAAIA,EAAO,KAAOlB,GAAsB,CACtC8D,EAAA,EACA,MACF,CACA,GAAI3D,EAAU,CAEZ,MAAM4D,EADoB1E,EAAc,KAAMgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAElE7B,EAAc,OAAQgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC9C,CAAC,GAAG7B,EAAe6B,CAAM,EAC7B8B,IAAW9B,EAAQ6C,CAAI,EACvBJ,EAAmB,EAAE,CACvB,MACEX,IAAW9B,EAAQ,CAACA,CAAM,CAAC,EAC3ByC,EAAmBzC,EAAO,KAAK,CAEnC,EAEM,CACJ,QAAA+C,GACA,SAAAC,EACA,WAAAC,EACA,aAAAC,GACA,oBAAA3D,GACA,OAAA5B,EACA,YAAAwF,EACA,YAAAC,CAAA,EACEC,MAAgB,CAClB,GAAIvG,EACJ,QAAS6F,GACT,aAAcV,IAAgBjF,GAAS,UACvC,eAAgBiC,EAAW,OAAY2B,EACvC,SAAA1D,EACA,SAAAU,EACA,YAAAmE,EACA,iBAAAC,GACA,qBAAAG,EACA,cAAe,CAAClD,EAChB,cAAAO,EACA,SAAUsD,GACT,cAAgBV,CAAA,CAClB,EAEKkB,EAAcC,GAAgC,CACjDR,GAAmD,QAAUQ,EAC1D,OAAO/B,GAAQ,WAAYA,EAAI+B,CAAI,EAC9B/B,IAAMA,EAA+C,QAAU+B,EAC1E,EAIMC,GAAmC,CAACxD,EAAwBC,IAAkB,CAClF,MAAMsB,EAAQhC,GAAoBS,EAAQC,CAAK,EAC/C,GAAIhB,EAAU,CACZ,MAAMwE,EAAatF,EAAc,KAAMgB,IAAMA,GAAE,KAAOa,EAAO,EAAE,EAC/D,MAAO,CAAE,GAAGuB,EAAO,SAAUkC,EAAY,gBAAiBA,CAAA,CAC5D,CACA,OAAOlC,CACT,EAEMmC,GAAmB1D,GAA2B,CAClD,MAAM6C,EAAO1E,EAAc,OAAQgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC3D8B,IAAW9B,EAAQ6C,CAAI,CACzB,EAEMc,EAAsBC,GAAiD,CAC3E,GACE3E,GACA2E,EAAM,MAAQ,aACdA,EAAM,cAAc,QAAU,IAC9BzF,EAAc,OAAS,GAGvB,QAAS0F,EAAI1F,EAAc,OAAS,EAAG0F,GAAK,EAAGA,IAC7C,GAAI,CAAC1F,EAAc0F,CAAC,EAAE,SAAU,CAC9BH,GAAgBvF,EAAc0F,CAAC,CAAC,EAChC,KACF,EAGHZ,GAA4D,YAAYW,CAAK,CAChF,EAEME,EAAiEC,GAAM,CAC3EtB,EAAmBsB,EAAE,OAAO,KAAK,EAC5BpG,GACHwF,EAAA,CAEJ,EAEMa,GAAiEJ,GAAU,CAC/E,GAAI1G,GAAYU,EAAU,OAE1B,MAAMqG,EAASL,EAAM,OAErB,GACEK,IAAYjB,EAA+C,SAC3DiB,EAAO,QAAQ,QAAQ,EAEvB,OAGF,MAAMC,EAASlB,EAA+C,QAC9DkB,GAAO,cAAc,IAAI,WAAW,YAAa,CAAE,QAAS,EAAA,CAAM,CAAC,EACnEA,GAAO,MAAA,CACT,EAKMpE,EACJb,GACA,CAAC,CAACD,GACFE,EAAQ,OAAS,GACjBA,EAAQ,MAAOC,GAAMhB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAC,EAEzDgF,GAAmB1H,EAAGG,EAAe8E,EAAW,CACpD,CAAC,GAAG9E,CAAa,YAAY,EAAGO,CAAA,CACjC,EAED,OACEE,EAAAA,KAAC,MAAA,CAAI,IAAKiG,EAAY,UAAWa,GAC/B,SAAA,CAAA5G,EAAAA,IAACV,GAAA,CACC,QAAAC,EACA,cAAc,QACd,MAAAE,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,CAAA,QAED,MAAA,CAAI,UAAWX,EAAG,GAAGG,CAAa,aAAa,EAG9C,SAAAS,EAAAA,KAAC,MAAA,CACC,UAAWZ,EAAG,GAAGG,CAAa,uBAAwB,CACpD,CAAC,GAAGA,CAAa,6BAA6B,EAAG,CAAC,CAAC6B,EACnD,CAAC,GAAG7B,CAAa,gCAAgC,EAAGc,EACpD,CAAC,GAAGd,CAAa,gCAAgC,EAAGO,EACpD,CAAC,GAAGP,CAAa,gCAAgC,EAAGM,EACpD,CAAC,GAAGN,CAAa,gCAAgC,EAAGgB,GAAY,CAACV,CAAA,CAClE,EACD,MAAOkG,EACP,QAASY,GAER,SAAA,CAAA/E,GAAY,CAACa,GACZvC,EAAAA,IAACW,GAAA,CACC,cAAAC,EACA,UAAAlB,EACA,SAAAC,EACA,SAAAC,EACA,SAAUuG,EAAA,CAAA,EAGdnG,EAAAA,IAAC,QAAA,CACE,GAAI0F,EACL,IAAKD,EACL,GAAI,GAAGlG,CAAO,SACd,cAAaG,EAAU,OAAO,EAC9B,UAAW0G,EACX,SAAUG,EACV,MAAOhE,GAAsB,CAAC0C,EAAoBxD,EAAiBwD,EACnE,YAAAb,EACA,UAAWlF,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGO,CAAA,CACxC,EACD,mBAAkBwB,EAClB,eAAc,CAAC,CAACF,EAChB,SAAAvB,EACA,SAAAU,CAAA,CAAA,EAEFL,EAAAA,IAACC,GAAA,CACC,UAAAP,EACA,QAAAQ,EACA,SAAAP,EACA,SAAAC,EACA,QAAAO,EACA,OAAAC,EACA,gBAAe,EAAA,CAAA,EAEjBJ,EAAAA,IAAC,OAAA,CACC,UAAWd,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGO,CAAA,CACxC,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,EACCQ,GACCJ,EAAAA,IAACkC,GAAAA,QAAA,CAAS,GAAGyD,GAAc,UAAWzG,EAAG,GAAGG,CAAa,WAAW,EACjE,SAAAyC,GAAqB,CACpB,cAAesD,GACf,oBAAqBa,GACrB,SAAAvE,EACA,QAAAnC,EACA,cAAA0C,EACA,eAAAR,EACA,cAAAb,CAAA,CACD,EACH,EAEFZ,EAAAA,IAACiB,GAAA,CACC,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAxB,CAAA,CAAA,CACF,EACF,CAEJ,CAAC,EAEDkE,GAAiB,YAAc,mBCjTxB,MAAM+C,GAAuB,CAAC,CACnC,QAAAlF,EACA,qBAAAiD,CACF,IAAkC,CAChC,MAAMkC,EAAaC,EAAAA,OAAyB,IAAI,EAC1CC,EAAaD,EAAAA,OAAsC,EAAE,EAErD,CAACE,EAAmBC,CAAoB,EAAItD,EAAAA,SAChDgB,EAAuBjD,EAAQ,CAAC,EAAI,MAAA,EAGhCwF,EAAwBC,GAAwC,CACpE,GAAIA,EAAU,CACZ,MAAMC,EAAaD,EAAS,sBAAA,EACtBE,EAAcR,EAAW,SAAS,sBAAA,GAA2B,CAAE,IAAK,EAAG,OAAQ,CAAA,GACnEO,EAAW,IAAMC,EAAY,KAAOD,EAAW,OAASC,EAAY,SAEpFF,EAAS,eAAe,CAAE,MAAO,SAAA,CAAW,CAEhD,CACF,EA0CA,MAAO,CACL,kBAAAH,EACA,WAAAH,EACA,WAAAE,EACA,eA5CqB,CACrBO,EACAxF,IAC+B,CAC/B,MAAMyF,EAAczF,EAAc,OAAQH,GAAM,CAACA,EAAE,QAAQ,EAC3D,GAAI,CAAC4F,EAAY,OAAQ,OAEzB,MAAMC,EAAeR,EACjBO,EAAY,UAAW5F,GAAMA,EAAE,KAAOqF,EAAkB,EAAE,EAC1D,GAEJ,OAAIM,IAAc,YACTC,GAAaC,EAAe,GAAKD,EAAY,MAAM,EAErDA,GAAaC,EAAe,EAAID,EAAY,QAAUA,EAAY,MAAM,CACjF,EA8BE,gBA5BuB/E,GAAuC,CAC9DyE,EAAqBzE,EAAS,CAAE,GAAGA,CAAA,EAAW,MAAS,EACnDA,GAAQ0E,EAAqBH,EAAW,QAAQvE,EAAO,EAAE,CAAC,CAChE,EA0BE,iBAxBwBA,GAA2B,CAC/CA,EAAO,KAAOwE,GAAmB,IACnCC,EAAqB,CAAE,GAAGzE,EAAQ,kBAAmB,GAAM,CAE/D,EAqBE,kBAnBwB,CAACA,EAAwBiF,IAAoC,CACrF,sBAAsB,IAAM,CAE1BR,EAAqB,CAAE,GAAGzE,EAAQ,kBADRiF,IAAc,QACa,EACrDP,EAAqBH,EAAW,QAAQvE,EAAO,EAAE,CAAC,CACpD,CAAC,CACH,EAcE,eAZqB,IAAM,CAC3ByE,EAAqB,MAAS,CAChC,CAUE,CAEJ,ECjFaS,GAAoB,CAACC,EAA6BC,IAAyB,CACtF,MAAMC,EAAqBC,EAAAA,YACxB1B,GAAsB,CACjBuB,GAAW,CAACA,EAAQ,SAASvB,EAAM,MAAc,GACnDwB,EAAA,CAEJ,EACA,CAACA,EAAUD,CAAO,CAAA,EAGpBI,EAAAA,UAAU,KACR,SAAS,iBAAiB,YAAaF,CAAkB,EAClD,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,GACC,CAACA,CAAkB,CAAC,CACzB,ECyCaG,GAAc,CAAC,CAC1B,GAAAC,EACA,QAAAC,EACA,QAAAxG,EACA,aAAA+C,EACA,SAAAhD,EAAW,GACX,eAAA2B,EACA,gBAAAiB,EAAkB,CAAA,EAClB,SAAAC,EACA,aAAAtB,EACA,WAAYM,EACZ,kBAAAC,EACA,cAAAC,EACA,cAAAxB,EACA,qBAAA2C,EAAuB,GACvB,YAAAJ,EAAc,GACd,iBAAAC,EACA,SAAA9E,EAAW,GACX,SAAAU,EAAW,GACX,CAAC,eAAgBwE,CACnB,IAA4C,CAC1C,MAAMuD,EAAaD,IAAY,WACzBE,GAAWtD,EAAAA,MAAA,EAGXS,GAAUuB,EAAAA,OAA8B,IAAI,EAC5CuB,EAAavB,EAAAA,OAAiC,IAAI,EAClDtB,EAAWsB,EAAAA,OAAgC,IAAI,EAG/CwB,EAAY1B,GAAqB,CAAE,QAAAlF,EAAS,qBAAAiD,EAAsB,EAClE,CAAE,kBAAAK,EAAmB,mBAAAC,CAAA,EAAuB5B,GAAiB,CACjE,qBAAAC,EACA,kBAAAC,EACA,eAAAH,EACA,cAAAI,CAAA,CACD,EAGK,CAACrD,EAAQoI,CAAS,EAAI5E,EAAAA,SAAS,EAAK,EAEpC6E,EAAe,IAAM,CACzBD,EAAU,EAAK,EACfD,EAAU,eAAA,CACZ,EAEAZ,GAAkBnC,GAAQ,QAASiD,CAAY,EAE/C,MAAM7C,EAAc,CAAC,CAAE,UAAA8B,KAAqD,CAC1Ec,EAAU,EAAI,EACd,MAAME,EAAUhH,EAAW,OAAY2B,EACnCqF,GACFH,EAAU,kBAAkBG,EAAShB,CAAS,CAElD,EAGMiB,EAAmBjH,EAAW4C,EAAkBjB,EAAiB,CAACA,CAAc,EAAI,CAAA,EAEpFtB,EAAgBqG,EAClBhF,GAAmB,CACjB,QAAAzB,EACA,WAAYsD,EACZ,aAAAhC,EACA,eAAAI,EACA,SAAA3B,CAAA,CACD,EACDC,EAEEiH,EAAcxI,IAAW,CAAC,CAAC2B,EAAc,QAAU,CAAC,CAACE,GAGrDvC,EAAasF,GAAkBH,EAAa,GAAGA,CAAU,IAAIG,CAAI,GAAK,OAGtE6D,EAAgBpG,GAAuC,CAC3D,GAAI,GAACA,GAAUA,EAAO,UAEtB,GAAIf,EAAU,CAEZ,MAAM4D,GADoBqD,EAAiB,KAAM/G,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAErEkG,EAAiB,OAAQ/G,GAAMA,EAAE,KAAOa,EAAO,EAAE,EACjD,CAAC,GAAGkG,EAAkBlG,CAAM,EAChC8B,IAAW9B,EAAQ6C,EAAI,EACnB8C,IACFlD,EAAmB,EAAE,EACrBO,EAAS,SAAS,MAAA,EAEtB,MACElB,IAAW9B,EAAQ,CAACA,CAAM,CAAC,EACvB2F,GACFlD,EAAmBzC,EAAO,KAAK,EAEjCgG,EAAA,GACCL,EAAa3C,EAAW6C,GAAY,SAAS,MAAA,CAElD,EAGMQ,EAAuBvB,GAAuC,CAC7DqB,GAAahD,EAAY,CAAE,UAAW,WAAY,EACvD,MAAMN,EAAOiD,EAAU,eAAehB,EAAWxF,CAAa,EAC9DwG,EAAU,gBAAgBjD,CAAI,CAChC,EAGMyD,EAAiB1C,GAA+B,CACpD,GAAI,EAAA1G,GAAYU,GAEhB,OAAQgG,EAAM,IAAA,CACZ,IAAK,UACL,IAAK,YACHA,EAAM,eAAA,EACNyC,EAAoBzC,EAAM,GAAG,EAC7B,MACF,IAAK,QAAS,CACZA,EAAM,eAAA,EACFuC,GAAeL,EAAU,kBAC3BM,EAAaN,EAAU,iBAAiB,EAC9BK,GACVhD,EAAY,CAAE,UAAW,WAAY,EAEvC,KACF,CACA,IAAK,IAAK,CACHwC,IACH/B,EAAM,eAAA,EACFuC,GAAeL,EAAU,kBAC3BM,EAAaN,EAAU,iBAAiB,EAC9BK,GACVhD,EAAY,CAAE,UAAW,WAAY,GAGzC,KACF,CACA,IAAK,SACHS,EAAM,eAAA,EACNoC,EAAA,EACA,MACF,IAAK,MACHA,EAAA,EACA,MACF,IAAK,OACL,IAAK,MACCL,GAAYK,EAAA,EAChB,KAAA,CAEN,EAGMlC,GAAiEC,GAAM,CAC3EtB,EAAmBsB,EAAE,OAAO,KAAK,EACjC+B,EAAU,eAAA,EACLnI,GAAQwF,EAAY,CAAE,UAAW,WAAY,CACpD,EAEMoD,GAAuB,IAAM,CAC7BrJ,GAAYU,IAChBD,EAASqI,IAAiB7C,EAAY,CAAE,UAAW,QAAS,EAC9D,EAEMqD,GAAmB,IAAM,CACzB,CAAC7I,GAAUoE,GAAe,CAAC7E,GAAY,CAACU,GAC1CuF,EAAY,CAAE,UAAW,WAAY,EAEvCH,EAAS,SAAS,OAAA,CACpB,EAEMyD,GAAkB,IAAM,CAC5B,WAAW,IAAM,CACf,MAAMC,EAAW,SAAS,cAMxBA,IAAa,SAAS,MACtB,CAAC1D,EAAS,SAAS,SAAS0D,CAAQ,GACpC,CAACZ,EAAU,WAAW,SAAS,SAASY,CAAQ,GAChD,CAAC3D,GAAQ,SAAS,SAAS2D,CAAQ,IAEnCV,EAAA,EACIL,GAAc,CAAC1G,GACjBwD,EAAmB7B,EAAiBA,EAAe,MAAQ,EAAE,EAGnE,CAAC,CACH,EAGM+F,EAAqB,IAAM,CAC3BzJ,GAAYU,IAChBD,EAASqI,IAAiB7C,EAAY,CAAE,UAAW,QAAS,EAC9D,EAEMyD,GAAwEhD,GAAU,CACtF,GAAI1G,GAAYU,EAAU,OAE1B,MAAMiJ,EAAiBjD,EAAM,OAAuB,QAAQ,QAAQ,EAChEiD,GAAiBA,IAAkBhB,EAAW,SAIlDc,EAAA,CACF,EAEMG,GAAqB,IAAM,CAC3B,CAACnJ,GAAUoE,GAAe,CAAC7E,GAAY,CAACU,GAC1CuF,EAAY,CAAE,UAAW,WAAY,CAEzC,EAGM4D,EAAY,GAAGtB,CAAE,WACjBuB,EAAuBhH,GAA2B,GAAGyF,CAAE,iBAAiBzF,EAAO,EAAE,GACjFiH,GAAa,qBAAqBrB,GAAS,QAAQ,KAAM,EAAE,CAAC,GAC5DxC,GAAc,CAAE,WAAA6D,EAAA,EAChBC,EAAwDvB,EAC1D,KACA,CACE,QAASiB,EAAA,EAITO,EAAqB7B,EAAAA,YACxB/B,GAAkC,CAEjC,GADCuC,EAAU,WAA+D,QAAUvC,EAChFA,GAAQ,OAAOA,EAAK,aAAgB,WACtC,GAAI,CACFA,EAAK,YAAA,CACP,MAAQ,CAER,CAEJ,EACA,CAACuC,EAAU,UAAU,CAAA,EAGjB5C,EAAe,CACnB,aAAcjB,EACd,gBAAiBkE,EACjB,cAAelJ,EAAU,SAAS,EAClC,GAAI8J,EACJ,IAAKI,EACL,aAAc,IAAMrB,EAAU,eAAA,EAC9B,QAAS,SACT,MAAO,CACL,GAAI9D,EACA,CACE,UACE,OAAOA,GAAqB,SAAW,GAAGA,CAAgB,KAAOA,CAAA,EAErE,CAAA,EACJ,eAAgBiF,EAAA,CAClB,EAGI1H,EAAsB,CAACS,EAAwBC,IAAoC,CACvF,MAAMwD,GAAayC,EAAiB,KAAM/G,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC5D,CAAE,kBAAAwE,GAAsBsB,EAExBsB,IACHpH,EAAO,KAAOwE,GAAmB,IAC/BrC,GAAwB,CAACqC,GAAqBvE,IAAU,IAC3D,CAACuE,GAAmB,kBAEtB,MAAO,CACL,cAAevH,EAAU,gBAAgB+C,EAAO,EAAE,EAAE,EACpD,GAAIgH,EAAoBhH,CAAM,EAC9B,IAAKA,EAAO,GACZ,YAAa,IAAM8F,EAAU,iBAAiB9F,CAAM,EACpD,UAAW,IAAMoG,EAAapG,CAAM,EACpC,IAAMqH,GAAO,CACPA,IAAIvB,EAAU,WAAW,QAAQ9F,EAAO,EAAE,EAAIqH,EACpD,EACA,SAAU,GACV,SAAU5D,GACV,SAAUzD,EAAO,SACjB,YAAAoH,GACA,QAASpH,EAAO,KAAOwE,GAAmB,IAAM,CAAC,CAACA,GAAmB,kBACrE,gBAAiBf,EAAA,CAErB,EAEM6D,GAAwC3B,EAC1C,GACA,CACE,IAAKE,EACL,KAAM,SACN,KAAM,WACN,gBAAiB,UACjB,gBAAiBM,EACjB,gBAAiBY,EACjB,gBAAiB7J,EACjB,cAAeD,EAAU,SAAS,EAClC,GAAI,GAAGwI,CAAE,WACT,UAAWa,EACX,QAASQ,GACT,SAAA5J,EACA,SAAUA,EAAW,GAAK,EAC1B,MAAOkG,EAAA,EAGPH,GAA6C0C,EAC/C,CACE,IAAK3C,EACL,KAAM,WACN,oBAAqB,OACrB,gBAAiBmD,EACjB,gBAAiBY,EACjB,wBAAyBjB,EAAU,kBAC/BkB,EAAoBlB,EAAU,iBAAiB,EAC/C,OACJ,cAAe7I,EAAU,OAAO,EAChC,aAAc,MACd,GAAI,GAAGwI,CAAE,SACT,KAAM,OACN,MAAOjD,EACP,SAAUsB,GACV,YAAayC,GACb,QAASC,GACT,OAAQC,GACR,UAAWH,EACX,SAAApJ,EACA,SAAAU,CAAA,EAEF,KAEJ,MAAO,CACL,QAAAmF,GACA,sBAAAmE,EACA,aAAAI,GACA,WAAArE,GACA,aAAAC,EACA,oBAAA3D,EACA,cAAAD,EACA,OAAQ6G,EACR,kBAAmBL,EAAU,kBAC7B,cAAeI,EACf,YAAA9C,EAAA,CAEJ,EC/XamE,GAAiBjG,EAAAA,WAAgD,CAACC,EAAOC,IAAQ,CAC5F,KAAM,CACJ,GAAIC,EACJ,MAAAzE,EACA,QAAAkC,EACA,UAAAwC,EACA,UAAAjD,EACA,WAAAC,EACA,YAAAiD,EACA,SAAAxE,EAAW,GACX,SAAAS,EAAW,GACX,SAAAV,EAAW,GACX,SAAAE,EAAW,GACX,MAAAwE,EAAQ,GACR,QAAAnE,EAAU,GACV,SAAAwB,EAAW,GACX,eAAA2B,EACA,gBAAAiB,EAAkB,CAAA,EAClB,SAAAC,EACA,YAAAC,EAAc,GACd,iBAAAC,GACA,aAAAC,GACA,eAAAjD,EACA,CAAC,aAAa,EAAGoD,CAAA,EACfb,EAEEc,EAAWC,EAAAA,MAAA,EACXxF,EAAU2E,GAAUY,EACpBpF,EAAasF,GAAkBH,EAAa,GAAGA,CAAU,IAAIG,CAAI,GAAK,OACtE7E,EAAU,CAAC,CAACkE,GAAS,CAACnD,EACtBE,EAAe,GAAG7B,CAAO,eAIzB0K,EAAwBvI,EAAW4C,EAAkBjB,EAAiB,CAACA,CAAc,EAAI,CAAA,EAEzF8B,EAAgB3D,GAAoB,CACxC,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAesI,CAAA,CAChB,EAEK5E,EAAkB,IAAM,CAC5B,MAAMhD,EAAiBV,EAAQ,OAAQC,GAAM,CAACA,EAAE,QAAQ,EAIxD,GAH2BS,EAAe,MAAOT,GAC/CqI,EAAsB,KAAMpI,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EAEzB,CAEtB,MAAM0D,EAAO2E,EAAsB,OAAQrI,GAAMA,EAAE,QAAQ,EAC3D2C,IAAW,OAAWe,CAAI,CAC5B,KAAO,CAGL,MAAMA,EAAO,CAAC,GADW2E,EAAsB,OAAQrI,IAAMA,GAAE,QAAQ,EACpC,GAAGS,CAAc,EACpDkC,IAAW,OAAWe,CAAI,CAC5B,CACF,EAIM4E,EAAmB,CACvBC,EACAC,IACG,CACH,GAAID,GAAe,KAAO5I,GAAsB,CAC9C8D,EAAA,EACA,MACF,CACAd,IAAW4F,EAAeC,CAAY,CACxC,EAEMC,EAAclF,EAChB,CAAC,CAAE,GAAI5D,GAAsB,MAAOE,CAAA,EAA4B,GAAGE,CAAO,EAC1EA,EAEE2I,EAAWrC,GAAY,CAC3B,GAAI1I,EACJ,QAAS,SACT,QAAS8K,EACT,aAAc3F,IAAgBjF,GAAS,UACvC,SAAAiC,EACA,eAAA2B,EACA,gBAAAiB,EACA,SAAU4F,EACV,YAAA1F,EACA,iBAAAC,GACA,SAAA9E,EACA,SAAAU,EACC,cAAgBwE,CAAA,CAClB,EAEKkB,EAAcC,GAAgC,CACjDsE,EAAS,QAAmD,QAAUtE,EACnE,OAAO/B,GAAQ,WAAYA,EAAI+B,CAAI,EAC9B/B,IAAMA,EAA+C,QAAU+B,EAC1E,EAEM,CACJ,sBAAA2D,EACA,aAAAI,EACA,aAAApE,GACA,oBAAA3D,GACA,cAAAD,GACA,OAAA3B,GACA,cAAAQ,EACA,YAAAiF,EAAA,EACEyE,EAEEC,GAAqB,CACzB,GAAIR,CAAA,EAEN,OAAOQ,GAAmB,MAE1B,MAAMpE,EAAmB1D,GAA2B,CAClD,MAAM6C,EAAO1E,EAAc,OAAQgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC3D8B,IAAW9B,EAAQ6C,CAAI,CACzB,EAKM/C,EACJb,GACA,CAAC,CAACD,GACFE,EAAQ,OAAS,GACjBA,EAAQ,MAAOC,GAAMhB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAC,EAEzD4I,GAAe9I,EACjBa,EACEd,EACAb,EAAc,SAAW,GACzBwD,GAAe,GAEjBf,GAAgB,OAASe,GAAe,GAEtCwC,GAAmB1H,EAAGG,EAAe8E,EAAW,CACpD,CAAC,GAAG9E,CAAa,YAAY,EAAGO,CAAA,CACjC,EAED,OACEE,EAAAA,KAAC,MAAA,CAAI,IAAKiG,EAAY,UAAWa,GAC/B,SAAA,CAAA5G,EAAAA,IAACV,GAAA,CACC,QAAAC,EACA,cAAc,UACd,MAAAE,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,CAAA,QAED,MAAA,CAAI,UAAWX,EAAG,GAAGG,CAAa,aAAa,EAC9C,SAAAS,EAAAA,KAAC,MAAA,CACE,GAAI6J,EACL,UAAWzK,EAAG,GAAGG,CAAa,sBAAuB,CACnD,CAAC,GAAGA,CAAa,4BAA4B,EAAG,CAAC,CAAC6B,EAClD,CAAC,GAAG7B,CAAa,+BAA+B,EAAGc,EACnD,CAAC,GAAGd,CAAa,+BAA+B,EAAGO,EACnD,CAAC,GAAGP,CAAa,+BAA+B,EAAGM,EACnD,CAAC,GAAGN,CAAa,+BAA+B,EAAGgB,GAAY,CAACV,EAChE,CAAC,GAAGN,CAAa,+BAA+B,EAC9CqC,GAAYd,EAAc,OAAS,GAAK,CAAC2B,CAAA,CAC5C,EACD,MAAOsD,GAEN,SAAA,CAAAnE,GAAY,CAACa,GACZvC,EAAAA,IAACW,GAAA,CACC,cAAAC,EACA,UAAAlB,EACA,SAAAC,EACA,SAAAC,EACA,SAAUuG,EACV,SAAQ,EAAA,CAAA,EAGZnG,EAAAA,IAAC,SAAA,CACE,GAAGuK,GACJ,UAAWrL,EAAG,GAAGG,CAAa,YAAa,CACzC,CAAC,GAAGA,CAAa,qBAAqB,EAAGc,EACzC,CAAC,GAAGd,CAAa,qBAAqB,EAAGO,EACzC,CAAC,GAAGP,CAAa,qBAAqB,EAAGM,EACzC,CAAC,GAAGN,CAAa,qBAAqB,EAAGgB,GAAY,CAACV,EACtD,CAAC,GAAGN,CAAa,wBAAwB,EAAG,CAACuB,EAAc,MAAA,CAC5D,EACD,mBAAkBQ,EAElB,SAAApB,EAAAA,IAAC,QAAK,UAAWd,EAAG,GAAGG,CAAa,gBAAgB,EAAI,SAAAmL,EAAA,CAAa,CAAA,CAAA,EAEvExK,EAAAA,IAACC,GAAA,CACC,UAAAP,EACA,QAAAQ,EACA,SAAAP,EACA,SAAAC,EACA,QAAAO,EACA,OAAAC,GACA,SAAAC,EACA,gBAAe,EAAA,CAAA,EAEjBL,EAAAA,IAAC,OAAA,CACC,UAAWd,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGO,CAAA,CACxC,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,EACCQ,IACCJ,EAAAA,IAACkC,GAAAA,QAAA,CAAS,GAAGyD,GAAc,UAAWzG,EAAG,GAAGG,CAAa,WAAW,EACjE,SAAAyC,GAAqB,CACpB,cAAAC,GACA,oBAAAC,GACA,SAAAN,EACA,QAAAnC,EACA,eAAAkC,EACA,cAAAb,CAAA,CACD,EACH,EAEFZ,EAAAA,IAACiB,GAAA,CACC,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAxB,CAAA,CAAA,CACF,EACF,CAEJ,CAAC,EAEDoK,GAAe,YAAc,iBC/OtB,MAAMS,GAAW1G,EAAAA,WAA0C,CAACC,EAAOC,IACpED,EAAM,SACDhE,EAAAA,IAAC8D,GAAA,CAAiB,IAAAG,EAAW,GAAID,CAAA,CAAiC,EAGpEhE,EAAAA,IAACgK,GAAA,CAAe,IAAA/F,EAAW,GAAID,CAAA,CAA+B,CACtE,EAEDyG,GAAS,YAAc"}