boreal-ui 0.0.76 → 0.0.78

package/dist/next/{FormGroup-AHYiWnkX.js → FormGroup-QrGjujWn.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-const BaseFormGroup = ({
+import './FormGroup.css';const BaseFormGroup = ({
   label: label2,
   description: description2,
   error,
@@ -146,34 +146,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,
@@ -181,6 +172,7 @@ const styles = {
   inputField,
   controller,
   description,
+  errorMessage,
   horizontal,
   horizontal_label,
   formError,
@@ -189,15 +181,15 @@ 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__ */ jsx(BaseFormGroup, { ...props, classMap: styles });
@@ -206,4 +198,4 @@ FormGroup.displayName = "FormGroup";
 export {
   FormGroup as F
 };
-//# sourceMappingURL=FormGroup-AHYiWnkX.js.map
+//# sourceMappingURL=FormGroup-QrGjujWn.js.map

package/dist/next/{FormGroup-AHYiWnkX.js.map → FormGroup-QrGjujWn.js.map}

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

package/dist/next/FormGroup.cjs.js

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

package/dist/next/FormGroup.css

@@ -0,0 +1,419 @@
+@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_txmpo_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_txmpo_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_txmpo_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_txmpo_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_txmpo_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_txmpo_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_txmpo_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_txmpo_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_txmpo_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._wrapper_txmpo_204 {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--spacing-md);
+  width: fit-content;
+  font-family: var(--font-family-body);
+}
+@media (width <= 479.98px) {
+  ._wrapper_txmpo_204 {
+    width: 100%;
+  }
+}
+
+._label_txmpo_217 {
+  color: var(--text-color-primary);
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  margin-bottom: var(--spacing-xxs);
+}
+@media (width <= 319.98px) {
+  ._label_txmpo_217 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._label_txmpo_217 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._required_txmpo_237 {
+  color: var(--error-color);
+  margin-left: 4px;
+}
+
+._inputWrapper_txmpo_242 {
+  display: flex;
+  flex-direction: column;
+}
+@media (min-width: 480px) {
+  ._inputWrapper_txmpo_242 {
+    flex-direction: row;
+    gap: var(--spacing-sm);
+    align-items: center;
+  }
+}
+
+._inputField_txmpo_254 {
+  width: fit-content;
+}
+@media (width <= 479.98px) {
+  ._inputField_txmpo_254 {
+    width: 100%;
+  }
+}
+
+._controller_txmpo_263 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: var(--spacing-xs);
+}
+@media (min-width: 320px) {
+  ._controller_txmpo_263 {
+    margin-top: 0;
+  }
+}
+
+._description_txmpo_275,
+._errorMessage_txmpo_276 {
+  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);
+  margin-top: 4px;
+}
+@media (width <= 319.98px) {
+  ._description_txmpo_275,
+  ._errorMessage_txmpo_276 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._description_txmpo_275,
+  ._errorMessage_txmpo_276 {
+    font-size: var(--font-size-body);
+  }
+}
+
+._description_txmpo_275 {
+  color: var(--text-color-primary);
+}
+
+._errorMessage_txmpo_276 {
+  color: var(--error-color);
+}
+
+._horizontal_txmpo_305 {
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: center;
+}
+._horizontal_label_txmpo_310 {
+  margin-bottom: 0;
+  margin-right: var(--spacing-sm);
+  width: auto;
+  text-align: left;
+}
+@media (min-width: 480px) {
+  ._horizontal_label_txmpo_310 {
+    width: 150px;
+    text-align: right;
+  }
+}
+._horizontal_txmpo_305 ._inputWrapper_txmpo_242 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+@media (min-width: 480px) {
+  ._horizontal_txmpo_305 ._inputWrapper_txmpo_242 {
+    align-items: flex-start;
+    gap: var(--spacing-xxs);
+  }
+}
+._horizontal_txmpo_305 ._inputField_txmpo_254 {
+  width: fit-content;
+  flex: 1;
+}
+._horizontal_txmpo_305 ._inputField_txmpo_254._formError_txmpo_339 {
+  border: 1px solid var(--error-color);
+}
+._horizontal_txmpo_305 ._controller_txmpo_263 {
+  margin-left: auto;
+  margin-right: var(--spacing-sm);
+}
+._horizontal_txmpo_305 ._description_txmpo_275,
+._horizontal_txmpo_305 ._errorMessage_txmpo_276 {
+  margin-left: 0;
+  margin-bottom: 0;
+  text-align: left;
+  line-height: 1em;
+}
+
+._xs_txmpo_354 ._inputWrapper_txmpo_242 {
+  margin-bottom: var(--spacing-xs);
+}
+@media (width <= 319.98px) {
+  ._xs_txmpo_354 ._inputWrapper_txmpo_242 {
+    margin-bottom: max(var(--spacing-xs) - 4px, var(--spacing-xs));
+  }
+}
+
+._small_txmpo_363 ._inputWrapper_txmpo_242 {
+  margin-bottom: var(--spacing-sm);
+}
+@media (width <= 319.98px) {
+  ._small_txmpo_363 ._inputWrapper_txmpo_242 {
+    margin-bottom: max(var(--spacing-sm) - 4px, var(--spacing-xs));
+  }
+}
+
+._medium_txmpo_372 ._inputWrapper_txmpo_242 {
+  margin-bottom: var(--spacing-md);
+}
+@media (width <= 319.98px) {
+  ._medium_txmpo_372 ._inputWrapper_txmpo_242 {
+    margin-bottom: max(var(--spacing-md) - 4px, var(--spacing-xs));
+  }
+}
+
+._large_txmpo_381 ._inputWrapper_txmpo_242 {
+  margin-bottom: var(--spacing-lg);
+}
+@media (width <= 319.98px) {
+  ._large_txmpo_381 ._inputWrapper_txmpo_242 {
+    margin-bottom: max(var(--spacing-lg) - 4px, var(--spacing-xs));
+  }
+}
+
+._xl_txmpo_390 ._inputWrapper_txmpo_242 {
+  margin-bottom: var(--spacing-xl);
+}
+@media (width <= 319.98px) {
+  ._xl_txmpo_390 ._inputWrapper_txmpo_242 {
+    margin-bottom: max(var(--spacing-xl) - 4px, var(--spacing-xs));
+  }
+}
+
+._wrapper_txmpo_204 :focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_txmpo_204,
+  ._wrapper_txmpo_204 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (forced-colors: active) {
+  ._wrapper_txmpo_204 {
+    color: CanvasText;
+  }
+  ._horizontal_txmpo_305 ._inputField_txmpo_254._formError_txmpo_339 {
+    border-color: Highlight !important;
+  }
+}

package/dist/next/FormGroup.js

@@ -1,4 +1,4 @@
-import { F } from "./FormGroup-AHYiWnkX.js";
+import { F } from "./FormGroup-QrGjujWn.js";
 export {
   F as default
 };

package/dist/next/{IconButton-BWw3WPaS.js → IconButton-0JJ1aiqr.js}

@@ -4,7 +4,7 @@ import { L as Link } from "./link-4NcriBFB.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
-const iconButton = "_iconButton_8p4wj_85";
+import './IconButton.css';const iconButton = "_iconButton_8p4wj_85";
 const roundNone = "_roundNone_8p4wj_129";
 const roundSmall = "_roundSmall_8p4wj_133";
 const roundMedium = "_roundMedium_8p4wj_137";
@@ -215,4 +215,4 @@ IconButton.displayName = "IconButton";
 export {
   IconButton as I
 };
-//# sourceMappingURL=IconButton-BWw3WPaS.js.map
+//# sourceMappingURL=IconButton-0JJ1aiqr.js.map

package/dist/next/{IconButton-BWw3WPaS.js.map → IconButton-0JJ1aiqr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-BWw3WPaS.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonBaseProps } from \"./IconButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(function IconButtonBase(\r\n  {\r\n    id,\r\n    icon: Icon,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    href,\r\n    isExternal = false,\r\n    onClick,\r\n    onKeyDown,\r\n    className = \"\",\r\n    iconClassName = \"\",\r\n    disabled = false,\r\n    rel,\r\n    target,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": ariaBusy,\r\n    \"aria-live\": ariaLive,\r\n    \"aria-atomic\": ariaAtomic,\r\n    role,\r\n    title,\r\n    outline = false,\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    size = getDefaultSize(),\r\n    loading = false,\r\n    type = \"button\",\r\n    classMap,\r\n    LinkComponent = \"a\",\r\n    \"data-testid\": testId = \"icon-button\",\r\n    tabIndex,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const needsLabel = !ariaLabel && !ariaLabelledby && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons.\",\r\n    );\r\n  }\r\n\r\n  const resolvedLabel =\r\n    ariaLabel || (!ariaLabelledby ? title : undefined) || undefined;\r\n\r\n  const resolvedBusy = loading || ariaBusy || undefined;\r\n  const inert = disabled || loading;\r\n  const renderAsLink = !!href;\r\n\r\n  const classNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.iconButton,\r\n        classMap[theme],\r\n        classMap[state],\r\n        size && classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        inert && classMap.disabled,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, shadow, rounding, outline, inert, className],\r\n  );\r\n\r\n  const sharedAccessibilityProps = {\r\n    id,\r\n    role,\r\n    title,\r\n    \"data-testid\": testId,\r\n    \"aria-label\": resolvedLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": resolvedBusy,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live={ariaLive ?? \"polite\"}\r\n      aria-atomic={ariaAtomic ?? true}\r\n    >\r\n      {loading ? (\r\n        <>\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n          <span className=\"sr_only\">Loading</span>\r\n        </>\r\n      ) : Icon ? (\r\n        <Icon\r\n          data-testid=\"icon-button-icon\"\r\n          aria-hidden={true}\r\n          focusable={false}\r\n          className={iconClassName}\r\n        />\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  if (renderAsLink) {\r\n    const linkProps = {\r\n      className: combineClassNames(classNames, classMap.link),\r\n      ref: ref as React.Ref<HTMLAnchorElement>,\r\n      onClick: inert\r\n        ? (e: React.MouseEvent<HTMLElement>) => e.preventDefault()\r\n        : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      ...sharedAccessibilityProps,\r\n      ...rest,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n    };\r\n\r\n    if (isExternal) {\r\n      return (\r\n        <a\r\n          {...linkProps}\r\n          href={inert ? undefined : href}\r\n          target={target ?? \"_blank\"}\r\n          rel={rel ?? \"noopener noreferrer\"}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent {...linkProps} href={inert ? undefined : href}>\r\n        {iconContent}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      disabled={inert}\r\n      className={classNames}\r\n      onClick={inert ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      {...sharedAccessibilityProps}\r\n      {...rest}\r\n      tabIndex={tabIndex}\r\n    >\r\n      {iconContent}\r\n    </button>\r\n  );\r\n});\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport type { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => (\r\n  <IconButtonBase ref={ref} {...props} classMap={styles} LinkComponent={Link} />\r\n));\r\n\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["IconButtonBase","disabled","outline"],"mappings":"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"}
+{"version":3,"file":"IconButton-0JJ1aiqr.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonBaseProps } from \"./IconButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(function IconButtonBase(\r\n  {\r\n    id,\r\n    icon: Icon,\r\n    theme = getDefaultTheme(),\r\n    state = \"\",\r\n    href,\r\n    isExternal = false,\r\n    onClick,\r\n    onKeyDown,\r\n    className = \"\",\r\n    iconClassName = \"\",\r\n    disabled = false,\r\n    rel,\r\n    target,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": ariaBusy,\r\n    \"aria-live\": ariaLive,\r\n    \"aria-atomic\": ariaAtomic,\r\n    role,\r\n    title,\r\n    outline = false,\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    size = getDefaultSize(),\r\n    loading = false,\r\n    type = \"button\",\r\n    classMap,\r\n    LinkComponent = \"a\",\r\n    \"data-testid\": testId = \"icon-button\",\r\n    tabIndex,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const needsLabel = !ariaLabel && !ariaLabelledby && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons.\",\r\n    );\r\n  }\r\n\r\n  const resolvedLabel =\r\n    ariaLabel || (!ariaLabelledby ? title : undefined) || undefined;\r\n\r\n  const resolvedBusy = loading || ariaBusy || undefined;\r\n  const inert = disabled || loading;\r\n  const renderAsLink = !!href;\r\n\r\n  const classNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.iconButton,\r\n        classMap[theme],\r\n        classMap[state],\r\n        size && classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        inert && classMap.disabled,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, shadow, rounding, outline, inert, className],\r\n  );\r\n\r\n  const sharedAccessibilityProps = {\r\n    id,\r\n    role,\r\n    title,\r\n    \"data-testid\": testId,\r\n    \"aria-label\": resolvedLabel,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-errormessage\": ariaErrormessage,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-haspopup\": ariaHaspopup,\r\n    \"aria-expanded\": ariaExpanded,\r\n    \"aria-controls\": ariaControls,\r\n    \"aria-pressed\": ariaPressed,\r\n    \"aria-selected\": ariaSelected,\r\n    \"aria-checked\": ariaChecked,\r\n    \"aria-current\": ariaCurrent,\r\n    \"aria-busy\": resolvedBusy,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live={ariaLive ?? \"polite\"}\r\n      aria-atomic={ariaAtomic ?? true}\r\n    >\r\n      {loading ? (\r\n        <>\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n          <span className=\"sr_only\">Loading</span>\r\n        </>\r\n      ) : Icon ? (\r\n        <Icon\r\n          data-testid=\"icon-button-icon\"\r\n          aria-hidden={true}\r\n          focusable={false}\r\n          className={iconClassName}\r\n        />\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  if (renderAsLink) {\r\n    const linkProps = {\r\n      className: combineClassNames(classNames, classMap.link),\r\n      ref: ref as React.Ref<HTMLAnchorElement>,\r\n      onClick: inert\r\n        ? (e: React.MouseEvent<HTMLElement>) => e.preventDefault()\r\n        : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      ...sharedAccessibilityProps,\r\n      ...rest,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n    };\r\n\r\n    if (isExternal) {\r\n      return (\r\n        <a\r\n          {...linkProps}\r\n          href={inert ? undefined : href}\r\n          target={target ?? \"_blank\"}\r\n          rel={rel ?? \"noopener noreferrer\"}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <LinkComponent {...linkProps} href={inert ? undefined : href}>\r\n        {iconContent}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      disabled={inert}\r\n      className={classNames}\r\n      onClick={inert ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      {...sharedAccessibilityProps}\r\n      {...rest}\r\n      tabIndex={tabIndex}\r\n    >\r\n      {iconContent}\r\n    </button>\r\n  );\r\n});\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport type { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => (\r\n  <IconButtonBase ref={ref} {...props} classMap={styles} LinkComponent={Link} />\r\n));\r\n\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["IconButtonBase","disabled","outline"],"mappings":"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"}

package/dist/next/{IconButton-4ySBEhn1.cjs → IconButton-C66aQhKe.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./IconButton.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const link = require("./link-CenftYXJ.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
@@ -214,4 +214,4 @@ IconButtonBase.displayName = "IconButtonBase";
 const IconButton = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(IconButtonBase, { ref, ...props, classMap: styles, LinkComponent: link.Link }));
 IconButton.displayName = "IconButton";
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton-4ySBEhn1.cjs.map
+//# sourceMappingURL=IconButton-C66aQhKe.cjs.map