npm - @purpur/library - Versions diffs - 9.10.0 → 9.10.1 - Mend

@purpur/library 9.10.0 → 9.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (251) hide show

package/dist/{comparison-table-Dtqxz8vL.js.map → comparison-table-N5G3k2kr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"comparison-table-Dtqxz8vL.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, useCallback, useEffect, useRef, useState } 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: ReactNode;\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 cardIndex: number;\n isFirstCard: boolean;\n ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n\n showFullDescriptions: boolean;\n toggleShowFullDescriptions: () => void;\n};\n\nexport const OptionCard = ({\n id,\n cardIndex,\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 descriptionRef = useRef<HTMLDivElement \| HTMLParagraphElement>(null);\n const descriptionContentRef = useRef<HTMLDivElement \| null>(null);\n const showFullDescriptionsRef = useRef(showFullDescriptions);\n const [descriptionOverflows, setDescriptionOverflows] = useState(false);\n\n const classes = cx(rootClassName, {\n [`${rootClassName}--highlighted`]: isHighlighted,\n [`${rootClassName}--first-card`]: isFirstCard,\n [`${rootClassName}--show-full-descriptions`]: showFullDescriptions,\n });\n\n useEffect(() => {\n showFullDescriptionsRef.current = showFullDescriptions;\n }, [showFullDescriptions]);\n\n const checkDescriptionOverflow = useCallback(() => {\n if (showFullDescriptionsRef.current) {\n return;\n }\n\n const description = descriptionRef.current;\n const descriptionContent = descriptionContentRef.current;\n\n if (!description \|\| !descriptionContent) {\n setDescriptionOverflows(false);\n return;\n }\n\n const descriptionHeight = description.clientHeight;\n const contentHeight = descriptionContent.offsetHeight;\n\n setDescriptionOverflows(contentHeight > descriptionHeight + 1);\n }, []);\n\n useEffect(() => {\n const descriptionElement = descriptionRef.current;\n\n checkDescriptionOverflow();\n\n if (!descriptionElement \|\| typeof ResizeObserver === \"undefined\") {\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(checkDescriptionOverflow);\n resizeObserver.observe(descriptionElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkDescriptionOverflow, description]);\n\n const renderDescription = () => {\n if (!description) return null;\n\n return (\n <div className={cx(`${rootClassName}__description`)}>\n {typeof description === \"string\" ? (\n <Paragraph ref={descriptionRef} className={cx(`${rootClassName}__description-text`)}>\n <span ref={descriptionContentRef}>{description}</span>\n </Paragraph>\n ) : (\n <div ref={descriptionRef} className={cx(`${rootClassName}__description-text`)}>\n <div ref={descriptionContentRef} className={cx(`${rootClassName}__description-inner`)}>\n {description}\n </div>\n </div>\n )}\n <Button\n variant=\"text\"\n size=\"xs\"\n className={cx(`${rootClassName}__read-more`, {\n [`${rootClassName}__read-more--hidden`]: !descriptionOverflows,\n })}\n onClick={toggleShowFullDescriptions}\n aria-hidden={!descriptionOverflows}\n tabIndex={descriptionOverflows ? undefined : -1}\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 </div>\n );\n };\n\n return (\n <article className={classes} data-card-id={id} data-card-index={cardIndex}>\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 ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n};\n\nexport const ScrollProgress = ({ items, container, 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 = container.current?.querySelector(\n `[data-card-index=\"${index}\"]`\n ) as HTMLElement \| null;\n card?.scrollIntoView({ behavior: reduceMotion ? \"instant\" : \"smooth\", block: \"nearest\" });\n },\n [container]\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 const index = Number(entry.target.getAttribute(\"data-card-index\"));\n\n if (Number.isNaN(index)) return;\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 = root.querySelector(`[data-card-index=\"${index}\"]`) as HTMLElement \| null;\n\n if (card) observer.observe(card);\n });\n\n return () => observer.disconnect();\n }, [container, items]);\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, ReactNode \| 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 cardIndex={index}\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 items={items} container={containerRef} ariaLabels={ariaLabels} />\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","cardIndex","variablePriceText","price","isHighlighted","ariaLabels","badge","actions","isFirstCard","image","showFullDescriptions","toggleShowFullDescriptions","descriptionRef","useRef","descriptionContentRef","showFullDescriptionsRef","descriptionOverflows","setDescriptionOverflows","useState","useEffect","checkDescriptionOverflow","useCallback","descriptionContent","descriptionHeight","contentHeight","descriptionElement","resizeObserver","renderDescription","Button","Badge","Heading","ScrollProgress","items","container","inViewSet","setInViewSet","scrollToCard","index","reduceMotion","previousCard","targetIndex","nextCard","handleKeyDown","root","observer","entries","prev","next","entry","_","card","renderIndicators","indicators","viewCapacity","leftmostActiveIndex","head","trail","key","i","status","IconArrowLeft","IconArrowRight","ComparisonTable","classname","features","variant","useId","containerRef","setShowFullDescriptions","handleToggleShowFullDescriptions","renderCards","item","createElement","renderFeatures","deltaTime","handleScrollEnd","e","target","cardwidth","cardPos","scrollTarget","timeDiff","scrollDiff"],"mappings":"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"}
1	+ {"version":3,"file":"comparison-table-N5G3k2kr.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, useCallback, useEffect, useRef, useState } 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: ReactNode;\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 cardIndex: number;\n isFirstCard: boolean;\n ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n\n showFullDescriptions: boolean;\n toggleShowFullDescriptions: () => void;\n};\n\nexport const OptionCard = ({\n id,\n cardIndex,\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 descriptionRef = useRef<HTMLDivElement \| HTMLParagraphElement>(null);\n const descriptionContentRef = useRef<HTMLDivElement \| null>(null);\n const showFullDescriptionsRef = useRef(showFullDescriptions);\n const [descriptionOverflows, setDescriptionOverflows] = useState(false);\n\n const classes = cx(rootClassName, {\n [`${rootClassName}--highlighted`]: isHighlighted,\n [`${rootClassName}--first-card`]: isFirstCard,\n [`${rootClassName}--show-full-descriptions`]: showFullDescriptions,\n });\n\n useEffect(() => {\n showFullDescriptionsRef.current = showFullDescriptions;\n }, [showFullDescriptions]);\n\n const checkDescriptionOverflow = useCallback(() => {\n if (showFullDescriptionsRef.current) {\n return;\n }\n\n const description = descriptionRef.current;\n const descriptionContent = descriptionContentRef.current;\n\n if (!description \|\| !descriptionContent) {\n setDescriptionOverflows(false);\n return;\n }\n\n const descriptionHeight = description.clientHeight;\n const contentHeight = descriptionContent.offsetHeight;\n\n setDescriptionOverflows(contentHeight > descriptionHeight + 1);\n }, []);\n\n useEffect(() => {\n const descriptionElement = descriptionRef.current;\n\n checkDescriptionOverflow();\n\n if (!descriptionElement \|\| typeof ResizeObserver === \"undefined\") {\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(checkDescriptionOverflow);\n resizeObserver.observe(descriptionElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkDescriptionOverflow, description]);\n\n const renderDescription = () => {\n if (!description) return null;\n\n return (\n <div className={cx(`${rootClassName}__description`)}>\n {typeof description === \"string\" ? (\n <Paragraph ref={descriptionRef} className={cx(`${rootClassName}__description-text`)}>\n <span ref={descriptionContentRef}>{description}</span>\n </Paragraph>\n ) : (\n <div ref={descriptionRef} className={cx(`${rootClassName}__description-text`)}>\n <div ref={descriptionContentRef} className={cx(`${rootClassName}__description-inner`)}>\n {description}\n </div>\n </div>\n )}\n <Button\n variant=\"text\"\n size=\"xs\"\n className={cx(`${rootClassName}__read-more`, {\n [`${rootClassName}__read-more--hidden`]: !descriptionOverflows,\n })}\n onClick={toggleShowFullDescriptions}\n aria-hidden={!descriptionOverflows}\n tabIndex={descriptionOverflows ? undefined : -1}\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 </div>\n );\n };\n\n return (\n <article className={classes} data-card-id={id} data-card-index={cardIndex}>\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 ariaLabels: ComparisonTableProps[\"ariaLabels\"];\n};\n\nexport const ScrollProgress = ({ items, container, 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 = container.current?.querySelector(\n `[data-card-index=\"${index}\"]`\n ) as HTMLElement \| null;\n card?.scrollIntoView({ behavior: reduceMotion ? \"instant\" : \"smooth\", block: \"nearest\" });\n },\n [container]\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 const index = Number(entry.target.getAttribute(\"data-card-index\"));\n\n if (Number.isNaN(index)) return;\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 = root.querySelector(`[data-card-index=\"${index}\"]`) as HTMLElement \| null;\n\n if (card) observer.observe(card);\n });\n\n return () => observer.disconnect();\n }, [container, items]);\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, ReactNode \| 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 cardIndex={index}\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 items={items} container={containerRef} ariaLabels={ariaLabels} />\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","cardIndex","variablePriceText","price","isHighlighted","ariaLabels","badge","actions","isFirstCard","image","showFullDescriptions","toggleShowFullDescriptions","descriptionRef","useRef","descriptionContentRef","showFullDescriptionsRef","descriptionOverflows","setDescriptionOverflows","useState","useEffect","checkDescriptionOverflow","useCallback","descriptionContent","descriptionHeight","contentHeight","descriptionElement","resizeObserver","renderDescription","Button","Badge","Heading","ScrollProgress","items","container","inViewSet","setInViewSet","scrollToCard","index","reduceMotion","previousCard","targetIndex","nextCard","handleKeyDown","root","observer","entries","prev","next","entry","_","card","renderIndicators","indicators","viewCapacity","leftmostActiveIndex","head","trail","key","i","status","IconArrowLeft","IconArrowRight","ComparisonTable","classname","features","variant","useId","containerRef","setShowFullDescriptions","handleToggleShowFullDescriptions","renderCards","item","createElement","renderFeatures","deltaTime","handleScrollEnd","e","target","cardwidth","cardPos","scrollTarget","timeDiff","scrollDiff"],"mappings":"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"}

