@purpur/library 8.21.0

package/dist/heading-gqtQNo5n.mjs

@@ -0,0 +1,75 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as h } from "./index-CxzxFFKm.mjs";
+const p = {
+  "purpur-heading": "_purpur-heading_vo751_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
+  "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
+  "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
+  "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
+  "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
+  "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
+  "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
+  "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
+  "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
+  "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
+}, T = {
+  H1: "h1",
+  H2: "h2",
+  H3: "h3",
+  H4: "h4",
+  H5: "h5",
+  H6: "h6"
+}, g = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, I = {
+  DISPLAY5: "display-5",
+  DISPLAY10: "display-10",
+  DISPLAY15: "display-15",
+  DISPLAY20: "display-20",
+  DISPLAY25: "display-25",
+  DISPLAY50: "display-50",
+  DISPLAY100: "display-100",
+  DISPLAY200: "display-200"
+}, i = "purpur-heading", o = ({
+  children: a,
+  className: r = "",
+  enableHyphenation: e = !1,
+  negative: u = !1,
+  tag: d,
+  variant: t = g.TITLE100,
+  ...n
+}) => {
+  const s = d, _ = h([
+    r,
+    p[i],
+    p[`${i}--${t}`],
+    {
+      [p[`${i}--hyphens`]]: e,
+      [p[`${i}--negative`]]: u
+    }
+  ]);
+  return /* @__PURE__ */ l(s, { className: _, ...n, children: a });
+};
+o.displayName = "Heading";
+export {
+  I as D,
+  T as H,
+  g as T,
+  o as a
+};
+//# sourceMappingURL=heading-gqtQNo5n.mjs.map

package/dist/heading-gqtQNo5n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-gqtQNo5n.mjs","sources":["../../../components/heading/src/heading.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames\";\n\nimport styles from \"./heading.module.scss\";\n\nexport const HeadingTag = {\n  H1: \"h1\",\n  H2: \"h2\",\n  H3: \"h3\",\n  H4: \"h4\",\n  H5: \"h5\",\n  H6: \"h6\",\n} as const;\n\nexport type HeadingTagType = (typeof HeadingTag)[keyof typeof HeadingTag];\n\nexport const TitleVariant = {\n  TITLE100: \"title-100\",\n  TITLE200: \"title-200\",\n  TITLE300: \"title-300\",\n  TITLE400: \"title-400\",\n  TITLE500: \"title-500\",\n  TITLE600: \"title-600\",\n  TITLE700: \"title-700\",\n  SUBSECTION100: \"subsection-100\",\n} as const;\n\nexport type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];\n\nexport const DisplayVariant = {\n  DISPLAY5: \"display-5\",\n  DISPLAY10: \"display-10\",\n  DISPLAY15: \"display-15\",\n  DISPLAY20: \"display-20\",\n  DISPLAY25: \"display-25\",\n  DISPLAY50: \"display-50\",\n  DISPLAY100: \"display-100\",\n  DISPLAY200: \"display-200\",\n} as const;\n\nexport type DisplayVariantType = (typeof DisplayVariant)[keyof typeof DisplayVariant];\n\nexport type HeadingVariant = TitleVariantType | DisplayVariantType;\n\nexport type HeadingProps<T extends HeadingTagType> = Omit<BaseProps<T>, \"children\"> & {\n  children: ReactNode;\n  enableHyphenation?: boolean;\n  negative?: boolean;\n  tag: HeadingTagType;\n  variant?: HeadingVariant;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = <T extends HeadingTagType>({\n  children,\n  className = \"\",\n  enableHyphenation = false,\n  negative = false,\n  tag,\n  variant = TitleVariant.TITLE100,\n  ...props\n}: HeadingProps<T>) => {\n  const Tag = tag;\n  const classes = c([\n    className,\n    styles[rootClassName],\n    styles[`${rootClassName}--${variant}`],\n    {\n      [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n      [styles[`${rootClassName}--negative`]]: negative,\n    },\n  ]);\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["HeadingTag","TitleVariant","DisplayVariant","rootClassName","Heading","children","className","enableHyphenation","negative","tag","variant","props","Tag","classes","c","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAMaA,IAAa;AAAA,EACxB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAIaC,IAAe;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB,GAIaC,IAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AACd,GAcMC,IAAgB,kBAETC,IAAU,CAA2B;AAAA,EAChD,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,SAAAC,IAAUT,EAAa;AAAA,EACvB,GAAGU;AACL,MAAuB;AACrB,QAAMC,IAAMH,GACNI,IAAUC,EAAE;AAAA,IAChBR;AAAA,IACAS,EAAOZ,CAAa;AAAA,IACpBY,EAAO,GAAGZ,CAAa,KAAKO,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACK,EAAO,GAAGZ,CAAa,WAAW,CAAC,GAAGI;AAAA,MACvC,CAACQ,EAAO,GAAGZ,CAAa,YAAY,CAAC,GAAGK;AAAA,IAAA;AAAA,EAC1C,CACD;AAED,2BACGI,GAAA,EAAI,WAAWC,GAAU,GAAGF,GAC1B,UAAAN,GACH;AAEJ;AAEAD,EAAQ,cAAc;"}

