@purpur/library 9.9.0 → 9.10.1

package/dist/footer-D-2b7UIB.mjs

@@ -1,301 +0,0 @@
-import { jsxs as c, Fragment as L, jsx as o } from "react/jsx-runtime";
-import { createElement as f } from "react";
-import { C as w } from "./container-DLjBTB_w.mjs";
-import { a as $ } from "./link-DY5WLpyc.mjs";
-import { S as x } from "./select-XNPtpZhh.mjs";
-import { a as F } from "./ThemeProvider-BJ25_asg.mjs";
-import { u as S } from "./useColorScheme-B7lGBSe4.mjs";
-import { c as g } from "./bind-CU-R61T-.mjs";
-import { A as y } from "./accordion-B6OoQ4uZ.mjs";
-import { b as T } from "./icon.es-CZcKxTaM.mjs";
-const r = "purpur-footer", C = {
-  "purpur-footer": "_purpur-footer_yqb4h_1",
-  "purpur-footer__container": "_purpur-footer__container_yqb4h_8",
-  "purpur-footer__logo": "_purpur-footer__logo_yqb4h_30",
-  "purpur-footer__logo--telia": "_purpur-footer__logo--telia_yqb4h_34",
-  "purpur-footer__social": "_purpur-footer__social_yqb4h_54",
-  "purpur-footer__social--md": "_purpur-footer__social--md_yqb4h_70",
-  "purpur-footer__social--sm": "_purpur-footer__social--sm_yqb4h_78",
-  "purpur-footer__social-link": "_purpur-footer__social-link_yqb4h_87",
-  "purpur-footer__navigation": "_purpur-footer__navigation_yqb4h_107",
-  "purpur-footer__navigation-section": "_purpur-footer__navigation-section_yqb4h_116",
-  "purpur-footer__navigation-section-heading": "_purpur-footer__navigation-section-heading_yqb4h_119",
-  "purpur-footer__navigation--lg": "_purpur-footer__navigation--lg_yqb4h_142",
-  "purpur-footer__navigation--sm": "_purpur-footer__navigation--sm_yqb4h_156",
-  "purpur-footer__custom-link-navigation": "_purpur-footer__custom-link-navigation_yqb4h_180",
-  "purpur-footer__payments": "_purpur-footer__payments_yqb4h_202",
-  "purpur-footer__payments-image": "_purpur-footer__payments-image_yqb4h_219",
-  "purpur-footer__contacts": "_purpur-footer__contacts_yqb4h_223",
-  "purpur-footer__contacts-copyright": "_purpur-footer__contacts-copyright_yqb4h_238",
-  "purpur-footer__contacts-address": "_purpur-footer__contacts-address_yqb4h_243",
-  "purpur-footer__theme-select": "_purpur-footer__theme-select_yqb4h_247",
-  "purpur-footer__additional": "_purpur-footer__additional_yqb4h_263",
-  "purpur-footer__additional-links": "_purpur-footer__additional-links_yqb4h_280",
-  "purpur-footer__custom-content": "_purpur-footer__custom-content_yqb4h_292"
-}, u = g.bind(C), N = ({ links: l, customLink: _ }) => /* @__PURE__ */ o("ul", { children: l.map(({ href: t, text: e, ...s }, p) => /* @__PURE__ */ o("li", { children: _ ? /* @__PURE__ */ o(
-  _,
-  {
-    ...s,
-    href: t,
-    className: u(`${r}__custom-link-navigation`),
-    children: e
-  }
-) : /* @__PURE__ */ o($, { ...s, variant: "navigation", negative: !0, href: t, disableVisited: !0, children: e }) }, p)) }), j = ({
-  navigationLinks: l,
-  sectionProps: _,
-  customLink: t
-}) => /* @__PURE__ */ c(L, { children: [
-  /* @__PURE__ */ o(
-    "section",
-    {
-      ..._,
-      className: u(
-        `${r}__navigation`,
-        `${r}__navigation--lg`,
-        _?.className
-      ),
-      children: l.map((e, s) => /* @__PURE__ */ c("div", { className: u(`${r}__navigation-section`), children: [
-        /* @__PURE__ */ o("h3", { className: u(`${r}__navigation-section-heading`), children: e.heading }),
-        /* @__PURE__ */ o(N, { links: e.links, customLink: t })
-      ] }, s))
-    }
-  ),
-  /* @__PURE__ */ o(
-    "section",
-    {
-      ..._,
-      className: u(
-        `${r}__navigation`,
-        `${r}__navigation--sm`,
-        _?.className
-      ),
-      children: /* @__PURE__ */ o(y, { negative: !0, children: l.map((e, s) => /* @__PURE__ */ o(
-        y.Item,
-        {
-          title: e.heading,
-          titleTag: "h2",
-          className: u(`${r}__navigation-section`),
-          children: /* @__PURE__ */ o(N, { links: e.links, customLink: t })
-        },
-        s
-      )) })
-    }
-  )
-] }), A = g.bind(C), b = ({ icon: l, href: _, ...t }) => /* @__PURE__ */ o(
-  "a",
-  {
-    ...t,
-    href: _,
-    className: A(`${r}__social-link`),
-    rel: "noreferrer",
-    target: "_blank",
-    children: /* @__PURE__ */ o(T, { svg: l })
-  }
-), B = () => /* @__PURE__ */ c("svg", { width: "81", height: "32", viewBox: "0 0 81 32", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
-  /* @__PURE__ */ o("title", { children: "Telia" }),
-  /* @__PURE__ */ c("g", { clipPath: "url(#clip0_5309_7721)", children: [
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z",
-        fill: "currentColor"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_5309_7721", children: /* @__PURE__ */ o("rect", { width: "81", height: "32", fill: "currentColor" }) }) })
-] }), i = g.bind(C), E = ({
-  className: l,
-  navigation: _,
-  social: t,
-  contacts: e,
-  additional: s,
-  custom: p,
-  payments: d,
-  logo: v,
-  themeSelect: h,
-  forceColorScheme: k,
-  ...q
-}) => {
-  const V = i(l, r), { options: P } = F(), [M, Z] = S(), H = k ?? P?.footerColorScheme;
-  return /* @__PURE__ */ o("footer", { "data-color-scheme": H, className: V, ...q, children: /* @__PURE__ */ o(w, { children: /* @__PURE__ */ c("div", { className: i(`${r}__container`), children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: i(`${r}__logo`, {
-          [`${r}__logo--telia`]: !v
-        }),
-        children: v ?? /* @__PURE__ */ o(B, {})
-      }
-    ),
-    t && /* @__PURE__ */ o(
-      "section",
-      {
-        ...t.sectionProps,
-        className: i(
-          `${r}__social`,
-          `${r}__social--md`,
-          t.sectionProps?.className
-        ),
-        children: t.links.map(({ icon: a, href: n, ...m }) => /* @__PURE__ */ f(b, { ...m, icon: a, href: n, key: n }))
-      }
-    ),
-    _ && /* @__PURE__ */ o(
-      j,
-      {
-        customLink: _.customLink,
-        navigationLinks: _.links,
-        sectionProps: _.sectionProps
-      }
-    ),
-    d && /* @__PURE__ */ c(
-      "section",
-      {
-        ...d.sectionProps,
-        className: i(`${r}__payments`, d.sectionProps?.className),
-        children: [
-          d.content,
-          d.images?.map(({ alt: a, src: n }) => /* @__PURE__ */ o(
-            "img",
-            {
-              className: i(`${r}__payments-image`),
-              src: n,
-              alt: a
-            },
-            n
-          ))
-        ]
-      }
-    ),
-    h && /* @__PURE__ */ o("section", { className: i(`${r}__theme-select`), children: /* @__PURE__ */ o(
-      x,
-      {
-        value: M,
-        label: h.label,
-        options: h.options,
-        negative: !0,
-        onChange: (a) => {
-          Z(a.target.value);
-        }
-      }
-    ) }),
-    e && /* @__PURE__ */ c(
-      "section",
-      {
-        ...e.sectionProps,
-        className: i(`${r}__contacts`, e.sectionProps?.className),
-        children: [
-          e.copyright && /* @__PURE__ */ o("div", { className: i(`${r}__contacts-copyright`), children: e.copyright }),
-          e.address && /* @__PURE__ */ o(
-            "address",
-            {
-              ...e.address.addressProps,
-              className: i(
-                `${r}__contacts-address`,
-                e.address.addressProps?.className
-              ),
-              children: e.address.content
-            }
-          )
-        ]
-      }
-    ),
-    (p || s) && /* @__PURE__ */ c("div", { className: i(`${r}__additional`), children: [
-      p && /* @__PURE__ */ o(
-        "section",
-        {
-          ...p.sectionProps,
-          className: i(`${r}__custom-content`, p.sectionProps?.className),
-          children: p.content
-        }
-      ),
-      s && /* @__PURE__ */ o(
-        "section",
-        {
-          ...s.sectionProps,
-          className: i(
-            `${r}__additional-links`,
-            s.sectionProps?.className
-          ),
-          children: s?.links?.map(({ href: a, text: n, ...m }) => /* @__PURE__ */ f(
-            $,
-            {
-              ...m,
-              variant: "standalone",
-              negative: !0,
-              href: a,
-              key: a,
-              disableVisited: !0
-            },
-            n
-          ))
-        }
-      )
-    ] }),
-    t && /* @__PURE__ */ o(
-      "section",
-      {
-        ...t.sectionProps,
-        className: i(
-          `${r}__social`,
-          `${r}__social--sm`,
-          t.sectionProps?.className
-        ),
-        children: t.links.map(({ icon: a, href: n, ...m }) => /* @__PURE__ */ f(b, { ...m, icon: a, href: n, key: n }))
-      }
-    )
-  ] }) }) });
-};
-E.displayName = "Footer";
-export {
-  E as F
-};
-//# sourceMappingURL=footer-D-2b7UIB.mjs.map

