boreal-ui 0.0.31 → 0.0.33

package/dist/next/Footer-CD8eu471.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-CD8eu471.js","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 React, { useContext, useMemo } from \"react\";\r\nimport { getAllColorSchemes } from \"../../../../styles/colorSchemeRegistry\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport { RoundingType, ShadowType, StateType, ThemeType } from \"@/types/types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\n\r\ninterface ThemeSelectProps {\r\n  theme?: ThemeType;\r\n  shadow?: ShadowType;\r\n  rounding?: RoundingType;\r\n  \"data-testid\"?: string;\r\n  state?: StateType;\r\n}\r\n\r\nconst UserThemeSettings: React.FC<ThemeSelectProps> = ({\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  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        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        ariaLabel=\"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\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps } 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  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 isImgLike =\r\n    typeof logo === \"string\" ||\r\n    (typeof logo === \"object\" && logo && \"src\" in logo);\r\n  const logoSrc = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? logo\r\n      : (logo as any).src\r\n    : undefined;\r\n  const logoW = isImgLike ? ((logo as any)?.width ?? 20) : undefined;\r\n  const logoH = isImgLike ? ((logo as any)?.height ?? 20) : undefined;\r\n\r\n  return (\r\n    <footer className={footerClass} data-testid={testId}>\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike ? (\r\n            <ImageComponent\r\n              className={classMap.logo}\r\n              data-testid={`${testId}-logo`}\r\n              loading=\"lazy\"\r\n              src={logoSrc}\r\n              alt=\"Logo\"\r\n              height={logoH}\r\n              width={logoW}\r\n            />\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              role=\"img\"\r\n              aria-label=\"Logo\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {logo}\r\n            </span>\r\n          )}\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>{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=\"Footer site links\"\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                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                    >\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          >\r\n            <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\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\r\n                shadow=\"none\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title.toLowerCase().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\n\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","social","ThemeSelect"],"mappings":"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"}

package/dist/next/Footer-CukKL1zM.cjs