package/dist/heading.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./heading-DLCdW6gx.js");exports.DisplayVariant=a.DisplayVariant;exports.Heading=a.Heading;exports.HeadingTag=a.HeadingTag;exports.TitleVariant=a.TitleVariant;
+//# sourceMappingURL=heading.cjs.js.map

package/dist/heading.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/heading.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/heading';
+//# sourceMappingURL=heading.d.ts.map

package/dist/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,iBAAiB,CAAC"}

package/dist/heading.es.js

@@ -0,0 +1,8 @@
+import { D as s, a as e, H as n, T as r } from "./heading-gqtQNo5n.mjs";
+export {
+  s as DisplayVariant,
+  e as Heading,
+  n as HeadingTag,
+  r as TitleVariant
+};
+//# sourceMappingURL=heading.es.js.map

package/dist/heading.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/hero-banner-4JZr2Tzb.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-djmNDpmy.js");require("react");require("change-case");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-4JZr2Tzb.js.map

package/dist/hero-banner-4JZr2Tzb.js.map

@@ -0,0 +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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"}

package/dist/hero-banner-Cl5YFaKh.mjs

@@ -0,0 +1,177 @@
+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 "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";
+const p = {
+  "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"
+}, M = "purpur-hero-banner", k = $.bind(p), A = ({ children: _, className: o, ...a }) => /* @__PURE__ */ n("div", { ...a, className: k(`${M}__actions`, o), children: _ }), G = {
+  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"
+}, j = {
+  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"
+}, L = "purpur-hero-banner", S = ({
+  children: _,
+  isPlaying: o,
+  togglePausePlay: a,
+  videoPauseAriaLabel: s,
+  videoPlayAriaLabel: c,
+  className: t,
+  ...d
+}) => _ && /* @__PURE__ */ i("div", { className: t, ...d, children: [
+  _,
+  !!a && /* @__PURE__ */ n(
+    C,
+    {
+      variant: "primary",
+      negative: !0,
+      iconOnly: !0,
+      onClick: () => {
+        a();
+      },
+      className: p[`${L}__video-button`],
+      "aria-label": o ? s : c,
+      children: /* @__PURE__ */ n(Z, { size: "xs", svg: o ? j : G })
+    }
+  )
+] }), r = $.bind(p), R = {
+  default: "default",
+  enabled: "enabled",
+  disabled: "disabled"
+}, e = "purpur-hero-banner", m = ({
+  children: _,
+  className: o,
+  breadcrumbs: a,
+  forceColorScheme: s,
+  beforeTitle: c,
+  title: t,
+  titleTag: d = "h1",
+  titleHyphens: q = "default",
+  preamble: b,
+  additionalText: h,
+  media: l,
+  ...g
+}) => {
+  const { options: f } = V(), N = r([e, o]), u = !!l, y = !!a, w = !!h, x = s ?? f?.heroBannerColorScheme;
+  return /* @__PURE__ */ n("section", { "data-color-scheme": x, className: N, ...g, children: /* @__PURE__ */ i(
+    B,
+    {
+      noGap: !0,
+      className: r([
+        `${e}__container`,
+        {
+          [`${e}__container--with-media`]: u,
+          [`${e}__container--no-media`]: !u
+        }
+      ]),
+      containerClassName: r(`${e}__grid-container`),
+      children: [
+        a && /* @__PURE__ */ n("div", { className: r(`${e}__breadcrumbs`), children: a }),
+        /* @__PURE__ */ n("div", { className: r([`${e}__media`, `${e}__media--sm`]), children: l }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: r([
+              `${e}__content`,
+              {
+                [`${e}__content--no-media`]: !u,
+                [`${e}__content--no-breadcrumbs`]: !y,
+                [`${e}__content--no-additional-text`]: !w
+              }
+            ]),
+            children: [
+              /* @__PURE__ */ i(
+                "div",
+                {
+                  className: r([
+                    `${e}__main-content`,
+                    {
+                      [`${e}__main-content--no-media`]: !u
+                    }
+                  ]),
+                  children: [
+                    c,
+                    t && /* @__PURE__ */ n(
+                      H,
+                      {
+                        negative: !0,
+                        tag: d,
+                        variant: "display-50",
+                        className: r([
+                          `${e}__title`,
+                          `${e}__title--hyphens-${q}`
+                        ]),
+                        children: t
+                      }
+                    ),
+                    b && /* @__PURE__ */ n(
+                      v,
+                      {
+                        negative: !0,
+                        variant: "preamble-100",
+                        className: r(`${e}__preamble`),
+                        children: b
+                      }
+                    ),
+                    _ && /* @__PURE__ */ n("div", { className: r(`${e}__custom-content`), children: _ })
+                  ]
+                }
+              ),
+              h && /* @__PURE__ */ n(
+                v,
+                {
+                  negative: !0,
+                  variant: "additional-100",
+                  className: p[`${e}__additional-text`],
+                  children: h
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: r([`${e}__media`, `${e}__media--lg`]), children: l })
+      ]
+    }
+  ) });
+};
+m.displayName = "HeroBanner";
+m.Media = S;
+m.Actions = A;
+export {
+  m as H,
+  R as T
+};
+//# sourceMappingURL=hero-banner-Cl5YFaKh.mjs.map

package/dist/hero-banner-Cl5YFaKh.mjs.map

@@ -0,0 +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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"}

package/dist/hero-banner.cjs.js

@@ -0,0 +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;
+//# sourceMappingURL=hero-banner.cjs.js.map

package/dist/hero-banner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-banner.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/hero-banner.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/hero-banner';
+//# sourceMappingURL=hero-banner.d.ts.map

package/dist/hero-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-banner.d.ts","sourceRoot":"","sources":["../src/hero-banner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,qBAAqB,CAAC"}

package/dist/hero-banner.es.js

@@ -0,0 +1,6 @@
+import { H as r, T as n } from "./hero-banner-Cl5YFaKh.mjs";
+export {
+  r as HeroBanner,
+  n as TitleHyphenVariant
+};
+//# sourceMappingURL=hero-banner.es.js.map

package/dist/hero-banner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-banner.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/icon/LICENSE.txt

@@ -0,0 +1,31 @@
+Name: classnames
+Version: 2.5.1
+License: MIT
+Private: false
+Description: A simple utility for conditionally joining classNames together
+Repository: git+https://github.com/JedWatson/classnames.git
+Author: Jed Watson
+License Copyright:
+===
+
+The MIT License (MIT)
+
+Copyright (c) 2018 Jed Watson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/icon/activity-level.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 3.818a8.182 8.182 0 1 0 0 16.364 8.182 8.182 0 0 0 0-16.364ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10-4.141A4.141 4.141 0 0 0 7.859 12a.91.91 0 1 1-1.819 0 5.96 5.96 0 0 1 9.49-4.802l.362-.375a.91.91 0 0 1 1.307 1.263l-2.937 3.04a2.424 2.424 0 1 1-1.245-1.328l1.233-1.276A4.12 4.12 0 0 0 12 7.86Zm4.547 1.759a.91.91 0 0 1 1.14.594c.177.566.273 1.167.273 1.788a.91.91 0 1 1-1.819 0 4.14 4.14 0 0 0-.189-1.243.91.91 0 0 1 .595-1.14ZM12 11.394a.606.606 0 1 0 0 1.212.606.606 0 0 0 0-1.212Z" clip-rule="evenodd"/></svg>

package/dist/icon/add-ai.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.5 15.454v-3.15H7.35a.9.9 0 0 1 0-1.8h3.15v-3.15a.9.9 0 0 1 1.8 0v3.15h3.15a.9.9 0 0 1 0 1.8H12.3v3.15a.9.9 0 0 1-1.8 0Zm10.78-3.946c0-.007.004-.013.004-.02l-.001-.04c.001-.208-.014-.414-.025-.62-.007-.124-.007-.25-.019-.372-.018-.184-.05-.364-.077-.545-.022-.143-.037-.288-.065-.429-.03-.15-.072-.294-.108-.442-.041-.168-.077-.337-.127-.502-.036-.119-.083-.234-.123-.351-.064-.186-.125-.374-.2-.555-.042-.102-.093-.2-.139-.3-.085-.19-.169-.38-.266-.565-.052-.098-.113-.19-.169-.286-.102-.179-.202-.36-.316-.531-.067-.103-.144-.198-.216-.298-.112-.158-.222-.318-.343-.469-.084-.104-.177-.2-.265-.3-.121-.138-.239-.28-.367-.411-.091-.093-.191-.178-.286-.267-.137-.13-.271-.263-.416-.385-.087-.073-.181-.137-.27-.207-.165-.129-.327-.26-.499-.377-.071-.05-.147-.09-.22-.138-.2-.13-.401-.259-.612-.374-.048-.027-.1-.048-.148-.074a9.732 9.732 0 0 0-.741-.357c-.03-.013-.062-.022-.092-.035a9.768 9.768 0 0 0-.846-.307c-.029-.01-.06-.015-.09-.024a9.853 9.853 0 0 0-.883-.223c-.069-.014-.14-.021-.21-.034a9.984 9.984 0 0 0-.785-.115l-.06-.009a9.181 9.181 0 0 0-.843-.04c-.017 0-.034-.004-.05-.004-2.161-.01-4.241.754-5.934 2.032-.057.043-.117.083-.174.128-.068.053-.131.11-.198.166C3.686 4.99 2.575 6.526 1.997 8.302l-.004.013a9.177 9.177 0 0 0-.238.846c-.01.043-.013.084-.022.127-.04.18-.063.358-.092.537-.028.172-.061.344-.08.515-.024.217-.031.432-.04.647-.006.139-.019.277-.02.414 0 .221.016.44.03.658.01.132.011.265.025.395.022.21.06.415.095.622.024.136.04.274.07.408.041.195.098.385.151.576.04.14.072.281.117.419.061.186.136.366.208.548.053.134.1.271.159.402.083.188.18.367.275.549.062.117.117.238.183.353.112.194.237.38.362.567.062.092.117.188.182.278.144.201.302.391.46.581.057.068.109.14.168.207.173.195.358.38.546.561.055.053.105.11.161.162.194.178.4.344.608.508.06.046.116.098.177.143.2.15.413.287.626.423.078.05.152.104.232.151.198.119.407.223.615.327.104.053.204.11.31.16.194.088.396.163.597.24.129.049.254.104.386.148.198.066.405.118.61.173.139.037.275.079.417.11.038.008.074.022.113.03.287.06.573.102.858.135l.027.005c.055.006.11.007.165.012.177.017.354.033.53.04.105.005.21.003.315.004.136.001.272.004.406 0 .129-.005.256-.015.383-.024.088-.006.177-.008.264-.016.008-.001.014-.005.022-.006.291-.03.58-.067.865-.122a.889.889 0 0 0 .7-.779c.07-.612-.475-1.092-1.08-.98a8.032 8.032 0 0 1-1.503.116 7.945 7.945 0 0 1-.649-.025 8.015 8.015 0 0 1-.522-.068 8.3 8.3 0 0 1-.695-.135 8.269 8.269 0 0 1-.617-.18 8.337 8.337 0 0 1-.562-.201 8.326 8.326 0 0 1-.641-.299 8.269 8.269 0 0 1-.458-.248 8.222 8.222 0 0 1-.633-.421 8.147 8.147 0 0 1-.374-.284 8.17 8.17 0 0 1-.57-.521 7.935 7.935 0 0 1-.33-.342c-.161-.18-.31-.37-.453-.563-.11-.15-.22-.3-.32-.457a7.786 7.786 0 0 1-.298-.523 7.549 7.549 0 0 1-.311-.649c-.055-.131-.102-.267-.15-.402-.1-.29-.19-.587-.256-.893-.022-.101-.04-.203-.058-.305a9.167 9.167 0 0 1-.114-.84l-.006-.136a8.622 8.622 0 0 1-.014-.828c.006-.14.02-.277.031-.414.016-.186.031-.372.058-.554.028-.177.066-.35.104-.522.031-.144.06-.289.098-.43.05-.18.112-.355.173-.53.046-.128.087-.259.139-.384.069-.169.149-.33.228-.492.061-.123.118-.25.185-.369.085-.152.18-.297.274-.442.076-.119.15-.24.231-.353.1-.139.21-.269.318-.4.089-.109.175-.22.27-.323.117-.129.244-.248.37-.369.095-.093.188-.188.289-.276.139-.12.286-.231.432-.343.098-.073.192-.15.293-.22.16-.111.329-.21.497-.31.096-.056.19-.117.288-.17a8.37 8.37 0 0 1 .55-.26c.097-.043.191-.09.29-.129.188-.074.383-.135.577-.196.104-.032.207-.069.313-.097.189-.05.382-.087.576-.124.118-.023.234-.05.354-.066.185-.027.373-.04.56-.053.133-.01.265-.023.399-.026.183-.005.369.005.554.013.139.007.278.01.418.023.29.029.582.067.873.128 3.495.727 5.982 3.606 6.385 6.964.012.103.03.204.039.307.006.078.004.158.008.236.009.176.02.35.017.528a8.066 8.066 0 0 1-.044.743c-.047.443.271.842.707.933a.904.904 0 0 0 1.077-.805c.03-.293.04-.584.044-.875ZM18.173 22.5c-.455 0-.857-.308-.978-.75-.414-1.532-1.258-2.467-2.657-2.946a1.016 1.016 0 0 1-.686-.961 1.018 1.018 0 0 1 .686-.968c1.394-.477 2.239-1.406 2.661-2.924.121-.442.54-.728.985-.747.46.004.86.319.975.766.381 1.485 1.227 2.411 2.664 2.918.411.145.685.536.68.974-.003.436-.282.82-.695.957-1.4.463-2.244 1.393-2.655 2.926a1.007 1.007 0 0 1-.978.755h-.002Zm-.001-2.777a5.256 5.256 0 0 1 1.787-1.88 5.323 5.323 0 0 1-1.793-1.87 5.333 5.333 0 0 1-1.779 1.867 5.327 5.327 0 0 1 1.785 1.883Z"/></svg>

package/dist/icon/add.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M11.9 3.8a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2ZM2 11.9C2 6.432 6.432 2 11.9 2s9.9 4.432 9.9 9.9-4.432 9.9-9.9 9.9S2 17.368 2 11.9Zm9.9-4.95a.9.9 0 0 1 .9.9V11h3.15a.9.9 0 1 1 0 1.8H12.8v3.15a.9.9 0 1 1-1.8 0V12.8H7.85a.9.9 0 1 1 0-1.8H11V7.85a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>

package/dist/icon/address-book.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.6 2.5a.9.9 0 0 1 .9-.9h14a.9.9 0 0 1 .9.9v19a.9.9 0 0 1-.9.9h-14a.9.9 0 0 1-.9-.9v-3.1h-.1a.9.9 0 0 1 0-1.8h.1v-1.7h-.1a.9.9 0 0 1 0-1.8h.1v-2.2h-.1a.9.9 0 0 1 0-1.8h.1V7.4h-.1a.9.9 0 0 1 0-1.8h.1V2.5Zm1.8 4.9h.1a.9.9 0 0 0 0-1.8h-.1V3.4h12.2v17.2H6.4v-2.2h.1a.9.9 0 0 0 0-1.8h-.1v-1.7h.1a.9.9 0 0 0 0-1.8h-.1v-2.2h.1a.9.9 0 0 0 0-1.8h-.1V7.4Zm6.04 1.5c-.595 0-1.121.504-1.121 1.181 0 .322.121.61.314.82.209.227.495.361.807.361.313 0 .599-.134.807-.36.194-.212.315-.499.315-.82 0-.678-.527-1.182-1.122-1.182Zm-2.92 1.181c0-1.622 1.283-2.981 2.921-2.981s2.922 1.36 2.922 2.981c0 .287-.04.565-.114.828.11.05.223.108.335.176.417.254.829.65 1.08 1.244.249.59.306 1.299.152 2.125-.172.922-1 1.446-1.798 1.446H9.94c-.857 0-1.748-.613-1.824-1.633-.12-1.608.499-2.603 1.3-3.141.08-.054.16-.102.24-.145a3.035 3.035 0 0 1-.136-.9Zm1.185 2.398c-.092.032-.19.078-.284.14-.223.15-.576.494-.513 1.476.01.003.02.005.032.005h5.079a.1.1 0 0 0 .03-.005h.003c.098-.55.033-.877-.047-1.066a.846.846 0 0 0-.357-.406 1.491 1.491 0 0 0-.436-.17 2.874 2.874 0 0 1-3.507.026Z" clip-rule="evenodd"/></svg>

package/dist/icon/airplay.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 25" fill="currentColor"><path fill-rule="evenodd" d="M1.6 5.5a.9.9 0 0 1 .9-.9h19a.9.9 0 0 1 .9.9v14a.9.9 0 0 1-.9.9H18a.9.9 0 1 1 0-1.8h2.6V6.4H3.4v12.2H6a.9.9 0 1 1 0 1.8H2.5a.9.9 0 0 1-.9-.9v-14ZM12 14.6a.9.9 0 0 1 .76.417l3.5 5.5a.9.9 0 0 1-.76 1.383h-7a.9.9 0 0 1-.76-1.383l3.5-5.5A.9.9 0 0 1 12 14.6Zm-1.86 5.5h3.72L12 17.176 10.14 20.1Z" clip-rule="evenodd"/></svg>

package/dist/icon/alarm-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M11.38 3.768s0 .018.004.062l.013.154a20.12 20.12 0 0 0 .088.768l.014.116.006.041.098.758-.73.22a6.972 6.972 0 0 0-1.175.467 5.498 5.498 0 0 0-.462.267 4.71 4.71 0 0 0-.75.593l13.15 13.15a.9.9 0 0 1-1.272 1.272l-2.2-2.2H4a.9.9 0 0 1-.772-1.363c.091-.151.189-.298.292-.452.258-.387.55-.823.84-1.502.389-.906.74-2.202.74-4.083 0-.768.056-1.502.18-2.194a.9.9 0 1 1 1.771.316c-.101.57-.151 1.195-.151 1.878 0 2.12-.399 3.657-.885 4.792-.126.293-.26.564-.394.808h10.742l-14-14a.9.9 0 0 1 1.273-1.272L7.214 5.94a6.519 6.519 0 0 1 1.048-.834c.196-.126.4-.244.614-.354.24-.124.493-.237.756-.34a7.39 7.39 0 0 1-.052-.643A2.427 2.427 0 0 1 12 1.333c1.274 0 2.533 1.053 2.416 2.508a31.8 31.8 0 0 1-.056.562c1.52.581 2.64 1.483 3.387 2.702.845 1.378 1.153 3.065 1.153 4.93 0 .536.025 1.02.07 1.458.03.304.07.586.117.848a.9.9 0 1 1-1.772.316 12.999 12.999 0 0 1-.137-.983 16.341 16.341 0 0 1-.078-1.639c0-1.691-.284-3.004-.888-3.99-.588-.96-1.54-1.703-3.079-2.157l-.722-.212.082-.749.018-.163a172.479 172.479 0 0 0 .11-1.068.46.46 0 0 0-.152-.37.682.682 0 0 0-.47-.193.627.627 0 0 0-.619.634ZM7.72 21.086a.9.9 0 0 1 1.154-.537c.974.356 2.026.55 3.126.55s2.152-.194 3.125-.55a.9.9 0 1 1 .618 1.69A10.88 10.88 0 0 1 12 22.9a10.88 10.88 0 0 1-3.744-.66.9.9 0 0 1-.536-1.153Z" clip-rule="evenodd"/></svg>

package/dist/icon/alarm-on.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M11.38 3.768s0 .019.004.062l.013.154a20.12 20.12 0 0 0 .088.768l.014.116.006.041.098.758-.73.22c-1.5.453-2.456 1.197-3.058 2.164-.614.989-.915 2.303-.915 3.985 0 2.12-.399 3.657-.885 4.792-.126.293-.26.564-.394.808h12.724a8.794 8.794 0 0 1-.426-.879c-.467-1.122-.819-2.616-.819-4.72 0-1.692-.284-3.005-.888-3.99-.588-.96-1.54-1.704-3.079-2.158l-.74-.218.103-.765.001-.01.004-.03.014-.111.044-.357c.035-.298.06-.553.06-.629a.628.628 0 0 0-.62-.635.627.627 0 0 0-.619.634Zm2.99.64c.025-.227.049-.482.049-.639a2.427 2.427 0 0 0-2.42-2.435A2.428 2.428 0 0 0 9.58 3.769v.001c0 .147.026.411.052.643-1.483.582-2.594 1.48-3.345 2.688C5.432 8.476 5.1 10.16 5.1 12.036c0 1.881-.351 3.177-.74 4.083-.29.68-.582 1.115-.84 1.502-.103.154-.201.3-.292.452A.9.9 0 0 0 4 19.436h16a.9.9 0 0 0 .749-1.399 16.64 16.64 0 0 0-.23-.334c-.31-.447-.64-.922-.938-1.638-.366-.878-.681-2.134-.681-4.029 0-1.865-.308-3.552-1.153-4.93-.745-1.216-1.862-2.117-3.377-2.698ZM7.72 21.086a.9.9 0 0 1 1.154-.537c.974.356 2.026.55 3.126.55s2.152-.194 3.125-.55a.9.9 0 1 1 .618 1.69A10.88 10.88 0 0 1 12 22.9a10.88 10.88 0 0 1-3.744-.66.9.9 0 0 1-.536-1.153Z" clip-rule="evenodd"/></svg>

package/dist/icon/alert-filled.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>

package/dist/icon/alert.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>