boreal-ui 0.0.35 → 0.0.37

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-BeT6tWIv.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 { 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          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\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  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    v: unknown\r\n  ): v is { src: string; width?: number; height?: number } =>\r\n    typeof v === \"object\" &&\r\n    v !== null &&\r\n    \"src\" in (v 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 className={footerClass} data-testid={testId}>\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=\"Logo\"\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=\"Logo\"\r\n                height={logoH}\r\n                width={logoW}\r\n              />\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              {\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          {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\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","social","ThemeSelect"],"mappings":"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"}

package/dist/next/{Footer-C98DQNB3.cjs → Footer-C_hq989i.cjs}

@@ -4,44 +4,48 @@ 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-C3WpabtT.cjs");
-const ThemeContext = require("./ThemeContext-Iy-HHefR.cjs");
-const Select = require("./Select-D4QdlQ6W.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
+const ThemeContext = require("./ThemeContext-npFEznyu.cjs");
+const Select = require("./Select-CSAN6B98.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 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),
+        ariaLabel: "Select Theme",
+        onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
+      }
+    ) });
+  }
+);
+UserThemeSettings.displayName = "UserThemeSettings";
 const FooterBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
   attachment = "static",
@@ -71,14 +75,16 @@ const FooterBase = ({
     ),
     [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;
+  const isLogoImage = (v) => typeof v === "object" && v !== null && "src" in v;
+  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, 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,
+      isImgLike && logoSrc ? typeof ImageComponent === "string" ? /* @__PURE__ */ require$$2.jsx(
+        "img",
         {
           className: classMap.logo,
           "data-testid": `${testId}-logo`,
@@ -88,6 +94,16 @@ const FooterBase = ({
           height: logoH,
           width: logoW
         }
+      ) : /* @__PURE__ */ require$$2.jsx(
+        ImageComponent,
+        {
+          className: classMap.logo,
+          "data-testid": `${testId}-logo`,
+          src: logoSrc,
+          alt: "Logo",
+          height: logoH,
+          width: logoW
+        }
       ) : /* @__PURE__ */ require$$2.jsx(
         "span",
         {
@@ -160,38 +176,38 @@ const FooterBase = ({
   ] }) });
 };
 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 noScroll = "_noScroll_1win9_108";
+const errorMessage = "_errorMessage_1win9_109";
+const loadingContainer = "_loadingContainer_1win9_110";
+const hideScrollbar = "_hideScrollbar_1win9_102";
+const sr_only = "_sr_only_1win9_111";
+const footer = "_footer_1win9_540";
+const primary = "_primary_1win9_545";
+const secondary = "_secondary_1win9_549";
+const tertiary = "_tertiary_1win9_553";
+const quaternary = "_quaternary_1win9_557";
+const clear = "_clear_1win9_561";
+const roundNone = "_roundNone_1win9_565";
+const roundSmall = "_roundSmall_1win9_569";
+const roundMedium = "_roundMedium_1win9_573";
+const roundLarge = "_roundLarge_1win9_577";
+const roundFull = "_roundFull_1win9_581";
+const shadowNone = "_shadowNone_1win9_585";
+const shadowLight = "_shadowLight_1win9_588";
+const shadowMedium = "_shadowMedium_1win9_591";
+const shadowStrong = "_shadowStrong_1win9_594";
+const shadowIntense = "_shadowIntense_1win9_597";
+const attachmentStatic = "_attachmentStatic_1win9_600";
+const attachmentSticky = "_attachmentSticky_1win9_603";
+const attachmentFixed = "_attachmentFixed_1win9_611";
+const content = "_content_1win9_620";
+const left = "_left_1win9_639";
+const links = "_links_1win9_662";
+const logo = "_logo_1win9_702";
+const social = "_social_1win9_718";
+const themeToggle = "_themeToggle_1win9_735";
+const spin = "_spin_1win9_1";
+const pulse = "_pulse_1win9_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -223,15 +239,15 @@ const styles = {
   logo,
   social,
   themeToggle,
-  "fade-in": "_fade-in_9qupf_1",
-  "slide-up": "_slide-up_9qupf_1",
-  "spin-3d": "_spin-3d_9qupf_1",
+  "fade-in": "_fade-in_1win9_1",
+  "slide-up": "_slide-up_1win9_1",
+  "spin-3d": "_spin-3d_1win9_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"
+  "fade-in-up": "_fade-in-up_1win9_1",
+  "progress-grow": "_progress-grow_1win9_1",
+  "indeterminate-move": "_indeterminate-move_1win9_1",
+  "skeleton-loading": "_skeleton-loading_1win9_1"
 };
 const Footer = (props) => {
   return /* @__PURE__ */ require$$2.jsx(
@@ -246,6 +262,7 @@ const Footer = (props) => {
     }
   );
 };
+Footer.displayName = "Footer";
 exports.Footer = Footer;
 exports.UserThemeSettings = UserThemeSettings;
-//# sourceMappingURL=Footer-C98DQNB3.cjs.map
+//# sourceMappingURL=Footer-C_hq989i.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-C_hq989i.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          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\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  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    v: unknown\r\n  ): v is { src: string; width?: number; height?: number } =>\r\n    typeof v === \"object\" &&\r\n    v !== null &&\r\n    \"src\" in (v 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 className={footerClass} data-testid={testId}>\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=\"Logo\"\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=\"Logo\"\r\n                height={logoH}\r\n                width={logoW}\r\n              />\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              {\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          {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\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","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-C98DQNB3.cjs");
+const Footer = require("./Footer-C_hq989i.cjs");
 module.exports = Footer.Footer;
 //# sourceMappingURL=Footer.cjs.js.map

package/dist/next/Footer.js

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

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

@@ -5,7 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const BaseFormGroup = ({
   label: label2,
   description: description2,
-  error: error2,
+  error,
   children,
   id,
   required: required2 = false,
@@ -21,7 +21,7 @@ const BaseFormGroup = ({
   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 errorId = error ? `${baseId}-error` : void 0;
   const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
   const childrenArray = React.Children.toArray(children);
   const isGroup = childrenArray.length > 1;
@@ -30,10 +30,10 @@ const BaseFormGroup = ({
       classMap.wrapper,
       classMap[layout],
       classMap[spacing],
-      error2 && classMap.error,
+      error && classMap.error,
       className
     ),
-    [classMap, layout, spacing, error2, className]
+    [classMap, layout, spacing, error, className]
   );
   return /* @__PURE__ */ require$$2.jsxs(
     "div",
@@ -93,7 +93,7 @@ const BaseFormGroup = ({
           },
           index
         )),
-        description2 && !error2 && /* @__PURE__ */ require$$2.jsx(
+        description2 && !error && /* @__PURE__ */ require$$2.jsx(
           "p",
           {
             id: descriptionId,
@@ -102,14 +102,14 @@ const BaseFormGroup = ({
             children: description2
           }
         ),
-        error2 && /* @__PURE__ */ require$$2.jsx(
+        error && /* @__PURE__ */ require$$2.jsx(
           "p",
           {
             id: errorId,
             className: classMap.errorMessage,
             role: "alert",
             "data-testid": `${testId}-error`,
-            children: error2
+            children: error
           }
         )
       ]
@@ -117,27 +117,28 @@ const BaseFormGroup = ({
   );
 };
 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 noScroll = "_noScroll_2oul3_108";
+const errorMessage = "_errorMessage_2oul3_109";
+const loadingContainer = "_loadingContainer_2oul3_110";
+const hideScrollbar = "_hideScrollbar_2oul3_102";
+const sr_only = "_sr_only_2oul3_111";
+const wrapper = "_wrapper_2oul3_540";
+const label = "_label_2oul3_552";
+const required = "_required_2oul3_568";
+const inputWrapper = "_inputWrapper_2oul3_573";
+const inputField = "_inputField_2oul3_585";
+const controller = "_controller_2oul3_594";
+const description = "_description_2oul3_606";
+const horizontal = "_horizontal_2oul3_632";
+const formError = "_formError_2oul3_666";
+const xs = "_xs_2oul3_681";
+const form_group_input_wrapper = "_form_group_input_wrapper_2oul3_685";
+const small = "_small_2oul3_690";
+const medium = "_medium_2oul3_699";
+const large = "_large_2oul3_708";
+const xl = "_xl_2oul3_717";
+const spin = "_spin_2oul3_1";
+const pulse = "_pulse_2oul3_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -152,24 +153,26 @@ const styles = {
   controller,
   description,
   horizontal,
-  error,
+  formError,
   xs,
+  form_group_input_wrapper,
   small,
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1y1v0_1",
-  "slide-up": "_slide-up_1y1v0_1",
-  "spin-3d": "_spin-3d_1y1v0_1",
+  "fade-in": "_fade-in_2oul3_1",
+  "slide-up": "_slide-up_2oul3_1",
+  "spin-3d": "_spin-3d_2oul3_1",
   spin,
   pulse,
-  "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"
+  "fade-in-up": "_fade-in-up_2oul3_1",
+  "progress-grow": "_progress-grow_2oul3_1",
+  "indeterminate-move": "_indeterminate-move_2oul3_1",
+  "skeleton-loading": "_skeleton-loading_2oul3_1"
 };
 const FormGroup = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseFormGroup, { ...props, classMap: styles });
 };
+FormGroup.displayName = "FormGroup";
 exports.FormGroup = FormGroup;
-//# sourceMappingURL=FormGroup-DXvH4AmB.cjs.map
+//# sourceMappingURL=FormGroup-6Ss6pNqV.cjs.map

package/dist/next/{FormGroup-DXvH4AmB.cjs.map → FormGroup-6Ss6pNqV.cjs.map}

@@ -1 +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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"}
+{"version":3,"file":"FormGroup-6Ss6pNqV.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\nFormGroup.displayName = \"FormGroup\";\r\nexport default FormGroup;\r\n"],"names":["label","description","required","controller","useId","useMemo","combineClassNames","jsxs","jsx"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 const BaseFormGroup = ({
   label: label2,
   description: description2,
-  error: error2,
+  error,
   children,
   id,
   required: required2 = false,
@@ -20,7 +20,7 @@ const BaseFormGroup = ({
   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 errorId = error ? `${baseId}-error` : void 0;
   const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
   const childrenArray = React.Children.toArray(children);
   const isGroup = childrenArray.length > 1;
@@ -29,10 +29,10 @@ const BaseFormGroup = ({
       classMap.wrapper,
       classMap[layout],
       classMap[spacing],
-      error2 && classMap.error,
+      error && classMap.error,
       className
     ),
-    [classMap, layout, spacing, error2, className]
+    [classMap, layout, spacing, error, className]
   );
   return /* @__PURE__ */ jsxs(
     "div",
@@ -92,7 +92,7 @@ const BaseFormGroup = ({
           },
           index
         )),
-        description2 && !error2 && /* @__PURE__ */ jsx(
+        description2 && !error && /* @__PURE__ */ jsx(
           "p",
           {
             id: descriptionId,
@@ -101,14 +101,14 @@ const BaseFormGroup = ({
             children: description2
           }
         ),
-        error2 && /* @__PURE__ */ jsx(
+        error && /* @__PURE__ */ jsx(
           "p",
           {
             id: errorId,
             className: classMap.errorMessage,
             role: "alert",
             "data-testid": `${testId}-error`,
-            children: error2
+            children: error
           }
         )
       ]
@@ -116,27 +116,28 @@ const BaseFormGroup = ({
   );
 };
 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 noScroll = "_noScroll_2oul3_108";
+const errorMessage = "_errorMessage_2oul3_109";
+const loadingContainer = "_loadingContainer_2oul3_110";
+const hideScrollbar = "_hideScrollbar_2oul3_102";
+const sr_only = "_sr_only_2oul3_111";
+const wrapper = "_wrapper_2oul3_540";
+const label = "_label_2oul3_552";
+const required = "_required_2oul3_568";
+const inputWrapper = "_inputWrapper_2oul3_573";
+const inputField = "_inputField_2oul3_585";
+const controller = "_controller_2oul3_594";
+const description = "_description_2oul3_606";
+const horizontal = "_horizontal_2oul3_632";
+const formError = "_formError_2oul3_666";
+const xs = "_xs_2oul3_681";
+const form_group_input_wrapper = "_form_group_input_wrapper_2oul3_685";
+const small = "_small_2oul3_690";
+const medium = "_medium_2oul3_699";
+const large = "_large_2oul3_708";
+const xl = "_xl_2oul3_717";
+const spin = "_spin_2oul3_1";
+const pulse = "_pulse_2oul3_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -151,26 +152,28 @@ const styles = {
   controller,
   description,
   horizontal,
-  error,
+  formError,
   xs,
+  form_group_input_wrapper,
   small,
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1y1v0_1",
-  "slide-up": "_slide-up_1y1v0_1",
-  "spin-3d": "_spin-3d_1y1v0_1",
+  "fade-in": "_fade-in_2oul3_1",
+  "slide-up": "_slide-up_2oul3_1",
+  "spin-3d": "_spin-3d_2oul3_1",
   spin,
   pulse,
-  "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"
+  "fade-in-up": "_fade-in-up_2oul3_1",
+  "progress-grow": "_progress-grow_2oul3_1",
+  "indeterminate-move": "_indeterminate-move_2oul3_1",
+  "skeleton-loading": "_skeleton-loading_2oul3_1"
 };
 const FormGroup = (props) => {
   return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: styles });
 };
+FormGroup.displayName = "FormGroup";
 export {
   FormGroup as F
 };
-//# sourceMappingURL=FormGroup-DSDuqKWJ.js.map
+//# sourceMappingURL=FormGroup-DbUqgg_b.js.map