@purpur/library 9.0.2 → 9.0.4

package/dist/footer.cjs.js

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

package/dist/footer.es.js

@@ -1,4 +1,4 @@
-import { F as e } from "./footer-DY0s_C6e.mjs";
+import { F as e } from "./footer-DcWsihxS.mjs";
 export {
   e as Footer
 };

package/dist/{hero-banner-Cl5YFaKh.mjs → hero-banner-B8fRHxXc.mjs}

@@ -2,9 +2,8 @@ import { jsx as n, jsxs as i } from "react/jsx-runtime";
 import { G as B } from "./grid-DGnCQgwf.mjs";
 import { a as H } from "./heading-gqtQNo5n.mjs";
 import { a as v } from "./paragraph-DNtj7OLr.mjs";
-import { u as V } from "./ThemeProvider-mOHIAi2k.mjs";
+import { u as V } from "./ThemeProvider-CrjMv3M8.mjs";
 import "react";
-import "change-case";
 import { c as $ } from "./bind-CU-R61T-.mjs";
 import { c as C } from "./button-DBX_tvfJ.mjs";
 import { b as Z } from "./icon.es-CZcKxTaM.mjs";
@@ -67,7 +66,7 @@ const p = {
       children: /* @__PURE__ */ n(Z, { size: "xs", svg: o ? j : G })
     }
   )