package/dist/comparison-table.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./comparison-table-Dtqxz8vL.js");exports.ComparisonTable=e.ComparisonTable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./comparison-table-N5G3k2kr.js");exports.ComparisonTable=e.ComparisonTable;
 //# sourceMappingURL=comparison-table.cjs.js.map

package/dist/comparison-table.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { C as r } from "./comparison-table-D1evE0ri.mjs";
+import { C as r } from "./comparison-table-CmtSOUfK.mjs";
 export {
   r as ComparisonTable
 };

package/dist/components/accordion/src/accordion-item.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
-import { HeadingTagType } from '../../heading/src/heading';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { HeadingTagType } from '../../heading/src/heading.tsx';
 export type AccordionItemOnClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent> & {
     currentTarget: {
         dataset: {

package/dist/components/accordion/src/accordion.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
-import { HeadingTagType, HeadingVariant } from '../../heading/src/heading';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { HeadingTagType, HeadingVariant } from '../../heading/src/heading.tsx';
 export type AccordionProps = Omit<BaseProps, "title" | "children"> & {
     children: ReactNode;
     negative?: boolean;

package/dist/components/avatar/src/avatar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { AVATAR_SIZE } from './avatar-constants';
 export type AvatarSize = (typeof AVATAR_SIZE)[number];
 type AvatarBaseProps = BaseProps & {

package/dist/components/button/src/button.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React, ButtonHTMLAttributes } from 'react';
-import { ActionProps } from '../../../libraries/action/src/action';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { ActionProps } from '../../../libraries/action/src/action.tsx';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export declare const BUTTON_VARIANT: {
     readonly DESTRUCTIVE: "destructive";
     readonly TERTIARY_PURPLE: "tertiary-purple";
@@ -28,7 +28,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<Omit<{
     className?: string;
     fullWidth?: boolean;
     negative?: boolean;
-    size?: import('../../../libraries/action/src/action').Size;
+    size?: import('../../../libraries/action/src/action.tsx').Size;
     variant: "text" | "primary" | "secondary" | "expressive" | "destructive" | "tertiary-purple";
 } & {
     iconOnly?: false;
@@ -48,8 +48,8 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<Omit<{
     className?: string;
     fullWidth?: boolean;
     negative?: boolean;
-    size?: import('../../../libraries/action/src/action').Size;
-    variant: "text" | import('../../../libraries/action/src/action').Variant | "tertiary-purple";
+    size?: import('../../../libraries/action/src/action.tsx').Size;
+    variant: "text" | import('../../../libraries/action/src/action.tsx').Variant | "tertiary-purple";
 } & {
     iconOnly: true;
     "aria-label": string;

package/dist/components/card/src/card-badge.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BadgeVariant } from '../../badge/src/badge';
+import { BadgeVariant } from '../../badge/src/badge.tsx';
 export type CardBadgeProps = {
     /**
      * Use this to set a testid on the badge

package/dist/components/card/src/card-cta.d.ts CHANGED Viewed

@@ -15,4 +15,4 @@ export type CardCtaProps = BaseProps & {
     text?: string;
 };
 export declare const CardCta: ({ ["data-testid"]: dataTestId, className, children, disabled, iconPosition, loading, text, linkStyling, ...props }: CardCtaProps) => React.JSX.Element;
-//# sourceMappingURL=card-cta.d.ts.mapmap
+//# sourceMappingURL=card-cta.d.ts.map

package/dist/components/card/src/card-heading.d.ts CHANGED Viewed

@@ -60,4 +60,4 @@ export type CardHeadingButtonProps = {
 };
 export type CardHeadingProps<T extends HeadingTagType = "h2"> = BaseProps<T> & CardHeadingDefaultProps;
 export declare const CardHeading: <T extends HeadingTagType = "h2">({ ["data-testid"]: dataTestId, ["aria-label"]: ariaLabel, title, icon, children, titleTag, enableHyphenation, onClick, href, disabled, linkElement, variant, ...props }: CardHeadingProps & (CardHeadingLinkProps | CardHeadingButtonProps | CardHeadingNonInteractiveProps)) => React.JSX.Element;
-//# sourceMappingURL=card-heading.d.ts.map.ts.map
+//# sourceMappingURL=card-heading.d.ts.map

package/dist/components/card/src/card-media-layout.d.ts CHANGED Viewed

@@ -4,4 +4,4 @@ export type CardMediaLayoutProps = BaseProps & {
     imageTop?: boolean;
 };
 export declare const CardMediaLayout: ({ ["data-testid"]: dataTestId, className, children, imageTop, ...props }: CardMediaLayoutProps) => React.JSX.Element;
-//# sourceMappingURL=card-media-layout.d.ts.map
+//# sourceMappingURL=card-media-layout.d.ts.mapmap

package/dist/components/card/src/card-media.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@ import { default as React } from 'react';
 import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export type CardMediaProps = BaseProps;
 export declare const CardMedia: ({ ["data-testid"]: dataTestId, className, children, ...props }: CardMediaProps) => React.JSX.Element;
-//# sourceMappingURL=card-media.d.ts.map
+//# sourceMappingURL=card-media.d.ts.mapmap

package/dist/components/checkbox/src/checkbox.d.ts CHANGED Viewed

@@ -63,4 +63,4 @@ export type CheckboxProps = Omit<BaseProps<"button">, "onChange" | "children"> &
     value?: string;
 };
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=checkbox.d.ts.mapmap
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/comparison-table/src/components/OptionCard/option-card.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BadgeProps } from '../../../../badge/src/badge';
+import { BadgeProps } from '../../../../badge/src/badge.tsx';
 import { ComparisonTableProps } from '../../comparison-table';
 export type OptionCardProps = {
     image: {

package/dist/components/content-block/src/content-block.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
-import { HeadingTagType, HeadingVariant } from '../../heading/src/heading.tsx';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { HeadingTagType, HeadingVariant } from '../../heading/src/heading';
 export type ContentBlockProps = BaseProps & {
     /**
      * @deprecated Set negative on ContentBlockGroup instead

package/dist/components/counter-badge/src/counter-badge.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export type CounterBadgeProps = Omit<BaseProps<"span">, "children"> & {
     value: number;
 };

package/dist/components/country-flag-icon/src/country-flag-icon.d.ts CHANGED Viewed

@@ -20,4 +20,4 @@ export declare const CountryFlagIcon: {
     displayName: string;
 };
 export {};
-//# sourceMappingURL=country-flag-icon.d.ts.mapmap
+//# sourceMappingURL=country-flag-icon.d.ts.map

package/dist/components/date-field/src/date-field.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextFieldProps } from '../../text-field/src/text-field.tsx';
+import { TextFieldProps } from '../../text-field/src/text-field';
 type DateFieldPropsTemp = Omit<TextFieldProps, "type" | "value" | "onChange" | "clearButtonAriaLabel" | "clearButtonLabel" | "onClear">;
 export type DateChars = {
     yearChar: string;

package/dist/components/date-picker/src/date-picker.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { default as React, ComponentProps } from 'react';
-import { CalendarProps } from '../../calendar/src/calendar.tsx';
-import { DateFieldProps } from '../../date-field/src/date-field.tsx';
-import { DateRangeFieldProps } from '../../date-range-field/src/date-range-field.tsx';
-import { Drawer } from '../../drawer/src/drawer.tsx';
+import { CalendarProps } from '../../calendar/src/calendar';
+import { DateFieldProps } from '../../date-field/src/date-field';
+import { DateRangeFieldProps } from '../../date-range-field/src/date-range-field';
+import { Drawer } from '../../drawer/src/drawer';
 type CommonDatePickerProps = {
     calendarProps?: CalendarProps;
     /**

package/dist/components/dismissable-chip-group/src/dismissable-chip-group-item.d.ts CHANGED Viewed

@@ -9,4 +9,4 @@ export declare const DismissableChipGroupItem: {
     ({ children, id, onDismiss, disabled, ...props }: DismissableChipGroupItemProps): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=dismissable-chip-group-item.d.ts.mapmap
+//# sourceMappingURL=dismissable-chip-group-item.d.ts.map

package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
-import { HeadingTagType } from '../../heading/src/heading';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { HeadingTagType } from '../../heading/src/heading.tsx';
 export declare const sizes: readonly ["sm", "md"];
 export declare const DEFAULT_SIZE: "md";
 export type Size = (typeof sizes)[number];

package/dist/components/drawer/src/drawer-content.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 import { Position } from './types';
 export type WithBackButton = {
     backButton: boolean;
@@ -88,4 +88,4 @@ export declare const DrawerContent: React.ForwardRefExoticComponent<(Omit<Omit<R
     zIndex?: number;
     position?: Position;
 } & WithoutBackButton, "ref">) & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=drawer-content.d.ts.map
+//# sourceMappingURL=drawer-content.d.ts.mapmap

package/dist/components/drawer/src/drawer-frame.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { DrawerVariant, Position, SwipeEvent } from './types';
 export type DrawerFrameProps = Omit<BaseProps, "children"> & {
     backButton: boolean;

package/dist/components/drawer/src/drawer-trigger.d.ts CHANGED Viewed

@@ -4,4 +4,4 @@ export type DrawerTriggerProps = Omit<BaseProps<"button">, "children"> & {
     children: ReactNode;
 };
 export declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<DrawerTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=drawer-trigger.d.ts.mapmap
+//# sourceMappingURL=drawer-trigger.d.ts.map

package/dist/components/field-error-text/src/field-error-text.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export declare const ariaRelevantValues: readonly ["additions text", "additions", "removals", "text", "all"];
 export type FieldErrorTextProps = Omit<BaseProps, "aria-relevant" | "children"> & {
     children: ReactNode;
@@ -7,4 +7,4 @@ export type FieldErrorTextProps = Omit<BaseProps, "aria-relevant" | "children">
     ["aria-relevant"]?: (typeof ariaRelevantValues)[number];
 };
 export declare const FieldErrorText: ({ children, className, negative, ["aria-relevant"]: ariaRelevant, ...props }: FieldErrorTextProps) => React.JSX.Element;
-//# sourceMappingURL=field-error-text.d.ts.map
+//# sourceMappingURL=field-error-text.d.ts.mapmap

package/dist/components/field-helper-text/src/field-helper-text.d.ts CHANGED Viewed

@@ -7,4 +7,4 @@ export type FieldHelperTextProps = Omit<BaseProps, "children" | "id"> & {
     negative?: boolean;
 };
 export declare const FieldHelperText: ({ children, className, disabled, id, negative, ...props }: FieldHelperTextProps) => React.JSX.Element;
-//# sourceMappingURL=field-helper-text.d.ts.map
+//# sourceMappingURL=field-helper-text.d.ts.mapmap

package/dist/components/footer/src/footer-navigation.d.ts CHANGED Viewed

@@ -16,4 +16,4 @@ type FooterNavigationProps = {
 };
 export declare const FooterNavigation: ({ navigationLinks, sectionProps, customLink, }: FooterNavigationProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=footer-navigation.d.ts.map
+//# sourceMappingURL=footer-navigation.d.ts.mapmap

package/dist/components/footer/src/footer-social-link.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
-import { IconProps } from '../../../icon/icon';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { IconProps } from '@purpur/icon';
 export type FooterSocialLinkProps = Omit<BaseProps<"a">, "aria-label" | "href" | "children"> & {
     "aria-label": string;
     icon: IconProps["svg"];
     href: string;
 };
 export declare const FooterSocialLink: ({ icon, href, ...props }: FooterSocialLinkProps) => React.JSX.Element;
-//# sourceMappingURL=footer-social-link.d.ts.map
+//# sourceMappingURL=footer-social-link.d.ts.mapmap

package/dist/components/footer/src/footer.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { default as React, ReactElement, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
-import { LinkProps } from '../../link/src/link.tsx';
-import { ColorOptions, ColorScheme } from '../../../libraries/theme/src/theme.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { LinkProps } from '../../link/src/link';
+import { ColorOptions, ColorScheme } from '../../../libraries/theme/src/theme';
 import { CustomLinkType, FooterNavigationItem, FooterNavigationItemLink } from './footer-navigation';
 import { FooterSocialLinkProps } from './footer-social-link';
 type AdditionalLink = FooterNavigationItemLink & Omit<LinkProps, "href" | "variant" | "negative" | "children" | "disableVisited">;

package/dist/components/grid/src/grid.item.d.ts CHANGED Viewed

@@ -16,4 +16,4 @@ export declare const Item: {
     displayName: string;
 };
 export declare const isItem: (child?: ReactNode) => child is ReactElement<ItemProps>;
-//# sourceMappingURL=grid.item.d.ts.map
+//# sourceMappingURL=grid.item.d.ts.mapmap

package/dist/components/heading/src/heading.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export declare const HeadingTag: {
     readonly H1: "h1";
     readonly H2: "h2";
@@ -43,4 +43,4 @@ export declare const Heading: {
     <T extends HeadingTagType>({ children, className, enableHyphenation, negative, tag, variant, ...props }: HeadingProps<T>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=heading.d.ts.map
+//# sourceMappingURL=heading.d.ts.mapmap

package/dist/components/hero-banner/src/hero-banner-actions.d.ts CHANGED Viewed

@@ -6,4 +6,4 @@ type HeroBannerActionProps = Omit<BaseProps, "children"> & {
 };
 export declare const HeroBannerActions: ({ children, className, ...props }: HeroBannerActionProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=hero-banner-actions.d.ts.map
+//# sourceMappingURL=hero-banner-actions.d.ts.mapmap

package/dist/components/hero-banner/src/hero-banner-media.d.ts CHANGED Viewed

@@ -19,4 +19,4 @@ type WithoutVideo = {
 export type HeroBannerMediaProps = BaseProps & (WithVideo | WithoutVideo);
 export declare const HeroBannerMedia: ({ children, isPlaying, togglePausePlay, videoPauseAriaLabel, videoPlayAriaLabel, className, ...props }: HeroBannerMediaProps) => false | "" | 0 | 0n | React.JSX.Element | null | undefined;
 export {};
-//# sourceMappingURL=hero-banner-media.d.ts.map
+//# sourceMappingURL=hero-banner-media.d.ts.mapmap

package/dist/components/hero-banner/src/hero-banner-types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
-import { ColorScheme } from '../../../libraries/theme/src/theme';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { ColorScheme } from '../../../libraries/theme/src/theme.ts';
 export declare const TitleHyphenVariant: {
     readonly default: "default";
     readonly enabled: "enabled";

package/dist/components/illustrative-icon/src/static-illustrative-icon.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export type StaticIllustrativeBaseIconProps = Omit<BaseProps<"span">, "children"> & {
     allyTitle?: string;
 };
@@ -7,4 +7,4 @@ export type StaticIllustrativeIconProps = {
     svg: string;
 } & StaticIllustrativeBaseIconProps;
 export declare const StaticIllustrativeIcon: React.ForwardRefExoticComponent<Omit<StaticIllustrativeIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=static-illustrative-icon.d.ts.map
+//# sourceMappingURL=static-illustrative-icon.d.ts.mapmap

package/dist/components/listbox/src/listbox-item.d.ts CHANGED Viewed

@@ -12,4 +12,4 @@ export type ListboxItemProps = Omit<BaseProps<"li">, "role"> & {
     hideSelectedIcon?: boolean;
 };
 export declare const ListboxItem: React.ForwardRefExoticComponent<Omit<ListboxItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-//# sourceMappingURL=listbox-item.d.ts.map
+//# sourceMappingURL=listbox-item.d.ts.mapmap

package/dist/components/listbox/src/listbox.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { ListboxItem } from './listbox-item';
 export declare const ListboxNegativeContext: React.Context<boolean | undefined>;
 export type ListboxProps = Omit<BaseProps<"ul">, "role"> & {

package/dist/components/logo/src/logo.types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export type LogoBaseProps = Omit<BaseProps<"span">, "children" | "color"> & {
     /**
      * Color variant of the logo.

package/dist/components/notification-banner/src/notification-banner.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
-import { HeadingTagType } from '../../heading/src/heading.tsx';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { HeadingTagType } from '../../heading/src/heading';
 export type DefaultProps = BaseProps & {
     closeButtonAriaLabel?: string;
     description?: string;

package/dist/components/pagination/src/pagination-page-selector.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { InternalLinkProps, InternalNoLinkProps } from './types';
 export type PaginationPageSelectorProps = Omit<BaseProps, "children"> & {
     currentPage: number;
@@ -31,4 +31,4 @@ export declare const PaginationPageSelector: React.ForwardRefExoticComponent<(Om
     pageSelectorId?: string;
     pageSelectorLabel: string;
 } & InternalNoLinkProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=pagination-page-selector.d.ts.mapmap
+//# sourceMappingURL=pagination-page-selector.d.ts.map

package/dist/components/pagination/src/pagination-page-size-selector.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { LinkProps, NoLinkProps } from './types';
 export type PaginationPageSizeSelectorProps = Omit<BaseProps, "children"> & {
     availablePageSizes: number[];
@@ -22,4 +22,4 @@ export declare const PaginationPageSizeSelector: React.ForwardRefExoticComponent
     pageSize: number;
     pageSizeLabel: string;
 } & Omit<NoLinkProps, "onPageChange">, "ref">) & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=pagination-page-size-selector.d.ts.mapmap
+//# sourceMappingURL=pagination-page-size-selector.d.ts.map

package/dist/components/pagination/src/pagination-pages.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { InternalLinkProps, InternalNoLinkProps, Link } from './types';
 export type PaginationPagesProps = Omit<BaseProps<"ol">, "children"> & {
     linkElement: Link;
@@ -28,4 +28,4 @@ export declare const PaginationPages: React.ForwardRefExoticComponent<(Omit<Omit
     stepNumberPrefix: string;
     truncationSeparatorAriaLabel?: string;
 } & InternalNoLinkProps, "ref">) & React.RefAttributes<HTMLOListElement>>;
-//# sourceMappingURL=pagination-pages.d.ts.mapmap
+//# sourceMappingURL=pagination-pages.d.ts.map

package/dist/components/pagination/src/use-page-options.hook.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { SelectOption } from '../../select/src/select';
+import { SelectOption } from '../../select/src/select.tsx';
 type UsePageOptionsHook = {
     options: SelectOption[];
 };
 export declare const usePageOptions: (numberOfPages: number) => UsePageOptionsHook;
 export {};
-//# sourceMappingURL=use-page-options.hook.d.ts.map.map
+//# sourceMappingURL=use-page-options.hook.d.ts.map

package/dist/components/pagination/src/use-page-size-options.hook.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { SelectOption } from '../../select/src/select';
+import { SelectOption } from '../../select/src/select.tsx';
 type UsePageSizeOptionsHook = {
     options: SelectOption[];
 };
 export declare const usePageSizeOptions: (availablePageSizes: number[]) => UsePageSizeOptionsHook;
 export {};
-//# sourceMappingURL=use-page-size-options.hook.d.ts.map.map
+//# sourceMappingURL=use-page-size-options.hook.d.ts.map

package/dist/components/paragraph/src/paragraph.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export declare const ParagraphVariant: {
     readonly PARAGRAPH100: "paragraph-100";
     readonly PARAGRAPH100MEDIUM: "paragraph-100-medium";