@purpur/library 9.0.7 → 9.0.8

package/dist/{hero-banner-CkSSlxTW.mjs.map → hero-banner-B5HKmkXc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hero-banner-CkSSlxTW.mjs","sources":["../../../components/hero-banner/src/hero-banner-actions.tsx","../../../components/icon/dist/assets/play-filled.es.js","../../../components/icon/dist/assets/tv-pause.es.js","../../../components/hero-banner/src/hero-banner-media.tsx","../../../components/hero-banner/src/hero-banner.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\n\ntype HeroBannerActionProps = Omit<BaseProps, \"children\"> & {\n  /** One or several CTA links or buttons */\n  children: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nconst cx = c.bind(styles);\n\nexport const HeroBannerActions = ({ children, className, ...props }: HeroBannerActionProps) => {\n  return (\n    <div {...props} className={cx(`${rootClassName}__actions`, className)}>\n      {children}\n    </div>\n  );\n};\n","const l = {\n  name: \"play-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 12 5.5 19.794V4.206L19 12Z\"/><path fill-rule=\"evenodd\" d=\"M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"play-filled\"],\n  category: \"action\"\n};\nexport {\n  l as playFilled\n};\n//# sourceMappingURL=play-filled.es.js.map\n","const a = {\n  name: \"tv-pause\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 20h-3V4h3v16ZM8 20H5V4h3v16Z\"/><path fill-rule=\"evenodd\" d=\"M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-pause\"],\n  category: \"action\"\n};\nexport {\n  a as tvPause\n};\n//# sourceMappingURL=tv-pause.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { playFilled } from \"@purpur/icon/assets/play-filled\";\nimport { tvPause } from \"@purpur/icon/assets/tv-pause\";\n\nimport styles from \"./hero-banner.module.scss\";\n\nconst rootClassName = \"purpur-hero-banner\";\n\ntype WithVideo = {\n  /** Video pause/play button callback (your implementation should handle the state) */\n  togglePausePlay: () => void;\n  /** Video pause/play button status (your implementation should handle the state) */\n  isPlaying?: boolean;\n  /** Aria label for the pause/play button, when the video is playing */\n  videoPauseAriaLabel: string;\n  /** Aria label for the pause/play button, when the video is not playing */\n  videoPlayAriaLabel: string;\n};\n\ntype WithoutVideo = {\n  togglePausePlay?: never;\n  isPlaying?: never;\n  videoPauseAriaLabel?: never;\n  videoPlayAriaLabel?: never;\n};\n\nexport type HeroBannerMediaProps = BaseProps & (WithVideo | WithoutVideo);\n\nexport const HeroBannerMedia = ({\n  children,\n  isPlaying,\n  togglePausePlay,\n  videoPauseAriaLabel,\n  videoPlayAriaLabel,\n  className,\n  ...props\n}: HeroBannerMediaProps) =>\n  children && (\n    <div className={className} {...props}>\n      {children}\n      {!!togglePausePlay && (\n        <Button\n          variant=\"primary\"\n          negative\n          iconOnly\n          onClick={() => {\n            togglePausePlay();\n          }}\n          className={styles[`${rootClassName}__video-button`]}\n          aria-label={isPlaying ? videoPauseAriaLabel : videoPlayAriaLabel}\n        >\n          <Icon size=\"xs\" svg={isPlaying ? tvPause : playFilled} />\n        </Button>\n      )}\n    </div>\n  );\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { type ColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\nimport { HeroBannerActions } from \"./hero-banner-actions\";\nimport { HeroBannerMedia } from \"./hero-banner-media\";\n\nexport type { HeroBannerMediaProps } from \"./hero-banner-media\";\n\nconst cx = c.bind(styles);\n\nexport const TitleHyphenVariant = {\n  default: \"default\",\n  enabled: \"enabled\",\n  disabled: \"disabled\",\n} as const;\n\nexport type TitleHyphens = (typeof TitleHyphenVariant)[keyof typeof TitleHyphenVariant];\n\nexport type HeroBannerProps = BaseProps & {\n  /**\n   * Custom content slot\n   * Add your CTAs here with <HeroBanner.CTAs> component\n   */\n  children?: ReactNode;\n  /**\n   * Breadcrumbs: <br/>\n   *  - Slot for your Breadcrumbs component\n   */\n  breadcrumbs?: ReactNode;\n  forceColorScheme?: ColorScheme;\n  /**\n   * Content to display before the main heading\n   */\n  beforeTitle?: ReactNode;\n  /**\n   * Main heading of the component\n   */\n  title: string;\n  /**\n   * Main heading tag\n   */\n  titleTag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  titleHyphens?: TitleHyphens;\n  /**\n   * Preamble text\n   */\n  preamble?: string;\n  /**\n   * Additional text under the CTAs, recommended to limit element to simple text with text decorations\n   */\n  additionalText?: ReactNode;\n  /**\n   * <HeroBanner.Media /> component (images and videos)\n   */\n  media?: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nexport const HeroBanner = ({\n  children,\n  className,\n  breadcrumbs,\n  forceColorScheme,\n  beforeTitle,\n  title,\n  titleTag = \"h1\",\n  titleHyphens = \"default\",\n  preamble,\n  additionalText,\n  media,\n  ...props\n}: HeroBannerProps) => {\n  const { options } = useTheme();\n  const classes = cx([rootClassName, className]);\n\n  const hasMedia = Boolean(media);\n  const hasBreadcrumbs = Boolean(breadcrumbs);\n  const hasAdditionalText = Boolean(additionalText);\n\n  const resolvedColorScheme = forceColorScheme ?? options?.heroBannerColorScheme;\n\n  return (\n    <section data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Grid\n        noGap\n        className={cx([\n          `${rootClassName}__container`,\n          {\n            [`${rootClassName}__container--with-media`]: hasMedia,\n            [`${rootClassName}__container--no-media`]: !hasMedia,\n          },\n        ])}\n        containerClassName={cx(`${rootClassName}__grid-container`)}\n      >\n        {breadcrumbs && <div className={cx(`${rootClassName}__breadcrumbs`)}>{breadcrumbs}</div>}\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--sm`])}>\n          {media}\n        </div>\n\n        <div\n          className={cx([\n            `${rootClassName}__content`,\n            {\n              [`${rootClassName}__content--no-media`]: !hasMedia,\n              [`${rootClassName}__content--no-breadcrumbs`]: !hasBreadcrumbs,\n              [`${rootClassName}__content--no-additional-text`]: !hasAdditionalText,\n            },\n          ])}\n        >\n          <div\n            className={cx([\n              `${rootClassName}__main-content`,\n              {\n                [`${rootClassName}__main-content--no-media`]: !hasMedia,\n              },\n            ])}\n          >\n            {beforeTitle}\n            {title && (\n              <Heading\n                negative\n                tag={titleTag}\n                variant=\"display-50\"\n                className={cx([\n                  `${rootClassName}__title`,\n                  `${rootClassName}__title--hyphens-${titleHyphens}`,\n                ])}\n              >\n                {title}\n              </Heading>\n            )}\n            {preamble && (\n              <Paragraph\n                negative\n                variant=\"preamble-100\"\n                className={cx(`${rootClassName}__preamble`)}\n              >\n                {preamble}\n              </Paragraph>\n            )}\n            {children && <div className={cx(`${rootClassName}__custom-content`)}>{children}</div>}\n          </div>\n\n          {additionalText && (\n            <Paragraph\n              negative\n              variant=\"additional-100\"\n              className={styles[`${rootClassName}__additional-text`]}\n            >\n              {additionalText}\n            </Paragraph>\n          )}\n        </div>\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--lg`])}>\n          {media}\n        </div>\n      </Grid>\n    </section>\n  );\n};\n\nHeroBanner.displayName = \"HeroBanner\";\n\nHeroBanner.Media = HeroBannerMedia;\nHeroBanner.Actions = HeroBannerActions;\n"],"names":["rootClassName","cx","c","styles","HeroBannerActions","children","className","props","jsx","l","a","HeroBannerMedia","isPlaying","togglePausePlay","videoPauseAriaLabel","videoPlayAriaLabel","jsxs","Button","Icon","tvPause","playFilled","TitleHyphenVariant","HeroBanner","breadcrumbs","forceColorScheme","beforeTitle","title","titleTag","titleHyphens","preamble","additionalText","media","options","useTheme","classes","hasMedia","hasBreadcrumbs","hasAdditionalText","resolvedColorScheme","Grid","Heading","Paragraph"],"mappings":"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"}
+{"version":3,"file":"hero-banner-B5HKmkXc.mjs","sources":["../../../components/hero-banner/src/hero-banner-actions.tsx","../../../components/icon/dist/assets/play-filled.es.js","../../../components/icon/dist/assets/tv-pause.es.js","../../../components/hero-banner/src/hero-banner-media.tsx","../../../components/hero-banner/src/hero-banner.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\n\ntype HeroBannerActionProps = Omit<BaseProps, \"children\"> & {\n  /** One or several CTA links or buttons */\n  children: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nconst cx = c.bind(styles);\n\nexport const HeroBannerActions = ({ children, className, ...props }: HeroBannerActionProps) => {\n  return (\n    <div {...props} className={cx(`${rootClassName}__actions`, className)}>\n      {children}\n    </div>\n  );\n};\n","const l = {\n  name: \"play-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 12 5.5 19.794V4.206L19 12Z\"/><path fill-rule=\"evenodd\" d=\"M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"play-filled\"],\n  category: \"action\"\n};\nexport {\n  l as playFilled\n};\n//# sourceMappingURL=play-filled.es.js.map\n","const a = {\n  name: \"tv-pause\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 20h-3V4h3v16ZM8 20H5V4h3v16Z\"/><path fill-rule=\"evenodd\" d=\"M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-pause\"],\n  category: \"action\"\n};\nexport {\n  a as tvPause\n};\n//# sourceMappingURL=tv-pause.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { playFilled } from \"@purpur/icon/assets/play-filled\";\nimport { tvPause } from \"@purpur/icon/assets/tv-pause\";\n\nimport styles from \"./hero-banner.module.scss\";\n\nconst rootClassName = \"purpur-hero-banner\";\n\ntype WithVideo = {\n  /** Video pause/play button callback (your implementation should handle the state) */\n  togglePausePlay: () => void;\n  /** Video pause/play button status (your implementation should handle the state) */\n  isPlaying?: boolean;\n  /** Aria label for the pause/play button, when the video is playing */\n  videoPauseAriaLabel: string;\n  /** Aria label for the pause/play button, when the video is not playing */\n  videoPlayAriaLabel: string;\n};\n\ntype WithoutVideo = {\n  togglePausePlay?: never;\n  isPlaying?: never;\n  videoPauseAriaLabel?: never;\n  videoPlayAriaLabel?: never;\n};\n\nexport type HeroBannerMediaProps = BaseProps & (WithVideo | WithoutVideo);\n\nexport const HeroBannerMedia = ({\n  children,\n  isPlaying,\n  togglePausePlay,\n  videoPauseAriaLabel,\n  videoPlayAriaLabel,\n  className,\n  ...props\n}: HeroBannerMediaProps) =>\n  children && (\n    <div className={className} {...props}>\n      {children}\n      {!!togglePausePlay && (\n        <Button\n          variant=\"primary\"\n          negative\n          iconOnly\n          onClick={() => {\n            togglePausePlay();\n          }}\n          className={styles[`${rootClassName}__video-button`]}\n          aria-label={isPlaying ? videoPauseAriaLabel : videoPlayAriaLabel}\n        >\n          <Icon size=\"xs\" svg={isPlaying ? tvPause : playFilled} />\n        </Button>\n      )}\n    </div>\n  );\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { type ColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\nimport { HeroBannerActions } from \"./hero-banner-actions\";\nimport { HeroBannerMedia } from \"./hero-banner-media\";\n\nexport type { HeroBannerMediaProps } from \"./hero-banner-media\";\n\nconst cx = c.bind(styles);\n\nexport const TitleHyphenVariant = {\n  default: \"default\",\n  enabled: \"enabled\",\n  disabled: \"disabled\",\n} as const;\n\nexport type TitleHyphens = (typeof TitleHyphenVariant)[keyof typeof TitleHyphenVariant];\n\nexport type HeroBannerProps = BaseProps & {\n  /**\n   * Custom content slot\n   * Add your CTAs here with <HeroBanner.CTAs> component\n   */\n  children?: ReactNode;\n  /**\n   * Breadcrumbs: <br/>\n   *  - Slot for your Breadcrumbs component\n   */\n  breadcrumbs?: ReactNode;\n  forceColorScheme?: ColorScheme;\n  /**\n   * Content to display before the main heading\n   */\n  beforeTitle?: ReactNode;\n  /**\n   * Main heading of the component\n   */\n  title: string;\n  /**\n   * Main heading tag\n   */\n  titleTag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  titleHyphens?: TitleHyphens;\n  /**\n   * Preamble text\n   */\n  preamble?: string;\n  /**\n   * Additional text under the CTAs, recommended to limit element to simple text with text decorations\n   */\n  additionalText?: ReactNode;\n  /**\n   * <HeroBanner.Media /> component (images and videos)\n   */\n  media?: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nexport const HeroBanner = ({\n  children,\n  className,\n  breadcrumbs,\n  forceColorScheme,\n  beforeTitle,\n  title,\n  titleTag = \"h1\",\n  titleHyphens = \"default\",\n  preamble,\n  additionalText,\n  media,\n  ...props\n}: HeroBannerProps) => {\n  const { options } = useTheme();\n  const classes = cx([rootClassName, className]);\n\n  const hasMedia = Boolean(media);\n  const hasBreadcrumbs = Boolean(breadcrumbs);\n  const hasAdditionalText = Boolean(additionalText);\n\n  const resolvedColorScheme = forceColorScheme ?? options?.heroBannerColorScheme;\n\n  return (\n    <section data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Grid\n        noGap\n        className={cx([\n          `${rootClassName}__container`,\n          {\n            [`${rootClassName}__container--with-media`]: hasMedia,\n            [`${rootClassName}__container--no-media`]: !hasMedia,\n          },\n        ])}\n        containerClassName={cx(`${rootClassName}__grid-container`)}\n      >\n        {breadcrumbs && <div className={cx(`${rootClassName}__breadcrumbs`)}>{breadcrumbs}</div>}\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--sm`])}>\n          {media}\n        </div>\n\n        <div\n          className={cx([\n            `${rootClassName}__content`,\n            {\n              [`${rootClassName}__content--no-media`]: !hasMedia,\n              [`${rootClassName}__content--no-breadcrumbs`]: !hasBreadcrumbs,\n              [`${rootClassName}__content--no-additional-text`]: !hasAdditionalText,\n            },\n          ])}\n        >\n          <div\n            className={cx([\n              `${rootClassName}__main-content`,\n              {\n                [`${rootClassName}__main-content--no-media`]: !hasMedia,\n              },\n            ])}\n          >\n            {beforeTitle}\n            {title && (\n              <Heading\n                negative\n                tag={titleTag}\n                variant=\"display-50\"\n                className={cx([\n                  `${rootClassName}__title`,\n                  `${rootClassName}__title--hyphens-${titleHyphens}`,\n                ])}\n              >\n                {title}\n              </Heading>\n            )}\n            {preamble && (\n              <Paragraph\n                negative\n                variant=\"preamble-100\"\n                className={cx(`${rootClassName}__preamble`)}\n              >\n                {preamble}\n              </Paragraph>\n            )}\n            {children && <div className={cx(`${rootClassName}__custom-content`)}>{children}</div>}\n          </div>\n\n          {additionalText && (\n            <Paragraph\n              negative\n              variant=\"additional-100\"\n              className={styles[`${rootClassName}__additional-text`]}\n            >\n              {additionalText}\n            </Paragraph>\n          )}\n        </div>\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--lg`])}>\n          {media}\n        </div>\n      </Grid>\n    </section>\n  );\n};\n\nHeroBanner.displayName = \"HeroBanner\";\n\nHeroBanner.Media = HeroBannerMedia;\nHeroBanner.Actions = HeroBannerActions;\n"],"names":["rootClassName","cx","c","styles","HeroBannerActions","children","className","props","jsx","l","a","HeroBannerMedia","isPlaying","togglePausePlay","videoPauseAriaLabel","videoPlayAriaLabel","jsxs","Button","Icon","tvPause","playFilled","TitleHyphenVariant","HeroBanner","breadcrumbs","forceColorScheme","beforeTitle","title","titleTag","titleHyphens","preamble","additionalText","media","options","useTheme","classes","hasMedia","hasBreadcrumbs","hasAdditionalText","resolvedColorScheme","Grid","Heading","Paragraph"],"mappings":"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"}

