boreal-ui 0.0.72 → 0.0.74

package/dist/core/FormGroup-qqHKY5fP.js

@@ -0,0 +1,179 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+const BaseFormGroup = ({
+  label,
+  description,
+  error,
+  children,
+  id,
+  required = false,
+  className = "",
+  layout = "vertical",
+  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,
+  ...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 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(
+      classMap.wrapper,
+      classMap[layout],
+      classMap[spacing],
+      error && classMap.error,
+      className
+    ),
+    [classMap, layout, spacing, error, className]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": mergedWrapperLabelledBy,
+      "aria-describedby": mergedWrapperDescribedBy,
+      "data-testid": testId,
+      ...rest,
+      children: [
+        label && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            id: labelId,
+            htmlFor: controlId,
+            className: combineClassNames(classMap.label, hideLabel && "sr_only"),
+            "data-testid": `${testId}-label`,
+            ...labelProps,
+            children: [
+              label,
+              required && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.required,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-required`,
+                  children: "*"
+                }
+              )
+            ]
+          }
+        ),
+        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
+          }
+        ),
+        error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            className: classMap.errorMessage,
+            role: "alert",
+            "data-testid": `${testId}-error`,
+            ...errorProps,
+            children: error
+          }
+        )
+      ]
+    }
+  );
+};
+BaseFormGroup.displayName = "BaseFormGroup";
+const classes = {
+  wrapper: "form_group",
+  label: "form_group_label",
+  required: "form_group_required",
+  inputWrapper: "form_group_input_wrapper",
+  inputField: "form_group_input_field",
+  controller: "form_group_controller",
+  description: "form_group_description",
+  errorMessage: "form_group_error_message",
+  vertical: "form_group_vertical",
+  horizontal: "form_group_horizontal",
+  primary: "form_group_primary",
+  secondary: "form_group_secondary",
+  error: "form_group_error",
+  success: "form_group_success",
+  warning: "form_group_warning",
+  clear: "form_group_clear",
+  xs: "form_group_xs",
+  small: "form_group_small",
+  medium: "form_group_medium",
+  large: "form_group_large",
+  xl: "form_group_xl"
+};
+const FormGroup = (props) => {
+  return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: classes });
+};
+FormGroup.displayName = "FormGroup";
+export {
+  FormGroup as F
+};
+//# 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-s3n6ZiDT.cjs

@@ -0,0 +1,178 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const BaseFormGroup = ({
+  label,
+  description,
+  error,
+  children,
+  id,
+  required = false,
+  className = "",
+  layout = "vertical",
+  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,
+  ...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 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(
+      classMap.wrapper,
+      classMap[layout],
+      classMap[spacing],
+      error && classMap.error,
+      className
+    ),
+    [classMap, layout, spacing, error, className]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": mergedWrapperLabelledBy,
+      "aria-describedby": mergedWrapperDescribedBy,
+      "data-testid": testId,
+      ...rest,
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            id: labelId,
+            htmlFor: controlId,
+            className: classNames.combineClassNames(classMap.label, hideLabel && "sr_only"),
+            "data-testid": `${testId}-label`,
+            ...labelProps,
+            children: [
+              label,
+              required && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: classMap.required,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-required`,
+                  children: "*"
+                }
+              )
+            ]
+          }
+        ),
+        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
+          }
+        ),
+        error && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: errorId,
+            className: classMap.errorMessage,
+            role: "alert",
+            "data-testid": `${testId}-error`,
+            ...errorProps,
+            children: error
+          }
+        )
+      ]
+    }
+  );
+};
+BaseFormGroup.displayName = "BaseFormGroup";
+const classes = {
+  wrapper: "form_group",
+  label: "form_group_label",
+  required: "form_group_required",
+  inputWrapper: "form_group_input_wrapper",
+  inputField: "form_group_input_field",
+  controller: "form_group_controller",
+  description: "form_group_description",
+  errorMessage: "form_group_error_message",
+  vertical: "form_group_vertical",
+  horizontal: "form_group_horizontal",
+  primary: "form_group_primary",
+  secondary: "form_group_secondary",
+  error: "form_group_error",
+  success: "form_group_success",
+  warning: "form_group_warning",
+  clear: "form_group_clear",
+  xs: "form_group_xs",
+  small: "form_group_small",
+  medium: "form_group_medium",
+  large: "form_group_large",
+  xl: "form_group_xl"
+};
+const FormGroup = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseFormGroup, { ...props, classMap: classes });
+};
+FormGroup.displayName = "FormGroup";
+exports.FormGroup = FormGroup;
+//# 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-By8zuXrs.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+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 IconButtonBase = forwardRef(function IconButtonBase2({
+  id,
+  icon: Icon,
+  theme = getDefaultTheme(),
+  state = "",
+  href,
+  isExternal = false,
+  onClick,
+  onKeyDown,
+  className = "",
+  iconClassName = "",
+  disabled = false,
+  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 = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  size = getDefaultSize(),
+  loading = false,
+  type = "button",
+  classMap,
+  LinkComponent = "a",
+  "data-testid": testId = "icon-button",
+  tabIndex,
+  ...rest
+}, ref) {
+  const needsLabel = !ariaLabel && !ariaLabelledby && !title;
+  if (process.env.NODE_ENV === "development" && needsLabel) {
+    console.warn(
+      "IconButtonBase: provide `aria-label`, `aria-labelledby`, or `title` for icon-only buttons."
+    );
+  }
+  const resolvedLabel = ariaLabel || (!ariaLabelledby ? title : void 0) || void 0;
+  const resolvedBusy = loading || ariaBusy || void 0;
+  const inert = disabled || loading;
+  const renderAsLink = !!href;
+  const classNames = useMemo(
+    () => combineClassNames(
+      classMap.iconButton,
+      classMap[theme],
+      classMap[state],
+      size && classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline && classMap.outline,
+      inert && classMap.disabled,
+      className
+    ),
+    [classMap, theme, state, size, shadow, rounding, outline, inert, className]
+  );
+  const sharedAccessibilityProps = {
+    id,
+    role,
+    title,
+    "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__ */ jsx(
+    "span",
+    {
+      className: classMap.buttonLabel,
+      "aria-live": ariaLive ?? "polite",
+      "aria-atomic": ariaAtomic ?? true,
+      children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "sr_only", children: "Loading" })
+      ] }) : Icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          "data-testid": "icon-button-icon",
+          "aria-hidden": true,
+          focusable: false,
+          className: iconClassName
+        }
+      ) : null
+    }
+  );
+  if (renderAsLink) {
+    const linkProps = {
+      className: combineClassNames(classNames, classMap.link),
+      ref,
+      onClick: inert ? (e) => e.preventDefault() : onClick,
+      onKeyDown,
+      "aria-disabled": inert || void 0,
+      ...sharedAccessibilityProps,
+      ...rest,
+      tabIndex: inert ? -1 : tabIndex
+    };
+    if (isExternal) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ...linkProps,
+          href: inert ? void 0 : href,
+          target: target ?? "_blank",
+          rel: rel ?? "noopener noreferrer",
+          children: iconContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(LinkComponent, { ...linkProps, href: inert ? void 0 : href, children: iconContent });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      disabled: inert,
+      className: classNames,
+      onClick: inert ? (e) => e.preventDefault() : onClick,
+      onKeyDown,
+      ref,
+      ...sharedAccessibilityProps,
+      ...rest,
+      tabIndex,
+      children: iconContent
+    }
+  );
+});
+IconButtonBase.displayName = "IconButtonBase";
+const classes = {
+  iconButton: "icon_button",
+  buttonLabel: "icon_button_button_label",
+  loader: "icon_button_loader",
+  disabled: "icon_button_disabled",
+  outline: "icon_button_outline",
+  primary: "icon_button_primary",
+  secondary: "icon_button_secondary",
+  tertiary: "icon_button_tertiary",
+  quaternary: "icon_button_quaternary",
+  success: "icon_button_success",
+  warning: "icon_button_warning",
+  error: "icon_button_error",
+  clear: "icon_button_clear",
+  xs: "icon_button_xs",
+  small: "icon_button_small",
+  medium: "icon_button_medium",
+  large: "icon_button_large",
+  xl: "icon_button_xl",
+  shadowNone: "icon_button_shadow-None",
+  shadowLight: "icon_button_shadow-Light",
+  shadowMedium: "icon_button_shadow-Medium",
+  shadowStrong: "icon_button_shadow-Strong",
+  shadowIntense: "icon_button_shadow-Intense",
+  roundNone: "icon_button_round-None",
+  roundSmall: "icon_button_round-Small",
+  roundMedium: "icon_button_round-Medium",
+  roundLarge: "icon_button_round-Large",
+  roundFull: "icon_button_round-Full"
+};
+const IconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconButtonBase, { ref, ...props, classMap: classes }));
+IconButton.displayName = "IconButton";
+export {
+  IconButton as I
+};
+//# sourceMappingURL=IconButton-By8zuXrs.js.map

package/dist/core/IconButton-By8zuXrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-By8zuXrs.js","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":["IconButtonBase"],"mappings":"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"}