boreal-ui 0.0.76 → 0.0.78

package/dist/next/Footer.css

@@ -0,0 +1,493 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_1vcyu_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_1vcyu_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_1vcyu_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_1vcyu_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_1vcyu_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_1vcyu_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_1vcyu_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_1vcyu_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_1vcyu_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._footer_1vcyu_204 {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+}
+._footer_1vcyu_204._primary_1vcyu_214 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+}
+._footer_1vcyu_204._secondary_1vcyu_218 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+}
+._footer_1vcyu_204._tertiary_1vcyu_222 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+}
+._footer_1vcyu_204._quaternary_1vcyu_226 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+}
+._footer_1vcyu_204._clear_1vcyu_230 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._footer_1vcyu_204._roundNone_1vcyu_234 {
+  border-top-left-radius: var(--border-radius-none);
+  border-top-right-radius: var(--border-radius-none);
+}
+._footer_1vcyu_204._roundSmall_1vcyu_238 {
+  border-top-left-radius: var(--border-radius-sm);
+  border-top-right-radius: var(--border-radius-sm);
+}
+._footer_1vcyu_204._roundMedium_1vcyu_242 {
+  border-top-left-radius: var(--border-radius-md);
+  border-top-right-radius: var(--border-radius-md);
+}
+._footer_1vcyu_204._roundLarge_1vcyu_246 {
+  border-top-left-radius: var(--border-radius-lg);
+  border-top-right-radius: var(--border-radius-lg);
+}
+._footer_1vcyu_204._roundFull_1vcyu_250 {
+  border-top-left-radius: var(--border-radius-full);
+  border-top-right-radius: var(--border-radius-full);
+}
+._footer_1vcyu_204._shadowNone_1vcyu_254 {
+  box-shadow: var(--box-shadow-none);
+}
+._footer_1vcyu_204._shadowLight_1vcyu_257 {
+  box-shadow: var(--box-shadow-light);
+}
+._footer_1vcyu_204._shadowMedium_1vcyu_260 {
+  box-shadow: var(--box-shadow-medium);
+}
+._footer_1vcyu_204._shadowStrong_1vcyu_263 {
+  box-shadow: var(--box-shadow-heavy);
+}
+._footer_1vcyu_204._shadowIntense_1vcyu_266 {
+  box-shadow: var(--box-shadow-intense);
+}
+._footer_1vcyu_204._attachmentStatic_1vcyu_269 {
+  position: static;
+}
+._footer_1vcyu_204._attachmentSticky_1vcyu_272 {
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 100;
+  padding-bottom: env(safe-area-inset-bottom, 0);
+}
+._footer_1vcyu_204._attachmentFixed_1vcyu_280 {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 200;
+  padding-bottom: env(safe-area-inset-bottom, 0);
+}
+
+._content_1vcyu_289 {
+  width: 100%;
+  max-width: 1280px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: var(--spacing-md);
+  gap: var(--spacing-sm);
+}
+@media (width <= 1023.98px) {
+  ._content_1vcyu_289 {
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    gap: var(--spacing-md);
+  }
+}
+._content_1vcyu_289 ._left_1vcyu_308 {
+  display: flex;
+  align-items: center;
+}
+._content_1vcyu_289 ._left_1vcyu_308 p {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  color: var(--text-color-primary);
+  margin: 0;
+}
+@media (min-width: 1024px) {
+  ._content_1vcyu_289 ._left_1vcyu_308 p {
+    font-size: var(--font-size-body);
+  }
+}
+@media (width <= 1023.98px) {
+  ._content_1vcyu_289 ._left_1vcyu_308 {
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    gap: var(--spacing-md);
+  }
+}
+._content_1vcyu_289 ._links_1vcyu_335 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-md);
+  padding-left: var(--spacing-lg);
+}
+._content_1vcyu_289 ._links_1vcyu_335 ul {
+  list-style: none;
+  display: flex;
+  gap: var(--spacing-md);
+  padding: 0;
+  margin: 0;
+}
+._content_1vcyu_289 ._links_1vcyu_335 li {
+  display: inline;
+}
+._content_1vcyu_289 ._links_1vcyu_335 a {
+  text-decoration: none;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  color: var(--text-color-primary);
+}
+._content_1vcyu_289 ._links_1vcyu_335 a:hover {
+  text-decoration: underline;
+}
+._content_1vcyu_289 ._links_1vcyu_335 a:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+@media (width <= 1023.98px) {
+  ._content_1vcyu_289 ._links_1vcyu_335 {
+    padding-left: 0;
+  }
+  ._content_1vcyu_289 ._links_1vcyu_335 ul {
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacing-xs);
+  }
+}
+._content_1vcyu_289 ._logo_1vcyu_379 {
+  max-height: 20px;
+  margin-right: var(--spacing-lg);
+}
+._content_1vcyu_289 ._logo_1vcyu_379 img {
+  max-height: 100%;
+}
+._content_1vcyu_289 ._logo_1vcyu_379 svg {
+  height: 1em;
+  width: 1em;
+}
+@media (width <= 1023.98px) {
+  ._content_1vcyu_289 ._logo_1vcyu_379 {
+    margin: auto;
+  }
+}
+._content_1vcyu_289 ._social_1vcyu_395 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xs);
+  margin-left: auto;
+}
+@media (width <= 1023.98px) {
+  ._content_1vcyu_289 ._social_1vcyu_395 {
+    margin-left: 0;
+    justify-content: center;
+  }
+}
+@media (width <= 319.98px) {
+  ._content_1vcyu_289 ._social_1vcyu_395 {
+    flex-wrap: wrap;
+  }
+}
+._content_1vcyu_289 ._themeToggle_1vcyu_412 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+}
+@media (width <= 1023.98px) {
+  ._content_1vcyu_289 ._themeToggle_1vcyu_412 {
+    margin-left: 0;
+    margin-top: var(--spacing-xs);
+  }
+}
+._content_1vcyu_289 ._themeToggle_1vcyu_412:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+
+._roundNone_1vcyu_234 {
+  border-top-left-radius: var(--border-radius-none);
+  border-top-right-radius: var(--border-radius-none);
+}
+
+._roundSmall_1vcyu_238 {
+  border-top-left-radius: var(--border-radius-sm);
+  border-top-right-radius: var(--border-radius-sm);
+}
+
+._roundMedium_1vcyu_242 {
+  border-top-left-radius: var(--border-radius-md);
+  border-top-right-radius: var(--border-radius-md);
+}
+
+._roundLarge_1vcyu_246 {
+  border-top-left-radius: var(--border-radius-lg);
+  border-top-right-radius: var(--border-radius-lg);
+}
+
+._roundFull_1vcyu_250 {
+  border-top-left-radius: var(--border-radius-full);
+  border-top-right-radius: var(--border-radius-full);
+}
+
+._shadowNone_1vcyu_254 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_1vcyu_257 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_1vcyu_260 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_1vcyu_263 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_1vcyu_266 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._footer_1vcyu_204,
+  ._footer_1vcyu_204 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (forced-colors: active) {
+  ._footer_1vcyu_204 {
+    background: Canvas;
+    color: CanvasText;
+    outline-color: Highlight;
+    border-top: 1px solid ButtonText;
+  }
+  ._content_1vcyu_289 ._links_1vcyu_335 a {
+    color: LinkText;
+    text-decoration-color: LinkText;
+  }
+}

