boreal-ui 0.0.72 → 0.0.73

package/dist/core/{FormGroup-DDZ1D_CI.js → FormGroup-qqHKY5fP.js}

@@ -13,15 +13,27 @@ const BaseFormGroup = ({
   hideLabel = false,
   spacing = "xs",
   controller,
+  role = "group",
+  labelProps,
+  descriptionProps,
+  errorProps,
+  controlProps,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   "data-testid": testId = "form-group",
-  classMap
+  classMap,
+  ...rest
 }) => {
   const auto = useId();
   const baseId = id ?? `${testId}-${auto}`;
+  const controlId = (controlProps == null ? void 0 : controlProps.id) ?? baseId;
   const labelId = label ? `${baseId}-label` : void 0;
   const descriptionId = description ? `${baseId}-description` : void 0;
   const errorId = error ? `${baseId}-error` : void 0;
-  const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const internalDescribedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const mergedWrapperLabelledBy = ariaLabelledBy ?? labelId;
+  const mergedWrapperDescribedBy = ariaDescribedBy ?? internalDescribedBy;
   const childrenArray = React.Children.toArray(children);
   const wrapperClass = useMemo(
     () => combineClassNames(
@@ -37,18 +49,21 @@ const BaseFormGroup = ({
     "div",
     {
       className: wrapperClass,
-      role: "group",
-      "aria-labelledby": labelId,
-      "aria-describedby": describedBy,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": mergedWrapperLabelledBy,
+      "aria-describedby": mergedWrapperDescribedBy,
       "data-testid": testId,
+      ...rest,
       children: [
         label && /* @__PURE__ */ jsxs(
           "label",
           {
             id: labelId,
-            ...id ? { htmlFor: id } : {},
+            htmlFor: controlId,
             className: combineClassNames(classMap.label, hideLabel && "sr_only"),
             "data-testid": `${testId}-label`,
+            ...labelProps,
             children: [
               label,
               required && /* @__PURE__ */ jsx(
@@ -63,38 +78,55 @@ const BaseFormGroup = ({
             ]
           }
         ),
-        childrenArray.map((child, index) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: classMap.inputWrapper,
-            "data-testid": `${testId}-wrapper-${index}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classMap.inputField,
-                  "data-testid": `${testId}-input-field-${index}`,
-                  children: child
-                }
-              ),
-              controller && index === 0 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classMap.controller,
-                  "data-testid": `${testId}-controller`,
-                  children: controller
-                }
-              )
-            ]
-          },
-          index
-        )),
+        childrenArray.map((child, index) => {
+          const clonedChild = React.isValidElement(child) ? React.cloneElement(
+            child,
+            {
+              id: child.props.id ?? (index === 0 ? controlId : `${controlId}-${index}`),
+              required: (controlProps == null ? void 0 : controlProps.required) ?? required ?? child.props.required,
+              "aria-label": (controlProps == null ? void 0 : controlProps["aria-label"]) ?? child.props["aria-label"],
+              "aria-labelledby": (controlProps == null ? void 0 : controlProps["aria-labelledby"]) ?? labelId ?? child.props["aria-labelledby"],
+              "aria-describedby": (controlProps == null ? void 0 : controlProps["aria-describedby"]) ?? internalDescribedBy ?? child.props["aria-describedby"],
+              "aria-invalid": (controlProps == null ? void 0 : controlProps["aria-invalid"]) ?? (!!error || void 0) ?? child.props["aria-invalid"],
+              "aria-errormessage": (controlProps == null ? void 0 : controlProps["aria-errormessage"]) ?? errorId ?? child.props["aria-errormessage"],
+              "aria-required": (controlProps == null ? void 0 : controlProps["aria-required"]) ?? (required || void 0) ?? child.props["aria-required"],
+              ...controlProps
+            }
+          ) : child;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classMap.inputWrapper,
+              "data-testid": `${testId}-wrapper-${index}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classMap.inputField,
+                    "data-testid": `${testId}-input-field-${index}`,
+                    children: clonedChild
+                  }
+                ),
+                controller && index === 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classMap.controller,
+                    "data-testid": `${testId}-controller`,
+                    children: controller
+                  }
+                )
+              ]
+            },
+            index
+          );
+        }),
         description && !error && /* @__PURE__ */ jsx(
           "p",
           {
             id: descriptionId,
             className: classMap.description,
             "data-testid": `${testId}-description`,
+            ...descriptionProps,
             children: description
           }
         ),
@@ -105,6 +137,7 @@ const BaseFormGroup = ({
             className: classMap.errorMessage,
             role: "alert",
             "data-testid": `${testId}-error`,
+            ...errorProps,
             children: error
           }
         )
@@ -143,4 +176,4 @@ FormGroup.displayName = "FormGroup";
 export {
   FormGroup as F
 };
-//# sourceMappingURL=FormGroup-DDZ1D_CI.js.map
+//# sourceMappingURL=FormGroup-qqHKY5fP.js.map

package/dist/core/FormGroup-qqHKY5fP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-qqHKY5fP.js","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/core/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","import React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport \"./FormGroup.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"form_group\",\r\n  label: \"form_group_label\",\r\n  required: \"form_group_required\",\r\n  inputWrapper: \"form_group_input_wrapper\",\r\n  inputField: \"form_group_input_field\",\r\n  controller: \"form_group_controller\",\r\n  description: \"form_group_description\",\r\n  errorMessage: \"form_group_error_message\",\r\n  vertical: \"form_group_vertical\",\r\n  horizontal: \"form_group_horizontal\",\r\n  primary: \"form_group_primary\",\r\n  secondary: \"form_group_secondary\",\r\n  error: \"form_group_error\",\r\n  success: \"form_group_success\",\r\n  warning: \"form_group_warning\",\r\n  clear: \"form_group_clear\",\r\n  xs: \"form_group_xs\",\r\n  small: \"form_group_small\",\r\n  medium: \"form_group_medium\",\r\n  large: \"form_group_large\",\r\n  xl: \"form_group_xl\",\r\n};\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={classes} />;\r\n};\r\nFormGroup.displayName = \"FormGroup\";\r\nexport default FormGroup;\r\n"],"names":[],"mappings":"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"}