package/dist/{hero-banner-JFaqW20R.js → hero-banner-OnNSuxNT.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),w=require("./grid-uGMD2euo.js"),B=require("./heading-drD5ugCC.js"),m=require("./paragraph-BsI53OR0.js"),f=require("./ThemeProvider-ipAIFRUi.js");require("react");const v=require("./bind-DeUYJ6m9.js"),H=require("./button-DDYGuqZ0.js"),V=require("./icon.es-j3eRib6d.js"),i={"purpur-hero-banner":"_purpur-hero-banner_ue1q7_1","purpur-hero-banner__grid-container":"_purpur-hero-banner__grid-container_ue1q7_5","purpur-hero-banner__container":"_purpur-hero-banner__container_ue1q7_8","purpur-hero-banner__container--with-media":"_purpur-hero-banner__container--with-media_ue1q7_17","purpur-hero-banner__container--no-media":"_purpur-hero-banner__container--no-media_ue1q7_28","purpur-hero-banner__breadcrumbs":"_purpur-hero-banner__breadcrumbs_ue1q7_39","purpur-hero-banner__content":"_purpur-hero-banner__content_ue1q7_57","purpur-hero-banner__content--no-media":"_purpur-hero-banner__content--no-media_ue1q7_75","purpur-hero-banner__content--no-breadcrumbs":"_purpur-hero-banner__content--no-breadcrumbs_ue1q7_79","purpur-hero-banner__content--no-additional-text":"_purpur-hero-banner__content--no-additional-text_ue1q7_83","purpur-hero-banner__main-content":"_purpur-hero-banner__main-content_ue1q7_91","purpur-hero-banner__main-content--no-media":"_purpur-hero-banner__main-content--no-media_ue1q7_99","purpur-hero-banner__title":"_purpur-hero-banner__title_ue1q7_102","purpur-hero-banner__title--hyphens-default":"_purpur-hero-banner__title--hyphens-default_ue1q7_109","purpur-hero-banner__title--hyphens-enabled":"_purpur-hero-banner__title--hyphens-enabled_ue1q7_117","purpur-hero-banner__title--hyphens-disabled":"_purpur-hero-banner__title--hyphens-disabled_ue1q7_120","purpur-hero-banner__preamble":"_purpur-hero-banner__preamble_ue1q7_123","purpur-hero-banner__custom-content":"_purpur-hero-banner__custom-content_ue1q7_128","purpur-hero-banner__actions":"_purpur-hero-banner__actions_ue1q7_132","purpur-hero-banner__additional-text":"_purpur-hero-banner__additional-text_ue1q7_148","purpur-hero-banner__media":"_purpur-hero-banner__media_ue1q7_152","purpur-hero-banner__media--sm":"_purpur-hero-banner__media--sm_ue1q7_156","purpur-hero-banner__media--lg":"_purpur-hero-banner__media--lg_ue1q7_164","purpur-hero-banner__video-button":"_purpur-hero-banner__video-button_ue1q7_203"},C="purpur-hero-banner",Z=v.c.bind(i),M=({children:_,className:o,...a})=>r.jsx("div",{...a,className:Z(`${C}__actions`,o),children:_}),k={name:"play-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 12 5.5 19.794V4.206L19 12Z"/><path fill-rule="evenodd" d="M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z" clip-rule="evenodd"/></svg>',keywords:["play-filled"],category:"action"},A={name:"tv-pause",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 20h-3V4h3v16ZM8 20H5V4h3v16Z"/><path fill-rule="evenodd" d="M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z" clip-rule="evenodd"/></svg>',keywords:["tv-pause"],category:"action"},T="purpur-hero-banner",G=({children:_,isPlaying:o,togglePausePlay:a,videoPauseAriaLabel:p,videoPlayAriaLabel:c,className:t,...d})=>_&&r.jsxs("div",{className:t,...d,children:[_,!!a&&r.jsx(H.Button,{variant:"primary",negative:!0,iconOnly:!0,onClick:()=>{a()},className:i[`${T}__video-button`],"aria-label":o?p:c,children:r.jsx(V.b,{size:"xs",svg:o?A:k})})]}),n=v.c.bind(i),L={default:"default",enabled:"enabled",disabled:"disabled"},e="purpur-hero-banner",s=({children:_,className:o,breadcrumbs:a,forceColorScheme:p,beforeTitle:c,title:t,titleTag:d="h1",titleHyphens:q="default",preamble:b,additionalText:h,media:l,...x})=>{const{options:g}=f.useTheme(),$=n([e,o]),u=!!l,y=!!a,N=!!h,j=p??g?.heroBannerColorScheme;return r.jsx("section",{"data-color-scheme":j,className:$,...x,children:r.jsxs(w.Grid,{noGap:!0,className:n([`${e}__container`,{[`${e}__container--with-media`]:u,[`${e}__container--no-media`]:!u}]),containerClassName:n(`${e}__grid-container`),children:[a&&r.jsx("div",{className:n(`${e}__breadcrumbs`),children:a}),r.jsx("div",{className:n([`${e}__media`,`${e}__media--sm`]),children:l}),r.jsxs("div",{className:n([`${e}__content`,{[`${e}__content--no-media`]:!u,[`${e}__content--no-breadcrumbs`]:!y,[`${e}__content--no-additional-text`]:!N}]),children:[r.jsxs("div",{className:n([`${e}__main-content`,{[`${e}__main-content--no-media`]:!u}]),children:[c,t&&r.jsx(B.Heading,{negative:!0,tag:d,variant:"display-50",className:n([`${e}__title`,`${e}__title--hyphens-${q}`]),children:t}),b&&r.jsx(m.Paragraph,{negative:!0,variant:"preamble-100",className:n(`${e}__preamble`),children:b}),_&&r.jsx("div",{className:n(`${e}__custom-content`),children:_})]}),h&&r.jsx(m.Paragraph,{negative:!0,variant:"additional-100",className:i[`${e}__additional-text`],children:h})]}),r.jsx("div",{className:n([`${e}__media`,`${e}__media--lg`]),children:l})]})})};s.displayName="HeroBanner";s.Media=G;s.Actions=M;exports.HeroBanner=s;exports.TitleHyphenVariant=L;
-//# sourceMappingURL=hero-banner-JFaqW20R.js.map
+"use strict";const r=require("react/jsx-runtime"),w=require("./grid-uGMD2euo.js"),B=require("./heading-drD5ugCC.js"),m=require("./paragraph-BsI53OR0.js"),f=require("./ThemeProvider-ipAIFRUi.js");require("react");const v=require("./bind-DeUYJ6m9.js"),H=require("./button-BxdChrq-.js"),V=require("./icon.es-j3eRib6d.js"),i={"purpur-hero-banner":"_purpur-hero-banner_ue1q7_1","purpur-hero-banner__grid-container":"_purpur-hero-banner__grid-container_ue1q7_5","purpur-hero-banner__container":"_purpur-hero-banner__container_ue1q7_8","purpur-hero-banner__container--with-media":"_purpur-hero-banner__container--with-media_ue1q7_17","purpur-hero-banner__container--no-media":"_purpur-hero-banner__container--no-media_ue1q7_28","purpur-hero-banner__breadcrumbs":"_purpur-hero-banner__breadcrumbs_ue1q7_39","purpur-hero-banner__content":"_purpur-hero-banner__content_ue1q7_57","purpur-hero-banner__content--no-media":"_purpur-hero-banner__content--no-media_ue1q7_75","purpur-hero-banner__content--no-breadcrumbs":"_purpur-hero-banner__content--no-breadcrumbs_ue1q7_79","purpur-hero-banner__content--no-additional-text":"_purpur-hero-banner__content--no-additional-text_ue1q7_83","purpur-hero-banner__main-content":"_purpur-hero-banner__main-content_ue1q7_91","purpur-hero-banner__main-content--no-media":"_purpur-hero-banner__main-content--no-media_ue1q7_99","purpur-hero-banner__title":"_purpur-hero-banner__title_ue1q7_102","purpur-hero-banner__title--hyphens-default":"_purpur-hero-banner__title--hyphens-default_ue1q7_109","purpur-hero-banner__title--hyphens-enabled":"_purpur-hero-banner__title--hyphens-enabled_ue1q7_117","purpur-hero-banner__title--hyphens-disabled":"_purpur-hero-banner__title--hyphens-disabled_ue1q7_120","purpur-hero-banner__preamble":"_purpur-hero-banner__preamble_ue1q7_123","purpur-hero-banner__custom-content":"_purpur-hero-banner__custom-content_ue1q7_128","purpur-hero-banner__actions":"_purpur-hero-banner__actions_ue1q7_132","purpur-hero-banner__additional-text":"_purpur-hero-banner__additional-text_ue1q7_148","purpur-hero-banner__media":"_purpur-hero-banner__media_ue1q7_152","purpur-hero-banner__media--sm":"_purpur-hero-banner__media--sm_ue1q7_156","purpur-hero-banner__media--lg":"_purpur-hero-banner__media--lg_ue1q7_164","purpur-hero-banner__video-button":"_purpur-hero-banner__video-button_ue1q7_203"},C="purpur-hero-banner",Z=v.c.bind(i),M=({children:_,className:o,...a})=>r.jsx("div",{...a,className:Z(`${C}__actions`,o),children:_}),k={name:"play-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 12 5.5 19.794V4.206L19 12Z"/><path fill-rule="evenodd" d="M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z" clip-rule="evenodd"/></svg>',keywords:["play-filled"],category:"action"},A={name:"tv-pause",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 20h-3V4h3v16ZM8 20H5V4h3v16Z"/><path fill-rule="evenodd" d="M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z" clip-rule="evenodd"/></svg>',keywords:["tv-pause"],category:"action"},T="purpur-hero-banner",G=({children:_,isPlaying:o,togglePausePlay:a,videoPauseAriaLabel:p,videoPlayAriaLabel:c,className:t,...d})=>_&&r.jsxs("div",{className:t,...d,children:[_,!!a&&r.jsx(H.Button,{variant:"primary",negative:!0,iconOnly:!0,onClick:()=>{a()},className:i[`${T}__video-button`],"aria-label":o?p:c,children:r.jsx(V.b,{size:"xs",svg:o?A:k})})]}),n=v.c.bind(i),L={default:"default",enabled:"enabled",disabled:"disabled"},e="purpur-hero-banner",s=({children:_,className:o,breadcrumbs:a,forceColorScheme:p,beforeTitle:c,title:t,titleTag:d="h1",titleHyphens:q="default",preamble:b,additionalText:h,media:l,...x})=>{const{options:g}=f.useTheme(),$=n([e,o]),u=!!l,y=!!a,N=!!h,j=p??g?.heroBannerColorScheme;return r.jsx("section",{"data-color-scheme":j,className:$,...x,children:r.jsxs(w.Grid,{noGap:!0,className:n([`${e}__container`,{[`${e}__container--with-media`]:u,[`${e}__container--no-media`]:!u}]),containerClassName:n(`${e}__grid-container`),children:[a&&r.jsx("div",{className:n(`${e}__breadcrumbs`),children:a}),r.jsx("div",{className:n([`${e}__media`,`${e}__media--sm`]),children:l}),r.jsxs("div",{className:n([`${e}__content`,{[`${e}__content--no-media`]:!u,[`${e}__content--no-breadcrumbs`]:!y,[`${e}__content--no-additional-text`]:!N}]),children:[r.jsxs("div",{className:n([`${e}__main-content`,{[`${e}__main-content--no-media`]:!u}]),children:[c,t&&r.jsx(B.Heading,{negative:!0,tag:d,variant:"display-50",className:n([`${e}__title`,`${e}__title--hyphens-${q}`]),children:t}),b&&r.jsx(m.Paragraph,{negative:!0,variant:"preamble-100",className:n(`${e}__preamble`),children:b}),_&&r.jsx("div",{className:n(`${e}__custom-content`),children:_})]}),h&&r.jsx(m.Paragraph,{negative:!0,variant:"additional-100",className:i[`${e}__additional-text`],children:h})]}),r.jsx("div",{className:n([`${e}__media`,`${e}__media--lg`]),children:l})]})})};s.displayName="HeroBanner";s.Media=G;s.Actions=M;exports.HeroBanner=s;exports.TitleHyphenVariant=L;
+//# sourceMappingURL=hero-banner-OnNSuxNT.js.map

package/dist/{hero-banner-JFaqW20R.js.map → hero-banner-OnNSuxNT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hero-banner-JFaqW20R.js","sources":["../../../components/hero-banner/src/hero-banner-actions.tsx","../../../components/icon/dist/assets/play-filled.es.js","../../../components/icon/dist/assets/tv-pause.es.js","../../../components/hero-banner/src/hero-banner-media.tsx","../../../components/hero-banner/src/hero-banner.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\n\ntype HeroBannerActionProps = Omit<BaseProps, \"children\"> & {\n  /** One or several CTA links or buttons */\n  children: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nconst cx = c.bind(styles);\n\nexport const HeroBannerActions = ({ children, className, ...props }: HeroBannerActionProps) => {\n  return (\n    <div {...props} className={cx(`${rootClassName}__actions`, className)}>\n      {children}\n    </div>\n  );\n};\n","const l = {\n  name: \"play-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 12 5.5 19.794V4.206L19 12Z\"/><path fill-rule=\"evenodd\" d=\"M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"play-filled\"],\n  category: \"action\"\n};\nexport {\n  l as playFilled\n};\n//# sourceMappingURL=play-filled.es.js.map\n","const a = {\n  name: \"tv-pause\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 20h-3V4h3v16ZM8 20H5V4h3v16Z\"/><path fill-rule=\"evenodd\" d=\"M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-pause\"],\n  category: \"action\"\n};\nexport {\n  a as tvPause\n};\n//# sourceMappingURL=tv-pause.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { playFilled } from \"@purpur/icon/assets/play-filled\";\nimport { tvPause } from \"@purpur/icon/assets/tv-pause\";\n\nimport styles from \"./hero-banner.module.scss\";\n\nconst rootClassName = \"purpur-hero-banner\";\n\ntype WithVideo = {\n  /** Video pause/play button callback (your implementation should handle the state) */\n  togglePausePlay: () => void;\n  /** Video pause/play button status (your implementation should handle the state) */\n  isPlaying?: boolean;\n  /** Aria label for the pause/play button, when the video is playing */\n  videoPauseAriaLabel: string;\n  /** Aria label for the pause/play button, when the video is not playing */\n  videoPlayAriaLabel: string;\n};\n\ntype WithoutVideo = {\n  togglePausePlay?: never;\n  isPlaying?: never;\n  videoPauseAriaLabel?: never;\n  videoPlayAriaLabel?: never;\n};\n\nexport type HeroBannerMediaProps = BaseProps & (WithVideo | WithoutVideo);\n\nexport const HeroBannerMedia = ({\n  children,\n  isPlaying,\n  togglePausePlay,\n  videoPauseAriaLabel,\n  videoPlayAriaLabel,\n  className,\n  ...props\n}: HeroBannerMediaProps) =>\n  children && (\n    <div className={className} {...props}>\n      {children}\n      {!!togglePausePlay && (\n        <Button\n          variant=\"primary\"\n          negative\n          iconOnly\n          onClick={() => {\n            togglePausePlay();\n          }}\n          className={styles[`${rootClassName}__video-button`]}\n          aria-label={isPlaying ? videoPauseAriaLabel : videoPlayAriaLabel}\n        >\n          <Icon size=\"xs\" svg={isPlaying ? tvPause : playFilled} />\n        </Button>\n      )}\n    </div>\n  );\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { type ColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\nimport { HeroBannerActions } from \"./hero-banner-actions\";\nimport { HeroBannerMedia } from \"./hero-banner-media\";\n\nexport type { HeroBannerMediaProps } from \"./hero-banner-media\";\n\nconst cx = c.bind(styles);\n\nexport const TitleHyphenVariant = {\n  default: \"default\",\n  enabled: \"enabled\",\n  disabled: \"disabled\",\n} as const;\n\nexport type TitleHyphens = (typeof TitleHyphenVariant)[keyof typeof TitleHyphenVariant];\n\nexport type HeroBannerProps = BaseProps & {\n  /**\n   * Custom content slot\n   * Add your CTAs here with <HeroBanner.CTAs> component\n   */\n  children?: ReactNode;\n  /**\n   * Breadcrumbs: <br/>\n   *  - Slot for your Breadcrumbs component\n   */\n  breadcrumbs?: ReactNode;\n  forceColorScheme?: ColorScheme;\n  /**\n   * Content to display before the main heading\n   */\n  beforeTitle?: ReactNode;\n  /**\n   * Main heading of the component\n   */\n  title: string;\n  /**\n   * Main heading tag\n   */\n  titleTag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  titleHyphens?: TitleHyphens;\n  /**\n   * Preamble text\n   */\n  preamble?: string;\n  /**\n   * Additional text under the CTAs, recommended to limit element to simple text with text decorations\n   */\n  additionalText?: ReactNode;\n  /**\n   * <HeroBanner.Media /> component (images and videos)\n   */\n  media?: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nexport const HeroBanner = ({\n  children,\n  className,\n  breadcrumbs,\n  forceColorScheme,\n  beforeTitle,\n  title,\n  titleTag = \"h1\",\n  titleHyphens = \"default\",\n  preamble,\n  additionalText,\n  media,\n  ...props\n}: HeroBannerProps) => {\n  const { options } = useTheme();\n  const classes = cx([rootClassName, className]);\n\n  const hasMedia = Boolean(media);\n  const hasBreadcrumbs = Boolean(breadcrumbs);\n  const hasAdditionalText = Boolean(additionalText);\n\n  const resolvedColorScheme = forceColorScheme ?? options?.heroBannerColorScheme;\n\n  return (\n    <section data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Grid\n        noGap\n        className={cx([\n          `${rootClassName}__container`,\n          {\n            [`${rootClassName}__container--with-media`]: hasMedia,\n            [`${rootClassName}__container--no-media`]: !hasMedia,\n          },\n        ])}\n        containerClassName={cx(`${rootClassName}__grid-container`)}\n      >\n        {breadcrumbs && <div className={cx(`${rootClassName}__breadcrumbs`)}>{breadcrumbs}</div>}\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--sm`])}>\n          {media}\n        </div>\n\n        <div\n          className={cx([\n            `${rootClassName}__content`,\n            {\n              [`${rootClassName}__content--no-media`]: !hasMedia,\n              [`${rootClassName}__content--no-breadcrumbs`]: !hasBreadcrumbs,\n              [`${rootClassName}__content--no-additional-text`]: !hasAdditionalText,\n            },\n          ])}\n        >\n          <div\n            className={cx([\n              `${rootClassName}__main-content`,\n              {\n                [`${rootClassName}__main-content--no-media`]: !hasMedia,\n              },\n            ])}\n          >\n            {beforeTitle}\n            {title && (\n              <Heading\n                negative\n                tag={titleTag}\n                variant=\"display-50\"\n                className={cx([\n                  `${rootClassName}__title`,\n                  `${rootClassName}__title--hyphens-${titleHyphens}`,\n                ])}\n              >\n                {title}\n              </Heading>\n            )}\n            {preamble && (\n              <Paragraph\n                negative\n                variant=\"preamble-100\"\n                className={cx(`${rootClassName}__preamble`)}\n              >\n                {preamble}\n              </Paragraph>\n            )}\n            {children && <div className={cx(`${rootClassName}__custom-content`)}>{children}</div>}\n          </div>\n\n          {additionalText && (\n            <Paragraph\n              negative\n              variant=\"additional-100\"\n              className={styles[`${rootClassName}__additional-text`]}\n            >\n              {additionalText}\n            </Paragraph>\n          )}\n        </div>\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--lg`])}>\n          {media}\n        </div>\n      </Grid>\n    </section>\n  );\n};\n\nHeroBanner.displayName = \"HeroBanner\";\n\nHeroBanner.Media = HeroBannerMedia;\nHeroBanner.Actions = HeroBannerActions;\n"],"names":["rootClassName","cx","c","styles","HeroBannerActions","children","className","props","jsx","l","a","HeroBannerMedia","isPlaying","togglePausePlay","videoPauseAriaLabel","videoPlayAriaLabel","jsxs","Button","Icon","tvPause","playFilled","TitleHyphenVariant","HeroBanner","breadcrumbs","forceColorScheme","beforeTitle","title","titleTag","titleHyphens","preamble","additionalText","media","options","useTheme","classes","hasMedia","hasBreadcrumbs","hasAdditionalText","resolvedColorScheme","Grid","Heading","Paragraph"],"mappings":"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"}
+{"version":3,"file":"hero-banner-OnNSuxNT.js","sources":["../../../components/hero-banner/src/hero-banner-actions.tsx","../../../components/icon/dist/assets/play-filled.es.js","../../../components/icon/dist/assets/tv-pause.es.js","../../../components/hero-banner/src/hero-banner-media.tsx","../../../components/hero-banner/src/hero-banner.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\n\ntype HeroBannerActionProps = Omit<BaseProps, \"children\"> & {\n  /** One or several CTA links or buttons */\n  children: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nconst cx = c.bind(styles);\n\nexport const HeroBannerActions = ({ children, className, ...props }: HeroBannerActionProps) => {\n  return (\n    <div {...props} className={cx(`${rootClassName}__actions`, className)}>\n      {children}\n    </div>\n  );\n};\n","const l = {\n  name: \"play-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 12 5.5 19.794V4.206L19 12Z\"/><path fill-rule=\"evenodd\" d=\"M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"play-filled\"],\n  category: \"action\"\n};\nexport {\n  l as playFilled\n};\n//# sourceMappingURL=play-filled.es.js.map\n","const a = {\n  name: \"tv-pause\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 20h-3V4h3v16ZM8 20H5V4h3v16Z\"/><path fill-rule=\"evenodd\" d=\"M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"tv-pause\"],\n  category: \"action\"\n};\nexport {\n  a as tvPause\n};\n//# sourceMappingURL=tv-pause.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { playFilled } from \"@purpur/icon/assets/play-filled\";\nimport { tvPause } from \"@purpur/icon/assets/tv-pause\";\n\nimport styles from \"./hero-banner.module.scss\";\n\nconst rootClassName = \"purpur-hero-banner\";\n\ntype WithVideo = {\n  /** Video pause/play button callback (your implementation should handle the state) */\n  togglePausePlay: () => void;\n  /** Video pause/play button status (your implementation should handle the state) */\n  isPlaying?: boolean;\n  /** Aria label for the pause/play button, when the video is playing */\n  videoPauseAriaLabel: string;\n  /** Aria label for the pause/play button, when the video is not playing */\n  videoPlayAriaLabel: string;\n};\n\ntype WithoutVideo = {\n  togglePausePlay?: never;\n  isPlaying?: never;\n  videoPauseAriaLabel?: never;\n  videoPlayAriaLabel?: never;\n};\n\nexport type HeroBannerMediaProps = BaseProps & (WithVideo | WithoutVideo);\n\nexport const HeroBannerMedia = ({\n  children,\n  isPlaying,\n  togglePausePlay,\n  videoPauseAriaLabel,\n  videoPlayAriaLabel,\n  className,\n  ...props\n}: HeroBannerMediaProps) =>\n  children && (\n    <div className={className} {...props}>\n      {children}\n      {!!togglePausePlay && (\n        <Button\n          variant=\"primary\"\n          negative\n          iconOnly\n          onClick={() => {\n            togglePausePlay();\n          }}\n          className={styles[`${rootClassName}__video-button`]}\n          aria-label={isPlaying ? videoPauseAriaLabel : videoPlayAriaLabel}\n        >\n          <Icon size=\"xs\" svg={isPlaying ? tvPause : playFilled} />\n        </Button>\n      )}\n    </div>\n  );\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { type ColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./hero-banner.module.scss\";\nimport { HeroBannerActions } from \"./hero-banner-actions\";\nimport { HeroBannerMedia } from \"./hero-banner-media\";\n\nexport type { HeroBannerMediaProps } from \"./hero-banner-media\";\n\nconst cx = c.bind(styles);\n\nexport const TitleHyphenVariant = {\n  default: \"default\",\n  enabled: \"enabled\",\n  disabled: \"disabled\",\n} as const;\n\nexport type TitleHyphens = (typeof TitleHyphenVariant)[keyof typeof TitleHyphenVariant];\n\nexport type HeroBannerProps = BaseProps & {\n  /**\n   * Custom content slot\n   * Add your CTAs here with <HeroBanner.CTAs> component\n   */\n  children?: ReactNode;\n  /**\n   * Breadcrumbs: <br/>\n   *  - Slot for your Breadcrumbs component\n   */\n  breadcrumbs?: ReactNode;\n  forceColorScheme?: ColorScheme;\n  /**\n   * Content to display before the main heading\n   */\n  beforeTitle?: ReactNode;\n  /**\n   * Main heading of the component\n   */\n  title: string;\n  /**\n   * Main heading tag\n   */\n  titleTag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  titleHyphens?: TitleHyphens;\n  /**\n   * Preamble text\n   */\n  preamble?: string;\n  /**\n   * Additional text under the CTAs, recommended to limit element to simple text with text decorations\n   */\n  additionalText?: ReactNode;\n  /**\n   * <HeroBanner.Media /> component (images and videos)\n   */\n  media?: ReactNode;\n};\n\nconst rootClassName = \"purpur-hero-banner\";\n\nexport const HeroBanner = ({\n  children,\n  className,\n  breadcrumbs,\n  forceColorScheme,\n  beforeTitle,\n  title,\n  titleTag = \"h1\",\n  titleHyphens = \"default\",\n  preamble,\n  additionalText,\n  media,\n  ...props\n}: HeroBannerProps) => {\n  const { options } = useTheme();\n  const classes = cx([rootClassName, className]);\n\n  const hasMedia = Boolean(media);\n  const hasBreadcrumbs = Boolean(breadcrumbs);\n  const hasAdditionalText = Boolean(additionalText);\n\n  const resolvedColorScheme = forceColorScheme ?? options?.heroBannerColorScheme;\n\n  return (\n    <section data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Grid\n        noGap\n        className={cx([\n          `${rootClassName}__container`,\n          {\n            [`${rootClassName}__container--with-media`]: hasMedia,\n            [`${rootClassName}__container--no-media`]: !hasMedia,\n          },\n        ])}\n        containerClassName={cx(`${rootClassName}__grid-container`)}\n      >\n        {breadcrumbs && <div className={cx(`${rootClassName}__breadcrumbs`)}>{breadcrumbs}</div>}\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--sm`])}>\n          {media}\n        </div>\n\n        <div\n          className={cx([\n            `${rootClassName}__content`,\n            {\n              [`${rootClassName}__content--no-media`]: !hasMedia,\n              [`${rootClassName}__content--no-breadcrumbs`]: !hasBreadcrumbs,\n              [`${rootClassName}__content--no-additional-text`]: !hasAdditionalText,\n            },\n          ])}\n        >\n          <div\n            className={cx([\n              `${rootClassName}__main-content`,\n              {\n                [`${rootClassName}__main-content--no-media`]: !hasMedia,\n              },\n            ])}\n          >\n            {beforeTitle}\n            {title && (\n              <Heading\n                negative\n                tag={titleTag}\n                variant=\"display-50\"\n                className={cx([\n                  `${rootClassName}__title`,\n                  `${rootClassName}__title--hyphens-${titleHyphens}`,\n                ])}\n              >\n                {title}\n              </Heading>\n            )}\n            {preamble && (\n              <Paragraph\n                negative\n                variant=\"preamble-100\"\n                className={cx(`${rootClassName}__preamble`)}\n              >\n                {preamble}\n              </Paragraph>\n            )}\n            {children && <div className={cx(`${rootClassName}__custom-content`)}>{children}</div>}\n          </div>\n\n          {additionalText && (\n            <Paragraph\n              negative\n              variant=\"additional-100\"\n              className={styles[`${rootClassName}__additional-text`]}\n            >\n              {additionalText}\n            </Paragraph>\n          )}\n        </div>\n\n        <div className={cx([`${rootClassName}__media`, `${rootClassName}__media--lg`])}>\n          {media}\n        </div>\n      </Grid>\n    </section>\n  );\n};\n\nHeroBanner.displayName = \"HeroBanner\";\n\nHeroBanner.Media = HeroBannerMedia;\nHeroBanner.Actions = HeroBannerActions;\n"],"names":["rootClassName","cx","c","styles","HeroBannerActions","children","className","props","jsx","l","a","HeroBannerMedia","isPlaying","togglePausePlay","videoPauseAriaLabel","videoPlayAriaLabel","jsxs","Button","Icon","tvPause","playFilled","TitleHyphenVariant","HeroBanner","breadcrumbs","forceColorScheme","beforeTitle","title","titleTag","titleHyphens","preamble","additionalText","media","options","useTheme","classes","hasMedia","hasBreadcrumbs","hasAdditionalText","resolvedColorScheme","Grid","Heading","Paragraph"],"mappings":"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"}