-] }), r = $.bind(p), R = {
+] }), r = $.bind(p), Q = {
   default: "default",
   enabled: "enabled",
   disabled: "disabled"
@@ -172,6 +171,6 @@ m.Media = S;
 m.Actions = A;
 export {
   m as H,
-  R as T
+  Q as T
 };
-//# sourceMappingURL=hero-banner-Cl5YFaKh.mjs.map
+//# sourceMappingURL=hero-banner-B8fRHxXc.mjs.map

package/dist/{hero-banner-Cl5YFaKh.mjs.map → hero-banner-B8fRHxXc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hero-banner-Cl5YFaKh.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-B8fRHxXc.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-D3peC1NR.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),w=require("./grid-uGMD2euo.js"),B=require("./heading-DLCdW6gx.js"),m=require("./paragraph-BsI53OR0.js"),f=require("./ThemeProvider-ipAIFRUi.js");require("react");const v=require("./bind-DeUYJ6m9.js"),H=require("./button-ChYUPi2k.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-D3peC1NR.js.map

package/dist/{hero-banner-4JZr2Tzb.js.map → hero-banner-D3peC1NR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hero-banner-4JZr2Tzb.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-D3peC1NR.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-4JZr2Tzb.js");exports.HeroBanner=e.HeroBanner;exports.TitleHyphenVariant=e.TitleHyphenVariant;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hero-banner-D3peC1NR.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-Cl5YFaKh.mjs";
+import { H as r, T as n } from "./hero-banner-B8fRHxXc.mjs";
 export {
   r as HeroBanner,
   n as TitleHyphenVariant

package/dist/libraries/library/src/library.d.ts

@@ -54,6 +54,6 @@ export * from '../../../components/text-spacing/src/text-spacing';
 export * from '../../../components/toggle/src/toggle';
 export * from '../../../components/tooltip/src/tooltip';
 export * from '../../../components/visually-hidden/src/visually-hidden';
-export * from '@purpur/tokens';
+export * from '../../tokens/dist/index.js';
 export * from '../../theme/src/theme';
 //# sourceMappingURL=library.d.ts.map

package/dist/libraries/library/src/tokens.d.ts

@@ -2,5 +2,5 @@
  * ⚠️ WARNING ⚠️
  * This file is automatically generated, do not edit it manually
  */
-export * from '@purpur/tokens';
+export * from '../../tokens/dist/index.js';
 //# sourceMappingURL=tokens.d.ts.map

package/dist/libraries/theme/src/useApplyTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useApplyTheme.d.ts","sourceRoot":"","sources":["../../../../../theme/src/useApplyTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,sDAI3B,KAAK,SAiBP,CAAC"}
+{"version":3,"file":"useApplyTheme.d.ts","sourceRoot":"","sources":["../../../../../theme/src/useApplyTheme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIlD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,sDAI3B,KAAK,SAiBP,CAAC"}

package/dist/libraries/tokens/dist/border/variables.d.ts

@@ -0,0 +1,9 @@
+export const purpurBorderRadiusXs: string;
+export const purpurBorderRadiusSm: string;
+export const purpurBorderRadiusMd: string;
+export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusFull: string;
+export const purpurBorderWidthXs: string;
+export const purpurBorderWidthSm: string;
+export const purpurBorderWidthMd: string;
+export const purpurBorderWidthLg: string;

package/dist/libraries/tokens/dist/border/variables.dark.d.ts

@@ -0,0 +1,9 @@
+export const purpurBorderRadiusXs: string;
+export const purpurBorderRadiusSm: string;
+export const purpurBorderRadiusMd: string;
+export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusFull: string;
+export const purpurBorderWidthXs: string;
+export const purpurBorderWidthSm: string;
+export const purpurBorderWidthMd: string;
+export const purpurBorderWidthLg: string;

package/dist/libraries/tokens/dist/breakpoint/variables.d.ts

@@ -0,0 +1,8 @@
+export const purpurBreakpointSm: string;
+export const purpurBreakpointMd: string;
+export const purpurBreakpointLg: string;
+export const purpurBreakpointXl: string;
+export const purpurBreakpointRelativeSm: string;
+export const purpurBreakpointRelativeMd: string;
+export const purpurBreakpointRelativeLg: string;
+export const purpurBreakpointRelativeXl: string;

package/dist/libraries/tokens/dist/breakpoint/variables.dark.d.ts

@@ -0,0 +1,8 @@
+export const purpurBreakpointSm: string;
+export const purpurBreakpointMd: string;
+export const purpurBreakpointLg: string;
+export const purpurBreakpointXl: string;
+export const purpurBreakpointRelativeSm: string;
+export const purpurBreakpointRelativeMd: string;
+export const purpurBreakpointRelativeLg: string;
+export const purpurBreakpointRelativeXl: string;

package/dist/libraries/tokens/dist/color/variables.d.ts

@@ -0,0 +1,252 @@
+export const purpurColorPurple50: string;
+export const purpurColorPurple100: string;
+export const purpurColorPurple200: string;
+export const purpurColorPurple300: string;
+export const purpurColorPurple400: string;
+export const purpurColorPurple500: string;
+export const purpurColorPurple550: string;
+export const purpurColorPurple600: string;
+export const purpurColorPurple700: string;
+export const purpurColorPurple800: string;
+export const purpurColorPurple900: string;
+export const purpurColorPurple950: string;
+export const purpurColorBeige50: string;
+export const purpurColorBeige100: string;
+export const purpurColorBeige200: string;
+export const purpurColorBeige300: string;
+export const purpurColorBeige400: string;
+export const purpurColorBeige500: string;
+export const purpurColorBeige600: string;
+export const purpurColorBeige700: string;
+export const purpurColorBeige800: string;
+export const purpurColorBeige900: string;
+export const purpurColorBeige950: string;
+export const purpurColorTeal50: string;
+export const purpurColorTeal100: string;
+export const purpurColorTeal200: string;
+export const purpurColorTeal300: string;
+export const purpurColorTeal400: string;
+export const purpurColorTeal500: string;
+export const purpurColorTeal600: string;
+export const purpurColorTeal700: string;
+export const purpurColorTeal800: string;
+export const purpurColorTeal900: string;
+export const purpurColorTeal950: string;
+export const purpurColorGray50: string;
+export const purpurColorGray100: string;
+export const purpurColorGray150: string;
+export const purpurColorGray200: string;
+export const purpurColorGray300: string;
+export const purpurColorGray400: string;
+export const purpurColorGray500: string;
+export const purpurColorGray600: string;
+export const purpurColorGray700: string;
+export const purpurColorGray800: string;
+export const purpurColorGray850: string;
+export const purpurColorGray900: string;
+export const purpurColorGray950: string;
+export const purpurColorGreen50: string;
+export const purpurColorGreen100: string;
+export const purpurColorGreen200: string;
+export const purpurColorGreen300: string;
+export const purpurColorGreen400: string;
+export const purpurColorGreen500: string;
+export const purpurColorGreen600: string;
+export const purpurColorGreen700: string;
+export const purpurColorGreen800: string;
+export const purpurColorGreen900: string;
+export const purpurColorGreen950: string;
+export const purpurColorRed50: string;
+export const purpurColorRed100: string;
+export const purpurColorRed200: string;
+export const purpurColorRed300: string;
+export const purpurColorRed400: string;
+export const purpurColorRed500: string;
+export const purpurColorRed600: string;
+export const purpurColorRed700: string;
+export const purpurColorRed800: string;
+export const purpurColorRed900: string;
+export const purpurColorRed950: string;
+export const purpurColorOrange50: string;
+export const purpurColorOrange100: string;
+export const purpurColorOrange200: string;
+export const purpurColorOrange300: string;
+export const purpurColorOrange400: string;
+export const purpurColorOrange500: string;
+export const purpurColorOrange600: string;
+export const purpurColorOrange700: string;
+export const purpurColorOrange800: string;
+export const purpurColorOrange900: string;
+export const purpurColorOrange950: string;
+export const purpurColorBlue50: string;
+export const purpurColorBlue100: string;
+export const purpurColorBlue200: string;
+export const purpurColorBlue300: string;
+export const purpurColorBlue400: string;
+export const purpurColorBlue500: string;
+export const purpurColorBlue600: string;
+export const purpurColorBlue700: string;
+export const purpurColorBlue800: string;
+export const purpurColorBlue900: string;
+export const purpurColorBlue950: string;
+export const purpurColorTransparentBlack50: string;
+export const purpurColorTransparentBlack100: string;
+export const purpurColorTransparentBlack150: string;
+export const purpurColorTransparentBlack200: string;
+export const purpurColorTransparentBlack300: string;
+export const purpurColorTransparentBlack400: string;
+export const purpurColorTransparentBlack500: string;
+export const purpurColorTransparentBlack600: string;
+export const purpurColorTransparentBlack700: string;
+export const purpurColorTransparentBlack800: string;
+export const purpurColorTransparentBlack850: string;
+export const purpurColorTransparentBlack900: string;
+export const purpurColorTransparentBlack950: string;
+export const purpurColorTransparentWhite50: string;
+export const purpurColorTransparentWhite100: string;
+export const purpurColorTransparentWhite150: string;
+export const purpurColorTransparentWhite200: string;
+export const purpurColorTransparentWhite300: string;
+export const purpurColorTransparentWhite400: string;
+export const purpurColorTransparentWhite500: string;
+export const purpurColorTransparentWhite600: string;
+export const purpurColorTransparentWhite700: string;
+export const purpurColorTransparentWhite800: string;
+export const purpurColorTransparentWhite850: string;
+export const purpurColorTransparentWhite900: string;
+export const purpurColorTransparentWhite950: string;
+export const purpurColorFunctionalBlack: string;
+export const purpurColorFunctionalWhite: string;
+export const purpurColorFunctionalTransparent: string;
+export const purpurColorBrandDeepPurple: string;
+export const purpurColorBrandCorePurple: string;
+export const purpurColorBrandLightPurple: string;
+export const purpurColorBrandDeepBeige: string;
+export const purpurColorBrandBeige: string;
+export const purpurColorBrandLightBeige: string;
+export const purpurColorBrandOffBlack: string;
+export const purpurColorBrandWhite: string;
+export const purpurColorTextDefault: string;
+export const purpurColorTextMedium: string;
+export const purpurColorTextWeak: string;
+export const purpurColorTextDefaultNegative: string;
+export const purpurColorTextMediumNegative: string;
+export const purpurColorTextWeakNegative: string;
+export const purpurColorTextInteractivePrimary: string;
+export const purpurColorTextInteractivePrimaryHover: string;
+export const purpurColorTextInteractivePrimaryActive: string;
+export const purpurColorTextInteractiveOnPrimary: string;
+export const purpurColorTextInteractiveOnPrimaryNegative: string;
+export const purpurColorTextInteractivePrimaryNegative: string;
+export const purpurColorTextInteractivePrimaryHoverNegative: string;
+export const purpurColorTextInteractivePrimaryActiveNegative: string;
+export const purpurColorTextInteractiveOnExpressive: string;
+export const purpurColorTextInteractiveOnExpressiveNegative: string;
+export const purpurColorTextInteractiveOnExpressiveHover: string;
+export const purpurColorTextInteractiveOnExpressiveHoverNegative: string;
+export const purpurColorTextInteractiveOnExpressiveActive: string;
+export const purpurColorTextInteractiveOnExpressiveActiveNegative: string;
+export const purpurColorTextInteractiveOnDestructive: string;
+export const purpurColorTextInteractiveSelected: string;
+export const purpurColorTextStatusDiscount: string;
+export const purpurColorTextStatusErrorStrong: string;
+export const purpurColorTextStatusErrorStrongNegative: string;
+export const purpurColorTextStatusErrorMedium: string;
+export const purpurColorTextStatusErrorMediumNegative: string;
+export const purpurColorTextStatusSuccessStrong: string;
+export const purpurColorTextStatusSuccessStrongNegative: string;
+export const purpurColorTextStatusSuccessMedium: string;
+export const purpurColorTextStatusSuccessMediumNegative: string;
+export const purpurColorTextStatusWarningStrong: string;
+export const purpurColorTextStatusWarningMedium: string;
+export const purpurColorTextStatusWarningMediumNegative: string;
+export const purpurColorTextStatusInfoStrong: string;
+export const purpurColorTextStatusInfoMedium: string;
+export const purpurColorTextStatusNeutral: string;
+export const purpurColorTextStatusSpecial: string;
+export const purpurColorTextStatusAttention: string;
+export const purpurColorTextStatusBlackFriday: string;
+export const purpurColorTextToneOnTonePrimary: string;
+export const purpurColorTextToneOnToneSecondary: string;
+export const purpurColorTextToneOnToneTertiary: string;
+export const purpurColorBackgroundPrimary: string;
+export const purpurColorBackgroundPrimaryNegative: string;
+export const purpurColorBackgroundSecondary: string;
+export const purpurColorBackgroundSecondaryNegative: string;
+export const purpurColorBackgroundOnImage: string;
+export const purpurColorBackgroundOnImageNegative: string;
+export const purpurColorBackgroundInteractiveAutoFill: string;
+export const purpurColorBackgroundInteractivePrimary: string;
+export const purpurColorBackgroundInteractivePrimaryHover: string;
+export const purpurColorBackgroundInteractivePrimaryActive: string;
+export const purpurColorBackgroundInteractivePrimaryNegative: string;
+export const purpurColorBackgroundInteractivePrimaryHoverNegative: string;
+export const purpurColorBackgroundInteractivePrimaryActiveNegative: string;
+export const purpurColorBackgroundInteractiveExpressive: string;
+export const purpurColorBackgroundInteractiveExpressiveHover: string;
+export const purpurColorBackgroundInteractiveExpressiveActive: string;
+export const purpurColorBackgroundInteractiveExpressiveNegative: string;
+export const purpurColorBackgroundInteractiveExpressiveHoverNegative: string;
+export const purpurColorBackgroundInteractiveExpressiveActiveNegative: string;
+export const purpurColorBackgroundInteractiveDisabled: string;
+export const purpurColorBackgroundInteractiveDisabledNegative: string;
+export const purpurColorBackgroundInteractiveTransparentHover: string;
+export const purpurColorBackgroundInteractiveTransparentHoverNegative: string;
+export const purpurColorBackgroundInteractiveTransparentActive: string;
+export const purpurColorBackgroundInteractiveTransparentActiveNegative: string;
+export const purpurColorBackgroundInteractiveInactive: string;
+export const purpurColorBackgroundInteractiveInactiveNegative: string;
+export const purpurColorBackgroundInteractiveReadOnly: string;
+export const purpurColorBackgroundInteractiveReadOnlyNegative: string;
+export const purpurColorBackgroundInteractiveDestructive: string;
+export const purpurColorBackgroundInteractiveDestructiveHover: string;
+export const purpurColorBackgroundInteractiveDestructiveActive: string;
+export const purpurColorBackgroundStatusInfoMedium: string;
+export const purpurColorBackgroundStatusInfoStrong: string;
+export const purpurColorBackgroundStatusSuccessMedium: string;
+export const purpurColorBackgroundStatusSuccessStrong: string;
+export const purpurColorBackgroundStatusSuccessStrongNegative: string;
+export const purpurColorBackgroundStatusErrorMedium: string;
+export const purpurColorBackgroundStatusErrorStrong: string;
+export const purpurColorBackgroundStatusErrorStrongNegative: string;
+export const purpurColorBackgroundStatusWarningMedium: string;
+export const purpurColorBackgroundStatusWarningStrong: string;
+export const purpurColorBackgroundStatusWarningStrongNegative: string;
+export const purpurColorBackgroundStatusNeutral: string;
+export const purpurColorBackgroundStatusSpecial: string;
+export const purpurColorBackgroundStatusAttention: string;
+export const purpurColorBackgroundStatusBlackFriday: string;
+export const purpurColorBackgroundToneOnTonePrimary: string;
+export const purpurColorBackgroundToneOnToneSecondary: string;
+export const purpurColorBackgroundToneOnToneTertiary: string;
+export const purpurColorBackgroundToneOnToneQuaternary: string;
+export const purpurColorBorderMedium: string;
+export const purpurColorBorderMediumNegative: string;
+export const purpurColorBorderStrong: string;
+export const purpurColorBorderStrongNegative: string;
+export const purpurColorBorderWeak: string;
+export const purpurColorBorderWeakNegative: string;
+export const purpurColorBorderInteractiveFocus: string;
+export const purpurColorBorderInteractivePrimary: string;
+export const purpurColorBorderInteractivePrimaryNegative: string;
+export const purpurColorBorderInteractivePrimaryHover: string;
+export const purpurColorBorderInteractivePrimaryActive: string;
+export const purpurColorBorderInteractivePrimaryHoverNegative: string;
+export const purpurColorBorderInteractivePrimaryActiveNegative: string;
+export const purpurColorBorderInteractiveExpressive: string;
+export const purpurColorBorderInteractiveSelected: string;
+export const purpurColorBorderInteractiveSubtle: string;
+export const purpurColorBorderInteractiveSubtleNegative: string;
+export const purpurColorBorderInteractiveSubtleHover: string;
+export const purpurColorBorderInteractiveSubtleHoverNegative: string;
+export const purpurColorBorderStatusError: string;
+export const purpurColorBorderStatusErrorNegative: string;
+export const purpurColorBorderStatusWarning: string;
+export const purpurColorBorderStatusInfo: string;
+export const purpurColorBorderStatusSuccess: string;
+export const purpurColorBorderStatusSuccessNegative: string;
+export const purpurColorOverlayDefault: string;
+export const purpurColorGradientAiBottom: string;
+export const purpurColorGradientAiBottomNegative: string;
+export const purpurColorGradientAiTop: string;
+export const purpurColorGradientAiTopNegative: string;