package/dist/core/{FormGroup-Cit_2_Wo.cjs → FormGroup-s3n6ZiDT.cjs}

@@ -14,15 +14,27 @@ const BaseFormGroup = ({
   hideLabel = false,
   spacing = "xs",
   controller,
+  role = "group",
+  labelProps,
+  descriptionProps,
+  errorProps,
+  controlProps,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   "data-testid": testId = "form-group",
-  classMap
+  classMap,
+  ...rest
 }) => {
   const auto = React.useId();
   const baseId = id ?? `${testId}-${auto}`;
+  const controlId = (controlProps == null ? void 0 : controlProps.id) ?? baseId;
   const labelId = label ? `${baseId}-label` : void 0;
   const descriptionId = description ? `${baseId}-description` : void 0;
   const errorId = error ? `${baseId}-error` : void 0;
-  const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const internalDescribedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const mergedWrapperLabelledBy = ariaLabelledBy ?? labelId;
+  const mergedWrapperDescribedBy = ariaDescribedBy ?? internalDescribedBy;
   const childrenArray = React.Children.toArray(children);
   const wrapperClass = React.useMemo(
     () => classNames.combineClassNames(
@@ -38,18 +50,21 @@ const BaseFormGroup = ({
     "div",
     {
       className: wrapperClass,
-      role: "group",
-      "aria-labelledby": labelId,
-      "aria-describedby": describedBy,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": mergedWrapperLabelledBy,
+      "aria-describedby": mergedWrapperDescribedBy,
       "data-testid": testId,
+      ...rest,
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs(
           "label",
           {
             id: labelId,
-            ...id ? { htmlFor: id } : {},
+            htmlFor: controlId,
             className: classNames.combineClassNames(classMap.label, hideLabel && "sr_only"),
             "data-testid": `${testId}-label`,
+            ...labelProps,
             children: [
               label,
               required && /* @__PURE__ */ jsxRuntime.jsx(
@@ -64,38 +79,55 @@ const BaseFormGroup = ({
             ]
           }
         ),
-        childrenArray.map((child, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: classMap.inputWrapper,
-            "data-testid": `${testId}-wrapper-${index}`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: classMap.inputField,
-                  "data-testid": `${testId}-input-field-${index}`,
-                  children: child
-                }
-              ),
-              controller && index === 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: classMap.controller,
-                  "data-testid": `${testId}-controller`,
-                  children: controller
-                }
-              )
-            ]
-          },
-          index
-        )),
+        childrenArray.map((child, index) => {
+          const clonedChild = React.isValidElement(child) ? React.cloneElement(
+            child,
+            {
+              id: child.props.id ?? (index === 0 ? controlId : `${controlId}-${index}`),
+              required: (controlProps == null ? void 0 : controlProps.required) ?? required ?? child.props.required,
+              "aria-label": (controlProps == null ? void 0 : controlProps["aria-label"]) ?? child.props["aria-label"],
+              "aria-labelledby": (controlProps == null ? void 0 : controlProps["aria-labelledby"]) ?? labelId ?? child.props["aria-labelledby"],
+              "aria-describedby": (controlProps == null ? void 0 : controlProps["aria-describedby"]) ?? internalDescribedBy ?? child.props["aria-describedby"],
+              "aria-invalid": (controlProps == null ? void 0 : controlProps["aria-invalid"]) ?? (!!error || void 0) ?? child.props["aria-invalid"],
+              "aria-errormessage": (controlProps == null ? void 0 : controlProps["aria-errormessage"]) ?? errorId ?? child.props["aria-errormessage"],
+              "aria-required": (controlProps == null ? void 0 : controlProps["aria-required"]) ?? (required || void 0) ?? child.props["aria-required"],
+              ...controlProps
+            }
+          ) : child;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: classMap.inputWrapper,
+              "data-testid": `${testId}-wrapper-${index}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: classMap.inputField,
+                    "data-testid": `${testId}-input-field-${index}`,
+                    children: clonedChild
+                  }
+                ),
+                controller && index === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: classMap.controller,
+                    "data-testid": `${testId}-controller`,
+                    children: controller
+                  }
+                )
+              ]
+            },
+            index
+          );
+        }),
         description && !error && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
             id: descriptionId,
             className: classMap.description,
             "data-testid": `${testId}-description`,
+            ...descriptionProps,
             children: description
           }
         ),
@@ -106,6 +138,7 @@ const BaseFormGroup = ({
             className: classMap.errorMessage,
             role: "alert",
             "data-testid": `${testId}-error`,
+            ...errorProps,
             children: error
           }
         )
@@ -142,4 +175,4 @@ const FormGroup = (props) => {
 };
 FormGroup.displayName = "FormGroup";
 exports.FormGroup = FormGroup;
-//# sourceMappingURL=FormGroup-Cit_2_Wo.cjs.map
+//# sourceMappingURL=FormGroup-s3n6ZiDT.cjs.map

package/dist/core/FormGroup-s3n6ZiDT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-s3n6ZiDT.cjs","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/core/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","import React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport \"./FormGroup.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"form_group\",\r\n  label: \"form_group_label\",\r\n  required: \"form_group_required\",\r\n  inputWrapper: \"form_group_input_wrapper\",\r\n  inputField: \"form_group_input_field\",\r\n  controller: \"form_group_controller\",\r\n  description: \"form_group_description\",\r\n  errorMessage: \"form_group_error_message\",\r\n  vertical: \"form_group_vertical\",\r\n  horizontal: \"form_group_horizontal\",\r\n  primary: \"form_group_primary\",\r\n  secondary: \"form_group_secondary\",\r\n  error: \"form_group_error\",\r\n  success: \"form_group_success\",\r\n  warning: \"form_group_warning\",\r\n  clear: \"form_group_clear\",\r\n  xs: \"form_group_xs\",\r\n  small: \"form_group_small\",\r\n  medium: \"form_group_medium\",\r\n  large: \"form_group_large\",\r\n  xl: \"form_group_xl\",\r\n};\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={classes} />;\r\n};\r\nFormGroup.displayName = \"FormGroup\";\r\nexport default FormGroup;\r\n"],"names":["useId","useMemo","combineClassNames","jsxs","jsx"],"mappings":"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"}

package/dist/core/FormGroup.cjs.js

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

package/dist/core/FormGroup.js

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

package/dist/core/{IconButton-B7DYdUHH.cjs → IconButton-C_ktew-6.cjs}

@@ -5,6 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const IconButtonBase = React.forwardRef(function IconButtonBase2({
+  id,
   icon: Icon,
   theme = borealStyleConfig.getDefaultTheme(),
   state = "",
@@ -15,7 +16,24 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
   className = "",
   iconClassName = "",
   disabled = false,
-  ariaLabel,
+  rel,
+  target,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  "aria-describedby": ariaDescribedby,
+  "aria-errormessage": ariaErrormessage,
+  "aria-invalid": ariaInvalid,
+  "aria-haspopup": ariaHaspopup,
+  "aria-expanded": ariaExpanded,
+  "aria-controls": ariaControls,
+  "aria-pressed": ariaPressed,
+  "aria-selected": ariaSelected,
+  "aria-checked": ariaChecked,
+  "aria-current": ariaCurrent,
+  "aria-busy": ariaBusy,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  role,
   title,
   outline = false,
   rounding = borealStyleConfig.getDefaultRounding(),
@@ -29,13 +47,16 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
   tabIndex,
   ...rest
 }, ref) {
-  const needsLabel = !ariaLabel && !title;
+  const needsLabel = !ariaLabel && !ariaLabelledby && !title;
   if (process.env.NODE_ENV === "development" && needsLabel) {
     console.warn(
-      "IconButtonBase: provide `ariaLabel` or `title` for icon-only buttons."
+      "IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons."
     );
   }
-  const label = ariaLabel || title || void 0;
+  const resolvedLabel = ariaLabel || (!ariaLabelledby ? title : void 0) || void 0;
+  const resolvedBusy = loading || ariaBusy || void 0;
+  const inert = disabled || loading;
+  const renderAsLink = !!href;
   const classNames$1 = React.useMemo(
     () => classNames.combineClassNames(
       classMap.iconButton,
@@ -45,34 +66,36 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
       shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
       rounding && classMap[`round${capitalize.capitalize(rounding)}`],
       outline && classMap.outline,
-      (disabled || loading) && classMap.disabled,
+      inert && classMap.disabled,
       className
     ),
-    [
-      classMap,
-      theme,
-      state,
-      size,
-      shadow,
-      rounding,
-      outline,
-      disabled,
-      loading,
-      className
-    ]
+    [classMap, theme, state, size, shadow, rounding, outline, inert, className]
   );
-  const sharedAria = {
-    "aria-label": label,
-    "aria-busy": loading || void 0,
+  const sharedAccessibilityProps = {
+    id,
+    role,
     title,
-    "data-testid": testId
+    "data-testid": testId,
+    "aria-label": resolvedLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "aria-errormessage": ariaErrormessage,
+    "aria-invalid": ariaInvalid,
+    "aria-haspopup": ariaHaspopup,
+    "aria-expanded": ariaExpanded,
+    "aria-controls": ariaControls,
+    "aria-pressed": ariaPressed,
+    "aria-selected": ariaSelected,
+    "aria-checked": ariaChecked,
+    "aria-current": ariaCurrent,
+    "aria-busy": resolvedBusy
   };
   const iconContent = /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: classMap.buttonLabel,
-      "aria-live": "polite",
-      "aria-atomic": "true",
+      "aria-live": ariaLive ?? "polite",
+      "aria-atomic": ariaAtomic ?? true,
       children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr_only", children: "Loading" })
@@ -87,8 +110,6 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
       ) : null
     }
   );
-  const renderAsLink = !!href;
-  const inert = disabled || loading;
   if (renderAsLink) {
     const linkProps = {
       className: classNames.combineClassNames(classNames$1, classMap.link),
@@ -96,9 +117,9 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
       onClick: inert ? (e) => e.preventDefault() : onClick,
       onKeyDown,
       "aria-disabled": inert || void 0,
-      tabIndex: inert ? -1 : tabIndex,
-      ...sharedAria,
-      ...rest
+      ...sharedAccessibilityProps,
+      ...rest,
+      tabIndex: inert ? -1 : tabIndex
     };
     if (isExternal) {
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -106,8 +127,8 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
         {
           ...linkProps,
           href: inert ? void 0 : href,
-          target: "_blank",
-          rel: "noopener noreferrer",
+          target: target ?? "_blank",
+          rel: rel ?? "noopener noreferrer",
           children: iconContent
         }
       );
@@ -118,14 +139,14 @@ const IconButtonBase = React.forwardRef(function IconButtonBase2({
     "button",
     {
       type,
-      disabled: disabled || loading,
+      disabled: inert,
       className: classNames$1,
-      onClick: disabled ? (e) => e.preventDefault() : onClick,
+      onClick: inert ? (e) => e.preventDefault() : onClick,
       onKeyDown,
       ref,
-      tabIndex,
-      ...sharedAria,
+      ...sharedAccessibilityProps,
       ...rest,
+      tabIndex,
       children: iconContent
     }
   );
@@ -164,4 +185,4 @@ const classes = {
 const IconButton = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconButtonBase, { ref, ...props, classMap: classes }));
 IconButton.displayName = "IconButton";
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton-B7DYdUHH.cjs.map
+//# sourceMappingURL=IconButton-C_ktew-6.cjs.map

package/dist/core/IconButton-C_ktew-6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-C_ktew-6.cjs","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/core/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","import IconButtonBase from \"../IconButtonBase\";\r\nimport \"./IconButton.scss\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\nimport { forwardRef } from \"react\";\r\n\r\nconst classes = {\r\n  iconButton: \"icon_button\",\r\n  buttonLabel: \"icon_button_button_label\",\r\n  loader: \"icon_button_loader\",\r\n\r\n  disabled: \"icon_button_disabled\",\r\n  outline: \"icon_button_outline\",\r\n\r\n  primary: \"icon_button_primary\",\r\n  secondary: \"icon_button_secondary\",\r\n  tertiary: \"icon_button_tertiary\",\r\n  quaternary: \"icon_button_quaternary\",\r\n\r\n  success: \"icon_button_success\",\r\n  warning: \"icon_button_warning\",\r\n  error: \"icon_button_error\",\r\n\r\n  clear: \"icon_button_clear\",\r\n\r\n  xs: \"icon_button_xs\",\r\n  small: \"icon_button_small\",\r\n  medium: \"icon_button_medium\",\r\n  large: \"icon_button_large\",\r\n  xl: \"icon_button_xl\",\r\n\r\n  shadowNone: \"icon_button_shadow-None\",\r\n  shadowLight: \"icon_button_shadow-Light\",\r\n  shadowMedium: \"icon_button_shadow-Medium\",\r\n  shadowStrong: \"icon_button_shadow-Strong\",\r\n  shadowIntense: \"icon_button_shadow-Intense\",\r\n\r\n  roundNone: \"icon_button_round-None\",\r\n  roundSmall: \"icon_button_round-Small\",\r\n  roundMedium: \"icon_button_round-Medium\",\r\n  roundLarge: \"icon_button_round-Large\",\r\n  roundFull: \"icon_button_round-Full\",\r\n};\r\n\r\nconst IconButton = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonProps\r\n>((props, ref) => <IconButtonBase ref={ref} {...props} classMap={classes} />);\r\nIconButton.displayName = \"IconButton\";\r\nexport default IconButton;\r\n"],"names":["forwardRef","IconButtonBase","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","classNames","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment"],"mappings":"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"}