package/dist/hero-banner.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hero-banner-JFaqW20R.js");exports.HeroBanner=e.HeroBanner;exports.TitleHyphenVariant=e.TitleHyphenVariant;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hero-banner-OnNSuxNT.js");exports.HeroBanner=e.HeroBanner;exports.TitleHyphenVariant=e.TitleHyphenVariant;
 //# sourceMappingURL=hero-banner.cjs.js.map

package/dist/hero-banner.es.js

@@ -1,4 +1,4 @@
-import { H as r, T as n } from "./hero-banner-CkSSlxTW.mjs";
+import { H as r, T as n } from "./hero-banner-B5HKmkXc.mjs";
 export {
   r as HeroBanner,
   n as TitleHyphenVariant

package/dist/library.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("./calendar-CxkJMONO.js"),y=require("./accordion-DX8efWOt.js"),c=require("./alert-badge-DguuS7Qq.js"),I=require("./autocomplete-6qSqK3SI.js"),C=require("./badge-CQ0SS_t8.js"),k=require("./breadcrumbs-BKzim4am.js"),t=require("./button-DDYGuqZ0.js"),f=require("./card-VMa3cGCP.js"),h=require("./checkbox-Dk3bZkZ3.js"),_=require("./chip-group-B775zvKD.js"),m=require("./color-dot-B9w_ucWb.js"),g=require("./container-DRwKIAjh.js"),F=require("./content-block-Cd7xSE8t.js"),V=require("./countdown-CqYsZigV.js"),U=require("./counter-badge-B-d9VNup.js"),N=require("./cta-link-BHU6irMG.js"),z=require("./date-field-CORqon6B.js"),w=require("./date-picker-Dv3W05Hf.js"),X=require("./dismissable-chip-group-CnziecOt.js"),Z=require("./drawer-Ce5LNpU2.js"),x=require("./field-error-text-FhQulSV5.js"),j=require("./field-helper-text-DSKO-Tce.js"),K=require("./footer-BL0ewBZT.js"),Q=require("./grid-uGMD2euo.js"),n=require("./heading-drD5ugCC.js"),P=require("./hero-banner-JFaqW20R.js"),Y=require("./label-yHK80hhV.js"),d=require("./link-DhWVrkTz.js"),$=require("./listbox-BmjBtIv8.js"),J=require("./modal-CXi2xez5.js"),a=require("./notification-DdnI2rOh.js"),rr=require("./notification-banner-CT4ew8IQ.js"),ur=require("./pagination-C2A8NPol.js"),O=require("./paragraph-BsI53OR0.js"),er=require("./popover-D3qWbbU4.js"),or=require("./product-card-CNBegEBW.js"),A=require("./promotion-card-CXNhskRl.js"),s=require("./quantity-selector-CjSAaj7d.js"),T=require("./radio-button-group-BaFpGAcD.js"),i=require("./radio-card-group-sYcfDPJq.js"),G=require("./RichText-DNroJJXv.js"),R=require("./search-field-CanOlkIY.js"),pr=require("./select-DOqTJgTj.js"),E=require("./skeleton-BU0KtWIM.js"),D=require("./slider-_R6JmPZl.js"),M=require("./spacer-OZQbtvcY.js"),v=require("./spinner-tKunS_o-.js"),ar=require("./stepper-DYjJgEHL.js"),q=require("./table-Bv_BISXV.js"),B=require("./tabs-D-nfZHIA.js"),W=require("./text-area-9ggiIWtJ.js"),b=require("./text-field-Xt6T3zjO.js"),L=require("./text-spacing-CiGPZHuB.js"),tr=require("./toggle-C8IwTbX8.js"),S=require("./tooltip-svlZkXBs.js"),nr=require("./visually-hidden-C2CKovZx.js"),e=require("./tokens.cjs.js"),p=require("./variables-Buqm4JZc.js"),r=require("./variables-CMzMXeor.js"),o=require("./variables-BSBunpiY.js"),l=require("./ThemeProvider-ipAIFRUi.js"),ir=require("./useColorScheme-DNNu9bz0.js"),u=require("./zh-TW-CAp7WWVq.js"),lr=require("./format-CFKKBdIQ.js");exports.Calendar=H.Calendar;exports.Accordion=y.Accordion;exports.NegativeContext=y.NegativeContext;exports.ALERT_BADGE_VARIANT=c.ALERT_BADGE_VARIANT;exports.AlertBadge=c.AlertBadge;exports.alertBadgeVariants=c.alertBadgeVariants;exports.Autocomplete=I.Autocomplete;exports.useAutocomplete=I.useAutocomplete;exports.BADGE_VARIANT=C.BADGE_VARIANT;exports.Badge=C.Badge;exports.badgeVariants=C.badgeVariants;exports.Breadcrumbs=k.Breadcrumbs;exports.BreadcrumbsItem=k.Item;exports.BUTTON_TYPES=t.BUTTON_TYPES;exports.BUTTON_VARIANT=t.BUTTON_VARIANT;exports.Button=t.Button;exports.buttonVariants=t.buttonVariants;exports.Card=f.Card;exports.Checkbox=h.Checkbox;exports.checkedState=h.checkedState;exports.ChipGroup=_.ChipGroup;exports.COLOR_DOT_SIZE=m.COLOR_DOT_SIZE;exports.ColorDot=m.ColorDot;exports.Container=g.Container;exports.ContainerElement=g.ContainerElement;exports.Width=g.Width;exports.ContentBlock=F.ContentBlock;exports.Countdown=V.Countdown;exports.CounterBadge=U.CounterBadge;exports.CtaLink=N.CtaLink;exports.ctaLinkIcons=N.ctaLinkIcons;exports.DateField=z.DateField;exports.DatePicker=w.DatePicker;exports.DismissableChipGroup=X.DismissableChipGroup;exports.Drawer=Z.Drawer;exports.FieldErrorText=x.FieldErrorText;exports.ariaRelevantValues=x.ariaRelevantValues;exports.FieldHelperText=j.FieldHelperText;exports.Footer=K.Footer;exports.Grid=Q.Grid;exports.DisplayVariant=n.DisplayVariant;exports.Heading=n.Heading;exports.HeadingTag=n.HeadingTag;exports.TitleVariant=n.TitleVariant;exports.HeroBanner=P.HeroBanner;exports.TitleHyphenVariant=P.TitleHyphenVariant;exports.Label=Y.Label;exports.LINK_VARIANT=d.LINK_VARIANT;exports.Link=d.Link;exports.linkVariants=d.linkVariants;exports.Listbox=$.Listbox;exports.Modal=J.Modal;exports.NOTIFICATION_ARIA_LIVE=a.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=a.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=a.NOTIFICATION_STATUS;exports.Notification=a.Notification;exports.notificationAriaLiveValues=a.notificationAriaLiveValues;exports.notificationRoles=a.notificationRoles;exports.notificationStatuses=a.notificationStatuses;exports.NotificationBanner=rr.NotificationBanner;exports.Pagination=ur.Pagination;exports.Paragraph=O.Paragraph;exports.ParagraphVariant=O.ParagraphVariant;exports.Popover=er.Popover;exports.ProductCard=or.ProductCard;exports.PromotionCard=A.PromotionCard;exports.promotionCardVariants=A.promotionCardVariants;exports.QuantitySelector=s.QuantitySelector;exports.quantitySelectorButtonVariants=s.quantitySelectorButtonVariants;exports.quantitySelectorVariants=s.quantitySelectorVariants;exports.RADIO_BUTTON_GROUP_DIRECTION=T.RADIO_BUTTON_GROUP_DIRECTION;exports.RADIO_BUTTON_GROUP_ORIENTATION=T.RADIO_BUTTON_GROUP_ORIENTATION;exports.RadioButtonGroup=T.RadioButtonGroup;exports.RADIO_CARD_GROUP_ORIENTATION=i.RADIO_CARD_GROUP_ORIENTATION;exports.RADIO_POSITION=i.RADIO_POSITION;exports.RadioCardGroup=i.RadioCardGroup;exports.RadioCardItem=i.RadioCardItem;exports.RichText=G.RichText;exports.richToPlainText=G.richToPlainText;exports.SearchField=R.SearchField;exports.searchFieldVariants=R.searchFieldVariants;exports.Select=pr.Select;exports.Skeleton=E.Skeleton;exports.radii=E.radii;exports.SLIDER_ORIENTATION=D.SLIDER_ORIENTATION;exports.Slider=D.Slider;exports.SPACER_SIZE=M.SPACER_SIZE;exports.Spacer=M.Spacer;exports.SPINNER_SIZE=v.SPINNER_SIZE;exports.Spinner=v.Spinner;exports.spinnerSizes=v.spinnerSizes;exports.Stepper=ar.Stepper;exports.Table=q.Table;exports.createColumnHelper=q.createColumnHelper;exports.Tabs=B.Tabs;exports.createTabChangeDetailEvent=B.createTabChangeDetailEvent;exports.tabsVariants=B.tabsVariants;exports.ResizeOption=W.ResizeOption;exports.TextArea=W.TextArea;exports.TextField=b.TextField;exports.isTextField=b.isTextField;exports.Element=L.Element;exports.TextSpacing=L.TextSpacing;exports.Toggle=tr.Toggle;exports.TOOLTIP_ALIGN=S.TOOLTIP_ALIGN;exports.TOOLTIP_POSITION=S.TOOLTIP_POSITION;exports.Tooltip=S.Tooltip;exports.VisuallyHidden=nr.VisuallyHidden;exports.purpurBorderRadiusFull=e.purpurBorderRadiusFull;exports.purpurBorderRadiusLg=e.purpurBorderRadiusLg;exports.purpurBorderRadiusMd=e.purpurBorderRadiusMd;exports.purpurBorderRadiusSm=e.purpurBorderRadiusSm;exports.purpurBorderRadiusXs=e.purpurBorderRadiusXs;exports.purpurBorderWidthLg=e.purpurBorderWidthLg;exports.purpurBorderWidthMd=e.purpurBorderWidthMd;exports.purpurBorderWidthSm=e.purpurBorderWidthSm;exports.purpurBorderWidthXs=e.purpurBorderWidthXs;exports.purpurFilterBlurOnImage=e.purpurFilterBlurOnImage;exports.purpurGradientAiBackgroundInteractiveExpressive=e.purpurGradientAiBackgroundInteractiveExpressive;exports.purpurGradientAiBackgroundInteractiveExpressiveNegative=e.purpurGradientAiBackgroundInteractiveExpressiveNegative;exports.purpurGradientAiBackgroundInteractivePrimary=e.purpurGradientAiBackgroundInteractivePrimary;exports.purpurGradientAiBackgroundInteractivePrimaryNegative=e.purpurGradientAiBackgroundInteractivePrimaryNegative;exports.purpurGradientAiBackgroundPrimaryNegative=e.purpurGradientAiBackgroundPrimaryNegative;exports.purpurGradientAiBorderInteractivePrimary=e.purpurGradientAiBorderInteractivePrimary;exports.purpurGradientAiBorderInteractivePrimaryNegative=e.purpurGradientAiBorderInteractivePrimaryNegative;exports.purpurGradientAiTextInteractivePrimary=e.purpurGradientAiTextInteractivePrimary;exports.purpurGradientAiTextInteractivePrimaryNegative=e.purpurGradientAiTextInteractivePrimaryNegative;exports.purpurShadowLg=e.purpurShadowLg;exports.purpurShadowMd=e.purpurShadowMd;exports.purpurShadowNone=e.purpurShadowNone;exports.purpurShadowSm=e.purpurShadowSm;exports.purpurSpacing0=e.purpurSpacing0;exports.purpurSpacing10=e.purpurSpacing10;exports.purpurSpacing100=e.purpurSpacing100;exports.purpurSpacing1000=e.purpurSpacing1000;exports.purpurSpacing1200=e.purpurSpacing1200;exports.purpurSpacing150=e.purpurSpacing150;exports.purpurSpacing1600=e.purpurSpacing1600;exports.purpurSpacing200=e.purpurSpacing200;exports.purpurSpacing25=e.purpurSpacing25;exports.purpurSpacing250=e.purpurSpacing250;exports.purpurSpacing300=e.purpurSpacing300;exports.purpurSpacing400=e.purpurSpacing400;exports.purpurSpacing50=e.purpurSpacing50;exports.purpurSpacing600=e.purpurSpacing600;exports.purpurSpacing800=e.purpurSpacing800;exports.purpurSpacingGutterLg=e.purpurSpacingGutterLg;exports.purpurSpacingGutterMd=e.purpurSpacingGutterMd;exports.purpurSpacingGutterSm=e.purpurSpacingGutterSm;exports.purpurSpacingGutterXl=e.purpurSpacingGutterXl;exports.purpurSpacingPagePaddingLg=e.purpurSpacingPagePaddingLg;exports.purpurSpacingPagePaddingMd=e.purpurSpacingPagePaddingMd;exports.purpurSpacingPagePaddingSm=e.purpurSpacingPagePaddingSm;exports.purpurSpacingPagePaddingXl=e.purpurSpacingPagePaddingXl;exports.purpurTypographyFamilyDefault=e.purpurTypographyFamilyDefault;exports.purpurTypographyFamilyDisplay=e.purpurTypographyFamilyDisplay;exports.purpurTypographyLineHeightDefault=e.purpurTypographyLineHeightDefault;exports.purpurTypographyLineHeightLoose=e.purpurTypographyLineHeightLoose;exports.purpurTypographyLineHeightLooser=e.purpurTypographyLineHeightLooser;exports.purpurTypographyLineHeightSnug=e.purpurTypographyLineHeightSnug;exports.purpurTypographyLineHeightTight=e.purpurTypographyLineHeightTight;exports.purpurTypographyScale100=e.purpurTypographyScale100;exports.purpurTypographyScale1000=e.purpurTypographyScale1000;exports.purpurTypographyScale1100=e.purpurTypographyScale1100;exports.purpurTypographyScale150=e.purpurTypographyScale150;exports.purpurTypographyScale200=e.purpurTypographyScale200;exports.purpurTypographyScale300=e.purpurTypographyScale300;exports.purpurTypographyScale400=e.purpurTypographyScale400;exports.purpurTypographyScale50=e.purpurTypographyScale50;exports.purpurTypographyScale500=e.purpurTypographyScale500;exports.purpurTypographyScale600=e.purpurTypographyScale600;exports.purpurTypographyScale650=e.purpurTypographyScale650;exports.purpurTypographyScale700=e.purpurTypographyScale700;exports.purpurTypographyScale75=e.purpurTypographyScale75;exports.purpurTypographyScale800=e.purpurTypographyScale800;exports.purpurTypographyScale850=e.purpurTypographyScale850;exports.purpurTypographyScale900=e.purpurTypographyScale900;exports.purpurTypographyWeightBold=e.purpurTypographyWeightBold;exports.purpurTypographyWeightMedium=e.purpurTypographyWeightMedium;exports.purpurTypographyWeightNormal=e.purpurTypographyWeightNormal;exports.purpurBreakpointLg=p.purpurBreakpointLg;exports.purpurBreakpointMd=p.purpurBreakpointMd;exports.purpurBreakpointRelativeLg=p.purpurBreakpointRelativeLg;exports.purpurBreakpointRelativeMd=p.purpurBreakpointRelativeMd;exports.purpurBreakpointRelativeSm=p.purpurBreakpointRelativeSm;exports.purpurBreakpointRelativeXl=p.purpurBreakpointRelativeXl;exports.purpurBreakpointSm=p.purpurBreakpointSm;exports.purpurBreakpointXl=p.purpurBreakpointXl;exports.purpurColorBackgroundInteractiveAutoFill=r.purpurColorBackgroundInteractiveAutoFill;exports.purpurColorBackgroundInteractiveDestructive=r.purpurColorBackgroundInteractiveDestructive;exports.purpurColorBackgroundInteractiveDestructiveActive=r.purpurColorBackgroundInteractiveDestructiveActive;exports.purpurColorBackgroundInteractiveDestructiveHover=r.purpurColorBackgroundInteractiveDestructiveHover;exports.purpurColorBackgroundInteractiveDisabled=r.purpurColorBackgroundInteractiveDisabled;exports.purpurColorBackgroundInteractiveDisabledNegative=r.purpurColorBackgroundInteractiveDisabledNegative;exports.purpurColorBackgroundInteractiveExpressive=r.purpurColorBackgroundInteractiveExpressive;exports.purpurColorBackgroundInteractiveExpressiveActive=r.purpurColorBackgroundInteractiveExpressiveActive;exports.purpurColorBackgroundInteractiveExpressiveActiveNegative=r.purpurColorBackgroundInteractiveExpressiveActiveNegative;exports.purpurColorBackgroundInteractiveExpressiveHover=r.purpurColorBackgroundInteractiveExpressiveHover;exports.purpurColorBackgroundInteractiveExpressiveHoverNegative=r.purpurColorBackgroundInteractiveExpressiveHoverNegative;exports.purpurColorBackgroundInteractiveExpressiveNegative=r.purpurColorBackgroundInteractiveExpressiveNegative;exports.purpurColorBackgroundInteractiveInactive=r.purpurColorBackgroundInteractiveInactive;exports.purpurColorBackgroundInteractiveInactiveNegative=r.purpurColorBackgroundInteractiveInactiveNegative;exports.purpurColorBackgroundInteractivePrimary=r.purpurColorBackgroundInteractivePrimary;exports.purpurColorBackgroundInteractivePrimaryActive=r.purpurColorBackgroundInteractivePrimaryActive;exports.purpurColorBackgroundInteractivePrimaryActiveNegative=r.purpurColorBackgroundInteractivePrimaryActiveNegative;exports.purpurColorBackgroundInteractivePrimaryHover=r.purpurColorBackgroundInteractivePrimaryHover;exports.purpurColorBackgroundInteractivePrimaryHoverNegative=r.purpurColorBackgroundInteractivePrimaryHoverNegative;exports.purpurColorBackgroundInteractivePrimaryNegative=r.purpurColorBackgroundInteractivePrimaryNegative;exports.purpurColorBackgroundInteractiveReadOnly=r.purpurColorBackgroundInteractiveReadOnly;exports.purpurColorBackgroundInteractiveReadOnlyNegative=r.purpurColorBackgroundInteractiveReadOnlyNegative;exports.purpurColorBackgroundInteractiveTransparentActive=r.purpurColorBackgroundInteractiveTransparentActive;exports.purpurColorBackgroundInteractiveTransparentActiveNegative=r.purpurColorBackgroundInteractiveTransparentActiveNegative;exports.purpurColorBackgroundInteractiveTransparentHover=r.purpurColorBackgroundInteractiveTransparentHover;exports.purpurColorBackgroundInteractiveTransparentHoverNegative=r.purpurColorBackgroundInteractiveTransparentHoverNegative;exports.purpurColorBackgroundOnImage=r.purpurColorBackgroundOnImage;exports.purpurColorBackgroundOnImageNegative=r.purpurColorBackgroundOnImageNegative;exports.purpurColorBackgroundPrimary=r.purpurColorBackgroundPrimary;exports.purpurColorBackgroundPrimaryNegative=r.purpurColorBackgroundPrimaryNegative;exports.purpurColorBackgroundSecondary=r.purpurColorBackgroundSecondary;exports.purpurColorBackgroundSecondaryNegative=r.purpurColorBackgroundSecondaryNegative;exports.purpurColorBackgroundStatusAttention=r.purpurColorBackgroundStatusAttention;exports.purpurColorBackgroundStatusBlackFriday=r.purpurColorBackgroundStatusBlackFriday;exports.purpurColorBackgroundStatusErrorMedium=r.purpurColorBackgroundStatusErrorMedium;exports.purpurColorBackgroundStatusErrorStrong=r.purpurColorBackgroundStatusErrorStrong;exports.purpurColorBackgroundStatusErrorStrongNegative=r.purpurColorBackgroundStatusErrorStrongNegative;exports.purpurColorBackgroundStatusInfoMedium=r.purpurColorBackgroundStatusInfoMedium;exports.purpurColorBackgroundStatusInfoStrong=r.purpurColorBackgroundStatusInfoStrong;exports.purpurColorBackgroundStatusNeutral=r.purpurColorBackgroundStatusNeutral;exports.purpurColorBackgroundStatusSpecial=r.purpurColorBackgroundStatusSpecial;exports.purpurColorBackgroundStatusSuccessMedium=r.purpurColorBackgroundStatusSuccessMedium;exports.purpurColorBackgroundStatusSuccessStrong=r.purpurColorBackgroundStatusSuccessStrong;exports.purpurColorBackgroundStatusSuccessStrongNegative=r.purpurColorBackgroundStatusSuccessStrongNegative;exports.purpurColorBackgroundStatusWarningMedium=r.purpurColorBackgroundStatusWarningMedium;exports.purpurColorBackgroundStatusWarningStrong=r.purpurColorBackgroundStatusWarningStrong;exports.purpurColorBackgroundStatusWarningStrongNegative=r.purpurColorBackgroundStatusWarningStrongNegative;exports.purpurColorBackgroundToneOnTonePrimary=r.purpurColorBackgroundToneOnTonePrimary;exports.purpurColorBackgroundToneOnToneQuaternary=r.purpurColorBackgroundToneOnToneQuaternary;exports.purpurColorBackgroundToneOnToneSecondary=r.purpurColorBackgroundToneOnToneSecondary;exports.purpurColorBackgroundToneOnToneTertiary=r.purpurColorBackgroundToneOnToneTertiary;exports.purpurColorBeige100=r.purpurColorBeige100;exports.purpurColorBeige200=r.purpurColorBeige200;exports.purpurColorBeige300=r.purpurColorBeige300;exports.purpurColorBeige400=r.purpurColorBeige400;exports.purpurColorBeige50=r.purpurColorBeige50;exports.purpurColorBeige500=r.purpurColorBeige500;exports.purpurColorBeige600=r.purpurColorBeige600;exports.purpurColorBeige700=r.purpurColorBeige700;exports.purpurColorBeige800=r.purpurColorBeige800;exports.purpurColorBeige900=r.purpurColorBeige900;exports.purpurColorBeige950=r.purpurColorBeige950;exports.purpurColorBlue100=r.purpurColorBlue100;exports.purpurColorBlue200=r.purpurColorBlue200;exports.purpurColorBlue300=r.purpurColorBlue300;exports.purpurColorBlue400=r.purpurColorBlue400;exports.purpurColorBlue50=r.purpurColorBlue50;exports.purpurColorBlue500=r.purpurColorBlue500;exports.purpurColorBlue600=r.purpurColorBlue600;exports.purpurColorBlue700=r.purpurColorBlue700;exports.purpurColorBlue800=r.purpurColorBlue800;exports.purpurColorBlue900=r.purpurColorBlue900;exports.purpurColorBlue950=r.purpurColorBlue950;exports.purpurColorBorderInteractiveExpressive=r.purpurColorBorderInteractiveExpressive;exports.purpurColorBorderInteractiveFocus=r.purpurColorBorderInteractiveFocus;exports.purpurColorBorderInteractivePrimary=r.purpurColorBorderInteractivePrimary;exports.purpurColorBorderInteractivePrimaryActive=r.purpurColorBorderInteractivePrimaryActive;exports.purpurColorBorderInteractivePrimaryActiveNegative=r.purpurColorBorderInteractivePrimaryActiveNegative;exports.purpurColorBorderInteractivePrimaryHover=r.purpurColorBorderInteractivePrimaryHover;exports.purpurColorBorderInteractivePrimaryHoverNegative=r.purpurColorBorderInteractivePrimaryHoverNegative;exports.purpurColorBorderInteractivePrimaryNegative=r.purpurColorBorderInteractivePrimaryNegative;exports.purpurColorBorderInteractiveSelected=r.purpurColorBorderInteractiveSelected;exports.purpurColorBorderInteractiveSubtle=r.purpurColorBorderInteractiveSubtle;exports.purpurColorBorderInteractiveSubtleHover=r.purpurColorBorderInteractiveSubtleHover;exports.purpurColorBorderInteractiveSubtleHoverNegative=r.purpurColorBorderInteractiveSubtleHoverNegative;exports.purpurColorBorderInteractiveSubtleNegative=r.purpurColorBorderInteractiveSubtleNegative;exports.purpurColorBorderMedium=r.purpurColorBorderMedium;exports.purpurColorBorderMediumNegative=r.purpurColorBorderMediumNegative;exports.purpurColorBorderStatusError=r.purpurColorBorderStatusError;exports.purpurColorBorderStatusErrorNegative=r.purpurColorBorderStatusErrorNegative;exports.purpurColorBorderStatusInfo=r.purpurColorBorderStatusInfo;exports.purpurColorBorderStatusSuccess=r.purpurColorBorderStatusSuccess;exports.purpurColorBorderStatusSuccessNegative=r.purpurColorBorderStatusSuccessNegative;exports.purpurColorBorderStatusWarning=r.purpurColorBorderStatusWarning;exports.purpurColorBorderStrong=r.purpurColorBorderStrong;exports.purpurColorBorderStrongNegative=r.purpurColorBorderStrongNegative;exports.purpurColorBorderWeak=r.purpurColorBorderWeak;exports.purpurColorBorderWeakNegative=r.purpurColorBorderWeakNegative;exports.purpurColorBrandBeige=r.purpurColorBrandBeige;exports.purpurColorBrandCorePurple=r.purpurColorBrandCorePurple;exports.purpurColorBrandDeepBeige=r.purpurColorBrandDeepBeige;exports.purpurColorBrandDeepPurple=r.purpurColorBrandDeepPurple;exports.purpurColorBrandLightBeige=r.purpurColorBrandLightBeige;exports.purpurColorBrandLightPurple=r.purpurColorBrandLightPurple;exports.purpurColorBrandOffBlack=r.purpurColorBrandOffBlack;exports.purpurColorBrandWhite=r.purpurColorBrandWhite;exports.purpurColorFunctionalBlack=r.purpurColorFunctionalBlack;exports.purpurColorFunctionalTransparent=r.purpurColorFunctionalTransparent;exports.purpurColorFunctionalWhite=r.purpurColorFunctionalWhite;exports.purpurColorGradientAiBottom=r.purpurColorGradientAiBottom;exports.purpurColorGradientAiBottomNegative=r.purpurColorGradientAiBottomNegative;exports.purpurColorGradientAiTop=r.purpurColorGradientAiTop;exports.purpurColorGradientAiTopNegative=r.purpurColorGradientAiTopNegative;exports.purpurColorGray100=r.purpurColorGray100;exports.purpurColorGray150=r.purpurColorGray150;exports.purpurColorGray200=r.purpurColorGray200;exports.purpurColorGray300=r.purpurColorGray300;exports.purpurColorGray400=r.purpurColorGray400;exports.purpurColorGray50=r.purpurColorGray50;exports.purpurColorGray500=r.purpurColorGray500;exports.purpurColorGray600=r.purpurColorGray600;exports.purpurColorGray700=r.purpurColorGray700;exports.purpurColorGray800=r.purpurColorGray800;exports.purpurColorGray850=r.purpurColorGray850;exports.purpurColorGray900=r.purpurColorGray900;exports.purpurColorGray950=r.purpurColorGray950;exports.purpurColorGreen100=r.purpurColorGreen100;exports.purpurColorGreen200=r.purpurColorGreen200;exports.purpurColorGreen300=r.purpurColorGreen300;exports.purpurColorGreen400=r.purpurColorGreen400;exports.purpurColorGreen50=r.purpurColorGreen50;exports.purpurColorGreen500=r.purpurColorGreen500;exports.purpurColorGreen600=r.purpurColorGreen600;exports.purpurColorGreen700=r.purpurColorGreen700;exports.purpurColorGreen800=r.purpurColorGreen800;exports.purpurColorGreen900=r.purpurColorGreen900;exports.purpurColorGreen950=r.purpurColorGreen950;exports.purpurColorOrange100=r.purpurColorOrange100;exports.purpurColorOrange200=r.purpurColorOrange200;exports.purpurColorOrange300=r.purpurColorOrange300;exports.purpurColorOrange400=r.purpurColorOrange400;exports.purpurColorOrange50=r.purpurColorOrange50;exports.purpurColorOrange500=r.purpurColorOrange500;exports.purpurColorOrange600=r.purpurColorOrange600;exports.purpurColorOrange700=r.purpurColorOrange700;exports.purpurColorOrange800=r.purpurColorOrange800;exports.purpurColorOrange900=r.purpurColorOrange900;exports.purpurColorOrange950=r.purpurColorOrange950;exports.purpurColorOverlayDefault=r.purpurColorOverlayDefault;exports.purpurColorPurple100=r.purpurColorPurple100;exports.purpurColorPurple200=r.purpurColorPurple200;exports.purpurColorPurple300=r.purpurColorPurple300;exports.purpurColorPurple400=r.purpurColorPurple400;exports.purpurColorPurple50=r.purpurColorPurple50;exports.purpurColorPurple500=r.purpurColorPurple500;exports.purpurColorPurple550=r.purpurColorPurple550;exports.purpurColorPurple600=r.purpurColorPurple600;exports.purpurColorPurple700=r.purpurColorPurple700;exports.purpurColorPurple800=r.purpurColorPurple800;exports.purpurColorPurple900=r.purpurColorPurple900;exports.purpurColorPurple950=r.purpurColorPurple950;exports.purpurColorRed100=r.purpurColorRed100;exports.purpurColorRed200=r.purpurColorRed200;exports.purpurColorRed300=r.purpurColorRed300;exports.purpurColorRed400=r.purpurColorRed400;exports.purpurColorRed50=r.purpurColorRed50;exports.purpurColorRed500=r.purpurColorRed500;exports.purpurColorRed600=r.purpurColorRed600;exports.purpurColorRed700=r.purpurColorRed700;exports.purpurColorRed800=r.purpurColorRed800;exports.purpurColorRed900=r.purpurColorRed900;exports.purpurColorRed950=r.purpurColorRed950;exports.purpurColorTeal100=r.purpurColorTeal100;exports.purpurColorTeal200=r.purpurColorTeal200;exports.purpurColorTeal300=r.purpurColorTeal300;exports.purpurColorTeal400=r.purpurColorTeal400;exports.purpurColorTeal50=r.purpurColorTeal50;exports.purpurColorTeal500=r.purpurColorTeal500;exports.purpurColorTeal600=r.purpurColorTeal600;exports.purpurColorTeal700=r.purpurColorTeal700;exports.purpurColorTeal800=r.purpurColorTeal800;exports.purpurColorTeal900=r.purpurColorTeal900;exports.purpurColorTeal950=r.purpurColorTeal950;exports.purpurColorTextDefault=r.purpurColorTextDefault;exports.purpurColorTextDefaultNegative=r.purpurColorTextDefaultNegative;exports.purpurColorTextInteractiveOnDestructive=r.purpurColorTextInteractiveOnDestructive;exports.purpurColorTextInteractiveOnExpressive=r.purpurColorTextInteractiveOnExpressive;exports.purpurColorTextInteractiveOnExpressiveActive=r.purpurColorTextInteractiveOnExpressiveActive;exports.purpurColorTextInteractiveOnExpressiveActiveNegative=r.purpurColorTextInteractiveOnExpressiveActiveNegative;exports.purpurColorTextInteractiveOnExpressiveHover=r.purpurColorTextInteractiveOnExpressiveHover;exports.purpurColorTextInteractiveOnExpressiveHoverNegative=r.purpurColorTextInteractiveOnExpressiveHoverNegative;exports.purpurColorTextInteractiveOnExpressiveNegative=r.purpurColorTextInteractiveOnExpressiveNegative;exports.purpurColorTextInteractiveOnPrimary=r.purpurColorTextInteractiveOnPrimary;exports.purpurColorTextInteractiveOnPrimaryNegative=r.purpurColorTextInteractiveOnPrimaryNegative;exports.purpurColorTextInteractivePrimary=r.purpurColorTextInteractivePrimary;exports.purpurColorTextInteractivePrimaryActive=r.purpurColorTextInteractivePrimaryActive;exports.purpurColorTextInteractivePrimaryActiveNegative=r.purpurColorTextInteractivePrimaryActiveNegative;exports.purpurColorTextInteractivePrimaryHover=r.purpurColorTextInteractivePrimaryHover;exports.purpurColorTextInteractivePrimaryHoverNegative=r.purpurColorTextInteractivePrimaryHoverNegative;exports.purpurColorTextInteractivePrimaryNegative=r.purpurColorTextInteractivePrimaryNegative;exports.purpurColorTextInteractiveSelected=r.purpurColorTextInteractiveSelected;exports.purpurColorTextMedium=r.purpurColorTextMedium;exports.purpurColorTextMediumNegative=r.purpurColorTextMediumNegative;exports.purpurColorTextStatusAttention=r.purpurColorTextStatusAttention;exports.purpurColorTextStatusBlackFriday=r.purpurColorTextStatusBlackFriday;exports.purpurColorTextStatusDiscount=r.purpurColorTextStatusDiscount;exports.purpurColorTextStatusErrorMedium=r.purpurColorTextStatusErrorMedium;exports.purpurColorTextStatusErrorMediumNegative=r.purpurColorTextStatusErrorMediumNegative;exports.purpurColorTextStatusErrorStrong=r.purpurColorTextStatusErrorStrong;exports.purpurColorTextStatusErrorStrongNegative=r.purpurColorTextStatusErrorStrongNegative;exports.purpurColorTextStatusInfoMedium=r.purpurColorTextStatusInfoMedium;exports.purpurColorTextStatusInfoStrong=r.purpurColorTextStatusInfoStrong;exports.purpurColorTextStatusNeutral=r.purpurColorTextStatusNeutral;exports.purpurColorTextStatusSpecial=r.purpurColorTextStatusSpecial;exports.purpurColorTextStatusSuccessMedium=r.purpurColorTextStatusSuccessMedium;exports.purpurColorTextStatusSuccessMediumNegative=r.purpurColorTextStatusSuccessMediumNegative;exports.purpurColorTextStatusSuccessStrong=r.purpurColorTextStatusSuccessStrong;exports.purpurColorTextStatusSuccessStrongNegative=r.purpurColorTextStatusSuccessStrongNegative;exports.purpurColorTextStatusWarningMedium=r.purpurColorTextStatusWarningMedium;exports.purpurColorTextStatusWarningMediumNegative=r.purpurColorTextStatusWarningMediumNegative;exports.purpurColorTextStatusWarningStrong=r.purpurColorTextStatusWarningStrong;exports.purpurColorTextToneOnTonePrimary=r.purpurColorTextToneOnTonePrimary;exports.purpurColorTextToneOnToneSecondary=r.purpurColorTextToneOnToneSecondary;exports.purpurColorTextToneOnToneTertiary=r.purpurColorTextToneOnToneTertiary;exports.purpurColorTextWeak=r.purpurColorTextWeak;exports.purpurColorTextWeakNegative=r.purpurColorTextWeakNegative;exports.purpurColorTransparentBlack100=r.purpurColorTransparentBlack100;exports.purpurColorTransparentBlack150=r.purpurColorTransparentBlack150;exports.purpurColorTransparentBlack200=r.purpurColorTransparentBlack200;exports.purpurColorTransparentBlack300=r.purpurColorTransparentBlack300;exports.purpurColorTransparentBlack400=r.purpurColorTransparentBlack400;exports.purpurColorTransparentBlack50=r.purpurColorTransparentBlack50;exports.purpurColorTransparentBlack500=r.purpurColorTransparentBlack500;exports.purpurColorTransparentBlack600=r.purpurColorTransparentBlack600;exports.purpurColorTransparentBlack700=r.purpurColorTransparentBlack700;exports.purpurColorTransparentBlack800=r.purpurColorTransparentBlack800;exports.purpurColorTransparentBlack850=r.purpurColorTransparentBlack850;exports.purpurColorTransparentBlack900=r.purpurColorTransparentBlack900;exports.purpurColorTransparentBlack950=r.purpurColorTransparentBlack950;exports.purpurColorTransparentWhite100=r.purpurColorTransparentWhite100;exports.purpurColorTransparentWhite150=r.purpurColorTransparentWhite150;exports.purpurColorTransparentWhite200=r.purpurColorTransparentWhite200;exports.purpurColorTransparentWhite300=r.purpurColorTransparentWhite300;exports.purpurColorTransparentWhite400=r.purpurColorTransparentWhite400;exports.purpurColorTransparentWhite50=r.purpurColorTransparentWhite50;exports.purpurColorTransparentWhite500=r.purpurColorTransparentWhite500;exports.purpurColorTransparentWhite600=r.purpurColorTransparentWhite600;exports.purpurColorTransparentWhite700=r.purpurColorTransparentWhite700;exports.purpurColorTransparentWhite800=r.purpurColorTransparentWhite800;exports.purpurColorTransparentWhite850=r.purpurColorTransparentWhite850;exports.purpurColorTransparentWhite900=r.purpurColorTransparentWhite900;exports.purpurColorTransparentWhite950=r.purpurColorTransparentWhite950;exports.purpurMotionDuration100=o.purpurMotionDuration100;exports.purpurMotionDuration150=o.purpurMotionDuration150;exports.purpurMotionDuration1500=o.purpurMotionDuration1500;exports.purpurMotionDuration200=o.purpurMotionDuration200;exports.purpurMotionDuration2000=o.purpurMotionDuration2000;exports.purpurMotionDuration300=o.purpurMotionDuration300;exports.purpurMotionDuration400=o.purpurMotionDuration400;exports.purpurMotionDuration500=o.purpurMotionDuration500;exports.purpurMotionEasingEaseIn=o.purpurMotionEasingEaseIn;exports.purpurMotionEasingEaseInOut=o.purpurMotionEasingEaseInOut;exports.purpurMotionEasingEaseOut=o.purpurMotionEasingEaseOut;exports.ThemeProvider=l.ThemeProvider;exports.teliaTheme=l.teliaTheme;exports.useApplyTheme=l.useApplyTheme;exports.useTheme=l.useTheme;exports.useColorScheme=ir.useColorScheme;exports.af=u.af;exports.ar=u.ar;exports.arDZ=u.arDZ;exports.arEG=u.arEG;exports.arMA=u.arMA;exports.arSA=u.arSA;exports.arTN=u.arTN;exports.az=u.az;exports.be=u.be;exports.beTarask=u.beTarask;exports.bg=u.bg;exports.bn=u.bn;exports.bs=u.bs;exports.ca=u.ca;exports.ckb=u.ckb;exports.cs=u.cs;exports.cy=u.cy;exports.da=u.da;exports.de=u.de;exports.deAT=u.deAT;exports.el=u.el;exports.enAU=u.enAU;exports.enCA=u.enCA;exports.enGB=u.enGB;exports.enIE=u.enIE;exports.enIN=u.enIN;exports.enNZ=u.enNZ;exports.enZA=u.enZA;exports.eo=u.eo;exports.es=u.es;exports.et=u.et;exports.eu=u.eu;exports.faIR=u.faIR;exports.fi=u.fi;exports.fr=u.fr;exports.frCA=u.frCA;exports.frCH=u.frCH;exports.fy=u.fy;exports.gd=u.gd;exports.gl=u.gl;exports.gu=u.gu;exports.he=u.he;exports.hi=u.hi;exports.hr=u.hr;exports.ht=u.ht;exports.hu=u.hu;exports.hy=u.hy;exports.id=u.id;exports.is=u.is;exports.it=u.it;exports.itCH=u.itCH;exports.ja=u.ja;exports.jaHira=u.jaHira;exports.ka=u.ka;exports.kk=u.kk;exports.km=u.km;exports.kn=u.kn;exports.ko=u.ko;exports.lb=u.lb;exports.lt=u.lt;exports.lv=u.lv;exports.mk=u.mk;exports.mn=u.mn;exports.ms=u.ms;exports.mt=u.mt;exports.nb=u.nb;exports.nl=u.nl;exports.nlBE=u.nlBE;exports.nn=u.nn;exports.oc=u.oc;exports.pl=u.pl;exports.pt=u.pt;exports.ptBR=u.ptBR;exports.ro=u.ro;exports.ru=u.ru;exports.se=u.se;exports.sk=u.sk;exports.sl=u.sl;exports.sq=u.sq;exports.sr=u.sr;exports.srLatn=u.srLatn;exports.sv=u.sv;exports.ta=u.ta;exports.te=u.te;exports.th=u.th;exports.tr=u.tr;exports.ug=u.ug;exports.uk=u.uk;exports.uz=u.uz;exports.uzCyrl=u.uzCyrl;exports.vi=u.vi;exports.zhCN=u.zhCN;exports.zhHK=u.zhHK;exports.zhTW=u.zhTW;exports.enUS=lr.enUS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("./calendar-BSdvi_DA.js"),y=require("./accordion-DX8efWOt.js"),c=require("./alert-badge-DguuS7Qq.js"),I=require("./autocomplete-B_OBQM2h.js"),C=require("./badge-CQ0SS_t8.js"),k=require("./breadcrumbs-BKzim4am.js"),t=require("./button-BxdChrq-.js"),f=require("./card-VMa3cGCP.js"),h=require("./checkbox-Dk3bZkZ3.js"),_=require("./chip-group-B775zvKD.js"),m=require("./color-dot-B9w_ucWb.js"),g=require("./container-DRwKIAjh.js"),F=require("./content-block-Cd7xSE8t.js"),V=require("./countdown-CqYsZigV.js"),U=require("./counter-badge-B-d9VNup.js"),N=require("./cta-link-BHU6irMG.js"),z=require("./date-field-DTI5mQkg.js"),w=require("./date-picker-Dk39IXG5.js"),X=require("./dismissable-chip-group-CnziecOt.js"),Z=require("./drawer-CJsLdd2x.js"),x=require("./field-error-text-FhQulSV5.js"),j=require("./field-helper-text-DSKO-Tce.js"),K=require("./footer-BL0ewBZT.js"),Q=require("./grid-uGMD2euo.js"),n=require("./heading-drD5ugCC.js"),P=require("./hero-banner-OnNSuxNT.js"),Y=require("./label-yHK80hhV.js"),d=require("./link-DhWVrkTz.js"),$=require("./listbox-BmjBtIv8.js"),J=require("./modal-CQiJ98iI.js"),a=require("./notification-Dsg3Vzfi.js"),rr=require("./notification-banner-B0CUuKZn.js"),ur=require("./pagination-C2A8NPol.js"),O=require("./paragraph-BsI53OR0.js"),er=require("./popover-D6k4-oO1.js"),or=require("./product-card-CNBegEBW.js"),A=require("./promotion-card-CXNhskRl.js"),s=require("./quantity-selector-Bc-4Dnpc.js"),T=require("./radio-button-group-BaFpGAcD.js"),i=require("./radio-card-group-sYcfDPJq.js"),G=require("./RichText-DNroJJXv.js"),R=require("./search-field-0CBoxcNH.js"),pr=require("./select-DOqTJgTj.js"),E=require("./skeleton-BU0KtWIM.js"),D=require("./slider-_R6JmPZl.js"),M=require("./spacer-OZQbtvcY.js"),v=require("./spinner-tKunS_o-.js"),ar=require("./stepper-BaoOY4Ea.js"),q=require("./table-TdOPMFoP.js"),B=require("./tabs-D-nfZHIA.js"),W=require("./text-area-9ggiIWtJ.js"),b=require("./text-field-CKCwxTJX.js"),L=require("./text-spacing-CiGPZHuB.js"),tr=require("./toggle-C8IwTbX8.js"),S=require("./tooltip-eUP35j3v.js"),nr=require("./visually-hidden-C2CKovZx.js"),e=require("./tokens.cjs.js"),p=require("./variables-Buqm4JZc.js"),r=require("./variables-CMzMXeor.js"),o=require("./variables-BSBunpiY.js"),l=require("./ThemeProvider-ipAIFRUi.js"),ir=require("./useColorScheme-DNNu9bz0.js"),u=require("./zh-TW-CAp7WWVq.js"),lr=require("./format-CFKKBdIQ.js");exports.Calendar=H.Calendar;exports.Accordion=y.Accordion;exports.NegativeContext=y.NegativeContext;exports.ALERT_BADGE_VARIANT=c.ALERT_BADGE_VARIANT;exports.AlertBadge=c.AlertBadge;exports.alertBadgeVariants=c.alertBadgeVariants;exports.Autocomplete=I.Autocomplete;exports.useAutocomplete=I.useAutocomplete;exports.BADGE_VARIANT=C.BADGE_VARIANT;exports.Badge=C.Badge;exports.badgeVariants=C.badgeVariants;exports.Breadcrumbs=k.Breadcrumbs;exports.BreadcrumbsItem=k.Item;exports.BUTTON_TYPES=t.BUTTON_TYPES;exports.BUTTON_VARIANT=t.BUTTON_VARIANT;exports.Button=t.Button;exports.buttonVariants=t.buttonVariants;exports.Card=f.Card;exports.Checkbox=h.Checkbox;exports.checkedState=h.checkedState;exports.ChipGroup=_.ChipGroup;exports.COLOR_DOT_SIZE=m.COLOR_DOT_SIZE;exports.ColorDot=m.ColorDot;exports.Container=g.Container;exports.ContainerElement=g.ContainerElement;exports.Width=g.Width;exports.ContentBlock=F.ContentBlock;exports.Countdown=V.Countdown;exports.CounterBadge=U.CounterBadge;exports.CtaLink=N.CtaLink;exports.ctaLinkIcons=N.ctaLinkIcons;exports.DateField=z.DateField;exports.DatePicker=w.DatePicker;exports.DismissableChipGroup=X.DismissableChipGroup;exports.Drawer=Z.Drawer;exports.FieldErrorText=x.FieldErrorText;exports.ariaRelevantValues=x.ariaRelevantValues;exports.FieldHelperText=j.FieldHelperText;exports.Footer=K.Footer;exports.Grid=Q.Grid;exports.DisplayVariant=n.DisplayVariant;exports.Heading=n.Heading;exports.HeadingTag=n.HeadingTag;exports.TitleVariant=n.TitleVariant;exports.HeroBanner=P.HeroBanner;exports.TitleHyphenVariant=P.TitleHyphenVariant;exports.Label=Y.Label;exports.LINK_VARIANT=d.LINK_VARIANT;exports.Link=d.Link;exports.linkVariants=d.linkVariants;exports.Listbox=$.Listbox;exports.Modal=J.Modal;exports.NOTIFICATION_ARIA_LIVE=a.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=a.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=a.NOTIFICATION_STATUS;exports.Notification=a.Notification;exports.notificationAriaLiveValues=a.notificationAriaLiveValues;exports.notificationRoles=a.notificationRoles;exports.notificationStatuses=a.notificationStatuses;exports.NotificationBanner=rr.NotificationBanner;exports.Pagination=ur.Pagination;exports.Paragraph=O.Paragraph;exports.ParagraphVariant=O.ParagraphVariant;exports.Popover=er.Popover;exports.ProductCard=or.ProductCard;exports.PromotionCard=A.PromotionCard;exports.promotionCardVariants=A.promotionCardVariants;exports.QuantitySelector=s.QuantitySelector;exports.quantitySelectorButtonVariants=s.quantitySelectorButtonVariants;exports.quantitySelectorVariants=s.quantitySelectorVariants;exports.RADIO_BUTTON_GROUP_DIRECTION=T.RADIO_BUTTON_GROUP_DIRECTION;exports.RADIO_BUTTON_GROUP_ORIENTATION=T.RADIO_BUTTON_GROUP_ORIENTATION;exports.RadioButtonGroup=T.RadioButtonGroup;exports.RADIO_CARD_GROUP_ORIENTATION=i.RADIO_CARD_GROUP_ORIENTATION;exports.RADIO_POSITION=i.RADIO_POSITION;exports.RadioCardGroup=i.RadioCardGroup;exports.RadioCardItem=i.RadioCardItem;exports.RichText=G.RichText;exports.richToPlainText=G.richToPlainText;exports.SearchField=R.SearchField;exports.searchFieldVariants=R.searchFieldVariants;exports.Select=pr.Select;exports.Skeleton=E.Skeleton;exports.radii=E.radii;exports.SLIDER_ORIENTATION=D.SLIDER_ORIENTATION;exports.Slider=D.Slider;exports.SPACER_SIZE=M.SPACER_SIZE;exports.Spacer=M.Spacer;exports.SPINNER_SIZE=v.SPINNER_SIZE;exports.Spinner=v.Spinner;exports.spinnerSizes=v.spinnerSizes;exports.Stepper=ar.Stepper;exports.Table=q.Table;exports.createColumnHelper=q.createColumnHelper;exports.Tabs=B.Tabs;exports.createTabChangeDetailEvent=B.createTabChangeDetailEvent;exports.tabsVariants=B.tabsVariants;exports.ResizeOption=W.ResizeOption;exports.TextArea=W.TextArea;exports.TextField=b.TextField;exports.isTextField=b.isTextField;exports.Element=L.Element;exports.TextSpacing=L.TextSpacing;exports.Toggle=tr.Toggle;exports.TOOLTIP_ALIGN=S.TOOLTIP_ALIGN;exports.TOOLTIP_POSITION=S.TOOLTIP_POSITION;exports.Tooltip=S.Tooltip;exports.VisuallyHidden=nr.VisuallyHidden;exports.purpurBorderRadiusFull=e.purpurBorderRadiusFull;exports.purpurBorderRadiusLg=e.purpurBorderRadiusLg;exports.purpurBorderRadiusMd=e.purpurBorderRadiusMd;exports.purpurBorderRadiusSm=e.purpurBorderRadiusSm;exports.purpurBorderRadiusXs=e.purpurBorderRadiusXs;exports.purpurBorderWidthLg=e.purpurBorderWidthLg;exports.purpurBorderWidthMd=e.purpurBorderWidthMd;exports.purpurBorderWidthSm=e.purpurBorderWidthSm;exports.purpurBorderWidthXs=e.purpurBorderWidthXs;exports.purpurFilterBlurOnImage=e.purpurFilterBlurOnImage;exports.purpurGradientAiBackgroundInteractiveExpressive=e.purpurGradientAiBackgroundInteractiveExpressive;exports.purpurGradientAiBackgroundInteractiveExpressiveNegative=e.purpurGradientAiBackgroundInteractiveExpressiveNegative;exports.purpurGradientAiBackgroundInteractivePrimary=e.purpurGradientAiBackgroundInteractivePrimary;exports.purpurGradientAiBackgroundInteractivePrimaryNegative=e.purpurGradientAiBackgroundInteractivePrimaryNegative;exports.purpurGradientAiBackgroundPrimaryNegative=e.purpurGradientAiBackgroundPrimaryNegative;exports.purpurGradientAiBorderInteractivePrimary=e.purpurGradientAiBorderInteractivePrimary;exports.purpurGradientAiBorderInteractivePrimaryNegative=e.purpurGradientAiBorderInteractivePrimaryNegative;exports.purpurGradientAiTextInteractivePrimary=e.purpurGradientAiTextInteractivePrimary;exports.purpurGradientAiTextInteractivePrimaryNegative=e.purpurGradientAiTextInteractivePrimaryNegative;exports.purpurShadowLg=e.purpurShadowLg;exports.purpurShadowMd=e.purpurShadowMd;exports.purpurShadowNone=e.purpurShadowNone;exports.purpurShadowSm=e.purpurShadowSm;exports.purpurSpacing0=e.purpurSpacing0;exports.purpurSpacing10=e.purpurSpacing10;exports.purpurSpacing100=e.purpurSpacing100;exports.purpurSpacing1000=e.purpurSpacing1000;exports.purpurSpacing1200=e.purpurSpacing1200;exports.purpurSpacing150=e.purpurSpacing150;exports.purpurSpacing1600=e.purpurSpacing1600;exports.purpurSpacing200=e.purpurSpacing200;exports.purpurSpacing25=e.purpurSpacing25;exports.purpurSpacing250=e.purpurSpacing250;exports.purpurSpacing300=e.purpurSpacing300;exports.purpurSpacing400=e.purpurSpacing400;exports.purpurSpacing50=e.purpurSpacing50;exports.purpurSpacing600=e.purpurSpacing600;exports.purpurSpacing800=e.purpurSpacing800;exports.purpurSpacingGutterLg=e.purpurSpacingGutterLg;exports.purpurSpacingGutterMd=e.purpurSpacingGutterMd;exports.purpurSpacingGutterSm=e.purpurSpacingGutterSm;exports.purpurSpacingGutterXl=e.purpurSpacingGutterXl;exports.purpurSpacingPagePaddingLg=e.purpurSpacingPagePaddingLg;exports.purpurSpacingPagePaddingMd=e.purpurSpacingPagePaddingMd;exports.purpurSpacingPagePaddingSm=e.purpurSpacingPagePaddingSm;exports.purpurSpacingPagePaddingXl=e.purpurSpacingPagePaddingXl;exports.purpurTypographyFamilyDefault=e.purpurTypographyFamilyDefault;exports.purpurTypographyFamilyDisplay=e.purpurTypographyFamilyDisplay;exports.purpurTypographyLineHeightDefault=e.purpurTypographyLineHeightDefault;exports.purpurTypographyLineHeightLoose=e.purpurTypographyLineHeightLoose;exports.purpurTypographyLineHeightLooser=e.purpurTypographyLineHeightLooser;exports.purpurTypographyLineHeightSnug=e.purpurTypographyLineHeightSnug;exports.purpurTypographyLineHeightTight=e.purpurTypographyLineHeightTight;exports.purpurTypographyScale100=e.purpurTypographyScale100;exports.purpurTypographyScale1000=e.purpurTypographyScale1000;exports.purpurTypographyScale1100=e.purpurTypographyScale1100;exports.purpurTypographyScale150=e.purpurTypographyScale150;exports.purpurTypographyScale200=e.purpurTypographyScale200;exports.purpurTypographyScale300=e.purpurTypographyScale300;exports.purpurTypographyScale400=e.purpurTypographyScale400;exports.purpurTypographyScale50=e.purpurTypographyScale50;exports.purpurTypographyScale500=e.purpurTypographyScale500;exports.purpurTypographyScale600=e.purpurTypographyScale600;exports.purpurTypographyScale650=e.purpurTypographyScale650;exports.purpurTypographyScale700=e.purpurTypographyScale700;exports.purpurTypographyScale75=e.purpurTypographyScale75;exports.purpurTypographyScale800=e.purpurTypographyScale800;exports.purpurTypographyScale850=e.purpurTypographyScale850;exports.purpurTypographyScale900=e.purpurTypographyScale900;exports.purpurTypographyWeightBold=e.purpurTypographyWeightBold;exports.purpurTypographyWeightMedium=e.purpurTypographyWeightMedium;exports.purpurTypographyWeightNormal=e.purpurTypographyWeightNormal;exports.purpurBreakpointLg=p.purpurBreakpointLg;exports.purpurBreakpointMd=p.purpurBreakpointMd;exports.purpurBreakpointRelativeLg=p.purpurBreakpointRelativeLg;exports.purpurBreakpointRelativeMd=p.purpurBreakpointRelativeMd;exports.purpurBreakpointRelativeSm=p.purpurBreakpointRelativeSm;exports.purpurBreakpointRelativeXl=p.purpurBreakpointRelativeXl;exports.purpurBreakpointSm=p.purpurBreakpointSm;exports.purpurBreakpointXl=p.purpurBreakpointXl;exports.purpurColorBackgroundInteractiveAutoFill=r.purpurColorBackgroundInteractiveAutoFill;exports.purpurColorBackgroundInteractiveDestructive=r.purpurColorBackgroundInteractiveDestructive;exports.purpurColorBackgroundInteractiveDestructiveActive=r.purpurColorBackgroundInteractiveDestructiveActive;exports.purpurColorBackgroundInteractiveDestructiveHover=r.purpurColorBackgroundInteractiveDestructiveHover;exports.purpurColorBackgroundInteractiveDisabled=r.purpurColorBackgroundInteractiveDisabled;exports.purpurColorBackgroundInteractiveDisabledNegative=r.purpurColorBackgroundInteractiveDisabledNegative;exports.purpurColorBackgroundInteractiveExpressive=r.purpurColorBackgroundInteractiveExpressive;exports.purpurColorBackgroundInteractiveExpressiveActive=r.purpurColorBackgroundInteractiveExpressiveActive;exports.purpurColorBackgroundInteractiveExpressiveActiveNegative=r.purpurColorBackgroundInteractiveExpressiveActiveNegative;exports.purpurColorBackgroundInteractiveExpressiveHover=r.purpurColorBackgroundInteractiveExpressiveHover;exports.purpurColorBackgroundInteractiveExpressiveHoverNegative=r.purpurColorBackgroundInteractiveExpressiveHoverNegative;exports.purpurColorBackgroundInteractiveExpressiveNegative=r.purpurColorBackgroundInteractiveExpressiveNegative;exports.purpurColorBackgroundInteractiveInactive=r.purpurColorBackgroundInteractiveInactive;exports.purpurColorBackgroundInteractiveInactiveNegative=r.purpurColorBackgroundInteractiveInactiveNegative;exports.purpurColorBackgroundInteractivePrimary=r.purpurColorBackgroundInteractivePrimary;exports.purpurColorBackgroundInteractivePrimaryActive=r.purpurColorBackgroundInteractivePrimaryActive;exports.purpurColorBackgroundInteractivePrimaryActiveNegative=r.purpurColorBackgroundInteractivePrimaryActiveNegative;exports.purpurColorBackgroundInteractivePrimaryHover=r.purpurColorBackgroundInteractivePrimaryHover;exports.purpurColorBackgroundInteractivePrimaryHoverNegative=r.purpurColorBackgroundInteractivePrimaryHoverNegative;exports.purpurColorBackgroundInteractivePrimaryNegative=r.purpurColorBackgroundInteractivePrimaryNegative;exports.purpurColorBackgroundInteractiveReadOnly=r.purpurColorBackgroundInteractiveReadOnly;exports.purpurColorBackgroundInteractiveReadOnlyNegative=r.purpurColorBackgroundInteractiveReadOnlyNegative;exports.purpurColorBackgroundInteractiveTransparentActive=r.purpurColorBackgroundInteractiveTransparentActive;exports.purpurColorBackgroundInteractiveTransparentActiveNegative=r.purpurColorBackgroundInteractiveTransparentActiveNegative;exports.purpurColorBackgroundInteractiveTransparentHover=r.purpurColorBackgroundInteractiveTransparentHover;exports.purpurColorBackgroundInteractiveTransparentHoverNegative=r.purpurColorBackgroundInteractiveTransparentHoverNegative;exports.purpurColorBackgroundOnImage=r.purpurColorBackgroundOnImage;exports.purpurColorBackgroundOnImageNegative=r.purpurColorBackgroundOnImageNegative;exports.purpurColorBackgroundPrimary=r.purpurColorBackgroundPrimary;exports.purpurColorBackgroundPrimaryNegative=r.purpurColorBackgroundPrimaryNegative;exports.purpurColorBackgroundSecondary=r.purpurColorBackgroundSecondary;exports.purpurColorBackgroundSecondaryNegative=r.purpurColorBackgroundSecondaryNegative;exports.purpurColorBackgroundStatusAttention=r.purpurColorBackgroundStatusAttention;exports.purpurColorBackgroundStatusBlackFriday=r.purpurColorBackgroundStatusBlackFriday;exports.purpurColorBackgroundStatusErrorMedium=r.purpurColorBackgroundStatusErrorMedium;exports.purpurColorBackgroundStatusErrorStrong=r.purpurColorBackgroundStatusErrorStrong;exports.purpurColorBackgroundStatusErrorStrongNegative=r.purpurColorBackgroundStatusErrorStrongNegative;exports.purpurColorBackgroundStatusInfoMedium=r.purpurColorBackgroundStatusInfoMedium;exports.purpurColorBackgroundStatusInfoStrong=r.purpurColorBackgroundStatusInfoStrong;exports.purpurColorBackgroundStatusNeutral=r.purpurColorBackgroundStatusNeutral;exports.purpurColorBackgroundStatusSpecial=r.purpurColorBackgroundStatusSpecial;exports.purpurColorBackgroundStatusSuccessMedium=r.purpurColorBackgroundStatusSuccessMedium;exports.purpurColorBackgroundStatusSuccessStrong=r.purpurColorBackgroundStatusSuccessStrong;exports.purpurColorBackgroundStatusSuccessStrongNegative=r.purpurColorBackgroundStatusSuccessStrongNegative;exports.purpurColorBackgroundStatusWarningMedium=r.purpurColorBackgroundStatusWarningMedium;exports.purpurColorBackgroundStatusWarningStrong=r.purpurColorBackgroundStatusWarningStrong;exports.purpurColorBackgroundStatusWarningStrongNegative=r.purpurColorBackgroundStatusWarningStrongNegative;exports.purpurColorBackgroundToneOnTonePrimary=r.purpurColorBackgroundToneOnTonePrimary;exports.purpurColorBackgroundToneOnToneQuaternary=r.purpurColorBackgroundToneOnToneQuaternary;exports.purpurColorBackgroundToneOnToneSecondary=r.purpurColorBackgroundToneOnToneSecondary;exports.purpurColorBackgroundToneOnToneTertiary=r.purpurColorBackgroundToneOnToneTertiary;exports.purpurColorBeige100=r.purpurColorBeige100;exports.purpurColorBeige200=r.purpurColorBeige200;exports.purpurColorBeige300=r.purpurColorBeige300;exports.purpurColorBeige400=r.purpurColorBeige400;exports.purpurColorBeige50=r.purpurColorBeige50;exports.purpurColorBeige500=r.purpurColorBeige500;exports.purpurColorBeige600=r.purpurColorBeige600;exports.purpurColorBeige700=r.purpurColorBeige700;exports.purpurColorBeige800=r.purpurColorBeige800;exports.purpurColorBeige900=r.purpurColorBeige900;exports.purpurColorBeige950=r.purpurColorBeige950;exports.purpurColorBlue100=r.purpurColorBlue100;exports.purpurColorBlue200=r.purpurColorBlue200;exports.purpurColorBlue300=r.purpurColorBlue300;exports.purpurColorBlue400=r.purpurColorBlue400;exports.purpurColorBlue50=r.purpurColorBlue50;exports.purpurColorBlue500=r.purpurColorBlue500;exports.purpurColorBlue600=r.purpurColorBlue600;exports.purpurColorBlue700=r.purpurColorBlue700;exports.purpurColorBlue800=r.purpurColorBlue800;exports.purpurColorBlue900=r.purpurColorBlue900;exports.purpurColorBlue950=r.purpurColorBlue950;exports.purpurColorBorderInteractiveExpressive=r.purpurColorBorderInteractiveExpressive;exports.purpurColorBorderInteractiveFocus=r.purpurColorBorderInteractiveFocus;exports.purpurColorBorderInteractivePrimary=r.purpurColorBorderInteractivePrimary;exports.purpurColorBorderInteractivePrimaryActive=r.purpurColorBorderInteractivePrimaryActive;exports.purpurColorBorderInteractivePrimaryActiveNegative=r.purpurColorBorderInteractivePrimaryActiveNegative;exports.purpurColorBorderInteractivePrimaryHover=r.purpurColorBorderInteractivePrimaryHover;exports.purpurColorBorderInteractivePrimaryHoverNegative=r.purpurColorBorderInteractivePrimaryHoverNegative;exports.purpurColorBorderInteractivePrimaryNegative=r.purpurColorBorderInteractivePrimaryNegative;exports.purpurColorBorderInteractiveSelected=r.purpurColorBorderInteractiveSelected;exports.purpurColorBorderInteractiveSubtle=r.purpurColorBorderInteractiveSubtle;exports.purpurColorBorderInteractiveSubtleHover=r.purpurColorBorderInteractiveSubtleHover;exports.purpurColorBorderInteractiveSubtleHoverNegative=r.purpurColorBorderInteractiveSubtleHoverNegative;exports.purpurColorBorderInteractiveSubtleNegative=r.purpurColorBorderInteractiveSubtleNegative;exports.purpurColorBorderMedium=r.purpurColorBorderMedium;exports.purpurColorBorderMediumNegative=r.purpurColorBorderMediumNegative;exports.purpurColorBorderStatusError=r.purpurColorBorderStatusError;exports.purpurColorBorderStatusErrorNegative=r.purpurColorBorderStatusErrorNegative;exports.purpurColorBorderStatusInfo=r.purpurColorBorderStatusInfo;exports.purpurColorBorderStatusSuccess=r.purpurColorBorderStatusSuccess;exports.purpurColorBorderStatusSuccessNegative=r.purpurColorBorderStatusSuccessNegative;exports.purpurColorBorderStatusWarning=r.purpurColorBorderStatusWarning;exports.purpurColorBorderStrong=r.purpurColorBorderStrong;exports.purpurColorBorderStrongNegative=r.purpurColorBorderStrongNegative;exports.purpurColorBorderWeak=r.purpurColorBorderWeak;exports.purpurColorBorderWeakNegative=r.purpurColorBorderWeakNegative;exports.purpurColorBrandBeige=r.purpurColorBrandBeige;exports.purpurColorBrandCorePurple=r.purpurColorBrandCorePurple;exports.purpurColorBrandDeepBeige=r.purpurColorBrandDeepBeige;exports.purpurColorBrandDeepPurple=r.purpurColorBrandDeepPurple;exports.purpurColorBrandLightBeige=r.purpurColorBrandLightBeige;exports.purpurColorBrandLightPurple=r.purpurColorBrandLightPurple;exports.purpurColorBrandOffBlack=r.purpurColorBrandOffBlack;exports.purpurColorBrandWhite=r.purpurColorBrandWhite;exports.purpurColorFunctionalBlack=r.purpurColorFunctionalBlack;exports.purpurColorFunctionalTransparent=r.purpurColorFunctionalTransparent;exports.purpurColorFunctionalWhite=r.purpurColorFunctionalWhite;exports.purpurColorGradientAiBottom=r.purpurColorGradientAiBottom;exports.purpurColorGradientAiBottomNegative=r.purpurColorGradientAiBottomNegative;exports.purpurColorGradientAiTop=r.purpurColorGradientAiTop;exports.purpurColorGradientAiTopNegative=r.purpurColorGradientAiTopNegative;exports.purpurColorGray100=r.purpurColorGray100;exports.purpurColorGray150=r.purpurColorGray150;exports.purpurColorGray200=r.purpurColorGray200;exports.purpurColorGray300=r.purpurColorGray300;exports.purpurColorGray400=r.purpurColorGray400;exports.purpurColorGray50=r.purpurColorGray50;exports.purpurColorGray500=r.purpurColorGray500;exports.purpurColorGray600=r.purpurColorGray600;exports.purpurColorGray700=r.purpurColorGray700;exports.purpurColorGray800=r.purpurColorGray800;exports.purpurColorGray850=r.purpurColorGray850;exports.purpurColorGray900=r.purpurColorGray900;exports.purpurColorGray950=r.purpurColorGray950;exports.purpurColorGreen100=r.purpurColorGreen100;exports.purpurColorGreen200=r.purpurColorGreen200;exports.purpurColorGreen300=r.purpurColorGreen300;exports.purpurColorGreen400=r.purpurColorGreen400;exports.purpurColorGreen50=r.purpurColorGreen50;exports.purpurColorGreen500=r.purpurColorGreen500;exports.purpurColorGreen600=r.purpurColorGreen600;exports.purpurColorGreen700=r.purpurColorGreen700;exports.purpurColorGreen800=r.purpurColorGreen800;exports.purpurColorGreen900=r.purpurColorGreen900;exports.purpurColorGreen950=r.purpurColorGreen950;exports.purpurColorOrange100=r.purpurColorOrange100;exports.purpurColorOrange200=r.purpurColorOrange200;exports.purpurColorOrange300=r.purpurColorOrange300;exports.purpurColorOrange400=r.purpurColorOrange400;exports.purpurColorOrange50=r.purpurColorOrange50;exports.purpurColorOrange500=r.purpurColorOrange500;exports.purpurColorOrange600=r.purpurColorOrange600;exports.purpurColorOrange700=r.purpurColorOrange700;exports.purpurColorOrange800=r.purpurColorOrange800;exports.purpurColorOrange900=r.purpurColorOrange900;exports.purpurColorOrange950=r.purpurColorOrange950;exports.purpurColorOverlayDefault=r.purpurColorOverlayDefault;exports.purpurColorPurple100=r.purpurColorPurple100;exports.purpurColorPurple200=r.purpurColorPurple200;exports.purpurColorPurple300=r.purpurColorPurple300;exports.purpurColorPurple400=r.purpurColorPurple400;exports.purpurColorPurple50=r.purpurColorPurple50;exports.purpurColorPurple500=r.purpurColorPurple500;exports.purpurColorPurple550=r.purpurColorPurple550;exports.purpurColorPurple600=r.purpurColorPurple600;exports.purpurColorPurple700=r.purpurColorPurple700;exports.purpurColorPurple800=r.purpurColorPurple800;exports.purpurColorPurple900=r.purpurColorPurple900;exports.purpurColorPurple950=r.purpurColorPurple950;exports.purpurColorRed100=r.purpurColorRed100;exports.purpurColorRed200=r.purpurColorRed200;exports.purpurColorRed300=r.purpurColorRed300;exports.purpurColorRed400=r.purpurColorRed400;exports.purpurColorRed50=r.purpurColorRed50;exports.purpurColorRed500=r.purpurColorRed500;exports.purpurColorRed600=r.purpurColorRed600;exports.purpurColorRed700=r.purpurColorRed700;exports.purpurColorRed800=r.purpurColorRed800;exports.purpurColorRed900=r.purpurColorRed900;exports.purpurColorRed950=r.purpurColorRed950;exports.purpurColorTeal100=r.purpurColorTeal100;exports.purpurColorTeal200=r.purpurColorTeal200;exports.purpurColorTeal300=r.purpurColorTeal300;exports.purpurColorTeal400=r.purpurColorTeal400;exports.purpurColorTeal50=r.purpurColorTeal50;exports.purpurColorTeal500=r.purpurColorTeal500;exports.purpurColorTeal600=r.purpurColorTeal600;exports.purpurColorTeal700=r.purpurColorTeal700;exports.purpurColorTeal800=r.purpurColorTeal800;exports.purpurColorTeal900=r.purpurColorTeal900;exports.purpurColorTeal950=r.purpurColorTeal950;exports.purpurColorTextDefault=r.purpurColorTextDefault;exports.purpurColorTextDefaultNegative=r.purpurColorTextDefaultNegative;exports.purpurColorTextInteractiveOnDestructive=r.purpurColorTextInteractiveOnDestructive;exports.purpurColorTextInteractiveOnExpressive=r.purpurColorTextInteractiveOnExpressive;exports.purpurColorTextInteractiveOnExpressiveActive=r.purpurColorTextInteractiveOnExpressiveActive;exports.purpurColorTextInteractiveOnExpressiveActiveNegative=r.purpurColorTextInteractiveOnExpressiveActiveNegative;exports.purpurColorTextInteractiveOnExpressiveHover=r.purpurColorTextInteractiveOnExpressiveHover;exports.purpurColorTextInteractiveOnExpressiveHoverNegative=r.purpurColorTextInteractiveOnExpressiveHoverNegative;exports.purpurColorTextInteractiveOnExpressiveNegative=r.purpurColorTextInteractiveOnExpressiveNegative;exports.purpurColorTextInteractiveOnPrimary=r.purpurColorTextInteractiveOnPrimary;exports.purpurColorTextInteractiveOnPrimaryNegative=r.purpurColorTextInteractiveOnPrimaryNegative;exports.purpurColorTextInteractivePrimary=r.purpurColorTextInteractivePrimary;exports.purpurColorTextInteractivePrimaryActive=r.purpurColorTextInteractivePrimaryActive;exports.purpurColorTextInteractivePrimaryActiveNegative=r.purpurColorTextInteractivePrimaryActiveNegative;exports.purpurColorTextInteractivePrimaryHover=r.purpurColorTextInteractivePrimaryHover;exports.purpurColorTextInteractivePrimaryHoverNegative=r.purpurColorTextInteractivePrimaryHoverNegative;exports.purpurColorTextInteractivePrimaryNegative=r.purpurColorTextInteractivePrimaryNegative;exports.purpurColorTextInteractiveSelected=r.purpurColorTextInteractiveSelected;exports.purpurColorTextMedium=r.purpurColorTextMedium;exports.purpurColorTextMediumNegative=r.purpurColorTextMediumNegative;exports.purpurColorTextStatusAttention=r.purpurColorTextStatusAttention;exports.purpurColorTextStatusBlackFriday=r.purpurColorTextStatusBlackFriday;exports.purpurColorTextStatusDiscount=r.purpurColorTextStatusDiscount;exports.purpurColorTextStatusErrorMedium=r.purpurColorTextStatusErrorMedium;exports.purpurColorTextStatusErrorMediumNegative=r.purpurColorTextStatusErrorMediumNegative;exports.purpurColorTextStatusErrorStrong=r.purpurColorTextStatusErrorStrong;exports.purpurColorTextStatusErrorStrongNegative=r.purpurColorTextStatusErrorStrongNegative;exports.purpurColorTextStatusInfoMedium=r.purpurColorTextStatusInfoMedium;exports.purpurColorTextStatusInfoStrong=r.purpurColorTextStatusInfoStrong;exports.purpurColorTextStatusNeutral=r.purpurColorTextStatusNeutral;exports.purpurColorTextStatusSpecial=r.purpurColorTextStatusSpecial;exports.purpurColorTextStatusSuccessMedium=r.purpurColorTextStatusSuccessMedium;exports.purpurColorTextStatusSuccessMediumNegative=r.purpurColorTextStatusSuccessMediumNegative;exports.purpurColorTextStatusSuccessStrong=r.purpurColorTextStatusSuccessStrong;exports.purpurColorTextStatusSuccessStrongNegative=r.purpurColorTextStatusSuccessStrongNegative;exports.purpurColorTextStatusWarningMedium=r.purpurColorTextStatusWarningMedium;exports.purpurColorTextStatusWarningMediumNegative=r.purpurColorTextStatusWarningMediumNegative;exports.purpurColorTextStatusWarningStrong=r.purpurColorTextStatusWarningStrong;exports.purpurColorTextToneOnTonePrimary=r.purpurColorTextToneOnTonePrimary;exports.purpurColorTextToneOnToneSecondary=r.purpurColorTextToneOnToneSecondary;exports.purpurColorTextToneOnToneTertiary=r.purpurColorTextToneOnToneTertiary;exports.purpurColorTextWeak=r.purpurColorTextWeak;exports.purpurColorTextWeakNegative=r.purpurColorTextWeakNegative;exports.purpurColorTransparentBlack100=r.purpurColorTransparentBlack100;exports.purpurColorTransparentBlack150=r.purpurColorTransparentBlack150;exports.purpurColorTransparentBlack200=r.purpurColorTransparentBlack200;exports.purpurColorTransparentBlack300=r.purpurColorTransparentBlack300;exports.purpurColorTransparentBlack400=r.purpurColorTransparentBlack400;exports.purpurColorTransparentBlack50=r.purpurColorTransparentBlack50;exports.purpurColorTransparentBlack500=r.purpurColorTransparentBlack500;exports.purpurColorTransparentBlack600=r.purpurColorTransparentBlack600;exports.purpurColorTransparentBlack700=r.purpurColorTransparentBlack700;exports.purpurColorTransparentBlack800=r.purpurColorTransparentBlack800;exports.purpurColorTransparentBlack850=r.purpurColorTransparentBlack850;exports.purpurColorTransparentBlack900=r.purpurColorTransparentBlack900;exports.purpurColorTransparentBlack950=r.purpurColorTransparentBlack950;exports.purpurColorTransparentWhite100=r.purpurColorTransparentWhite100;exports.purpurColorTransparentWhite150=r.purpurColorTransparentWhite150;exports.purpurColorTransparentWhite200=r.purpurColorTransparentWhite200;exports.purpurColorTransparentWhite300=r.purpurColorTransparentWhite300;exports.purpurColorTransparentWhite400=r.purpurColorTransparentWhite400;exports.purpurColorTransparentWhite50=r.purpurColorTransparentWhite50;exports.purpurColorTransparentWhite500=r.purpurColorTransparentWhite500;exports.purpurColorTransparentWhite600=r.purpurColorTransparentWhite600;exports.purpurColorTransparentWhite700=r.purpurColorTransparentWhite700;exports.purpurColorTransparentWhite800=r.purpurColorTransparentWhite800;exports.purpurColorTransparentWhite850=r.purpurColorTransparentWhite850;exports.purpurColorTransparentWhite900=r.purpurColorTransparentWhite900;exports.purpurColorTransparentWhite950=r.purpurColorTransparentWhite950;exports.purpurMotionDuration100=o.purpurMotionDuration100;exports.purpurMotionDuration150=o.purpurMotionDuration150;exports.purpurMotionDuration1500=o.purpurMotionDuration1500;exports.purpurMotionDuration200=o.purpurMotionDuration200;exports.purpurMotionDuration2000=o.purpurMotionDuration2000;exports.purpurMotionDuration300=o.purpurMotionDuration300;exports.purpurMotionDuration400=o.purpurMotionDuration400;exports.purpurMotionDuration500=o.purpurMotionDuration500;exports.purpurMotionEasingEaseIn=o.purpurMotionEasingEaseIn;exports.purpurMotionEasingEaseInOut=o.purpurMotionEasingEaseInOut;exports.purpurMotionEasingEaseOut=o.purpurMotionEasingEaseOut;exports.ThemeProvider=l.ThemeProvider;exports.teliaTheme=l.teliaTheme;exports.useApplyTheme=l.useApplyTheme;exports.useTheme=l.useTheme;exports.useColorScheme=ir.useColorScheme;exports.af=u.af;exports.ar=u.ar;exports.arDZ=u.arDZ;exports.arEG=u.arEG;exports.arMA=u.arMA;exports.arSA=u.arSA;exports.arTN=u.arTN;exports.az=u.az;exports.be=u.be;exports.beTarask=u.beTarask;exports.bg=u.bg;exports.bn=u.bn;exports.bs=u.bs;exports.ca=u.ca;exports.ckb=u.ckb;exports.cs=u.cs;exports.cy=u.cy;exports.da=u.da;exports.de=u.de;exports.deAT=u.deAT;exports.el=u.el;exports.enAU=u.enAU;exports.enCA=u.enCA;exports.enGB=u.enGB;exports.enIE=u.enIE;exports.enIN=u.enIN;exports.enNZ=u.enNZ;exports.enZA=u.enZA;exports.eo=u.eo;exports.es=u.es;exports.et=u.et;exports.eu=u.eu;exports.faIR=u.faIR;exports.fi=u.fi;exports.fr=u.fr;exports.frCA=u.frCA;exports.frCH=u.frCH;exports.fy=u.fy;exports.gd=u.gd;exports.gl=u.gl;exports.gu=u.gu;exports.he=u.he;exports.hi=u.hi;exports.hr=u.hr;exports.ht=u.ht;exports.hu=u.hu;exports.hy=u.hy;exports.id=u.id;exports.is=u.is;exports.it=u.it;exports.itCH=u.itCH;exports.ja=u.ja;exports.jaHira=u.jaHira;exports.ka=u.ka;exports.kk=u.kk;exports.km=u.km;exports.kn=u.kn;exports.ko=u.ko;exports.lb=u.lb;exports.lt=u.lt;exports.lv=u.lv;exports.mk=u.mk;exports.mn=u.mn;exports.ms=u.ms;exports.mt=u.mt;exports.nb=u.nb;exports.nl=u.nl;exports.nlBE=u.nlBE;exports.nn=u.nn;exports.oc=u.oc;exports.pl=u.pl;exports.pt=u.pt;exports.ptBR=u.ptBR;exports.ro=u.ro;exports.ru=u.ru;exports.se=u.se;exports.sk=u.sk;exports.sl=u.sl;exports.sq=u.sq;exports.sr=u.sr;exports.srLatn=u.srLatn;exports.sv=u.sv;exports.ta=u.ta;exports.te=u.te;exports.th=u.th;exports.tr=u.tr;exports.ug=u.ug;exports.uk=u.uk;exports.uz=u.uz;exports.uzCyrl=u.uzCyrl;exports.vi=u.vi;exports.zhCN=u.zhCN;exports.zhHK=u.zhHK;exports.zhTW=u.zhTW;exports.enUS=lr.enUS;
 //# sourceMappingURL=library.cjs.js.map

package/dist/library.es.js

@@ -1,10 +1,10 @@
-import { C as o } from "./calendar-vALLklKV.mjs";
+import { C as o } from "./calendar-9p_aA7KY.mjs";
 import { A as u, N as e } from "./accordion-BKTz9DM6.mjs";
 import { A as t, a as n, b as i } from "./alert-badge-DR8cigWu.mjs";
-import { A as c, u as C } from "./autocomplete-B4dZx9zF.mjs";
+import { A as c, u as C } from "./autocomplete-DJ3zbA0m.mjs";
 import { B as d, a as T, b as B } from "./badge-DalD-yqG.mjs";
 import { B as S, I as m } from "./breadcrumbs-BtA7VLmX.mjs";
-import { B as y, a as I, b as k, c as b } from "./button-BfYKNBmC.mjs";
+import { B as y, a as I, b as k, c as b } from "./button-D-BBdNhd.mjs";
 import { C as h } from "./card-CkZQZOz1.mjs";
 import { C as P, c as A } from "./checkbox-D6qWgpWR.mjs";
 import { C as R } from "./chip-group-xuOe7nL3.mjs";
@@ -14,45 +14,45 @@ import { C as F } from "./content-block-BMOvlH7a.mjs";
 import { C as U } from "./countdown-DZ4IwkNy.mjs";
 import { C as w } from "./counter-badge-C6yuD7se.mjs";
 import { C as Z, c as q } from "./cta-link-B_FfwflB.mjs";
-import { D as Q } from "./date-field-CTJB8O0e.mjs";
-import { D as Y } from "./date-picker-CJcIJ5VL.mjs";
+import { D as Q } from "./date-field-Ch2lM7-P.mjs";
+import { D as Y } from "./date-picker-Bt3IaH23.mjs";
 import { D as $ } from "./dismissable-chip-group-ZCYOt1sB.mjs";
-import { D as ar } from "./drawer-DSFZ61OH.mjs";
+import { D as ar } from "./drawer-B6j8nfAY.mjs";
 import { F as pr, a as ur } from "./field-error-text-CBSX8dGx.mjs";
 import { F as sr } from "./field-helper-text-C5ee4SFV.mjs";
 import { F as nr } from "./footer-cH07Xqil.mjs";
 import { G as lr } from "./grid-DGnCQgwf.mjs";
 import { D as Cr, H as gr, a as dr, T as Tr } from "./heading-xwBuT_-9.mjs";
-import { H as vr, T as Sr } from "./hero-banner-CkSSlxTW.mjs";
+import { H as vr, T as Sr } from "./hero-banner-B5HKmkXc.mjs";
 import { L as xr } from "./label-7sJe5-pX.mjs";
 import { L as Ir, a as kr, l as br } from "./link-DY5WLpyc.mjs";
 import { L as hr } from "./listbox-oDeP8FvH.mjs";
-import { M as Pr } from "./modal-2ymCXTup.mjs";
-import { N as Or, a as Rr, b as Gr, c as Er, n as Dr, d as Mr, e as Wr } from "./notification-BFSOuDp8.mjs";
-import { N as Hr } from "./notification-banner-CQvBezAL.mjs";
+import { M as Pr } from "./modal-B1eJu9HN.mjs";
+import { N as Or, a as Rr, b as Gr, c as Er, n as Dr, d as Mr, e as Wr } from "./notification-BtcM7Ndu.mjs";
+import { N as Hr } from "./notification-banner-CbKcE7o4.mjs";
 import { P as Fr } from "./pagination-BdCjh1Pi.mjs";
 import { P as Ur, a as zr } from "./paragraph-Ci50OF1u.mjs";
-import { P as Xr } from "./popover-ZeQKmyEb.mjs";
+import { P as Xr } from "./popover-D3b2gHm-.mjs";
 import { P as qr } from "./product-card-BU1ThhCx.mjs";
 import { P as Qr, p as Kr } from "./promotion-card-_bPyVr9t.mjs";
-import { Q as Jr, q as $r, a as ra } from "./quantity-selector-HvyYSKah.mjs";
+import { Q as Jr, q as $r, a as ra } from "./quantity-selector-Djf8APeL.mjs";
 import { R as oa, a as pa, b as ua } from "./radio-button-group-CFqPsu5A.mjs";
 import { R as sa, a as ta, b as na, c as ia } from "./radio-card-group-BlRZBa-9.mjs";
 import { R as ca, r as Ca } from "./RichText-Bi51HE6X.mjs";
-import { S as da, s as Ta } from "./search-field-BOmCVr5b.mjs";
+import { S as da, s as Ta } from "./search-field-aP_i6Nr0.mjs";
 import { S as va } from "./select-BEmu_fh9.mjs";
 import { S as ma, r as xa } from "./skeleton-CDGzLI-T.mjs";
 import { S as Ia, a as ka } from "./slider-CDOrFmK-.mjs";
 import { S as fa, a as ha } from "./spacer-4im7q6p0.mjs";
 import { S as Pa, a as Aa, s as Oa } from "./spinner-DRQN6YdK.mjs";
-import { S as Ga } from "./stepper-D7T0wed7.mjs";
-import { T as Da, c as Ma } from "./table-B4pts_r4.mjs";
+import { S as Ga } from "./stepper-CTdGj87I.mjs";
+import { T as Da, c as Ma } from "./table-D7qthqj_.mjs";
 import { T as La, c as Ha, t as _a } from "./tabs-Bye5lgZ1.mjs";
 import { R as Va, T as Ua } from "./text-area-CpYWt99s.mjs";
-import { T as wa, i as Xa } from "./text-field-5rIuW8gc.mjs";
+import { T as wa, i as Xa } from "./text-field-9zPmL99g.mjs";
 import { E as qa, T as ja } from "./text-spacing-BU0mkEf9.mjs";
 import { T as Ka } from "./toggle-D23x1wWk.mjs";
-import { T as Ja, a as $a, b as ro } from "./tooltip-DkwyNxrQ.mjs";
+import { T as Ja, a as $a, b as ro } from "./tooltip-BtGtu3ph.mjs";
 import { V as oo } from "./visually-hidden-BYFkJEp1.mjs";
 import { purpurBorderRadiusFull as uo, purpurBorderRadiusLg as eo, purpurBorderRadiusMd as so, purpurBorderRadiusSm as to, purpurBorderRadiusXs as no, purpurBorderWidthLg as io, purpurBorderWidthMd as lo, purpurBorderWidthSm as co, purpurBorderWidthXs as Co, purpurFilterBlurOnImage as go, purpurGradientAiBackgroundInteractiveExpressive as To, purpurGradientAiBackgroundInteractiveExpressiveNegative as Bo, purpurGradientAiBackgroundInteractivePrimary as vo, purpurGradientAiBackgroundInteractivePrimaryNegative as So, purpurGradientAiBackgroundPrimaryNegative as mo, purpurGradientAiBorderInteractivePrimary as xo, purpurGradientAiBorderInteractivePrimaryNegative as yo, purpurGradientAiTextInteractivePrimary as Io, purpurGradientAiTextInteractivePrimaryNegative as ko, purpurShadowLg as bo, purpurShadowMd as fo, purpurShadowNone as ho, purpurShadowSm as No, purpurSpacing0 as Po, purpurSpacing10 as Ao, purpurSpacing100 as Oo, purpurSpacing1000 as Ro, purpurSpacing1200 as Go, purpurSpacing150 as Eo, purpurSpacing1600 as Do, purpurSpacing200 as Mo, purpurSpacing25 as Wo, purpurSpacing250 as Lo, purpurSpacing300 as Ho, purpurSpacing400 as _o, purpurSpacing50 as Fo, purpurSpacing600 as Vo, purpurSpacing800 as Uo, purpurSpacingGutterLg as zo, purpurSpacingGutterMd as wo, purpurSpacingGutterSm as Xo, purpurSpacingGutterXl as Zo, purpurSpacingPagePaddingLg as qo, purpurSpacingPagePaddingMd as jo, purpurSpacingPagePaddingSm as Qo, purpurSpacingPagePaddingXl as Ko, purpurTypographyFamilyDefault as Yo, purpurTypographyFamilyDisplay as Jo, purpurTypographyLineHeightDefault as $o, purpurTypographyLineHeightLoose as rp, purpurTypographyLineHeightLooser as ap, purpurTypographyLineHeightSnug as op, purpurTypographyLineHeightTight as pp, purpurTypographyScale100 as up, purpurTypographyScale1000 as ep, purpurTypographyScale1100 as sp, purpurTypographyScale150 as tp, purpurTypographyScale200 as np, purpurTypographyScale300 as ip, purpurTypographyScale400 as lp, purpurTypographyScale50 as cp, purpurTypographyScale500 as Cp, purpurTypographyScale600 as gp, purpurTypographyScale650 as dp, purpurTypographyScale700 as Tp, purpurTypographyScale75 as Bp, purpurTypographyScale800 as vp, purpurTypographyScale850 as Sp, purpurTypographyScale900 as mp, purpurTypographyWeightBold as xp, purpurTypographyWeightMedium as yp, purpurTypographyWeightNormal as Ip } from "./tokens.es.js";
 import { p as bp, a as fp, b as hp, c as Np, d as Pp, e as Ap, f as Op, g as Rp } from "./variables-DkCN2x27.mjs";

package/dist/{modal-2ymCXTup.mjs → modal-B1eJu9HN.mjs}

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { P as k, O as q, C as G, T as J, D as O, a as Q, b as X, R as Y } from "./index-CKCTy3ZL.mjs";
 import { forwardRef as I, useState as P, useRef as y, useCallback as Z, useEffect as g } from "react";
-import { b as tt } from "./button-BfYKNBmC.mjs";
+import { b as tt } from "./button-D-BBdNhd.mjs";
 import { H as et } from "./heading-xwBuT_-9.mjs";
 import { r as rt } from "./close.es-BPmk2wkU.mjs";
 import { P as ot } from "./paragraph-Ci50OF1u.mjs";
@@ -198,4 +198,4 @@ $.displayName = "Modal";
 export {
   $ as M
 };
-//# sourceMappingURL=modal-2ymCXTup.mjs.map
+//# sourceMappingURL=modal-B1eJu9HN.mjs.map

package/dist/{modal-2ymCXTup.mjs.map → modal-B1eJu9HN.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"modal-2ymCXTup.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n  Close as RadixClose,\n  Content as RadixContent,\n  Description as RadixDescription,\n  Overlay as RadixOverlay,\n  Portal as RadixPortal,\n  Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * One or several CTA links or buttons\n   * */\n  actions?: ReactNode;\n  children: ReactNode;\n  /**\n   * An optional accessible description to be announced when the dialog is opened.\n   * */\n  description?: string;\n  /**\n   * Prevents the modal from closing on click outside if set to `true`.\n   * */\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * Visually hides the description if set to `true`.\n   * */\n  hideDescription?: boolean;\n  /**\n   * An optional image to be displayed at the top of the modal.\n   * */\n  image?: ReactNode;\n  /**\n   * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n   * */\n  notification?: ReactNode;\n  /**\n   * Determines whether the button group should be fixed at the bottom or scroll with the content.\n   * */\n  stickyButtons?: boolean;\n  /**\n   * An accessible title to be announced when the dialog is opened.\n   * */\n  title: string;\n  /**\n   * z-index of the modal\n   * */\n  zIndex?: number;\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * */\n  onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel?: never;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel: string;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n  props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      actions,\n      children,\n      className,\n      description,\n      disableCloseOnClickOutside,\n      hideDescription,\n      image,\n      stickyButtons = true,\n      title,\n      notification = undefined,\n      zIndex,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref\n  ) => {\n    const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n    const [contentOverflow, setContentOverflow] = useState(false);\n    const [scrollbarWidth, setScrollbarWidth] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperInnerRef = useRef<HTMLDivElement>(null);\n\n    const classes = cx(\n      rootClassName,\n      { [`${rootClassName}--with-image`]: !!image },\n      { [`${rootClassName}--overflow`]: contentOverflow },\n      { [`${rootClassName}--sticky-footer`]: stickyButtons },\n      className\n    );\n\n    const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n      }\n    };\n\n    const handleContentOverflow = useCallback(() => {\n      if (!wrapperRef.current || !wrapperInnerRef.current) {\n        return;\n      }\n\n      const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n      const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n      const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n      setContentOverflow(wrapperHeight < innerHeight);\n\n      setScrollbarWidth(\n        (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n      );\n    }, []);\n\n    const handleInitialFocus = () => {\n      const frame = wrapperInnerRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (disableCloseOnClickOutside && !showCloseButton) {\n        event.preventDefault();\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener(\"resize\", handleContentOverflow);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleContentOverflow);\n      };\n    }, [handleContentOverflow]);\n\n    useEffect(() => {\n      handleContentOverflow();\n    }, [notification, children, handleContentOverflow]);\n\n    return (\n      <RadixPortal>\n        <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n        <RadixContent\n          {...rest}\n          className={classes}\n          data-testid={dataTestId}\n          ref={ref}\n          {...(!description && { [\"aria-describedby\"]: undefined })}\n          onPointerDownOutside={handlePointerDownOutside}\n          onOpenAutoFocus={() => {\n            handleContentOverflow();\n            handleInitialFocus();\n          }}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onCloseAutoFocus={onCloseAutoFocus}\n          style={{ zIndex: `calc(${zIndex} + 1)` }}\n        >\n          <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n            {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n              <CloseButton\n                aria-label={closeButtonAriaLabel}\n                hasImage\n                scrollbarWidth={scrollbarWidth}\n                data-testid={getTestId(\"close-button\")}\n              />\n            )}\n            <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n              <div className={cx(`${rootClassName}__header`)}>\n                {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n                  <CloseButton\n                    aria-label={closeButtonAriaLabel}\n                    data-testid={getTestId(\"close-button\")}\n                  />\n                )}\n                <RadixTitle\n                  asChild\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={getTestId(\"title\")}\n                >\n                  <Heading tag=\"h2\" variant=\"title-200\" tabIndex={-1}>\n                    {title}\n                  </Heading>\n                </RadixTitle>\n              </div>\n              {image && (\n                <div\n                  className={cx(`${rootClassName}__image-wrapper`)}\n                  data-testid={getTestId(\"image\")}\n                >\n                  {image}\n                </div>\n              )}\n              <div className={cx(`${rootClassName}__body`)}>\n                <div className={cx(`${rootClassName}__body-inner`)}>\n                  {description && hideDescription && (\n                    <VisuallyHidden asChild>\n                      <RadixDescription data-testid={getTestId(\"description\")}>\n                        {description}\n                      </RadixDescription>\n                    </VisuallyHidden>\n                  )}\n                  {description && !hideDescription && (\n                    <RadixDescription\n                      asChild\n                      className={cx(`${rootClassName}__description`)}\n                      data-testid={getTestId(\"description\")}\n                    >\n                      <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n                    </RadixDescription>\n                  )}\n                  <div>{children}</div>\n                  {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n        </RadixContent>\n      </RadixPortal>\n    );\n  }\n);\n\nconst CloseButton = ({\n  [\"aria-label\"]: ariaLabel,\n  hasImage,\n  scrollbarWidth,\n  [\"data-testid\"]: dataTestId,\n}: {\n  [\"aria-label\"]: string;\n  hasImage?: boolean;\n  scrollbarWidth?: number;\n  [\"data-testid\"]?: string;\n}) => (\n  <RadixClose asChild>\n    <Button\n      variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n      negative={hasImage}\n      size=\"sm\"\n      iconOnly\n      aria-label={ariaLabel}\n      className={cx(`${rootClassName}__close-button`)}\n      style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n      data-testid={dataTestId}\n    >\n      <IconClose />\n    </Button>\n  </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n  actions,\n  notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (notification) {\n      notificationRef?.current?.scrollIntoView?.(false);\n    }\n  }, [notification]);\n\n  return actions ? (\n    <div className={cx(`${rootClassName}__actions`)}>\n      <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n        {actions}\n      </div>\n      {notification && (\n        <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n          {notification}\n        </div>\n      )}\n      <span className={cx(`${rootClassName}__actions-separator`)} />\n    </div>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <RadixTrigger asChild ref={ref} {...props}>\n        {children}\n      </RadixTrigger>\n    );\n  }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * Event handler called when the open state of the dialog changes.\n   * */\n  onOpenChange?: (value: boolean) => void;\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   * */\n  open?: boolean;\n};\n\nexport const Modal = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  open,\n  onOpenChange,\n}: ModalProps) => (\n  <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n    {children}\n  </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","RadixPortal","jsx","RadixOverlay","jsxs","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
+{"version":3,"file":"modal-B1eJu9HN.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n  Close as RadixClose,\n  Content as RadixContent,\n  Description as RadixDescription,\n  Overlay as RadixOverlay,\n  Portal as RadixPortal,\n  Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * One or several CTA links or buttons\n   * */\n  actions?: ReactNode;\n  children: ReactNode;\n  /**\n   * An optional accessible description to be announced when the dialog is opened.\n   * */\n  description?: string;\n  /**\n   * Prevents the modal from closing on click outside if set to `true`.\n   * */\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * Visually hides the description if set to `true`.\n   * */\n  hideDescription?: boolean;\n  /**\n   * An optional image to be displayed at the top of the modal.\n   * */\n  image?: ReactNode;\n  /**\n   * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n   * */\n  notification?: ReactNode;\n  /**\n   * Determines whether the button group should be fixed at the bottom or scroll with the content.\n   * */\n  stickyButtons?: boolean;\n  /**\n   * An accessible title to be announced when the dialog is opened.\n   * */\n  title: string;\n  /**\n   * z-index of the modal\n   * */\n  zIndex?: number;\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * */\n  onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel?: never;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel: string;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n  props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      actions,\n      children,\n      className,\n      description,\n      disableCloseOnClickOutside,\n      hideDescription,\n      image,\n      stickyButtons = true,\n      title,\n      notification = undefined,\n      zIndex,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref\n  ) => {\n    const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n    const [contentOverflow, setContentOverflow] = useState(false);\n    const [scrollbarWidth, setScrollbarWidth] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperInnerRef = useRef<HTMLDivElement>(null);\n\n    const classes = cx(\n      rootClassName,\n      { [`${rootClassName}--with-image`]: !!image },\n      { [`${rootClassName}--overflow`]: contentOverflow },\n      { [`${rootClassName}--sticky-footer`]: stickyButtons },\n      className\n    );\n\n    const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n      }\n    };\n\n    const handleContentOverflow = useCallback(() => {\n      if (!wrapperRef.current || !wrapperInnerRef.current) {\n        return;\n      }\n\n      const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n      const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n      const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n      setContentOverflow(wrapperHeight < innerHeight);\n\n      setScrollbarWidth(\n        (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n      );\n    }, []);\n\n    const handleInitialFocus = () => {\n      const frame = wrapperInnerRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (disableCloseOnClickOutside && !showCloseButton) {\n        event.preventDefault();\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener(\"resize\", handleContentOverflow);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleContentOverflow);\n      };\n    }, [handleContentOverflow]);\n\n    useEffect(() => {\n      handleContentOverflow();\n    }, [notification, children, handleContentOverflow]);\n\n    return (\n      <RadixPortal>\n        <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n        <RadixContent\n          {...rest}\n          className={classes}\n          data-testid={dataTestId}\n          ref={ref}\n          {...(!description && { [\"aria-describedby\"]: undefined })}\n          onPointerDownOutside={handlePointerDownOutside}\n          onOpenAutoFocus={() => {\n            handleContentOverflow();\n            handleInitialFocus();\n          }}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onCloseAutoFocus={onCloseAutoFocus}\n          style={{ zIndex: `calc(${zIndex} + 1)` }}\n        >\n          <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n            {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n              <CloseButton\n                aria-label={closeButtonAriaLabel}\n                hasImage\n                scrollbarWidth={scrollbarWidth}\n                data-testid={getTestId(\"close-button\")}\n              />\n            )}\n            <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n              <div className={cx(`${rootClassName}__header`)}>\n                {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n                  <CloseButton\n                    aria-label={closeButtonAriaLabel}\n                    data-testid={getTestId(\"close-button\")}\n                  />\n                )}\n                <RadixTitle\n                  asChild\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={getTestId(\"title\")}\n                >\n                  <Heading tag=\"h2\" variant=\"title-200\" tabIndex={-1}>\n                    {title}\n                  </Heading>\n                </RadixTitle>\n              </div>\n              {image && (\n                <div\n                  className={cx(`${rootClassName}__image-wrapper`)}\n                  data-testid={getTestId(\"image\")}\n                >\n                  {image}\n                </div>\n              )}\n              <div className={cx(`${rootClassName}__body`)}>\n                <div className={cx(`${rootClassName}__body-inner`)}>\n                  {description && hideDescription && (\n                    <VisuallyHidden asChild>\n                      <RadixDescription data-testid={getTestId(\"description\")}>\n                        {description}\n                      </RadixDescription>\n                    </VisuallyHidden>\n                  )}\n                  {description && !hideDescription && (\n                    <RadixDescription\n                      asChild\n                      className={cx(`${rootClassName}__description`)}\n                      data-testid={getTestId(\"description\")}\n                    >\n                      <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n                    </RadixDescription>\n                  )}\n                  <div>{children}</div>\n                  {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n        </RadixContent>\n      </RadixPortal>\n    );\n  }\n);\n\nconst CloseButton = ({\n  [\"aria-label\"]: ariaLabel,\n  hasImage,\n  scrollbarWidth,\n  [\"data-testid\"]: dataTestId,\n}: {\n  [\"aria-label\"]: string;\n  hasImage?: boolean;\n  scrollbarWidth?: number;\n  [\"data-testid\"]?: string;\n}) => (\n  <RadixClose asChild>\n    <Button\n      variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n      negative={hasImage}\n      size=\"sm\"\n      iconOnly\n      aria-label={ariaLabel}\n      className={cx(`${rootClassName}__close-button`)}\n      style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n      data-testid={dataTestId}\n    >\n      <IconClose />\n    </Button>\n  </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n  actions,\n  notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (notification) {\n      notificationRef?.current?.scrollIntoView?.(false);\n    }\n  }, [notification]);\n\n  return actions ? (\n    <div className={cx(`${rootClassName}__actions`)}>\n      <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n        {actions}\n      </div>\n      {notification && (\n        <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n          {notification}\n        </div>\n      )}\n      <span className={cx(`${rootClassName}__actions-separator`)} />\n    </div>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <RadixTrigger asChild ref={ref} {...props}>\n        {children}\n      </RadixTrigger>\n    );\n  }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * Event handler called when the open state of the dialog changes.\n   * */\n  onOpenChange?: (value: boolean) => void;\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   * */\n  open?: boolean;\n};\n\nexport const Modal = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  open,\n  onOpenChange,\n}: ModalProps) => (\n  <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n    {children}\n  </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","RadixPortal","jsx","RadixOverlay","jsxs","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}

package/dist/{modal-CXi2xez5.js → modal-CQiJ98iI.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index-2cFVyGXq.js"),a=require("react"),F=require("./button-DDYGuqZ0.js"),L=require("./heading-drD5ugCC.js"),U=require("./close.es-VL3lKi1O.js"),V=require("./paragraph-BsI53OR0.js"),K=require("./visually-hidden-C2CKovZx.js"),k=require("./bind-DeUYJ6m9.js"),G="_fadeIn_slvdi_1",J="_fadeOut_slvdi_1",Q="_slideUp_slvdi_1",X="_slideDown_slvdi_1",Y={"purpur-modal-content":"_purpur-modal-content_slvdi_1",fadeIn:G,fadeOut:J,slideUp:Q,slideDown:X,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_slvdi_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_slvdi_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_slvdi_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_slvdi_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_slvdi_89","purpur-modal-content__header":"_purpur-modal-content__header_slvdi_112","purpur-modal-content__title":"_purpur-modal-content__title_slvdi_125","purpur-modal-content__description":"_purpur-modal-content__description_slvdi_128","purpur-modal-content__body":"_purpur-modal-content__body_slvdi_131","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_slvdi_139","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_slvdi_151","purpur-modal-content__notification":"_purpur-modal-content__notification_slvdi_169","purpur-modal-content--with-image":"_purpur-modal-content--with-image_slvdi_172","purpur-modal-content--overflow":"_purpur-modal-content--overflow_slvdi_172","purpur-modal-content__actions":"_purpur-modal-content__actions_slvdi_151","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_slvdi_203","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_slvdi_213"},N=n=>n.showCloseButton===!0,r=k.c.bind(Y),t="purpur-modal-content",Z=a.forwardRef(({["data-testid"]:n,actions:o,children:s,className:u,description:_,disableCloseOnClickOutside:b,hideDescription:g,image:p,stickyButtons:x=!0,title:q,notification:j=void 0,zIndex:$,onCloseAutoFocus:D,...y},O)=>{const{closeButtonAriaLabel:v,showCloseButton:E,...H}=y,[I,M]=a.useState(!1),[P,S]=a.useState(0),m=a.useRef(null),h=a.useRef(null),B=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:x},u),i=l=>n?`${n} ${l}`:void 0,T=l=>{b&&l.preventDefault()},c=a.useCallback(()=>{if(!m.current||!h.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),A=h.current.offsetHeight;M(f<A),S((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),W=()=>{const l=h.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},z=l=>{b&&!E&&l.preventDefault()};return a.useEffect(()=>(window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[c]),a.useEffect(()=>{c()},[j,s,c]),e.jsxs(d.Portal,{children:[e.jsx(d.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(d.Content,{...H,className:B,"data-testid":n,ref:O,...!_&&{"aria-describedby":void 0},onPointerDownOutside:T,onOpenAutoFocus:()=>{c(),W()},onEscapeKeyDown:z,onCloseAutoFocus:D,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(y)&&v&&p&&e.jsx(C,{"aria-label":v,hasImage:!0,scrollbarWidth:P,"data-testid":i("close-button")}),e.jsxs("div",{ref:h,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(y)&&v&&!p&&e.jsx(C,{"aria-label":v,"data-testid":i("close-button")}),e.jsx(d.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":i("title"),children:e.jsx(L.Heading,{tag:"h2",variant:"title-200",tabIndex:-1,children:q})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":i("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&g&&e.jsx(K.VisuallyHidden,{asChild:!0,children:e.jsx(d.Description,{"data-testid":i("description"),children:_})}),_&&!g&&e.jsx(d.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":i("description"),children:e.jsx(V.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:s}),!x&&e.jsx(R,{actions:o,notification:j})]})})]})]}),x&&e.jsx(R,{actions:o,notification:j})]})]})}),C=({["aria-label"]:n,hasImage:o,scrollbarWidth:s,["data-testid"]:u})=>e.jsx(d.Close,{asChild:!0,children:e.jsx(F.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${s||0}px)`},"data-testid":u,children:e.jsx(U.r,{})})}),R=({actions:n,notification:o})=>{const s=a.useRef(null);return a.useEffect(()=>{o&&s?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:s,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},ee=a.forwardRef(({children:n,...o},s)=>e.jsx(d.Trigger,{asChild:!0,ref:s,...o,children:n})),w=({["data-testid"]:n,children:o,open:s,onOpenChange:u})=>e.jsx(d.Root,{open:s,onOpenChange:u,"data-testid":n,children:o});w.Trigger=ee;w.Content=Z;w.displayName="Modal";exports.Modal=w;
-//# sourceMappingURL=modal-CXi2xez5.js.map
+"use strict";const e=require("react/jsx-runtime"),d=require("./index-2cFVyGXq.js"),a=require("react"),F=require("./button-BxdChrq-.js"),L=require("./heading-drD5ugCC.js"),U=require("./close.es-VL3lKi1O.js"),V=require("./paragraph-BsI53OR0.js"),K=require("./visually-hidden-C2CKovZx.js"),k=require("./bind-DeUYJ6m9.js"),G="_fadeIn_slvdi_1",J="_fadeOut_slvdi_1",Q="_slideUp_slvdi_1",X="_slideDown_slvdi_1",Y={"purpur-modal-content":"_purpur-modal-content_slvdi_1",fadeIn:G,fadeOut:J,slideUp:Q,slideDown:X,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_slvdi_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_slvdi_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_slvdi_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_slvdi_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_slvdi_89","purpur-modal-content__header":"_purpur-modal-content__header_slvdi_112","purpur-modal-content__title":"_purpur-modal-content__title_slvdi_125","purpur-modal-content__description":"_purpur-modal-content__description_slvdi_128","purpur-modal-content__body":"_purpur-modal-content__body_slvdi_131","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_slvdi_139","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_slvdi_151","purpur-modal-content__notification":"_purpur-modal-content__notification_slvdi_169","purpur-modal-content--with-image":"_purpur-modal-content--with-image_slvdi_172","purpur-modal-content--overflow":"_purpur-modal-content--overflow_slvdi_172","purpur-modal-content__actions":"_purpur-modal-content__actions_slvdi_151","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_slvdi_203","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_slvdi_213"},N=n=>n.showCloseButton===!0,r=k.c.bind(Y),t="purpur-modal-content",Z=a.forwardRef(({["data-testid"]:n,actions:o,children:s,className:u,description:_,disableCloseOnClickOutside:b,hideDescription:g,image:p,stickyButtons:x=!0,title:q,notification:j=void 0,zIndex:$,onCloseAutoFocus:D,...y},O)=>{const{closeButtonAriaLabel:v,showCloseButton:E,...H}=y,[I,M]=a.useState(!1),[P,S]=a.useState(0),m=a.useRef(null),h=a.useRef(null),B=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:x},u),i=l=>n?`${n} ${l}`:void 0,T=l=>{b&&l.preventDefault()},c=a.useCallback(()=>{if(!m.current||!h.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),A=h.current.offsetHeight;M(f<A),S((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),W=()=>{const l=h.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},z=l=>{b&&!E&&l.preventDefault()};return a.useEffect(()=>(window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[c]),a.useEffect(()=>{c()},[j,s,c]),e.jsxs(d.Portal,{children:[e.jsx(d.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(d.Content,{...H,className:B,"data-testid":n,ref:O,...!_&&{"aria-describedby":void 0},onPointerDownOutside:T,onOpenAutoFocus:()=>{c(),W()},onEscapeKeyDown:z,onCloseAutoFocus:D,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(y)&&v&&p&&e.jsx(C,{"aria-label":v,hasImage:!0,scrollbarWidth:P,"data-testid":i("close-button")}),e.jsxs("div",{ref:h,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(y)&&v&&!p&&e.jsx(C,{"aria-label":v,"data-testid":i("close-button")}),e.jsx(d.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":i("title"),children:e.jsx(L.Heading,{tag:"h2",variant:"title-200",tabIndex:-1,children:q})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":i("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&g&&e.jsx(K.VisuallyHidden,{asChild:!0,children:e.jsx(d.Description,{"data-testid":i("description"),children:_})}),_&&!g&&e.jsx(d.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":i("description"),children:e.jsx(V.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:s}),!x&&e.jsx(R,{actions:o,notification:j})]})})]})]}),x&&e.jsx(R,{actions:o,notification:j})]})]})}),C=({["aria-label"]:n,hasImage:o,scrollbarWidth:s,["data-testid"]:u})=>e.jsx(d.Close,{asChild:!0,children:e.jsx(F.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${s||0}px)`},"data-testid":u,children:e.jsx(U.r,{})})}),R=({actions:n,notification:o})=>{const s=a.useRef(null);return a.useEffect(()=>{o&&s?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:s,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},ee=a.forwardRef(({children:n,...o},s)=>e.jsx(d.Trigger,{asChild:!0,ref:s,...o,children:n})),w=({["data-testid"]:n,children:o,open:s,onOpenChange:u})=>e.jsx(d.Root,{open:s,onOpenChange:u,"data-testid":n,children:o});w.Trigger=ee;w.Content=Z;w.displayName="Modal";exports.Modal=w;
+//# sourceMappingURL=modal-CQiJ98iI.js.map