boreal-ui 0.0.72 → 0.0.74

package/dist/next/Footer-i9rgxATK.cjs

@@ -0,0 +1,324 @@
+"use strict";
+const require$$2 = 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");
+;/* empty css                   */
+const IconButton = require("./IconButton-4ySBEhn1.cjs");
+const ThemeContext = require("./ThemeContext-CNPp2bRD.cjs");
+const Select = require("./Select-DAD4xA1b.cjs");
+const link = require("./link-CenftYXJ.cjs");
+const image = require("./image-DuTgdWOV.cjs");
+const UserThemeSettings = React.forwardRef(
+  ({
+    theme = borealStyleConfig.getDefaultTheme(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    state = "",
+    "data-testid": testId = "theme-select"
+  }, 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__ */ require$$2.jsx("div", { className: `control-container`, children: /* @__PURE__ */ require$$2.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 FooterBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  attachment = "static",
+  shadow = "none",
+  rounding = "none",
+  className = "",
+  "data-testid": testId = "footer",
+  copyright,
+  links: links2 = [],
+  logo: logo2,
+  socialLinks = [],
+  showThemeSelect = false,
+  IconButton: IconButton2,
+  ImageComponent = "img",
+  ThemeSelect,
+  classMap,
+  LinkWrapper = ({ href, children, ...rest2 }) => /* @__PURE__ */ require$$2.jsx("a", { href, ...rest2, children }),
+  // New accessibility props
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  navAriaLabel = "Footer site links",
+  socialNavAriaLabel = "Social media",
+  themeSelectAriaLabel = "Theme selector",
+  logoAriaLabel = "Logo",
+  logoDecorative = false,
+  labelId,
+  // Pass-through HTML props
+  ...rest
+}) => {
+  const footerClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.footer,
+      classMap[theme],
+      shadow !== "none" && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding !== "none" && classMap[`round${capitalize.capitalize(rounding)}`],
+      classMap[`attachment${capitalize.capitalize(attachment)}`],
+      className
+    ),
+    [classMap, theme, shadow, rounding, attachment, className]
+  );
+  const isLogoImage = (value) => typeof value === "object" && value !== null && "src" in value;
+  const isImgLike = typeof logo2 === "string" || isLogoImage(logo2);
+  const imgLogo = isImgLike ? typeof logo2 === "string" ? { src: logo2 } : logo2 : 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;
+  return /* @__PURE__ */ require$$2.jsx(
+    "footer",
+    {
+      className: footerClass,
+      "data-testid": testId,
+      role: "contentinfo",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? labelId,
+      "aria-describedby": ariaDescribedBy,
+      ...rest,
+      children: /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.content, children: [
+        /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.left, "data-testid": `${testId}-left`, children: [
+          isImgLike && logoSrc ? typeof ImageComponent === "string" ? /* @__PURE__ */ require$$2.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
+            }
+          ) : /* @__PURE__ */ require$$2.jsx(
+            ImageComponent,
+            {
+              className: classMap.logo,
+              "data-testid": `${testId}-logo`,
+              src: logoSrc,
+              alt: logoDecorative ? "" : logoAriaLabel,
+              "aria-hidden": logoDecorative ? true : void 0,
+              height: logoH,
+              width: logoW
+            }
+          ) : logo2 ? /* @__PURE__ */ require$$2.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: logo2
+            }
+          ) : null,
+          copyright && /* @__PURE__ */ require$$2.jsx(
+            "div",
+            {
+              className: classMap.copyright ?? classMap.left,
+              "data-testid": `${testId}-copyright`,
+              children: /* @__PURE__ */ require$$2.jsx("p", { id: labelId, children: copyright })
+            }
+          )
+        ] }),
+        links2.length > 0 && /* @__PURE__ */ require$$2.jsx(
+          "nav",
+          {
+            className: classMap.links,
+            "aria-label": navAriaLabel,
+            "data-testid": `${testId}-nav`,
+            children: /* @__PURE__ */ require$$2.jsx("ul", { children: links2.map((link2, i) => {
+              const slug = (link2.label || link2.href || `link-${i}`).toLowerCase().replace(/\s+/g, "-");
+              if (link2.disabled) {
+                return /* @__PURE__ */ require$$2.jsx("li", { children: /* @__PURE__ */ require$$2.jsx(
+                  "span",
+                  {
+                    className: classMap.link,
+                    "data-testid": `${testId}-link-${slug}`,
+                    "aria-disabled": "true",
+                    title: link2.title,
+                    children: link2.label
+                  }
+                ) }, `${link2.href ?? slug}-${i}`);
+              }
+              return /* @__PURE__ */ require$$2.jsx("li", { children: /* @__PURE__ */ require$$2.jsx(
+                LinkWrapper,
+                {
+                  href: link2.href,
+                  className: classMap.link,
+                  "data-testid": `${testId}-link-${slug}`,
+                  "aria-label": link2["aria-label"],
+                  "aria-current": link2["aria-current"],
+                  title: link2.title,
+                  rel: link2.rel,
+                  target: link2.target,
+                  children: link2.label
+                }
+              ) }, `${link2.href ?? slug}-${i}`);
+            }) })
+          }
+        ),
+        showThemeSelect && /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: classMap.themeToggle,
+            "data-testid": `${testId}-theme-select`,
+            "aria-label": themeSelectAriaLabel,
+            children: /* @__PURE__ */ require$$2.jsx(
+              ThemeSelect,
+              {
+                theme: "clear",
+                shadow: "none",
+                "aria-label": themeSelectAriaLabel
+              }
+            )
+          }
+        ),
+        socialLinks.length > 0 && /* @__PURE__ */ require$$2.jsx(
+          "nav",
+          {
+            className: classMap.social,
+            "aria-label": socialNavAriaLabel,
+            "data-testid": `${testId}-social`,
+            children: socialLinks.map((social2, index) => /* @__PURE__ */ require$$2.jsx(
+              IconButton2,
+              {
+                icon: social2.icon,
+                href: social2.href,
+                isExternal: social2.isExternal ?? true,
+                shadow: "none",
+                "aria-label": social2["aria-label"] ?? social2.title,
+                title: social2.tooltip ?? social2.title,
+                theme: "clear",
+                disabled: social2.disabled,
+                rel: social2.rel,
+                target: social2.target,
+                "data-testid": `${testId}-social-${social2.title.toLowerCase().replace(/\s+/g, "-")}`
+              },
+              `${social2.href ?? social2.title}-${index}`
+            ))
+          }
+        )
+      ] })
+    }
+  );
+};
+FooterBase.displayName = "FooterBase";
+const noScroll = "_noScroll_1ptp1_109";
+const errorMessage = "_errorMessage_1ptp1_110";
+const loadingContainer = "_loadingContainer_1ptp1_111";
+const hideScrollbar = "_hideScrollbar_1ptp1_103";
+const sr_only = "_sr_only_1ptp1_112";
+const footer = "_footer_1ptp1_637";
+const primary = "_primary_1ptp1_647";
+const secondary = "_secondary_1ptp1_651";
+const tertiary = "_tertiary_1ptp1_655";
+const quaternary = "_quaternary_1ptp1_659";
+const clear = "_clear_1ptp1_663";
+const roundNone = "_roundNone_1ptp1_667";
+const roundSmall = "_roundSmall_1ptp1_671";
+const roundMedium = "_roundMedium_1ptp1_675";
+const roundLarge = "_roundLarge_1ptp1_679";
+const roundFull = "_roundFull_1ptp1_683";
+const shadowNone = "_shadowNone_1ptp1_687";
+const shadowLight = "_shadowLight_1ptp1_690";
+const shadowMedium = "_shadowMedium_1ptp1_693";
+const shadowStrong = "_shadowStrong_1ptp1_696";
+const shadowIntense = "_shadowIntense_1ptp1_699";
+const attachmentStatic = "_attachmentStatic_1ptp1_702";
+const attachmentSticky = "_attachmentSticky_1ptp1_705";
+const attachmentFixed = "_attachmentFixed_1ptp1_713";
+const content = "_content_1ptp1_722";
+const left = "_left_1ptp1_741";
+const links = "_links_1ptp1_768";
+const logo = "_logo_1ptp1_812";
+const social = "_social_1ptp1_828";
+const themeToggle = "_themeToggle_1ptp1_845";
+const spin = "_spin_1ptp1_1";
+const pulse = "_pulse_1ptp1_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  footer,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  attachmentStatic,
+  attachmentSticky,
+  attachmentFixed,
+  content,
+  left,
+  links,
+  logo,
+  social,
+  themeToggle,
+  "fade-in": "_fade-in_1ptp1_1",
+  "slide-up": "_slide-up_1ptp1_1",
+  "spin-3d": "_spin-3d_1ptp1_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1ptp1_1",
+  "progress-grow": "_progress-grow_1ptp1_1",
+  "indeterminate-move": "_indeterminate-move_1ptp1_1",
+  "skeleton-loading": "_skeleton-loading_1ptp1_1"
+};
+const Footer = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(
+    FooterBase,
+    {
+      ...props,
+      IconButton: IconButton.IconButton,
+      ImageComponent: image.Image,
+      ThemeSelect: UserThemeSettings,
+      LinkWrapper: ({ href, children, className, ...rest }) => /* @__PURE__ */ require$$2.jsx(link.Link, { href, className, ...rest, children }),
+      classMap: styles
+    }
+  );
+};
+Footer.displayName = "Footer";
+exports.Footer = Footer;
+exports.UserThemeSettings = UserThemeSettings;
+//# sourceMappingURL=Footer-i9rgxATK.cjs.map