@@ -0,0 +1,251 @@
+"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-Rr5d5Qts.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const ThemeContext = require("./ThemeContext-Iy-HHefR.cjs");
+const Select = require("./Select-D4QdlQ6W.cjs");
+const link = require("./link-hxAaLm0Q.cjs");
+const image = require("./image-VX9Ty9NQ.cjs");
+const UserThemeSettings = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  state = "",
+  "data-testid": testId = "theme-select"
+}) => {
+  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,
+    {
+      theme,
+      state,
+      shadow,
+      rounding,
+      options,
+      "data-testid": testId,
+      value: String(selectedScheme),
+      ariaLabel: "Select Theme",
+      onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
+    }
+  ) });
+};
+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, ...rest }) => /* @__PURE__ */ require$$2.jsx("a", { href, ...rest, children })
+}) => {
+  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 isImgLike = typeof logo2 === "string" || typeof logo2 === "object" && logo2 && "src" in logo2;
+  const logoSrc = isImgLike ? typeof logo2 === "string" ? logo2 : logo2.src : void 0;
+  const logoW = isImgLike ? (logo2 == null ? void 0 : logo2.width) ?? 20 : void 0;
+  const logoH = isImgLike ? (logo2 == null ? void 0 : logo2.height) ?? 20 : void 0;
+  return /* @__PURE__ */ require$$2.jsx("footer", { className: footerClass, "data-testid": testId, children: /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.content, children: [
+    /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.left, "data-testid": `${testId}-left`, children: [
+      isImgLike ? /* @__PURE__ */ require$$2.jsx(
+        ImageComponent,
+        {
+          className: classMap.logo,
+          "data-testid": `${testId}-logo`,
+          loading: "lazy",
+          src: logoSrc,
+          alt: "Logo",
+          height: logoH,
+          width: logoW
+        }
+      ) : /* @__PURE__ */ require$$2.jsx(
+        "span",
+        {
+          className: classMap.logo,
+          role: "img",
+          "aria-label": "Logo",
+          "data-testid": `${testId}-logo`,
+          children: logo2
+        }
+      ),
+      copyright && /* @__PURE__ */ require$$2.jsx(
+        "div",
+        {
+          className: classMap.copyright ?? classMap.left,
+          "data-testid": `${testId}-copyright`,
+          children: /* @__PURE__ */ require$$2.jsx("p", { children: copyright })
+        }
+      )
+    ] }),
+    links2.length > 0 && /* @__PURE__ */ require$$2.jsx(
+      "nav",
+      {
+        className: classMap.links,
+        "aria-label": "Footer site links",
+        "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, "-");
+          return /* @__PURE__ */ require$$2.jsx("li", { children: /* @__PURE__ */ require$$2.jsx(
+            LinkWrapper,
+            {
+              href: link2.href,
+              className: classMap.link,
+              "data-testid": `${testId}-link-${slug}`,
+              children: link2.label
+            }
+          ) }, `${link2.href ?? slug}-${i}`);
+        }) })
+      }
+    ),
+    showThemeSelect && /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        className: classMap.themeToggle,
+        "data-testid": `${testId}-theme-select`,
+        children: /* @__PURE__ */ require$$2.jsx(ThemeSelect, { theme: "clear", shadow: "none", "aria-label": "Theme" })
+      }
+    ),
+    socialLinks.length > 0 && /* @__PURE__ */ require$$2.jsx(
+      "nav",
+      {
+        className: classMap.social,
+        "aria-label": "Social media",
+        "data-testid": `${testId}-social`,
+        children: socialLinks.map((social2, index) => /* @__PURE__ */ require$$2.jsx(
+          IconButton2,
+          {
+            icon: social2.icon,
+            href: social2.href,
+            isExternal: true,
+            shadow: "none",
+            ariaLabel: social2.title,
+            title: social2.title,
+            theme: "clear",
+            "data-testid": `${testId}-social-${social2.title.toLowerCase().replace(/\s+/g, "-")}`
+          },
+          `${social2.href ?? social2.title}-${index}`
+        ))
+      }
+    )
+  ] }) });
+};
+FooterBase.displayName = "FooterBase";
+const noScroll = "_noScroll_9qupf_91";
+const errorMessage = "_errorMessage_9qupf_92";
+const loadingContainer = "_loadingContainer_9qupf_93";
+const hideScrollbar = "_hideScrollbar_9qupf_85";
+const sr_only = "_sr_only_9qupf_94";
+const footer = "_footer_9qupf_540";
+const primary = "_primary_9qupf_545";
+const secondary = "_secondary_9qupf_549";
+const tertiary = "_tertiary_9qupf_553";
+const quaternary = "_quaternary_9qupf_557";
+const clear = "_clear_9qupf_561";
+const roundNone = "_roundNone_9qupf_565";
+const roundSmall = "_roundSmall_9qupf_569";
+const roundMedium = "_roundMedium_9qupf_573";
+const roundLarge = "_roundLarge_9qupf_577";
+const roundFull = "_roundFull_9qupf_581";
+const shadowNone = "_shadowNone_9qupf_585";
+const shadowLight = "_shadowLight_9qupf_588";
+const shadowMedium = "_shadowMedium_9qupf_591";
+const shadowStrong = "_shadowStrong_9qupf_594";
+const shadowIntense = "_shadowIntense_9qupf_597";
+const attachmentStatic = "_attachmentStatic_9qupf_600";
+const attachmentSticky = "_attachmentSticky_9qupf_603";
+const attachmentFixed = "_attachmentFixed_9qupf_610";
+const content = "_content_9qupf_618";
+const left = "_left_9qupf_636";
+const links = "_links_9qupf_654";
+const logo = "_logo_9qupf_689";
+const social = "_social_9qupf_705";
+const themeToggle = "_themeToggle_9qupf_722";
+const spin = "_spin_9qupf_1";
+const pulse = "_pulse_9qupf_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_9qupf_1",
+  "slide-up": "_slide-up_9qupf_1",
+  "spin-3d": "_spin-3d_9qupf_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_9qupf_1",
+  "progress-grow": "_progress-grow_9qupf_1",
+  "indeterminate-move": "_indeterminate-move_9qupf_1",
+  "skeleton-loading": "_skeleton-loading_9qupf_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
+    }
+  );
+};
+exports.Footer = Footer;
+exports.UserThemeSettings = UserThemeSettings;
+//# sourceMappingURL=Footer-CukKL1zM.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-CukKL1zM.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 React, { useContext, useMemo } from \"react\";\r\nimport { getAllColorSchemes } from \"../../../../styles/colorSchemeRegistry\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport { RoundingType, ShadowType, StateType, ThemeType } from \"@/types/types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\n\r\ninterface ThemeSelectProps {\r\n  theme?: ThemeType;\r\n  shadow?: ShadowType;\r\n  rounding?: RoundingType;\r\n  \"data-testid\"?: string;\r\n  state?: StateType;\r\n}\r\n\r\nconst UserThemeSettings: React.FC<ThemeSelectProps> = ({\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  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        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        ariaLabel=\"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\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps } 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  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 isImgLike =\r\n    typeof logo === \"string\" ||\r\n    (typeof logo === \"object\" && logo && \"src\" in logo);\r\n  const logoSrc = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? logo\r\n      : (logo as any).src\r\n    : undefined;\r\n  const logoW = isImgLike ? ((logo as any)?.width ?? 20) : undefined;\r\n  const logoH = isImgLike ? ((logo as any)?.height ?? 20) : undefined;\r\n\r\n  return (\r\n    <footer className={footerClass} data-testid={testId}>\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike ? (\r\n            <ImageComponent\r\n              className={classMap.logo}\r\n              data-testid={`${testId}-logo`}\r\n              loading=\"lazy\"\r\n              src={logoSrc}\r\n              alt=\"Logo\"\r\n              height={logoH}\r\n              width={logoW}\r\n            />\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              role=\"img\"\r\n              aria-label=\"Logo\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {logo}\r\n            </span>\r\n          )}\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>{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=\"Footer site links\"\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                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                    >\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          >\r\n            <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\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\r\n                shadow=\"none\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title.toLowerCase().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\n\r\nexport default Footer;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":";;;;;;;;;;;AAqBA,MAAM,oBAAgD,CAAC;AAAA,EACrD,QAAQA,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,MAAMC,MAAAA,WAAWC,yBAAY;AACnC,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,qDAAqD;AAEvE,QAAM,EAAE,gBAAgB,mBAAmB,QAAA,IAAY;AAEvD,QAAM,UAAUC,MAAAA;AAAAA,IACd,MACE,QAAQ,IAAI,CAAC,QAAQ,WAAW;AAAA,MAC9B,OAAO,OAAO,KAAK;AAAA,MACnB,OAAO,OAAO;AAAA,IAAA,EACd;AAAA,IACJ,CAAC,OAAO;AAAA,EAAA;AAGV,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAW,qBACd,UAAAA,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,OAAO,OAAO,cAAc;AAAA,MAC5B,WAAU;AAAA,MACV,UAAU,CAAC,UACT,kBAAkB,SAAS,OAAO,KAAK,GAAG,EAAE,CAAC;AAAA,IAAA;AAAA,EAAA,GAGnD;AAEJ;ACtDA,MAAM,aAAwC,CAAC;AAAA,EAC7C,QAAQP,kBAAAA,gBAAA;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,OAAAQ,SAAQ,CAAA;AAAA,EACR,MAAAC;AAAA,EACA,cAAc,CAAA;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAAC;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc,CAAC,EAAE,MAAM,UAAU,GAAG,KAAA,MAClCJ,2BAAAA,IAAC,KAAA,EAAE,MAAa,GAAG,MAChB,SAAA,CACH;AAEJ,MAAM;AACJ,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEM,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,WAAW,UAAU,SAAS,SAASC,sBAAW,MAAM,CAAC,EAAE;AAAA,MAC3D,aAAa,UAAU,SAAS,QAAQA,sBAAW,QAAQ,CAAC,EAAE;AAAA,MAC9D,SAAS,aAAaA,WAAAA,WAAW,UAAU,CAAC,EAAE;AAAA,MAC9C;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,QAAQ,UAAU,YAAY,SAAS;AAAA,EAAA;AAG3D,QAAM,YACJ,OAAOH,UAAS,YACf,OAAOA,UAAS,YAAYA,SAAQ,SAASA;AAChD,QAAM,UAAU,YACZ,OAAOA,UAAS,WACdA,QACCA,MAAa,MAChB;AACJ,QAAM,QAAQ,aAAcA,SAAA,gBAAAA,MAAc,UAAS,KAAM;AACzD,QAAM,QAAQ,aAAcA,SAAA,gBAAAA,MAAc,WAAU,KAAM;AAE1D,SACEH,2BAAAA,IAAC,UAAA,EAAO,WAAW,aAAa,eAAa,QAC3C,UAAAO,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,IAAAA,2BAAAA,KAAC,SAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SAClD,UAAA;AAAA,MAAA,YACCP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACtB,SAAQ;AAAA,UACR,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,MAAA,IAGTA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,MAAK;AAAA,UACL,cAAW;AAAA,UACX,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAIJ,aACCH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS,aAAa,SAAS;AAAA,UAC1C,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAAA,2BAAAA,IAAC,OAAG,UAAA,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,IAECE,OAAM,SAAS,KACdF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,yCAAC,MAAA,EACE,UAAAE,OAAM,IAAI,CAACM,OAAM,MAAM;AACtB,gBAAM,QAAQA,MAAK,SAASA,MAAK,QAAQ,QAAQ,CAAC,IAC/C,YAAA,EACA,QAAQ,QAAQ,GAAG;AACtB,gDACG,MAAA,EACC,UAAAR,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAMQ,MAAK;AAAA,cACX,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,cAElC,UAAAA,MAAK;AAAA,YAAA;AAAA,UAAA,KAND,GAAGA,MAAK,QAAQ,IAAI,IAAI,CAAC,EAQlC;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,mBACCR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM;AAAA,QAEtB,yCAAC,aAAA,EAAY,OAAM,SAAQ,QAAO,QAAO,cAAW,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAI/D,YAAY,SAAS,KACpBA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAErB,UAAA,YAAY,IAAI,CAACS,SAAQ,UACxBT,2BAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YAEC,MAAMK,QAAO;AAAA,YACb,MAAMA,QAAO;AAAA,YACb,YAAU;AAAA,YACV,QAAO;AAAA,YACP,WAAWA,QAAO;AAAA,YAClB,OAAOA,QAAO;AAAA,YACd,OAAM;AAAA,YACN,eAAa,GAAG,MAAM,WAAWA,QAAO,MAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC;AAAA,UAAA;AAAA,UAR3E,GAAGA,QAAO,QAAQA,QAAO,KAAK,IAAI,KAAK;AAAA,QAAA,CAU/C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CAEJ,EAAA,CACF;AAEJ;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3IzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SACET,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,YACJI,WAAAA;AAAAA,MACA,gBAAgBM,MAAAA;AAAAA,MAAA,aAChBC;AAAAA,MACA,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,GAAG,KAAA,qCAC3CC,KAAAA,MAAA,EAAK,MAAY,WAAuB,GAAG,MACzC,SAAA,CACH;AAAA,MAEF,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;;"}