package/dist/footer-D-2b7UIB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-D-2b7UIB.mjs","sources":["../../../components/footer/src/constants.ts","../../../components/footer/src/footer-navigation.tsx","../../../components/footer/src/footer-social-link.tsx","../../../components/footer/src/telia-logo.tsx","../../../components/footer/src/footer.tsx"],"sourcesContent":["export const rootClassName = \"purpur-footer\";\n","import React, { type AnchorHTMLAttributes, type ForwardRefExoticComponent } from \"react\";\nimport { Accordion } from \"@purpur/accordion\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Link } from \"@purpur/link\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FooterNavigationItemLink = Omit<BaseProps<\"a\">, \"href\"> & {\n  text: string;\n  href: string;\n};\n\nexport type FooterNavigationItem = {\n  heading: string;\n  links: FooterNavigationItemLink[];\n};\n\nexport type CustomLinkType =\n  | ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>>\n  | \"a\";\n\ntype NavigationLinksProps = {\n  links: FooterNavigationItemLink[];\n  customLink?: CustomLinkType;\n};\n\nconst NavigationLinks = ({ links, customLink: CustomLink }: NavigationLinksProps) => (\n  <ul>\n    {links.map(({ href, text, ...linkProps }, j) => (\n      <li key={j}>\n        {CustomLink ? (\n          <CustomLink\n            {...linkProps}\n            href={href}\n            className={cx(`${rootClassName}__custom-link-navigation`)}\n          >\n            {text}\n          </CustomLink>\n        ) : (\n          <Link {...linkProps} variant=\"navigation\" negative href={href} disableVisited={true}>\n            {text}\n          </Link>\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\ntype FooterNavigationProps = {\n  customLink?: CustomLinkType;\n  sectionProps?: Omit<BaseProps<\"section\">, \"children\">;\n  navigationLinks: FooterNavigationItem[];\n};\n\nexport const FooterNavigation = ({\n  navigationLinks,\n  sectionProps,\n  customLink,\n}: FooterNavigationProps) => (\n  <>\n    <section\n      {...sectionProps}\n      className={cx(\n        `${rootClassName}__navigation`,\n        `${rootClassName}__navigation--lg`,\n        sectionProps?.className\n      )}\n    >\n      {navigationLinks.map((section, i) => (\n        <div key={i} className={cx(`${rootClassName}__navigation-section`)}>\n          <h3 className={cx(`${rootClassName}__navigation-section-heading`)}>{section.heading}</h3>\n          <NavigationLinks links={section.links} customLink={customLink} />\n        </div>\n      ))}\n    </section>\n    <section\n      {...sectionProps}\n      className={cx(\n        `${rootClassName}__navigation`,\n        `${rootClassName}__navigation--sm`,\n        sectionProps?.className\n      )}\n    >\n      <Accordion negative>\n        {navigationLinks.map((section, i) => (\n          <Accordion.Item\n            key={i}\n            title={section.heading}\n            titleTag=\"h2\"\n            className={cx(`${rootClassName}__navigation-section`)}\n          >\n            <NavigationLinks links={section.links} customLink={customLink} />\n          </Accordion.Item>\n        ))}\n      </Accordion>\n    </section>\n  </>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon, type IconProps } from \"@purpur/icon\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\n\nexport type FooterSocialLinkProps = Omit<BaseProps<\"a\">, \"aria-label\" | \"href\" | \"children\"> & {\n  \"aria-label\": string;\n  icon: IconProps[\"svg\"];\n  href: string;\n};\n\nconst cx = c.bind(styles);\n\nexport const FooterSocialLink = ({ icon, href, ...props }: FooterSocialLinkProps) => (\n  <a\n    {...props}\n    href={href}\n    className={cx(`${rootClassName}__social-link`)}\n    rel=\"noreferrer\"\n    target=\"_blank\"\n  >\n    <Icon svg={icon} />\n  </a>\n);\n","import React from \"react\";\n\nexport const TeliaLogo = () => (\n  <svg width=\"81\" height=\"32\" viewBox=\"0 0 81 32\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\">\n    <title>Telia</title>\n    <g clipPath=\"url(#clip0_5309_7721)\">\n      <path\n        d=\"M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_5309_7721\">\n        <rect width=\"81\" height=\"32\" fill=\"currentColor\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n","import React, { type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Container } from \"@purpur/container\";\nimport { Link, type LinkProps } from \"@purpur/link\";\nimport { Select } from \"@purpur/select\";\nimport { type ColorOptions, type ColorScheme, useColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\nimport {\n  type CustomLinkType,\n  FooterNavigation,\n  type FooterNavigationItem,\n  type FooterNavigationItemLink,\n} from \"./footer-navigation\";\nimport { FooterSocialLink, type FooterSocialLinkProps } from \"./footer-social-link\";\nimport { TeliaLogo } from \"./telia-logo\";\n\nconst cx = c.bind(styles);\n\ntype AdditionalLink = FooterNavigationItemLink &\n  Omit<LinkProps, \"href\" | \"variant\" | \"negative\" | \"children\" | \"disableVisited\">;\n\ntype SectionProps = Omit<BaseProps<\"section\">, \"children\">;\n\nexport type FooterProps = BaseProps<\"footer\"> & {\n  /**\n   * Navigation section of the footer.\n   */\n  navigation?: {\n    customLink?: CustomLinkType;\n    links: FooterNavigationItem[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Social links section of the footer.\n   */\n  social?: {\n    links: FooterSocialLinkProps[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Contacts section of the footer.\n   */\n  contacts?: {\n    copyright?: string;\n    address?: {\n      content: ReactElement;\n      addressProps?: Omit<BaseProps<\"address\">, \"children\">;\n    };\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Additional links section of the footer.\n   */\n  additional?: {\n    links: AdditionalLink[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Custom content section of the footer.\n   */\n  custom?: {\n    content: ReactElement;\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Payment images section of the footer.\n   */\n  payments?: {\n    /**\n     * @deprecated use content instead\n     */\n    images?: { src: string; alt: string }[];\n    content?: ReactElement | ReactElement[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Custom logo that replaces the default Telia logo.\n   */\n  logo?: ReactNode;\n  themeSelect?: {\n    label: string;\n    options: { value: ColorOptions; label: string }[];\n  };\n  forceColorScheme?: ColorScheme;\n};\n\nexport const Footer = ({\n  className,\n  navigation,\n  social,\n  contacts,\n  additional,\n  custom,\n  payments,\n  logo,\n  themeSelect,\n  forceColorScheme,\n  ...props\n}: FooterProps) => {\n  const classes = cx(className, rootClassName);\n\n  const { options } = useTheme();\n  const [colorScheme, setColorScheme] = useColorScheme();\n\n  const resolvedColorScheme = forceColorScheme ?? options?.footerColorScheme;\n\n  return (\n    <footer data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Container>\n        <div className={cx(`${rootClassName}__container`)}>\n          <div\n            className={cx(`${rootClassName}__logo`, {\n              [`${rootClassName}__logo--telia`]: !logo,\n            })}\n          >\n            {logo ?? <TeliaLogo />}\n          </div>\n          {social && (\n            <section\n              {...social.sectionProps}\n              className={cx(\n                `${rootClassName}__social`,\n                `${rootClassName}__social--md`,\n                social.sectionProps?.className\n              )}\n            >\n              {social.links.map(({ icon, href, ...socialLinkProps }) => (\n                <FooterSocialLink {...socialLinkProps} icon={icon} href={href} key={href} />\n              ))}\n            </section>\n          )}\n          {navigation && (\n            <FooterNavigation\n              customLink={navigation.customLink}\n              navigationLinks={navigation.links}\n              sectionProps={navigation.sectionProps}\n            />\n          )}\n          {payments && (\n            <section\n              {...payments.sectionProps}\n              className={cx(`${rootClassName}__payments`, payments.sectionProps?.className)}\n            >\n              {payments.content}\n              {payments.images?.map(({ alt, src }) => (\n                <img\n                  className={cx(`${rootClassName}__payments-image`)}\n                  src={src}\n                  alt={alt}\n                  key={src}\n                />\n              ))}\n            </section>\n          )}\n          {themeSelect && (\n            <section className={cx(`${rootClassName}__theme-select`)}>\n              <Select\n                value={colorScheme}\n                label={themeSelect.label}\n                options={themeSelect.options}\n                negative\n                onChange={(event) => {\n                  setColorScheme(event.target.value as ColorOptions);\n                }}\n              />\n            </section>\n          )}\n          {contacts && (\n            <section\n              {...contacts.sectionProps}\n              className={cx(`${rootClassName}__contacts`, contacts.sectionProps?.className)}\n            >\n              {contacts.copyright && (\n                <div className={cx(`${rootClassName}__contacts-copyright`)}>\n                  {contacts.copyright}\n                </div>\n              )}\n              {contacts.address && (\n                <address\n                  {...contacts.address.addressProps}\n                  className={cx(\n                    `${rootClassName}__contacts-address`,\n                    contacts.address.addressProps?.className\n                  )}\n                >\n                  {contacts.address.content}\n                </address>\n              )}\n            </section>\n          )}\n          {(custom || additional) && (\n            <div className={cx(`${rootClassName}__additional`)}>\n              {custom && (\n                <section\n                  {...custom.sectionProps}\n                  className={cx(`${rootClassName}__custom-content`, custom.sectionProps?.className)}\n                >\n                  {custom.content}\n                </section>\n              )}\n              {additional && (\n                <section\n                  {...additional.sectionProps}\n                  className={cx(\n                    `${rootClassName}__additional-links`,\n                    additional.sectionProps?.className\n                  )}\n                >\n                  {additional?.links?.map(({ href, text, ...additionalLinkProps }) => (\n                    <Link\n                      {...additionalLinkProps}\n                      variant=\"standalone\"\n                      negative\n                      href={href}\n                      key={href}\n                      disableVisited={true}\n                    >\n                      {text}\n                    </Link>\n                  ))}\n                </section>\n              )}\n            </div>\n          )}\n          {social && (\n            <section\n              {...social.sectionProps}\n              className={cx(\n                `${rootClassName}__social`,\n                `${rootClassName}__social--sm`,\n                social.sectionProps?.className\n              )}\n            >\n              {social.links.map(({ icon, href, ...socialLinkProps }) => (\n                <FooterSocialLink {...socialLinkProps} icon={icon} href={href} key={href} />\n              ))}\n            </section>\n          )}\n        </div>\n      </Container>\n    </footer>\n  );\n};\n\nFooter.displayName = \"Footer\";\n"],"names":["rootClassName","cx","c","styles","NavigationLinks","links","CustomLink","href","text","linkProps","j","jsx","Link","FooterNavigation","navigationLinks","sectionProps","customLink","jsxs","Fragment","section","i","Accordion","FooterSocialLink","icon","props","Icon","TeliaLogo","Footer","className","navigation","social","contacts","additional","custom","payments","logo","themeSelect","forceColorScheme","classes","options","useTheme","colorScheme","setColorScheme","useColorScheme","resolvedColorScheme","Container","socialLinkProps","createElement","alt","src","Select","event","additionalLinkProps"],"mappings":"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"}