package/dist/next/Footer-i9rgxATK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-i9rgxATK.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\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      state = \"\",\r\n      \"data-testid\": testId = \"theme-select\",\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, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } 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 FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\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  // New accessibility props\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\r\n  // Pass-through HTML props\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        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, 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  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          {isImgLike && logoSrc ? (\r\n            typeof ImageComponent === \"string\" ? (\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              <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          ) : logo ? (\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          ) : null}\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>\r\n              {links.map((link, i) => {\r\n                const slug = (link.label || link.href || `link-${i}`)\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\");\r\n\r\n                if (link.disabled) {\r\n                  return (\r\n                    <li key={`${link.href ?? slug}-${i}`}>\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={`${link.href ?? slug}-${i}`}>\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            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\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              shadow=\"none\"\r\n              aria-label={themeSelectAriaLabel}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\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-${social.title\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ImageComponent={Image}\r\n      ThemeSelect={ThemeSelect}\r\n      LinkWrapper={({ href, children, className, ...rest }) => (\r\n        <Link href={href} className={className} {...rest}>\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","rest","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":"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"}

package/dist/next/Footer.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Footer = require("./Footer-BuG3hX1X.cjs");
+const Footer = require("./Footer-i9rgxATK.cjs");
 module.exports = Footer.Footer;
 //# sourceMappingURL=Footer.cjs.js.map