package/dist/next/Footer.cjs.js

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

package/dist/next/Footer.js

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

package/dist/next/{FormGroup-D_92BmcS.js → FormGroup-DSDuqKWJ.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React from "react";
+import React, { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 const BaseFormGroup = ({
   label: label2,
@@ -16,30 +16,40 @@ const BaseFormGroup = ({
   "data-testid": testId = "form-group",
   classMap
 }) => {
-  const labelId = id ? `${id}-label` : void 0;
-  const descriptionId = description2 ? `${id}-description` : void 0;
-  const errorId = error2 ? `${id}-error` : void 0;
+  const auto = useId();
+  const baseId = id ?? `${testId}-${auto}`;
+  const labelId = label2 ? `${baseId}-label` : void 0;
+  const descriptionId = description2 ? `${baseId}-description` : void 0;
+  const errorId = error2 ? `${baseId}-error` : void 0;
   const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
   const childrenArray = React.Children.toArray(children);
+  const isGroup = childrenArray.length > 1;
+  const wrapperClass = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      classMap[layout],
+      classMap[spacing],
+      error2 && classMap.error,
+      className
+    ),
+    [classMap, layout, spacing, error2, className]
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: combineClassNames(
-        classMap.wrapper,
-        classMap[layout],
-        classMap[spacing],
-        error2 && classMap.error,
-        className
-      ),
-      role: "group",
-      "aria-labelledby": labelId,
-      "aria-describedby": describedBy,
+      className: wrapperClass,
+      ...isGroup && {
+        role: "group",
+        "aria-labelledby": labelId,
+        "aria-describedby": describedBy
+      },
       "data-testid": testId,
       children: [
         label2 && /* @__PURE__ */ jsxs(
           "label",
           {
             id: labelId,
+            ...!isGroup && id ? { htmlFor: id } : {},
             className: combineClassNames(classMap.label, hideLabel && "sr_only"),
             "data-testid": `${testId}-label`,
             children: [
@@ -86,7 +96,7 @@ const BaseFormGroup = ({
           "p",
           {
             id: descriptionId,
-            className: `${classMap.description}`,
+            className: classMap.description,
             "data-testid": `${testId}-description`,
             children: description2
           }
@@ -105,27 +115,28 @@ const BaseFormGroup = ({
     }
   );
 };
-const noScroll = "_noScroll_1xgl0_91";
-const errorMessage = "_errorMessage_1xgl0_92";
-const loadingContainer = "_loadingContainer_1xgl0_93";
-const hideScrollbar = "_hideScrollbar_1xgl0_85";
-const sr_only = "_sr_only_1xgl0_94";
-const wrapper = "_wrapper_1xgl0_539";
-const label = "_label_1xgl0_546";
-const required = "_required_1xgl0_552";
-const inputWrapper = "_inputWrapper_1xgl0_557";
-const inputField = "_inputField_1xgl0_570";
-const controller = "_controller_1xgl0_574";
-const description = "_description_1xgl0_586";
-const horizontal = "_horizontal_1xgl0_600";
-const error = "_error_1xgl0_92";
-const xs = "_xs_1xgl0_649";
-const small = "_small_1xgl0_653";
-const medium = "_medium_1xgl0_657";
-const large = "_large_1xgl0_661";
-const xl = "_xl_1xgl0_665";
-const spin = "_spin_1xgl0_1";
-const pulse = "_pulse_1xgl0_1";
+BaseFormGroup.displayName = "BaseFormGroup";
+const noScroll = "_noScroll_1y1v0_91";
+const errorMessage = "_errorMessage_1y1v0_92";
+const loadingContainer = "_loadingContainer_1y1v0_93";
+const hideScrollbar = "_hideScrollbar_1y1v0_85";
+const sr_only = "_sr_only_1y1v0_94";
+const wrapper = "_wrapper_1y1v0_540";
+const label = "_label_1y1v0_547";
+const required = "_required_1y1v0_553";
+const inputWrapper = "_inputWrapper_1y1v0_558";
+const inputField = "_inputField_1y1v0_571";
+const controller = "_controller_1y1v0_575";
+const description = "_description_1y1v0_587";
+const horizontal = "_horizontal_1y1v0_601";
+const error = "_error_1y1v0_92";
+const xs = "_xs_1y1v0_650";
+const small = "_small_1y1v0_654";
+const medium = "_medium_1y1v0_658";
+const large = "_large_1y1v0_662";
+const xl = "_xl_1y1v0_666";
+const spin = "_spin_1y1v0_1";
+const pulse = "_pulse_1y1v0_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -146,15 +157,15 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1xgl0_1",
-  "slide-up": "_slide-up_1xgl0_1",
-  "spin-3d": "_spin-3d_1xgl0_1",
+  "fade-in": "_fade-in_1y1v0_1",
+  "slide-up": "_slide-up_1y1v0_1",
+  "spin-3d": "_spin-3d_1y1v0_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1xgl0_1",
-  "progress-grow": "_progress-grow_1xgl0_1",
-  "indeterminate-move": "_indeterminate-move_1xgl0_1",
-  "skeleton-loading": "_skeleton-loading_1xgl0_1"
+  "fade-in-up": "_fade-in-up_1y1v0_1",
+  "progress-grow": "_progress-grow_1y1v0_1",
+  "indeterminate-move": "_indeterminate-move_1y1v0_1",
+  "skeleton-loading": "_skeleton-loading_1y1v0_1"
 };
 const FormGroup = (props) => {
   return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: styles });
@@ -162,4 +173,4 @@ const FormGroup = (props) => {
 export {
   FormGroup as F
 };
-//# sourceMappingURL=FormGroup-D_92BmcS.js.map
+//# sourceMappingURL=FormGroup-DSDuqKWJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-DSDuqKWJ.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  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\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 describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\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      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\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        <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            {child}\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      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\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        >\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\n\r\nexport default FormGroup;\r\n"],"names":["label","description","error","required","controller"],"mappings":";;;AAIA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAC,YAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAAC;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,OAAO,MAAA;AACb,QAAM,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI;AACtC,QAAM,UAAUJ,SAAQ,GAAG,MAAM,WAAW;AAC5C,QAAM,gBAAgBC,eAAc,GAAG,MAAM,iBAAiB;AAC9D,QAAM,UAAUC,SAAQ,GAAG,MAAM,WAAW;AAE5C,QAAM,cACJ,CAAC,SAAS,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAExD,QAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;AACrD,QAAM,UAAU,cAAc,SAAS;AAEvC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,MAAM;AAAA,MACf,SAAS,OAAO;AAAA,MAChBA,UAAS,SAAS;AAAA,MAClB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,QAAQ,SAASA,QAAO,SAAS;AAAA,EAAA;AAG9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAI,WAAW;AAAA,QACd,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA;AAAA,MAEtB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAAF,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACH,GAAI,CAAC,WAAW,KAAK,EAAE,SAAS,GAAA,IAAO,CAAA;AAAA,YACxC,WAAW,kBAAkB,SAAS,OAAO,aAAa,SAAS;AAAA,YACnE,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAA;AAAA,cACAG,aACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM;AAAA,kBACvB,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QAAA;AAAA,QAKL,cAAc,IAAI,CAAC,OAAO,UACzB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM,YAAY,KAAK;AAAA,YAEvC,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM,gBAAgB,KAAK;AAAA,kBAE1C,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGFC,eAAc,UAAU,KACvB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,UAjBG;AAAA,QAAA,CAoBR;AAAA,QAEAH,gBAAe,CAACC,UACf;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJC,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClH5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAO,oBAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;"}

package/dist/next/{FormGroup-BBfiah0c.cjs → FormGroup-DXvH4AmB.cjs}

@@ -17,30 +17,40 @@ const BaseFormGroup = ({
   "data-testid": testId = "form-group",
   classMap
 }) => {
-  const labelId = id ? `${id}-label` : void 0;
-  const descriptionId = description2 ? `${id}-description` : void 0;
-  const errorId = error2 ? `${id}-error` : void 0;
+  const auto = React.useId();
+  const baseId = id ?? `${testId}-${auto}`;
+  const labelId = label2 ? `${baseId}-label` : void 0;
+  const descriptionId = description2 ? `${baseId}-description` : void 0;
+  const errorId = error2 ? `${baseId}-error` : void 0;
   const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
   const childrenArray = React.Children.toArray(children);
+  const isGroup = childrenArray.length > 1;
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      classMap[layout],
+      classMap[spacing],
+      error2 && classMap.error,
+      className
+    ),
+    [classMap, layout, spacing, error2, className]
+  );
   return /* @__PURE__ */ require$$2.jsxs(
     "div",
     {
-      className: classNames.combineClassNames(
-        classMap.wrapper,
-        classMap[layout],
-        classMap[spacing],
-        error2 && classMap.error,
-        className
-      ),
-      role: "group",
-      "aria-labelledby": labelId,
-      "aria-describedby": describedBy,
+      className: wrapperClass,
+      ...isGroup && {
+        role: "group",
+        "aria-labelledby": labelId,
+        "aria-describedby": describedBy
+      },
       "data-testid": testId,
       children: [
         label2 && /* @__PURE__ */ require$$2.jsxs(
           "label",
           {
             id: labelId,
+            ...!isGroup && id ? { htmlFor: id } : {},
             className: classNames.combineClassNames(classMap.label, hideLabel && "sr_only"),
             "data-testid": `${testId}-label`,
             children: [
@@ -87,7 +97,7 @@ const BaseFormGroup = ({
           "p",
           {
             id: descriptionId,
-            className: `${classMap.description}`,
+            className: classMap.description,
             "data-testid": `${testId}-description`,
             children: description2
           }
@@ -106,27 +116,28 @@ const BaseFormGroup = ({
     }
   );
 };
-const noScroll = "_noScroll_1xgl0_91";
-const errorMessage = "_errorMessage_1xgl0_92";
-const loadingContainer = "_loadingContainer_1xgl0_93";
-const hideScrollbar = "_hideScrollbar_1xgl0_85";
-const sr_only = "_sr_only_1xgl0_94";
-const wrapper = "_wrapper_1xgl0_539";
-const label = "_label_1xgl0_546";
-const required = "_required_1xgl0_552";
-const inputWrapper = "_inputWrapper_1xgl0_557";
-const inputField = "_inputField_1xgl0_570";
-const controller = "_controller_1xgl0_574";
-const description = "_description_1xgl0_586";
-const horizontal = "_horizontal_1xgl0_600";
-const error = "_error_1xgl0_92";
-const xs = "_xs_1xgl0_649";
-const small = "_small_1xgl0_653";
-const medium = "_medium_1xgl0_657";
-const large = "_large_1xgl0_661";
-const xl = "_xl_1xgl0_665";
-const spin = "_spin_1xgl0_1";
-const pulse = "_pulse_1xgl0_1";
+BaseFormGroup.displayName = "BaseFormGroup";
+const noScroll = "_noScroll_1y1v0_91";
+const errorMessage = "_errorMessage_1y1v0_92";
+const loadingContainer = "_loadingContainer_1y1v0_93";
+const hideScrollbar = "_hideScrollbar_1y1v0_85";
+const sr_only = "_sr_only_1y1v0_94";
+const wrapper = "_wrapper_1y1v0_540";
+const label = "_label_1y1v0_547";
+const required = "_required_1y1v0_553";
+const inputWrapper = "_inputWrapper_1y1v0_558";
+const inputField = "_inputField_1y1v0_571";
+const controller = "_controller_1y1v0_575";
+const description = "_description_1y1v0_587";
+const horizontal = "_horizontal_1y1v0_601";
+const error = "_error_1y1v0_92";
+const xs = "_xs_1y1v0_650";
+const small = "_small_1y1v0_654";
+const medium = "_medium_1y1v0_658";
+const large = "_large_1y1v0_662";
+const xl = "_xl_1y1v0_666";
+const spin = "_spin_1y1v0_1";
+const pulse = "_pulse_1y1v0_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -147,18 +158,18 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1xgl0_1",
-  "slide-up": "_slide-up_1xgl0_1",
-  "spin-3d": "_spin-3d_1xgl0_1",
+  "fade-in": "_fade-in_1y1v0_1",
+  "slide-up": "_slide-up_1y1v0_1",
+  "spin-3d": "_spin-3d_1y1v0_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1xgl0_1",
-  "progress-grow": "_progress-grow_1xgl0_1",
-  "indeterminate-move": "_indeterminate-move_1xgl0_1",
-  "skeleton-loading": "_skeleton-loading_1xgl0_1"
+  "fade-in-up": "_fade-in-up_1y1v0_1",
+  "progress-grow": "_progress-grow_1y1v0_1",
+  "indeterminate-move": "_indeterminate-move_1y1v0_1",
+  "skeleton-loading": "_skeleton-loading_1y1v0_1"
 };
 const FormGroup = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseFormGroup, { ...props, classMap: styles });
 };
 exports.FormGroup = FormGroup;
-//# sourceMappingURL=FormGroup-BBfiah0c.cjs.map
+//# sourceMappingURL=FormGroup-DXvH4AmB.cjs.map

package/dist/next/FormGroup-DXvH4AmB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-DXvH4AmB.cjs","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  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\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 describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\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      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\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        <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            {child}\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      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\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        >\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\n\r\nexport default FormGroup;\r\n"],"names":["label","description","error","required","controller","useId","useMemo","combineClassNames","jsxs","jsx"],"mappings":"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"}