package/dist/next/Footer.js

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

package/dist/next/{FormGroup-B4Xb3X61.cjs → FormGroup-BWJAlt3K.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./FormGroup.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const BaseFormGroup = ({
@@ -147,34 +147,25 @@ const BaseFormGroup = ({
   );
 };
 BaseFormGroup.displayName = "BaseFormGroup";
-const noScroll = "_noScroll_1o6ee_109";
-const errorMessage = "_errorMessage_1o6ee_110";
-const loadingContainer = "_loadingContainer_1o6ee_111";
-const hideScrollbar = "_hideScrollbar_1o6ee_103";
-const sr_only = "_sr_only_1o6ee_112";
-const wrapper = "_wrapper_1o6ee_637";
-const label = "_label_1o6ee_650";
-const required = "_required_1o6ee_670";
-const inputWrapper = "_inputWrapper_1o6ee_675";
-const inputField = "_inputField_1o6ee_687";
-const controller = "_controller_1o6ee_696";
-const description = "_description_1o6ee_708";
-const horizontal = "_horizontal_1o6ee_738";
-const horizontal_label = "_horizontal_label_1o6ee_743";
-const formError = "_formError_1o6ee_772";
-const xs = "_xs_1o6ee_787";
-const small = "_small_1o6ee_796";
-const medium = "_medium_1o6ee_805";
-const large = "_large_1o6ee_814";
-const xl = "_xl_1o6ee_823";
-const spin = "_spin_1o6ee_1";
-const pulse = "_pulse_1o6ee_1";
+const wrapper = "_wrapper_txmpo_204";
+const label = "_label_txmpo_217";
+const required = "_required_txmpo_237";
+const inputWrapper = "_inputWrapper_txmpo_242";
+const inputField = "_inputField_txmpo_254";
+const controller = "_controller_txmpo_263";
+const description = "_description_txmpo_275";
+const errorMessage = "_errorMessage_txmpo_276";
+const horizontal = "_horizontal_txmpo_305";
+const horizontal_label = "_horizontal_label_txmpo_310";
+const formError = "_formError_txmpo_339";
+const xs = "_xs_txmpo_354";
+const small = "_small_txmpo_363";
+const medium = "_medium_txmpo_372";
+const large = "_large_txmpo_381";
+const xl = "_xl_txmpo_390";
+const spin = "_spin_txmpo_1";
+const pulse = "_pulse_txmpo_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   wrapper,
   label,
   required,
@@ -182,6 +173,7 @@ const styles = {
   inputField,
   controller,
   description,
+  errorMessage,
   horizontal,
   horizontal_label,
   formError,
@@ -190,19 +182,19 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1o6ee_1",
-  "slide-up": "_slide-up_1o6ee_1",
-  "spin-3d": "_spin-3d_1o6ee_1",
+  "fade-in": "_fade-in_txmpo_1",
+  "slide-up": "_slide-up_txmpo_1",
+  "spin-3d": "_spin-3d_txmpo_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1o6ee_1",
-  "progress-grow": "_progress-grow_1o6ee_1",
-  "indeterminate-move": "_indeterminate-move_1o6ee_1",
-  "skeleton-loading": "_skeleton-loading_1o6ee_1"
+  "fade-in-up": "_fade-in-up_txmpo_1",
+  "progress-grow": "_progress-grow_txmpo_1",
+  "indeterminate-move": "_indeterminate-move_txmpo_1",
+  "skeleton-loading": "_skeleton-loading_txmpo_1"
 };
 const FormGroup = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseFormGroup, { ...props, classMap: styles });
 };
 FormGroup.displayName = "FormGroup";
 exports.FormGroup = FormGroup;
-//# sourceMappingURL=FormGroup-B4Xb3X61.cjs.map
+//# sourceMappingURL=FormGroup-BWJAlt3K.cjs.map

package/dist/next/{FormGroup-B4Xb3X61.cjs.map → FormGroup-BWJAlt3K.cjs.map}

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