package/dist/next/Footer.js

@@ -1,4 +1,4 @@
-import { F } from "./Footer-BcYAcM_g.js";
+import { F } from "./Footer-Dl_wQwsb.js";
 export {
   F as default
 };

package/dist/next/FormGroup-AHYiWnkX.js

@@ -0,0 +1,209 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+const BaseFormGroup = ({
+  label: label2,
+  description: description2,
+  error,
+  children,
+  id,
+  required: required2 = false,
+  className = "",
+  layout = "vertical",
+  hideLabel = false,
+  spacing = "xs",
+  controller: controller2,
+  role = "group",
+  labelProps,
+  descriptionProps,
+  errorProps,
+  controlProps,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "data-testid": testId = "form-group",
+  classMap,
+  ...rest
+}) => {
+  const auto = useId();
+  const baseId = id ?? `${testId}-${auto}`;
+  const controlId = (controlProps == null ? void 0 : controlProps.id) ?? baseId;
+  const labelId = label2 ? `${baseId}-label` : void 0;
+  const descriptionId = description2 ? `${baseId}-description` : void 0;
+  const errorId = error ? `${baseId}-error` : void 0;
+  const internalDescribedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const mergedWrapperLabelledBy = ariaLabelledBy ?? labelId;
+  const mergedWrapperDescribedBy = ariaDescribedBy ?? internalDescribedBy;
+  const childrenArray = React.Children.toArray(children);
+  const wrapperClass = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      classMap[layout],
+      classMap[spacing],
+      error && classMap.error,
+      className
+    ),
+    [classMap, layout, spacing, error, className]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": mergedWrapperLabelledBy,
+      "aria-describedby": mergedWrapperDescribedBy,
+      "data-testid": testId,
+      ...rest,
+      children: [
+        label2 && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            id: labelId,
+            htmlFor: controlId,
+            className: combineClassNames(classMap.label, hideLabel && "sr_only"),
+            "data-testid": `${testId}-label`,
+            ...labelProps,
+            children: [
+              label2,
+              required2 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.required,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-required`,
+                  children: "*"
+                }
+              )
+            ]
+          }
+        ),
+        childrenArray.map((child, index) => {
+          const clonedChild = React.isValidElement(child) ? React.cloneElement(
+            child,
+            {
+              id: child.props.id ?? (index === 0 ? controlId : `${controlId}-${index}`),
+              required: (controlProps == null ? void 0 : controlProps.required) ?? required2 ?? child.props.required,
+              "aria-label": (controlProps == null ? void 0 : controlProps["aria-label"]) ?? child.props["aria-label"],
+              "aria-labelledby": (controlProps == null ? void 0 : controlProps["aria-labelledby"]) ?? labelId ?? child.props["aria-labelledby"],
+              "aria-describedby": (controlProps == null ? void 0 : controlProps["aria-describedby"]) ?? internalDescribedBy ?? child.props["aria-describedby"],
+              "aria-invalid": (controlProps == null ? void 0 : controlProps["aria-invalid"]) ?? (!!error || void 0) ?? child.props["aria-invalid"],
+              "aria-errormessage": (controlProps == null ? void 0 : controlProps["aria-errormessage"]) ?? errorId ?? child.props["aria-errormessage"],
+              "aria-required": (controlProps == null ? void 0 : controlProps["aria-required"]) ?? (required2 || void 0) ?? child.props["aria-required"],
+              ...controlProps
+            }
+          ) : child;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classMap.inputWrapper,
+              "data-testid": `${testId}-wrapper-${index}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classMap.inputField,
+                    "data-testid": `${testId}-input-field-${index}`,
+                    children: clonedChild
+                  }
+                ),
+                controller2 && index === 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classMap.controller,
+                    "data-testid": `${testId}-controller`,
+                    children: controller2
+                  }
+                )
+              ]
+            },
+            index
+          );
+        }),
+        description2 && !error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: descriptionId,
+            className: classMap.description,
+            "data-testid": `${testId}-description`,
+            ...descriptionProps,
+            children: description2
+          }
+        ),
+        error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            className: classMap.errorMessage,
+            role: "alert",
+            "data-testid": `${testId}-error`,
+            ...errorProps,
+            children: error
+          }
+        )
+      ]
+    }
+  );
+};
+BaseFormGroup.displayName = "BaseFormGroup";
+const noScroll = "_noScroll_1o6ee_109";
+const errorMessage = "_errorMessage_1o6ee_110";
+const loadingContainer = "_loadingContainer_1o6ee_111";
+const hideScrollbar = "_hideScrollbar_1o6ee_103";
+const sr_only = "_sr_only_1o6ee_112";
+const wrapper = "_wrapper_1o6ee_637";
+const label = "_label_1o6ee_650";
+const required = "_required_1o6ee_670";
+const inputWrapper = "_inputWrapper_1o6ee_675";
+const inputField = "_inputField_1o6ee_687";
+const controller = "_controller_1o6ee_696";
+const description = "_description_1o6ee_708";
+const horizontal = "_horizontal_1o6ee_738";
+const horizontal_label = "_horizontal_label_1o6ee_743";
+const formError = "_formError_1o6ee_772";
+const xs = "_xs_1o6ee_787";
+const small = "_small_1o6ee_796";
+const medium = "_medium_1o6ee_805";
+const large = "_large_1o6ee_814";
+const xl = "_xl_1o6ee_823";
+const spin = "_spin_1o6ee_1";
+const pulse = "_pulse_1o6ee_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  label,
+  required,
+  inputWrapper,
+  inputField,
+  controller,
+  description,
+  horizontal,
+  horizontal_label,
+  formError,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_1o6ee_1",
+  "slide-up": "_slide-up_1o6ee_1",
+  "spin-3d": "_spin-3d_1o6ee_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1o6ee_1",
+  "progress-grow": "_progress-grow_1o6ee_1",
+  "indeterminate-move": "_indeterminate-move_1o6ee_1",
+  "skeleton-loading": "_skeleton-loading_1o6ee_1"
+};
+const FormGroup = (props) => {
+  return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: styles });
+};
+FormGroup.displayName = "FormGroup";
+export {
+  FormGroup as F
+};
+//# sourceMappingURL=FormGroup-AHYiWnkX.js.map

