boreal-ui 0.0.880 → 0.0.882

package/dist/core/Footer-Cwi11hLk.cjs

@@ -0,0 +1,441 @@
+"use strict";
+require('./Footer.css');const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const IconButton = require("./IconButton-CFSu6aoV.cjs");
+const Select = require("./Select-BAv-TDRc.cjs");
+const ThemeContext = require("./ThemeContext-AHk5GZwb.cjs");
+const slugify = (value) => value.toLowerCase().trim().replace(/\s+/g, "-");
+const FooterBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  attachment = "static",
+  shadow = "none",
+  rounding = "none",
+  layout = "inline",
+  className = "",
+  "data-testid": testId = "footer",
+  copyright,
+  copyrightInBottom,
+  links = [],
+  sections,
+  logo,
+  brandTitle,
+  brandDescription,
+  brandHref,
+  socialLinks = [],
+  showThemeSelect = false,
+  bottomEnd,
+  IconButton: IconButton2,
+  ImageComponent = "img",
+  ThemeSelect,
+  classMap,
+  LinkWrapper = ({ href, children, ...rest2 }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, ...rest2, children }),
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  navAriaLabel = "Footer site links",
+  socialNavAriaLabel = "Social media",
+  themeSelectAriaLabel = "Theme selector",
+  logoAriaLabel = "Logo",
+  logoDecorative = false,
+  labelId,
+  ...rest
+}) => {
+  const footerClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.footer,
+      classMap[theme],
+      layout !== "inline" && classMap[`layout${capitalize.capitalize(layout)}`],
+      shadow !== "none" && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding !== "none" && classMap[`round${capitalize.capitalize(rounding)}`],
+      classMap[`attachment${capitalize.capitalize(attachment)}`],
+      className
+    ),
+    [classMap, theme, layout, shadow, rounding, attachment, className]
+  );
+  const isLogoImage = (value) => typeof value === "object" && value !== null && "src" in value;
+  const isImgLike = typeof logo === "string" || isLogoImage(logo);
+  const imgLogo = isImgLike ? typeof logo === "string" ? { src: logo } : logo : void 0;
+  const logoSrc = imgLogo == null ? void 0 : imgLogo.src;
+  const logoW = (imgLogo == null ? void 0 : imgLogo.width) ?? 20;
+  const logoH = (imgLogo == null ? void 0 : imgLogo.height) ?? 20;
+  const normalizedSections = sections && sections.length > 0 ? sections : links.length > 0 ? [
+    {
+      title: "Links",
+      links,
+      "aria-label": navAriaLabel,
+      testId: "links"
+    }
+  ] : [];
+  const shouldRenderCopyrightInBottom = copyrightInBottom ?? layout === "columns";
+  const renderLogo = () => {
+    if (isImgLike && logoSrc) {
+      if (typeof ImageComponent === "string") {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            className: classMap.logo,
+            "data-testid": `${testId}-logo`,
+            loading: "lazy",
+            src: logoSrc,
+            alt: logoDecorative ? "" : logoAriaLabel,
+            "aria-hidden": logoDecorative ? true : void 0,
+            height: logoH,
+            width: logoW
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ImageComponent,
+        {
+          className: classMap.logo,
+          "data-testid": `${testId}-logo`,
+          src: logoSrc,
+          alt: logoDecorative ? "" : logoAriaLabel,
+          "aria-hidden": logoDecorative ? true : void 0,
+          height: logoH,
+          width: logoW
+        }
+      );
+    }
+    if (!logo) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: classMap.logo,
+        role: logoDecorative ? void 0 : "img",
+        "aria-label": logoDecorative ? void 0 : logoAriaLabel,
+        "aria-hidden": logoDecorative ? true : void 0,
+        "data-testid": `${testId}-logo`,
+        children: logo
+      }
+    );
+  };
+  const renderFooterLink = (link, index) => {
+    const slug = slugify(link.label || link.href || `link-${index}`);
+    const key = `${link.href ?? slug}-${index}`;
+    if (link.disabled) {
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.link,
+          "data-testid": `${testId}-link-${slug}`,
+          "aria-disabled": "true",
+          title: link.title,
+          children: link.label
+        }
+      ) }, key);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      LinkWrapper,
+      {
+        href: link.href,
+        className: classMap.link,
+        "data-testid": `${testId}-link-${slug}`,
+        "aria-label": link["aria-label"],
+        "aria-current": link["aria-current"],
+        title: link.title,
+        rel: link.rel,
+        target: link.target,
+        children: link.label
+      }
+    ) }, key);
+  };
+  const renderSocialLinks = () => {
+    if (socialLinks.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        className: classMap.social,
+        "aria-label": socialNavAriaLabel,
+        "data-testid": `${testId}-social`,
+        children: socialLinks.map((social, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton2,
+          {
+            icon: social.icon,
+            href: social.href,
+            isExternal: social.isExternal ?? true,
+            shadow: "none",
+            "aria-label": social["aria-label"] ?? social.title,
+            title: social.tooltip ?? social.title,
+            theme: "clear",
+            disabled: social.disabled,
+            rel: social.rel,
+            target: social.target,
+            "data-testid": `${testId}-social-${slugify(social.title)}`
+          },
+          `${social.href ?? social.title}-${index}`
+        ))
+      }
+    );
+  };
+  const renderThemeSelect = () => {
+    if (!showThemeSelect) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classMap.themeToggle,
+        "data-testid": `${testId}-theme-select`,
+        "aria-label": themeSelectAriaLabel,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ThemeSelect,
+          {
+            theme: "clear",
+            label: brandDescription,
+            shadow: "none",
+            "aria-label": themeSelectAriaLabel
+          }
+        )
+      }
+    );
+  };
+  const renderBrand = () => {
+    const brandContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      renderLogo(),
+      brandTitle && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.brandTitle,
+          "data-testid": `${testId}-brand-title`,
+          children: brandTitle
+        }
+      )
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.brand, "data-testid": `${testId}-brand`, children: [
+      brandHref ? /* @__PURE__ */ jsxRuntime.jsx(
+        LinkWrapper,
+        {
+          href: brandHref,
+          className: classMap.brandLink,
+          "aria-label": typeof brandTitle === "string" ? brandTitle : logoAriaLabel,
+          children: brandContent
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.brandLink, children: brandContent }),
+      brandDescription && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: classMap.brandDescription,
+          "data-testid": `${testId}-brand-description`,
+          children: brandDescription
+        }
+      ),
+      copyright && !shouldRenderCopyrightInBottom && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: classMap.copyright,
+          "data-testid": `${testId}-copyright`,
+          children: /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, children: copyright })
+        }
+      )
+    ] });
+  };
+  const renderSections = () => {
+    if (normalizedSections.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.sections, "data-testid": `${testId}-sections`, children: normalizedSections.map((section, sectionIndex) => {
+      const titleText = typeof section.title === "string" ? section.title : `section-${sectionIndex + 1}`;
+      const sectionSlug = section.testId ?? slugify(titleText);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "nav",
+        {
+          className: classMap.section,
+          "aria-label": section["aria-label"] ?? `${titleText} links`,
+          "data-testid": `${testId}-section-${sectionSlug}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: classMap.sectionTitle, children: section.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classMap.sectionList, children: section.links.map(renderFooterLink) })
+          ]
+        },
+        sectionSlug
+      );
+    }) });
+  };
+  if (layout === "columns") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "footer",
+      {
+        className: footerClass,
+        "data-testid": testId,
+        role: "contentinfo",
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy ?? labelId,
+        "aria-describedby": ariaDescribedBy,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
+            renderBrand(),
+            renderSections(),
+            (socialLinks.length > 0 || showThemeSelect) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.actions, "data-testid": `${testId}-actions`, children: [
+              socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.actionGroup, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: classMap.sectionTitle, children: "Connect" }),
+                renderSocialLinks()
+              ] }),
+              renderThemeSelect()
+            ] })
+          ] }),
+          (copyright || bottomEnd) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.bottom, "data-testid": `${testId}-bottom`, children: [
+            copyright && shouldRenderCopyrightInBottom && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                id: labelId,
+                className: classMap.bottomCopyright,
+                "data-testid": `${testId}-copyright`,
+                children: copyright
+              }
+            ),
+            bottomEnd && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: classMap.bottomEnd,
+                "data-testid": `${testId}-bottom-end`,
+                children: bottomEnd
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "footer",
+    {
+      className: footerClass,
+      "data-testid": testId,
+      role: "contentinfo",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? labelId,
+      "aria-describedby": ariaDescribedBy,
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.left, "data-testid": `${testId}-left`, children: [
+          renderLogo(),
+          copyright && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: classMap.copyright ?? classMap.left,
+              "data-testid": `${testId}-copyright`,
+              children: /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, children: copyright })
+            }
+          )
+        ] }),
+        links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "nav",
+          {
+            className: classMap.links,
+            "aria-label": navAriaLabel,
+            "data-testid": `${testId}-nav`,
+            children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: links.map(renderFooterLink) })
+          }
+        ),
+        renderThemeSelect(),
+        renderSocialLinks()
+      ] })
+    }
+  );
+};
+FooterBase.displayName = "FooterBase";
+const UserThemeSettings = React.forwardRef(
+  ({
+    theme = borealStyleConfig.getDefaultTheme(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    "data-testid": testId = "theme-select",
+    state = ""
+  }, ref) => {
+    const ctx = React.useContext(ThemeContext.ThemeContext);
+    if (!ctx)
+      throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
+    const { selectedScheme, setSelectedScheme, schemes } = ctx;
+    const options = React.useMemo(
+      () => schemes.map((scheme, index) => ({
+        value: String(index),
+        label: scheme.name
+      })),
+      [schemes]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "control-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Select.Select,
+      {
+        ref,
+        theme,
+        state,
+        shadow,
+        rounding,
+        options,
+        "data-testid": testId,
+        value: String(selectedScheme),
+        "aria-label": "Select Theme",
+        onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
+      }
+    ) });
+  }
+);
+UserThemeSettings.displayName = "UserThemeSettings";
+const classes = {
+  footer: "footer",
+  primary: "footer_primary",
+  secondary: "footer_secondary",
+  tertiary: "footer_tertiary",
+  quaternary: "footer_quaternary",
+  clear: "footer_clear",
+  layoutColumns: "footer_layout-columns",
+  shadowNone: "footer_shadow-None",
+  shadowLight: "footer_shadow-Light",
+  shadowMedium: "footer_shadow-Medium",
+  shadowStrong: "footer_shadow-Strong",
+  shadowIntense: "footer_shadow-Intense",
+  roundNone: "footer_round-None",
+  roundSmall: "footer_round-Small",
+  roundMedium: "footer_round-Medium",
+  roundLarge: "footer_round-Large",
+  attachmentStatic: "footer_attachment-static",
+  attachmentFixed: "footer_attachment-fixed",
+  attachmentSticky: "footer_attachment-sticky",
+  content: "footer_content",
+  // Existing inline layout
+  logo: "footer_logo",
+  left: "footer_left",
+  links: "footer_links",
+  link: "footer_link",
+  social: "footer_social",
+  themeToggle: "footer_theme-toggle",
+  copyright: "footer_copyright",
+  // New column layout
+  brand: "footer_brand",
+  brandLink: "footer_brand-link",
+  brandTitle: "footer_brand-title",
+  brandDescription: "footer_brand-description",
+  sections: "footer_sections",
+  section: "footer_section",
+  sectionTitle: "footer_section-title",
+  sectionList: "footer_section-list",
+  actions: "footer_actions",
+  actionGroup: "footer_action-group",
+  bottom: "footer_bottom",
+  bottomCopyright: "footer_bottom-copyright",
+  bottomEnd: "footer_bottom-end"
+};
+const Footer = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FooterBase,
+    {
+      ...props,
+      IconButton: IconButton.IconButton,
+      ThemeSelect: UserThemeSettings,
+      classMap: classes
+    }
+  );
+};
+Footer.displayName = "Footer";
+exports.Footer = Footer;
+exports.UserThemeSettings = UserThemeSettings;
+//# sourceMappingURL=Footer-Cwi11hLk.cjs.map

package/dist/core/Footer-Cwi11hLk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-Cwi11hLk.cjs","sources":["../../src/components/Footer/FooterBase.tsx","../../src/components/Select/ThemeSelect/core/ThemeSelect.tsx","../../src/components/Footer/core/Footer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n  BaseFooterProps,\r\n  FooterLink,\r\n  FooterSection,\r\n  LogoSource,\r\n} from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst slugify = (value: string) =>\r\n  value.toLowerCase().trim().replace(/\\s+/g, \"-\");\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  layout = \"inline\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n\r\n  copyright,\r\n  copyrightInBottom,\r\n  links = [],\r\n  sections,\r\n  logo,\r\n  brandTitle,\r\n  brandDescription,\r\n  brandHref,\r\n\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  bottomEnd,\r\n\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children, ...rest }) => (\r\n    <a href={href} {...rest}>\r\n      {children}\r\n    </a>\r\n  ),\r\n\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  navAriaLabel = \"Footer site links\",\r\n  socialNavAriaLabel = \"Social media\",\r\n  themeSelectAriaLabel = \"Theme selector\",\r\n  logoAriaLabel = \"Logo\",\r\n  logoDecorative = false,\r\n  labelId,\r\n  ...rest\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        layout !== \"inline\" && classMap[`layout${capitalize(layout)}`],\r\n        shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className,\r\n      ),\r\n    [classMap, theme, layout, shadow, rounding, attachment, className],\r\n  );\r\n\r\n  const isLogoImage = (\r\n    value: unknown,\r\n  ): value is { src: string; width?: number; height?: number } =>\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"src\" in (value as Record<string, unknown>);\r\n\r\n  const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n  const imgLogo = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? { src: logo }\r\n      : logo\r\n    : undefined;\r\n\r\n  const logoSrc = imgLogo?.src;\r\n  const logoW = imgLogo?.width ?? 20;\r\n  const logoH = imgLogo?.height ?? 20;\r\n\r\n  const normalizedSections: FooterSection[] =\r\n    sections && sections.length > 0\r\n      ? sections\r\n      : links.length > 0\r\n        ? [\r\n            {\r\n              title: \"Links\",\r\n              links,\r\n              \"aria-label\": navAriaLabel,\r\n              testId: \"links\",\r\n            },\r\n          ]\r\n        : [];\r\n\r\n  const shouldRenderCopyrightInBottom =\r\n    copyrightInBottom ?? layout === \"columns\";\r\n\r\n  const renderLogo = () => {\r\n    if (isImgLike && logoSrc) {\r\n      if (typeof ImageComponent === \"string\") {\r\n        return (\r\n          <img\r\n            className={classMap.logo}\r\n            data-testid={`${testId}-logo`}\r\n            loading=\"lazy\"\r\n            src={logoSrc}\r\n            alt={logoDecorative ? \"\" : logoAriaLabel}\r\n            aria-hidden={logoDecorative ? true : undefined}\r\n            height={logoH}\r\n            width={logoW}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <ImageComponent\r\n          className={classMap.logo}\r\n          data-testid={`${testId}-logo`}\r\n          src={logoSrc}\r\n          alt={logoDecorative ? \"\" : logoAriaLabel}\r\n          aria-hidden={logoDecorative ? true : undefined}\r\n          height={logoH}\r\n          width={logoW}\r\n        />\r\n      );\r\n    }\r\n\r\n    if (!logo) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <span\r\n        className={classMap.logo}\r\n        role={logoDecorative ? undefined : \"img\"}\r\n        aria-label={logoDecorative ? undefined : logoAriaLabel}\r\n        aria-hidden={logoDecorative ? true : undefined}\r\n        data-testid={`${testId}-logo`}\r\n      >\r\n        {\r\n          logo as Exclude<\r\n            LogoSource,\r\n            string | { src: string; width?: number; height?: number }\r\n          >\r\n        }\r\n      </span>\r\n    );\r\n  };\r\n\r\n  const renderFooterLink = (link: FooterLink, index: number) => {\r\n    const slug = slugify(link.label || link.href || `link-${index}`);\r\n    const key = `${link.href ?? slug}-${index}`;\r\n\r\n    if (link.disabled) {\r\n      return (\r\n        <li key={key}>\r\n          <span\r\n            className={classMap.link}\r\n            data-testid={`${testId}-link-${slug}`}\r\n            aria-disabled=\"true\"\r\n            title={link.title}\r\n          >\r\n            {link.label}\r\n          </span>\r\n        </li>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <li key={key}>\r\n        <LinkWrapper\r\n          href={link.href}\r\n          className={classMap.link}\r\n          data-testid={`${testId}-link-${slug}`}\r\n          aria-label={link[\"aria-label\"]}\r\n          aria-current={link[\"aria-current\"]}\r\n          title={link.title}\r\n          rel={link.rel}\r\n          target={link.target}\r\n        >\r\n          {link.label}\r\n        </LinkWrapper>\r\n      </li>\r\n    );\r\n  };\r\n\r\n  const renderSocialLinks = () => {\r\n    if (socialLinks.length === 0) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <nav\r\n        className={classMap.social}\r\n        aria-label={socialNavAriaLabel}\r\n        data-testid={`${testId}-social`}\r\n      >\r\n        {socialLinks.map((social, index) => (\r\n          <IconButton\r\n            key={`${social.href ?? social.title}-${index}`}\r\n            icon={social.icon}\r\n            href={social.href}\r\n            isExternal={social.isExternal ?? true}\r\n            shadow=\"none\"\r\n            aria-label={social[\"aria-label\"] ?? social.title}\r\n            title={social.tooltip ?? social.title}\r\n            theme=\"clear\"\r\n            disabled={social.disabled}\r\n            rel={social.rel}\r\n            target={social.target}\r\n            data-testid={`${testId}-social-${slugify(social.title)}`}\r\n          />\r\n        ))}\r\n      </nav>\r\n    );\r\n  };\r\n\r\n  const renderThemeSelect = () => {\r\n    if (!showThemeSelect) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={classMap.themeToggle}\r\n        data-testid={`${testId}-theme-select`}\r\n        aria-label={themeSelectAriaLabel}\r\n      >\r\n        <ThemeSelect\r\n          theme=\"clear\"\r\n          label={brandDescription}\r\n          shadow=\"none\"\r\n          aria-label={themeSelectAriaLabel}\r\n        />\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderBrand = () => {\r\n    const brandContent = (\r\n      <>\r\n        {renderLogo()}\r\n\r\n        {brandTitle && (\r\n          <span\r\n            className={classMap.brandTitle}\r\n            data-testid={`${testId}-brand-title`}\r\n          >\r\n            {brandTitle}\r\n          </span>\r\n        )}\r\n      </>\r\n    );\r\n\r\n    return (\r\n      <div className={classMap.brand} data-testid={`${testId}-brand`}>\r\n        {brandHref ? (\r\n          <LinkWrapper\r\n            href={brandHref}\r\n            className={classMap.brandLink}\r\n            aria-label={\r\n              typeof brandTitle === \"string\" ? brandTitle : logoAriaLabel\r\n            }\r\n          >\r\n            {brandContent}\r\n          </LinkWrapper>\r\n        ) : (\r\n          <div className={classMap.brandLink}>{brandContent}</div>\r\n        )}\r\n\r\n        {brandDescription && (\r\n          <p\r\n            className={classMap.brandDescription}\r\n            data-testid={`${testId}-brand-description`}\r\n          >\r\n            {brandDescription}\r\n          </p>\r\n        )}\r\n\r\n        {copyright && !shouldRenderCopyrightInBottom && (\r\n          <div\r\n            className={classMap.copyright}\r\n            data-testid={`${testId}-copyright`}\r\n          >\r\n            <p id={labelId}>{copyright}</p>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderSections = () => {\r\n    if (normalizedSections.length === 0) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div className={classMap.sections} data-testid={`${testId}-sections`}>\r\n        {normalizedSections.map((section, sectionIndex) => {\r\n          const titleText =\r\n            typeof section.title === \"string\"\r\n              ? section.title\r\n              : `section-${sectionIndex + 1}`;\r\n\r\n          const sectionSlug = section.testId ?? slugify(titleText);\r\n\r\n          return (\r\n            <nav\r\n              key={sectionSlug}\r\n              className={classMap.section}\r\n              aria-label={section[\"aria-label\"] ?? `${titleText} links`}\r\n              data-testid={`${testId}-section-${sectionSlug}`}\r\n            >\r\n              <h2 className={classMap.sectionTitle}>{section.title}</h2>\r\n\r\n              <ul className={classMap.sectionList}>\r\n                {section.links.map(renderFooterLink)}\r\n              </ul>\r\n            </nav>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  if (layout === \"columns\") {\r\n    return (\r\n      <footer\r\n        className={footerClass}\r\n        data-testid={testId}\r\n        role=\"contentinfo\"\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy ?? labelId}\r\n        aria-describedby={ariaDescribedBy}\r\n        {...rest}\r\n      >\r\n        <div className={classMap.content}>\r\n          {renderBrand()}\r\n\r\n          {renderSections()}\r\n\r\n          {(socialLinks.length > 0 || showThemeSelect) && (\r\n            <div className={classMap.actions} data-testid={`${testId}-actions`}>\r\n              {socialLinks.length > 0 && (\r\n                <div className={classMap.actionGroup}>\r\n                  <h2 className={classMap.sectionTitle}>Connect</h2>\r\n                  {renderSocialLinks()}\r\n                </div>\r\n              )}\r\n\r\n              {renderThemeSelect()}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {(copyright || bottomEnd) && (\r\n          <div className={classMap.bottom} data-testid={`${testId}-bottom`}>\r\n            {copyright && shouldRenderCopyrightInBottom && (\r\n              <p\r\n                id={labelId}\r\n                className={classMap.bottomCopyright}\r\n                data-testid={`${testId}-copyright`}\r\n              >\r\n                {copyright}\r\n              </p>\r\n            )}\r\n\r\n            {bottomEnd && (\r\n              <div\r\n                className={classMap.bottomEnd}\r\n                data-testid={`${testId}-bottom-end`}\r\n              >\r\n                {bottomEnd}\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n      </footer>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <footer\r\n      className={footerClass}\r\n      data-testid={testId}\r\n      role=\"contentinfo\"\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledBy ?? labelId}\r\n      aria-describedby={ariaDescribedBy}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {renderLogo()}\r\n\r\n          {copyright && (\r\n            <div\r\n              className={classMap.copyright ?? classMap.left}\r\n              data-testid={`${testId}-copyright`}\r\n            >\r\n              <p id={labelId}>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label={navAriaLabel}\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul>{links.map(renderFooterLink)}</ul>\r\n          </nav>\r\n        )}\r\n\r\n        {renderThemeSelect()}\r\n        {renderSocialLinks()}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","import { useContext, useMemo, forwardRef } from \"react\";\r\nimport Select from \"../../core/Select\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      shadow = getDefaultShadow(),\r\n      rounding = getDefaultRounding(),\r\n      \"data-testid\": testId = \"theme-select\",\r\n      state = \"\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const ctx = useContext(ThemeContext);\r\n    if (!ctx)\r\n      throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n    const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n    const options = useMemo(\r\n      () =>\r\n        schemes.map((scheme, index) => ({\r\n          value: String(index),\r\n          label: scheme.name,\r\n        })),\r\n      [schemes],\r\n    );\r\n\r\n    return (\r\n      <div className=\"control-container\">\r\n        <Select\r\n          ref={ref}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          options={options}\r\n          data-testid={testId}\r\n          value={String(selectedScheme)}\r\n          aria-label=\"Select Theme\"\r\n          onChange={(value: string | number) =>\r\n            setSelectedScheme(parseInt(String(value), 10))\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ThemeSelect from \"../../Select/ThemeSelect/core/ThemeSelect\";\r\nimport \"./Footer.scss\";\r\n\r\nconst classes = {\r\n  footer: \"footer\",\r\n\r\n  primary: \"footer_primary\",\r\n  secondary: \"footer_secondary\",\r\n  tertiary: \"footer_tertiary\",\r\n  quaternary: \"footer_quaternary\",\r\n  clear: \"footer_clear\",\r\n\r\n  layoutColumns: \"footer_layout-columns\",\r\n\r\n  shadowNone: \"footer_shadow-None\",\r\n  shadowLight: \"footer_shadow-Light\",\r\n  shadowMedium: \"footer_shadow-Medium\",\r\n  shadowStrong: \"footer_shadow-Strong\",\r\n  shadowIntense: \"footer_shadow-Intense\",\r\n\r\n  roundNone: \"footer_round-None\",\r\n  roundSmall: \"footer_round-Small\",\r\n  roundMedium: \"footer_round-Medium\",\r\n  roundLarge: \"footer_round-Large\",\r\n\r\n  attachmentStatic: \"footer_attachment-static\",\r\n  attachmentFixed: \"footer_attachment-fixed\",\r\n  attachmentSticky: \"footer_attachment-sticky\",\r\n\r\n  content: \"footer_content\",\r\n\r\n  // Existing inline layout\r\n  logo: \"footer_logo\",\r\n  left: \"footer_left\",\r\n  links: \"footer_links\",\r\n  link: \"footer_link\",\r\n  social: \"footer_social\",\r\n  themeToggle: \"footer_theme-toggle\",\r\n  copyright: \"footer_copyright\",\r\n\r\n  // New column layout\r\n  brand: \"footer_brand\",\r\n  brandLink: \"footer_brand-link\",\r\n  brandTitle: \"footer_brand-title\",\r\n  brandDescription: \"footer_brand-description\",\r\n\r\n  sections: \"footer_sections\",\r\n  section: \"footer_section\",\r\n  sectionTitle: \"footer_section-title\",\r\n  sectionList: \"footer_section-list\",\r\n\r\n  actions: \"footer_actions\",\r\n  actionGroup: \"footer_action-group\",\r\n\r\n  bottom: \"footer_bottom\",\r\n  bottomCopyright: \"footer_bottom-copyright\",\r\n  bottomEnd: \"footer_bottom-end\",\r\n};\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ThemeSelect={ThemeSelect}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nFooter.displayName = \"Footer\";\r\n\r\nexport default Footer;\r\n"],"names":["getDefaultTheme","IconButton","rest","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","forwardRef","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","Select","ThemeSelect"],"mappings":"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"}