package/dist/hero-banner--v-ezYMr.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),B=require("./grid-uGMD2euo.js"),f=require("./heading-drD5ugCC.js"),m=require("./paragraph-B8HFdNne.js"),H=require("./ThemeProvider-BJGm3zai.js");require("react");const v=require("./bind-DeUYJ6m9.js"),V=require("./button-DmybVApa.js"),q=require("./icon.es-j3eRib6d.js"),i={"purpur-hero-banner":"_purpur-hero-banner_1o0s2_1","purpur-hero-banner__grid-container":"_purpur-hero-banner__grid-container_1o0s2_5","purpur-hero-banner__container":"_purpur-hero-banner__container_1o0s2_8","purpur-hero-banner__container--with-media":"_purpur-hero-banner__container--with-media_1o0s2_17","purpur-hero-banner__container--no-media":"_purpur-hero-banner__container--no-media_1o0s2_28","purpur-hero-banner__breadcrumbs":"_purpur-hero-banner__breadcrumbs_1o0s2_39","purpur-hero-banner__content":"_purpur-hero-banner__content_1o0s2_57","purpur-hero-banner__content--no-media":"_purpur-hero-banner__content--no-media_1o0s2_75","purpur-hero-banner__content--no-breadcrumbs":"_purpur-hero-banner__content--no-breadcrumbs_1o0s2_79","purpur-hero-banner__content--no-additional-text":"_purpur-hero-banner__content--no-additional-text_1o0s2_83","purpur-hero-banner__main-content":"_purpur-hero-banner__main-content_1o0s2_91","purpur-hero-banner__main-content--no-media":"_purpur-hero-banner__main-content--no-media_1o0s2_99","purpur-hero-banner__title":"_purpur-hero-banner__title_1o0s2_102","purpur-hero-banner__title--hyphens-default":"_purpur-hero-banner__title--hyphens-default_1o0s2_109","purpur-hero-banner__title--hyphens-enabled":"_purpur-hero-banner__title--hyphens-enabled_1o0s2_117","purpur-hero-banner__title--hyphens-disabled":"_purpur-hero-banner__title--hyphens-disabled_1o0s2_120","purpur-hero-banner__preamble":"_purpur-hero-banner__preamble_1o0s2_123","purpur-hero-banner__custom-content":"_purpur-hero-banner__custom-content_1o0s2_128","purpur-hero-banner__actions":"_purpur-hero-banner__actions_1o0s2_128","purpur-hero-banner__additional-text":"_purpur-hero-banner__additional-text_1o0s2_151","purpur-hero-banner__media":"_purpur-hero-banner__media_1o0s2_155","purpur-hero-banner__media--sm":"_purpur-hero-banner__media--sm_1o0s2_159","purpur-hero-banner__media--lg":"_purpur-hero-banner__media--lg_1o0s2_167","purpur-hero-banner__video-button":"_purpur-hero-banner__video-button_1o0s2_206"},C="purpur-hero-banner",Z=v.c.bind(i),M=({children:o,className:_,...a})=>r.jsx("div",{...a,className:Z(`${C}__actions`,_),children:o}),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:o,isPlaying:_,togglePausePlay:a,videoPauseAriaLabel:p,videoPlayAriaLabel:c,className:t,...d})=>o&&r.jsxs("div",{className:t,...d,children:[o,!!a&&r.jsx(V.Button,{variant:"primary",negative:!0,iconOnly:!0,onClick:()=>{a()},className:i[`${T}__video-button`],"aria-label":_?p:c,children:r.jsx(q.b,{size:"xs",svg:_?A:k})})]}),L={default:"default",enabled:"enabled",disabled:"disabled"},n=v.c.bind(i),e="purpur-hero-banner",u=({children:o,className:_,breadcrumbs:a,forceColorScheme:p,beforeTitle:c,title:t,titleTag:d="h1",titleHyphens:x="default",preamble:b,additionalText:h,media:l,...g})=>{const{options:$}=H.useTheme(),y=n([e,_]),s=!!l,N=!!a,j=!!h,w=p??$?.heroBannerColorScheme;return r.jsx("section",{"data-color-scheme":w,className:y,...g,children:r.jsxs(B.Grid,{noGap:!0,className:n([`${e}__container`,{[`${e}__container--with-media`]:s,[`${e}__container--no-media`]:!s}]),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`]:!s,[`${e}__content--no-breadcrumbs`]:!N,[`${e}__content--no-additional-text`]:!j}]),children:[r.jsxs("div",{className:n([`${e}__main-content`,{[`${e}__main-content--no-media`]:!s}]),children:[c,t&&r.jsx(f.Heading,{negative:!0,tag:d,variant:"display-50",className:n([`${e}__title`,`${e}__title--hyphens-${x}`]),children:t}),b&&r.jsx(m.Paragraph,{negative:!0,variant:"preamble-100",className:n(`${e}__preamble`),children:b}),o&&r.jsx("div",{className:n(`${e}__custom-content`),children:o})]}),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})]})})};u.displayName="HeroBanner";u.Media=G;u.Actions=M;exports.HeroBanner=u;exports.TitleHyphenVariant=L;
-//# sourceMappingURL=hero-banner--v-ezYMr.js.map

package/dist/hero-banner--v-ezYMr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hero-banner--v-ezYMr.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-types.ts","../../../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 type { ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport type { ColorScheme } from \"@purpur/theme\";\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","import React from \"react\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { 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\";\nimport type { HeroBannerProps } from \"./hero-banner-types\";\n\nexport type { HeroBannerMediaProps } from \"./hero-banner-media\";\nexport type { HeroBannerProps, TitleHyphens } from \"./hero-banner-types\";\nexport { TitleHyphenVariant } from \"./hero-banner-types\";\n\nconst cx = c.bind(styles);\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-n9K-Jsdz.mjs

@@ -1,176 +0,0 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { G as H } from "./grid-DGnCQgwf.mjs";
-import { H as V } from "./heading-xwBuT_-9.mjs";
-import { P as v } from "./paragraph-CwAdFoIm.mjs";
-import { a as C } from "./ThemeProvider-BJ25_asg.mjs";
-import "react";
-import { c as $ } from "./bind-CU-R61T-.mjs";
-import { b as Z } from "./button-4-yWOgtD.mjs";
-import { b as M } from "./icon.es-CZcKxTaM.mjs";
-const p = {
-  "purpur-hero-banner": "_purpur-hero-banner_1o0s2_1",
-  "purpur-hero-banner__grid-container": "_purpur-hero-banner__grid-container_1o0s2_5",
-  "purpur-hero-banner__container": "_purpur-hero-banner__container_1o0s2_8",
-  "purpur-hero-banner__container--with-media": "_purpur-hero-banner__container--with-media_1o0s2_17",
-  "purpur-hero-banner__container--no-media": "_purpur-hero-banner__container--no-media_1o0s2_28",
-  "purpur-hero-banner__breadcrumbs": "_purpur-hero-banner__breadcrumbs_1o0s2_39",
-  "purpur-hero-banner__content": "_purpur-hero-banner__content_1o0s2_57",
-  "purpur-hero-banner__content--no-media": "_purpur-hero-banner__content--no-media_1o0s2_75",
-  "purpur-hero-banner__content--no-breadcrumbs": "_purpur-hero-banner__content--no-breadcrumbs_1o0s2_79",
-  "purpur-hero-banner__content--no-additional-text": "_purpur-hero-banner__content--no-additional-text_1o0s2_83",
-  "purpur-hero-banner__main-content": "_purpur-hero-banner__main-content_1o0s2_91",
-  "purpur-hero-banner__main-content--no-media": "_purpur-hero-banner__main-content--no-media_1o0s2_99",
-  "purpur-hero-banner__title": "_purpur-hero-banner__title_1o0s2_102",
-  "purpur-hero-banner__title--hyphens-default": "_purpur-hero-banner__title--hyphens-default_1o0s2_109",
-  "purpur-hero-banner__title--hyphens-enabled": "_purpur-hero-banner__title--hyphens-enabled_1o0s2_117",
-  "purpur-hero-banner__title--hyphens-disabled": "_purpur-hero-banner__title--hyphens-disabled_1o0s2_120",
-  "purpur-hero-banner__preamble": "_purpur-hero-banner__preamble_1o0s2_123",
-  "purpur-hero-banner__custom-content": "_purpur-hero-banner__custom-content_1o0s2_128",
-  "purpur-hero-banner__actions": "_purpur-hero-banner__actions_1o0s2_128",
-  "purpur-hero-banner__additional-text": "_purpur-hero-banner__additional-text_1o0s2_151",
-  "purpur-hero-banner__media": "_purpur-hero-banner__media_1o0s2_155",
-  "purpur-hero-banner__media--sm": "_purpur-hero-banner__media--sm_1o0s2_159",
-  "purpur-hero-banner__media--lg": "_purpur-hero-banner__media--lg_1o0s2_167",
-  "purpur-hero-banner__video-button": "_purpur-hero-banner__video-button_1o0s2_206"
-}, k = "purpur-hero-banner", A = $.bind(p), G = ({ children: o, className: _, ...a }) => /* @__PURE__ */ n("div", { ...a, className: A(`${k}__actions`, _), children: o }), j = {
-  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"
-}, L = {
-  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"
-}, S = "purpur-hero-banner", T = ({
-  children: o,
-  isPlaying: _,
-  togglePausePlay: a,
-  videoPauseAriaLabel: u,
-  videoPlayAriaLabel: c,
-  className: t,
-  ...d
-}) => o && /* @__PURE__ */ i("div", { className: t, ...d, children: [
-  o,
-  !!a && /* @__PURE__ */ n(
-    Z,
-    {
-      variant: "primary",
-      negative: !0,
-      iconOnly: !0,
-      onClick: () => {
-        a();
-      },
-      className: p[`${S}__video-button`],
-      "aria-label": _ ? u : c,
-      children: /* @__PURE__ */ n(M, { size: "xs", svg: _ ? L : j })
-    }
-  )
-] }), Q = {
-  default: "default",
-  enabled: "enabled",
-  disabled: "disabled"
-}, e = $.bind(p), r = "purpur-hero-banner", m = ({
-  children: o,
-  className: _,
-  breadcrumbs: a,
-  forceColorScheme: u,
-  beforeTitle: c,
-  title: t,
-  titleTag: d = "h1",
-  titleHyphens: g = "default",
-  preamble: b,
-  additionalText: h,
-  media: l,
-  ...f
-}) => {
-  const { options: N } = C(), y = e([r, _]), s = !!l, w = !!a, x = !!h, B = u ?? N?.heroBannerColorScheme;
-  return /* @__PURE__ */ n("section", { "data-color-scheme": B, className: y, ...f, children: /* @__PURE__ */ i(
-    H,
-    {
-      noGap: !0,
-      className: e([
-        `${r}__container`,
-        {
-          [`${r}__container--with-media`]: s,
-          [`${r}__container--no-media`]: !s
-        }
-      ]),
-      containerClassName: e(`${r}__grid-container`),
-      children: [
-        a && /* @__PURE__ */ n("div", { className: e(`${r}__breadcrumbs`), children: a }),
-        /* @__PURE__ */ n("div", { className: e([`${r}__media`, `${r}__media--sm`]), children: l }),
-        /* @__PURE__ */ i(
-          "div",
-          {
-            className: e([
-              `${r}__content`,
-              {
-                [`${r}__content--no-media`]: !s,
-                [`${r}__content--no-breadcrumbs`]: !w,
-                [`${r}__content--no-additional-text`]: !x
-              }
-            ]),
-            children: [
-              /* @__PURE__ */ i(
-                "div",
-                {
-                  className: e([
-                    `${r}__main-content`,
-                    {
-                      [`${r}__main-content--no-media`]: !s
-                    }
-                  ]),
-                  children: [
-                    c,
-                    t && /* @__PURE__ */ n(
-                      V,
-                      {
-                        negative: !0,
-                        tag: d,
-                        variant: "display-50",
-                        className: e([
-                          `${r}__title`,
-                          `${r}__title--hyphens-${g}`
-                        ]),
-                        children: t
-                      }
-                    ),
-                    b && /* @__PURE__ */ n(
-                      v,
-                      {
-                        negative: !0,
-                        variant: "preamble-100",
-                        className: e(`${r}__preamble`),
-                        children: b
-                      }
-                    ),
-                    o && /* @__PURE__ */ n("div", { className: e(`${r}__custom-content`), children: o })
-                  ]
-                }
-              ),
-              h && /* @__PURE__ */ n(
-                v,
-                {
-                  negative: !0,
-                  variant: "additional-100",
-                  className: p[`${r}__additional-text`],
-                  children: h
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: e([`${r}__media`, `${r}__media--lg`]), children: l })
-      ]
-    }
-  ) });
-};
-m.displayName = "HeroBanner";
-m.Media = T;
-m.Actions = G;
-export {
-  m as H,
-  Q as T
-};
-//# sourceMappingURL=hero-banner-n9K-Jsdz.mjs.map

package/dist/hero-banner-n9K-Jsdz.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hero-banner-n9K-Jsdz.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-types.ts","../../../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 type { ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport type { ColorScheme } from \"@purpur/theme\";\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","import React from \"react\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { 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\";\nimport type { HeroBannerProps } from \"./hero-banner-types\";\n\nexport type { HeroBannerMediaProps } from \"./hero-banner-media\";\nexport type { HeroBannerProps, TitleHyphens } from \"./hero-banner-types\";\nexport { TitleHyphenVariant } from \"./hero-banner-types\";\n\nconst cx = c.bind(styles);\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/index-BbtRr5Q6.js

@@ -1,2 +0,0 @@
-"use strict";const ae=require("react"),I=require("./index-CxBG4Ssm.js"),T=require("./index-_XxjJPRD.js"),F=require("./index-kcwFA4Dv.js"),w=require("./index-Hk_HrrHM.js"),ie=require("./index-BG6K_yAm.js"),ue=require("./index-BtWPC8xc.js"),O=require("./index-Cje7xxa1.js"),u=require("react/jsx-runtime"),de=require("./index-DOFLOnao.js"),le=require("./index-HJvG7FXj.js");function fe(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,t.get?t:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const s=fe(ae);var A="rovingFocusGroup.onEntryFocus",pe={bubbles:!1,cancelable:!0},S="RovingFocusGroup",[k,M,ve]=ie.createCollection(S),[me,q]=F.createContextScope(S,[ve]),[Re,be]=me(S),K=s.forwardRef((e,r)=>u.jsx(k.Provider,{scope:e.__scopeRovingFocusGroup,children:u.jsx(k.Slot,{scope:e.__scopeRovingFocusGroup,children:u.jsx(Ie,{...e,ref:r})})}));K.displayName=S;var Ie=s.forwardRef((e,r)=>{const{__scopeRovingFocusGroup:o,orientation:t,loop:c=!1,dir:i,currentTabStopId:d,defaultCurrentTabStopId:R,onCurrentTabStopIdChange:l,onEntryFocus:a,preventScrollOnEntryFocus:g=!1,...f}=e,p=s.useRef(null),m=T.useComposedRefs(r,p),n=O.useDirection(i),[v=null,E]=I.useControllableState({prop:d,defaultProp:R,onChange:l}),[C,h]=s.useState(!1),y=F.useCallbackRef(a),oe=M(o),P=s.useRef(!1),[te,j]=s.useState(0);return s.useEffect(()=>{const b=p.current;if(b)return b.addEventListener(A,y),()=>b.removeEventListener(A,y)},[y]),u.jsx(Re,{scope:o,orientation:t,dir:n,loop:c,currentTabStopId:v,onItemFocus:s.useCallback(b=>E(b),[E]),onItemShiftTab:s.useCallback(()=>h(!0),[]),onFocusableItemAdd:s.useCallback(()=>j(b=>b+1),[]),onFocusableItemRemove:s.useCallback(()=>j(b=>b-1),[]),children:u.jsx(w.Primitive.div,{tabIndex:C||te===0?-1:0,"data-orientation":t,...f,ref:m,style:{outline:"none",...e.style},onMouseDown:I.composeEventHandlers(e.onMouseDown,()=>{P.current=!0}),onFocus:I.composeEventHandlers(e.onFocus,b=>{const re=!P.current;if(b.target===b.currentTarget&&re&&!C){const N=new CustomEvent(A,pe);if(b.currentTarget.dispatchEvent(N),!N.defaultPrevented){const _=oe().filter(x=>x.focusable),ne=_.find(x=>x.active),se=_.find(x=>x.id===v),ce=[ne,se,..._].filter(Boolean).map(x=>x.ref.current);U(ce,g)}}P.current=!1}),onBlur:I.composeEventHandlers(e.onBlur,()=>h(!1))})})}),L="RovingFocusGroupItem",H=s.forwardRef((e,r)=>{const{__scopeRovingFocusGroup:o,focusable:t=!0,active:c=!1,tabStopId:i,...d}=e,R=ue.useId(),l=i||R,a=be(L,o),g=a.currentTabStopId===l,f=M(o),{onFocusableItemAdd:p,onFocusableItemRemove:m}=a;return s.useEffect(()=>{if(t)return p(),()=>m()},[t,p,m]),u.jsx(k.ItemSlot,{scope:o,id:l,focusable:t,active:c,children:u.jsx(w.Primitive.span,{tabIndex:g?0:-1,"data-orientation":a.orientation,...d,ref:r,onMouseDown:I.composeEventHandlers(e.onMouseDown,n=>{t?a.onItemFocus(l):n.preventDefault()}),onFocus:I.composeEventHandlers(e.onFocus,()=>a.onItemFocus(l)),onKeyDown:I.composeEventHandlers(e.onKeyDown,n=>{if(n.key==="Tab"&&n.shiftKey){a.onItemShiftTab();return}if(n.target!==n.currentTarget)return;const v=Ce(n,a.orientation,a.dir);if(v!==void 0){if(n.metaKey||n.ctrlKey||n.altKey||n.shiftKey)return;n.preventDefault();let C=f().filter(h=>h.focusable).map(h=>h.ref.current);if(v==="last")C.reverse();else if(v==="prev"||v==="next"){v==="prev"&&C.reverse();const h=C.indexOf(n.currentTarget);C=a.loop?he(C,h+1):C.slice(h+1)}setTimeout(()=>U(C))}})})})});H.displayName=L;var ge={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Ee(e,r){return r!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Ce(e,r,o){const t=Ee(e.key,o);if(!(r==="vertical"&&["ArrowLeft","ArrowRight"].includes(t))&&!(r==="horizontal"&&["ArrowUp","ArrowDown"].includes(t)))return ge[t]}function U(e,r=!1){const o=document.activeElement;for(const t of e)if(t===o||(t.focus({preventScroll:r}),document.activeElement!==o))return}function he(e,r){return e.map((o,t)=>e[(r+t)%e.length])}var xe=K,we=H,G="Radio",[Fe,$]=F.createContextScope(G),[Se,ye]=Fe(G),B=s.forwardRef((e,r)=>{const{__scopeRadio:o,name:t,checked:c=!1,required:i,disabled:d,value:R="on",onCheck:l,form:a,...g}=e,[f,p]=s.useState(null),m=T.useComposedRefs(r,E=>p(E)),n=s.useRef(!1),v=f?a||!!f.closest("form"):!0;return u.jsxs(Se,{scope:o,checked:c,disabled:d,children:[u.jsx(w.Primitive.button,{type:"button",role:"radio","aria-checked":c,"data-state":Y(c),"data-disabled":d?"":void 0,disabled:d,value:R,...g,ref:m,onClick:I.composeEventHandlers(e.onClick,E=>{c||l?.(),v&&(n.current=E.isPropagationStopped(),n.current||E.stopPropagation())})}),v&&u.jsx(Pe,{control:f,bubbles:!n.current,name:t,value:R,checked:c,required:i,disabled:d,form:a,style:{transform:"translateX(-100%)"}})]})});B.displayName=G;var V="RadioIndicator",z=s.forwardRef((e,r)=>{const{__scopeRadio:o,forceMount:t,...c}=e,i=ye(V,o);return u.jsx(le.Presence,{present:t||i.checked,children:u.jsx(w.Primitive.span,{"data-state":Y(i.checked),"data-disabled":i.disabled?"":void 0,...c,ref:r})})});z.displayName=V;var Pe=e=>{const{control:r,checked:o,bubbles:t=!0,...c}=e,i=s.useRef(null),d=I.usePrevious(o),R=de.useSize(r);return s.useEffect(()=>{const l=i.current,a=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(a,"checked").set;if(d!==o&&f){const p=new Event("click",{bubbles:t});f.call(l,o),l.dispatchEvent(p)}},[d,o,t]),u.jsx("input",{type:"radio","aria-hidden":!0,defaultChecked:o,...c,tabIndex:-1,ref:i,style:{...e.style,...R,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function Y(e){return e?"checked":"unchecked"}var _e=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],D="RadioGroup",[Ae]=F.createContextScope(D,[q,$]),W=q(),X=$(),[ke,Te]=Ae(D),J=s.forwardRef((e,r)=>{const{__scopeRadioGroup:o,name:t,defaultValue:c,value:i,required:d=!1,disabled:R=!1,orientation:l,dir:a,loop:g=!0,onValueChange:f,...p}=e,m=W(o),n=O.useDirection(a),[v,E]=I.useControllableState({prop:i,defaultProp:c,onChange:f});return u.jsx(ke,{scope:o,name:t,required:d,disabled:R,value:v,onValueChange:E,children:u.jsx(xe,{asChild:!0,...m,orientation:l,dir:n,loop:g,children:u.jsx(w.Primitive.div,{role:"radiogroup","aria-required":d,"aria-orientation":l,"data-disabled":R?"":void 0,dir:n,...p,ref:r})})})});J.displayName=D;var Q="RadioGroupItem",Z=s.forwardRef((e,r)=>{const{__scopeRadioGroup:o,disabled:t,...c}=e,i=Te(Q,o),d=i.disabled||t,R=W(o),l=X(o),a=s.useRef(null),g=T.useComposedRefs(r,a),f=i.value===c.value,p=s.useRef(!1);return s.useEffect(()=>{const m=v=>{_e.includes(v.key)&&(p.current=!0)},n=()=>p.current=!1;return document.addEventListener("keydown",m),document.addEventListener("keyup",n),()=>{document.removeEventListener("keydown",m),document.removeEventListener("keyup",n)}},[]),u.jsx(we,{asChild:!0,...R,focusable:!d,active:f,children:u.jsx(B,{disabled:d,required:i.required,checked:f,...l,...c,name:i.name,ref:g,onCheck:()=>i.onValueChange(c.value),onKeyDown:I.composeEventHandlers(m=>{m.key==="Enter"&&m.preventDefault()}),onFocus:I.composeEventHandlers(c.onFocus,()=>{p.current&&a.current?.click()})})})});Z.displayName=Q;var Ge="RadioGroupIndicator",ee=s.forwardRef((e,r)=>{const{__scopeRadioGroup:o,...t}=e,c=X(o);return u.jsx(z,{...c,...t,ref:r})});ee.displayName=Ge;var De=J,je=Z,Ne=ee;exports.Indicator=Ne;exports.Item2=je;exports.Root2=De;
-//# sourceMappingURL=index-BbtRr5Q6.js.map