package/dist/next/FormGroup-AHYiWnkX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-AHYiWnkX.js","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/next/FormGroup.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseFormGroupProps } from \"./FormGroup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\n\r\nconst BaseFormGroup: React.FC<BaseFormGroupProps> = ({\r\n  label,\r\n  description,\r\n  error,\r\n  children,\r\n  id,\r\n  required = false,\r\n  className = \"\",\r\n  layout = \"vertical\",\r\n  hideLabel = false,\r\n  spacing = \"xs\",\r\n  controller,\r\n  role = \"group\",\r\n  labelProps,\r\n  descriptionProps,\r\n  errorProps,\r\n  controlProps,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const controlId = controlProps?.id ?? baseId;\r\n\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const internalDescribedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const mergedWrapperLabelledBy = ariaLabelledBy ?? labelId;\r\n  const mergedWrapperDescribedBy = ariaDescribedBy ?? internalDescribedBy;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className,\r\n      ),\r\n    [classMap, layout, spacing, error, className],\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={mergedWrapperLabelledBy}\r\n      aria-describedby={mergedWrapperDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          htmlFor={controlId}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n          {...labelProps}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => {\r\n        const clonedChild = React.isValidElement(child)\r\n          ? React.cloneElement(\r\n              child as React.ReactElement<Record<string, unknown>>,\r\n              {\r\n                id:\r\n                  (child.props as { id?: string }).id ??\r\n                  (index === 0 ? controlId : `${controlId}-${index}`),\r\n                required:\r\n                  controlProps?.required ??\r\n                  required ??\r\n                  (child.props as { required?: boolean }).required,\r\n                \"aria-label\":\r\n                  controlProps?.[\"aria-label\"] ??\r\n                  (child.props as { \"aria-label\"?: string })[\"aria-label\"],\r\n                \"aria-labelledby\":\r\n                  controlProps?.[\"aria-labelledby\"] ??\r\n                  labelId ??\r\n                  (child.props as { \"aria-labelledby\"?: string })[\r\n                    \"aria-labelledby\"\r\n                  ],\r\n                \"aria-describedby\":\r\n                  controlProps?.[\"aria-describedby\"] ??\r\n                  internalDescribedBy ??\r\n                  (child.props as { \"aria-describedby\"?: string })[\r\n                    \"aria-describedby\"\r\n                  ],\r\n                \"aria-invalid\":\r\n                  controlProps?.[\"aria-invalid\"] ??\r\n                  (!!error || undefined) ??\r\n                  (child.props as { \"aria-invalid\"?: boolean })[\"aria-invalid\"],\r\n                \"aria-errormessage\":\r\n                  controlProps?.[\"aria-errormessage\"] ??\r\n                  errorId ??\r\n                  (child.props as { \"aria-errormessage\"?: string })[\r\n                    \"aria-errormessage\"\r\n                  ],\r\n                \"aria-required\":\r\n                  controlProps?.[\"aria-required\"] ??\r\n                  (required || undefined) ??\r\n                  (child.props as { \"aria-required\"?: boolean })[\r\n                    \"aria-required\"\r\n                  ],\r\n                ...controlProps,\r\n              },\r\n            )\r\n          : child;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className={classMap.inputWrapper}\r\n            data-testid={`${testId}-wrapper-${index}`}\r\n          >\r\n            <div\r\n              className={classMap.inputField}\r\n              data-testid={`${testId}-input-field-${index}`}\r\n            >\r\n              {clonedChild}\r\n            </div>\r\n\r\n            {controller && index === 0 && (\r\n              <div\r\n                className={classMap.controller}\r\n                data-testid={`${testId}-controller`}\r\n              >\r\n                {controller}\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n          {...descriptionProps}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n          {...errorProps}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport styles from \"./FormGroup.module.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={styles} />;\r\n};\r\nFormGroup.displayName = \"FormGroup\";\r\nexport default FormGroup;\r\n"],"names":["label","description","required","controller"],"mappings":"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"}